@import url('reset.css?v=18');
@import url('jquery.css?v=18');
@import url('graphics.css?v=18');

:root {
	--main-text-color: #050505;
	--main-bg-color: #1d1d1d;
	--main-color-yellow: #fec006;
	--main-color-yellow-hover: #f4b600;
	--main-color-green: #2c882c;
	--main-color-green-hover: #2a7f2a;
	--text-line-height: 1.5rem;
	--font-trebuchet: 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif;
	--font-verdana: 'Verdana', 'Arial', sans-serif;
}

html.noscroll {
	overflow: hidden;
	scrollbar-width: none;
}
html.noscroll::-webkit-scrollbar {
	display: none;
}

body {
	line-height: 1.3;
	text-align: left;
	color: var(--main-text-color);
	font-size: 14px;
	background: #fff;
}

.wrapper {
	min-width: 280px;
	padding: 0 35px;
}
#checkout .wrapper {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 10px;
}



/*
*@ GENERAL STYLES
---------------------------------------- */

/*
*  @ radio
*/
.radio {
	position: relative;
}
.radio input[type="radio"] {
	height: 0;
	border: 0;
	opacity: 0;
	position: absolute;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.radio label:before {
	content: '\0020';
	width: 15px;
	height: 15px;
	margin-right: 7px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	position: relative;
	top: -2px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 100%;
	cursor: pointer;
}
.radio input[type="radio"]:checked + label:before {
	background-color: var(--main-color-green);
	box-shadow: inset 0 0 0 3px #fff;
	border-color: var(--main-color-yellow);
}
.radio input[type="radio"]:disabled + label:before {
	background-color: #b4b4b4;
	box-shadow: inset 0 0 0 3px #fff;
	cursor: default;
}


/*
*  @ path
*/
ul#path {
	margin-bottom: 12px;
}
ul#path li {
	margin-right: 3px;
	color: #555;
	font-size: 12px;
	display: inline;
}
ul#path li > a {
	color: #555;
	font-size: 12px;
	text-decoration: none;
}
ul#path li > a:hover {
	text-decoration: underline;
}
ul#path li > span {
	margin-left: 5px;
}


/*
*  @ gotop
*/
a#gotop {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 10px;
	bottom: 65px;
	display: block;
	text-decoration: none;
	background: #e5e5e5;
	background: rgba(0,0,0,0.1);
	border-radius: 5px;
	z-index: 25;
	display: none;
}
a#gotop:after {
	content: '\0020';
	width: 0;
	height: 0;
	position: absolute;
	top: 35%;
	left: 25%;
	display: block;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
}
a#gotop:hover {
	background: #b3b3b3;
	background: rgba(0,0,0,0.3);
}


/*
*  @ graphic
	icons
*/
.gi {
	display: inline-block;
	vertical-align: middle;
	background: url('../images/g-icons.png?v=2') no-repeat 0 0;
}
.gi.gi-happy {
	background-position: 0 -676px;
}
.gi.gi-sad {
	background-position: 0 -809px;
}


.gis {
	display: inline-block;
	vertical-align: middle;
}
.gis.gis-ok {
	background: url('../images/sprite.svg?v=12#icon-ok') no-repeat 0 0;
}
.gis.gis-ok__yl {
	background: url('../images/sprite.svg?v=12#icon-ok-yl') no-repeat 0 0;
}
.gis.gis-viber {
	background: url('../images/sprite.svg?v=12#icon-viber') no-repeat 0 0;
}
.gis.gis-telegram {
	background: url('../images/sprite.svg?v=12#icon-telegram') no-repeat 0 0;
}
.gis.gis-user {
	background: url('../images/sprite.svg?v=12#icon-user') no-repeat 50% 50%;
}
.gis.gis-user-grey {
	background: url('../images/sprite.svg?v=12#icon-user-grey') no-repeat 50% 50%;
}
.gis.gis-geo {
	background: url('../images/sprite.svg?v=12#icon-geo') no-repeat 50% 50%;
}
.gis.gis-cart {
	background: url('../images/sprite.svg?v=12#icon-cart') no-repeat 50% 50%;
}
.gis.gis-cart-grey {
	background: url('../images/sprite.svg?v=12#icon-cart-grey') no-repeat 50% 50%;
}
.gis.gis-grid-sq {
	background: url('../images/sprite.svg?v=12#icon-grid-sq') no-repeat 50% 50%;
}
.gis.gis-search {
	background: url('../images/sprite.svg?v=12#icon-search') no-repeat 50% 50%;
}
.gis.gis-phone {
	background: url('../images/sprite.svg?v=12#icon-phone') no-repeat 50% 50%;
}


/*
*  @ slider
*/
.slick-slider.reset .slick-list {
	padding: 0 !important;
	transform: none;
}
.slick-slider.reset .slick-track {
	transform: none !important;
}
.slick-slider .slick-arrow {
	position: absolute;
	top: 40%;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	opacity: .55;
	z-index: 55;
	visibility: hidden;
}
.slick-slider .slick-arrow:before {
	content: '\0020';
	width: 0;
	height: 0;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-color: var(--main-text-color);
	border-width: 0 3px 3px 0;
	transform: rotate(135deg);
}
.slick-slider .slick-arrow.prev {
	padding: 10px 12px 11px 16px;
	left: 10px;
}
.slick-slider .slick-arrow.next {
	padding: 10px 16px 11px 10px;
	right: 10px;
}
.slick-slider .slick-arrow.next:before {
	transform: rotate(-45deg);
}
.slick-slider:hover .slick-arrow {
	visibility: visible;
}
.slick-slider .slick-arrow:hover {
	opacity: 1;
}
.slick-slider .slick-arrow.slick-disabled {
	opacity: 0.15;
	cursor: default;
}
.slick-slider .slick-dots {
	font-size: 0;
	text-align: center;
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 55;
}
.slick-slider .slick-dots li {
	margin: 0 3px;
	display: inline-block;
	vertical-align: middle;
}
.slick-slider .slick-dots li button {
	height: auto;
	padding: 2px 11px;
	display: block;
	background: #fff;
	border: 2px solid var(--main-color-green);
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}
.slick-slider .slick-dots li button:hover,
.slick-slider .slick-dots li.slick-active button {
	background-color: var(--main-color-yellow);
}


/*
*  @ carousel
*/
.carousel {
	margin-top: 20px;
}
.carousel > h3 {
	padding: 12px 0 15px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.carousel > h3 a {
	border-bottom: 1px solid #777;
}
.carousel > h3 a:hover {
	color: var(--main-color-green-hover);
}
.carousel .slick-arrow {
	visibility: visible;
}


/*
*  @ autocomplete
*/
.autocomplete-suggestions {
	background: #fff;
	border: 1px solid var(--main-color-yellow);
	border-radius: 3px;
	box-shadow: 0 3px 9px 0 rgba(0,0,0,0.3);
	box-sizing: border-box;
	overflow: auto;
	cursor: default;
}
.autocomplete-suggestion {
	padding: 5px;
	overflow: hidden;
	cursor: pointer;
}
.autocomplete-suggestion strong {
	color: #4c4c4c;
}
.autocomplete-no-suggestion {
	padding: 5px;
	color: #555;
}
.autocomplete-selected {
	background: #f5f5f5;
}


/*
*  @ sorting
*/
ul.sorting {
	display: flex;
	align-items: center;
	gap: 7px;
}
ul.sorting > li {
	display: block;
	position: relative;
}
ul.sorting > li > a,
ul.sorting > li > lf-a {
	min-width: 145px;
	padding: 6px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}
ul.sorting > li > lf-a:after {
	content: '\0020';
	width: 0;
	height: 0;
	margin-left: 8px;
	padding: 3px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	border-style: solid;
	border-color: var(--main-color-green);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
ul.sorting > li > lf-a:hover {
	border-color: var(--main-color-green);
}
ul.sorting > li ul {
	width: 218px;
	position: absolute;
	top: 100%;
	right: 0;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px 0 4px 4px;
	box-shadow: 0 3px 9px 0 rgba(0,0,0,0.2);
	z-index: 5;
	display: none;
}
ul.sorting > li ul li {
	display: block;
}
ul.sorting > li ul li a,
ul.sorting > li ul li lf-a {
	padding: 10px 18px 10px 15px;
	display: block;
	text-decoration: none;
	border-top: 1px solid #f2f2f2;
}
ul.sorting > li ul li:first-child a,
ul.sorting > li ul li:first-child lf-a {
	padding-top: 11px;
	border-top: 0;
}
ul.sorting > li ul li.selected lf-a {
	cursor: default;
	position: relative;
}
ul.sorting > li ul li.selected lf-a:before {
	content: '\0020';
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 30%;
	right: 7px;
	background: url('../images/sprite.svg?v=12#icon-ok') no-repeat 0 0;
}
ul.sorting > li ul li a:hover {
	background: #f7f7f7;
}


/*
*  @ filters
*/
#filters {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 9997;
}

/* reset
*/
.filters-reset {
	margin-bottom: 10px;
	padding: 8px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: #f9f9f9;
	border-radius: 4px;
	gap: 7px;
}
.filters-reset a {
	padding: 6px 11px;
	display: block;
	color: #222;
	text-decoration: none;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 25px;
}
.filters-reset a span {
	margin-left: 2px;
	color: #e7674e;
}
.filters-reset a:hover {
	color: #e7674e;
	border-color: #d5d5d5;
}

/* show
*/
.filters-show {
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}
.filters-show lf-a {
	padding: 10px 8px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	font-family: var(--font-trebuchet);
}
.filters-show lf-a:before {
	content: '\0020';
	width: 25px;
	height: 25px;
	margin-right: 2px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/sprite.svg?v=12#icon-filter') no-repeat 0 -1px;
}
.filters-show:hover {
	border-color: var(--main-color-green);
}

/* main
*/
.filters-main {
	height: 100%;
	flex-direction: column;
	border: 1px solid #e5e5e5;
	display: none;
}
#filters .filters-main {
	display: flex;
}

/* header
*/
.filters-header {
	padding: 15px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	background: #f9f9f9;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
}
.filters-header strong {
	font-size: 1.05rem;
	font-family: var(--font-trebuchet);
}
.filters-header strong span {
	color: #777;
	font-size: 12px;
}
.filters-header lf-a {
	line-height: 18px;
	padding: 0 10px 3px 10px;
	display: inline-block;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	font-family: var(--font-trebuchet);
}

