@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700&display=swap&subset=cyrillic');

:root {
	--black: #000;
	--white: #FFF;
	--gray: #F3F9F9;
	--darkgray: #828282;
	--font-color: #333;
	--red: #AA2226;
	--lightred: #DF2E36;
	--yellow: #FED51F;
}

/* ------------------------------------------------------------------------- CLASSES */
/* ------------------------------------------------------------------------- CLASSES */

	.flex {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		justify-content: space-between;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}
	.flex-column {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: flex-start;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.flex-center {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
	}

	.hidden-br {
		display: none;
	}
	.table-container {
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.red-color {
		color: var(--red);
	}

/* ------------------------------------------------------------------------- BASE */
/* ------------------------------------------------------------------------- BASE */

	* {
		margin: 0;
		padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html {
		min-width: 360px;
		width: 100%;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	  overflow-x: hidden;
	}
	body {
		width: 100%;
		max-width: 1920px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
		font-family: Roboto, Arial, sans-serif;
		font-size: 18px;
		line-height: 1.3;
		font-weight: normal;
		font-style: normal;
		color: var(--font-color);
		background-color: var(--white);
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	  overflow-x: hidden;
	}
	.site-container {
		min-height: 100vh;
		width: 100%;
	}
	.custom-container {
		padding: 0 20px;
		width: 100%;
	}
	.custom-wrapper {
		width: 100%;
		max-width: 1190px;
		margin: 0 auto;
	}
	main {
		flex-grow: 2;
	}

	h1, .h1 {}
	h2, .h2 {}
	h3, .h3 {}
	h4, .h4 {}
	h2.flag {
		clip-path: polygon(34px 0, 100% 0, calc(100% - 34px) 100%, 0 100%);
		color: var(--white);
		background: var(--red);
		font-size: 30px;
		padding: 0 40px;
		line-height: 50px;
		font-weight: 400;
		text-align: center;
		-ms-align-self: center;
		align-self: center;
	}
	p, h1, h2, h3, h4, h5, li, span {
		cursor: default;
	}
	a p, a h1, a h2, a h3, a h4, a h5, a li, a span,
	button * {
		cursor: pointer;
	}
	a {
		text-decoration: none;
		color: var(--black);
		cursor: pointer;
	}
	rect, circle, path {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	/* ---------------------------------- buttons */
		button {
			cursor: pointer;
			border: none;
			background: none;
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
			font: unset;
			font-family: Roboto, Arial, sans-serif;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		.custom-button {
			padding: 8px 20px;
			background-color: var(--red);
			color: var(--white);
			transition: background-color .3s;
			min-height: 45px;
			text-align: center;
			font-size: 15px;
			outline: none;
		}
		.custom-button:hover,
		a.custom-button:hover {
			background-color: var(--lightred);
			color: var(--white);
			text-decoration:none;
		}

	/* ----------------------------------------- inputs */
		input[type="text"],
		input[type="email"],
		input[type="password"],
		input[type="submit"],
		input[type="tel"],
		input[type="search"],
		textarea {
			font: unset;
			font-family: Roboto, Arial, sans-serif;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			background-color: transparent;
		}
		.custom-inputs {
			width: 100%;
		}
		.inputs-row {
			width: 100%;
		}
		.custom-inputs input[type="text"],
		.custom-inputs input[type="tel"],
		.custom-inputs input[type="email"], 
		.custom-inputs input[type="password"],
		.custom-inputs textarea {
			background-color: transparent;
			color: var(--font-color);
			border: none;
			width: 100%;
			height: 45px;
			z-index: 2;
			position: relative;
			padding: 0 10px;
			font-size: 1em;
			display: inline-block;
			outline: none;
		}
		.custom-inputs textarea {
			height: 45px;
			padding-top: 15px;
			display: block;
			outline: none;
		}
		.input-wrapper {
			width: 100%;
			position: relative;
			background-color: var(--white);
			border-bottom: 2px solid var(--black);
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
			margin-bottom: 10px;
		}
		.inputs-row .input-wrapper {
			width: calc(50% - 10px);
		}
		.input-wrapper.empty-input {
			border-color: var(--lightred);
		}
		.input-wrapper span {
			position: absolute;
			z-index: 1;
			line-height: 45px;
			top: 0;
			left: 0;
			width: 100%;
			padding: 0 10px;
			display: block;
			color: var(--darkgray);
			font-size: 1em;
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}
		.input-wrapper.empty-input span {
			color: var(--red);
		}
		.input-wrapper input:focus + span,
		.input-wrapper textarea:focus + span,
		.input-wrapper.not-empty-input span {
			color: transparent!important;
		}
		.input-wrapper span:before {
		}
		.input-wrapper.empty-input span:before {
		}
		.input-wrapper input:focus + span:before {
		}
		.input-wrapper span:after {
		}
		.input-wrapper.empty-input span:after {
		}
		.input-wrapper input:focus + span:after {
		}
		input:-webkit-autofill,
		input:-webkit-autofill:hover,
		input:-webkit-autofill:focus,
		input:-webkit-autofill:active {
		    transition: background-color 5000s ease-in-out 0s;
		}

/* ------------------------------------------------------------------------- POPUP */
/* ------------------------------------------------------------------------- POPUP */

	.custom-overlay {
		position: fixed;
		top: 0; bottom: 0;
		left: 0; right: 0;
		background-color: var(--black);
		opacity: 0;
		visibility: hidden;
		z-index: 99;
		-webkit-transition: opacity .7s, visibility 0s .7s;
		-o-transition: opacity .7s, visibility 0s .7s;
		transition: opacity .7s, visibility 0s .7s;
	}
	.custom-overlay.custom-show{
		opacity: 0.7!important;
		visibility: visible;
		-webkit-transition: opacity .7s, visibility 0s 0s;
		-o-transition: opacity .7s, visibility 0s 0s;
		transition: opacity .7s, visibility 0s 0s;
	}
	.custom-popup {
		height: 95vh;
		width: 95vw;
		max-width: 320px;
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		background-color: var(--white);
		-webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.7);
		box-shadow: 0 0 20px 2px rgba(0,0,0,0.7);
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(-60px);
		-ms-transform: translateY(-60px);
		-o-transform: translateY(-60px);
		transform: translateY(-60px);
		-webkit-transition: opacity .7s, transform .7s, visibility 0s .7s;
		-o-transition: opacity .7s, transform .7s, visibility 0s .7s;
		transition: opacity .7s, transform .7s, visibility 0s .7s;
	}
	.custom-popup.custom-show {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition: opacity .7s, transform .7s, visibility 0s 0s;
		-o-transition: opacity .7s, transform .7s, visibility 0s 0s;
		transition: opacity .7s, transform .7s, visibility 0s 0s;
	}
	
	.close-custom-popup {
		cursor: pointer;
		height: 19px;
		width: 19px;
		position: absolute;
		top: 0;
		right: -30px;
		display: block;
		background-color: transparent;
	}
	.close-custom-popup:after, .close-custom-popup:before {
		content: '';
		background-color: var(--gray);
		height: 3px;
		width: 100%;
		position: absolute;
		top: 7.5px;
		left: 0;
		-webkit-transition: background-color .3s;
		-o-transition: background-color .3s;
		transition: background-color .3s;
	}
	.close-custom-popup:hover:after, .close-custom-popup:hover:before {
		background-color: var(--lightred);
	}
	.close-custom-popup:after {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.close-custom-popup:before {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.custom-popup-container {
		max-height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.custom-popup-title {
		font-size: 23px;
		max-width: 90%;
		margin: 35px auto 25px;
		-ms-align-self: center;
		align-self: center;
		text-align: center;
	}
	.custom-popup form,
	.popup-content {
		-ms-align-items: center;
		align-items: center;
		padding: 0 15px 25px;
	}
	.form-message {
		font-weight: normal;
		margin: 0;
		text-align: center;
		margin-bottom: 25px;
	}
	p.agreement {
		line-height: 1.1em;
		text-align: center;
		font-size: 12px;
		margin-top: 10px;
	}
	p.agreement a {
		border-bottom: 1px solid;
		display: inline-block;
		transition: color .3s;
	}
	p.agreement a:hover {
		color: var(--red);
	}

	#thank-you-popup  {
		max-height: 200px;
		max-width: 330px;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	#thank-you-popup2  {
		max-height: 200px;
		max-width: 330px;
		justify-content: center;
		align-items: center;
		text-align: center;
padding:5px;
	}

	/*----------------------------------- basket-popup */
		.popup-window-overlay {
			position: fixed!important;
			top: 0!important; bottom: 0!important;
			left: 0!important; right: 0!important;
			background-color: #000!important;
			z-index: 999!important;
			display: block!important;
			opacity: 0!important;
			visibility: hidden;
			-webkit-transition: opacity .7s, visibility 0s .7s;
			-o-transition: opacity .7s, visibility 0s .7s;
			transition: opacity .7s, visibility 0s .7s;
		}
		.popup-window-overlay.custom-show {
			opacity: 0.7!important;
			visibility: visible;
			-webkit-transition: opacity .7s, visibility 0s 0s;
			-o-transition: opacity .7s, visibility 0s 0s;
			transition: opacity .7s, visibility 0s 0s;
		}
		.custom-bx-popup {
			max-width: 320px!important;
			height: 95vh!important;
			width: 95vw!important;
			position: fixed!important;
			z-index: 1000!important;
			top: 0!important;
			left: 0!important;
			right: 0!important;
			bottom: 0!important;
			margin: auto!important;
			display: block!important;
			background-color:var(--white)!important;
			-webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.7)!important;
			box-shadow: 0 0 20px 2px rgba(0,0,0,0.7)!important;
			opacity: 0;
			visibility: hidden;
			-webkit-transform: translateY(-60px);
			-ms-transform: translateY(-60px);
			-o-transform: translateY(-60px);
			transform: translateY(-60px);
			-webkit-transition: opacity .7s, transform .7s, visibility 0s .7s;
			-o-transition: opacity .7s, transform .7s, visibility 0s .7s;
			transition: opacity .7s, transform .7s, visibility 0s .7s;
			font: unset!important;
			padding: 0!important;
		}
		.custom-bx-popup.custom-show {
			opacity: 1;
			visibility: visible;
			-webkit-transform: translateY(0px);
			-ms-transform: translateY(0px);
			-o-transform: translateY(0px);
			transform: translateY(0px);
			-webkit-transition: opacity .7s, transform .7s, visibility 0s 0s;
			-o-transition: opacity .7s, transform .7s, visibility 0s 0s;
			transition: opacity .7s, transform .7s, visibility 0s 0s;
		}
		.custom-popup-container {
			max-height: 100%;
			overflow-x: hidden;
			overflow-y: auto;
		}
		.popup-window-titlebar-close-icon {
			cursor: pointer;
			height: 19px;
			width: 19px;
			position: absolute;
			top: 0;
			right: -30px;
			display: block;
			background-color: transparent;
			opacity: 1;
		}
		.popup-window-titlebar-close-icon:after, .popup-window-titlebar-close-icon:before {
			content: '';
			background-color: #999;
			height: 3px;
			width: 19px;
			position: absolute;
			top: 7.5px;
			left: 0;
			-webkit-transition: background-color .4s;
			-o-transition: background-color .4s;
			transition: background-color .4s;
			background-image: none;
		}
		.popup-window-titlebar-close-icon:hover:after, .popup-window-titlebar-close-icon:hover:before {
			background-color: var(--red);
		}
		.popup-window-titlebar-close-icon:after {
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		.popup-window-titlebar-close-icon:before{
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.popup-window-titlebar {
			height: auto;
		}
		.bx-catalog-popup-content {
			width: 100%;
			max-width: 100%;
		}
		.bx-catalog-popup-message {
			font-weight: normal;
			margin: 0;
			text-align: center;
		}
		.popup-window-with-titlebar .popup-window-content,
		.popup-window-titlebar-text, .popup-window-titlebar-text-version {
			color: var(--font-color);
			display: block;
			font-size: 18px;
			font-weight: bold;
			max-width: 100%;
			line-height: 1em;
			padding: 20px 10px;
			overflow: hidden;
			text-overflow: unset;
			white-space: unset;
			width: 100%;
			text-align: center;
		}
		.popup-window-with-titlebar .popup-window-content {
			padding-top: 0;
		}
		.popup-window-with-titlebar .popup-window-content img {
			margin-bottom: 10px;
		}
		.popup-window-buttons {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			text-align: center;
			-ms-align-items: center;
			align-items: center;
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			padding: 0 10px 10px;
			position: relative;
		}
		.popup-window-buttons .custom-button {
			font-size: 14px;
			line-height: 18px;
		}

/* ------------------------------------------------------------------------- CUSTOM-SLIDER */
/* ------------------------------------------------------------------------- CUSTOM-SLIDER */
	
	.custom-slider {
		width: 100%;
	}
	.custom-slider-view {
		position: relative;
		z-index: 1;
		width: 100%;
	}
	.custom-slides-container {
		width: 100%;
		-ms-align-items: stretch;
		align-items: stretch;
		position: relative;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.custom-slides-container.no-shifting {
		transition: left .2s ease-out;
	}
	.custom-slide {
		width: 25%;
		min-width: 25%;
		max-width: 25%;
		transition: all 1s;
		opacity: 0;
		visibility: hidden;
		transition: opacity .3s 0s, visibility 0s .3s;
	}
	.active-custom-slide {
		opacity: 1;
		visibility: visible;
		transition: opacity .3s 0s, visibility 0s 0s;
	}

	.custom-slider-arrow {
		width: 50px;
		height: 50px;
		background-color: rgba(255,255,255,0.5);
		border-radius: 50%;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-background-size: auto;
		background-size: auto;
		cursor: pointer;
		border: 2px solid var(--red);
		position: absolute;
		top: 50%;
		z-index: 2;
		transform: translateY(-50%);
		outline: none;
		transition: all .3s;
	}
	.custom-slider-arrow:hover {
		border-color: var(--lightred);
		background-color: var(--white);
	}
	.custom-slider-arrow:active {
		background-color: var(--gray);
		transition: all .1s;
	}
	.custom-prev {
		left: -25px;
		background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAYAAACgR9dcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACbSURBVHgBlZKxDUIhEIYPlYTSjtA5ggEKttEVnEDfBm6gKziCG7wNjBV2vp4C/ys05lV3X3IcV3wcRyCaUUrZkJDFf5FS2rXWHlugkllEuhpjhhGQFBYRPed8IgXm25HDWjtIRefcxPIb+zXpmVa99wPmvGg7/4gx7nlm5KPGW/JSax1DCE/c4IzM9V0szw/w3t9egLTgf4gf7wOuGzIj6rUPfgAAAABJRU5ErkJggg==");
	}
	.custom-next {
		right: -25px;
		background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAYAAACgR9dcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBnZFBCsMgEEUnNguXWeumvUFRBJfepLlCT9AeIUfqDUpP0Kw0VxCRZAIJhJCFkwfiKLw/MANQiHOu2f9dCjwwxtxjjH8hRB9C+JFk7/0gpayw7LYBRfIS8NkHVNbaKxBIKb3xeuBpa3x8sWiATlfnnG+c82J57cwYewIFpdRLaz3i9FuKd16c93xKXDnaygR+jTjN/QfWEwAAAABJRU5ErkJggg==");
	}

/* ------------------------------------------------------------------------- TAB-PANELS */
/* ------------------------------------------------------------------------- TAB-PANELS */

	.custom-panels {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.custom-panel {
		position: absolute;
		visibility: hidden;
		opacity: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		overflow: hidden;
		-webkit-transition: opacity .3s 0s, visibility 0s .3s;
		-o-transition: opacity .3s 0s, visibility 0s .3s;
		transition: opacity .3s 0s, visibility 0s .3s;
	}
	.active-custom-panel {
		position: relative;
		z-index: 2;
		visibility: visible;
		opacity: 1;
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		-o-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s;
	}

/* ------------------------------------------------------------------------- HEADER */
/* ------------------------------------------------------------------------- HEADER */
	
	.custom-header {
		position: relative;
		z-index: 2;
	}
	/* ---------------------------------- header-top */
		.header-top {
			background-color: var(--red);
			font-size: 17px;
			font-weight: 600;
			line-height: 20px;
			padding-top: 15px;
			padding-bottom: 15px;
			text-align: center;
			color: var(--white);
		}

	/* ---------------------------------- header-middle */
		.header-middle {
			padding-top: 25px;
			padding-bottom: 25px;
			background-color: var(--white);
			position: relative;
			z-index: 2;
		}
		.logo {
			-ms-align-items: center;
			align-items: center;
			font-size: 19px;
			font-weight: 500;
		}
		.header-middle-wrapper {
			-ms-align-items: center;
			align-items: center;
		}
		.header-address,
		.header-phones {
			-ms-align-self: stretch;
			align-self: stretch;
			justify-content: space-between;
			-ms-align-items: flex-start;
			align-items: flex-start;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.header-address p,
		.header-phones p {
			font-weight: 500;
			font-size: 18px;
		}
		.header-address .custom-button,
		.header-phones .custom-button {
			margin-top: 25px;
			flex-grow: 2;
			max-height: 56px;
		}
		.basket-container {
			position: relative;
			z-index: 2;
			padding: 10px 0;
		}
		.basket-link {
			position: relative;
		}
		.basket-count-description {
			position: absolute;
			z-index: 2;
			top: -5px;
			left: 20px;
			height: 18px;
			min-width: 18px;
			font-size: 12px;
			line-height: 18px;
			color: var(--white);
			background-color: var(--black);
			border-radius: 9px;
			text-align: center;
			padding-left: 3px;
			padding-right: 3px;
		}
		.basket-total-price {
			margin-left: 15px;
			font-size: 18px;
			font-weight: bold;
		}
		.bx-basket-item-list {
			position: absolute;
			top: 100%;
			right: 0;
			background-color: var(--white);
			min-width: 360px;
			border-radius: 3px;
			border: 1px solid var(--black);
			max-height: 280px;
			overflow-y: auto;
			transition: opacity .3s 0s, visibility 0s .3s;
			opacity: 0;
			visibility: hidden;
		}
		.basket-container:hover .bx-basket-item-list {
			transition: opacity .3s 0s, visibility 0s 0s;
			opacity: 1;
			visibility: visible;
		}
		.bx-basket-item-list-button-container {
			-webkit-order: 2;
			-moz-order: 2;
			-ms-order: 2;
			-o-order: 2;
			order: 2;
			padding: 15px 10px!important;
			position: static!important;
			width: 100%!important;
		}

	/* ---------------------------------- header-bottom */
		.header-bottom {
			padding-top: 40px;
			position: relative;
			z-index: 1;
		}
		.header-bottom-wrapper {
			height: 42px;
			position: relative;
		}

		.header-catalog-container {
			margin-right: 20px;
			min-width: 300px;
			height: 100%;
		}
		.header-catalog-root {
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAwSURBVHjaYmRgYPjPQEXAxEBlwEipAf///6etCwe/gYyjsTway4PAhQAAAAD//wMAOdkJDxTP/9AAAAAASUVORK5CYII=');
			-webkit-background-size: 20px 14px;
			background-size: 20px 14px;
			background-position: 15px center;
			background-repeat: no-repeat;
			padding-left: 45px;
			padding-right: 15px;
			border-radius: 3px;
			border: 1px solid var(--black);
			height: 100%;
			width: 100%;
			background-color: var(--white);
			text-align: left;
			justify-content: flex-start;
		}
		.header-catalog-wrapper {
			position: absolute;
			top: 100%;
			left: 0;
			padding-top: 10px;
			visibility: hidden;
			opacity: 0;
			transition: opacity .3s 0s, visibility 0s .3s;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			-ms-align-items: flex-start;
			align-items: flex-start;
			justify-content: flex-start;
		}
		.header-catalog-container:hover .header-catalog-wrapper {
			opacity: 1;
			visibility: visible;
			transition: opacity .3s 0s, visibility 0s 0s;
		}
		ul.header-catalog {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			-ms-align-items: stretch;
			align-items: stretch;
			list-style: none;
			border-radius: 3px;
			border: 1px solid var(--black);
			background-color: var(--white);
			width: auto;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		ul.header-catalog>li {
			position: relative;
			width: auto;
			max-width: 300px;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			justify-content: flex-start;
			-ms-align-items: stretch;
			align-items: stretch;
		}
		ul.header-catalog>li:after {
			content: '';
			position: absolute;
			top: 0;
			right: -10px;
			width: 10px;
			height: 100%;
		}
		ul.header-catalog>li a {
			display: flex;
			justify-content: flex-start;
			-ms-align-items: center;
			align-items: center;
			width: 300px;
			position: relative;
			background-position: 10px center;
			-webkit-background-size: auto 22px;
			background-size: auto 22px;
			background-repeat: no-repeat;
			padding-left: 50px;
			padding-right: 20px;
			padding-top: 6px;
			padding-bottom: 6px;
			font-size: 14px;
			font-weight: 300;
			height: 42px;
			transition: all .3s;
			font-weight: 500;
		}
		ul.header-catalog>li a:hover {
			color: var(--red);
			background-color: var(--gray);
		}
		.header-catalog-child {
			padding-top: 10px;
			padding-bottom: 10px;
			position: absolute;
			top: -11px;
			right: -10px;
			transform: translateX(100%);
			border-radius: 3px;
			border: 1px solid var(--black);
			background-color: var(--white);
			visibility: hidden;
			opacity: 0;
			transition: opacity .3s 0s, visibility 0s .3s;
			width: 880px;
		}
		.header-catalog-child.column-1 {
			width: calc(880px / 3);
		}
		.header-catalog-child.column-2 {
			width: calc((880px / 3) * 2);
		}
		ul.header-catalog>li:hover .header-catalog-child {
			opacity: 1;
			visibility: visible;
			transition: opacity .3s 0s, visibility 0s 0s;
		}
		ul.header-catalog>li ul {
			list-style: none;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			align-content: flex-start;
			-ms-align-items: stretch;
			align-items: stretch;
			justify-content: flex-start;
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			height: auto; 
			max-height: 410px;
			width: 100%;
		}
		.header-catalog-child li {
			width: calc(100% / 3)!important;
		}
		.header-catalog-child.column-1 li {
			width: 100%!important;
		}
		.header-catalog-child.column-2 li {
			width: 50%!important;
		}
		ul.header-catalog>li ul a {
			width: 100%;
		}

		.search-form {
			position: relative;
			overflow: hidden;
			height: 100%;
			flex-grow: 2;
		}
		.search-form .search-input {
			width: 100%;
			height: 100%;
			position: relative;
			z-index: 1;
			border-radius: 3px;
			border: 1px solid var(--black);
			transition: border-color .2s;
			padding-left: 15px;
			padding-right: 42px;
			background-color: var(--white);
		}
		.search-form .search-input:focus {
			outline: none;
			border-color: var(--lightred);
		}
		.search-form .search-submit-input,
		.search-form .search-submit-button {
			position: absolute;
			z-index: 3;
			width: 42px;
			height: 100%;
			top: 0;
			right: 0;
			font-size: 0;
			cursor: pointer;
			border: none;
			outline: none;
		}
		.search-form .search-submit-button {
			z-index: 2;
			background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAJuSURBVHjanNVdiFVlFMbx3zmcKUmdEsvCQJFMRLCgoEgMwxv7JLqVuijFTyRoRRBZEcMgU6xuEuomCLrpoovqJkuQoAjTJIjJCsykGPoyB8ayL5vTzRo47mZGPQs2G/Z+3/+79lrPenar2+2aKTJzADfjAazEHxjHWczDVZjAu9gXEb9M7W3NBM7M+diEe/AhDqOLFgbwN/7Fojr4LF6IiCMzgjNzLp7F9RjBMqzHIH4t4CAuwyjew91Yiycj4pOZwE/gNjyFB6sMb2B/RIz3rLupvuoMduNR3IHt/wNn5i0Yqut+XI3HIuLkLL1Yip/xJ97E6DngzGzjeZyshfdhR0T84AIjM9dguN14vhQL8CVux+sXA4WI+BijTfCKqtcgJnFUf/FBE7ygZLQIp/F7n+ATTXCr7u3SbLdP8GQTPF7iP4W5VZJ+4tom+FvMqSEYqMHoJ9ZOp+PEWDXvBjwdEWPnkVgLV1ZCq5Htada9g1vxadV4W2YOzgLt4E4MlwVswuHpwB/hJ2zFK+Vgq2ZJ+Do8jINYV/BX243TL615P47fsAUvRcTBWcA/1vi3sBEZEceaI70Zj2BXRBzJzBEswfv4DCcwERGTlcQ1WI67cCP2RMSBc2wzM9dhD0Yi4u2ew3bi3jL0sZLkP5iPxVWqo9gbEd9N7evU5mVlkW81oMury8/giqrf4tL4BA7gUER83axPJzMX1sbvsbcHejlexDf4PCL+wv4LFXIHj5c3bI6IMz3vnqsGDhX0oqJd9vhyrz1m5rYqwXBEnOpn9Nq4pCQzBd2Ah0o2X/Q50jr4Crszc6iy3ILX6gfZd/w3AHMb52YbSdDdAAAAAElFTkSuQmCC') center/auto no-repeat;
			-webkit-background-clip: padding-box;
			-moz-background-clip: padding-box;
			background-clip: padding-box;
			opacity: 1;
			transition: opacity .2s;
		}
		.search-form .search-submit-input:hover + .search-submit-button {
			opacity: 0.8;
		}

/* ------------------------------------------------------------------------- NAV */
/* ------------------------------------------------------------------------- NAV */

	.custom-nav-container {
		background-color: var(--red);
		min-height: 50px;
	}
	.custom-nav-container a {
		color: var(--white);
		font-weight: 500;
		transition: border-color .3s;
		border: 2px solid transparent;
		padding: 4px 10px;
	}
	.custom-nav-container a:hover,
	.custom-nav-container .selected>a {
		border-bottom-color: var(--white);
		border-top-color: var(--white);
	}
	.custom-nav-wrapper {
		max-width: 1000px;
	}
	/* ---------------------------------- hamburger */
		.hamburger {
			-ms-align-items: center;
			align-items: center;
			justify-content: center;
			height: 40px;
			width: 25px;
			display: none;
			outline: none;
		}
		.hamburger-line {
			background-color: var(--white);
			position: relative;
			width: 23px;
			height: 4px;
			border-radius: 2px;
			display: block;
			-webkit-transition: background-color .2s;
			-o-transition: background-color .2s;
			transition: background-color .2s;
			cursor: pointer;
		}
		.hamburger-line:before,
		.hamburger-line:after {
			content: '';
			position: absolute;
			left: 0;
			background-color: var(--white);
			height: 4px;
			border-radius: 2px;
			-webkit-transform-origin: center;
			-moz-transform-origin: center;
			-ms-transform-origin: center;
			-o-transform-origin: center;
			transform-origin: center;
			-webkit-transition: background-color .2s 0s, top .2s .3s, bottom .2s .3s, transform .3s 0s, width .2s .3s;
			-o-transition: background-color .2s 0s, top .2s .3s, bottom .2s .3s, transform .3s 0s, width .2s .3s;
			transition: background-color .2s 0s, top .2s .3s, bottom .2s .3s, transform .3s 0s, width .2s .3s;
			cursor: pointer;
		}
		.hamburger-line:before {
			top: -6px;
			width: 21px;
		}
		.hamburger-line:after {
			bottom: -6px;
			width: 25px;
		}
		.hamburger:hover .hamburger-line,
		.hamburger:hover .hamburger-line:before,
		.hamburger:hover .hamburger-line:after,
		.hamburger:focus .hamburger-line,
		.hamburger:focus .hamburger-line:before,
		.hamburger:focus .hamburger-line:after {
			background-color: var(--gray);
		}
		.menu-is-open .hamburger-line {
			background-color: transparent!important;
		}
		.menu-is-open .hamburger-line:before {
			width: 25px;
			top: 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			-webkit-transition: background-color .2s 0s, top .2s 0s, bottom .2s 0s, transform .3s .2s, width .2s 0s;
			-o-transition: background-color .2s 0s, top .2s 0s, bottom .2s 0s, transform .3s .2s, width .2s 0s;
			transition: background-color .2s 0s, top .2s 0s, bottom .2s 0s, transform .3s .2s, width .2s 0s;
		}
		.menu-is-open .hamburger-line:after {
			width: 25px;
			bottom: 0;
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
			-webkit-transition: background-color .2s 0s, top .2s 0s, bottom .2s 0s, transform .3s .2s;
			-o-transition: background-color .2s 0s, top .2s 0s, bottom .2s 0s, transform .3s .2s;
			transition: background-color .2s 0s, top .2s 0s, bottom .2s 0s, transform .3s .2s;
		}

	/* ---------------------------------- topmenu */
		ul.top-menu {
			width: 100%;
			list-style: none;
			-ms-align-items: center;
			align-items: center;
		}

/* ------------------------------------------------------------------------- MAIN */
/* ------------------------------------------------------------------------- MAIN */
	
	/* ---------------------------------- main-banner */
		.main-banner {
			min-height: 790px;
			max-height: 1080px;
			height: 100vh;
			position: relative;
			z-index: 1;
			width: 100%;
			margin-top: -83px;
			margin-bottom: 40px;
		}
		.main-banner-panel {
			background-position: center top;
			-webkit-background-size: cover;
			background-size: cover;
		-webkit-transition: opacity .6s 0s, visibility 0s .6s;
		-o-transition: opacity .6s 0s, visibility 0s .6s;
		transition: opacity .6s 0s, visibility 0s .6s;
		}
		.main-banner-panel.active-custom-panel {
			-webkit-transition: opacity .6s 0s, visibility 0s 0s;
			-o-transition: opacity .6s 0s, visibility 0s 0s;
			transition: opacity .6s 0s, visibility 0s 0s;
		}
		.main-banner-panels {
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		.main-banner-container {
			position: relative;
			z-index: 2;
			width: 100%;
			height: 100%;
			padding-top: 170px;
		}
		.main-banner-wrapper {
			height: 100%;
			justify-content: flex-start;
			align-items: center;
			text-align: center;
		}
		.main-banner-header {
	    font-weight: 300;
	    font-size: 40px;
	    color: var(--black);
		}
		.main-banner-subheader {
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.main-banner-container ul {
			list-style: none;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			max-width: 640px;
			width: 100%;
			-ms-align-items: flex-start;
			align-items: flex-start;
			justify-content: flex-start;
		}
		.main-banner-container li {
			width: 50%;
			padding: 10px 30px;
			text-align: left;
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHKSURBVHjadJI/aBNhGMZ/vVBitQ6pLfaPl7QSODBkaAOCuAgugg7ikEHQQXCoqGjRQXRyKqJUK7Qi6CQxvQjWuqjgEFHUlNYW/3FQifEoBeMZTbVpromvS3PeRX2mj/d9nu/9+H1vA3XSVS0G7Ae2ASXgKXAjbhqf3L4GVyAMDASikf7g3j1s6OulWl7mS2aK7NgdluYXrsRN40T9lDZd1UaM6zflX6ratkyePiu6qo3UBy+/uTTsMZe/FaRSKnlqzw4fFV3VBmqh9om+7VK1bRERsYtFSR86KMlwSJLhkEyeOyO/KhUREVnM5iTVvUV0VfMpwO6OnTtQGhsBeD10kYUnaec1H5IJ5hK3AGjuDhKIRgBiChBc29nhGD9nXtaDJu+qrVM3AfQowPeVxR9OY30o9FewaWO7cy5bXwHyCpDOv8g4jejJU/hbWv5c1LOZyLHjAFR+LmFNzwA8rwG6N//osYfox4lxMR8+8JB9NzwquqpdcH/HrvHoVrFezcr/lLt7v0a0C8AHkCpac/v8zbns7VSnXSh0+QMB1rS1Ui0tY03PMHt+kPdXryUQORI3jbeelVud7AP6gQNAbHVXp4DRuGmMub2/BwCTGRn8E1V6bgAAAABJRU5ErkJggg==');
			background-position: left 17px;
			-webkit-background-size: auto;
			background-size: auto;
			background-repeat: no-repeat;
			font-weight: 300;
			font-size: 20px;
		}
		.main-text-container {
			margin-bottom: 80px;
		}
	
	/* ---------------------------------- products-slider */
		.products-slider-container {
			background: url('/images/bg-slider.jpg') center/cover no-repeat;
			padding-top: 40px;
			padding-bottom: 40px;
			margin-bottom: 40px;
		}
		.products-slider-container h2 {
			margin-bottom: 20px;
		}
		.products-slider {
			position: relative;
		}
		.product-item.custom-slide {
			margin-right: 10px!important;
		}

	/* ---------------------------------- advantages */
		.advantages-container {
			padding-top: 40px;
			padding-bottom: 40px;
			background: url('/images/bg-advantages.jpg') center/cover;
		}
		.advantages-container h2 {
			color: var(--white);
			text-align: center;
			margin-bottom: 30px;
			text-align: center;
			font-size: 30px;
			font-weight: 500;
			margin: 20px auto;
		}
		.advantages {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-align-items: stretch;
			align-items: stretch;
		}
		.advantage {
			width: 50%;
			padding: 20px 15px;
			color: var(--white);
			font-weight: 300;
    	font-size: 20px;
    	justify-content: flex-start;
		}
		.advantage img {
			margin-right: 15px;
			height: 100px;
			width: 100px;
			object-fit: contain;
			object-position: center;
		}
		.advantage p {
			max-width: 350px;
		}

	/* ---------------------------------- main-form */
		.main-form-container {
			background: url('/images/bg-main-form.jpg') center/1920px auto no-repeat;
			padding-top: 50px;
			padding-bottom: 50px;
		}
		.main-form-container .subheader {
			text-align: center;
			font-size: 30px;
			font-weight: 500;
			margin: 30px auto;
		}
		.main-form-wrapper {
			-ms-align-items: center;
			align-items: center;
		}
		.main-form {
			max-width: 600px;
			width: 100%;
			margin: 0 auto;
		}
		.main-form .custom-button {
			-ms-align-self: center;
			align-self: center;
			width: 100%;
			max-width: 380px;
		}
		.main-form .input-wrapper {
			margin-bottom: 20px;
		}
		.main-form-text {
			width: 100%;
			margin-top: 40px;
			border-top: 2px solid;
			padding-top: 40px;
			padding-bottom: 40px;
			border-bottom: 2px solid;
		}
		.main-form-text h2 {
			text-align: center;
			font-size: 30px;
			font-weight: 500;
			margin-bottom: 30px;
		}

/* ------------------------------------------------------------------------- CATALOG */
/* ------------------------------------------------------------------------- CATALOG */
	
	.catalog-container {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.catalog-header {
		font-size: 26px;
		font-weight: 500;
		margin-bottom: 20px;
		color: #737373;
	}
	.catalog-top {
		border-top: 1px solid var(--darkgray);
		border-bottom: 1px solid var(--darkgray);
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 20px;
		-ms-align-items: center;
		align-items: center;
	}
	.product-items {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-align-items: stretch;
		align-items: stretch;
		justify-content: flex-start;
	}
	.catalog-bottom {
		margin-top: 20px;
		border-top: 1px solid var(--darkgray);
		border-bottom: 1px solid var(--darkgray);
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 20px;
		justify-content: flex-end;
	}

	/* ---------------------------------- main-categories */
		.main-categories-container {
			margin-bottom: 30px;
		}
		.main-categories-inner {
			text-align: center;
			width: calc(50% - 5px);
		}
		.main-categories-inner h2 {
			font-size: 25px;
			font-weight: 500;
			margin-bottom: 20px;
			width: 100%;
		}
		.main-categories {
			-ms-align-items: stretch;
			align-items: stretch;
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			justify-content: flex-start;
		}
		.main-category {
			width: calc((100% - 20px) / 3);
			border: 1px solid var(--red);
			background-color: var(--red);
			margin-bottom: 10px;
			transition: background-color .3s;
			margin-right: 10px;
		}
		.main-category:nth-of-type(3n) {
			margin-right: 0;
		}
		.main-category:hover {
			background-color: var(--lightred);
		}
		.main-category img {
			width: 100%;
			height: 140px;
			object-fit: cover;
			object-position: center;
		}
		.main-category h3 {
			font-size: 14px;
			line-height: 16px;
			font-weight: 300;
			color: var(--white);
			height: 50px;
			padding: 5px 8px;
		}

	/* ---------------------------------- product-item */
		.product-item {
			margin-right: 10px;
			margin-bottom: 10px;
			width: calc((100% - 30px) / 4);
			min-width: calc((100% - 30px) / 4);
			background-color: var(--white);
			border: 1px solid;
			padding: 10px;
			padding-top: 0;
		}
		.product-item:nth-of-type(4n) {
			margin-right: 0;
		}
		.product-item-title {
			width: 100%;
			text-align: center;
			padding-top: 20px;
			padding-bottom: 20px;
			border-bottom: 1px solid;
			margin-bottom: 10px;
			font-size: 16px;
			font-weight: 300;
		}
		.product-item-title a {
			transition: color .3s;
		}
		.product-item-title a:hover {
			color: var(--lightred);
		}
		.product-item-image {
			width: 100%;
			padding-bottom: 100%;
			-webkit-background-size: contain;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
			margin-bottom: 10px;
		}
		.product-item-price-container {
		    margin-top: auto;
			margin-bottom: 10px;
			-ms-align-items: center;
			align-items: center;
			text-align: center;
			justify-content: center;
			font-weight: 500;
			font-size: 24px;
		}
		.quantity-input {
			height: 38px;
			border: 1px solid;
			text-align: center;
			min-width: 76px;
			width: 76px;
		}
		.quantity-buttons {
			-ms-align-items: stretch;
			align-items: stretch;
			justify-content: center;
			margin-left: 6px;
			margin-right: 6px;
			min-width: 15px;
			-ms-align-self: stretch;
			align-self: stretch;
		}
		.quantity-button {
			cursor: pointer;
			height: 15px;
			width: 15px;
			display: block;
			-webkit-background-size: auto;
			background-size: auto;
			background-repeat: no-repeat;
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAOCAYAAAA45qw5AAABHUlEQVR42q3LQWqDUBAG4LmHByjkEmmKIAgpCCkpKak20qukzSpNY/cuK4G3F9fua88QyEoIeIC/M6BQ4kOIzwcfP/NmfgJAr2FosW92ZOhwrO8sAEZdClerG1YyXKFkI5MuvQTBgaEHZdKl5+XyzHAp2u8BQFJmnarp9lDR02IBnc/dDgAkZR4cPc7n0PnYbgFAUubB0cNshkbg++h4sq9v9bIs0/Z+i6J1S57n4T+lFESe59KRbP5k3ylNU+he8VO0bul+OoXO5n0jHcnWrqsTx3HLVxS1bsl1Xei8rdcAICnz4MhxnDPDpcAPkCSJpMw6VdPtoSLbthVDD8qkS5PJ3YiVDFcopWfSJQA0Ht9a7MBODB1O9Z0FwKj7B3ILc+uid4LMAAAAAElFTkSuQmCC');
		}
		.quantity-plus {
			background-position: left center;
			margin-bottom: 2px;
		}
		.quantity-minus {
			margin-top: 2px;
			background-position: right center;
		}
		.product-item-info-container {
			flex-grow: 2;
		}
		.product-item-button-container,
		.product-item-add-to-cart {
			width: 100%;
		}
		.product-item-add-to-cart {
			height: 38px;
			padding: 5px 10px;
			border: 1px solid var(--font-color);
			color: var(--font-color);
			transition: all .3s;
			font-size: 15px;
			font-weight: 500;
			text-align: center;
		}
		.product-item-add-to-cart:hover {
			color: var(--white);
			background-color: var(--lightred);
			border-color: var(--lightred);
		}
		.in-basket-span {
			display: none;
		}
		.in-basket-button span {
			display: none;
		}
		.in-basket-button .in-basket-span {
			display: inline-block;
		}
		.product-measure {
			margin-top: 8px;
			text-align: center;
			font-size: 14px;
		}
		
		.product-in-stock,
		.product-not-in-stock {
			font-size: 14px;
			line-height: 18px;
			-ms-align-self: center;
			align-self: center;
			-ms-align-items: center;
			align-items: center;
			margin-top: 8px;
		}
		.product-not-in-stock {
			color: var(--red);
		}
		.product-in-stock i {
			display: inline-block;
			vertical-align: middle;
			width: 13px;
			height: 18px;
			margin-right: 8px;
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADgSURBVHgBjVDBDYJAENw7iG8iFEAJWgIVICVYgfiQ8BN/BB9iJRgogBK0A/mrCW8jnLuIhCCJN4/L7e7NzcwykISbaNpEUc5057KkiarmAMyUJnmpcQABMwBR8Kqy/pK8zNiSOySURAidslC9VL/S8ImNGBt9wiabrlAhaIoKlmE759gE8oohcwxrdgqJvmCCx225jpzH6TtjPj6suZIDo5CiIMUmeLMppuGnu8i+B30HjI4hsR2ZQrDj3r65g5gf0i8RIeCCCnMYQbc9CslrtCZICW3WLwtkQYp+byFjeAMIMVklnzS99QAAAABJRU5ErkJggg==');
			-webkit-background-size: contain;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		}

	/* ---------------------------------------- sort & count */
		.sort-container,
		.count-container {
			-ms-align-items: flex-start;
			align-items: flex-start;
			height: 40px;
			position: relative;
			z-index: 1;
		}
		.sort-container {
			z-index: 2;
		}
		.sort-wrapper,
		.count-wrapper {
			width: 100%;
			-ms-align-items: flex-start;
			align-items: flex-start;
			position: relative;
			z-index: 2;
			padding-top: 5px;
			height: 45px;
			-webkit-transition: opacity .2s 0s, visibility 0s .2s;
			-moz-transition: opacity .2s 0s, visibility 0s .2s;
			-ms-transition: opacity .2s 0s, visibility 0s .2s;
			-o-transition: opacity .2s 0s, visibility 0s .2s;
			transition: opacity .2s 0s, visibility 0s .2s;
			visibility: hidden;
			opacity: 0;
			order: 2;
		}
		.sort-container a,
		.count-container a {
			padding: 0 15px;
			display: flex;
			-ms-align-items: center;
			align-items: center;
			justify-content: flex-start;
			text-align: left;
			height: 40px;
			line-height: 40px;
			background-color: var(--gray);
			width: 100%;
			transition: all .2s;
			color: var(--font-color);
			white-space: nowrap;
			border: 1px solid var(--font-color);
		}
		.sort-container a:hover,
		.count-container a:hover {
			background-color: var(--darkgray);
			color: var(--white);
		}
		.sort-container .active-sort,
		.count-container .active-count {
			opacity: 1;
			visibility: visible;
			order: 1;
			padding-top: 0;
			width: auto;
		}
		.sort-container .active-sort a,
		.count-container .active-count a {
			background-color: transparent;
			color: var(--font-color)!important;
			border: none;
		}
		.sort-container i,
		.count-container i {
			font-size: 15px;
			padding-top: 1px;
			display: inline-block;
		}
		.sort-inner:hover .sort-wrapper,
		.count-inner:hover .count-wrapper {
			visibility: visible;
			opacity: 1;
			-webkit-transition: opacity .2s 0s, visibility 0s 0s;
			-moz-transition: opacity .2s 0s, visibility 0s 0s;
			-ms-transition: opacity .2s 0s, visibility 0s 0s;
			-o-transition: opacity .2s 0s, visibility 0s 0s;
			transition: opacity .2s 0s, visibility 0s 0s;
		}
		.sort-inner .sort-button,
		.count-inner .count-button {
			position: relative;
			height: 40px;
			width: 30px;
			z-index: 3;
			background: none!important;
			outline: none;
		}
		.sort-inner .sort-button:after,
		.count-inner .count-button:after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			-webkit-transform: rotate(0);
			-ms-transform: rotate(0);
			-o-transform: rotate(0);
			transform: rotate(0);
			background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACKSURBVHgBjZCxCYAwEEVzKtaOYCnY6CaxE6uMlkrszAbiBoKNpaWlAwgxPyBYJCG/ucv9PPh3jBlxLgoWKd6LEpXQUE6LfnSnRrkFoUE0lNGsE90mapInIAxgRECdkvJOMTz27arqZoWBincAsqnSz/TBLsju6I1k4tsPDsgJ/mH0LigowFz4j/UC/ZpUFrgWU9EAAAAASUVORK5CYII=') center/auto no-repeat;
			-webkit-transition: transform .2s;
			-o-transition: transform .2s;
			transition: transform .2s;
			transform-origin: center;
		}
		.sort-inner:hover .sort-button:after,
		.count-inner:hover .count-button:after {
			-webkit-transition: transform .2s;
			-o-transition: transform .2s;
			transition: transform .2s;
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		.sort-inner p,
		.count-inner p {
			line-height: 40px;
			white-space: nowrap;
		}

	/* ---------------------------------------- categories */
		.categories {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-align-items: stretch;
			align-items: stretch;
			justify-content: flex-start;
			margin-bottom: 40px;
		}
		.category-item {
			width: calc((100% - 48px) / 4);
			text-align: center;
			-webkit-box-shadow: 0 0 4px #999;
			box-shadow: 0 0 4px #999;
			margin: 6px;
			padding: 10px;
			-ms-align-items: center;
			align-items: center;
		}
		.category-item img {
			max-width: 100%;
			height: auto;
		}
		.category-title {
			margin-top: 10px;
		}

/* ------------------------------------------------------------------------- PRODUCT-CARD */
/* ------------------------------------------------------------------------- PRODUCT-CARD */
	
	.catalog-container {
		position: relative;
		z-index: 1;
	}
	.main-pict-popup-is-open .catalog-container {
		z-index: 5;
	}
	.catalog-element {
		padding-bottom: 20px;
		border-bottom: 1px solid;
		margin-bottom: 40px;
	}
	.product-item-detail-slider-container {
		width: 50%;
		min-width: 50%;
		outline: 1px solid #ddd;
	}
	.product-item-detail-right {
		flex-grow: 2;
		padding-left: 40px;
	}
	.product-item-detail-slider-image img {
		cursor: crosshair;
	}
	.product-item-detail-price-current {
		font-weight: 500;
		font-size: 30px;
		margin-bottom: 20px;
	}
	.catalog-element-top .product-item-amount-field-container {
		position: relative;
	}
	.catalog-element-top .product-item-amount-description-container {
		position: absolute;
		top: 100%;
		left: 0;
		padding-top: 10px;
		white-space: nowrap;
	}
	.product-item-detail-pay-block {
		justify-content: flex-start;
	}
	.catalog-element-top .product-item-add-to-cart {
		color: var(--white);
		background-color: var(--lightred);
		border-color: var(--lightred);
		padding-left: 25px;
		padding-right: 25px;
	}
	.catalog-element-top .product-item-add-to-cart:hover {
		color: var(--black);
		background-color: var(--white);
		border-color: var(--black);
	}

	.product-item-detail-description {
		margin-top: 60px;
	}
	.store-amount-title {
		font-weight: bold;
	}
	#c_store_amount {
		padding-left: 20px;
		font-size: 14px;
	}
	#c_store_amount li {
		margin-bottom: 10px;
	}
	p.catalog-header {
		font-size: 20px;
		color: #000;
		margin-bottom: 15px;
		font-weight: bold;
	}

	.product-item-detail-slider-container {
		transition: none;
	}
	.product-item-detail-slider-container.popup {
		max-width: 100%!important;
		width: 100%!important;
		min-width: 0;
		animation-name: none;
	}
	.product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;	
		justify-content: center;
    align-content: center;
    -ms-align-items: center;
    align-items: center;
	}
	.product-item-detail-slider-left, .product-item-detail-slider-right {
		width: 15%;
	}
	.product-item-detail-slider-container.popup .product-item-detail-slider-image img {
		cursor: crosshair;
	}

/* ------------------------------------------------------------------------- FOOTER */
/* ------------------------------------------------------------------------- FOOTER */

	.footer-top-container {
		padding-bottom: 40px;
	}
	.bottom-menu {
		list-style: none;
	}
	.bottom-menu li {
		margin-bottom: 5px;
	}
	.bottom-menu a {
		transition: color .3s;
	}
	.bottom-menu a:hover {
		color: var(--lightred);
	}
	.footer-info {
		-ms-align-items: flex-start;
		align-items: flex-start;
		text-align: left;
	}
	.footer-info p {
		font-weight: bold;
		margin-bottom: 10px;
	}
	.footer-info .social-links {
		margin-bottom: 25px;
	}
	.footer-info .social-link {
		margin-right: 10px;
	}
	.footer-contacts {
		-ms-align-items: flex-end;
		align-items: flex-end;
		text-align: right;
	}
	.footer-contacts .custom-button {
		margin-top: 10px;
		margin-bottom: 25px;
	}

	.footer-bottom-container {
		background-color: var(--red);
		color: var(--white);
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footer-bottom-wrapper {
		-ms-align-items: center;
		align-items: center;
		text-align: center;
	}

/* ------------------------------------------------------------------------- INNER-PAGE */
/* ------------------------------------------------------------------------- INNER-PAGE */
	.inner-page {
		padding-top: 40px;
		padding-bottom: 40px;
		min-height: 100vh;
	}
	.inner-page-wrapper {
		width: 100%;
		max-width: 1150px;
		margin: 0 auto;
		padding-bottom: 100px;
	}
	.inner-page h1,
	.inner-page h2,
	.inner-page h3,
	.inner-page h4,
	.inner-page h5,
	.inner-page p,
	.inner-page ul,
	.inner-page ol {
		display: block;
		margin-bottom: 1em;
		line-height: 1.2em;
	}
	.inner-page h2 {
		padding-top: 1em;
	}
	.inner-page p,
	.inner-page ul,
	.inner-page ol {
		line-height: 1.4em;
	}
	.inner-page h3 {
		margin-bottom: 0.5em;
	}
	.inner-page h4,
	.inner-page h5 {
		margin-bottom: 0em;
	}
	.inner-page h1,
	.inner-page h2 {
		text-align: center;
	}
	.inner-page ul, .inner-page ol {
		padding-left: 20px;
	}
	.inner-page .left-img {
		float: left;
		margin: 0 1.5em 0.5em 0;
	}
	.inner-page .right-img {
		float: right;
		margin: 0 0em 0.5em 1.5em;
	}
	.inner-page .center-img {
		margin: 0.5em auto;
		display: block;
	}
	.inner-page-wrapper img {
		max-width: 100%;
	}
	@media (max-width: 1050px) {
		.inner-page .left-img,
		.inner-page .right-img {
			float: unset;
			margin: 0.5em auto;
			display: block;
		}
		.inner-page-flex-center {
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
		}
	}

	.opt-login-form {
		width: 100%;
		max-width: 320px;
	}
	.opt-reg-form {
		width: 100%;
		max-width: 420px;
	}






.triple2 {margin:70px auto;width:100%;max-width:1440px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;}
.triple2 > div {padding:40px 25px;background:#fff;box-shadow: 0px 20px 60px rgba(72, 84, 101, 0.1);}
.triple2 > div:nth-child(1) {background:url('/include/triple1.svg') right bottom no-repeat;}
.triple2 > div:nth-child(2) {background:url('/include/triple2.svg') right bottom no-repeat;}
.triple2 > div:nth-child(3) {background:url('/include/triple3.svg') right bottom no-repeat;}
.triple2 > div b {font-weight: bold;font-size: 28px;line-height: 33px;display:block;margin-bottom:12px;}
.triple2 > div span {font-size: 20px;line-height: 28px;color: #666D76;display:block;margin-bottom:36px;text-shadow: 1px 1px 0 #fff;max-width:300px;}
@media(max-width:1150px) {
	.triple2 {max-width:400px;grid-template-columns:1fr;}
	.triple2 > div b {font-size: 25px;line-height: 29px;}
	.triple2 > div span {max-width:250px;font-size: 18px;line-height: 28px;}
}


h1#zera {min-height:400px;display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:hidden;z-index: 1;}
/*h1#zera:before {position:absolute;z-index:1;content:'';left:0;top:0;height:100%;width:100%;background:linear-gradient(to right,#fff,#fff0);}*/
h1#zera > div {display:block;max-width: 750px;padding:24px 40px;position: relative;color:#fff;z-index:2;text-align:left;}
h1#zera > div > span {position:relative;z-index:2;display: block;}
h1#zera > div > span span {display:block;font-size:0.75em;}
h1#zera > div > span span:nth-child(1) {margin-top:10px;}
h1#zera > div > span span:before {content: '';width: 26px;height: 26px;margin-right: 10px;margin-bottom: -5px;display: inline-block;background: url(/include/tslide-dot.svg) center center no-repeat;}
h1#zera > div:before {content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: var(--red);transform: skewX(8deg);z-index: 1;}
h1#zera > div:after {content: '';position: absolute;left: 0;top: 0;    right: 50%;    bottom: 0;    background: var(--red);    z-index: 1;}
@media(max-width:1050px) {
	h1#zera > div {max-width:95%;padding-left:25px;padding-right:25px;font-size: 25px;line-height: 29px;}
	h1#zera > div > span span {margin-top:5px;}
}
@media(max-width:650px) {
	h1#zera {align-items:flex-end;background-size: 200% auto!important; background-position: top right!important;}
	h1#zera > div {width: 320px;max-width:90%;font-size: 20px;line-height: 24px;padding:16px;}
	h1#zera > div:before {transform: skewX(0);}
	h1#zera > div > span span:before {width: 16px;height: 16px;margin-right: 8px;margin-bottom:-5px;background-size:16px 16px;}
}


.zbox {border-color: #AA2226;margin: 0 0 1.5em 0;border-width: 2px;border-style: solid;overflow: hidden;}
.zbox-title {background-color: #AA2226;color: #FFFFFF;display: block;padding: 0.5em 1em;font-weight: bold;font-size: 1.1em;}
.zbox-text {background-color: #fff;color: #444;padding: 1em;}
.zlinks {display:grid;grid-template-columns:1fr 1fr; align-items:center;justify-content:start;grid-gap:10px;}
.zlinks a {display:block;box-sizing:border-box;font-size:24px;font-weight:500;line-height:60px;padding-left:75px;background-size:60px auto;background-repeat:no-repeat;background-position:left center;}
.zlinks a:hover {text-decoration:underline;}
.zlinks1 {background-image:url('/upload/iblock/020/020b96bcf011d0f7e458c285e11bdf54.jpeg');}
.zlinks2 {background-image:url('/upload/iblock/b02/b02b11956edb6e11efb133e3b7ea5f75.jpeg');}
.zlinks3 {background-image:url('/upload/iblock/c73/c73c0dfcb490f49abd56998f1833de98.jpg');}
.zlinks4 {background-image:url('/upload/iblock/d20/d20c3e5ea4762deca56f0b70bd9b79ea.jpg');}
.zlinks5 {background-image:url('/upload/iblock/bfb/bfbcad3e5f896e845371240a8a84435a.jpg');}
@media(max-width:900px) {
	.zlinks {grid-template-columns:1fr;}
	.zlinks a {font-size:20px;}
}



.product-item-price-current span {font-size:14px;}
.product-item-detail-price-current span {font-size:16px;}




/*.product-item-detail-slider-image:before {position:absolute;content:'';left:0;top:0;right:0;bottom:0;background:url('/upload/watermark/watermark_original.png') center center no-repeat;background-size:contain;z-index:2;}*/
.product-item-detail-slider-image img {height:100%;width:auto;z-index:1;}
.product-item-detail-slider-image:hover img {z-index:3;}
@media(max-width:1200px) {.product-item-detail-slider-image img {background-size:contain}}

ul.top-menu {margin:0!important;}

.article {margin-bottom:20px;}

.ma-newslist {overflow:hidden;margin: 70px auto;}

.ma-newslist > div {display: grid; grid-template-columns: repeat(3,1fr); gap: 30px;}
.ma-newslist > div > .ma-newslist-container {background:#fff;box-shadow: 0px 20px 60px rgba(72, 84, 101, 0.05);}
.ma-newslist .bx-newslist-img a {display:block;position:relative;}
.ma-newslist .bx-newslist-img a:before {content:'';width:80px;height:80px;border-radius:40px;position:absolute;left:calc(50% - 40px);top:calc(50% - 40px);
	background:url('/include/ma-eye-w.svg') center center no-repeat;background-color:#BB3733;opacity:0;transition:0.5s;}
.ma-newslist .bx-newslist-img a:hover:before {opacity:1;}
.ma-newslist h3.ma-newslist-title {font-weight: bold;font-size: 18px;line-height: 21px;margin:0 0 6px 0;padding:0 20px;}
.ma-newslist h3.ma-newslist-title a {color:#000;}
.ma-newslist .ma-newslist-content {font-weight: 300;font-size: 14px;line-height: 18px;color: #666D76;margin-bottom:14px;padding:0 20px;}
.ma-newslist .magridd {padding:0 20px 20px 20px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;grid-gap:8px;
	font-weight: normal;font-size: 14px;line-height: 18px;color: #666D76;}
.ma-newslist .magridd .ma-newslist-view {order:2;}
.ma-newslist .magridd .ma-newslist-date {order:1;}
.ma-newslist .magridd .ma-newslist-view,
.ma-newslist .magridd .ma-newslist-date {display:grid;grid-template-columns:20px auto;align-items:center;grid-gap:10px;}
.ma-newslist .magridd .ma-newslist-view .fa,
.ma-newslist .magridd .ma-newslist-date .fa {width:20px;height:20px;}
.ma-newslist .magridd .ma-newslist-view .fa {background:url('/include/ma-eye.svg') center center no-repeat;background-size:100% auto;}
.ma-newslist .magridd .ma-newslist-date .fa {background:url('/include/ma-date.svg') center center no-repeat;background-size:100% auto;}
.ma-newslist .magridd .ma-newslist-view .fa:before,
.ma-newslist .magridd .ma-newslist-date .fa:before {content:''!important;}
.ma-newslist .magridd .ma-newslist-more {text-align:right;order:3;}
.ma-newslist .magridd .ma-newslist-more a {color:#9D2F2C;}
@media (max-width:1200px) {

}
@media (max-width:850px) {
	.ma-newslist > div {grid-template-columns: repeat(2,1fr);}
	.ma-newslist .magridd .ma-newslist-view span {display:none;}
}
@media (max-width:650px) {
	.ma-newslist > div {grid-template-columns: 1fr;}
	.ma-newslist > div {width:100%;}
	.ma-newslist > div > .ma-newslist-container {width:100%;margin:0 0 30px 0;}
}

.ma-newslist .ma-newslist-block {display: flex; flex-direction: column; height: 100%;}
.ma-newslist .ma-newslist-block .ma-newslist-content {display: flex; flex-grow: 1;}