/* ----- defaults ----- */
.black-dashed {
	border-bottom: 1px dotted rgb(0, 0, 0);
	border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}
.blue-dotted {
	color: #18a8eb;
	border-bottom: 1px dotted rgb(24, 168, 235);
	border-bottom: 1px dotted rgba(24, 168, 235, 0.5);
}
.blue-solid {
	color: #18a8eb;
	border-bottom: 1px solid rgb(24, 168, 235);
	border-bottom: 1px solid rgba(24, 168, 235, 0.5);
}
.dark-grey {
	color: #313131;
	border-bottom: 1px solid rgb(49, 49, 49);
	border-bottom: 1px solid rgba(49, 49, 49, 0.5);
}
.bold-grey {
    color: #313131;
    border-bottom: 1px solid rgb(49, 49, 49);
    border-bottom: 1px solid rgba(49, 49, 49, 0.5);
    font-weight: bold !important;
}
a {
	text-decoration: none;
}
a,
a:visited,
a:focus,
a:active {
	outline: 0 none !important;
}
a:hover {
	border-bottom-color: transparent;
}

.fb-ico {
	width: 11px;
	height: 26px;
	fill: #00a9f8;
}

.vk-ico {
	width: 26px;
	height: 15px;
	fill: #00a9f8;
}

.inst-ico {
	width: 20px;
	height: 20px;
	fill: #00a9f8;
	margin-top: 4px;
}

.favorite-ico {
	width: 20px;
	height: 20px;
	fill: #f7325c;
	display: inline-block;
	vertical-align: middle;
}

.ask-ico {
	width: 17px;
	height: 17px;
	fill: #00a9f8;
	display: inline-block;
	vertical-align: middle;
}

.phone-ico {
	width: 12px;
	height: 14px;
	fill: #f7325c;
	display: inline-block;
	vertical-align: middle;
}

.info-ico {
	width: 14px;
	height: 14px;
	fill: #ec1c24;
}

.arrow_2-ico,
.arrow_2_right-ico {
	width: 16px;
	height: 64px;
	fill: #999;
}
.like-ico {
	width: 17px;
	height: 14px;
	fill: #f1f1f1;
	stroke: #d8d8d8;
}

.outlet-ico {
	width: 14px;
	height: 10px;
	fill: #ec1c24;
}

.fake-link {
	color: #00a9f8;
	cursor: pointer;
	pointer-events: auto;
}

.fake-link:hover {
	opacity: .8;
}

/*Попап*/
.popup {
	color: #000000;
	background-color: rgba(0, 0, 0, .4);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9991;
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s;
	box-sizing: border-box;
}
.popup *, .popup *:after, .popup *:before {
	box-sizing: border-box;
}

.popup:after {
	content: '';
	position: absolute;
	right: -17px;
	top: 0;
	bottom: 0;
	width: 17px;
	background-color: rgba(0, 0, 0, .4);
	opacity: 0;
}

.popup.active {
	right: 17px;
	opacity: 1;
	pointer-events: auto;
}

.popup.active:after {
	opacity: 1;
}

.popup__inner {
	box-shadow: 0 0 40px rgba(0,0,0,0.1);
	background-color: #ffffff;
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	transform: translate(17px);
	padding: 3.2rem 3.8rem;
}

.popup__close {
	cursor: pointer;
	position: absolute;
	right: 2rem;
	top: 2rem;
	width: 21px;
	height: 21px;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' width='22' height='22'%3E%3Cstyle%3E tspan %7B white-space:pre %7D .shp0 %7B fill: %237f7f7f %7D %3C/style%3E%3Cpath id='Close copy 3' class='shp0' d='M22,1.86v-0.86h-0.88l-9.62,9.62l-9.62,-9.62h-0.88v0.86l9.63,9.63l-9.63,9.63v0.87l0,0.01h0.86l9.64,-9.64l9.64,9.64h0.86l0.01,-0.01v-0.87l-9.63,-9.63z' /%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
}

.popup__title {
	font-size: 20px;
	letter-spacing: -.05rem;
	line-height: 32px;
	width: 100%;
	font-family: 'museo-500', sans-serif;
}
/**/

/*Попап с выбором города*/
.region-popup-wrapper__inner {
	width: 720px;
	height: 482px;
}

.region-popup-wrapper__title {
	transform: translate(-.2rem);
}

.regions-popup {
	position: relative;
	margin-top: 1.7rem;
	background-color: #FFF;
	box-sizing: border-box;
	border-radius: 2px;
	min-width: 300px;
	width: 100%;
}

.regions-popup .search-region {
	position: relative;
	z-index: 2;
	min-height: 40px;
	max-height: 306px;
	overflow: auto;
}

.regions-popup .search-region .simplebar-track.vertical {
	top: 70px;
	bottom: -15px;
}

.simplebar-scrollbar {
	width: 2px;
}

.simplebar-scrollbar:before {
	background: #00a9f8;
	border-radius: 0;
}

.regions-popup .search-region .simplebar-track.vertical.hidden {
	opacity: 0 !important;
}

.regions-popup .search-region:after {
	pointer-events: none;
	content: '';
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cstyle%3E tspan %7B white-space:pre %7D .shp0 %7B fill: %2319193b %7D %3C/style%3E%3Cpath id='Icon' class='shp0' d='M6.5 12.58C3.15 12.58 0.42 9.85 0.42 6.5C0.42 3.15 3.15 0.42 6.5 0.42C9.85 0.42 12.58 3.15 12.58 6.5C12.58 9.85 9.85 12.58 6.5 12.58ZM6.5 1.58C3.78 1.58 1.58 3.79 1.58 6.5C1.58 9.21 3.79 11.42 6.5 11.42C9.21 11.42 11.42 9.21 11.42 6.5C11.42 3.79 9.22 1.58 6.5 1.58ZM10.1 10.9L10.91 10.09L15.41 14.59L14.59 15.4L10.1 10.9Z' /%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 2.8rem;
	top: .9rem;
	z-index: 2;
}

.regions-popup .region-search-input {
	border: 1px solid rgba(153, 153, 153, .3);
	border-radius: 3px;
	width: calc(100% - 18px);
	box-sizing: border-box;
	height: 39px;
	box-shadow: none;
	padding: 0 15px;
	font: 400 13px/38px "museo-300", Arial, Helvetica, sans-serif;
	position: absolute;
	z-index: 2;
}

.regions-popup .region-search-input::-webkit-input-placeholder {
	color: #9699a3;
	font: 400 13px/38px "museo-300", Arial, Helvetica, sans-serif;
}
.regions-popup .region-search-input::-moz-placeholder {
	color: #9699a3;
	font: 400 13px/38px "museo-300", Arial, Helvetica, sans-serif;
}
.regions-popup .region-search-input:-moz-placeholder {
	color: #9699a3;
	font: 400 13px/38px "museo-300", Arial, Helvetica, sans-serif;
}
.regions-popup .region-search-input:-ms-input-placeholder {
	color: #9699a3;
	font: 400 13px/38px "museo-300", Arial, Helvetica, sans-serif;
}

.regions-popup .suggestions-wrapper{
	display: block;
	width: 100%;
	margin-top: 40px;
	z-index: 1;
	background-color: #ffffff;
}

.regions-popup .suggestions-wrapper:after{
	content: "";
	display: none;
	position: absolute;
	right:-15px;
	top:0;
	width: 40px;
	height: 100%;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	z-index: 10000;
}


.regions-popup .suggestions-suggestions {
	position: relative !important;
	background: none!important;
	padding: 29px 0px 13px 0px;
	margin: 0;
	list-style: none;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	min-height: 200px;
	border: none !important;
	font-size: 13px;
	font-family: 'museo-300', sans-serif;
	letter-spacing: -.01rem;
}

.regions-popup .suggestions-hint {
	display: none;
}

.regions-popup .suggestions-suggestion {
	cursor: pointer;
	padding: 0;
	margin-bottom: 2.2rem;
}