/* content
*/
.filters-content {
	flex-grow: 1;
	overflow-y: auto;
}
.filters-block {
	padding: 5px 10px 12px 10px;
}
.filters-block + .filters-block {
	padding-top: 7px;
	border-top: 1px solid #f2f2f2;
}
.filters-block > label {
	padding: 5px 0;
	display: block;
	font-weight: bold;
	cursor: pointer;
}
.filters-block > label:before {
	content: '\0020';
	width: 0;
	height: 0;
	margin-right: 5px;
	padding: 2px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	border-style: solid;
	border-color: var(--main-color-green);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.filters-block > div {
	max-height: 320px;
	flex-direction: column;
	overflow-y: auto;
}
.filters-block > div:not(.hide) {
	display: flex;
}
.filters-block:nth-child(n+3):not(.active):not(:last-child) > div {
	display: none;
}
.filters-block > div a,
.filters-block > div lf-a {
	margin-top: 5px;
	padding: 4px 0 4px 16px;
	display: block;
	font-size: 13px;
	text-decoration: none;
	position: relative;
	order: 2;
}
.filters-block > div lf-a {
	color: #afafaf;
	cursor: default;
	order: 3;
}
.filters-block > div a.active {
	order: 1;
}
.filters-block > div a:hover,
.filters-block > div a.active {
	background: #f5f5f5;
}
.filters-block > div a:before,
.filters-block > div lf-a:before {
	content: '\0020';
	width: 11px;
	height: 11px;
	margin: 0 5px 0 -14px;
	display: inline-block;
	position: relative;
	top: 1px;
	border: 1px solid #7e7e7e;
	border-radius: 2px;
}
.filters-block > div lf-a:before {
	border-color: #afafaf;
}
.filters-block > div a.active:before {
	background: var(--main-color-yellow);
	border-color: var(--main-color-yellow);
}
.filters-block > div a.active:hover:before {
	background: #e7674e;
	border-color: #e7674e;
}
.filters-block > div a span,
.filters-block > div lf-a span {
	color: #777;
	font-size: 12px;
}
.filters-block > div lf-a span {
	color: #afafaf;
}

/* footer
*/
.filters-footer {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	gap: 10px;
	border-top: 1px solid #f2f2f2;
	box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
}
.filters-footer a,
.filters-footer lf-a {
	width: 50%;
	padding: 12px 5px;
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: var(--main-color-green);
	flex-grow: 1;
	opacity: .95;
}
.filters-footer a {
	color: #333;
	background: #f2f2f2;
}
.filters-footer a:hover,
.filters-footer lf-a:hover {
	opacity: 1;
}
@media only screen and (min-width:730px) {
	.filters-show {
		display: none;
	}
	.filters-main {
		max-height: calc(100vh - 12px);
		display: flex;
		border-radius: 4px;
	}
	.filters-header {
		padding-top: 12px;
		padding-bottom: 12px;
		border-radius: 4px 4px 0 0;
		box-shadow: none;
	}
		.filters-header strong span,
		.filters-header lf-a {
			display: none;
		}
	.filters-content {
		margin-left: -100%;
		padding-left: 100%;
	}
	.filters-block:nth-child(n+3):not(:last-child) > div:not(.hide) {
		display: flex;
	}
	.filters-footer {
		display: none;
	}
}


/*
*  @ pagination
*/
.pagination {
	margin-top: 45px;
	padding: 7px 0;
	font-size: 0;
	text-align: center;
}
.pagination span,
.pagination a {
	height: 40px;
	line-height: 40px;
	margin-right: 5px;
	padding: 0 15px;
	color: #777;
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
	background: #f7f7f7;
	border-radius: 4px;
}
.pagination a {
	text-decoration: none;
}
.pagination a:hover {
	background: #ededed;
}
.pagination span.selected {
	color: #fff;
	background: var(--main-color-yellow);
}
.pagination span.disabled {
	color: #b7b7b7;
	background: #fafafa;
}


/*
*  @ border
	menu
*/
.border-menu {
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}
.border-menu > strong {
	padding: 12px 10px;
	display: block;
	font-size: 18px;
	font-family: var(--font-trebuchet);
	background: #f9f9f9;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
}
.border-menu > strong:before {
	content: '\0020';
	width: 0;
	height: 0;
	margin-right: 7px;
	padding: 3px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -3px;
	border-style: solid;
	border-color: var(--main-color-yellow);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.border-menu > div {
	display: none;
}
.border-menu a {
	line-height: 20px;
	padding: 11px 10px 12px 10px;
	display: block;
	text-decoration: none;
}
.border-menu a+a {
	border-top: 1px solid #f2f2f2;
}
.border-menu a:hover {
	text-decoration: underline;
	background-color: #fcfcfc;
}
.border-menu a.active {
	background-color: #fcfcfc;
}
@media only screen and (min-width:730px) {
	.border-menu > div {
		display: block;
	}
}


/*
*  @ folded
*/
.folded {
	position: relative;
}
.folded lf-a.unfold {
	padding: 5px 0;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	text-decoration: none;
	background: #fff;
	background: rgba(255,255,255,0.7);
}
.folded lf-a.unfold span {
	padding: 5px 11px;
	color: #555;
	font-size: 15px;
	display: inline-block;
	border: 1px solid #c5c5c5;
	border-radius: 25%;
}
.folded lf-a.unfold:hover span {
	color: #176f01;
	border-color: #ffaa00;
}


/*
*  @ stars rating
*/
.stars-rating {
	display: inline-block;
	position: relative;
}
.stars-rating span {
	display: block;
}
.stars-rating span:before {
	content: '★★★★★';
	font-size: 23px;
	color: #ccc;
	display: block;
}
.stars-rating span:first-child {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}
.stars-rating span:first-child:before {
	color: var(--main-color-yellow);
}


/*
*  @ ratings
*/
.ratings {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.ratings i {
	display: block;
}
.ratings i:before {
	content: '★';
	font-size: 28px;
	color: #ccc;
	display: block;
}
.ratings i.selected:before {
	color: var(--main-color-yellow);
}


/*
*  @ overlay
*/
#overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #222;
	cursor: pointer;
	z-index: 9998;
	opacity: 0.5;
	display: none;
}
#overlay.light {
	background: #fff;
}



/*
*@ HEADER
---------------------------------------- */
#header {
	padding: 10px 0;
	background: var(--main-bg-color);
	box-shadow: inset 0 8px 5px 0 rgba(0,0,0,.2);
}
#header > .wrapper {
	position: relative;
}


/*
*  @ logo
*/
.header-logo {
	width: 30%;
	padding-top: 3px;
	float: left;
	font-size: 0;
}
.header-logo > span {
	padding: 5px;
	display: inline-block;
	border-radius: 5px;
	cursor: pointer;
}
.header-logo > span .gis {
	width: 32px;
	height: 36px;
}
.header-logo > span:hover {
	background-color: rgba(255,255,255,.1);
}
.header-logo a {
	width: 197px;
	height: 30px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	background: url('../images/logo.svg') no-repeat 50% 50%;
}


/*
*  @ search
*/
.header-search {
	width: 45%;
	padding-top: 5px;
	float: left;
}
.header-search form {
	display: block;
	position: relative;
}
.header-search form.active {
	position: absolute;
	right: 5px;
	left: 5px;
	z-index: 9999;
}
.header-search form input {
	width: 100%;
	height: 41px;
	line-height: 39px;
	padding-right: 60px;
	padding-left: 12px;
	color: #4c4c4c;
	font-size: 14px;
	display: block;
	background: #f5f5f5;
	border-radius: 5px;
}
.header-search form button.gis {
	width: 47px;
	height: 39px;
	padding: 0;
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	border: 0;
	border-radius: 0 5px 5px 0;
	box-shadow: none;
	background-color: var(--main-color-green);
	text-indent: -9999px;
	overflow: hidden;
	z-index: 1;
}
.header-search form button.gis:hover {
	background-color: var(--main-color-green-hover);
}
@media only screen and (max-width:730px) {
	.header-search form input:focus {
		font-size: 16px;
	}
}

/* autocom
*/
.header-search .autocom {
	margin-top: 2px;
	padding: 7px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 3px 9px 0 rgba(0,0,0,0.3);
	box-sizing: border-box;
	overflow: auto;
	cursor: default;
}
.header-search .autocomplete-suggestion {
	padding: 0;
	cursor: default;
}
.header-search .autocomplete-suggestion > a {
	padding: 7px 0;
	display: block;
	text-decoration: none;
}
.header-search .autocomplete-selected {
	background: none;
}
.header-search .autocomplete-selected > a:not([class*="product"]) {
	background: #f5f5f5;
}
.header-search .autocomplete-no-suggestion {
	padding: 7px 0;
}
.header-search .suggestion-product {
	margin-top: 10px;
}
.header-search a.autocom-product {
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 15px;
	border-top: 1px solid #e5e5e5;
}
.header-search .suggestion-product a.autocom-product {
	padding-top: 15px;
}
.header-search a.autocom-product i {
	width: 50px;
	min-width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
}
.header-search a.autocom-product img {
	max-width: 100%;
	max-height: 100%;
}
.header-search a.autocom-product label {
	cursor: pointer;
}
.header-search a.autocom-product p > span {
	margin-top: 5px;
	font-size: 15px;
	display: block;
}
.header-search a.autocom-product p > span span {
	font-size: 12px;
	position: relative;
	left: 3px;
}
.header-search .suggestion-category {
	margin-top: 15px;
	padding-top: 5px;
	border-top: 1px solid #e5e5e5;
}
.header-search .autocom-phrase:before,
.header-search .autocom-category:before {
	content: '\0020';
	width: 18px;
	height: 18px;
	margin-right: 5px;
	display: inline-block;
	position: relative;
}
.header-search .autocom-phrase:before {
	top: 5px;
	background: url('../images/sprite.svg?v=12#icon-search-dark') no-repeat 50% 50%;
}
.header-search .autocom-category:before {
	top: 4px;
	background: url('../images/sprite.svg?v=12#icon-search-folder') no-repeat 50% 50%;
}


