@charset "utf-8";

/* ====================================================================================================
	@font-face
==================================================================================================== */

/* Exo 2
================================================================================ */
@font-face{font-family:"Exo 2";src:url(../fonts/exotwo/exo2light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Exo 2";src:url(../fonts/exotwo/exo2.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Exo 2";src:url(../fonts/exotwo/exo2medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Exo 2";src:url(../fonts/exotwo/exo2semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Exo 2";src:url(../fonts/exotwo/exo2bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}


/* Russo One
================================================================================ */
@font-face{font-family:"Russo One";src:url(../fonts/russo/russoone.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}


/* Flaticon
================================================================================ */
@font-face{font-family:Flaticon;src:url(../fonts/flaticon/Flaticon.eot);src:url(../fonts/flaticon/Flaticon.eot?#iefix) format("embedded-opentype"),url(../fonts/flaticon/Flaticon.woff) format("woff"),url(../fonts/flaticon/Flaticon.ttf) format("truetype"),url(../fonts/flaticon/Flaticon.svg#Flaticon) format("svg");font-weight:400;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:Flaticon;src:url(../fonts/flaticon/Flaticon.svg#Flaticon) format("svg")}}[class*=" flaticon-"]:after,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class^=flaticon-]:before{font-family:Flaticon;font-style:normal}.flaticon-tool:before{content:"\f100"}.flaticon-shape:before{content:"\f101"}.flaticon-fast-delivery:before{content:"\f102"}.flaticon-interface:before{content:"\f103"}.flaticon-shield:before{content:"\f104"}


/* ====================================================================================================
	reset styles
==================================================================================================== */
*,*::before,*::after{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html{height:100%}body{min-height:100%;margin:0;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,p,table,address,pre,iframe,form){margin-block:0}:where(ul,ol){padding-left:0;list-style:none}:where(dd){margin-left:0}:where(blockquote,figure){margin:0}:where(sub),:where(sup){position:relative;vertical-align:baseline;font-size:75%;line-height:0}:where(sub){bottom:-.25rem}:where(sup){top:.5rem}:where(a){background-color:transparent;color:inherit;text-decoration:none}:where(address){font-style:normal}:where(pre),:where(code),:where(kbd),:where(samp){font-family:monospace}:where(abbr[title]){border-bottom:none;text-decoration:underline;text-decoration:underline dotted}:where(img){display:block;width:100%;max-width:100%;border-style:none}:where(table){width:100%;border-collapse:collapse;border-spacing:0}:where(fieldset){margin-left:0;padding:0;border:none}input,textarea,select,button{outline:none}label[for]{cursor:pointer}button,[type="button"],[type="reset"],[type="submit"]{border:none;user-select:none;-webkit-appearance:none;appearance:none;cursor:pointer}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;height:auto;margin:0}[type="search"]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}textarea{resize:vertical}svg *[fill]{fill:currentColor}svg *[stroke]{stroke:currentColor}svg *{transition-property:fill,stroke}:where(iframe){border:none}[hidden]{display:none!important}@media (prefers-reduced-motion:no-preference){html,:has(:target){scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* ====================================================================================================
	variables
==================================================================================================== */
:root {
	--white-color: hsl(0 0% 100%);
	--black-color: hsl(0 0% 0%);
	--dark-color: hsl(0 0% 17%);
	--text-color: hsl(0 0% 33%);
	--accent-color: hsl(14 100% 57%);
	--accent-color-2: hsl(207 77% 41%);
	--light-bg: hsl(0 0% 96%);
	--border-color: hsl(0 0% 86%);
	--grey-color: hsl(0 0% 60%);
	--form-disabled: hsl(0 0% 0% / .42);
	--container-center-padding-inline: .875rem;
	--container-center-padding-block-index: clamp(2.875rem, 2.195rem + 3.4vw, 5rem);
	--border-radius: .375rem;
	--th-td-padding-block: 1.25rem;
	--th-td-padding-inline: .938rem;
	--main-font: "Exo 2";
	--accent-font: "Russo One";
	--height-rdn-fixed-panel: 3.125rem;
}


/* ====================================================================================================
	layouts
==================================================================================================== */
body {
	min-width: 20rem; /* 320px */
	color: var(--text-color);
	font: normal normal 400 1rem/1.2 var(--main-font), sans-serif;
}

@media (max-width: 74.98rem) {

	body {
		padding-top: calc(var(--height-rdn-fixed-panel) - .125rem);
	}

}

.wrapper-page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow: hidden;
}

:where(.container-center) {
	width: 100%;
	max-width: 82.5rem;
	margin-inline: auto;
	padding-inline: var(--container-center-padding-inline);
}

/* @media desktop-first
================================================================================ */
@media (max-width: 87.48rem) {

	:where(.container-center) {
		max-width: 71.25rem;
	}

}

@media (max-width: 74.98rem) {

	:where(.container-center) {
		max-width: 60rem;
	}

}

@media (max-width: 61.98rem) {

	:where(.container-center) {
		max-width: none;
	}

}

/* container-flex
================================================================================ */
:where(.container-flex) {
	display: flex;
	flex-wrap: wrap;
}

:where(.container-flex) > * {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	max-width: none;
	align-self: auto;
	order: 0;
}

	.container-inline {
		width: 100%;
		font-size: 0;
		line-height: 0;
		letter-spacing: -.063rem;
	}

	.block-inline {
		display: inline-block;
		width: auto;
		vertical-align: top;
		font-size: 1rem;
		line-height: 1;
		letter-spacing: normal;
	}

/* middle
================================================================================ */
.middle {
	flex-grow: 1;
	padding-block: 3.75rem;


	/* background: #FFCCFF; */
}

.middle > .container-center {
	padding-block-start: 1.25rem;
	padding-block-end: 3.875rem;

	/* background: #CCCCFF; */
}


/* ====================================================================================================
	common elements and effects
==================================================================================================== */
/* up-page
================================================================================ */
.up-page {
	display: block;
	position: fixed;
	right: 1.875rem;
	bottom: 6.25rem;
	z-index: 200;
	width: 2.875rem;
	height: 2.875rem;
	padding: 0;
	border: .063rem solid hsl(0 0% 86% / .5);
	background: var(--white-color) url(../images/arrow-up.png) no-repeat center / auto 1.875rem;
	visibility: hidden;
	opacity: 0;
	transition: visibility .2s linear .02s,
				opacity .2s linear .02s;
	cursor: pointer;
}

@media (max-width: 1199.98px) {

	.up-page {
		display: none;
	}

}

/* @media (hover: hover) and (pointer: fine) {

	.up-page:hover {
		background-color: var(--accent-color);
	}

} */

.up-page:active {
	background-color: var(--border-color);
}

/* cookies
================================================================================ */
.cookies {
	position: fixed;
	bottom: .625rem;
	left: 0;
	z-index: 5;
	display: none;
	width: 100%;
}

.cookies-active {
	display: block;
}


.inner-cookies {
	display: flex;
	align-items: center;
	max-width: 1320px;
	margin-inline: auto;
	padding: 1rem 1rem;
	border: .063rem solid var(--border-color);
	background: var(--light-bg);
}

@media (max-width: 575.98px) {

	.inner-cookies {
		flex-wrap: wrap;
	}

}

.text-cookies {
	margin-right: 1.875rem;

	/* background: #999; */
}

@media (max-width: 575.98px) {

	.text-cookies {
		flex-basis: 100%;
		width: 100%;
		margin-bottom: .875rem;
	}

}

.text-cookies p {
	margin: 0;
	line-height: 1.2;
}

.text-cookies p:first-child {
	margin-bottom: .313rem;
	font-weight: 700;
	
	/* background: palegreen; */
}

/* .text-cookies p:last-child {
	background: palegreen;
} */

.text-cookies p a {
	color: var(--accent-color);
	text-decoration: underline;
}

.text-cookies p a:hover,
.text-cookies p a:active {
	text-decoration: none;
}


.inner-cookies button {
	margin-left: auto;
	height: 2.625rem;
	padding: .75rem 2.5rem;
	border: none;
	background: var(--accent-color);
	transition: background 0.3s 0.02s linear;
	color: var(--white-color);
	font-weight: 400;
}

@media (max-width: 575.98px) {

	.inner-cookies button {
		margin-left: 0;
	}

}

.inner-cookies button:hover,
.inner-cookies button:active {
	background: var(--black-color);
	cursor: pointer;
}

/* typography
================================================================================ */
.middle h1 {
	margin: 0 0 2.5rem;
	color: var(--black-color);
	font-weight: 500;
	font-size: 1.75rem;
	line-height: 1.3;
}

.old-name {
	display: block;
	margin: .313rem 0 0;
	color: var(--accent-color-2);
	font-weight: 600;
	font-size: 1.125rem;
}

.old-name span {
	color: var(--text-color);
	font-weight: 400;
}

.middle h1::after {
	content: "";
	display: block;
	width: 10%;
	max-width: 4.813rem;
	height: .125rem;
	margin: .938rem 0 0;
	background: var(--accent-color);
}

.middle h2 {
	margin: 2.5rem 0 1.875rem;
	color: var(--black-color);
	font-weight: 500;
	font-size: 1.500rem;
	line-height: 1.3;
}

.middle h2::after {
	content: "";
	display: block;
	width: 10%;
	max-width: 4.813rem;
	height: .125rem;
	margin: .938rem 0 0;
	background: var(--accent-color);
}

.middle h3 {
	margin: 0 0 .938rem;
	color: var(--black-color);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.3;
}

/* text elements
============================================================ */
.middle p {
	margin: 0 0 .938rem;
	font-size: 1.063rem;
	line-height: 1.5;
}

.middle p a {
	color: var(--accent-color);
	text-decoration: underline;
}

.middle p a:hover {
	text-decoration: none;
}

strong,
.bold {
	font-weight: 600;
}

/* ul
============================================================ */
.ul-content {
	margin: 0 0 1.875rem;
}

.ul-content li {
	margin: 0 0 .313rem;
	padding: 0 0 0 .875rem;
	background: url(../images/li-orange.png) no-repeat 0 .625rem;
	font-size: 1.063rem;
	line-height: 1.2;
}

.ul-content li a {
	color: var(--accent-color);
	text-decoration: underline;
}

.ul-content li a:hover,
.ul-content li a:active {
	text-decoration: none;
}

/* btn
================================================================================ */
.btn {
	display: inline-block;
	position: relative;
	overflow: hidden;
	border: .063rem solid transparent;
	background: var(--accent-color-2);
	color: var(--white-color);
	font-weight: 400;
	font-size: .875rem;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.btn:link:after,
.btn:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	-webkit-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}

.btn:after {
	border: .188rem solid var(--accent-color-2);
	opacity: 0;
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	transform: translateY(-50%) translateX(-50%) rotate(25deg);
}

.btn:hover:after {
	height: 400% !important;
	opacity: 1;
}

.btn:hover,
.btn:active {
	border-color: var(--accent-color-2);
	background: var(--white-color);
	color: var(--black-color) !important;
}

/* a-link
======================================== */
:where(.a-link) {
	margin: 0 1rem .625rem 0;
	border-bottom: .063rem solid var(--accent-color);
	color: var(--accent-color);
	font-weight: 500;
	font-size: .875rem;
	text-transform: uppercase;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.a-link):hover {
		border-bottom-color: transparent;
		color: var(--text-color);
	}

}

:where(.a-link):active {
	color: var(--grey-color);
}

/* img
================================================================================ */
/* magnifier
============================================================ */
.magnifier {
	display: inline-block;
	position: relative;
	border-radius: .313rem;
}

.magnifier:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	opacity: 0;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
	background: url(../images/magnifier.svg) center center no-repeat;
	background-size: 6.250rem;
}

.magnifier:hover:after {
	opacity:.8;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
	cursor: pointer;
}

.magnifier img {
	border-radius: .313rem;
}

/* table-content
================================================================================ */
.table-content {
	width: 100%;
	margin: 0 0 1.875rem;
	border-bottom: .063rem solid var(--border-color);
	background: var(--white-color);
}

.table-content thead {
	border-bottom: .063rem solid var(--border-color);
	background: var(--light-bg);
}

.table-content tfoot {
	border-top: .063rem solid var(--border-color);
	background: var(--light-bg);
}

.table-content thead tr,
.table-content tfoot tr {
	background: transparent;
}

.table-content th,
.table-content tfoot td {
	padding: .75rem .625rem;
	font-weight: 600;
	text-align: left;
}

.table-content tbody td {
	padding: .75rem .625rem;
	vertical-align: middle;
}

.table-content tbody td[data-label="Цена, руб."] {
	color: var(--black-color);
	font-weight: 500;
	white-space: nowrap;
}

.table-content tbody td a {
	display: inline-block;
	color: var(--accent-color);
	font-weight: 500;
	text-decoration: underline;
}

.table-content tbody td a:hover,
.table-content tbody td a:active {
	text-decoration: none;
}

.table-content tbody td .btn { /* add-to-cart */
	min-width: 9.125rem;
	padding: .500rem 1.250rem .500rem 3rem;
	background: var(--accent-color) url(../images/to-cart.svg) no-repeat 1.250rem center;
	background-size: auto 1.125rem;
	color: var(--white-color);
	font-size: 1rem;
	white-space: nowrap;
	text-decoration: none;
}

.table-content tbody td.order-from-table a {
	padding: .375rem 1.250rem .625rem 2.5rem;
	background: var(--accent-color) url(../images/order-pc.svg) no-repeat 1.438rem center;
	background-size: auto .75rem;
}

.table-content tbody td .btn:hover,
.table-content tbody td .btn:active {
	background: var(--white-color) url(../images/to-cart-hover.svg) no-repeat 1.250rem center;
	background-size: auto 1.125rem;
}

.table-content tbody td.order-from-table a:hover,
.table-content tbody td.order-from-table a:active {
	background-image: url(../images/order-pc-hover.svg);
	background-size: auto .875rem;
}

.table-content tbody tr:nth-child(even) {
	background-color: var(--light-bg);
}

/* tabs-content
================================================================================ */
.tabs-content {
	width: 100%;
	border-bottom: .063rem solid var(--border-color);
	font-size: 0;
}

.tabs-content li {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	zoom: 1;
	font-size: 1rem;
}

.tabs-content li a {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	zoom: 1;
	text-decoration: none;
}

.tabs-content li.current a {
	position: relative;
	left: 0;
}

.content-tabs {
	clear: both;
}

/* form
================================================================================ */
form {
	overflow: hidden;
}

fieldset {
	margin: 0 0 1.875rem;
	padding: 1.250rem;
	border: .063rem solid var(--border-color);
	/* border-radius: .313rem; */
}

legend {
	padding: 0 .938rem;
	font-weight: 500;
}

:where(label) {
	display: block;
	width: auto;
	margin: 0 0 .313rem;
	font-weight: 500;
}


input,
textarea {
	display: block;
	width: 100%;
	height: 2.625rem;
	padding: .75rem;
	border: .063rem solid var(--border-color);
	background-color: var(--white-color);
	background-repeat: no-repeat;
	background-position: .75rem center;
	transition: border-color 0.3s 0.02s ease;
	outline: none;
	color: var(--text-color);
	font-size: 1rem;
	line-height: 1;
	font-family: inherit;
}

.input-delivery {
	background: var(--white-color) url(../images/input-delivery.svg) no-repeat .75rem center;
}

.input-name {
	background: var(--white-color) url(../images/input-name.svg) no-repeat .75rem center;
}

.input-tel {
	background: var(--white-color) url(../images/input-tel.svg) no-repeat .75rem center;
}

.input-email {
	background: var(--white-color) url(../images/input-email.svg) no-repeat .75rem center;
}

.input-firm {
	background: var(--white-color) url(../images/input-firm.svg) no-repeat .75rem center;
}

.input-inn {
	background: var(--white-color) url(../images/input-inn.svg) no-repeat .75rem center;
}

.input-kpp {
	background: var(--white-color) url(../images/input-kpp.svg) no-repeat .75rem center;
}

.input-mail-box {
	background: var(--white-color) url(../images/input-mail-box.svg) no-repeat .75rem center;
}

.textarea {
	background: var(--white-color) url(../images/textarea.svg) no-repeat .75rem center;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	opacity: 1;
	color: var(--grey-color);
	-webkit-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: var(--grey-color);
	-webkit-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	opacity: 1;
	color: var(--grey-color);
	-webkit-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

input:focus,
textarea:focus {
	border: .063rem solid var(--accent-color);
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color: transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	color: transparent;
}


/* input-checkbox
============================================================ */
.input-checkbox input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

:where(.input-checkbox) {
	display: flex;
	position: relative;
	margin-bottom: 1.25rem;
	user-select: none;
	/* cursor: pointer; */

	/* background: red; */
}

:where(.input-checkbox):last-of-type {
	margin-bottom: 0;
}

:where(.input-checkbox) .ico-checkbox {
	position: absolute;
	top: -.125rem;
	left: 0;
	width: 1.375rem;
	height: 1.375rem;
	border-radius: .125rem;
	border: .063rem solid var(--border-color);
	background: var(--white-color);
	transform: scale(1);
	transition: border-color .2s linear .02s,
				box-shadow .2s linear .02s,
				background .2s linear .02s;

	/* background: red; */
}

:where(.input-checkbox) .ico-checkbox svg {
	position: absolute;
	top: .25rem;
	left: .125rem;
	width: 1rem;
	height: .75rem;
	fill: none;
	stroke: var(--white-color);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 1rem;
	stroke-dashoffset: 1rem;
	transition: stroke-dashoffset .2s linear .02s;
}

:where(.input-checkbox) .label-checkbox {
	padding-left: 2.25rem;
	line-height: 1.3;

	/* background: seagreen; */
}

@media (hover: hover) and (pointer: fine) {

	:where(.input-checkbox):hover .ico-checkbox {
		border-color: var(--accent-color);
	}

}

:where(.input-checkbox) input[type="checkbox"]:checked + .ico-checkbox {
	background: var(--accent-color);
	border-color: var(--accent-color);
}

@media (hover: hover) and (pointer: fine) {

	:where(.input-checkbox):hover input[type="checkbox"]:checked + .ico-checkbox {
		box-shadow: none;
	}

}

:where(.input-checkbox) input[type="checkbox"]:checked + .ico-checkbox svg {
	stroke-dashoffset: 0;
}


:where(.input-checkbox) input[type="checkbox"]:disabled ~ .label-checkbox {
	cursor: default;
	color: var(--grey-text);
}

@media (hover: hover) and (pointer: fine) {
	
	:where(.input-checkbox):hover input[type="checkbox"]:disabled + .ico-checkbox {
		border-color: var(--border-color);
		box-shadow: none;
		cursor: default;
	}

}


.checkbox-fl-152 {
	margin-bottom: 1.25rem;
}


.checkbox-fl-152 .ico-checkbox {
	top: 0;
	width: 1.125rem;
	height: 1.125rem;
}

.checkbox-fl-152 .ico-checkbox svg {
	top: .125rem;
	left: .125rem;
	width: .75rem;
	height: .75rem;
	/* stroke-dasharray: .875rem;
	stroke-dashoffset: .875rem; */
}

.checkbox-fl-152 .label-checkbox {
	padding-left: 1.875rem;
	line-height: 1.2;
	color: var(--grey-text);
	font-size: .75rem;
}

.checkbox-fl-152 .label-checkbox a {
	color: var(--accent-color);
	text-decoration: underline;
}

.checkbox-fl-152 .label-checkbox a:hover,
.checkbox-fl-152 .label-checkbox a:active {
	text-decoration: none;
}


:where([type="submit"]) {
	display: inline-block;
	width: auto;
	height: 2.625rem;
	padding: .75rem 2.5rem;
	border: none;
	background: var(--accent-color);
	transition: background 0.3s 0.02s linear;
	color: var(--white-color);
	font-weight: 400;
}

:where([type="submit"]):hover,
:where([type="submit"]):active {
	background: var(--black-color);
	cursor: pointer;
}

/* pagination
================================================================================ */
.pagination {
	margin: 2.5rem 0;
	overflow: hidden;
	text-align: center;

	/* background: #ccc; */
}

.pagination div {
	display: inline-block;
	margin: 0 .063rem .5rem 0;
}

.pagination div a {
	display: block;
	padding: .625rem .938rem;
	-webkit-transition: all 0.15s 0.015s ease;
	transition: all 0.15s 0.015s ease;
	background: var(--light-bg);
	color: var(--text-color);
	text-decoration: none;
}

/* .pagination .prev-pgn a,
.pagination .next-pgn a {

} */

.pagination div a:hover,
.pagination div a.active {
	background: var(--accent-color);
	color: var(--white-color);
}

/* .pagination .prev-pgn a:hover,
.pagination .next-pgn a:hover {

} */

/* modal
================================================================================ */
.reveal-modal-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: hsl(0 0% 0% / .8);
	z-index: 8888;
}

.reveal-modal {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	width: 100%;
	max-width: 25rem;
	visibility: hidden;
	overflow: hidden;
	background: var(--white-color);
}

.reveal-modal a.close-reveal-modal {
	position: absolute;
	top: .500rem;
	right: .688rem;
	font-size: 1.375rem;
	line-height: .5;
	color: var(--white-color);
	font-weight: 600;
	cursor: pointer;
}

.title-modal {
	padding: 1.875rem 1.250rem;
	background: var(--black-color);
	color: var(--accent-color);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;
}

.title-modal span {
	display: block;
	margin: .875rem 0 0;
	color: var(--white-color);
	font-size: .875rem;
	line-height: 1.4;
	text-transform: none;
}

.title-modal span.model-m {
	margin: .625rem 0;
	font-size: 1.500rem;
	line-height: 1;
}

.content-modal {
	padding: 1.875rem;
	overflow: hidden;
	text-align: center;
}

.content-modal input,
.content-modal textarea {
	margin: 0 0 .625rem;
}

.content-modal textarea {
	height: 4.75rem;
}

.content-modal p {
	margin-bottom: .625rem;
	text-align: left;
}

.content-modal .checkbox-fl-152 .label-checkbox {
	text-align: left;
}

.content-modal button {
	margin: .938rem auto 0;
}


/* ====================================================================================================
	header
==================================================================================================== */
/* .header {
	background: red;
} */

/* rd-navbar - common
================================================================================ */
.rd-navbar-static.rd-navbar--is-clone,
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-fixed .rdn-nav,
.rd-navbar-fixed .rd-navbar-submenu,
.rd-navbar-fixed .rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-navbar-search .form-group {
	transition: all 0.3s cubic-bezier(.785, .135, .15, .86);
}

/* .rd-navbar {
} */

.rd-navbar,
.rd-navbar.rd-navbar--is-clone {
	display: none;
}

.rd-navbar-fixed,
.rd-navbar-static,
.rd-navbar-fullwidth,
.rd-navbar-sidebar {
	display: block;
}

.rd-navbar--no-transition,
.rd-navbar--no-transition * {
	transition: none !important;
}

/* .rd-navbar-static {
} */

.rd-navbar-static.rd-navbar--is-clone {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
	transform: translateY(-105%);

	/* display: none !important;
	background: red; */
}

.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
	transform: translateY(0);
}

.rd-navbar-static.rd-navbar--is-stuck {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 20;
}

	.rd-navbar-fixed .rdn-fixed-panel {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 16;
		width: 100%;
		height: var(--height-rdn-fixed-panel);
		box-shadow: 0 .063rem .125rem hsl(60 1% 17% / .3);
		background: var(--light-bg);

		/* background: palegreen; */
	}

/* rdn-nav-toggle
============================================================ */
.rdn-nav-toggle {
	display: none;
}

	.rd-navbar-fixed .rdn-nav-toggle {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: .375rem;
		right: var(--container-center-padding-inline);
		z-index: 17;
		width: 2.25rem;
		height: 2.25rem;
		padding: 0;
		/* border: .063rem solid var(--border-color); */
		border-radius: var(--border-radius);
		/* background: var(--white-color); */
		background: transparent;
		cursor: pointer;

		/* background: palegreen; */
	}

	.rd-navbar-fixed .rdn-nav-toggle:active {
		background: var(--border-color);
	}

	.rd-navbar-fixed .rdn-nav-toggle span,
	.rd-navbar-fixed .rdn-nav-toggle span::before,
	.rd-navbar-fixed .rdn-nav-toggle span::after {
		display: block;
		position: absolute;
		width: 60%;
		height: .125rem;
		background: var(--black-color);
		transition: all .2s .02s linear;
	}

	.rd-navbar-fixed .rdn-nav-toggle span::before,
	.rd-navbar-fixed .rdn-nav-toggle span::after {
		content: "";
		width: 100%;
	}

	.rd-navbar-fixed .rdn-nav-toggle span::before {
		top: -.438rem;

		/* background: red; */
	}

	.rd-navbar-fixed .rdn-nav-toggle span::after {
		top: .438rem;
		width: 70%;
		background: var(--accent-color);

		/* background: greenyellow; */
	}

	/* .rd-navbar-fixed .rdn-nav-toggle:hover,
	.rd-navbar-fixed .rdn-nav-toggle:active,
	.rd-navbar-fixed .rdn-nav-toggle:focus {
		background: var(--blue);
	} */


	/* .rd-navbar-fixed .rdn-nav-toggle.active {
	} */

	.rd-navbar-fixed .rdn-nav-toggle.active span,
	.rd-navbar-fixed .rdn-nav-toggle.active span::before,
	.rd-navbar-fixed .rdn-nav-toggle.active span::after {
		height: .125rem;
	}

	.rd-navbar-fixed .rdn-nav-toggle.active span {
		transform: rotate(45deg);
		background: var(--black-color);
	}

	.rd-navbar-fixed .rdn-nav-toggle.active span::before {
		top: 0;
		transform: rotate(0);
		background: var(--black-color);
	}

	.rd-navbar-fixed .rdn-nav-toggle.active span::after {
		top: 0;
		transform: rotate(90deg);
		width: 100%;
		background: var(--black-color);
	}

/* rdn-search-toggle-fixed
============================================================ */
.rdn-search-toggle-fixed {
	display: none;
}

	.rd-navbar-fixed .rdn-search-toggle-fixed {
		display: block;
		position: fixed;
		top: .375rem;
		right: calc(2.625rem + var(--container-center-padding-inline));
		z-index: 17;
		width: 2.25rem;
		height: 2.25rem;
		/* border: .063rem solid var(--border-color); */
		border-radius: var(--border-radius);
		/* background: var(--white-color); */
		background: transparent;

		/* background: palegreen; */
	}

	.rd-navbar-fixed .rdn-search-toggle-fixed:active {
		background: var(--border-color);
	}

	.rd-navbar-fixed .rdn-search-toggle-fixed span {
		display: inline-block;
		position: relative;
		width: 100%;
		height: 100%;
		cursor: pointer;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='svg1' width='20' height='20' fill='hsl(0 0% 17%)' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath id='path1' fill-rule='nonzero' d='M13.97 15.031a8.48 8.48 0 0 1-5.461 1.985C3.812 17.016 0 13.204 0 8.508S3.812 0 8.509 0c4.695 0 8.508 3.812 8.508 8.508a8.48 8.48 0 0 1-1.985 5.461l4.749 4.75a.75.75 0 0 1 .219.531c0 .587-.537.75-.75.75a.75.75 0 0 1-.531-.22ZM8.509 1.501a7.01 7.01 0 0 0-7.007 7.007 7.01 7.01 0 0 0 7.007 7.007 7.01 7.01 0 0 0 7.007-7.007 7.01 7.01 0 0 0-7.007-7.007'/%3E%3C/svg%3E") no-repeat center / auto 1.25rem;
		transition: all .3s ease;

		/* background: peru; */
	}

	.rd-navbar-fixed .rdn-search-toggle-fixed.active span {
		transform: rotate(90deg);
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='hsl(0 0% 17%)'%3E%3Cpath d='M256-227.69 227.69-256l224-224-224-224L256-732.31l224 224 224-224L732.31-704l-224 224 224 224L704-227.69l-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / auto 1.625rem;
	}

/* rdn-mobile-phone-btn
============================================================ */
.rdn-mobile-phone-btn {
	display: none;
}

	.rd-navbar-fixed .rdn-mobile-phone-btn {
		display: block;
		position: fixed;
		top: .375rem;
		right: calc(5rem + var(--container-center-padding-inline));
		z-index: 17;
		width: 2.25rem;
		height: 2.25rem;
	}

	.rd-navbar-fixed .rdn-mobile-phone-btn a {
		display: block;
		height: 100%;
		border-radius: var(--border-radius);
		/* border: .063rem solid var(--border-color); */
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='svg1' width='17' height='17' fill='hsl(0 0% 17%)' viewBox='0 -960 680 680'%3E%3Cpath id='path1' d='M637.61-280q-113.07 0-227.19-52.58-114.11-52.58-209.88-148.34-95.38-95.77-147.96-209.7Q0-804.54 0-917.61q0-18 12-30.2Q24-960 42-960h130.46q15.15 0 26.73 9.89 11.58 9.88 14.73 24.42L236.85-808q2.38 16.38-1 28.15-3.39 11.77-12.16 19.77l-92.38 89.93q22.3 40.84 50.96 77.27 28.65 36.42 62.04 69.57 32.92 32.93 70 61.16t80.08 52.54l89.76-90.54q9.39-9.77 22.74-13.7 13.34-3.92 27.73-1.92l111.07 22.62q15.15 4 24.73 15.46t9.58 26V-322q0 18-12.19 30-12.2 12-30.2 12'/%3E%3C/svg%3E") no-repeat center / auto 1.125rem;
	}

	.rd-navbar-fixed .rdn-mobile-phone-btn a:active {
		background-color: var(--border-color);
	}

/* rdn-top-panel
================================================================================ */
.rdn-top-panel {
	background: var(--dark-color);
}

	.rd-navbar-fixed .rdn-top-panel {
		display: none;
	}

.rdn-top-panel .container-center {
	display: flex;
	align-items: center;
	padding-block: .625rem;

	/* background: palegreen; */
}

/* left-rdn-top-panel
============================================================ */
.left-rdn-top-panel {
	display: flex;
	align-items: center;
	color: var(--white-color);

	/* background: #999; */
}

/* right-rdn-top-panel
============================================================ */
.right-rdn-top-panel {
	margin-left: auto;

	/* background: #777; */
}

.nav-top {
	display: flex;
}

.nav-top li {
	margin-left: 1.25rem;
}

.nav-top li a {
	color: var(--white-color);
	font-size: 1rem;
	transition: color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.nav-top li a:hover {
		color: var(--accent-color);
	}

}

/* rdn-main-panel
================================================================================ */
.rdn-main-panel {
	--rdn-logo-width: 13.75rem;
	--height-rdn-search: 2.5rem;

	/* background: #ccc; */
}

.rdn-main-panel .container-center {
	display: flex;
	padding-block: 2.25rem;
	align-items: center;
}

@media (max-width: 74.98rem) {

	.rdn-main-panel .container-center {
		padding-block: 0;
	}

}

/* rdn-logo
============================================================ */
.rd-navbar-static .rdn-logo {
	flex-basis: var(--rdn-logo-width);
	width: var(--rdn-logo-width);

	/* background: red; */
}

	.rd-navbar-fixed .rdn-logo {
		display: block;
		position: fixed;
		top: .75rem;
		left: var(--container-center-padding-inline);
		z-index: 17;
		width: 50%;

		/* background: #00bfa5; */
	}

	.rd-navbar-fixed .rdn-logo img {
		width: auto;
		max-width: none;
		height: 1.5rem;
	}

/* rdn-search-panel
============================================================ */
.rdn-search-panel {
	flex-grow: 1;
	margin-inline: auto;
	padding-inline: clamp(2.5rem, -22.5rem + 33.3333vw, 5rem);

	/* border: 2px solid green; */

	/* background: green; */
}

/* rdn-search-form
======================================== */
.rdn-search-form {
	display: flex;
	height: var(--height-rdn-search);

	/* border: 2px solid palevioletred; */

	/* background: chartreuse; */
}

.rdn-search-input {
	flex-basis: calc(100% - var(--height-rdn-search));
	width: calc(100% - var(--height-rdn-search));
	height: var(--height-rdn-search);
	margin: 0;
	padding-inline: .938rem;
	border-radius: var(--border-radius) 0 0 var(--border-radius);;

	/* border-color: blue; */
}

/* ======= классическое исчезновение placeholder-а ======= */
.rdn-search-input::-webkit-input-placeholder {
	color: var(--text-color);
}

.rdn-search-input::-moz-placeholder {
	color: var(--text-color);
}

.rdn-search-input::-moz-placeholder {
	color: var(--text-color);
}

.rdn-search-input::-ms-input-placeholder {
	color: var(--text-color);
}

.rdn-search-input::-ms-input-placeholder {
	color: var(--text-color);
}

.rdn-search-input::placeholder {
	color: var(--text-color);
}
/* ======= /классическое исчезновение placeholder-а ======= */

.rdn-search-submit {
	flex-basis: var(--height-rdn-search);
	width: var(--height-rdn-search);
	height: var(--height-rdn-search);
	padding: 0;
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
	background: var(--accent-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='svg1' width='20' height='20' fill='hsl(0 0% 100%)' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath id='path1' fill-rule='nonzero' d='M13.97 15.031a8.48 8.48 0 0 1-5.461 1.985C3.812 17.016 0 13.204 0 8.508S3.812 0 8.509 0c4.695 0 8.508 3.812 8.508 8.508a8.48 8.48 0 0 1-1.985 5.461l4.749 4.75a.75.75 0 0 1 .219.531c0 .587-.537.75-.75.75a.75.75 0 0 1-.531-.22ZM8.509 1.501a7.01 7.01 0 0 0-7.007 7.007 7.01 7.01 0 0 0 7.007 7.007 7.01 7.01 0 0 0 7.007-7.007 7.01 7.01 0 0 0-7.007-7.007'/%3E%3C/svg%3E") no-repeat center / auto 1.125rem;
	cursor: pointer;

	/* background-color: green; */
}

@media (hover: hover) and (pointer: fine) {

	.rdn-search-submit:hover {
		background-color: var(--dark-color);
	}

}

.rdn-search-submit:active {
	background-color: var(--dark-color);
}

	.rd-navbar-fixed .rdn-search-panel {
		display: block;
		position: fixed;
		top: 3.125rem;
		right: 0;
		left: 0;
		z-index: 15;
		flex-basis: 100%;
		width: 100%;
		height: auto;
		padding: var(--container-center-padding-inline);
		opacity: 0;
		visibility: hidden;
		box-shadow: 0 .063rem .188rem 0 rgba(0, 0, 0, .3);
		background: var(--light-bg);
		transition: opacity .3s ease-in-out, 
					visibility .3s ease-in-out;
	}

	.rd-navbar-fixed .rdn-search-panel.active {
		opacity: 1;
		visibility: visible;
		z-index: 5555;
	}

/* rdn-contacts
============================================================ */
.rdn-contacts {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.rd-navbar-fixed .rdn-contacts {
	display: none;
}


.rdn-contacts .phone {
	margin-right: .875rem;
}

.rdn-contacts .phone a {
	display: block;
	color: var(--dark-color);
	font-weight: 700;
	font-size: 1.5rem;
	transition: color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.rdn-contacts .phone a:hover {
		color: var(--accent-color);
	}

}

.rdn-contacts .phone span {
	display: block;
	color: var(--grey-color);
	font-size: .875rem;
	letter-spacing: .015rem;
}


.rdn-contacts .mail-btn {
	position: relative;
	z-index: 1;
	flex-basis: var(--height-rdn-search);
	width: var(--height-rdn-search);
	height: var(--height-rdn-search);
	margin-right: .25rem;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 20' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25.000000' height='20.000000' fill='none' customFrame='%23000000'%3E%3Cpath id='mail' d='M2.5 20C1.8125 20 1.22396 19.7552 0.734375 19.2656C0.244792 18.776 0 18.1875 0 17.5L0 2.5C0 1.8125 0.244792 1.22396 0.734375 0.734375C1.22396 0.244792 1.8125 0 2.5 0L22.5 0C23.1875 0 23.776 0.244792 24.2656 0.734375C24.7552 1.22396 25 1.8125 25 2.5L25 17.5C25 18.1875 24.7552 18.776 24.2656 19.2656C23.776 19.7552 23.1875 20 22.5 20L2.5 20ZM12.5 11.25L2.5 5L2.5 17.5L22.5 17.5L22.5 5L12.5 11.25ZM12.5 8.75L22.5 2.5L2.5 2.5L12.5 8.75ZM2.5 5L2.5 2.5L2.5 17.5L2.5 5Z' fill='hsl(0 0% 17%)' fill-rule='nonzero' /%3E%3C/svg%3E%0A") no-repeat center / auto 1.25rem;
	transition: background-image .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.rdn-contacts .mail-btn:hover {
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 20' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25.000000' height='20.000000' fill='none' customFrame='%23000000'%3E%3Cpath id='mail' d='M2.5 20C1.8125 20 1.22396 19.7552 0.734375 19.2656C0.244792 18.776 0 18.1875 0 17.5L0 2.5C0 1.8125 0.244792 1.22396 0.734375 0.734375C1.22396 0.244792 1.8125 0 2.5 0L22.5 0C23.1875 0 23.776 0.244792 24.2656 0.734375C24.7552 1.22396 25 1.8125 25 2.5L25 17.5C25 18.1875 24.7552 18.776 24.2656 19.2656C23.776 19.7552 23.1875 20 22.5 20L2.5 20ZM12.5 11.25L2.5 5L2.5 17.5L22.5 17.5L22.5 5L12.5 11.25ZM12.5 8.75L22.5 2.5L2.5 2.5L12.5 8.75ZM2.5 5L2.5 2.5L2.5 17.5L2.5 5Z' fill='hsl(14 100% 57%)' fill-rule='nonzero' /%3E%3C/svg%3E%0A");
	}

}


.rdn-contacts .max {
	margin-right: .5rem;
	flex-basis: var(--height-rdn-search);
	width: var(--height-rdn-search);
	height: var(--height-rdn-search);
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 28.1077 28' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28.107666' height='28.000000' fill='none' customFrame='%23000000'%3E%3Cpath id='Убрать верхний слой' d='M7.88552 26.1361C8.00484 26.0089 8.201 25.9815 8.34338 26.0823C10.4147 27.5488 11.7028 27.9227 14.3572 27.9227C21.8391 27.9227 28.1077 21.7921 28.1077 14.0387C28.1077 6.28535 22.0324 0 14.2838 0C6.53525 0 0 5.99276 0 13.9614C0 17.303 0.612831 19.6023 1.16375 21.6692C1.61358 23.3569 2.02214 24.8897 2.02214 26.7087C2.2091 29.0303 6.29068 27.8371 7.88552 26.1361ZM14.7011 3.86744C9.41512 3.58972 5.2901 7.26453 4.38047 13.0162C3.62719 17.7793 4.96275 23.5832 6.10512 23.8753C6.58965 23.9992 7.75564 23.1057 8.60396 22.3043C8.76344 22.1536 9.0046 22.1282 9.19163 22.2428C10.514 23.053 12.0112 23.6618 13.6618 23.7485C19.0885 24.0336 23.8976 19.7784 24.1818 14.3411C24.4661 8.90379 20.1278 4.15255 14.7011 3.86744Z' fill='hsl(0 0% 17%)' fill-rule='evenodd' /%3E%3C/svg%3E%0A") no-repeat center / auto 1.375rem;
	transition: background-image .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.rdn-contacts .max:hover {
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 28.1077 28' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28.107666' height='28.000000' fill='none' customFrame='%23000000'%3E%3Cpath id='Убрать верхний слой' d='M7.88552 26.1361C8.00484 26.0089 8.201 25.9815 8.34338 26.0823C10.4147 27.5488 11.7028 27.9227 14.3572 27.9227C21.8391 27.9227 28.1077 21.7921 28.1077 14.0387C28.1077 6.28535 22.0324 0 14.2838 0C6.53525 0 0 5.99276 0 13.9614C0 17.303 0.612831 19.6023 1.16375 21.6692C1.61358 23.3569 2.02214 24.8897 2.02214 26.7087C2.2091 29.0303 6.29068 27.8371 7.88552 26.1361ZM14.7011 3.86744C9.41512 3.58972 5.2901 7.26453 4.38047 13.0162C3.62719 17.7793 4.96275 23.5832 6.10512 23.8753C6.58965 23.9992 7.75564 23.1057 8.60396 22.3043C8.76344 22.1536 9.0046 22.1282 9.19163 22.2428C10.514 23.053 12.0112 23.6618 13.6618 23.7485C19.0885 24.0336 23.8976 19.7784 24.1818 14.3411C24.4661 8.90379 20.1278 4.15255 14.7011 3.86744Z' fill='hsl(14 100% 57%)' fill-rule='evenodd' /%3E%3C/svg%3E%0A");
	}

}


.rdn-contacts .a-link {
	position: relative;
	z-index: 1;
	margin: 0 1.875rem 0 0;

	/* background: pink; */
}

.rdn-contacts .a-link::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -1.25rem;
	transform: translateY(-50%);
	z-index: -1;
	width: .063rem;
	height: calc(100% + .625rem);
	background: var(--border-color);
}

/* rdn-cart-wrap
============================================================ */
.rd-navbar-static .rdn-cart-wrap {
	position: relative;
	z-index: 3;
	flex-basis: var(--height-rdn-search);
	width: var(--height-rdn-search);
	height: var(--height-rdn-search);

	/* background: palegreen; */
}

/* rdn-cart-toggle
======================================== */
.rdn-cart-toggle {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 27.9741 28' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27.974121' height='28.000000' fill='none' customFrame='%23000000'%3E%3Cpath id='cart' d='M6.4225 27.1775C5.87417 26.6292 5.6 25.97 5.6 25.2C5.6 24.43 5.87417 23.7708 6.4225 23.2225C6.97083 22.6742 7.63 22.4 8.4 22.4C9.17 22.4 9.82917 22.6742 10.3775 23.2225C10.9258 23.7708 11.2 24.43 11.2 25.2C11.2 25.97 10.9258 26.6292 10.3775 27.1775C9.82917 27.7258 9.17 28 8.4 28C7.63 28 6.97083 27.7258 6.4225 27.1775ZM20.4225 27.1775C19.8742 26.6292 19.6 25.97 19.6 25.2C19.6 24.43 19.8742 23.7708 20.4225 23.2225C20.9708 22.6742 21.63 22.4 22.4 22.4C23.17 22.4 23.8292 22.6742 24.3775 23.2225C24.9258 23.7708 25.2 24.43 25.2 25.2C25.2 25.97 24.9258 26.6292 24.3775 27.1775C23.8292 27.7258 23.17 28 22.4 28C21.63 28 20.9708 27.7258 20.4225 27.1775ZM7.21 5.6L10.57 12.6L20.37 12.6L24.22 5.6L7.21 5.6ZM5.88 2.8L26.53 2.8C27.0667 2.8 27.475 3.03917 27.755 3.5175C28.035 3.99583 28.0467 4.48 27.79 4.97L22.82 13.93C22.5633 14.3967 22.2192 14.7583 21.7875 15.015C21.3558 15.2717 20.8833 15.4 20.37 15.4L9.94 15.4L8.4 18.2L25.2 18.2L25.2 21L8.4 21C7.35 21 6.55667 20.5392 6.02 19.6175C5.48333 18.6958 5.46 17.78 5.95 16.87L7.84 13.44L2.8 2.8L0 2.8L0 0L4.55 0L5.88 2.8ZM10.57 12.6L20.37 12.6L10.57 12.6Z' fill='hsl(0 0% 17%)' fill-rule='nonzero' /%3E%3C/svg%3E%0A") no-repeat center / auto 1.5rem;
	cursor: pointer;
	transition: background .2s .02s linear;

	/* background: red; */
}

@media (hover: hover) and (pointer: fine) {

	.rdn-cart-toggle:hover {
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 27.9741 28' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27.974121' height='28.000000' fill='none' customFrame='%23000000'%3E%3Cpath id='cart' d='M6.4225 27.1775C5.87417 26.6292 5.6 25.97 5.6 25.2C5.6 24.43 5.87417 23.7708 6.4225 23.2225C6.97083 22.6742 7.63 22.4 8.4 22.4C9.17 22.4 9.82917 22.6742 10.3775 23.2225C10.9258 23.7708 11.2 24.43 11.2 25.2C11.2 25.97 10.9258 26.6292 10.3775 27.1775C9.82917 27.7258 9.17 28 8.4 28C7.63 28 6.97083 27.7258 6.4225 27.1775ZM20.4225 27.1775C19.8742 26.6292 19.6 25.97 19.6 25.2C19.6 24.43 19.8742 23.7708 20.4225 23.2225C20.9708 22.6742 21.63 22.4 22.4 22.4C23.17 22.4 23.8292 22.6742 24.3775 23.2225C24.9258 23.7708 25.2 24.43 25.2 25.2C25.2 25.97 24.9258 26.6292 24.3775 27.1775C23.8292 27.7258 23.17 28 22.4 28C21.63 28 20.9708 27.7258 20.4225 27.1775ZM7.21 5.6L10.57 12.6L20.37 12.6L24.22 5.6L7.21 5.6ZM5.88 2.8L26.53 2.8C27.0667 2.8 27.475 3.03917 27.755 3.5175C28.035 3.99583 28.0467 4.48 27.79 4.97L22.82 13.93C22.5633 14.3967 22.2192 14.7583 21.7875 15.015C21.3558 15.2717 20.8833 15.4 20.37 15.4L9.94 15.4L8.4 18.2L25.2 18.2L25.2 21L8.4 21C7.35 21 6.55667 20.5392 6.02 19.6175C5.48333 18.6958 5.46 17.78 5.95 16.87L7.84 13.44L2.8 2.8L0 2.8L0 0L4.55 0L5.88 2.8ZM10.57 12.6L20.37 12.6L10.57 12.6Z' fill='hsl(14 100% 57%)' fill-rule='nonzero' /%3E%3C/svg%3E%0A");
	}

}

.rdn-cart-toggle.active {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='hsl(14 100% 57%)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / auto 1.5rem;
}

/* rdn-cart-toggle-quantity
==================== */
.rdn-cart-toggle .rdn-cart-toggle-quantity {
	display: block;
	position: absolute;
	top: -.5rem;
	left: 50%;
	transform: translateX(-50%);
	padding: .125rem .25rem;
	border-radius: var(--border-radius);
	background: var(--accent-color);
	color: var(--white-color);
	font-size: .75rem;
}

.rdn-cart-toggle .rdn-cart-toggle-quantity i {
	display: inline-block;
	font-style: normal;
	font-weight: 600;
}

/* rdn-cart-buy
======================================== */
.rdn-cart-buy {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 1rem;
	border-radius: 0 0 var(--border-radius) var(--border-radius);
	box-shadow: 0 .125rem .25rem -.125rem hsl(60 1% 17% / .8);
	background: var(--accent-color);
	transition: background .3s .02s ease;
	color: var(--white-color);
	font-weight: 500;
	font-size: .875rem;
	text-transform: uppercase;
	text-align: center;
}

@media (hover: hover) and (pointer: fine) {

	.rdn-cart-buy:hover {
		background: var(--dark-color);
	}

}

.rdn-cart-buy::before {
	content: "";
	flex-basis: 1.375rem;
	width: 1.375rem;
	height: 1.375rem;
	margin: 0 .375rem 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='hsl(0 0% 100%)' width='24'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}


.rd-navbar-static .rdn-cart-floating .rdn-cart-buy {
	display: none;
}

	.rd-navbar-fixed .rdn-cart .rdn-cart-buy {
		display: none;
	}

/* rdn-cart
======================================== */
.rdn-cart {
	display: none;
	position: relative;
	z-index: 333;
	width: 100%;
	height: 20.5rem;
	border-radius: var(--border-radius) var(--border-radius) 0 0;
	background: var(--white-color);
	color: var(--text-color);
	text-align: left;

	/* background: paleturquoise; */
}

.rdn-cart::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;	
	z-index: -1;
	width: 100%;
	height: 3.125rem;
	background: linear-gradient(var(--white-color), hsl(0 0% 100% / 0));
}


.rd-navbar-static .rdn-cart {
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 2;
	transform: translateY(1.25rem);
	width: 20rem;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 .125rem .25rem -.125rem hsl(60 1% 17% / .8);
	transition: .3s all ease;
}

.rd-navbar-static .rdn-cart.active {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

	.rd-navbar-fixed .rdn-cart {
		display: block;
		position: fixed;
		top: 100%;
		left: 0;
		z-index: 22;

		/* background: red; */
	}

	.rd-navbar-fixed .rdn-cart.active {
		transform: translateY(-100%);
	}

/* rdn-cart-items
======================================== */
.rdn-cart-items {
	max-height: 100%;
	height: 100%;
	padding: 1.313rem 0 0;
	overflow: auto;
}

.rdn-cart-items::-webkit-scrollbar {
	width: .25rem;
}

.rdn-cart-items::-webkit-scrollbar-thumb {
	background: var(--border-color);
}

.rdn-cart-item {
	display: flex;
	position: relative;
	width: 100%;
	padding: .5rem 0;

	/* background: red; */
}

.rdn-cart-item::after {
	content: "";
	display: block;
	position: absolute;
	right: .625rem;
	bottom: 0;
	left: .625rem;
	height: .063rem;
	background: var(--border-color);
}


.rdn-cart-item-left {
	flex-basis: 3.75rem;
	width: 3.75rem;
	padding: 0 0 0 .625rem;
}

.rdn-cart-item-left a {
	display: block;
	margin: .188rem 0 0;
}


.rdn-cart-item-body {
	flex-basis: calc(100% - 3.75rem - 2.125rem);
	width: calc(100% - 3.75rem - 2.125rem);
	padding: 0 .625rem;
}

.rdn-cart-item-title {
	display: block;
	color: var(--accent-color);
	transition: color .3s .02s linear;
	font-size: .875rem;
	line-height: 1.2;
	text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {

	.rdn-cart-item-title:hover {
		color: var(--text-color);
		text-decoration: none;
	}

}

.rdn-cart-item-counter {
	display: block;
	margin: .313rem 0 0;
	font-size: .875rem;
	line-height: 1.3;

	/* background: pink; */
}


.rdn-cart-item-remove {
	flex-basis: 2.125rem;
	width: 2.125rem;
	margin-left: auto;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='hsl(0 0% 64%)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / 1rem auto;
	transition: all .2s .02s ease;
}

@media (hover: hover) and (pointer: fine) {

	.rdn-cart-item-remove:hover {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='hsl(0 0% 23%)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / 1rem auto;
	}

}


.rdn-cart-empty {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	font-weight: 500;
	text-align: center;

	/* background: palegoldenrod; */
}

.rdn-cart-empty span {
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	margin: 0 auto 1.25rem;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 27.9741 28' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27.974121' height='28.000000' fill='none' customFrame='%23000000'%3E%3Cpath id='cart' d='M6.4225 27.1775C5.87417 26.6292 5.6 25.97 5.6 25.2C5.6 24.43 5.87417 23.7708 6.4225 23.2225C6.97083 22.6742 7.63 22.4 8.4 22.4C9.17 22.4 9.82917 22.6742 10.3775 23.2225C10.9258 23.7708 11.2 24.43 11.2 25.2C11.2 25.97 10.9258 26.6292 10.3775 27.1775C9.82917 27.7258 9.17 28 8.4 28C7.63 28 6.97083 27.7258 6.4225 27.1775ZM20.4225 27.1775C19.8742 26.6292 19.6 25.97 19.6 25.2C19.6 24.43 19.8742 23.7708 20.4225 23.2225C20.9708 22.6742 21.63 22.4 22.4 22.4C23.17 22.4 23.8292 22.6742 24.3775 23.2225C24.9258 23.7708 25.2 24.43 25.2 25.2C25.2 25.97 24.9258 26.6292 24.3775 27.1775C23.8292 27.7258 23.17 28 22.4 28C21.63 28 20.9708 27.7258 20.4225 27.1775ZM7.21 5.6L10.57 12.6L20.37 12.6L24.22 5.6L7.21 5.6ZM5.88 2.8L26.53 2.8C27.0667 2.8 27.475 3.03917 27.755 3.5175C28.035 3.99583 28.0467 4.48 27.79 4.97L22.82 13.93C22.5633 14.3967 22.2192 14.7583 21.7875 15.015C21.3558 15.2717 20.8833 15.4 20.37 15.4L9.94 15.4L8.4 18.2L25.2 18.2L25.2 21L8.4 21C7.35 21 6.55667 20.5392 6.02 19.6175C5.48333 18.6958 5.46 17.78 5.95 16.87L7.84 13.44L2.8 2.8L0 2.8L0 0L4.55 0L5.88 2.8ZM10.57 12.6L20.37 12.6L10.57 12.6Z' fill='hsl(0 0% 60%)' fill-rule='nonzero' /%3E%3C/svg%3E%0A") no-repeat center / auto 100%;
}

	.rd-navbar-fixed .rdn-cart-floating {
		display: block;
		position: fixed;
		bottom: .938rem;
		right: .938rem;
		z-index: 5555 !important;
		width: 3.5rem;
		height: 3.5rem;
		overflow: hidden;
		border-radius: 100%;
		box-shadow: 0 .125rem .25rem -.125rem hsl(60 1% 17% / .8);
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		transition: .3s all ease;

		/* background: red; */
	}

	.rd-navbar-fixed .rdn-cart {
		border-top: .063rem solid var(--border-color);
	}

	.rd-navbar-fixed .rdn-cart-floating .rdn-cart-toggle {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--accent-color) url("data:image/svg+xml,%3Csvg viewBox='0 0 27.9741 28' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27.974121' height='28.000000' fill='none' customFrame='%23000000'%3E%3Cpath id='cart' d='M6.4225 27.1775C5.87417 26.6292 5.6 25.97 5.6 25.2C5.6 24.43 5.87417 23.7708 6.4225 23.2225C6.97083 22.6742 7.63 22.4 8.4 22.4C9.17 22.4 9.82917 22.6742 10.3775 23.2225C10.9258 23.7708 11.2 24.43 11.2 25.2C11.2 25.97 10.9258 26.6292 10.3775 27.1775C9.82917 27.7258 9.17 28 8.4 28C7.63 28 6.97083 27.7258 6.4225 27.1775ZM20.4225 27.1775C19.8742 26.6292 19.6 25.97 19.6 25.2C19.6 24.43 19.8742 23.7708 20.4225 23.2225C20.9708 22.6742 21.63 22.4 22.4 22.4C23.17 22.4 23.8292 22.6742 24.3775 23.2225C24.9258 23.7708 25.2 24.43 25.2 25.2C25.2 25.97 24.9258 26.6292 24.3775 27.1775C23.8292 27.7258 23.17 28 22.4 28C21.63 28 20.9708 27.7258 20.4225 27.1775ZM7.21 5.6L10.57 12.6L20.37 12.6L24.22 5.6L7.21 5.6ZM5.88 2.8L26.53 2.8C27.0667 2.8 27.475 3.03917 27.755 3.5175C28.035 3.99583 28.0467 4.48 27.79 4.97L22.82 13.93C22.5633 14.3967 22.2192 14.7583 21.7875 15.015C21.3558 15.2717 20.8833 15.4 20.37 15.4L9.94 15.4L8.4 18.2L25.2 18.2L25.2 21L8.4 21C7.35 21 6.55667 20.5392 6.02 19.6175C5.48333 18.6958 5.46 17.78 5.95 16.87L7.84 13.44L2.8 2.8L0 2.8L0 0L4.55 0L5.88 2.8ZM10.57 12.6L20.37 12.6L10.57 12.6Z' fill='hsl(0 0% 100%)' fill-rule='nonzero' /%3E%3C/svg%3E%0A") no-repeat center / auto 1.5rem;
	}

	.rd-navbar-fixed .rdn-cart-toggle .rdn-cart-toggle-quantity {
		display: none !important;
	}

	.rd-navbar-fixed .rdn-cart-floating.active .rdn-cart-toggle {
		visibility: hidden;
		opacity: 0;
	}

	.rd-navbar-fixed .rdn-cart-floating .rdn-cart-buy {
		opacity: 0;
		visibility: hidden;
	}

	.rd-navbar-fixed .rdn-cart-floating.active {
		right: 0;
		bottom: 0 !important;
		width: 100%;
		border-radius: 0;
		box-shadow: none;
	}

	.rd-navbar-fixed .rdn-cart-floating.active .rdn-cart-buy {
		bottom: -.25rem;
		opacity: 1;
		visibility: visible;

		/* background: red; */
	}

	.rd-navbar-fixed .rdn-cart-item-remove {
		width: 2.875rem;
	}

/* rdn-nav
================================================================================ */
.rdn-nav {
	background: var(--dark-color);
}

.rdn-nav .container-center {
	display: flex;
	align-items: center;
	padding-block: .625rem;

	/* background: palegoldenrod; */
}

@media (max-width: 74.937rem) {

	.rdn-nav .container-center {
		flex-direction: column;
		align-items: stretch;
	}

}

	.rd-navbar-fixed .rdn-nav {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 15;
		width: 100%;
		margin: 0;
		padding: 5rem 0 2.5rem 0;
		box-shadow: .125rem 1.25rem .125rem hsl(30 100% 6% / .2);
		overflow-y: auto;
		background: var(--white-color);
		transform: translateX(-105%);
		transition: all .3s ease;

		/* background: #ccc; */
	}

	/* .rd-navbar-fixed .rdn-nav nav {
		background: #4caf50;
	} */

	.rd-navbar-fixed .rdn-nav.active {
		transform: translateX(0)
	}

	.rd-navbar-fixed .ul-rdn-nav {
		overflow: auto;

		/* background: pink; */
	}

/* rnd-mobile-contacts
======================================== */
.rd-navbar-static .rnd-mobile-contacts {
	display: none;
}

	.rd-navbar-fixed .rnd-mobile-contacts {
		padding: .938rem;
		margin-bottom: 1.5rem;
		border: .063rem solid var(--border-color);
		border-radius: var(--border-radius);
		background: var(--dark-color);
	}


	.rnd-mobile-contacts .phone {
		display: block;
		margin-bottom: 1rem;
		color: var(--white-color);
		font-weight: 600;
		font-size: 1.375rem;
	}

	.rnd-mobile-contacts .phone:active {
		color: var(--grey-color);
	}


	.mess-rnd-mobile-contacts {
		display: flex;
		margin-bottom: 1.25rem;
	}

	.rnd-mobile-contacts .mail-btn {
		flex-basis: 2.25rem;
		width: 2.25rem;
		height: 2.25rem;
		margin-right: .5rem;
		border-radius: var(--border-radius);
		background: var(--white-color) url("data:image/svg+xml,%3Csvg viewBox='0 0 25 20' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25.000000' height='20.000000' fill='none' customFrame='%23000000'%3E%3Cpath id='mail' d='M2.5 20C1.8125 20 1.22396 19.7552 0.734375 19.2656C0.244792 18.776 0 18.1875 0 17.5L0 2.5C0 1.8125 0.244792 1.22396 0.734375 0.734375C1.22396 0.244792 1.8125 0 2.5 0L22.5 0C23.1875 0 23.776 0.244792 24.2656 0.734375C24.7552 1.22396 25 1.8125 25 2.5L25 17.5C25 18.1875 24.7552 18.776 24.2656 19.2656C23.776 19.7552 23.1875 20 22.5 20L2.5 20ZM12.5 11.25L2.5 5L2.5 17.5L22.5 17.5L22.5 5L12.5 11.25ZM12.5 8.75L22.5 2.5L2.5 2.5L12.5 8.75ZM2.5 5L2.5 2.5L2.5 17.5L2.5 5Z' fill='hsl(0 0% 17%)' fill-rule='nonzero' /%3E%3C/svg%3E%0A") no-repeat center / auto 1rem;
		transition: background-image .2s linear .02s;
	}

	.rnd-mobile-contacts .mail-btn:active {
		background: var(--grey-color);
	}

	.rnd-mobile-contacts .sms {
		flex-basis: 2.25rem;
		width: 2.25rem;
		height: 2.25rem;
		margin-right: .5rem;
		padding-top: .375rem;
		display: flex;
		justify-content: center;
		border-radius: var(--border-radius);
		background: var(--white-color);
		font-weight: 600;
	}
	.rnd-mobile-contacts .sms:active {
		background: var(--grey-color);
	}


	.rnd-mobile-contacts .max {
		flex-basis: 2.25rem;
		width: 2.25rem;
		height: 2.25rem;
		margin-right: .5rem;
		border-radius: var(--border-radius);
		background: var(--white-color) url("data:image/svg+xml,%3Csvg viewBox='0 0 28.1077 28' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28.107666' height='28.000000' fill='none' customFrame='%23000000'%3E%3Cpath id='Убрать верхний слой' d='M7.88552 26.1361C8.00484 26.0089 8.201 25.9815 8.34338 26.0823C10.4147 27.5488 11.7028 27.9227 14.3572 27.9227C21.8391 27.9227 28.1077 21.7921 28.1077 14.0387C28.1077 6.28535 22.0324 0 14.2838 0C6.53525 0 0 5.99276 0 13.9614C0 17.303 0.612831 19.6023 1.16375 21.6692C1.61358 23.3569 2.02214 24.8897 2.02214 26.7087C2.2091 29.0303 6.29068 27.8371 7.88552 26.1361ZM14.7011 3.86744C9.41512 3.58972 5.2901 7.26453 4.38047 13.0162C3.62719 17.7793 4.96275 23.5832 6.10512 23.8753C6.58965 23.9992 7.75564 23.1057 8.60396 22.3043C8.76344 22.1536 9.0046 22.1282 9.19163 22.2428C10.514 23.053 12.0112 23.6618 13.6618 23.7485C19.0885 24.0336 23.8976 19.7784 24.1818 14.3411C24.4661 8.90379 20.1278 4.15255 14.7011 3.86744Z' fill='hsl(0 0% 17%)' fill-rule='evenodd' /%3E%3C/svg%3E%0A") no-repeat center / auto 1.25rem;
	}

	.rnd-mobile-contacts .max:active {
		background: var(--grey-color);
	}


	.link-rnd-mobile-contacts {
		display: block;
	}

	.link-rnd-mobile-contacts a {
		display: inline-block;
		padding: .625rem 1.25rem;
		border-radius: var(--border-radius);
		background: var(--accent-color);
		color: var(--white-color);
		font-size: .75rem;
		text-transform: uppercase;
	}

	.link-rnd-mobile-contacts a:active {
		background: var(--grey-color);
	}

/* nav-rdn-nav
======================================== */
/* .nav-rdn-nav {
	background: palevioletred;
} */

.rd-navbar-static .ul-rdn-nav {
	display: flex;
	align-items: center;

	/* background: palegreen; */
}

.rd-navbar-static .ul-rdn-nav > li:not(:first-child) {
	margin-left: 1.125rem;
}

.rd-navbar-static .ul-rdn-nav > li > a {
	display: block;
	position: relative;
	z-index: 1;
	color: var(--white-color);
	font-size: 1rem;
	transition: all .3s .02s linear;

	/* background: #ccc; */
}

.rd-navbar-static .ul-rdn-nav > li.catalog > a {
	margin-right: .625rem;
	padding: .625rem 2rem .625rem 2.625rem;
	border: .063rem solid var(--accent-color);
	border-radius: var(--border-radius);
	background: var(--accent-color) url("data:image/svg+xml,%3Csvg viewBox='0 0 16 10.5' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16.000000' height='10.500000' fill='none' customFrame='%23000000'%3E%3Cpath id='path' d='M4.109e-06 10.4999L6.45593e-06 9L4.75001 9L4.75002 10.4999L2.32741 10.476L4.109e-06 10.4999ZM0 6.0002L6.45593e-06 4.5L10.3654 4.5L10.3654 5.99991L0 6.0002ZM1.29119e-05 1.5002L6.45593e-06 0L16 0L16 1.5002L8 1.5002L1.29119e-05 1.5002Z' fill='rgb(255,255,255)' fill-rule='nonzero' /%3E%3C/svg%3E%0A") no-repeat 1rem .938rem / auto .625rem;
	font-weight: 500;
	text-transform: uppercase;

	/* background: palegoldenrod; */
}

@media (hover: hover) and (pointer: fine) {

	.rd-navbar-static .ul-rdn-nav > li > a:hover {
		color: var(--accent-color);
	}

	.rd-navbar-static .ul-rdn-nav > li.catalog > a:hover {
		border-color: var(--white-color);
		background-color: transparent;
		color: var(--white-color);
	}

}

.rd-navbar-static .ul-rdn-nav > li.catalog.active > a,
.rd-navbar-static .ul-rdn-nav > li.catalog.opened > a,
.rd-navbar-static .ul-rdn-nav > li.catalog.focus > a {
	border-color: var(--white-color);
	background-color: transparent;
	color: var(--white-color);
}

/* .rd-navbar-static .ul-rdn-nav > li.focus > a:hover {
	color: var(--white-color);
} */

/* ======= arrows inside the menu ======= */
.rd-navbar-static .rd-navbar-submenu-toggle {
	display: block;
	position: absolute;
	top: 50%;
	right: 1.25rem;
	transform: translateY(-50%);
	z-index: 1;
	width: 1rem;
	height: 1rem;
	cursor: pointer;

	/* background: red; */
}

.rd-navbar-static .rd-navbar-submenu-toggle::after {
	content: "";
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(0 0% 100%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
	transition: background .2s linear,
				transform .2s linear;

	/* background: palegreen; */
}

.rd-navbar-static .ul-rdn-nav > li.focus > .rd-navbar-submenu-toggle::after,
.rd-navbar-static .ul-rdn-nav > li.opened > .rd-navbar-submenu-toggle::after,
.rd-navbar-static .ul-rdn-nav > li > a:hover + .rd-navbar-submenu-toggle::after {
	transform: rotate(180deg);
}


.rd-navbar-static .rd-navbar-dropdown .rd-navbar-submenu-toggle {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: .625rem;
	transform: translateY(-50%);
	z-index: 1;
	width: 1rem;
	height: 1rem;
}

.rd-navbar-static .rd-navbar-dropdown .rd-navbar-submenu-toggle::after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(0 0% 100%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E") no-repeat center / auto 1rem;
}

.rd-navbar-static .rd-navbar-dropdown > li.focus > .rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-dropdown > li.opened > .rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-dropdown > li > a:hover + .rd-navbar-submenu-toggle::after {
	transform: rotate(-90deg);
}

/* ======= rd-navbar-static rd-navbar-dropdown ======= */
.rd-navbar-static .rd-navbar-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	width: 21.5rem;
	box-shadow: 0 .125rem .25rem -.125rem hsl(60 1% 17% / .8);
	opacity: 0;
	visibility: hidden;
	transform: translateY(1.875rem);
	transition: all .2s linear .02s;

	/* background: red; */
}

@media (max-width: 87.48rem) {

	.rd-navbar-static .rd-navbar-dropdown {
		width: 18.75rem;
	}

}

/* .rd-navbar-static .ul-rdn-nav > li.parent:last-child .rd-navbar-dropdown {
	right: 0;
	left: auto;
} */

.rd-navbar-static .rd-navbar-dropdown li a {
	display: block;
	position: relative;
	z-index: 1;
	padding: 1rem 1rem 1rem 2rem;
	border-bottom: .063rem solid hsl(0 0% 96% / .1);
	background: var(--dark-color);
	color: var(--white-color);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.2;
	transition: all .2s linear .02s;

	/* background: pink; */
}

.rd-navbar-static .rd-navbar-dropdown > li:first-child > a:first-child {
	border-radius: var(--border-radius) var(--border-radius) 0 0;

	/* background: peru; */
}

/* .rd-navbar-static .rd-navbar-dropdown li:last-child a {
	border-bottom: transparent;
} */

.rd-navbar-static .rd-navbar-dropdown > li:last-child > a:last-child {
	border-radius: 0 0 var(--border-radius) var(--border-radius);

	/* background: peru; */
}

.rd-navbar-static .rd-navbar-dropdown li a::before {
	content: "";
	display: block;
	position: absolute;
	top: 1.563rem;
	left: 1rem;
	width: .25rem;
	height: .25rem;
	border-radius: 50%;
	background: var(--accent-color);
	transition: background .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.rd-navbar-static .rd-navbar-dropdown li a:hover {
		color: var(--accent-color);
	}

	/* .rd-navbar-static .rd-navbar-dropdown > li a:hover::before {
		background: var(--accent-color);
	} */

}

.rd-navbar-static .rd-navbar-dropdown li.active > a,
.rd-navbar-static .rd-navbar-dropdown li.focus > a,
.rd-navbar-static .rd-navbar-dropdown li.opened > a {
	color: var(--accent-color);
}


.rd-navbar-static .ul-rdn-nav li.rd-navbar--has-dropdown {
	position: relative;
}

.rd-navbar-static .ul-rdn-nav li.focus > .rd-navbar-dropdown,
.rd-navbar-static .ul-rdn-nav li.opened > .rd-navbar-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


.rd-navbar-static .ul-rdn-nav li > .rd-navbar-dropdown .rd-navbar-dropdown {
	top: 0;
	left: calc(100% + .063rem);
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	width: 50rem;
	overflow: hidden;
	border-radius: var(--border-radius);
	background: var(--dark-color);

	/* border: 3px solid green; */
}

.rd-navbar-static .ul-rdn-nav li > .rd-navbar-dropdown .rd-navbar-dropdown li {
	flex-basis: 50%;
	width: 50%;

	/* background: green; */
}

.rd-navbar-static .ul-rdn-nav li > .rd-navbar-dropdown .rd-navbar-dropdown a {
	height: 100%;
	border-right: .063rem solid hsl(0 0% 96% / .1);
}


	.rd-navbar-fixed .nav-rdn-nav {
		margin-inline: 0;
	}

	.rd-navbar-fixed .ul-rdn-nav > li > a {
		display: block;
		padding: .625rem 1rem;
		border-radius: var(--border-radius) 0 0 var(--border-radius);
		background: transparent;
		color: var(--black-color);
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.2;

		/* background: cadetblue; */
	}

	.rd-navbar-fixed .ul-rdn-nav > li > a:active {
		background: var(--border-color);
	} 

	.rd-navbar-fixed .ul-rdn-nav li.opened > a {
		color: var(--accent-color);
	}


	.rd-navbar-fixed .ul-rdn-nav > li.catalog {
		margin-bottom: .625rem;
	}

	.rd-navbar-fixed .ul-rdn-nav > li.catalog > a {
		border: .063rem solid var(--border-color);
		border-radius: var(--border-radius);
		background: var(--light-bg);
		font-weight: 600;
		font-size: .875rem;
		text-transform: uppercase;
		transition: color .2s linear .02s;
	}

	.rd-navbar-fixed .ul-rdn-nav > li.catalog > a:active {
		background: var(--border-color);
	}

	.rd-navbar-fixed .ul-rdn-nav li.catalog.opened > a {
		color: var(--accent-color);
	}


	.rd-navbar-fixed .rd-navbar-dropdown {
		display: none;
	}

	.rd-navbar-fixed .rd-navbar-submenu {
		position: relative;
	}

	.rd-navbar-fixed .rd-navbar-submenu > a {
		display: block;
		font-weight: 600;
		font-size: 1rem;
	}

	.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown {
		display: block;
		margin: 1rem 0 1.875rem 1rem;
	}

	.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li {
		margin-bottom: 1rem;
	}

	.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li a {
		display: block;
		padding-right: 2.5rem;
		font-weight: 400;
		font-size: 1rem;

		/* background: pink; */
	}

	.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li a:active {
		color: var(--accent-color);
	}

/* ======= arrows inside the menu ======= */
	.rd-navbar-fixed .rd-navbar-submenu-toggle {
		display: block;
		position: absolute;
		top: .25rem;
		right: .25rem;
		z-index: 100;
		width: 2rem;
		height: 2rem;
		overflow: hidden;
		border: .063rem solid var(--black-color);
		border-radius: var(--border-radius);
		cursor: pointer;

		/* background: #26A69A; */
	}

	.rd-navbar-fixed .rd-navbar-submenu-toggle::before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(60 1% 17%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E") no-repeat center / auto 1.375rem;
		transition: all .3s ease;
	}

	.rd-navbar-fixed .ul-rdn-nav li.opened > .rd-navbar-submenu-toggle::before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(14 100% 57%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E") no-repeat center /  auto 1.375rem;
		transform: rotate(180deg);
	}


	.rd-navbar-fixed .rd-navbar-submenu .rd-navbar--has-dropdown .rd-navbar-submenu-toggle {
		top: -.313rem;
		border-color: var(--border-color);
		
		/* background: red; */
	}

/* mobile-right-rdn-top-panel
======================================== */
.rd-navbar-static .mobile-right-rdn-top-panel {
	display: none;
}

	.rd-navbar-fixed .mobile-right-rdn-top-panel {
		margin-top: 1.5rem;
		padding-top: 1.5rem;
		border-top: .063rem solid var(--border-color);
	}


/* ====================================================================================================
	bread-crumbs
==================================================================================================== */
.bread-crumbs .container-center {
	padding: .938rem 1rem;

	/* background: #CCFFFF; */
}

.bread-crumbs ul li {
	display: inline-block;
	color: var(--grey-color);
	font-size: .875rem;

	/*background: lightgreen;*/
}

.bread-crumbs ul li:after {
	display: inline-block;
	margin: 0 .938rem;
	content: "/";

	/*background: #fff;*/
}

.bread-crumbs ul li:last-child:after {
	display: inline-block;
	margin: 0 0 0 .938rem;
	content: none;
}

.bread-crumbs ul li a {
	display: inline-block;
	color: var(--accent-color-2);
	-webkit-transition: color 0.2s 0.02s linear;
	transition: color 0.2s 0.02s linear;
	text-decoration: none;
}

.bread-crumbs ul li span.fa {
	display: inline-block;
	color: var(--accent-color-2);
	-webkit-transition: color 0.2s 0.02s linear;
	transition: color 0.2s 0.02s linear;
	font-size: .875rem;
}

.bread-crumbs ul li a:hover,
.bread-crumbs ul li a:active {
	color: var(--accent-color);
}

.bread-crumbs ul li a:hover span.fa,
.bread-crumbs ul li a:active span.fa {
	color: var(--accent-color);
}


/* ====================================================================================================
	footer
==================================================================================================== */
.footer {
	background: url(../images/footer-bg.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;

	/* background: hsl(0 0% 0% / .9) url(../images/ny-f.png) no-repeat 50% 0 / cover;
	background-attachment: fixed; */
}

/* ================= footer-top ================= */
.footer-top .container-center {
	position: relative;
	padding: 2.5rem 1rem;

	/* background: #ccc; */
}

.footer-top h4 {
	margin: 1.75rem 0 1.250rem;
	color: var(--accent-color);
	font-weight: 500;
	font-size: 1.125rem;
	letter-spacing: .063rem;
	text-transform: uppercase;
}

.block-ft ul li {
	margin: 0 0 .500rem;
}

.block-ft ul li a {
	display: inline-block;
	color: var(--white-color);
	line-height: 1.2;
	-webkit-transition: color 0.1s 0.02s linear;
	transition: color 0.1s 0.02s linear;
	text-decoration: none;
}

.block-ft ul li a:hover,
.block-ft ul li a:active {
	color: var(--accent-color);
}

/* ======= block-fm:first-child ======= */
.block-ft:first-child {
	width: 30%;

	/* background: #FFCC99; */
}

/* ======= logo-f ======= */
.logo-f {
	width: 70%;
	padding: 0 0 1.250rem;
	margin: 1.250rem 0 1.938rem;
	border-bottom: .063rem solid var(--accent-color);

	/*background: #33CCFF;*/
}

.logo-f a {
	display: inline-block;
	text-decoration: none;
}

/* ======= slogan-f ======= */
.slogan-f {
	margin: 0 0 2.5rem;
	color: var(--white-color);
	font-size: 1.500rem;
	line-height: 1.2;
}

/* ======= block-fm:nth-child(2) ======= */
.block-ft:nth-child(2) {
	width: 30%;
	padding: 0 0 0 2%;

	/* background: #FFCCFF; */
}

/* ======= block-fm:nth-child(3) ======= */
.block-ft:nth-child(3) {
	width: 20%;
	padding: 0 0 0 5%;

	/* background: goldenrod; */
}

/* ======= .block-ft:nth-child(4) ======= */
.block-ft:nth-child(4) {
	width: 20%;
	padding: 0 0 0 4%;

	/* background: #FF33FF; */
}

/* ======= contacts-f ======= */
.contacts-f {
	display: flex;
	margin: 2.5rem 0 0 !important;
	align-items: center;

	/* background: red; */
}

/* ======= copyright ======= */
.copyright {
	margin: 0 2.5rem 0 0;
	color: var(--grey-color);
	font-size: .875rem;
	line-height: 1.2;

	/* background: #FF99CC; */
}

/* ======= social-f ======= */
/* .social-f {
	 background: #33FF99;
} */

.social-f .ya-share2 {
	display: inline-block;

	/*background: green;*/
}

/* ======= phone-f ======= */
.phone-f {
	margin: 0 0 0 auto;

	/* background: cadetblue; */
}

.phone-f .glyphicon {
	display: inline-block;
	position: relative;
	top: .188rem;
	margin: 0 .625rem 0 0;
	color: var(--accent-color-2);
	font-size: 1.500rem;
}

.phone-f a {
	display: inline-block;
	color: var(--white-color);
	font-size: 1.625rem;
	font-family: "Russo One";
	text-decoration: none;
	-webkit-transition: color 0.2s 0.02s ease;
	transition: color 0.2s 0.02s ease;

	/* background: #FF0099; */
}

.phone-f span:last-child {
	display: block;
	padding: .500rem 0 0 2.5rem;
	color: var(--grey-color);
	font-size: .875rem;
	font-weight: 500;
}

.phone-f a:hover,
.phone-f a:active {
	color: var(--grey-color);
}

/* ================= footer-bottom ================= */
.footer-bottom {
	background: hsl(0 0% 0% / .5);
}

.footer-bottom .container-center {
	padding: .938rem 1rem;
	color: var(--white-color);
	font-weight: 500;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;

	/* background: #CCFFFF; */
}

.footer-bottom a {
	display: inline-block;
	color: var(--accent-color);
	text-decoration: none;
	-webkit-transition: color 0.3s 0.02s ease;
	transition: color 0.3s 0.02s ease;
}

.footer-bottom a:hover,
.footer-bottom a:active {
	color: var(--white-color);
}


/* INNER PAGES */


/* ================= proizvoditeli ================= */
.sert-diler {
	margin: 2.5rem 0 0;
	padding: 2.5rem 0 0;
	border-top: .063rem solid var(--border-color);
}

.sert-diler .block-inline:first-child {
	width: 30%;
}

.sert-diler .block-inline:last-child {
	width: 70%;
	padding: 0 0 0 2.5rem;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5;
}

.sert-diler .block-inline:last-child .doc-pc {
	padding: 0;
}

/* ================= poleznaya-informatsiya ================= */
.poleznaya-informatsiya-btns .block-inline {
	width: calc(33.333333333333% - 1.666666666666667rem);
	margin: 0 0 1.875rem;
}

.poleznaya-informatsiya-btns .block-inline:nth-child(3n+2) {
	margin-right: 2.5rem;
	margin-left: 2.5rem;

	/* background: red; */
}

.poleznaya-informatsiya-btns a {
	display: block;
	position: relative;
	padding: 1.250rem 1.250rem 1.250rem 5rem;
	border: .063rem solid var(--border-color);
	background: var(--light-bg);
	color: var(--black-color);
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.1;
	white-space: normal;
	text-align: left;
	text-decoration: none;
}

.poleznaya-informatsiya-btns a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3.875rem;
	background: var(--accent-color-2) url(../images/info.svg) no-repeat center;
}

/* ================= img-pi ================= */
.img-pi {
	margin: 0 0 2.5rem;
}

.img-pi img {
	width: 50%;
	margin: 0 auto;
}

/* ================= literature-pi ================= */
.literature-pi {
	margin: 1.250rem 0 0s;
	padding: 1.250rem 0 0;
	border-top: .063rem solid var(--border-color);
	line-height: 1.3;
}

.literature-pi span {
	display: block;
	margin: 0 0 .313rem;
	font-weight: 600;
}

/* ================= contacts ================= */
.contacts {
	margin: 0 0 2.5rem;
	text-align: center;

	/* background: #CCFFFF; */
}

.contacts .block-inline {
	width: 25%;
	margin: 0 0 1.250rem;
}

.contacts .glyphicon {
	display: inline-block;
	margin: 0 0 1.250rem;
	padding: 1.250rem;
	border-radius: 100%;
	background: var(--accent-color-2);
	color: var(--white-color);
	font-size: 1.875rem;
}

.contacts .block-inline span:nth-child(2),
.contacts .block-inline span:nth-child(3),
.contacts .block-inline span:last-of-type {
	display: block;
	margin: .125rem;
	line-height: 1.3;
}

.contacts a {
	display: inline-block;
	border-bottom: .063rem dotted var(--accent-color);
	color: var(--accent-color);
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.3;
	text-decoration: none;
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.contacts a:hover,
.contacts a:active {
	border-bottom-color: transparent;
}


.contacts .max-btn {
	display: inline-block;
	margin-top: 1.125rem;
	margin-left: 0;
}

.max-btn a {
	border-bottom: .063rem solid var(--border-color);
	color: var(--text-color);
}

.max-btn a:hover,
.max-btn a:active {
	border-bottom: .063rem solid var(--border-color);
	background: var(--accent-color-2) url(../images/ico-max-white.svg) no-repeat .625rem 50% / auto 1.375rem;
	color: var(--white-color);
}


#map-yandex {
	width: 100%;
	height: 100%;
	height: 25.75rem;
}


.form-contacts {
	width: 50%;
}

.form-contacts input,
.form-contacts textarea {
	height: 2.875rem;
	margin: 0 0 1.250rem;
	padding: .875rem .875rem .875rem 3.125rem;
	background-position: .875rem center;
}

.form-contacts textarea {
	height: 12.5rem;
	background-position: .75rem .75rem;
}

/* ================= payment-delivery ================= */
.attention-payment-delivery {
	margin: 0 0 1.875rem;
	padding: .938rem 1.875rem .938rem 4.500rem;
	border: .063rem solid var(--accent-color);
	background: var(--light-bg) url(../images/attention.svg) no-repeat 1.875rem center;
	background-size: auto 1.625rem;
	color: var(--black-color);
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.3;
}

.attention-payment-delivery .bold {
	white-space: nowrap;
}

.attention-payment-delivery p {
	margin: 0;
}

/* ================= catalog-grid ================= */
.catalog-grid {
	position: relative;

	/* background: #ccc; */
}

.catalog-grid > .block-inline {
	position: relative;
	width: calc(16.66666666666667% + .063rem);
	margin: 0 -.063rem -.063rem 0;
	padding: 1.250rem;
	border: .063rem solid var(--border-color);

	/* background: #777; */
}

/* .product-grid > .block-inline:nth-child(2n) {
	background: #ccc;
} */

.img-cg {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 0 .938rem;
	background: var(--light-bg);
}

.img-cg img {
	position: relative;
	width: 80%;
	margin: 0 auto;
	-webkit-transition: -webkit-transform 0.5s 0.02s ease;
	transition: transform 0.5s 0.02s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.img-cg:hover img,
.img-cg:active img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.title-cg {
	display: block;
	color: var(--accent-color);
	font-weight: 600;
	font-size: 1.125rem;
	text-decoration: none;
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;

	/* background: yellow; */
}

.title-cg:hover,
.title-cg:active {
	color: var(--black-color);
}

/* ================= product-grid ================= */
.product-grid {
	position: relative;
	flex-wrap: wrap;

	/* background: #ccc; */
}

.cell-pg {
	position: relative;
	flex-basis: calc(16.66666666666667% + .032rem);
	max-width: calc(16.66666666666667% + .032rem);
	margin: 0 -.063rem -.063rem 0;
	padding: 1.250rem .938rem 4.500rem .938rem;
	border: .063rem solid var(--border-color);

	/* background: #777; */
}

/* .product-grid > .block-inline:nth-child(2n) {
	background: #ccc;
} */


.img-pg {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 0 .938rem;
	background: var(--light-bg);
}

.img-pg img {
	position: relative;
	width: 80%;
	margin: 0 auto;
	-webkit-transition: -webkit-transform 0.5s 0.02s ease;
	transition: transform 0.5s 0.02s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.img-pg:hover img,
.img-pg:active img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.sale-pg {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 4rem;
	padding: .313rem .625rem;
	background: hsl(14 100% 57% / .8);
	color: var(--white-color);
	font-weight: 400;
	text-align: center;
}

.naks-pg {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 4rem;
	height: 1.500rem;
	background: url(../images/naks-pg.svg) no-repeat center;
	background-size: 4rem auto;
}


.title-pg {
	display: block;
	margin: 0 0 .625rem;
	color: var(--accent-color);
	font-weight: 600;
	font-size: 1.125rem;
	text-decoration: none;
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.title-pg:hover,
.title-pg:active {
	color: var(--black-color);
}


.text-pg {
	margin: 0 0 .938rem;
}

.inventory-number-pg {
	margin: 0 0 .625rem;
	color: var(--grey-color);
	font-size: .875rem;
}

.inventory-number-pg span {
	font-weight: 400;
	font-size: .813rem;
}


.text-pg ul li {
	margin-bottom: .375rem;
	padding: 0 0 0 .625rem;
	background: url(../images/li-blue.png) no-repeat 0 .313rem;
	font-size: .875rem;
	line-height: 1.1;
}


.price-incart-pg {
	position: absolute;
	right: 1.250rem;
	bottom: 1.250rem;
	left: 1.250rem;
	width: auto;
	padding: 1.500rem 0 0;
	border-top: .063rem solid var(--border-color);

	/* background: #ccc; */
}

.price-pg {
	color: var(--black-color);
	font-weight: 600;
}

.price-pg span {
	display: block;
	margin: -.75rem 0 .313rem;
	font-size: .875rem;
}


.incart-pg {
	float: right;
	margin: -.75rem 0 0;

	/* background: #ccc; */
}

.incart-pg a {
	display: inline-block;
	text-decoration: none;
}

.incart-pg span[class^="flaticon-"]:before,
.incart-pg span[class*=" flaticon-"]:before,
.incart-pg span[class^="flaticon-"]:after,
.incart-pg span[class*=" flaticon-"]:after {
	display: inline-block;
	padding: .500rem 1.250rem;
	background: var(--accent-color-2);
	color: var(--white-color);
	font-size: 1.250rem;
	line-height: 1;
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.incart-pg span[class^="flaticon-"]:hover:before,
.incart-pg span[class*=" flaticon-"]:hover:before,
.incart-pg span[class^="flaticon-"]:hover:after,
.incart-pg span[class*=" flaticon-"]:hover:after,
.incart-pg span[class^="flaticon-"]:active:before,
.incart-pg span[class*=" flaticon-"]:active:before,
.incart-pg span[class^="flaticon-"]:active:after,
.incart-pg span[class*=" flaticon-"]:active:after {
	background: var(--accent-color);
}


.inside-cart-pg span[class^="flaticon-"]:before,
.inside-cart-pg span[class*=" flaticon-"]:before,
.inside-cart-pg span[class^="flaticon-"]:after,
.inside-cart-pg span[class*=" flaticon-"]:after {
	background: var(--accent-color);
	/* cursor: default; */
}

.disable-cart-pg span[class^="flaticon-"]:before,
.disable-cart-pg span[class*=" flaticon-"]:before,
.disable-cart-pg span[class^="flaticon-"]:after,
.disable-cart-pg span[class*=" flaticon-"]:after {
	background: var(--light-bg);
	cursor: default;
	color: var(--grey-color);
}

.disable-cart-pg span[class^="flaticon-"]:hover:before,
.disable-cart-pg span[class*=" flaticon-"]:hover:before,
.disable-cart-pg span[class^="flaticon-"]:hover:after,
.disable-cart-pg span[class*=" flaticon-"]:hover:after,
.disable-cart-pg span[class^="flaticon-"]:active:before,
.disable-cart-pg span[class*=" flaticon-"]:active:before,
.disable-cart-pg span[class^="flaticon-"]:active:after,
.disable-cart-pg span[class*=" flaticon-"]:active:after {
	background: var(--light-bg);
}


.order-incart-pg {
	float: right;
	margin: -.75rem 0 0;

	/* background: #ccc; */
}

.order-incart-pg a {
	display: inline-block;
	margin: .250rem 0 0;
	padding: .625rem .875rem .688rem;
	background: var(--accent-color-2);
	color: var(--white-color);
	font-weight: 600;
	font-size: .813rem;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.order-incart-pg a:hover,
.order-incart-pg a:active {
	background: var(--accent-color);
}



/* product-card
====================================================================== */
.product-card {
	margin: 0 0 3.875rem;
	overflow: hidden;

	/* background: yellow; */
}

.product-card::after {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	content: "";
	font-size: 0;
	line-height: 0;
}

.imgs-pc {
	float: left;
	width: 33%;
	padding: 0 2.5rem 0 0;

	/* background: #ccc; */
}


.info-pc {
	width: 37%;
	padding: 0 2.5rem 0 .625rem;

	/* background: #CCFFFF; */
}

/* ================= inventory-number-pc ================= */
.inventory-number-pc {
	margin: 0 0 1.250rem;
}

.inventory-number-pc span {
	color: var(--black-color);
	font-weight: 500;
}

/* ================= brief-description-pc ================= */
.brief-description-pc {
	margin: 0 0 1.250rem;
}

.brief-description-pc p {
	margin: 0 0 .625rem;
	color: var(--black-color);
	font-weight: 600;
	line-height: 1.2;
}

.brief-description-pc p:last-child {
	margin: 0;
}

/* ================= brief-characteristic-pc ================= */
.brief-characteristic-pc {
	margin: 0 0 1.875rem;
}

.brief-characteristic-pc ul {
	margin: 0 0 .625rem;
}

.brief-characteristic-pc ul li {
	padding: 0 0 0 .625rem;
	background: url(../images/li-blue.png) no-repeat 0 .500rem;
	line-height: 1.2;
}

.brief-characteristic-pc p {
	margin: 0;
}

.brief-characteristic-pc .fa {
	margin: 0 .313rem 0 0;
	color: var(--accent-color);
}

.brief-characteristic-pc p a {
	display: inline-block;
	color: var(--accent-color);
	text-decoration: underline;
}

.brief-characteristic-pc p a:hover,
.brief-characteristic-pc p a:active {
	text-decoration: none;
}

/* ================= delivery-pc ================= */
.delivery-pc {
	margin: 0 0 .625rem;
	padding: 0 0 0 2.75rem;
	background: url(../images/delivery-tc.svg) no-repeat 0 .375rem;
	background-size: auto 1.75rem;
	color: var(--black-color);
	font-weight: 500;
	line-height: 1.2;
}

.delivery-pc span {
	display: block;
	color: var(--text-color);
	font-weight: 300;
}

.buy-pc {
	float: right;
	width: 30%;
	padding: 0 0 0 .625rem;

	/* background: yellowgreen; */
}

/* ================= price-pc ================= */
.price-pc {
	margin: -.125rem 0 1.250rem;
	color: var(--accent-color-2);
	font-weight: 600;
}

.price-pc > span {
	display: inline-block;
	color: var(--accent-color-2);
	font-weight: 600;
	font-size: 1.875rem;
	text-decoration: none;
}

.price-pc > span.sale  {
	display: inline-block;
	margin: 0 1.250rem 0 0;
	color: var(--text-color);
	font-weight: 600;
	font-size: 1.500rem;
	text-decoration: line-through;
}


.note-price-pc-sm {
	margin: .938rem 0 .625rem;
	color: var(--text-color);
	font-weight: 400;
}

.note-price-pc-sm div {
	margin: 0 0 .313rem;
}

.note-price-pc-sm span {
	display: inline-block;
	color: var(--accent-color-2);
	font-weight: 600;
}


/* ================= on-request-pc ================= */
.on-request-pc span:last-child {
	font-size: 1.375rem;
}

/* ================= to-cart-pc ================= */
.to-cart-pc {
	/* float: left; */
	margin: 0 0 1.250rem;
}

.to-cart-pc a {
	padding: .75rem 1.250rem .75rem 3.500rem;
	border: .063rem solid transparent;
	background: var(--accent-color) url(../images/to-cart.svg) no-repeat 1.250rem center;
	background-size: auto 1.500rem;
	font-size: 1rem;
	white-space: nowrap;
	text-transform: uppercase;
}

.to-cart-pc a:hover,
.to-cart-pc a:active {
	background: var(--white-color) url(../images/to-cart-hover.svg) no-repeat 1.250rem center;
	background-size: auto 1.500rem;
}

/* ================= order-pc ================= */
.order-pc {
	/* float: left; */
	margin: 0 0 1.250rem;
}

.order-pc a {
	padding: .688rem 1.250rem .813rem 2.875rem;
	border: .063rem solid transparent;
	background: var(--accent-color) url(../images/order-pc.svg) no-repeat 1.250rem center;
	background-size: auto .875rem;
	font-size: 1rem;
	white-space: nowrap;
	text-transform: uppercase;
}

.order-pc a:hover,
.order-pc a:active {
	background: url(../images/order-pc-hover.svg)  no-repeat 1.250rem center;
	background-size: auto .875rem;
}

/* ================= warehouse-pc ================= */
.warehouse-pc {
	position: relative;
	padding: 0 0 0 1.875rem;
	color: var(--black-color);
	font-weight: 600;
	line-height: 1.1;

	/* background: #ccc; */
}

.warehouse-pc::before {
	content: "\f12a";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	color: var(--accent-color);
	font-size: 2.250rem;
	font-family: "FontAwesome";
}

/* ================= quick-order-pc ================= */
.quick-order-pc::before {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	content: "";
	font-size: 0;
	line-height: 0;
}

.quick-order-pc {
	margin: 2.5rem 0 0;
	padding: 1.250rem 0 0;
	border-top: .063rem solid var(--border-color);
}

.quick-order-pc span:first-child {
	display: block;
	margin: 0 0 .625rem;
	color: var(--black-color);
	font-weight: 500;
	font-size: 1.250rem;
}

.quick-order-pc form {
	display: flex;
	flex-wrap: wrap;
	margin: .938rem 0 0;
	overflow: hidden;
}

.quick-order-pc form input {
	flex-basis: 60%;
	width: 60%;
	margin-bottom: .625rem;
}


.a-btn-submit {
	flex-basis: 40%;
	max-width: 11.250rem;
	height: 2.625rem;
	padding: .75rem .313rem;
}

/* ================= links-pc ================= */
.links-pc {
	margin: 0 0 1.5rem;
}

.links-pc ul {
	display: flex;
	padding: .625rem .938rem;
	background: var(--light-bg);
}

.links-pc li + li {
	margin: 0 0 0 1.25rem;
}

.links-pc li a {
	display: block;
	color: var(--accent-color);
	text-decoration: underline;
}

.links-pc li a:hover,
.links-pc li a:active {
	text-decoration: none;
}

/* ================= naks-warranty-pc ================= */
.naks-warranty-pc .block-inline {
	padding: 0 1.250rem 0 0;
}

.naks-warranty-pc img {
	width: 7.500rem;
	max-width: 7.500rem;
}

/* ================= in-assortment-pc ================= */
.in-assortment-pc {
	margin: 0 0 3.75rem;
}

.in-assortment-pc .table-content {
	width: 70%;
}

/* ================= expendable-material-pc ================= */
.expendable-material-pc {
	margin: 0 0 3.75rem;
}

.expendable-material-pc .table-content {
	width: 70%;
}

.expendable-material-pc .table-content .lSSlideWrapper {
	display: inline-block;
	max-width: auto;
	border: none;
	border-bottom: .063rem solid var(--accent-color);
	background: none;
	color: var(--accent-color);
	text-decoration: underline;
	-webkit-transition: none;
	transition: none;

	/* background: yellow; */
}

.expendable-material-pc .table-content .lSSlideWrapper:hover {
	border-bottom-color: transparent;
}

/* ================= table-accessories-pc ================= */
.table-accessories-pc th {
	border-right: .063rem solid var(--border-color);
	vertical-align: bottom;
	font-weight: 300;

	/* background: yellow; */
}

.table-accessories-pc tr th:last-child {
	border-right: none;
}

.table-accessories-pc th span {
	display: block;
	margin: 0 0 0 35%;
	white-space: nowrap;
	writing-mode: vertical-lr;
	transform: rotate(180deg);

	/* background: red; */
}

.table-accessories-pc tbody tr td:first-child {
	text-align: left;

	/* background: yellowgreen; */
}

.table-accessories-pc tbody td {
	text-align: center;
}

.table-accessories-pc tbody td .fa {
	font-size: .625rem;
}


.table-accessories-pc + p .fa {
	font-size: .625rem;
}

/* ================= doc-pc ================= */
.doc-pc {
	display: inline-block;
	padding: .625rem;
	color: var(--accent-color);
	font-weight: 500;
	font-size: 1.125rem;
	text-decoration: underline;
}

.doc-pc::before {
	content: "\f1c1";
	display: inline-block;
	position: relative;
	top: .188rem;
	margin: 0 .625rem 0 0;
	color: var(--accent-color-2);
	font-size: 1.500rem;
	font-family: "FontAwesome";
}

.doc-pc:hover,
.doc-pc:active {
	text-decoration: none;
}

/* ================= tabs-product-card ================= */
.tabs-product-card {
	margin: 0 0 5rem;

	/* background: red; */
}

.tabs-product-card .tabs-content li {
	border-right: 1px solid var(--border-color);
}

.tabs-product-card .tabs-content li:last-child {
	border-right: 1px solid var(--border-color);
}

.tabs-product-card .tabs-content a {
	padding: .875rem clamp(1.125rem, 0.757rem + 1.84vw, 2.275rem);
	border: .063rem solid transparent;
	border-bottom: .063rem solid transparent;
	background: var(--accent-color);
	color: var(--white-color);
	font-size: clamp(1rem, 0.92rem + 0.4vw, 1.25rem);
	font-weight: 500;
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.tabs-product-card .tabs-content a:hover,
.tabs-product-card .tabs-content a:active {
	background: var(--dark-color);
	color: var(--white-color);
}

.tabs-product-card .tabs-content li.current a {
	background: var(--dark-color);
	color: var(--white-color);
}


.tabs-product-card .content-tabs {
	padding: 1.875rem 0 0;
}

.tabs-product-card .content-tabs .table-content {
	width: 70%;
}


.tabs-product-card .table-content td[data-label="Фотография"] .lSSlideWrapper {
	display: inline-block;
	padding-bottom: .063rem;
	border: none;
	border-bottom: .063rem solid var(--accent-color);
	background: none;
	color: var(--accent-color);
	font-weight: 500;
	text-decoration: underline;
	-webkit-transition: none;
	transition: none;
}

.tabs-product-card .table-content td[data-label="Фотография"] .lSSlideWrapper:hover {
	border-bottom-color: transparent;
}

/* ================= video-product-card ================= */
.video-product-card {
	margin: 0 0 1.875rem;
}

.video-product-card:last-child {
	margin: 0;
}

.video-product-card .block-inline {
	width: 50%;
	padding: 0 2.5rem 0 0;
}

.video-product-card .block-inline:last-child {
	padding: 0 0 0 2.5rem;
}

.video-product-card .block-inline figure {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding-bottom: 55%;
	overflow: hidden;

	/* background: red; */
}

.video-product-card .block-inline figure iframe {
	position: absolute;
	top: 0;
  	left: 0;
	width: 100%;
	height: 100%;
}

/* ================= attention-pc ================= */
.attention-pc {
	margin: 2.5rem 0 0;
	padding: .938rem 1.875rem .938rem 4.500rem;
	border: .063rem solid var(--accent-color);
	background: var(--light-bg) url(../images/attention.svg) no-repeat 1.875rem center;
	background-size: auto 1.625rem;
	color: var(--black-color);
	font-weight: 400;
	line-height: 1.3;
}

/* cart
====================================================================== */
/* .table-cart th:nth-child(2n+1) {
	background: #ccc;
} */

.table-cart th:first-child {
	width: 7.5%;
}

.table-cart th:nth-child(3) {
	width: 12%;
}

.table-cart th:nth-child(4) {
	width: 12%;
}

.table-cart th:nth-child(5) {
	width: 12%;
}

.table-cart th:last-child {
	width: 5%;
}

.table-cart tbody tr {
	border-bottom: .063rem solid var(--border-color);
}

.table-cart tbody tr:nth-child(even) {
	background-color: var(--white-color);
}

.table-cart td {
	white-space: nowrap;
}

.img-cart a {
	display: block;
	text-decoration: none;
}

.product-cart {
	white-space: normal !important;
}

.product-cart a {
	display: inline-block;
	color: var(--accent-color);
	text-decoration: none;
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.product-cart a:hover,
.product-cart a:active {
	color: var(--black-color);
}

.quantity-cart span {
	display: inline-block;
	position: relative;
	top: -.188rem;
	width: 1.500rem;
	height: 1.500rem;
	vertical-align: middle;
	border: .063rem solid var(--border-color);
	background: var(--white-color);
	cursor: pointer;
	line-height: 1.3;
	text-align: center;
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.quantity-cart span:hover {
	background: hsl(0 0% 60% / .3);
}

.quantity-cart input {
	display: inline-block;
	width: auto;
	height: 1.500rem;
	padding: .188rem;
	text-align: center;
}

.delete-cart a {
	display: block;
	position: relative;
	width: .875rem;
	height: .875rem;
	margin: 0 auto;
	text-decoration: none;
}

.delete-cart a::after {
	content: "\f014";
	display: inline-block;
	color: var(--accent-color);
	font-size: 1.500rem;
	font-family: "FontAwesome";
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;

	/* background: #ccc; */
}

.delete-cart a:hover::after,
.delete-cart a:active::after {
	color: var(--black-color);
}

/* ================= total-sum-without-delivey-cart ================= */
.total-sum-without-delivey-cart {
	margin: 0 0 2.5rem;
	text-align: right;
}

.total-sum-without-delivey-cart p {
	display: inline-block;
	margin: 0;
	padding: .938rem 2.5rem;
	background: var(--light-bg);
}

.total-sum-without-delivey-cart span {
	color: var(--black-color);
	font-weight: 600;
	font-size: 1.250rem;
}

/* ================= preparation-cart ================= */
/* .preparation-cart {
	background: #ccc;
} */

.preparation-cart h3 {
	margin: 0 0 1.250rem;
}

.preparation-cart input,
.preparation-cart textarea {
	height: 2.875rem;
	margin: 0 0 1.250rem;
	padding: .875rem .875rem .875rem 3.125rem;
	background-position: .875rem center;
}

.preparation-cart textarea {
	width: 100%;
	margin: 0;
	background-position: .75rem .75rem;
}

.preparation-cart .btn-submit {
	margin: 1.250rem 0 0;
	text-align: right;
}

.preparation-cart .btn {
	width: auto;
	height: 2.625rem;
	padding: .75rem 2.5rem;
	background: var(--accent-color);
	font-weight: 400;
	text-transform: uppercase;
}

.preparation-cart .btn:hover,
.preparation-cart .btn:active {
	background: var(--white-color);
}


.delivery-cart {
	margin: 0 0 1.875rem;
}

.delivery-cart .block-inline:first-child {
	position: relative;
	width: 40%;
	margin: 0 3.75rem 0 0;
	padding: 0 5rem 0 0;

	/* background: #ccc; */
}

.delivery-cart .block-inline:first-child::after {
	content: "〉";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: -3.75rem;
	color: var(--grey-color);
	font-size: 5rem;
	line-height: .5;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.delivery-cart .block-inline:last-child {
	width: calc(60% - 3.75rem);
	padding: 1.250rem;
	background: var(--light-bg);
}

.btn-radio {
	/* max-height: 3.125rem; */
	margin: 0 0 1.250rem;
	overflow: hidden;
}

.btn-radio:last-child {
	margin: 0;
}

.btn-radio input {
	position: absolute;
	left: -9999px;
}

.btn-radio label {
	display: block;
	width: 100%;
	/* max-height: 3.125rem; */
	margin: 0;
	padding: .875rem;
	outline: none;
	border: .063rem solid var(--border-color);
	background-color: var(--white-color);
	cursor: pointer;
	font-weight: 400;
	font-size: 1rem;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.btn-radio .fa {
	float: left;
	margin: 0 .313rem .313rem 0;
	-webkit-transition: color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out;
}

.btn-radio input:checked + label {
	border: .063rem solid var(--accent-color);
	background-color: var(--accent-color);
	color: var(--white-color);
}


.pickup-delivery p:first-of-type {
	color: var(--black-color);
	font-weight: 400;
	font-size: 1.250rem;
}

.pickup-delivery .glyphicon {
	float: left;
	margin: -.188rem .625rem .625rem 0;
	padding: .500rem;
	border-radius: 100%;
	background: var(--accent-color-2);
	color: var(--white-color);
	font-size: .75rem;
	line-height: 1.2;
}

.pickup-delivery p:last-of-type {
	margin: 0 !important;
}

.ring-road-delivery p {
	margin: 0 0 .625rem;
}

.ring-road-delivery span {
	color: var(--black-color);
	font-weight: 500;
}

.region-delivery span {
	color: var(--black-color);
	font-weight: 500;
}

/* ================= consignee-cart ================= */
.consignee-cart .tabs-content li {
	top: .125rem;
}

.consignee-cart .tabs-content a {
	padding: 1.875rem 2.75rem;
	border: .063rem solid transparent;
	border-bottom: .063rem solid transparent;
	color: var(--black-color);
	font-size: 1.250rem;
	font-weight: 500;
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.consignee-cart .tabs-content a:hover,
.consignee-cart .tabs-content a:active {
	color: var(--accent-color-2);
}

.consignee-cart .tabs-content li.current a {
	border: .063rem solid var(--border-color);
	border-bottom: .063rem solid var(--white-color);
	color: var(--accent-color-2);
}


.consignee-cart .content-tabs {
	padding: 1.875rem 0 0;
}

.consignee-cart #tab-1 .block-inline {
	width: calc(33.333333333333% - 1.688rem);
}

.consignee-cart #tab-1 .block-inline + .block-inline {
	margin: 0 0 0 2.5rem;
}

.consignee-cart #tab-1 .block-inline textarea {
	height: 15.250rem !important;
}

.consignee-cart #tab-2 .block-inline:first-child {
	position: relative;
	width: 40%;
	margin: 0 3.75rem 0 0;
	padding: 0 5rem 0 0;

	/* background: #ccc; */
}

.consignee-cart #tab-2 .block-inline:last-child {
	width: calc(60% - 3.75rem);
}

.consignee-cart #tab-2 .block-inline textarea {
	height: 11.125rem !important;
}

/* ================= total-sum-with-delivey-cart ================= */
.total-sum-with-delivey-cart {
	text-align: right;
}

.total-sum-with-delivey-cart p {
	display: inline-block;
	margin: 0;
	padding: .938rem 2.5rem;
	background: var(--light-bg);
}

.total-sum-with-delivey-cart span {
	color: var(--black-color);
	font-weight: 600;
	font-size: 1.250rem;
}

/* order-info
====================================================================== */
/* ================= status-order-info ================= */
.status-order-info {
	width: 50%;
}

.status-order-info p {
	margin: 0;
}

.status-order-info span {
	color: var(--black-color);
	font-weight: 600;
}

/* ================= payment-order-info ================= */
.payment-order-info {
	width: 50%;
	text-align: right;
}

.payment-order-info input[type="submit"] {
	display: inline-block;
	width: auto;
	height: auto;
	padding: .938rem 5rem;
	border: none;
	background: var(--accent-color);
	transition: background 0.3s 0.02s linear;
	color: var(--white-color);
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
}

.payment-order-info input[type="submit"]:hover,
.payment-order-info input[type="submit"]:active {
	background: var(--accent-color-2);
	cursor: pointer;
}


.payment-order-info a {
	display: inline-block;
	width: auto;
	height: auto;
	padding: .938rem 5rem;
	border: none;
	background: var(--accent-color);
	-webkit-transition: all 0.3s 0.02s linear;
	transition: all 0.3s 0.02s linear;
	color: var(--white-color);
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

.payment-order-info a:hover,
.payment-order-info a:active {
	background: var(--accent-color-2);
}

/* ================= content-order-info ================= */
.content-order-info {
	margin: 1.875rem 0;
	padding: 1.875rem 0 0;
	border-top: .063rem solid var(--border-color);
}

.content-order-info .table-content {
	margin: 0;
}

/* ================= delivery-order-info ================= */
.delivery-order-info {
	margin: 0 0 1.875rem;
	padding: 0 0  1.875rem;
	border-bottom: .063rem solid var(--border-color);
}

.delivery-order-info p {
	margin: 0;
}

.delivery-order-info span {
	color: var(--black-color);
	font-weight: 600;
}

/* ================= recipient-order-info ================= */
.recipient-order-info {
	margin: 0 0 1.875rem;
	padding: 0 0  1.875rem;
	border-bottom: .063rem solid var(--border-color);
}

.recipient-order-info p {
	margin: 0;
}

.recipient-order-info span {
	color: var(--black-color);
	font-weight: 600;
}

/* ================= payment-order-info-bottom ================= */
.payment-order-info-bottom {
	margin: 1.875rem 0 0;
	width: 100%;
}


/* ====================================================================================================
	index
==================================================================================================== */
/* ================= slider-index ================= */
.slider-index {
	padding: .938rem 0 1.250rem;
	border-bottom: .063rem solid hsl(0 0% 86% / .5);
	background: var(--light-bg);
}

.slick-loading .slick-list {
	background: var(--white-color) url("../images/ajax-loader.gif") no-repeat center;
}

.slider-index a {
	display: block;
	height: 21.875rem;
	text-decoration: none;

	/* background: palevioletred; */
}

.slide-1 {
	background-image: url(../images/slider-index/slide-1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.slide-2 {
	background-image: url(../images/slider-index/slide-2.jpg);
	background-repeat: no-repeat;
	background-position: left 20% center;
	background-size: cover;
}

.slide-3 {
	background-image: url(../images/slider-index/slide-3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.slide-3 .text-ssc {
	display: inline-block;
	width: 75%;
	margin: 5rem 0 0 7.500rem;
	padding: 3.250rem 2.5rem 3.1250rem 15rem;
	background: url(../images/warranty-5-pc.png) no-repeat left center;
	background-size: auto 12.5rem;
	color: var(--white-color);
	font-weight: 600;
	font-size: 2.125rem;
	line-height: 1.3;
	text-shadow: 0 .063rem .125rem var(--black-color);
	text-transform: uppercase;
}

.slide-4 {
	background-image: url(../images/slider-index/slide-4.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

/* .slide-4 .text-ssc {
	width: 50%;
	background: #cccccc;
} */

.slide-4 .text-ssc {
	padding-top: 2.5rem;
}

.slide-4 .text-ssc span:first-child {
	display: block;
	width: 15.625rem;
	margin: 0 0 0 7.500rem;
}

.slide-4 .text-ssc span:last-child {
	display: block;
	margin: 5rem 0 0 7.500rem;
	color: var(--white-color);
	font-size: 1.875rem;
	line-height: 1.3;
	text-transform: uppercase;
}

/* arrows */
.slick-prev,
.slick-next {
	display: block;
	position: absolute;
	top: 50%;
	width: 4rem;
	height: 4rem;
	padding: 0;
	border: none;
	background: none;
	-webkit-transition: background 0.1s 0.02s linear;
	transition: background 0.1s 0.02s linear;
	z-index: 1;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	vertical-align: middle;
	cursor: pointer;
	outline: none;
	color: transparent;
	font-size: 0;
	line-height: 0;
}

.slick-prev {
	left: 1.563rem;
	background: url(../images/prev.png) no-repeat center;
}

.slick-next {
	right: 1.563rem;
	background: url(../images/next.png) no-repeat center;
}

.slick-prev:hover,
.slick-prev:focus {
	background: url(../images/prev.png) no-repeat center;
}

.slick-next:hover,
.slick-next:focus {
	background: url(../images/next.png) no-repeat center;
}

/* Dots */
.slick-dots {
	margin: .625rem 0 0;
	text-align: center;

	/* background: green; */
}

.slick-dots li {
	display: inline-block;
	position: relative;
	width: .75rem;
	height: .75rem;
	margin: 0 .250rem;
	padding: 0;
	cursor: pointer;

	/* background: yellow; */
}

.slick-dots li button {
	display: block;
	width: .75rem;
	height: .75rem;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
	font-size: 0;
	line-height: 0;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	background: var(--accent-color-2);
}

.slick-dots li button:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: .75rem;
	height: .75rem;
	background: var(--accent-color);
	-webkit-transition: background 0.3s 0.02s ease;
	transition: background 0.3s 0.02s ease;
}

.slick-dots li.slick-active button:before {
	background: var(--accent-color-2);
}

/* ================= advantages-index ================= */
.advantages-index {
	margin: 2.5rem 0 3.75rem;

	/* background: #ccc; */
}

.advantages-index .block-inline {
	width: 25%;
	padding: 0 2.5rem;
	text-align: center;

	/* background: green; */
}

.advantages-index .block-inline + .block-inline {
	border-left: .063rem solid var(--border-color);
}

.advantages-index .block-inline div {
	display: table;
}

/* .advantages-index .block-inline:nth-child(2n) {
	background-color: #ccc;
} */

.advantages-index .block-inline span:first-child {
	display: table-cell;
	vertical-align: middle;
}

.advantages-index .block-inline span[class^="flaticon-"]:before,
.advantages-index .block-inline span[class*=" flaticon-"]:before,
.advantages-index .block-inline span[class^="flaticon-"]:after,
.advantages-index .block-inline span[class*=" flaticon-"]:after {
	display: inline-block;
	padding: 1.250rem;
	border-radius: 100%;
	background: var(--accent-color-2);
	color: var(--white-color);
	font-size: 2.5rem;
	line-height: 1;

	/*background: red;*/
}

.advantages-index .block-inline span:last-child {
	display: table-cell;
	padding: 0 0 0 1.250rem;
	vertical-align: middle;
	color: var(--black-color);
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.2;
	text-align: left;

	/* background: red; */
}

/* ================= tabs-index ================= */
.tabs-index {
	margin: 0 0 2.5rem;
}

.tabs-index .tabs-content {
	border-bottom: none;
	text-align: center;
}

.tabs-index .tabs-content li a {
	position: relative;
	padding: .875rem 1.875rem;
	border-right: .063rem solid transparent;
	border-left: .063rem solid transparent;
	color: var(--black-color);
	font-size: 1.375rem;
	font-weight: 500;
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.tabs-index .tabs-content li a::after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 50%;
	bottom: -1rem;
 	border: .500rem solid transparent;
	border-top: .500rem solid transparent;
	-webkit-transform: translate(50%, 0);
	transform: translate(50%, 0);
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.tabs-index .tabs-content li a:hover {
	background: var(--accent-color);
	color: var(--white-color);
}

.tabs-index .tabs-content li a:hover::after {
	border-top-color: var(--accent-color);
}

.tabs-index .tabs-content li.current a {
	position: relative;
	left: 0;
	border-right: .063rem solid var(--white-color);
	border-left: .063rem solid var(--white-color);
	background: var(--accent-color);
	color: var(--white-color);
}

.tabs-index .tabs-content li.current a::after {
	border-top-color: var(--accent-color);
}

.tabs-index .content-tabs {
	padding: 2.5rem 0 0;
}

/* ================= dealer-index ================= */
.dealer-index {
	padding: 7.500rem 1rem 4.375rem;
	background: url(../images/dealer-index-bg.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;

	/* background: #99CCFF; */
}

.dealer-index .block-inline:first-child {
	width: 40%;
	padding: 0 2.5rem 0 0;
	color: var(--white-color);
	font-weight: 400;
	font-size: 1.250rem;
	line-height: 1.5;

	/* background: #FF9933; */
}

.dealer-index .block-inline:last-child {
	width: 60%;
	padding: 0 0 0 2.5rem;

	/* background: #ccc; */
}

.dealer-index ul {
	width: 100%;
	font-size: 0;
	line-height: 0;
	letter-spacing: -.063rem;
}

.dealer-index li {
	display: inline-block;
	width: 25%;
	margin: 0 0 3.125rem;
	padding: 0 .938rem;
	vertical-align: top;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: normal;
	text-align: center;

	/* background: red; */
}

.dealer-index li:first-child,
.dealer-index li:nth-child(2),
.dealer-index li:nth-child(3) {
	width: 33.333333333333%;
}

/* .dealer-index li:nth-child(2n) {
	background: #ccc;
} */

.dealer-index li img {
	display: inline-block;
	width: auto;
	max-height: 3.875rem;
}

/* ================= about-index ================= */
.about-index .container-center {
	padding: 3.75rem 1rem;

	/* background: #ccc; */
}

.about-index h2 {
	margin: 0 0 1.875rem;
	color: var(--black-color);
	font-weight: 500;
	font-size: 1.625rem;
}

.about-index h2::after {
	content: "";
	display: block;
	width: 10%;
	max-width: 4.813rem;
	height: .125rem;
	margin: .938rem 0 0;
	background: var(--accent-color);
}

/* ================= contacts-index ================= */
.contacts-index {
	display: table;
	width: 100%;
	height: auto;

	/* background: #99CCFF; */
}

.left-ci {
	display: table-cell;
	width: 50%;
	border-top: .063rem solid hsl(0 0% 86% / .5);
	border-bottom: .063rem solid hsl(0 0% 86% / .5);
	background: var(--light-bg);
	vertical-align: top;

	/* background: green; */
}

.content-lci {
	float: right;
	width: 100%;
	max-width: 45rem;
	padding: 5rem 2.5rem 5rem 1rem;

	/* background: #FF9933; */
}

.content-lci h2 {
	margin: 0 0 2.5rem;
	color: var(--black-color);
	font-weight: 500;
	font-size: 1.75rem;
	line-height: 1.2;
}

.content-lci h2::after {
	content: "";
	display: block;
	width: 10%;
	min-width: 4.813rem;
	height: .125rem;
	margin: .938rem 0 0;
	background: var(--accent-color);
}

.content-lci p {
	margin: 0 0 1.875rem;
	font-weight: 400;
}

.content-lci .glyphicon {
	float: left;
	margin: -.313rem .625rem 0 0;
	padding: .625rem;
	border-radius: 100%;
	background: var(--accent-color-2);
	color: var(--white-color);
	font-size: .875rem;
}


.right-ci {
	display: table-cell;
	width: 50%;
	vertical-align: top;

	/* background: red; */
}

.right-ci #map-yandex {
	width: 100%;
	height: 100%;
	min-height: 25.75rem;
}