.regions-popup .suggestions-suggestion:last-of-type {
	margin-bottom: 0;
}

.regions-popup .suggestions-suggestion:hover,
.regions-popup .suggestions-suggestion:hover strong {
	color: #00a9f8;
}

.regions-popup .suggestions-suggestion:hover {
	background: transparent;
}

.regions-popup .region-list {
	padding: 15px 0px 13px 0px;
	margin: 0;
	list-style: none;
	position: relative;
	overflow: hidden;

}

.regions-popup .close-ico {
	width: 14px;
	height: 14px;
	position: absolute;
	right: 12px;
	top: 12px;
	fill: #19193b;
	display: block;
	cursor: pointer;
}

.footer .regions-popup .close-ico {
	margin-left: 0;
}

.regions-popup .close-ico:hover {
	opacity: .5;
}

.regions-popup .region-list:after {
	content: "";
	position: absolute;
	right:0;
	top:0;
	width: 40px;
	height: 100%;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

.regions-popup .region-list li {
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 10px;
}

.regions-popup .region-list li a {
	color: #47475c;
}

.regions-popup .region-list li a:hover {
	color: #00a9f8;
}

.regions-popup .region-list li:last-of-type {
	margin-bottom: 0;
}

.regions-popup__cities {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.8rem;
	font-family: 'museo-300', sans-serif;
	position: absolute;
	z-index: 1;
	top: 3.1rem;
}

.regions-popup__city {
	cursor: pointer;
	display: flex;
	font-size: 13px;
	line-height: 18px;
	border-radius: 17px;
	border: 1px solid #dfe0e3;
	letter-spacing: -.02rem;
	margin-right: .5rem;
	margin-bottom: 1rem;
	padding: .5rem 1.2rem;
	transition: .2s;
}

.regions-popup__city:hover {
	border-color: #00a9f8;
}

.regions-popup__city.active {
	color: #ffffff;
	background-color: #00a9f8;
	border-color: #00a9f8;
}

/* ----- header ----- */
#header {
	width: 100%;
	letter-spacing: -.3px;
	color: #19193b;
	margin-bottom: 1rem;
}

#header a {
}

#header a:hover {
	opacity: .8;
}

#header .header-unit .item {

}

#header .login-ico {
	width: 12px;
	height: 18px;
	display: inline-block;
	vertical-align: text-bottom;
	fill: #ec1c24;
	margin-right: 5px;
}

#header .header-unit .item.right{
	display: flex;
	flex-grow: 1;

	-webkit-justify-content: flex-end; /* Safari */
	justify-content: flex-end;
	align-items: flex-end;
}

#header .header-unit .item.right .order {
	height: 37px;
	padding: 0 16px;
	line-height: 34px;
	background-color: #00a9f8;
	color: #FFF;
	border-radius: 3px;
	margin-top: 2px;
	margin-left: 14px;
	font-size: 13px;
	font-family: 'museo-100', sans-serif;
	letter-spacing: .0rem;
	display: flex;
	align-items: center;
}

#header .header-unit .item.right .enter,
#header .header-unit .item.right .exit{
	display: inline-block;
	height: 37px;
	padding: 0 15px 0 12px;
	line-height: 34px;
	background-color: #00a9f8;
	color: #FFF;
	border-radius: 3px;
	margin-top: 2px;
	margin-left: 50px;
}

#header .header-unit .item.right .info {
	line-height: 19px;
	font-family: 'museo-300', sans-serif;
	font-size: 13px;
	letter-spacing: 0;
	display: flex;
}

#header .header-unit .item.right .info .title {
	white-space: nowrap;
}

#header .header-unit .item.right .info .inprogress {
	display: block;
	color: #00a9f8;
}

#header .header-unit .item.right .info .sum {
	font: 700 18px/1 "museo-900", Arial, Helvetica, sans-serif;
}

#header .header-unit .basket-ico {
	margin-right: 5px;
}

#header .header-unit .basket-ico svg  {
	width: 49px;
	height: 36px;
}

#header .header-unit .socials {
	display: inline-block;
}
#header .header-unit .socials a,
#footer .socials a {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}+

#header .top-block {
	padding: 15px 0 17px 0;
	font: 400 13px "museo-500", Arial, Helvetica, sans-serif;
}

#header .top-block > .main-wrapper {
    display:flex;

	-webkit-align-items: flex-end; /* Safari */
	align-items: flex-end;
}

#header .authorization a {
	display: flex;
	align-items: flex-end;
	color: inherit;
	font-family: 'museo-100', sans-serif;
	letter-spacing: .01rem;
	font-size: 13px;
}
#header .authorization .cabinet-ico {
	width: 15px;
	height: 15px;
	fill: #fb2555;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
}

#header .authorization .login-ico,
#header .authorization .key-ico {
	width: 15px;
	height: 15px;
	fill: #ffffff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

#header .authorization span {
	vertical-align: middle;
	display: inline-block;
	line-height: .7;
}

#header .top-block .item {

}

#header .top-block .logo-item {
	flex-basis: 150px;
}

#header .top-block .logo {
	display: block;
	height: 100%;
	width: 100%;
}

#header .top-block .logo:hover {
	opacity: .8;
}

#header .top-block .logo img {
	width: 110px;
}


#header .top-block .socicons-item {
	flex-basis: 200px;
	text-align: center;
}

@media screen and (max-width: 960px) {
	.region__static {
		display: inline-block;
	}
}

@media screen and (max-width: 961px) {
	.region__static {
		display: none;
	}
}

.region-text {
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
	text-overflow: ellipsis;
	position: relative;
	line-height: normal;
	padding-right: 11px;
	margin-top: 2px;
	max-width: 332px;
	overflow: hidden;
}

.region-text:before {
	pointer-events: none;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1rem;
	z-index: 1;
}

.header .region-text:before {
	box-shadow: 0 0 1rem 8px #3476dd;
	background-color: #3476dd;
	right: 0;
}

.footer .region-text:before {
	box-shadow: 0 0 1rem 8px #ffffff;
	background-color: #ffffff;
	right: -11px;
}

.region-text .city-choose-trigger {
	position: relative;
	overflow: visible;
}

.region-text:after {
	pointer-events: none;
	content: "";
	position: absolute;
	right: 0.6rem;
	top: 7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	border-color: #000000 transparent transparent transparent;
	z-index: 1;
}

.header .region-text:after {
	right: 0.6rem;
	border-color: #ffffff transparent transparent transparent;
}

.footer .region-text:after {
	right: 0;
}

.header .region-text .fake-link {
	color: #ffffff;
}

.region-text .fake-link {
	color: #000000;
	font-family: "museo-300", Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #719fe7;
	display: inline-block;
	overflow: hidden;
	margin-left: .6rem;
	padding-right: 1rem;
	letter-spacing: .008rem;
}

.region-item {
	background-color: #3476dd;
	height: 40px;
	color: #ffffff;
}

.region-item .svg-ico {
	fill: #ffffff;
}

.region-item .socials {
	display: flex;
	align-items: center;
}

.region-item .socials a {
	margin-right: 1.5rem;
}

.region-item .socials a:last-of-type {
	margin-right: 0;
}

.region-item .vk-ico {
	width: 19px;
	height: 11px;
}

.region-item .fb-ico {
	width: 9px;
	height: 20px;
}

.region-item .inst-ico {
	width: 17px;
	height: 17px;
	margin: 0;
}

.region-item .main-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 1;
	position: relative;
	line-height: 20px;
	font-family: museo-300, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.region-item-column.left{
	width: 482px;
}

.region-item-column.right{
	width: 292px;
	transform: translate(0, -1px);
}

.region-item .region{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font: normal 13px/40px 'museo-300', Arial, Helvetica, sans-serif;
	color: #9abbee;
	letter-spacing: .0rem;
}

.callme__tooltip {
	top: 1.9rem;
	left: -.3rem;
	width: 141px;
}