/*
*  @ cart
*/
.header-cart {
	width: 25%;
	float: left;
	font-size: 0;
	text-align: right;
}
.header-cart > a,
.header-cart > lf-a {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
}
.header-cart > lf-a[data-js="uregion"] {
	margin: 0 20px;
	padding: 0 20px;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
}
.header-cart > a i.gis-user,
.header-cart > lf-a i.gis-user {
	width: 26px;
	height: 32px;
	background-size: 43px;
}
.header-cart > a i.gis-geo,
.header-cart > lf-a i.gis-geo {
	width: 26px;
	height: 32px;
	background-size: cover;
}
.header-cart > a span,
.header-cart > lf-a span {
	color: #f5f5f5;
	font-size: 15px;
	font-family: var(--font-trebuchet);
	display: block;
}
.header-cart > a:hover span,
.header-cart > lf-a:hover span {
	color: var(--main-color-yellow);
}
.header-cart > div {
	display: inline-block;
	vertical-align: middle;
}
.header-cart > div a.gis,
.header-cart > div i.gis {
	width: 34px;
	height: 37px;
	position: relative;
	top: -2px;
	text-decoration: none;
	background-size: cover;
}
.header-cart > div a span {
	padding: 2px 8px;
	position: absolute;
	top: -12px;
	right: -15px;
	color: #f5f5f5;
	font-size: 15px;
	background: var(--main-color-green);
	border-radius: 50%;
}



/*
*@ NAVIGATE
---------------------------------------- */
#navigate {
	background: var(--main-color-yellow);
	border-bottom: 3px solid #424242;
	position: relative;
}
ul.navigate > li {
	width: 25%;
	display: block;
	float: left;
}
ul.navigate > li > a,
ul.navigate > li > lf-a {
	padding: 11px 5px 7px 5px;
	display: block;
	color: #222;
	font-size: 16px;
	font-weight: bold;
	font-family: var(--font-trebuchet);
	text-align: center;
	text-decoration: none;
	border-left: 1px solid #ffd494;
}
ul.navigate > li > lf-a {
	color: #fff;
	border-left: 0;
	background-color: var(--main-color-green);
}
ul.navigate > li > lf-a:before {
	content: '\0020';
	width: 18px;
	height: 18px;
	margin-right: 3px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/sprite.svg?v=12#icon-list') no-repeat 0 -2px;
}
ul.navigate > li > lf-a:after {
	content: '\0020';
	width: 0;
	height: 0;
	margin-left: 8px;
	padding: 3px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	border-style: solid;
	border-color: #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
ul.navigate > li > lf-a.active:after {
	top: 1px;
	transform: rotate(-135deg);
}
ul.navigate > li > a:hover {
	background-color: var(--main-color-yellow-hover);
}
ul.navigate > li > lf-a:hover {
	background-color: var(--main-color-green-hover);
}


/*
*  @ menu
*/
.navigate-menu {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	background: #fff;
	border-top: 4px solid #424242;
	border-bottom: 4px solid var(--main-color-yellow);
	z-index: 9997;
	display: none;
}
.navigate-menu ul > li {
	width: 25%;
	display: block;
	float: left;
}
.navigate-menu ul > li > div {
	/*height: 210px;*/
	margin: 25px 35px 25px 0;
}
.navigate-menu ul > li > div > a {
	margin-bottom: 7px;
	padding-bottom: 7px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 3px double #ddd;
}
.navigate-menu ul > li > div:hover > a {
	border-color: var(--main-color-yellow);
}
.navigate-menu ul > li > div > div a {
	margin-top: 5px;
	display: block;
	text-decoration: none;
}
.navigate-menu ul > li > div > div a:first-child {
	margin-top: 0;
}
.navigate-menu ul > li > div > div a:hover {
	text-decoration: underline;
}



/*
*@ SLIDER
---------------------------------------- */
#slider {
	border-bottom: 7px solid #f2f2f2;
}


/*
*  @ catalog
*/
.slider-catalog {
	width: 25%;
	padding-top: 20px;
	float: left;
}
.slider-catalog a {
	padding: 10px 5px;
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.slider-catalog a+a {
	border-top: 1px solid #f2f2f2;
}
.slider-catalog a:hover {
	background: #f5f5f5;
}


/*
*  @ slider
*/
.slider-catalog + .slider {
	width: 73%;
	float: right;
}
ul.slider.loading {
	max-height: 360px;
	overflow: hidden;
}
ul.slider li {
	display: block;
	text-align: center;
}
ul.slider li a {
	display: inline-block;
	text-decoration: none;
	cursor: default;
	position: relative;
}
ul.slider li a[href] {
	cursor: pointer;
}
ul.slider li a img {
	max-width: 100%;
}
ul.slider li a > span {
	padding: 15px 25px;
	display: block;
	position: absolute;
	right: 25px;
	bottom: 110px;
	text-align: left;
	background: var(--main-color-yellow);
	background: rgba(254,192,6,.9);
	border: 3px double #f5f5f5;
}
ul.slider li a > span span {
	margin-top: 5px;
	display: block;
	color: #222;
	font-size: 19px;
	font-weight: bold;
	font-family: var(--font-trebuchet);
}
ul.slider li a > span span:first-child {
	margin-top: 0;
	font-size: 25px;
}



/*
*@ CONTENT
---------------------------------------- */
#content {
	min-height: 420px;
	padding: 20px 0 45px 0;
}



/*
*@ SIDEBARS
---------------------------------------- */
#sidebars {
	margin-top: 15px;
}
.sidebars-left {
	width: 22%;
	float: left;
}
.sidebars-right {
	width: 78%;
	float: right;
}
.sidebars-right > div {
	padding-left: 23px;
}



/*
*@ ASIDES
---------------------------------------- */
.asides {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}
.aside-left {
	width: 22%;
	flex-shrink: 0;
}
.aside-left.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 5px;
}
.aside-right {
	width: 100%;
}



/*
*@ SECTIONS
---------------------------------------- */
.sections {
	margin-top: 35px;
	display: flex;
	align-items: flex-start;
	gap: 40px;
}
.section-right {
	width: 25%;
	flex-shrink: 0;
}
.section-right.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 5px;
}
.section-left {
	width: 100%;
}



/*
*@ HOME
---------------------------------------- */
.home-block {
	margin-top: 15px;
}
.home-block + .home-block {
	margin-top: 45px;
}
.home-block > h2 {
	padding-bottom: 5px;
	border-bottom: 1px solid #e5e5e5;
}



/*
*@ PAGE
---------------------------------------- */
#page > div {
	margin-top: 15px;
}


/*
*  @ page
	lists
*/
#page > ul.page-lists + ul.page-lists {
	margin-top: 40px;
}
#page > ul.page-lists li {
	margin-top: 15px;
	display: block;
}
#page > ul.page-lists li:first-child {
	padding: 12px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
#page > ul.page-lists li .gis.gis-phone,
#page > ul.page-lists li .gis.gis-viber,
#page > ul.page-lists li .gis.gis-telegram {
	padding: 8px 0 5px 35px;
	display: inline-block;
	font-size: 15px;
	text-decoration: none;
	background-position: 0 2px;
}
#page > ul.page-lists li .gis.gis-phone {
	padding-bottom: 0;
	font-size: 17px;
	background-size: 30px;
	background-position: 2px 3px;
}
#page > ul.page-lists li .gis.gis-telegram {
	padding-top: 1px;
	padding-bottom: 2px;
	background-position: 5px 0;
}
#page > ul.page-lists li .gis.gis-viber:hover,
#page > ul.page-lists li .gis.gis-telegram:hover {
	text-decoration: underline;
}
#page > ul.page-lists li div p+p {
	margin-top: 5px;
}
#page > ul.page-lists li div p:first-child {
	margin-top: 10px;
}


/*
*  @ page
	terms
*/
#page > ul.page-terms li {
	margin-top: 15px;
	display: block;
}
#page > ul.page-terms li:first-child {
	padding: 12px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
#page > ul.page-terms li p {
	margin-top: 10px;
}



/*
*@ HELPS
---------------------------------------- */
#helps > div {
	margin-top: 15px;
}


/*
*  @ menu
*/
.helps-menu a.active {
	color: #025ba0;
}


/*
*  @ search
*/
.helps-search {
	margin-bottom: 25px;
}
.helps-found {
	margin-bottom: 20px;
}
.helps-search form {
	position: relative;
}
.helps-search input[type="text"] {
	width: 100%;
	height: 37px;
	line-height: 33px;
	padding: 0 80px 0 10px;
	color: #555;
	display: block;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.helps-search input[type="text"]:focus {
	border-color: var(--main-color-green);
}
.helps-search input[type="submit"] {
	width: 50px;
	height: 37px;
	padding: 0;
	font-size: 14px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	box-shadow: none;
	border: none;
	border-radius: 0 5px 5px 0;
	z-index: 1;
}
.helps-search a {
	color: #aaa;
	font-size: 17px;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 8px;
	right: 60px;
	z-index: 1;
}
.helps-search a:hover {
	color: #e4563a;
}


/*
*  @ list
*/
ul.helps-list > li {
	margin-top: 15px;
	display: block;
}
ul.helps-list > li:first-child {
	margin-top: 0;
}
ul.helps-list > li a {
	color: #025ba0;
	font-size: 15px;
	text-decoration: none;
}
ul.helps-list > li a:hover {
	text-decoration: underline;
}



/*
*@ HELP
---------------------------------------- */
#help > div {
	margin-top: 15px;
}


/*
*  @ desc
*/
.help-desc {
	margin-top: 15px;
}
.help-desc p {
	margin-top: 10px;
	line-height: var(--text-line-height);
	font-size: .9rem;
}
.help-desc > p:first-child {
	margin-top: 0;
}
.help-desc ul + p,
.help-desc ol + p {
	margin-top: 15px;
}
.help-desc a {
	color: #025ba0;
	line-height: var(--text-line-height);
	font-size: .9rem;
	text-decoration: none;
	border-bottom: 1px dashed;
}
.help-desc a:hover {
	color: #01467b;
	border-bottom-style: solid;
}
.help-desc p img {
	max-width: 100%;
}
.help-desc h2,
.help-desc h3 {
	margin-top: 27px;
}
.help-desc h2 {
	font-size: 25px;
}
.help-desc ul {
	margin-top: 15px;
	list-style: disc inside;
}
.help-desc ol {
	margin-top: 15px;
	list-style: decimal inside;
}
.help-desc p + ul,
.help-desc p + ol {
	margin-top: 10px;
}
.help-desc li {
	margin-left: 15px;
	padding-left: 20px;
	line-height: var(--text-line-height);
	font-size: .9rem;
	text-indent: -16px;
}
.help-desc ol li::marker {
	font-size: .85rem;
	font-weight: bold;
}
.help-desc li+li {
	margin-top: 7px;
}
.help-desc ul > li ol,
.help-desc ol > li ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
.help-desc table {
	margin-top: 15px;
}
.help-desc table tr th {
	padding: 12px 3px;
	background: #fafafa;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.help-desc tr td {
	width: 1%;
	padding: 10px 3px;
	border-bottom: 1px solid #ececec;
}


/*
*  @ more
*/
.help-more {
	margin-top: 35px;
	padding-top: 15px;
	border-top: 1px solid #f2f2f2;
}
.help-more h3 {
	margin-bottom: 12px;
	font-size: 17px;
}
.help-more li+li {
	margin-top: 12px;
}



/*
*@ BRANDS
---------------------------------------- */
ul.brands li {
	width: 20%;
	display: block;
	float: left;
}
ul.brands li a {
	margin: 10px 10px 0 0;
	padding: 10px 5px;
	text-align: center;
	text-decoration: none;
	display: block;
	border: 1px solid #e5e5e5;
}
ul.brands li a:hover {
	border-color: var(--main-color-yellow);
}
ul.brands li a i {
	height: 90px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
ul.brands li a i img {
	max-width: 100%;
	max-height: 100%;
}
ul.brands li a span {
	height: 18px;
	margin-top: 10px;
	font-size: 14px;
	display: block;
	overflow: hidden;
}



/*
*@ PRODUCTS
---------------------------------------- */
.products {
	margin-top: 15px;
}
.products-wrap {
	width: 20%;
	float: left;
}
.products-wrap > div {
	margin: 0 1px 1px 0;
	padding: 10px;
	border: 1px solid #e5e5e5;
}
.products-wrap > div:hover {
	border-color: var(--main-color-yellow);
	box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);
}

/* picture
*/
.products-pict a {
	height: 215px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	position: relative;
}
.products.short .products-pict a {
	height: 150px;
}
.products-pict a img {
	max-width: 100%;
	max-height: 100%;
}
.products-pict.ended a img {
	opacity: 0.55;
}
.products-pict a span {
	padding: 5px 7px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background: #f4aa0b;
	background: rgba(244,170,11,.9);
	border-radius: 25%;
}

/* name
*/
.products-name {
	max-height: 55px;
	margin: 10px 0 12px 0;
	padding-top: 10px;
	border-top: 1px solid #f3f3f3;
	overflow: hidden;
}
.products-name p {
	height: 55px;
	display: table-cell;
	vertical-align: middle;
}
.products-name p a {
	text-decoration: none;
}
.products-name p a:hover {
	text-decoration: underline;
}

/* rating
*/
.products-rating > a {
	line-height: 18px;
	display: flex;
	align-items: center;
	gap: 5px;
	text-decoration: none;
}
.products-rating .stars-rating span:before {
	font-size: 16px;
}
.products-rating > a i {
	padding-left: 18px;
	color: #555;
	font-size: 12px;
	display: block;
	background: url('../images/sprite.svg?v=12#icon-review') no-repeat 0 0;
}
.products-rating > a:hover i {
	color: var(--main-color-green-hover);
	text-decoration: underline;
}
.products-rating > a .stars-rating {
	top: -1px;
}

/* stock
*/
.products-stock {
	margin-top: 5px;
}
.products-stock i {
	line-height: 17px;
	color: #555;
	font-size: 12px;
}
.products-stock i.gis {
	padding-left: 18px;
	color: var(--main-text-color);
	vertical-align: baseline;
}

/* prices
*/
.products-prices {
	margin-top: 12px;
	padding-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #f3f3f3;
}
.products-prices__price .list-price {
	display: block;
	color: #555;
	font-size: 13px;
	text-decoration: line-through;
}
.products-prices__price .price {
	display: block;
	font-size: 21px;
}
.products-prices__price .price span {
	font-size: 14px;
	position: relative;
	left: -3px;
}
.products-prices__price .price.red,
.products-prices__price .price.red span {
	color: #e73d42;
}
.products-prices__price .price.grey {
	color: #555;
}
.products-prices__buy lf-a {
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f4f4f4;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
	border-radius: 3px;
	cursor: default;
}
.products-prices__buy lf-a:before {
	content: '\0020';
	width: 24px;
	height: 24px;
	display: block;
	background: url('../images/sprite.svg?v=12#icon-cart-grey') no-repeat 0 0;
}
.products-prices__buy lf-a[data-cart] {
	background: var(--main-color-green);
	cursor: pointer;
}
.products-prices__buy lf-a[data-cart]:before {
	background: url('../images/sprite.svg?v=12#icon-cart') no-repeat 0 0;
}
.products-prices__buy lf-a[data-cart]:hover {
	background: var(--main-color-green-hover);
}



/*
*@ BLOGS LIST
---------------------------------------- */
ul.blogs > li {
	width: 25%;
	display: block;
	float: left;
}
ul.blogs > li > div {
	margin: 25px 15px 0 0;
	padding: 10px;
	border: 1px solid #e5e5e5;
	box-shadow: 0 2px 2px 1px rgba(0,0,0,0.1);
}
ul.blogs > li > div:hover {
	border-color: var(--main-color-yellow);
	box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2);
}

/* picture
*/
.blogs-pict a {
	height: 148px;
	display: block;
	text-align: center;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
.blogs-pict a img {
	max-width: 100%;
}
.blogs-pict a img:not([src*='nophoto']) {
	min-height: 100%;
}
.blogs-pict a span {
	padding: 0 5px;
	display: block;
	position: absolute;
	top: 47%;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 19px;
	font-family: var(--font-trebuchet);
	text-align: left;
	background: #fff;
	background: rgba(255,255,255,0.7);
	box-shadow: 0 -5px 5px 5px rgba(255,255,255,0.7);
}
.blogs-pict a:hover span {
	background: rgba(255,255,255,0.5);
	box-shadow: 0 -5px 5px 5px rgba(255,255,255,0.5);
}

/* description
*/
.blogs-desc {
	height: 165px;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
}
.blogs-desc:after {
	content: '\0020';
	padding: 7px 0;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	background: rgba(255,255,255,0.7);
}
.blogs-desc p {
	line-height: var(--text-line-height);
	color: #2a2a2a;
	font-size: 14px;
	font-family: var(--font-verdana);
}
.blogs-desc p a {
	color: #2a2a2a;
	font-size: 14px;
	font-family: var(--font-verdana);
}

/* date
*/
.blogs-date {
	margin-top: 10px;
	padding-top: 10px;
	color: #5a5a5a;
	text-align: center;
	border-top: 1px solid #f2f2f2;
}



/*
*@ CATEGORY
---------------------------------------- */
#category > h1:after {
	content: '\0020';
	display: block;
	position: relative;
	bottom: 14px;
	border-bottom: 3px double #e5e5e5;
	z-index: -1;
}
#category > h1 span {
	padding-right: 25px;
	font-family: var(--font-trebuchet);
	background: #fff;
}
#category > .asides {
	margin-top: 15px;
}


/*
*  @ filters
*/
.category-filters {
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}
.category-filters h3 {
	padding: 10px;
	color: #222;
	font-size: 15px;
	font-weight: bold;
	background: #f9f9f9;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
}
.category-filters h3:before {
	content: '\0020';
	width: 0;
	height: 0;
	margin-right: 7px;
	padding: 3px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -3px;
	border-style: solid;
	border-color: var(--main-color-yellow);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}


/*
*  @ sorting
*/
#category ul.sorting {
	padding: 8px;
	background: #f9f9f9;
	border-radius: 4px;
}


/*
*  @ products
*/
#category .products-wrap {
	width: 25%;
}


/*
*  @ result
*/
.category-result {
	margin-bottom: 12px;
	padding: 12px 8px;
	font-size: 14px;
	background: #f9f9f9;
	border-radius: 4px;
}
.category-result > a,
.category-result > span {
	font-weight: bold;
}


/*
*  @ description
*/
.category-description {
	margin-top: 25px;
}
.category-description p {
	margin-top: 10px;
	line-height: var(--text-line-height);
}
.category-description ul + p,
.category-description ol + p {
	margin-top: 15px;
}
.category-description a {
	color: #222;
}
.category-description h2,
.category-description h3,
.category-description h4 {
	margin-top: 23px;
}
.category-description h2 {
	font-size: 22px;
}
.category-description h3 {
	font-size: 20px;
}
.category-description h4 {
	font-size: 18px;
}
.category-description h2 + div > div:first-child > h3,
.category-description h3 + h4,
.category-description p + h4 {
	margin-top: 15px;
}
.category-description ul {
	margin-top: 15px;
	list-style: disc inside;
}
.category-description ol {
	margin-top: 15px;
	list-style: decimal inside;
}
.category-description p + ul,
.category-description p + ol,
.category-description div > ul,
.category-description div > ol {
	margin-top: 10px;
}
.category-description li {
	margin-left: 15px;
	padding-left: 20px;
	line-height: var(--text-line-height);
	text-indent: -16px;
}
.category-description ol li::marker {
	font-size: .85rem;
	font-weight: bold;
}
.category-description li+li {
	margin-top: 7px;
}
.category-description ul > li ol,
.category-description ol > li ul {
	margin-top: 10px;
	margin-bottom: 10px;
}


/*
*  @ table
*/
.category-table {
	margin-top: 55px;
}
.category-table > h2 {
	margin-bottom: 10px;
	font-size: 22px;
}
.category-table tr th {
	padding: 14px 3px;
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
}
.category-table tr td {
	padding: 12px 3px;
	border-bottom: 1px solid #ececec;
}
.category-table tr td+td {
	min-width: 20%;
}
.category-table tr td a {
	text-decoration: none;
}
.category-table tr td a:hover {
	text-decoration: underline;
}


/*
*  @ empty
*/
.category-empty {
	padding: 12px 8px;
	background: #f9f9f9;
	border-radius: 4px;
}



/*
*@ FEATURES
---------------------------------------- */
#features > h1 {
	margin-top: 20px;
}
#features .sections {
	margin-top: 20px;
}
.features > h2 {
	margin-bottom: 15px;
	padding-left: 32px;
	background: url('../images/sprite.svg?v=12#icon-control') no-repeat 0 0;
}
.features > div {
	padding: 15px 5px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 40px;
}
.features > div:nth-child(even) {
	background: #fbfbfb;
}
.features > div label {
	width: 41%;
	min-width: 100px;
	display: block;
}
.features > div div {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.features > div div a {
	width: fit-content;
	text-decoration: none;
	border-bottom: 1px solid #777;
}
.features > div div a:hover {
	color: var(--main-color-green-hover);
}
.features > p {
	margin-top: 25px;
}
.features > p a {
	text-decoration: none;
	border-bottom: 1px solid #777;
}
.features > p a:hover {
	color: var(--main-color-green-hover);
}
.features > p span {
	display: block;
	color: #777;
	font-size: 12px;
}



/*
*@ REVIEWS
---------------------------------------- */
#reviews > h1 {
	margin-top: 20px;
}
#reviews .sections {
	margin-top: 0;
}