.region-item .callme:hover .callme__tooltip {
	opacity: 1;
	pointer-events: auto;
}

._tooltip {
	color: #000000;
	display: flex;
	flex-flow: column;
	position: absolute;
	font-family: 'museo-300', sans-serif;
	font-size: 11px;
	letter-spacing: 0;
	text-align: left;
	opacity: 0;
	pointer-events: none;
	transition: .2s;
	box-shadow: 0 0 5px rgba(0,0,0,0.14);
}

._tooltip *, ._tooltip *:after, ._tooltip *:before {
	box-sizing: border-box;
}

._tooltip:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent #00a9f8 transparent;
	left: 5.4rem;
	top: -.5rem;
}

._tooltip__header {
	border-radius: 3px 3px 0 0;
	font-size: 13px;
	color: #ffffff;
	background-color: #00a9f8;
	padding: 1rem 1.2rem;
}

._tooltip__body {
	display: flex;
	flex-flow: column;
	padding: 1rem 1.2rem;
	border-radius: 0 0 3px 3px;
	background-color: #ffffff;
}

._tooltip__row {
	display: flex;
	justify-content: space-between;
	letter-spacing: .05rem;
	margin-bottom: .9rem;
}

._tooltip__row:last-of-type {
	margin-bottom: 0;
}

._tooltip__key {
	color: #999999;
}

.region-item .callme {
	position: relative;
	font: normal 13px/1 "museo-300", Arial, Helvetica, sans-serif;
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
}

.region-item .callme a {
	color: inherit;
	position: relative;
	display: inline-block;
	padding-left: 19px;
	letter-spacing: .01rem;
}

.region-item .callme a span {
	border-bottom:1px dotted #719fe7;
	padding-bottom: 1px;
}

.region-item .callme a .callme-ico {
	width:10px;
	height:12px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
}

.region-item .order_callback {
	position: relative;
}

.region-item .phone {
	display: inline-block;
	vertical-align: middle;
	font: normal 18px/1 "museo-100", Arial, Helvetica, sans-serif;
	transform: translate(0, -1px);
}

.region-item .phone span,
.footer .phone span {
	font: normal 17px/1 "museo-900", Arial, Helvetica, sans-serif;
	letter-spacing: -.01rem;
}

.region-item .authorization {
	margin-bottom: 8px;
}

.region-item .authorization .login-ico {
	width: 15px;
	height: 14px;
	margin-right: 8px;
}

.footer .region .map-ico {
	width: 10px;
	height: 14px;
	display: inline-block;
	fill: #000;
	vertical-align: middle;
	margin-right: 2px;
	margin-left: 3px;
	margin-top: -5px;
}

.footer .region .map-ico {
	margin-top: -1px;
}

.search-and-basket {
	padding: 2.4rem 0;
}

.basket-widget {
	display: flex;
	align-items: flex-start;
	width: 320px;
	justify-content: flex-end;
	font: 400 15px/30px "museo-300", Arial, Helvetica, sans-serif;
}

.widget-inner {
	display: flex;
}

#header .top-block .user-item {
	width: 295px;
	margin-right: 50px;
}

#header .top-block .basket .empty {
	font-size: 11px;
	margin-top: 5px;
	color: #9699a3;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#header .mid-block {
    padding: 14px 0;
}
#header .bottom-block {
	margin-top: 20px;
	margin-bottom: 8px;
}

#header .header-menu {
    padding: 0;
	list-style: none;
	font: 400 14px "museo-500", Arial, Helvetica, sans-serif;
	margin: 0 0 16px;
	position: relative;
}

#header .header-menu:last-of-type {
	margin-bottom: 0;
}

#header .header-menu a {
	color: #000;
}

#header .header-menu .has-nested a {
	position: relative;
}

#header .header-menu .has-nested:hover .menu_arrow-ico {
	display: block;
}

#header .header-menu .menu_arrow-ico {
	display: none;
	width: 26px;
	height: 7px;
	fill: #FFF;
	position: absolute;
	left: 50%;
	margin-left: -13px;
	top: 26px;
	z-index: 205;
}

#header .header-menu .nested-list {
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	z-index: 2000;
	margin-top: 33px;
	opacity: 0;
	pointer-events: none;
	transition: .3s;
}

#header .header-menu .nested-list .inner {
	background-color: #FFF;
	padding: 21px 14px 28px;
	margin-top: 0;
	box-shadow: 0 30px 100px rgba(4, 25, 38, .13);
	overflow: hidden;
	display: flex;
}

#header .header-menu .nested-list li {
	display: inline-block;
	font-family: "Futura New Book", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
}

#header .header-menu .nested-list li.hidden{
	display: none;
}

#header .header-menu .nested-list li ul {
	width: 100%;
	padding-left: 20px;
	margin-top: 11px;
}

#header .header-menu .nested-list li ul li {
	position: relative;
	margin-bottom: 5px;
}

#header .header-menu .nested-list li ul li a {
	font-size: 15px;
}

#header .header-menu .nested-list li ul li:hover:before {
	content: "";
	position: absolute;
	left: -25px;
	top: 10px;
	width: 16px;
	height: 1px;
	background-color: #00a9f8;
}

#header .header-menu .nested-list .brands li:not(.title) {
	width: 108px;
	height: 50px;
	float: left;
	background-color: #fafbfb;
	margin-right: 8px;
	margin-bottom: 0;
	text-align: center;
	line-height: 50px;
	white-space: nowrap;
}

#header .header-menu .nested-list .brands li a {
	position: relative;
}

#header .header-menu .nested-list .brands li a{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

#header .header-menu .nested-list .brands li a:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

#header .header-menu .nested-list .brands li img{
	vertical-align: middle;
	display: inline-block;
}

#header .header-menu .nested-list .brands li:not(.title),
#header .header-menu .nested-list .brands li:nth-child(4n) {
	margin-bottom: 8px;
	position: relative;
}

#header .header-menu .nested-list .brands .more-items {
	text-align: left!important;
}

#header .header-menu .nested-list .brands li:not(.title):hover:before {
	content: "";
	background: none;
}


#header .header-menu .nested-list li:after {
	content: "";
	margin: 0;
	display: none;
}

#header .header-menu .nested-list li:not(.title):hover:before {
	content: "";
	position: absolute;
	left: -25px;
	top:10px;
	width: 16px;
	height: 1px;
	background-color: #00a9f8;
}

#header .header-menu li:hover .nested-list {
	animation: .3s both opacity;
	pointer-events: auto;
}

@keyframes opacity {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

#header .header-menu li .nested-list li:not(.title):hover a {
	color: #00a9f8;
	opacity: 1;
}

#header .header-menu li .nested-list li:not(.title):hover li a {
	color: #46465c;
}

#header .header-menu li .nested-list li:not(.title):hover li:hover a {
	color: #00a9f8;
}

#header .header-menu .nested-list ul {
	float: left;
	border-right: 1px solid rgba(150, 153, 163, .2);
	padding: 0;
	box-sizing: border-box;
}

#header .header-menu .nested-list ul:last-of-type {
	border-right: none;
}

#header .header-menu .nested-list ul.col-1 {
	width: 307px;
	padding-left: 34px;
}

#header .header-menu .nested-list ul li.title {
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 14px;
	font-family: "Futura New Book Bold";
}

#header .header-menu .nested-list ul.col-2 {
	width: 321px;
	padding-left: 50px;
	height: 522px;
	overflow: hidden;
}

#header .header-menu .nested-list ul.col-3 {
	width: 528px;
	padding-left: 50px;
	overflow: hidden;
}

#header .header-menu .nested-list .more-items {
	background: transparent!important;
	height: auto!important;
	width: 100%!important;
}

#header .header-menu .nested-list .more-items a {
	color: #9699a3!important;
	width:100%!important;
	text-align: left!important;
}

#header .header-menu .nested-list li.more-items:before {
	content: ""!important;
	background: transparent!important;
	display: none!important;
}