/*
*  @ total
*/
.reviews-total {
	margin-top: 7px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}
.reviews-total .stars-rating span:before {
	font-size: 28px;
}
.reviews-total > p {
	font-size: 15px;
}
.reviews-total > p a {
	font-size: 14px;
}
.reviews-total > p a:hover {
	color: var(--main-color-green-hover);
}


/*
*  @ review
*/

/* link
*/
.review-link {
	margin-top: 30px;
}
.review-link p {
	padding: 10px;
	border: 1px solid #e5e5e5;
}
.review-link .button {
	height: 34px;
	padding: 0 10px 0 35px;
	background-image: url('../images/sprite.svg?v=12#icon-review-white');
	background-repeat: no-repeat;
	background-position: 3px 0;
	border-radius: 0;
}

/* form
*/
.review-form {
	margin-top: 25px;
	padding: 15px 12px;
	border: 1px solid #e5e5e5;
	box-shadow: 0 2px 2px 1px rgba(0,0,0,.1);
}
.review-form__stars > div {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 30px;
}
.review-form__stars > div+div {
	margin-top: 15px;
}
.review-form__text {
	margin-top: 25px;
}
.review-form__text input[type="text"] {
	width: 100%;
	height: 40px;
	margin-bottom: 15px;
	border-color: #ddd;
	border-radius: 4px;
}
.review-form__text textarea {
	width: 100%;
	height: 220px;
	line-height: var(--text-line-height);
	border-color: #ddd;
	border-radius: 4px;
}
.review-form__text input[type="text"]:focus,
.review-form__text textarea:focus {
	border-color: var(--main-color-yellow);
}
.review-form__text p {
	margin-top: 3px;
	color: #777;
}
.review-form__button {
	margin-top: 25px;
}
.review-form__button .button {
	height: 32px;
	padding: 0 15px;
	border-radius: 0;
}
.review-form__button.loading {
	background-image: url('../images/sprite.svg?v=12#icon-loading-green');
	background-repeat: no-repeat;
	background-position: 0 0;
}
.review-form__button.loading .button {
	visibility: hidden;
}

/* result
*/
.review-result {
	margin-top: 30px;
	padding: 10px 12px 12px 12px;
	border: 1px solid var(--main-color-green);
	box-shadow: 0 2px 2px 1px rgba(0,0,0,.1);
	display: none;
}
.review-result p {
	margin-top: 15px;
}
.review-result p a {
	text-decoration: none;
	border-bottom: 1px solid #777;
}
.review-result p a:hover {
	color: var(--main-color-green-hover);
}


/*
*  @ reviews
*/
ul.reviews > li {
	margin-top: 25px;
	padding: 15px 12px;
	display: block;
	border: 1px solid #e5e5e5;
	box-shadow: 0 2px 2px 1px rgba(0,0,0,.1);
}

/* header
*/
.reviews-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}
.reviews-header__scores {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 15px;
}
.reviews-header__scores p i {
	min-width: 20px;
	margin-left: 30px;
	padding: 3px;
	text-align: center;
	display: block;
	border: 3px double #e5e5e5;
	border-radius: 50%;
	position: relative;
}
.reviews-header__scores p i+i {
	margin-top: 5px;
}
.reviews-header__scores p i:before {
	content: '\0020';
	width: 23px;
	height: 23px;
	display: block;
	position: absolute;
	top: 0;
	left: -30px;
	background: url('../images/sprite.svg?v=12#icon-box-grey') no-repeat 0 0;
}
.reviews-header__scores p i+i:before {
	width: 20px;
	height: 20px;
	top: 2px;
	background: url('../images/sprite.svg?v=12#icon-shop-grey') no-repeat 0 0;
}
.reviews-header__scores p span {
	font-size: 17px;
	font-weight: bold;
	display: block;
}
.reviews-header__scores p span+span {
	margin-top: 3px;
	color: #777;
	font-size: 12px;
	font-weight: normal;
}
.reviews-header__scores p span.active {
	padding-left: 20px;
	background: url('../images/sprite.svg?v=12#icon-cart-plus-green') no-repeat 0 -1px;
}
.reviews-header__date {
	color: #777;
	font-size: 13px;
}

/* stars
*/
.reviews-stars {
	margin: 15px 0;
	padding: 12px 0 14px 0;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}
.reviews-stars p {
	line-height: 1.2;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}
.reviews-stars p span:first-child {
	display: flex;
	flex-direction: row;
}
.reviews-stars p span+span {
	font-size: 13px;
	color: #4a4a4a;
}
.reviews-stars p span i {
	display: block;
}
.reviews-stars p span i:before {
	content: '★';
	font-size: 23px;
	color: var(--main-color-yellow);
	display: block;
}
.reviews-stars p span i.grey:before {
	color: #ccc;
}

/* body
*/
.reviews-body__review {
	line-height: var(--text-line-height);
	margin-bottom: 15px;
}
.reviews-body__short {
	margin-top: 5px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 5px;
}
.reviews-body__short > span {
	color: #222;
	font-weight: bold;
}

/* answer
*/
.reviews-answer {
	margin-top: 15px;
	padding-top: 12px;
	border-top: 1px solid #f5f5f5;
}
.reviews-answer__link {
	padding: 2px 2px 2px 23px;
	display: inline-block;
	cursor: pointer;
	color: var(--main-color-green);
	background: url('../images/sprite.svg?v=12#icon-arrow-top-right') no-repeat 0 0;
}
.reviews-answer__link:hover {
	color: var(--main-color-green-hover);
}
.reviews-answer__form {
	margin-top: 12px;
	display: none;
}
.reviews-answer__form textarea {
	width: 100%;
	height: 200px;
	line-height: var(--text-line-height);
	border-color: #ddd;
	border-radius: 4px;
}
.reviews-answer__form textarea:focus {
	border-color: var(--main-color-yellow);
}
.reviews-answer__form p {
	margin-top: 12px;
}
.reviews-answer__form p .button {
	height: 32px;
	padding: 0 15px;
	border-radius: 0;
}
.reviews-answer__form p.loading {
	background-image: url('../images/sprite.svg?v=12#icon-loading-green');
	background-repeat: no-repeat;
	background-position: 0 0;
}
.reviews-answer__form p.loading .button {
	visibility: hidden;
}
.reviews-answer__result {
	padding: 7px 0 7px 20px;
	border-left: 1px dashed var(--main-color-green);
	display: none;
}
.reviews-answer__result span {
	display: block;
}

/* answers
*/
.reviews-answers {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #f5f5f5;
}
.reviews-answers > div {
	padding: 7px 0 7px 20px;
	border-left: 1px dashed var(--main-color-green);
}
.reviews-answers > div+div {
	margin-top: 20px;
}
.reviews-answers > div p {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}
.reviews-answers > div p span:first-child {
	font-weight: bold;
}
.reviews-answers > div p span+span {
	color: #777;
	font-size: 11px;
}
.reviews-answers > div div {
	line-height: var(--text-line-height);
	margin-top: 7px;
}



/*
*@ PRODUCT
---------------------------------------- */
.product {
	padding-bottom: 35px;
	border-bottom: 1px solid #e5e5e5;
}


/*
*  @ nav
*/
.product-nav {
	margin: 15px 0;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.05);
	overflow: hidden;
	overflow-x: auto;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 70;
}
.product-nav a {
	padding: 13px 15px 10px 15px;
	color: #555;
	font-size: 15px;
	font-weight: bold;
	font-family: var(--font-trebuchet);
	text-decoration: none;
	white-space: nowrap;
	display: block;
	border-bottom: 3px solid transparent;
}
.product-nav a+a {
	border-left: 1px solid #f2f2f2;
}
.product-nav a.active {
	color: #222;
	border-bottom-color: var(--main-color-yellow);
}
.product-nav a i {
	font-size: 13px;
	color: #555;
}
.product-nav a:before {
	content: '\0020';
	width: 22px;
	height: 22px;
	margin-right: 5px;
	display: inline-block;
	position: relative;
	top: -2px;
	vertical-align: middle;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.product-nav__full:before {
	background-image: url('../images/sprite.svg?v=12#icon-info');
}
.product-nav__features:before {
	background-image: url('../images/sprite.svg?v=12#icon-control');
}
.product-nav__reviews:before {
	background-image: url('../images/sprite.svg?v=12#icon-review');
}


/*
*  @ picture
*/
.product-picture {
	width: 48%;
	padding-top: 7px;
	float: left;
}

/* main
*/
.product-picture__main.loading {
	max-height: 545px;
	overflow: hidden;
}
.product-picture__main-wrap {
	min-height: 520px;
	padding: 10px;
	display: flex !important;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}
.product-picture__main-wrap img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

/* thumbs
*/
.product-picture__thumbs-wrap {
	width: 10%;
	margin: 10px 7px 0 0;
	float: left;
}
.product-picture__thumbs-wrap i {
	height: 50px;
	padding: 5px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	cursor: pointer;
}
.product-picture__thumbs-wrap.slick-current i {
	border-color: var(--main-color-yellow);
}
.product-picture__thumbs-wrap img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}


/*
*  @ info
*/
.product-info {
	width: 48%;
	float: right;
}
.product-info > h1 {
	font-weight: bold;
}

/* code
*/
.product-info__code {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
}
.product-info__code-reviews {
	display: flex;
	gap: 7px;
}
.product-info__code-reviews .stars-rating {
	top: -5px;
}
.product-info__code-reviews .total-rating a {
	font-size: 13px;
	text-decoration: none;
	border-bottom: 1px solid #777;
}
.product-info__code-reviews .total-rating a:hover {
	color: var(--main-color-green-hover);
}
.product-info__code-code {
	color: #555;
	text-align: right;
}

/* cart
*/
.product-info__cart {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #f2f2f2;
	font-size: 0;
}
.product-info__cart > label {
	display: inline-block;
	vertical-align: middle;
}
.product-info__cart > label .lprice {
	margin-bottom: 5px;
	color: #777;
	font-size: 15px;
	text-decoration: line-through;
	display: block;
}
.product-info__cart > label .price {
	font-size: 25px;
	display: block;
}
.product-info__cart > label .price span {
	font-size: 14px;
	position: relative;
	left: -3px;
}
.product-info__cart > label .price.red {
	color: #e73d42;
}
.product-info__cart > label .preorder {
	color: #4a4a4a;
	font-size: 12px;
	display: block;
}
.product-info__cart > label .repeal,
.product-info__cart > label .amount {
	color: #f24046;
	font-size: 12px;
	display: block;
}
.product-info__cart > label .noprice {
	color: #4a4a4a;
	font-size: 25px;
	display: block;
}
.product-info__cart > label .out-off {
	color: #555;
	font-size: 19px;
}
.product-info__cart > lf-a[data-item] {
	margin-left: 35px;
	padding: 10px 15px 8px 12px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 15px;
	text-align: center;
	border-radius: 3px;
	background: var(--main-color-green);
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
}
.product-info__cart > lf-a[data-item]:before {
	content: '\0020';
	width: 23px;
	height: 23px;
	margin-right: 7px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	background: url('../images/sprite.svg?v=12#icon-cart') no-repeat 0 0;
}
.product-info__cart > lf-a[data-item]:hover {
	background: var(--main-color-green-hover);
}

/* delivery
*/
.product-info__delivery {
	margin-top: 25px;
	padding-top: 20px;
	border-top: 1px solid #f2f2f2;
}
.product-info__delivery label {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
}
.product-info__delivery label+label {
	margin-top: 5px;
}
.product-info__delivery label img[src*="icon-time"] {
	margin-right: 2px;
	margin-left: -2px;
	margin-bottom: -3px;
}

/* features
*/
.product-info__features {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #f2f2f2;
}
.product-info__features p+p {
	margin-top: 7px;
}
.product-info__features p a {
	text-decoration: none;
	border-bottom: 1px solid #777;
}
.product-info__features p a:hover {
	color: var(--main-color-green-hover);
}
.product-info__features p > *:not(:last-child):after {
	content: ',';
	margin-right: 3px;
}


/*
*  @ sections
*/
.product + .sections {
	margin-top: 25px;
}
#product .section-right.sticky {
	top: 49px;
}


/*
*  @ carousel
*/
.product-carousel {
	margin-top: 25px;
}
.product-carousel > h2 {
	font-size: 22px;
}
.product-carousel > h2 a {
	font-size: 22px;
	border-bottom: 1px solid #777;
}
.product-carousel > h2 a:hover {
	color: var(--main-color-green-hover);
}


/*
*  @ description
*/
.product-desc {
	margin-bottom: 40px;
}
.product-desc h2:not(:first-of-type),
.product-desc h3 {
	margin-top: 17px;
}
.product-desc p,
.product-desc li {
	margin-top: 12px;
}
.product-desc div > p {
	margin-top: 5px;
}
.product-desc div > h3 {
	margin-top: 10px;
}
.product-desc li+li {
	margin-top: 8px;
}
.product-desc ul {
	margin-top: 15px;
	list-style: disc inside;
}
.product-desc ol {
	margin-top: 15px;
	list-style: decimal inside;
}
.product-desc h2 + ul,
.product-desc p + ul,
.product-desc p + ol {
	margin-top: 0;
}
.product-desc li {
	margin-left: 15px;
	padding-left: 20px;
	text-indent: -16px;
}
.product-desc ol li::marker {
	font-size: .84rem;
	font-weight: bold;
}
.product-desc p,
.product-desc a,
.product-desc li {
	line-height: var(--text-line-height);
	font-size: .9rem;
}


/*
*  @ reviews
*/
.product-reviews {
	margin-top: 40px;
}
.product-reviews > h2 {
	padding-left: 32px;
	background: url('../images/sprite.svg?v=12#icon-review') no-repeat 0 0;
}
.product-reviews > h2 span {
	font-size: 18px;
}



/*
*@ PRODUCT STICKY
---------------------------------------- */
.product-sticky {
	padding: 10px;
	display: flex;
	flex-direction: column;
	border: 1px solid #e5e5e5;
}
.product-sticky:hover {
	border-color: var(--main-color-yellow);
	box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);
}
.product-sticky.clone {
	background: #fff;
	position: fixed;
	right: 1px;
	bottom: 0;
	left: 1px;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
	z-index: 70;
}

/* picture
*/
.product-sticky__pict {
	height: 200px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
}
.product-sticky__pict img {
	max-width: 100%;
	max-height: 100%;
}
.product-sticky__pict span {
	padding: 5px 7px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background: #f4aa0b;
	background: rgba(244,170,11,.9);
	border-radius: 25%;
}

/* name
*/
.product-sticky__name {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #f3f3f3;
}
.product-sticky__name a {
	text-decoration: none;
}
.product-sticky__name a:hover {
	text-decoration: underline;
}

/* price
*/
.product-sticky__price {
	margin-top: 10px;
	padding: 9px 0;
	text-align: center;
	background: #f8f8f8;
}
.product-sticky__price .list-price {
	margin-right: 10px;
	color: #777;
	text-decoration: line-through;
}
.product-sticky__price .price {
	color: #222;
	font-size: 19px;
}
.product-sticky__price .price span {
	font-size: 14px;
	position: relative;
	left: -3px;
}
.product-sticky__price .price.red,
.product-sticky__price .price.red span {
	color: #e73d42;
}

/* stock
*/
.product-sticky__stock {
	margin-top: 12px;
	text-align: center;
}
.product-sticky__stock i.gis {
	padding-left: 20px;
}

/* more
*/
.product-sticky__buy {
	margin-top: 12px;
	text-align: center;
}
.product-sticky__buy lf-a {
	padding: 10px 12px 7px 12px;
	display: block;
	color: #4c4c4c;
	font-size: 15px;
	background: #f4f4f4;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
	border-radius: 3px;
	cursor: default;
}
.product-sticky__buy lf-a:before {
	content: '\0020';
	width: 23px;
	height: 23px;
	margin-right: 7px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	background: url('../images/sprite.svg?v=12#icon-cart-grey') no-repeat 0 0;
}
.product-sticky__buy lf-a[data-item] {
	color: #fff;
	background: var(--main-color-green);
	cursor: pointer;
}
.product-sticky__buy lf-a[data-item]:before {
	background: url('../images/sprite.svg?v=12#icon-cart') no-repeat 0 0;
}
.product-sticky__buy lf-a[data-item]:hover {
	background-color: var(--main-color-green-hover);
}



/*
*@ BLOGS
---------------------------------------- */

/* empty
*/
.blogs-empty {
	margin-top: 15px;
}



/*
*@ CART
---------------------------------------- */
#cart {
	min-width: 520px;
}

/*
*  @ header
*/
.cart-header {
	padding: 15px 5px;
	border-bottom: 1px solid #ddd;
}
.cart-header h1 {
	font-size: 21px;
}
.cart-header p {
	margin-top: 5px;
	color: #f24046;
}


/*
*  @ items
*/
.cart-items {
	height: 470px;
	padding: 0 5px;
	overflow-y: auto;
}
.cart-item {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #f2f2f2;
}
.cart-item:first-child {
	padding-top: 0;
	border-top: none;
}

/* picture
*/
.cart-item__info-pictue {
	width: 24%;
	padding-top: 1px;
	float: left;
	position: relative;
}
.cart-item__info-pictue > span {
	padding: 2px 6px;
	display: block;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	background: #d5d5d5;
	position: absolute;
	top: -5px;
	left: -5px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 1;
}
.cart-item__info-pictue > span:hover {
	background-color: #e7674e;
}
.cart-item__info-pictue a {
	display: block;
	text-align: center;
	text-decoration: none;
}
.cart-item__info-pictue a img {
	max-width: 100%;
	max-height: 100%;
}

/* name
*/
.cart-item__info-name {
	width: 75%;
	float: right;
	font-size: 0;
}
.cart-item__info-name span {
	margin: 0 5px 7px 0;
	padding: 3px 5px;
	color: #555;
	font-size: 11px;
	display: inline-block;
	vertical-align: middle;
	background-color: #f2f2f2;
	border-radius: 3px;
}
.cart-item__info-name a {
	font-size: 14px;
	display: block;
	text-decoration: none;
}
.cart-item__info-name a:hover {
	text-decoration: underline;
}

/* price
*/
.cart-item__price {
	margin-top: 15px;
	padding: 0 5px;
	background: #f5f5f5;
}
.cart-item__price-cost,
.cart-item__price-total {
	width: 37%;
	line-height: 27px;
	text-align: center;
	float: left;
}
.cart-item__price-cost span.list-price {
	margin-right: 5px;
	color: #777;
	font-size: 12px;
	text-decoration: line-through;
}
.cart-item__price-cost span.price,
.cart-item__price-total > span {
	color: #222;
	font-size: 15px;
}
.cart-item__price-cost span.price.red {
	color: #e73d42;
}
.cart-item__price-cost span.price span,
.cart-item__price-total > span span {
	font-size: 14px;
	position: relative;
	left: -3px;
}
.cart-item__price-amount {
	width: 26%;
	float: left;
	text-align: center;
	position: relative;
}
.cart-item__price-amount span {
	width: 27px;
	height: 27px;
	line-height: 27px;
	display: block;
	position: absolute;
	top: 0;
	color: var(--main-color-yellow);
	font-size: 17px;
	font-weight: bold;
	cursor: pointer;
	z-index: 1;
}
.cart-item__price-amount span.minus {
	font-size: 22px;
	left: 0;
	border-right: 1px solid #ddd;
}
.cart-item__price-amount span.plus {
	right: 0;
	border-left: 1px solid #ddd;
}
.cart-item__price-amount span:hover {
	color: var(--main-color-green);
}
.cart-item__price-amount input[type="text"] {
	width: 100%;
	padding: 0 30px;
	text-align: center;
	border-color: #ddd;
}


/*
*  @ footer
*/
.cart-footer {
	margin-top: 20px;
	padding: 20px 5px 10px 5px;
	border-top: 1px solid #ddd;
	font-size: 0;
}
.cart-footer label {
	width: 48%;
	display: inline-block;
	vertical-align: middle;
}
.cart-footer label+label {
	width: 52%;
	text-align: right;
}
.cart-footer label span,
.cart-empty span {
	font-size: 14px;
	cursor: pointer;
}
.cart-footer label span:before,
.cart-empty span:before {
	content: '\0020';
	width: 0;
	height: 0;
	margin-right: 3px;
	padding: 3px;
	display: inline-block;
	position: relative;
	top: -1px;
	border-style: solid;
	border-color: var(--main-text-color);
	border-width: 0 2px 2px 0;
	transform: rotate(135deg);
}
.cart-footer label span:hover,
.cart-empty span:hover {
	color: var(--main-color-green-hover);
}
.cart-footer label span:hover:before,
.cart-empty span:hover:before {
	border-color: var(--main-color-green-hover);
}
.cart-footer label a {
	padding: 9px 11px;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	background: var(--main-color-green);
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
}
.cart-footer label a:hover {
	background: var(--main-color-green-hover);
}