#header .header-menu .nested-list li.more-items:after {
	content: "\2193";
	display: inline-block;
	color: #9699a3;
	margin-left: 4px;
}

#header .header-menu .nested-list li.more-items.expanded:after {
	content: '\2191';
	display: inline-block;
	color: #9699a3;
}

#header .header-menu a.sale {
	color: #fb2555;
}

#header .header-menu a.new {
	color: #02b208;
}

#header .header-menu a.popular {
	color: #ff530c;
}

#header .header-menu > li {
    display: inline-block;
}

#header .header-menu > li.hidden{
	display: none;
}

#header .header-menu > li:hover > a {
	color: #00a9f8;
	opacity: 1;
}


#header .header-menu > li.part:hover > a:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 19px;
	position: absolute;
	left: 0;
	top: 0;
}


#header .header-menu > li:after {
	content: "•";
	display: inline-block;
	vertical-align: middle;
	color: #c7c7c7;
	margin: 0 10px;
}

#header .header-menu > li:last-of-type:after {
	content: "";
	margin: 0;
}

#header .mid-block {
	background-color: #e2f0ff;
	position: relative;
}

@media screen and (max-width: 1100px){
	#header .basket .info {
		margin-right: 18px;
	}
	#header .top-block .item {
		padding-left: 0;
	}
	#header .top-block .logo-item {
		margin-right: 13px;
	}
	#header .top-block .item.orders{
		padding-top: 21px;
		width: 191px;
		box-sizing: border-box;
		padding-left: 15px;
	}
	#header .top-block .region-item .size-help {
		display: none;
	}
	#header .top-block .orders .title {
		margin-bottom: 21px;
	}
	#header .top-block .contacts-item {
		width: 240px;
		margin-right: 0;
		padding-left: 9px;
		box-sizing: border-box;
	}
	#header .top-block .contacts-item .callme {
	}
	#header .top-block .contacts-item .phone,
	#header .top-block .contacts-item .phone span {
		margin-top: 19px;
	}
	#header .header-unit .basket-ico svg {
		width: 31px;
	}
	#header .top-block .region-item .actual-articles {
		margin-bottom: 23px;
	}
	#header .header-menu {
		font-size: 12px;
		margin-bottom: 6px;
	}
	#header .header-menu li:after {
		margin: 0 5px;
	}
	#header .header-menu .nested-list ul.col-3 {
		width: 330px;
	}
	#header .top-block .region-item .order-help {
		padding-left: 18px;
	}
	#header .top-block .orders .inner-1000 {
		display: block;
	}
	#header .top-block .orders .inner-1200 {
		display: none;
	}
}



/* ----- main wrapper ----- */
.main-wrapper {
	width: 1200px;
	margin: 0 auto;
	flex: 1 0 auto;
}

/* ----- main container ----- */
#main-container {
	display: inline-block;
	width: 100%;
	margin-left: 0;
}

/*left block*/
#main-container .left-block {
	display: inline-block;
	width: 216px;

	margin-left: 0;
	margin-right: 20px;
}


#main-container .left-block .banners-wrap{
	margin-left: -28px;
}

@media (max-width: 1024px) {

	#main-container .left-block .banners-wrap{
		margin-left: 0px;
	}

}

#main-container .left-block .banners {
	margin: 20px 0;
}
#search-widget {
	transform: translate(-1.7rem);
}
#products-search-widget {
	position: relative;
	height: 37px;
	border: 1px solid rgba(153,153,153,.3);
	border-radius: 5px;
	padding: 0 15px;
	width: 672px;
}
#products-search-widget.opened .ca-wrapper {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
#products-search-widget.opened {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#products-search-widget .search-close {
    display: none;
    position: absolute;
    right: 19px;
    top: 13px;
}
#products-search-widget .search-close .close-ico {
    width: 14px;
    height: 14px;
    fill: #19193b;
    cursor: pointer;
}
#products-search-widget.opened .search-close {
    display: block;
}
#products-search-widget form,
#products-search-widget .component,
#products-search-widget .component input {
	height: 100%;
}
#products-search-widget .component input {
	box-shadow: none;
	background: transparent;
	box-sizing: border-box;
	padding: 0;
	font: 400 13px/38px "museo-300", Arial, Helvetica, sans-serif;
	width: calc(100% - 32px);
}
#products-search-widget .component input::-webkit-input-placeholder {
	color: #999999;
	font: 400 13px/38px "museo-300", Arial, Helvetica, sans-serif;
}
#products-search-widget .component input::-moz-placeholder {
	color: #999999;
	font: 400 13px/38px "museo-300", Arial, Helvetica, sans-serif;
}
#products-search-widget .component input:-moz-placeholder {
	color: #999999;
	font: 400 13px/38px "museo-300", Arial, Helvetica, sans-serif;
}
#products-search-widget .component input:-ms-input-placeholder {
	color: #999999;
	font: 400 13px/38px "museo-300", Arial, Helvetica, sans-serif;
}
#products-search-widget .component .search-helper {
	position: absolute;
	left: 37rem;
	top: 2px;
	color: #999999;
	font: 400 13px/38px "museo-300", Arial, Helvetica, sans-serif;
	pointer-events: none;
}
#products-search-widget .component .search-helper.hidden {
	display: none;
}
#products-search-widget.opened .component .search_btn,
#products-search-widget.opened .component .search-helper {
    display: none;
}
#products-search-widget .component .search_btn {
	float: right;
	background: transparent;
	border: none;
	line-height: 47px;
	width: 15px;
	height: 100%;
	margin-left: 12px;
	padding: 0;
	outline: none;
}
#products-search-widget .component .search_btn:hover .magnifier-ico {
	fill: #00a9f8;
}

#products-search-widget .component .search_btn .magnifier-ico {
	width: 16px;
	height: 16px;
	fill: #000000;
	transition: .2s;
}
#main-container div.left .banners {
	margin: 30px auto;
}

/*right block*/
#main-container .right-block {
	display: inline-block;
	vertical-align: top;
	width: 755px;

	margin-left: -0.25em;
	margin-right: 8px;
}
#main-container .right-block .top-block {
	height: 70px;

	margin-bottom: 26px;
}
#main-container .right-block .banner-block {
	width: 754px;
	height: 400px;

	margin-left: -10px;

	/**/
	background: url(/img/banners/banner_8-14.jpg) 25px 0px no-repeat;
}
#main-container .right-block .banner-block img {
	width: 100%;
}
#main-container .right-block .introduce-img {
	margin-bottom: 20px;
}
#main-container .right-block .categories-block {
	margin-bottom: 50px;
	padding-top: 54px;
	background: url(/img/d/categories-bg.png) center center no-repeat;
}
#main-container .right-block .categories-block > .menu-list > li {
	max-width: 220px;
}
#main-container .right-block .categories-block > .menu-list {
	display: inline-block;
	vertical-align: top;
	width: 246px;
}
.vk-wrapper {
	width: 216px;
	height: 301px;

	margin: 20px 0;

	text-align: center;
}
#vk_groups {
	padding-left: 1px;
	margin: 0 auto;
}
#kinder-fb {
	width: 200px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;

	text-align: center;
}
.fb-wrapper {
	width: 200px;
	overflow: hidden;

	margin: 0 auto;
}
.fb-like-box {
	margin-top: -1px;
	background-color: #fff;
}
.banner-gift {
	display: block;
	width: 216px;
	height: 299px;

	background: url(/img/banners/gift-certificate.png) no-repeat;
}

#kinder-instagram {
	text-align: center;
	margin-bottom: 22px;
}

/* ----- aside block ----- */
#banners {
	display: inline-block;
	vertical-align: top;
	/*width: 196px;*/
	width: 190px;
}

/* ----- footer ----- */


#fixed-panel {
	height: 50px;
    font: 400 13px/16px "museo-500", Arial, Helvetica, sans-serif;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9990;

	background-color: #e2f0ff;
}