/*
*  @ empty
*/
.cart-empty {
	padding: 30px 5px;
	text-align: center;
}
.cart-empty i {
	width: 51px;
	height: 46px;
	margin: 0 auto 30px auto;
	display: block;
}



/*
*@ CHECKOUT
---------------------------------------- */
#checkout {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}


/*
*  @ header
*/
.checkout-header {
	padding: 15px 0 13px 0;
	font-size: 0;
	background: var(--main-bg-color);
	border-bottom: 4px solid var(--main-color-yellow);
	box-shadow: inset 0 8px 5px 0 rgba(0,0,0,.2);
}
.checkout-header__logo,
.checkout-header__title {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}
.checkout-header__logo a {
	width: 186px;
	height: 27px;
	display: block;
	text-decoration: none;
	background: url('../images/logo.svg') no-repeat 0 0;
}
.checkout-header__title h1 {
	color: #fff;
	text-align: right;
	display: block;
}


/*
*  @ notice
*/
.checkout-notice {
	margin: 20px 0;
	font-size: 21px;
}
.checkout-notice lf-a {
	border-bottom: 1px dashed;
}
.checkout-notice lf-a:hover {
	color: var(--main-color-green-hover);
}
.checkout-notice p {
	margin-top: 3px;
	color: #f24046;
	font-size: 16px;
}


/*
*  @ content
*/
.checkout-content {
	flex-grow: 1;
}


/*
*  @ form
*/
.checkout-form {
	display: flex;
	align-items: flex-start;
	gap: 40px;
}
.checkout-form.loading {
	position: relative;
}
.checkout-form.loading:before {
	content: '\0020';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	background-color: #fff;
	background-color: rgba(255,255,255,.45);
	z-index: 500;
}
.checkout-form__info {
	width: 100%;
}
.checkout-form__total {
	min-width: 320px;
	position: -webkit-sticky;
	position: sticky;
	top: 10px;

}
.checkout-form__total > div {
	margin-top: 20px;
	padding: 25px 15px 20px 15px;
	border: 1px solid #d2d2d2;
	border-radius: 4px;
	position: relative;
}
.checkout-form__total > div:hover {
	border-color: var(--main-color-green);
}
.checkout-form__total > div > h2 {
	padding: 3px 10px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	position: absolute;
	top: -19px;
	left: 7px;
}


/*
*  @ block
*/
.checkout-block {
	margin-top: 40px;
	padding: 25px 15px;
	border: 1px solid #d2d2d2;
	border-radius: 4px;
	position: relative;
}
.checkout-block > h3 {
	padding: 3px 10px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	position: absolute;
	top: -18px;
	left: 7px;
}


/*
*  @ auth & region
*/
.checkout-auth {
	margin: 0 0 15px 0;
	padding: 10px 0;
}
.checkout-region {
	margin-top: 15px;
	padding: 0;
}
.checkout-auth:hover,
.checkout-region:hover {
	border-color: var(--main-color-green);
}
.checkout-auth .gis,
.checkout-region .gis {
	padding: 15px 10px 15px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
	background-position: 0 50%;
	background-size: 35px;
}
.checkout-auth .gis {
	background-size: 38px;
}
.checkout-auth .gis > span,
.checkout-region .gis > span {
	width: 70%;
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.checkout-auth .gis > span span,
.checkout-region .gis > span span {
	font-size: 13px;
}
.checkout-auth .gis > i,
.checkout-region .gis > i {
	border-bottom: 1px dashed;
}
.checkout-auth .gis:hover > i,
.checkout-region .gis:hover > i {
	color: var(--main-color-green-hover);
}
.checkout-auth > p {
	text-align: center;
	position: absolute;
	bottom: -17px;
	right: 0;
	left: 0;
}
.checkout-auth > p span {
	line-height: 17px;
	padding: 0 11px;
	display: inline-block;
	color: #afafaf;
	font-size: 12px;
	background: #fff;
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: #d2d2d2;
	position: relative;
	z-index: 1;
}


/*
*  @ user
*/
.checkout-user > div {
	margin-top: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}
.checkout-user > div > p.error {
	margin-bottom: 15px;
	color: #ff0000;
}
.checkout-user > div > div p+p {
	margin-top: 10px;
}
.checkout-user > div > div p input[type="text"],
.checkout-user > div > div p input[type="email"] {
	width: 100%;
	height: 36px;
	border-color: #ddd;
	border-radius: 4px;
}
.checkout-user > div > div p input[type="text"]:focus,
.checkout-user > div > div p input[type="email"]:focus {
	border-color: var(--main-color-yellow);
}


/*
*  @ attention
*/
.checkout-attention {
	margin-top: 20px;
	padding: 12px 10px;
}
.checkout-attention {
	border-color: #f29c9f;
}
.checkout-attention strong {
	color: #f24046;
}
.checkout-attention p {
	margin-top: 5px;
}


/*
*  @ counter
*/
.checkout-counter {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.checkout-counter h4 {
	font-size: 14px;
}
.checkout-counter h4 span {
	font-size: 13px;
}


/*
*  @ items
*/
.checkout-items {
	margin-top: 12px;
	padding: 15px 10px;
}
.checkout-item {
	display: flex;
	align-items: center;
}
.checkout-item + .checkout-item {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #f2f2f2;
}

/* picture
*/
.checkout-item__pict a {
	width: 70px;
	height: 70px;
	margin-right: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.checkout-item__pict a img {
	max-width: 100%;
	max-height: 100%;
}

/* info
*/
.checkout-item__info {
	display: flex;
	flex-grow: 1;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
}
.checkout-item__name {
	width: 100%;
	font-size: 0;
}
.checkout-item__name span {
	margin: 0 5px 7px 0;
	padding: 3px 5px;
	color: #555;
	font-size: 11px;
	display: inline-block;
	vertical-align: middle;
	background-color: #f2f2f2;
	border-radius: 3px;
}
.checkout-item__name a {
	font-size: 14px;
	display: block;
	text-decoration: none;
}
.checkout-item__name a:hover {
	text-decoration: underline;
}
.checkout-item__cost {
	min-width: 170px;
	display: flex;
	justify-content: center;
}
.checkout-item__cost .list-price {
	color: #777;
	font-size: 12px;
	text-decoration: line-through;
}
.checkout-item__cost .price,
.checkout-item__total > span {
	color: #222;
	font-size: 14px;
}
.checkout-item__total > span {
	font-weight: bold;
}
.checkout-item__cost .price.red {
	color: #e73d42;
}
.checkout-item__cost .price span,
.checkout-item__total > span span {
	font-size: 12px;
	position: relative;
	left: -3px;
}
.checkout-item__total {
	min-width: 150px;
	text-align: right;
}


/*
*  @ delivery
*/
.checkout-delivery {
	padding-top: 0;
}
.checkout-delivery > p {
	margin-top: 25px;
}
.checkout-delivery > p+p {
	margin-top: 5px;
}
.checkout-delivery > p.error {
	color: #ff0000;
}
.checkout-delivery .radio {
	margin-top: 25px;
}
.checkout-delivery .radio label {
	padding: 3px 0;
	display: flex;
	align-items: center;
}
.checkout-delivery .radio label:before {
	top: 1px;
}
.checkout-delivery .radio label > span {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.checkout-delivery .radio label > span strong {
	font-size: 13px;
	font-weight: normal;
}
.checkout-delivery .radio label > span strong.green {
	color: var(--main-color-green);
}
.checkout-delivery .radio label > span strong > strong {
	margin-left: 2px;
	font-size: 12px;
}
.delivery-address {
	padding-left: 21px;
}
.delivery-address__warehouse,
.delivery-address__manual {
	margin-top: 12px;
}
.delivery-address__warehouse select {
	width: 55%;
	min-width: 280px;
	height: 36px;
	color: #222;
	background: #fff;
	border-color: #ddd;
	border-radius: 4px;
}
.delivery-address__warehouse > div {
	margin-top: 5px;
	padding: 10px;
	color: #555;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	display: none;
}
.delivery-address__warehouse > div span {
	display: block;
}
.delivery-address__warehouse > div span+span {
	margin-top: 10px;
}
.delivery-address__manual input[type="text"] {
	width: 100%;
	height: 32px;
	line-height: 30px;
	border-color: #ddd;
	border-radius: 4px;
}
.delivery-address__warehouse select:focus,
.delivery-address__manual input[type="text"]:focus {
	border-color: var(--main-color-yellow);
}


/*
*  @ payment
*/
.checkout-payment > div+div {
	margin-top: 10px;
}
.checkout-payment > div label {
	padding: 3px 0;
	display: block;
}
.checkout-payment > div label:before {
	top: -1px;
}


/*
*  @ recipient
*/
.checkout-recipient > p.error {
	margin-top: 25px;
	color: #ff0000;
}
.checkout-recipient > select {
	width: 100%;
	min-width: 280px;
	height: 36px;
	padding: 0 8px;
	color: #222;
	background: #fff;
	border-color: #ddd;
	border-radius: 4px;
	box-sizing: border-box;
	cursor: pointer;
}
.checkout-recipient > select:focus {
	border-color: var(--main-color-yellow);
}
.checkout-recipient > div p {
	margin-top: 10px;
}
.checkout-recipient > div p input[type="text"] {
	width: 100%;
	height: 36px;
	border-color: #ddd;
	border-radius: 4px;
}
.checkout-recipient > div p input[type="text"]:focus {
	border-color: var(--main-color-yellow);
}


/*
*  @ coupon
*/
.checkout-coupon input[type="text"] {
	width: 100%;
	height: 36px;
	border-color: #ddd;
	border-radius: 4px;
}
.checkout-coupon input[type="text"]:focus {
	border-color: var(--main-color-yellow);
}
.checkout-coupon span {
	margin-top: 10px;
	color: #ff0000;
	font-size: 13px;
	text-align: center;
	display: block;
}
.checkout-coupon .button {
	width: 100%;
	height: 32px;
	margin-top: 10px;
	display: block;
	color: #555;
	background: #f5f5f5;
	box-shadow: none;
	border-radius: 0;
}
.checkout-coupon .button:hover {
	color: #fff;
	background-color: var(--main-color-green-hover);
}


/*
*  @ total
*/
.checkout-total {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #f2f2f2;
}
.checkout-total > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.checkout-total > div+div {
	margin-top: 15px;
}
.checkout-total > div p {
	color: #444;
	font-size: 13px;
}
.checkout-total > div p+p {
	color: var(--main-text-color);
	text-align: right;
}
.checkout-total > div p span {
	font-weight: bold;
}
.checkout-total > div p > span span {
	position: relative;
	left: -3px;
}
.checkout-total > div:last-child {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #f2f2f2;
}
.checkout-total > div:last-child p {
	color: var(--main-text-color);
	font-size: 15px;
}
.checkout-total > div:last-child p span {
	font-size: 18px;
}


/*
*  @ confirm
*/
.checkout-confirm {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #f2f2f2;
}
.checkout-confirm .button {
	width: 100%;
	height: 36px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	border-radius: 0;
}
.checkout-confirm .button.disabled {
	color: #555;
	background: #f5f5f5;
	box-shadow: none;
	cursor: not-allowed;
}


/*
*  @ footer
*/
.checkout-footer {
	margin-top: 45px;
	padding: 25px 0 20px 0;
	color: #ddd;
	background: #2a2a2a;
	border-top: 2px solid var(--main-color-yellow);
	box-shadow: inset 0 5px 5px 0 rgba(254,192,6,0.2);
}
.checkout-footer > div span {
	margin-bottom: 5px;
	display: block;
}
.checkout-footer > div span i {
	color: #006ae3;
}
.checkout-footer > div span i+i {
	color: #d7b700;
}


/*
*  @ success
*/
.checkout-success {
	margin-top: 25px;
	text-align: center;
}
.checkout-success i {
	width: 108px;
	height: 124px;
	vertical-align: baseline;
}
.checkout-success h1 {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 33px;
}
.checkout-success p {
	margin-top: 10px;
	color: #222;
	font-size: 17px;
}



/*
*@ LFPAY
---------------------------------------- */
#lfpay {
	margin-top: 25px;
	text-align: center;
}
#lfpay i {
	width: 108px;
	height: 124px;
	vertical-align: baseline;
}
#lfpay h1 {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 31px;
}
#lfpay ul {
	margin-top: 15px;
}
#lfpay ul li {
	color: #222;
	font-size: 15px;
}
#lfpay ul li+li {
	margin-top: 12px;
}
#lfpay p {
	margin-top: 7px;
	color: #222;
	font-size: 15px;
}
#lfpay p:last-child {
	margin-top: 25px;
}