#fixed-panel .inner {
	width: 100%;
	height: inherit;
	overflow: hidden;

	margin: 0 auto;
}
#fixed-panel .inner > div > * {
	float: left;
    height:100%;
}
#fixed-panel .toTop {
    width:60px;
    height:100%;
    border-right: 1px solid #cfe7ff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#fixed-panel .toTop .totop-ico {
    width:20px;
    height:24px;
}
#fixed-panel .inner .left {
	height: inherit;
	float: left;
	overflow: hidden;
}
#fixed-panel .inner .outlet-price {
    display:table;
    padding: 0 17px;
    border-left: 1px solid #cfe7ff;
}
#fixed-panel .inner .outlet-price .outlet-text {
    display: table-cell;
    vertical-align:middle;
    color: #47475c;
}
#fixed-panel .inner .outlet-price .outlet-text > div:first-of-type {margin-bottom:3px;}
#fixed-panel .inner .outlet-price .outlet-text a {color: #00a9f8;}
#fixed-panel .inner .right {
	height: inherit;
	float: right;
	overflow: hidden;
}
#fixed-panel .inner .right > div {height:100%;}
#fixed-panel .inner .counter {
	display: table-cell;
	vertical-align: middle;
    color: #000;
}
#fixed-panel .inner .counter > span {
    background-color:#FFF;
    border-radius: 2px;
    height: 30px;
    display: inline-block;
    box-sizing: border-box;
    font: 400 15px/30px "museo-700", Arial, Helvetica, sans-serif;
    padding: 0 11px;
    min-width: 30px;
    margin-left: 10px;
}
#fixed-panel .inner .user {
	display: table;
	height: 100%;
	margin: 0;
    background-color: #00a9f8;
    padding: 0 31px;
}
#fixed-panel .inner .user > .ico {
    display:table-cell;
    vertical-align: middle;
}
#fixed-panel .inner .user .login-ico {
    width: 15px;
    height: 15px;
    fill: #FFF;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
#fixed-panel .inner .user .cabinet-ico {
    width:15px;
    height:15px;
    fill: #FFF;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
#fixed-panel .inner .user .ico {display:inline-block;vertical-align:middle;margin-top: -2px;}
#fixed-panel .inner .user a {
	display: table-cell;
	vertical-align: middle;
    white-space: nowrap;
	color: #FFF;
	text-align: center;
    font: 400 13px/14px "mjuseo-500", Arial, Helvetica, sans-serif;
}
#fixed-panel .inner .user > span {
	display: table-cell;
	vertical-align: middle;
    color: #FFF;
    padding: 0 3px;
}
#fixed-panel .inner .user .exit > span {
    margin-right:30px;
}
#fixed-panel .inner .user > a:last-of-type > span {
    margin-right:0;
}
#fixed-panel .inner .user a.reg:before {
	width: 22px;
	height: 14px;

	background-position: -17px -5px;
}
#fixed-panel .inner .user a.profile:before {
	width: 21px;
	height: 25px;

	background-position: -115px 0px;
}
#fixed-panel .inner .user a.exit:before {
	display: none;
}
#fixed-panel .inner .deferred .ico {
    display:table-cell;
    vertical-align:middle;
}
#fixed-panel .inner .deferred {
    display:table;
	height: inherit;
	padding: 0 20px;
	border-left: 1px solid #cfe7ff;
	border-right: 1px solid #cfe7ff;
}
#fixed-panel .inner .deferred a {
	display: table-cell;
	vertical-align: middle;

	margin-right: 14px;

	color: #000;
    font: 400 13px/1 "museo-500", Arial, Helvetica, sans-serif;
}
#fixed-panel .inner .basket {
    height:100%;
    display:table;
	padding: 0 20px;
}
#fixed-panel .inner .basket a {
	display: table-cell;
	vertical-align: middle;
	color: #000;
    font: 400 13px/1 "museo-500", Arial, Helvetica, sans-serif;
    width:auto;
    float:none;
    height:auto;
}
#fixed-panel .inner .basket a.order {
    font: 400 13px/1 "museo-300", Arial, Helvetica, sans-serif;
    color: #FFF;
    background:none;
	height: 100%;
	margin: 0;
	display: flex;
	align-items: center;
}
#fixed-panel .inner .basket a.order span {
    background-color:#00a9f8;
    padding: 0 20px;
    border-radius: 5px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    margin-left: 25px;
}
#fixed-panel .inner .basket .counter {
	display: table-cell;
	vertical-align: middle;
}
#fixed-panel .inner .basket .counter span {
    font-family: "museo-700", Arial, Helvetica, sans-serif;
}
#fixed-panel .inner .basket .price {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
    font: 400 16px/1 "museo-700", Arial, Helvetica, sans-serif;
    color: #000;
    padding-left:20px;
}
#fixed-panel .inner a:hover {
	opacity: 0.8;
}

#fixed-panel #viewed-widget .deferred{
    display:table;
    height:100%;
}

#fixed-panel #viewed-widget .deferred:first-of-type {
    border-right:none;
}
#fixed-panel #viewed-widget .deferred .eye-ico {
    width: 28px;
    height: 16px;
    fill: #000;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
#fixed-panel .deferred .star-ico {
    width: 21px;
    height: 21px;
    fill: #000;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
#fixed-panel .basket .basket-ico {
    width:22px;
    height:22px;
    margin:0 10px 0 0;
    fill: #000;
}

#fixed-panel .basket .ico {
    display: table-cell;
    vertical-align: middle;
}





/* ======================================= FORMS ============================================== */
.pu-title {
	margin-bottom: 30px;

	color: #404040;
	text-align: center;
}
p.form-p {
    text-align: center;
    font: 400 14px/20px "Brewery-Med", Arial, sans-serif;
}
form a {
    color: #00a9f8;
}
form a.remind {
    position: relative;
    font: 400 15px/1 "Futura New Book", Arial, sans-serif;
    margin-left: 5px;
}
form a.register {
    display: inline-block;
    width:100%;
    text-align:center;
    margin-top: 5px;
}
form a.remind:hover {
    opacity: 0.8;

    border-bottom: none;
}

.divider {
    margin-bottom: 20px;
    text-align: center;
    font: normal 12px/12px Arial, sans-serif;
}
.divider:before,
.divider:after {
    content: '';

    display: inline-block;
    vertical-align: middle;
    width: 94px;
    height: 1px;

    background-color: #d9d9d9;
}
.divider:before {
    margin-right: 10px;
}
.divider:after {
    margin-left: 10px;
}
.form-inner {
    min-height: 50px;

    margin: 0 auto;
}
.login_form .form-inner {
	width: 230px;
}

#main-module .login_form .btn-wrap {
    border: none;

    background-color: #fff;
}
#main-module .login_form .btn-wrap a {
    width: 210px;
    height: 16px;

    padding: 9px 10px 7px;
    margin-top: 22px;

    border: 1px solid #ebd22b;

    background-color: #ffe84c;
}

/* хук для формы регистрации и формы авторизации */
#registration_form .field label, .login_form .field label {
    display: none;
}