/*
*@ MODAL
---------------------------------------- */
.modal-form {
	width: 290px;
}

/* header
*/
.modal-form__header {
	padding: 15px 10px;
}
.modal-form__header h1 {
	font-size: 21px;
}

/* helper
*/
.modal-form__helper {
	padding: 15px 10px;
	border-top: 1px solid #ddd;
}

/* content
*/
.modal-form__content {
	padding: 15px 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.modal-form__content p {
	margin-top: 7px;
}
.modal-form__content p:first-child {
	margin-top: 0;
}
.modal-form__content p input[type="text"],
.modal-form__content p input[type="email"],
.modal-form__content p input[type="password"] {
	width: 100%;
	height: 36px;
	color: #4c4c4c;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}
.modal-form__content p select {
	width: 100%;
	height: 36px;
	color: #4c4c4c;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
}
.modal-form__content p textarea {
	width: 100%;
	height: 125px;
	color: #4c4c4c;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}
.modal-form__content p input[type="text"]:focus,
.modal-form__content p input[type="email"]:focus,
.modal-form__content p input[type="password"]:focus,
.modal-form__content p select:focus,
.modal-form__content p textarea:focus {
	border-color: var(--main-color-yellow);
}
.modal-form__content p a {
	margin-top: 3px;
	color: #8e8e8e;
	font-size: 12px;
	display: inline-block;
	text-decoration: none;
	border-bottom: 1px dashed;
}
.modal-form__content p a:hover {
	color: var(--main-text-color);
}

/* error
*/
.modal-form__error {
	padding: 10px;
	color: #ff0000;
	font-size: 12px;
	text-align: right;
	border-bottom: 1px solid #ddd;
	display: none;
}

/* notice
*/
.modal-form__notice {
	padding: 10px;
	color: #8e8e8e;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
}
.modal-form__notice a {
	color: #8e8e8e;
	font-size: 12px;
	text-decoration: none;
	border-bottom: 1px dashed;
}
.modal-form__notice a:hover {
	color: var(--main-text-color);
}

/* footer
*/
.modal-form__footer {
	padding: 15px 10px;
	text-align: right;
}
.modal-form__footer .button {
	height: 32px;
	padding: 0 15px;
}
.modal-form__footer.loading {
	background: url('../images/loading.gif') no-repeat 100% 50%;
}
.modal-form__footer.loading .button {
	visibility: hidden;
}

/* success
*/
.modal-success {
	padding: 25px;
	display: none;
}
.modal-success strong {
	color: #4f8d17;
	font-size: 15px;
}
.modal-success p {
	margin-top: 10px;
}

/* uregion
*/
.uregion-form {
	width: 400px;
}
.uregion-form .modal-form__helper {
	border-top: none;
	border-bottom: 1px solid #ddd;
}
.uregion-form .modal-form__notice {
	border-bottom: none;
}



/*
*@ SIDE
---------------------------------------- */
.side {
	width: 100%;
	max-width: 320px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: 9999;
	display: none;
}


/*
*  @ close
*/
.side > span {
	line-height: 18px;
	padding: 0 7px 3px 7px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-block;
	background-color: rgba(255,255,255,0.1);
	border-radius: 50%;
	cursor: pointer;
	z-index: 1;
}


/*
*  @ head
*/
.side-head {
	padding: 17px 10px;
	font-size: 0;
	background: var(--main-bg-color);
	box-shadow: inset 0 8px 5px 0 rgba(0,0,0,.2);
}
.side-head > div {
	display: inline-block;
	vertical-align: middle;
}

/* logo
*/
.side-head__logo a {
	width: 110px;
	height: 17px;
	display: block;
	text-decoration: none;
	background: url('../images/logo.svg') no-repeat 0 0;
}

/* user
*/
.side-head__user {
	margin-left: 8%;
	padding: 8px 10px;
	border-radius: 3px;
	background-color: rgba(255,255,255,0.1);
}
.side-head__user a,
.side-head__user lf-a {
	color: #f5f5f5;
	font-size: 13px;
	text-decoration: none;
}
.side-head__user a:hover,
.side-head__user lf-a:hover {
	color: var(--main-color-yellow);
}
.side-head__user span {
	margin: 0 5px;
	color: #999;
	font-size: 13px;
}


/*
*  @ body
*/
.side-body {
	max-height: 90%;
	overflow-y: auto;
}
.side-body a,
.side-body lf-a,
.side-body p {
	padding: 7px 10px;
	display: block;
	color: #222;
	font-family: var(--font-trebuchet);
	text-decoration: none;
}
.side-body a:hover,
.side-body lf-a:hover {
	background-color: #f7f7f7;
}

/* main
*/
.side-body__main lf-a {
	padding: 10px;
	color: #f5f5f5;
	font-size: 15px;
	font-weight: bold;
	background-color: var(--main-color-green);
}
.side-body__main lf-a:before {
	content: '\0020';
	width: 18px;
	height: 18px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/sprite.svg?v=12#icon-list') no-repeat 0 -2px;
}
.side-body__main lf-a:hover {
	background-color: var(--main-color-green-hover);
}

/* block
*/
.side-body__block {
	margin-top: 25px;
}
.side-body__block + .side-body__block {
	margin-top: 20px;
}
.side-body__block h4 {
	margin-bottom: 7px;
	padding: 0 10px 5px 10px;
	display: block;
	border-bottom: 1px solid #f2f2f2;
}
.side-body__block lf-a[data-js="uregion"] {
	padding-left: 25px;
	background-position: 0 3px;
	background-size: 25px;
}



/*
*@ NOTFOUND
---------------------------------------- */
#notfound {
	padding-top: 5%;
	text-align: center;
}
#notfound i {
	width: 108px;
	height: 124px;
	vertical-align: baseline;
}
#notfound h1 {
	margin-top: 15px;
	font-size: 33px;
}
#notfound p {
	margin-top: 7px;
	color: #222;
	font-size: 17px;
}



/*
*@ FOOTER
---------------------------------------- */
#footer {
	padding: 35px 0;
	background: #2a2a2a;
}
.footer-users,
.footer-about,
.footer-info,
.footer-copy {
	width: 25%;
	float: left;
}
.footer-users > div span,
.footer-about > div span,
.footer-info > div span,
.footer-copy > div span {
	padding-bottom: 3px;
	display: inline-block;
	color: #ddd;
	font-size: 15px;
	border-bottom: 3px double #777;
}
.footer-users > div:hover span,
.footer-about > div:hover span,
.footer-info > div:hover span,
.footer-copy > div:hover span {
	color: #f5f5f5;
	border-color: var(--main-color-yellow);
}
.footer-copy > div span i {
	color: #006ae3;
}
.footer-copy > div span i+i {
	color: #d7b700;
}
.footer-users > div div,
.footer-about > div div,
.footer-info > div div,
.footer-copy > div div {
	margin-top: 15px;
}
.footer-users > div div p,
.footer-about > div div p,
.footer-info > div div p,
.footer-copy > div div p {
	margin-top: 7px;
	color: #ddd;
}
.footer-users > div div p:first-child,
.footer-about > div div p:first-child,
.footer-info > div div p:first-child,
.footer-copy > div div p:first-child {
	margin-top: 0;
}
.footer-copy > div div p:first-child {
	margin-bottom: 20px;
	font-size: 0;
}
.footer-users > div div p a,
.footer-users > div div p lf-a,
.footer-about > div div p a,
.footer-about > div div p lf-a,
.footer-info > div div p a,
.footer-info > div div p lf-a {
	color: #ddd;
	text-decoration: none;
}
.footer-users > div div p a:hover,
.footer-users > div div p lf-a:hover,
.footer-about > div div p a:hover,
.footer-about > div div p lf-a:hover,
.footer-info > div div p a:hover,
.footer-info > div div p lf-a:hover {
	color: var(--main-color-yellow);
	text-decoration: underline;
}
.footer-copy > div div p lf-a.gi {
	width: 88px;
	height: 40px;
	display: inline-block;
	background-color: #ddd;
	border-radius: 3px;
	opacity: .7;
}
.footer-copy > div div p lf-a.gi:hover {
	opacity: 1;
}
.footer-copy > div div p lf-a.gi.gi-visa {
	margin-right: 15px;
	background-position: 5px -472px;
}
.footer-copy > div div p lf-a.gi.gi-master {
	background-position: 5px -513px;
}