.ulogin {
    width: auto;

    margin: 16px auto;

	height: 26px;
    text-align: center;
}
.ulogin > div {
    width: auto !important;
}
.ulogin > div > div {
    width: 36px !important;
    height: 36px !important;

    margin: 0px 12px 0px 0px !important;

    background: url(/img/reg_scl.png) no-repeat !important;
}
.ulogin div[data-uloginbutton="facebook"] {
    background-position: -48px 0px !important;
}
.ulogin div[data-uloginbutton="twitter"] {
    background-position: -97px 0px !important;
}
.ulogin div[data-uloginbutton="odnoklassniki"] {
    background-position: -145px 0px !important;
}
.ulogin div[data-uloginbutton="googleplus"] {
    margin-right: 0 !important;
    float: none !important;
    background-position: -193px 0px !important;
}
input {
	height: 14px;

	padding: 9px 11px 8px;

	color: #404040;
	font: normal 12px/12px "museo-500", Arial, sans-serif;

	border: none;
	outline: 0 none;

	background-color: #fff;
}
input::-webkit-input-placeholder {
	color: #999999;
	font: normal 15px/1 "museo-300", Arial, sans-serif;
    opacity: 1;
}
input::-moz-placeholder {
	color: #999999;
	font: normal 15px/1 "museo-300", Arial, sans-serif;
    opacity: 1;
}
input:-moz-placeholder {
	color: #999999;
	font: normal 15px/1 "museo-300", Arial, sans-serif;
    opacity: 1;
}
input:-ms-input-placeholder {
	color: #999999;
	font: normal 15px/1 "museo-300", Arial, sans-serif;
    opacity: 1;
}


/* ----- checkbox ----- */
.field .checkbox {
	font: normal 15px/1 "Futura New Book", Arial, sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.field.remember {
	min-height: 24px;
    margin-top: -3px;
    display: inline-block;
}


.field.remember label {
    display: inline-block;
    margin: 8px 0 0;
}


.field .checkbox input {
	display: none;
}
.field .checkbox span {
	display: inline-block;
	vertical-align: text-bottom;

	width: 14px;
	height: 14px;

	margin-right: 4px;

	position: relative;
    border-radius: 2px;
	border: 1px solid #dedfe2;
}
.field .checkbox span:after {
	content: '';

	display: none;
	width: 14px;
	height: 12px;

	position: absolute;
	top: -1px;
	left: 3px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAAZlBMVEUZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTsZGTtrzrkWAAAAInRSTlMAAgYJCg8WHB8kMz5BQ1NVWG9zhZ2gprLFy87U4+nq8vb3rp0i8wAAAExJREFUeAFNx2cOgCAYg+HPvUXcQxHvf0lDA0n75+0jvMayCqNJyTGTZNljkr5zUvvWLlZB5TOgPZyeE+S9bpEEf2q8Mg/YVCLkLrwfB3UDR+D8s7gAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
}
.field .checkbox:hover span {
	border-color: #babebf;
}
.field .checkbox input:checked + span:after {
	display: block;
}
.field .checkbox p {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}


/* ----- radio ----- */
.field .radiobtn {
	color: #404040;
	font: normal 12px/12px Arial, "Helvetica Neue", Helvetica, sans-serif;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.field .radiobtn input {
	display: none;
}
.field .radiobtn > span {
	display: inline-block;
	vertical-align: text-bottom;

	width: 14px;
	height: 14px;

	margin-right: 4px;

	position: relative;

	border: 1px solid #d9d9d9;
	border-radius: 50%;

	-webkit-box-shadow: inset 0px 2px 3px rgba(214, 214, 214, 0.3);
	-moz-box-shadow: inset 0px 2px 3px rgba(214, 214, 214, 0.3);
	box-shadow: inset 0px 2px 3px rgba(214, 214, 214, 0.3);
}
.field .radiobtn > span:after {
	content: '';

	display: none;
	width: 16px;
	height: 15px;

	position: absolute;
	top: 3px;
	left: 3px;

	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAALVBMVEVAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECJvTHhAAAADnRSTlMAJSYnKKytrrDv8PHy86TEdu0AAAAySURBVAjXNYpBDgAQDMCKYWz8/7mErKcmLWR1VwEZ+zKEth8d/7KwL06NVGIm1WktcwBdhQKO/90Q9wAAAABJRU5ErkJggg==);
}
.field .radiobtn:hover > span {
	border-color: #babebf;
}
.field .radiobtn input:checked + span:after {
	display: block;
}
.field .radiobtn p {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}


/* ===================================== RADIO ========================================== */
.field .radiobtn-2 {
	float: left;

	text-align: center;

	background-color: #fff;
}
.field .radiobtn-2:not(:first-of-type) {
	margin-left: -1px;
}
.field .radiobtn-2 input {
	display: none;
}
.field .radiobtn-2 .r-wrap {
	display: block;
	width: 35px;
	padding: 10px 14px;
	position: relative;
	z-index: 1;
	font: normal 12px/12px Arial, sans-serif;
	border: 1px solid #d9d9d9;
}
.field .radiobtn-2:last-of-type .r-wrap {
	min-width: 30px;
}
.field .radiobtn-2 input:checked + .r-wrap,
.field .radiobtn-2 .r-wrap:hover {
	z-index: 2;

	background-color: #fff3a5;

	border-color: #ece192;
}
.field .radiobtn-2 input:disabled + .r-wrap,
.field .radiobtn-2 input:disabled .r-wrap:hover {
	border-color: #d9d9d9;
	background-color: #fff;
}
.field .radiobtn-2:hover .r-wrap {
	background-color: #fff3a5;

	cursor: pointer;
}
.field .radiobtn-2 .date {
	margin-bottom: 4px;

	color: #404040;
}
.field .radiobtn-2 .day {
	color: #b0b0b0;
	text-transform: uppercase;
}


.field {
	margin-bottom: 10px;
}
.field.name {
	overflow: hidden;
}
.field.name .wrap {
	float: left;
}
.field.name .wrap:last-of-type {
	float: right;
}

.field .name {
	display: inline-block;
	vertical-align: middle;
	float: left;

	color: #b0b0b0;
    font: normal 12px/34px Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.field .show-pswd {
	display: block;
	width: 15px;
	height: 9px;

	position: absolute;
	top: 12px;
	right: 10px;

	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAQAAABHhr7cAAAApUlEQVQY023PsYrCABgD4L+Lg3Q4bnHwHsJFOvrpUymIQ5+lo25yB30HJ50VFOrgIO7S3lDL3SAZAgkhSYgXKFQalcK0U1sa2qqV5pbmSrWtYWePXO2NTdw0biYyB1cjETJ3a6nESS6VO0qkNh6ysHPREz41BsJA40PoudiFzONfui93kkit2/S77rF9190u/1YrLaxey398/R0LYaZQeTorzDr1F+9MWd2+gzkZAAAAAElFTkSuQmCC);
}
.field .show-pswd:hover {
	opacity: 0.8;
}
.wrap {
	display: inline-block;
	vertical-align: top;

	position: relative;
}
.field .wrap:hover {
	border-color: #babebf;
}
.field .wrap.error {
	border-color: #ff0000;
}
.field .wrap.select {
	border: none;
}
.field .errors {
	color: #ff0000;
	font: normal 12px/12px Arial, sans-serif;
}
.field .tip {
	margin-top: 6px;

	color: #9699a3;
	font: 400 12px/12px "Trebuchet MS", Arial, sans-serif;
}

.field .tip.tip__center{
	text-align: center;
}

.field.plus-minus .wrap {
	float: left;
}
.field.plus-minus .pm-btn {
	width: 28px;
	height: 17px;
	float: left;

	padding: 7px 0;

	color: #b0b0b0;
	text-align: center;
	font: normal 18px/18px Arial, sans-serif;

	border: 1px solid #d9d9d9;

	background-color: #f9f9f8;

	cursor: pointer;
}
.field.plus-minus .minus {
	border-right: none;
}
.field.plus-minus .plus {
	border-left: none;
}
.field.plus-minus .pm-btn:hover {
	opacity: 0.8;
}
button > span {
	position: relative !important;
}
button.button,
button.button:focus {
	outline: 0 none;
}
.btn-wrap {
	padding: 21px 0;
	margin-top: 30px;
	background-color: #f1f8ff;
}
.button {
	display: block;

	padding: 8px 29px 9px;
	margin: 0 auto;

	color: #404040;
	text-align: center;
	font: 400 15px/15px "Futura New Book", Arial, sans-serif;

	border: 1px solid #ebd22b;
	border-radius: 8px;

	background-color: #ffe84c;
}
.popup-window .button {
	display: block;
	width: 228px;
	height: 16px;
	padding: 11px 0px;
	margin: 0 auto;
	text-align: center;
	border-radius: 6px;
	background-color: #00a9f8;
    border: none;
    color: #FFF;
}
.button:hover {
	opacity: 0.8;
}








.kndr-btn {
	height: 14px;

	padding: 8px 10px;
	margin-top: 13px;

	color: #000;
	text-align: center;
	font: normal 13px/13px Arial, sans-serif;

	border-radius: 8px;
}
button.kndr-btn.order {
	width: 147px;
	height: 30px;
}
.confirm .kndr-btn {
	border: 1px solid #ebd22b;
}
.kndr-btn:hover {
	opacity: 0.8;
}
.kndr-btn.callback {
	width: 124px;

	padding-left: 26px;

	position: relative;

	background-color: #a9e6ff;
}
.kndr-btn.callback:before {
	content: '';

	display: inline-block;
	vertical-align: text-bottom;
	width: 14px;
	height: 20px;

	position: absolute;
	top: 3px;
	left: 15px;

	background: url(/img/fixed-panel-sprite.png) 0px 0px no-repeat;
}
.kndr-btn.order {
	width: 127px;
	float: right;

	background-color: #ffe84c;
}



.input-w-100.error {
	border: 1px solid red !important;
}
.input-w-100 {
	width: 85px;
}
.input-w-230 {
	width: 206px;
}

#overlayp .popup-window .content .form-inner input.input-w-230.error,
.input-w-230.error {
	border: 1px solid red !important;
}


/* Slider */

#billboard-widget {
    width: 100%;
    text-align: center;
}

#billboard-widget ul {
    padding: 0;
    float: left;
}

#billboard-widget > ul {
    margin: 0
}

#billboard-widget  li {
    list-style: none;
}

#billboard-widget .billboard-preview {
    margin: 356px auto auto auto;
    display: inline-block;
}
#billboard-widget .billboard-preview ul li:not(.active) {
    opacity: .5;
}
#billboard-widget .billboard-preview ul li {
    list-style: none;
    display: inline-block;
    margin: 0 5px;
}

#billboard-widget .billboard-preview ul li:hover {
    opacity: 1;
}

#billboard-widget .billboard-preview ul {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    position: relative;
}

#billboard-widget .billboard-prev,
#billboard-widget .billboard-next {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -40px;
	width: 22px;
    height: 80px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url('/img/new-slider-arrows.png');
}


#billboard-widget .billboard-prev {

}

#billboard-widget .billboard-next {
    background-position: right top;
	left: auto;
	right: 0px;
}

.shipping-to-parnas{
	font-weight: bold !important;
}

.shipping-to-parnas ol{
	padding-left: 14px;
	font-weight: normal !important;
}

.shipping-to-parnas .hlight{
	color: #ff3201;
	font-weight: bold !important;
}

.shipping-to-parnas ol li{
	margin-bottom: 10px;
}


.salesText{
	margin-bottom: 20px;
}


.last-size-product{
	height: 100%;
	position: relative;
}

.last-size-product .arrow {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -40px;
	width: 22px;
	height: 80px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url('/img/new-slider-arrows.png');
}

.last-size-product .next {
	background-position: right top;
	left: auto;
	right: 0px;
}

.last-size-product .inner{
	padding-top: 11px;
	display: none;
}

.last-size-product .inner.current{
	display: block;
}

.last-size-product .header{
	text-align: center;
	color: #19193b;
	font: bold 24px/34px 'cormacblack', Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-bottom: 13px;
}

.last-size-product .header a{
	color: #19193b;
}


.last-size-product .image{
	position: relative;
	padding-bottom: 50px;
}

.last-size-product .product-image{
	background: #ffffff;
	width: 284px;
	height: 250px;
	-webkit-mask: url(/img/321.svg);
	mask: url(/img/321.svg);
	position: absolute;
	left: 28px;
	top: 0px;
}

.last-size-product .product-image img{
	max-width: 284px;
	max-height: 250px;
}

.last-size-product .product-info{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	text-align: center;

}

.last-size-product .product-header{
	color: #47475c;
	font: normal 14px/20px 'Brewery No2 CYR', Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-bottom: 5px;
}

.last-size-product .product-price .old-price{
	display: inline-block;
	margin-right: 8px;
	font: bold 16px/24px 'Futura New Book', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #19193b;
	text-decoration: line-through;
}

.last-size-product .product-price .price,
.last-size-product .product-price .final-price{
	display: inline-block;
	margin-right: 8px;
	font: bold 20px/24px 'Futura New Book', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #fb2555;
}


.last-size-product .product-price .brand{
	display: inline-block;
	font: bold 12px/18px 'Futura New Book', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #9699a3;
}


.popular-items-wrapper{
	display: flex;
	flex-wrap: wrap;

	justify-content: space-between;
	align-content: space-between;

	margin-top: 60px;
}

/* popular-item */
.popular-item-block{
	padding-top: 36px;
	margin-bottom: 20px;
	display: inline-flex;

	flex-basis: 590px;

}

.popular-item-block .inner{
	display: block;
	width: 100%;
}

.popular-item-block .cols{
	overflow: hidden;
	padding-top: 32px;
}

.popular-item-block .image{
	float: left;
	width: 380px;
	position: relative;
	padding-bottom: 40px;
}

.popular-item-block .product-image{
	background: #ffffff;
	width: 322px;
	height: 283px;
	-webkit-mask: url(/img/123.svg);
	mask: url(/img/123.svg);
	position: absolute;
	left: 42px;
	top: -20px;
}

.popular-item-block .product-image img{
	max-width: 297px;
	max-height: 283px;
}

.popular-item-block .links{
	float: right;
	width: 200px;
	padding-right: 10px;
}

.popular-item-link-block{
	margin-bottom: 15px;
}

.popular-item-link-block.active a:before {
	visibility: visible;
}

.popular-item-link-block a:before{
	content: '';
	display: block;
	width: 56px;
	height: 1px;
	border-top: 1px solid #00a9f8;
	visibility: hidden;
	position: absolute;
	left: -70px;
	top: 11px;
}

.popular-item-link-block a{
	position: relative;
	display: inline-block;
	color: #46465c;
	font: normal 16px/22px 'Futura New Book', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.popular-item-link-block a:hover,
.popular-item-link-block a.active,
.popular-item-link-block.active a {
	color: #00a9f8;
}

.popular-item-block .links a.active:before{
	visibility: visible;
}

.popular-item-block .header{
	text-align: center;
	font: bold 30px/32px 'Brewery No2 CYR', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #19193b;
}

.popular-item-block .product-info{
	position: absolute;
	left: 30px;
	bottom: 4px;
	max-width: 275px;
}

.popular-item-block .product-header{
	color: #47475c;
	font: normal 14px/20px 'Brewery No2 CYR', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.popular-item-block .product-price .old-price{
	display: inline-block;
	margin-right: 8px;
	font: bold 16px/24px 'Futura New Book', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #19193b;
	text-decoration: line-through;
}

.popular-item-block .product-price .price,
.popular-item-block .product-price .final-price{
	display: inline-block;
	margin-right: 8px;
	font: bold 20px/24px 'Futura New Book', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #fb2555;
}


.popular-item-block .product-price .brand{
	display: inline-block;
	font: bold 12px/18px 'Futura New Book', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #9699a3;
}

.popular-item-link-product{
	display: none;
}
/* eo popular-item */


/* .popular-brands-widget */
.popular-brands-widget{
	margin-top: 46px;
}

.popular-brands-widget .widget-title{
	font: bold 30px/32px 'Brewery No2 CYR', Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-bottom: 32px;
	color: #19193b;
}

.popular-brands-wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}

.popular-brand-block{
	flex-basis: 178px;
	margin-right: 30px;
	margin-bottom: 32px;
}


.popular-brand-block .logo{
	background-color: #f7fcff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	height: 70px;

	margin-bottom: 12px;

	text-align: center;
}

.popular-brand-block .logo a{
	display: block;
	text-align: center;
	line-height: 70px;

	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);

}

.popular-brand-block .logo a:hover{
	display: block;
	text-align: center;
	line-height: 70px;

	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);

}

.popular-brand-block .logo img{
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

.popular-brand-block .header,
.popular-brand-block .header a{
	font: bold 20px/24px 'Futura New Book', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #19193b !important;
	text-decoration: none;
}

.popular-brand-block .header{
	margin-bottom: 12px;
}

.popular-brand-block .products-count{
	font: bold 12px/18px 'Brewery No2 CYR', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #9699a3;
}


/* eo .popular-brands-widget */



/* .content-wrapper */

.content-wrapper.flex{
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	padding: 12px 0 0;
}

.content-inner{
	display: block;
}

.content-wrapper.flex .left-menu-block ~ .content .content-inner{
	max-width: 960px;
}

.content-wrapper .left-menu-block{
	flex-basis: 220px;
	padding: 3px 0 0;
}

.content-wrapper.flex .left-menu-block ~ .content{
	flex-basis: 960px;
}

.left-menu-block .title a,
.left-menu-block .title{
	letter-spacing: .6px;
	font: 900 13px/18px 'museo-900', Arial, Helvetica, sans-serif;
	color: #ec1c24;
	text-transform: uppercase;
	margin-bottom: 10px;
}

._banner {
	display: none;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

._banner,
._banner:after,
._banner:before,
._banner *,
._banner *:after,
._banner *:before {
	box-sizing: border-box;
}

._banner.active {
	display: flex;
}

._banner.fixed {
	position: fixed;
}

._banner__inner {
	width: 100%;
	height: 100%;
}

._banner .slick-list {
	height: 100%;
	width: 100%;
}

._banner .slick-track {
	height: 100%;
}

._banner-slide {
	height: 100%;
}

._banner-left {
	width: 214px;
	height: 312px;
	margin: 1.5rem 0;
}

._banner-left.fixed {
	top: 0
}

._banner-header {
	height: 80px;
	margin: 1.8rem 0 1.4rem;
}

._banner-header .slick-dots {
	left: 1rem;
	width: auto;
}

._banner .slick-dots {
	display: flex;
	width: 100%;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: center;
	bottom: .8rem;
}

._banner-dot {
	cursor: pointer;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #ffffff;
	margin: 0 .43rem;
}

._banner .slick-dots .slick-active ._banner-dot {
	transform: scale(1.5);
}

.content-wrapper.flex > .content {
	width: 100%;
}


/* eo .content-wrapper */


.left-menu{
	margin: 0;
	padding: 0;
	list-style: none;
	font: normal 13px/18px "museo-300", Arial, Helvetica, sans-serif;
	position: relative;
}

.left-menu .nested-list{
	margin-top: 0;
	list-style: none;
	padding-left: 16px;
	position: relative;
}
.left-menu .nested-list.brands {
    padding-left: 32px;
}


.left-menu li{
	margin-bottom: 7px;
	position: relative;
}
.left-menu > .current {
	padding-left: 16px;
}
.left-menu a,
.left-menu span.spl,
.products .left-menu a {
	font: normal 13px/24px "museo-300", Arial, Helvetica, sans-serif;
	color: #000;
}
.left-menu a:hover,
.left-menu span.spl:hover{
	color: #00a9f8;
	opacity: 1;
}
.left-menu li a ,
.left-menu li span.spl {
    display: inline-block;
    position: relative;
}
.left-menu li.current > a ,
.left-menu li.current > span.spl {
	margin-bottom: 7px;
}
.left-menu li.current > a span,
.left-menu li.current > span.spl span,
.left-menu .brand.current a {
	color: #00a9f8;
}
.left-menu a:hover ,
.left-menu span.spl:hover {
	color: #00a9f8;
	border-radius: 3px;
	background-color: #f1f1f1;
	box-shadow: -6px 0 0 0 #f1f1f1, 6px 0 0 0 #f1f1f1;
}

.left-menu li > span.spl > span ,
.left-menu li > a > span {
	border-radius: 2px;
}

.left-menu li.has-nested > span.spl span ,
.left-menu li.has-nested > a span {
	padding: 0;
}

.left-menu .current:not(.brand):before,
.left-menu > .current > span.spl:before ,
.left-menu > .current > a:before {
	content: "";
	position: absolute;
	left: -16px;
	top: 8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 3.5px 4px 3.5px;
	border-color: transparent transparent #cccccc transparent;
}
.left-menu > li:before {
	display: none;
}


.left-menu li.winter > a:before,
.left-menu li.winter > span.spl:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	width: 14px;
	height: 13px;
	background: url('/img/d/seasons/winter.png') no-repeat;
}

.left-menu li.winter.current > a:before,
.left-menu li.winter.current > span.spl:before,
.left-menu li.winter > span.spl:hover:before,
.left-menu li.winter > a:hover:before{
	background: url('/img/d/seasons/winterh.png') no-repeat;
}

.left-menu li.demi-season > a:before,
.left-menu li.demi-season > span.spl:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	width: 15px;
	height: 14px;
	background: url('/img/d/seasons/umbrella.png') no-repeat;
}

.left-menu li.demi-season.current > a:before,
.left-menu li.demi-season.current > span.spl:before,
.left-menu li.demi-season > span.spl:hover:before,
.left-menu li.demi-season > a:hover:before{
	background: url('/img/d/seasons/umbrellah.png') no-repeat;
}

.left-menu li.summer > a:before,
.left-menu li.summer > span.spl:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	width: 13px;
	height: 13px;
	background: url('/img/d/seasons/sun.png') no-repeat;
}

.left-menu li.summer.current > a:hover:before,
.left-menu li.summer.current > span.spl:hover:before,
.left-menu li.summer > span.spl:hover:before,
.left-menu li.summer > a:hover:before{
	background: url('/img/d/seasons/sunh.png') no-repeat;
}


#vkgroup-widget{
	display: none;
}

.admin-links{
	padding: 10px 0;
	box-shadow: 0 3px 0 rgba(150, 153, 163, .08);
	font: 400 15px "Futura New Book", Arial, Helvetica, sans-serif;
}


/* Modal
   ========================================================================== */
.modal-window {
	position: fixed;
	background-color: rgba(0, 0, 0, .45);
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10001;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	overflow: auto
}

.modal-window .slider-left {
	left: 50px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMjUgODgiIHdpZHRoPSIyNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTAxNy4wMSA1NjM5LjQ5bC0xOS4xNzA2MSA0MC41MWgzLjAzNGwxOS4xMTY2MS00MC41MS0xOS4xMTEyOC00MC40OWgtMy4wMzM5OXptLTE4Ljk2OC00Ni41aC0zLjA0MmwuMDA0NzMuMDFoMy4wNDE5OXoiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05OTUgLTU1OTIpIi8+PC9zdmc+);
	height: 88px;
	margin-top: -44px;
	position: absolute;
	top: 50%;
	width: 25px;
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.modal-window > .close {
	display: none;
}

.modal-window .close {
    position: absolute;
    cursor: pointer;
    width: 120px;
    height: 87px;
    right: 0;
    top: 0;
    z-index: 1000;
}

.modal-window .close:hover {
	opacity: .8;
}

.modal-window .close:after {
    content: "";
    margin: auto;
    position: absolute;
    right: 61px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #808080;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 27px;
}

.modal-window .close:before {
    content: "";
    margin: auto;
    position: absolute;
    right: 61px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 27px;
    background-color: rgba(0, 0, 0, .4);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal-window--content {
    overflow: hidden;
    z-index: 10002;
    margin: 0;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 800px;
    width: 800px;
    position: relative;
}

.flex-column-reverse{
	display: flex;
	-webkit-flex-direction: column-reverse; /* Safari */
	flex-direction: column-reverse;
}