@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
:root {
	--container: 1310px;
	--small-container: 1100px;
	--white: #fff;
	--white-40: rgb(255, 255, 255, 0.4);
	--white-60: rgb(255, 255, 255, 0.6);
	--black: #000;
	--dark: #181818;
	--dark-30: rgb(24, 24, 24, 0.3);
	--orange: #F7931D;
	--orange-hover: #d07105;
	--orange-50: rgba(241, 158, 56, 0.5);
	--grey: #58595A;
	--text-grey: #777777;
	--text-grey-50: rgb(119, 119, 119, 0.5);
	--text-grey-10: rgb(119, 119, 119, 0.1);
	--text-grey2: #252525;
	--text-dark-grey: #414042;
	--light-grey: #F9F9F9;
	--light-grey2: #FAFAFA;
	--light-grey3: #D1D3D4;
	--light-grey4: #E7E7E7;
	--light-grey5: #C7C6C6;
	--light-grey6: #DEDEDE;
	--light-grey7: #A5A5A5;
	--light-grey8: #B0B0B0;
	--light-grey9: #636363;
	--input-border-grey: #89969F;
	--light-grey-blockquote: #F4F4F4;
	--slide-bg: #151515;
	--but-line: #DDDDDD;
	--blue: #3E77AA;
	/*--red: #C52727;*/
	--red: #f00;
	--modal-overlay: rgba(24, 24, 24, 0.50);
	--font: 'Montserrat', sans-serif;
	--all-in: all 0.25s ease-in;
	--all-out: all 0.25s ease-out;
	--all-inout: all 0.25s ease-in-out;
	--box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	--box-shadow-slider: 0px 4px 4px rgba(0, 0, 0, 0.15);
	/*--box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
	--box-shadow-menu: 0px 4px 8px rgba(0, 0, 0, 0.10);
	--box-shadow-cats: 0px 8px 24px rgba(0, 0, 0, 0.15);
	--box-shadow-prod-item: 0px 3px 8px 0px rgba(0, 0, 0, 0.10);
	--text-sh: 0px 4px 4px rgba(0, 0, 0, 0.10);
}

html, body {
	padding: 0px;
	margin: 0px;
	font-family: var(--font);
	line-height: 1.5;
	color: var(--black);
	position: relative;
}

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

input, textarea, select, button, option {
	font-family: var(--font);
	outline: none;
}

textarea {
	resize: none;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
	font-family: var(--font);
	position: relative;
	z-index: 2;
	font-weight: bold;
	color: var(--black);
    line-height: 1.25;
}

h1, .h1 {
	font-size: 35px;
	font-weight: 600;
}

h2, .h2 {
	font-size: 32px;
	font-weight: 600;
}

h3, .h3 {
	font-size: 30px;
	font-weight: 600;
}

h4, .h4 {
	font-size: 26px;
	font-weight: 600;
}

h5, .h5 {
	font-size: 24px;
	font-weight: 600;
}

h6, .h6 {
	font-size: 22px;
	font-weight: 600;
}

p {
	margin: 0px;
}

ul, ol {
	margin: 0px;
	font-family: var(--font);
	font-size: 16px;
	/*color: var(--text-grey);*/
	color: var(--dark);
}

img {
	max-width: 100%;
	height: auto;
}

p {
	line-height: 1.5;
	/*color: var(--text-grey);*/
	color: var(--dark);
	font-weight: 400;
	font-size: 16px;
}

p a, ul a, ol a {
	color: var(--orange);
	font-weight: 600;
	font-size: 16px;
}

p a:hover, ul a:hover, ol a:hover {
	color: var(--orange-hover);
}

blockquote {
	margin: 0 105px;
	background: var(--light-grey-blockquote);
	border-left: 6px solid var(--orange);
	padding: 16px 18px 16px 25px;
}

blockquote a {
	font-weight: 500;
	color: var(--black);
}

.medium {
	font-weight: 500;
}

.semi {
	font-weight: 600;
}

.bold {
	font-weight: bold;
}

.uppercase {
	text-transform: uppercase;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.gap-4 {
	gap: 4px;
}

.gap-8 {
	gap: 8px;
}

.gap-12 {
	gap: 12px;
}

.gap-16 {
	gap: 16px;
}

.gap-18 {
	gap: 18px;
}

.gap-20 {
	gap: 20px;
}

.gap-24 {
	gap: 24px;
}

.gap-32 {
	gap: 32px;
}

.gap-40 {
	gap: 40px;
}

.container {
	width: 100%;
	max-width: var(--container);
	margin-left: auto;
	margin-right: auto;
	position: relative;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}

.small-container {
	width: 100%;
	max-width: var(--small-container);
	margin-left: auto;
	margin-right: auto;
	position: relative;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}

.full-container {
	width: 100%;
	max-width: 100%;
	position: relative;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0px;
}

.img-cover {
	overflow: hidden;
}

.img-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.img-contain img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

a, button, input[type="submit"], input[type="button"] {
	transition: var(--all-out);
	outline: none;
	cursor: pointer;
}

a:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
	transition: var(--all-in);
}

.clear {
	width: 0px;
	height: 0px;
	float: none !important;
	clear: both !important;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

.mobile {
	display: none;
}

body {
	padding-top: 125px;
}

.but a, .but button, input[type="submit"] {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.25;
	padding: 0 24px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--orange);
	border-radius: 2px;
	border: 0;
	margin: 0;
	text-decoration: none;
	color: var(--white);
	gap: 10px;
	height: 48px;
	position: relative;
}

.but a:hover, .but button:hover, input[type="submit"]:hover {
	background: var(--orange-hover);
}

section {
	padding: 80px 0;
}

.grey-bg {
	background-color: var(--light-grey);
}

.fancybox__backdrop {
	background: var(--modal-overlay);
}

.f-button.is-close-btn {
	width: 30px !important;
	height: 30px !important;
	top: 15px !important;
  	right: 15px !important;
	opacity: 1 !important;
	background: transparent !important;
}

.f-button.is-close-btn svg {
	width: 18px !important;
	height: 18px !important;
}

.f-button.is-close-btn svg path {
	stroke: var(--dark) !important;
	transition: var(--all-out) !important;
}

.f-button.is-close-btn:hover svg path {
	stroke: var(--orange) !important;
	transition: var(--all-in) !important;
}

/*--------*/

/*header*/

header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
}

.hide-scrollbar header {
	position: absolute;
}

header .header-box {
	background: var(--grey);
	/*overflow: hidden;*/
	position: relative;
}

header .header-box .small-container::before {
	height: 93px;
	width: 100vw;
	content: "";
	position: absolute;
	right: calc(50% + (var(--small-container) / 2) - 230px);
	top: 0;
	background: var(--orange);
	transform: skew(-32deg, 0);
}

header .header-box .small-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 93px;
}

header .header-box .logo {
	max-width: 175px;
	position: relative;
}

header .header-box .controls {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
}

header .header-box .controls .phones {
	display: flex;
	align-items: center;
	gap: 31px;
}

header .header-box .controls .phones::before {
	width: 30px;
	height: 30px;
	content: "";
	background: url('../images/call-icon.svg') center center no-repeat;
	display: flex;
}

header .header-box .controls .phones a {
	font-size: 16px;
	color: var(--white);
	text-decoration: none;
}

header .header-box .controls .phones a:hover {
	color: var(--orange);
}

header .header-box .controls .search {
	margin-left: 25px;
	position: relative;
}

header .header-box .controls .search a {
	padding: 0;
	margin: 0;
	border: 0;
	width: 30px;
	height: 30px;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .header-box .controls .search a svg path {
	transition: var(--all-out);
}

header .header-box .controls .search a:hover svg path, header .header-box .controls .search a.active svg path {
	transition: var(--all-in);
	fill: var(--orange);
}

header .header-box .controls .search .search-window {
	position: absolute;
	background: var(--white);
	left: 50%;
	translate: -50% -75px;
	top: 137px;
	transition: var(--all-out);
	max-height: 0;
	overflow: hidden;
	opacity: 0;
}

header .header-box .controls .search.active .search-window {
	translate: -50% 0px;
	max-height: 70px;
	transition: var(--all-in);
	opacity: 1;
}

header .header-box .controls .search .search-window .form-group {
	padding: 12px;
	width: 240px;
	height: 72px;
	position: relative;
}

header .header-box .controls .search .search-window .form-group input[type="search"], header .header-box .controls .search .search-window .form-group input[type="text"] {
	width: 100%;
	padding-right: 42px;
	padding-left: 15px;
	height: 48px;
	border: 1px solid var(--orange-50);
	font-weight: 500;
	font-size: 14px;
	color: var(--dark);
}

header .header-box .controls .search .search-window .form-group input[type="submit"], header .header-box .controls .search .search-window .form-group button {
	position: absolute;
	right: 27px;
	top: 50%;
	translate: 0 -50%;
	width: 24px;
	height: 24px;
	background: var(--black);
	padding: 0;
	mask: url('../images/search-icon.svg') center center no-repeat;
}

header .header-box .controls .search .search-window .form-group input[type="submit"]:hover, header .header-box .controls .search .search-window .form-group button:hover {
	background: var(--orange);
}

header .header-box .controls .lang {
	gap: 9px;
	align-items: center;
	display: flex;
	margin-left: 30px;
}

header .header-box .controls .lang ul {
	list-style: none;
	padding: 0;
	gap: 9px;
	align-items: center;
	display: flex;
}

header .header-box .controls .lang a, header .header-box .controls .lang button {
	width: 30px;
	height: 30px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	border-radius: 1px;
	text-decoration: none;
	border: 0;
	padding: 0;
	background: none;
}

header .header-box .controls .lang a:hover, header .header-box .controls .lang a.active {
	background: var(--orange);
}

header .header-box .controls .lang button:hover, header .header-box .controls .lang .active button {
	background: var(--orange);
}

header .header-box .controls .auth {
	display: flex;
	gap: 35px;
	align-items: center;
	margin-left: 20px;
	min-width: 170px;
	position: relative;
}

header .header-box .controls .auth a {
	font-size: 14px;
	color: var(--white);
	text-decoration: none;
}

header .header-box .controls .auth a:hover {
	color: var(--orange);
}

header .header-box .controls .auth.user a {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header .header-box .controls .auth.user a::after {
	content: "";
	display: flex;
	width: 12px;
	height: 8px;
	background: var(--white);
	mask: url('../images/arrow-down.svg') center center / contain no-repeat;
	transition: var(--all-out);
}

header .header-box .controls .auth.user.active a::after {
	transition: var(--all-in);
	rotate: 180deg;
}

header .header-box .controls .auth .account-window {
	position: absolute;
	background: var(--white);
	left: 0;
	translate: 0 -10px;
	top: calc(100% + 12px);
	transition: var(--all-out);
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	z-index: 3;
	display: flex;
	flex-direction: column;
	padding: 20px 30px;
	width: 180px;
	gap: 15px;
}

header .header-box .controls .auth.active .account-window {
	translate: 0 0px;
	max-height: 90px;
	transition: var(--all-in);
	opacity: 1;
}

header .header-box .controls .auth .account-window a {
	font-weight: 500;
	font-size: 14px;
	color: var(--text-dark-grey);
}

header .header-box .controls .auth .account-window a:hover {
	color: var(--orange);
}

header .header-box .controls .cart > a {
	display: flex;
	position: relative;
	width: 30px;
	height: 30px;
	text-decoration: none;
	background: url('../images/cart-icon.webp') center center / contain no-repeat;
}

header .header-box .controls .cart > a span {
	font-size: 10px;
	color: var(--black);
	background: var(--orange);
	box-shadow: var(--box-shadow);
	min-width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	border-radius: 8px;
	position: absolute;
	top: -2px;
	right: -9px;
	padding-left: 2px;
	padding-right: 2px;
}

header .menu-box .small-container .box {
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 58px;
	box-shadow: var(--box-shadow-menu);
}

header .menu-box .small-container .but {
	flex-shrink: 0;
}

header .menu-box .small-container .but a {
	line-height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 35px;
	font-size: 16px;
	text-decoration: none;
	color: var(--white);
	background: var(--orange);
	position: relative;
	min-width: 230px;
	height: 70px;
	border-radius: 0;
}

header .menu-box .small-container .but a::before {
	width: 45px;
	height: 70px;
	content: "";
	position: absolute;
	top: 0px;
  	left: -45px;
	border-right: 45px solid var(--orange);
	border-top: 70px solid transparent;
	transition: var(--all-out);
}

header .menu-box .small-container .but a:hover::before {
	border-right-color: var(--orange-hover);
	transition: var(--all-in);
}

header .menu-box .small-container .but a:hover {
	background: var(--orange-hover);
}

header .menu-box .small-container #menu {
	width: 100%;
	background: var(--white);
	position: relative;
	padding: 0 20px 0 45px
}

header .menu-box .small-container #menu::after {
	width: 45px;
	height: 70px;
	content: "";
	position: absolute;
	top: 0px;
  	right: -45px;
  	border-left: 45px solid var(--white);
    border-bottom: 70px solid transparent;
}

header .menu-box .small-container #menu > ul {
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 70px;
}

header .menu-box .small-container #menu > ul > li {
	position: relative;
}

header .menu-box .small-container #menu > ul > li > a {
	display: flex;
	height: 70px;
	display: flex;
	align-items: center;
	font-size: 16px;
	text-decoration: none;
	color: var(--black);
	gap: 4px;
	position: relative;
}

header .menu-box .small-container #menu > ul > li > a::before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 3px;
	background: var(--orange);
	content: "";
	transition: var(--all-out);
}

header .menu-box .small-container #menu > ul > li > a:hover::before {
	transition: var(--all-in);
	width: 100%;
}

header .menu-box .small-container #menu > ul > li.with-child > a::after {
	width: 16px;
	height: 16px;
	content: "";
	display: flex;
	background: url('../images/menu-arr-icon.svg') center center no-repeat;
}

header .menu-box .small-container #menu > ul > li.with-child .megamenu {
	position: fixed;
	width: 100%;
	max-width: calc(var(--small-container) - 30px);
	left: 50%;
	translate: -50% -5px;
	top: 163px;
	background: var(--light-grey2);
	overflow: hidden;
	opacity: 0;
	height: 0;
	transition: var(--all-out);
}

header .menu-box .small-container #menu > ul > li.with-child .megamenu .megamenu-inner {
	column-count: 2;
	column-gap: 50px;
}

header .menu-box .small-container #menu > ul > li.with-child.mini {
	position: relative;
}

header .menu-box .small-container #menu > ul > li.with-child.mini .megamenu {
	position: absolute;
	top: 70px;
	translate: 0 -50px;
	transition: var(--all-out);
	left: 0;
	width: 180px;
	overflow: hidden;
	list-style: none;
	padding-left: 0;
}

@media (min-width: 1310px) {
	header .menu-box .small-container #menu > ul > li.with-child:hover .megamenu {
		opacity: 1;
		height: var(--menu-height);
		max-height: calc(100vh - 163px);
		translate: -50% 0;
		transition: var(--all-in);
		overflow-y: auto;
	}

	header .menu-box .small-container #menu > ul > li.with-child.mini:hover .megamenu {
		list-style: none;
		padding: 0 16px;
		translate: 0 0;		
		transition: var(--all-in);
		overflow: hidden;
	}

}

header .menu-box .small-container #menu > ul > li.with-child.mini .megamenu li:first-child {
	padding-top: 16px;
}

header .menu-box .small-container #menu > ul > li.with-child.mini .megamenu li:last-child {
	padding-bottom: 16px;
}

header .menu-box .small-container #menu > ul > li.with-child.mini .megamenu li:not(:first-child) {
	padding-top: 8px;
}

header .menu-box .small-container #menu > ul > li.with-child.mini .megamenu li a {
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	color: var(--dark);
	line-height: normal;
}

header .menu-box .small-container #menu > ul > li.with-child.mini .megamenu li a:hover {
	color: var(--orange);
}

header .menu-box .small-container #menu > ul > li.with-child .megamenu .menu-block {
	width: 100%;
	padding: 20px 45px;
	display: flex;
	gap: 25px;
}

header .menu-box .small-container #menu > ul > li.with-child .megamenu .menu-block .img {
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

header .menu-box .small-container #menu > ul > li.with-child .megamenu .menu-block .img img {
	max-width: 100%;
	max-height: 100%;
}

header .menu-box .small-container #menu > ul > li.with-child .megamenu .menu-block .items {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

header .menu-box .small-container #menu > ul > li.with-child .megamenu .menu-block .items > a {
	text-decoration: none;
	font-size: 16px;
	color: var(--dark);
	line-height: normal;
}

header .menu-box .small-container #menu > ul > li.with-child .megamenu .menu-block .items > a:hover {
	color: var(--orange);
}

header .menu-box .small-container #menu > ul > li.with-child .megamenu .menu-block .items ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 14px;
}

header .menu-box .small-container #menu > ul > li.with-child .megamenu .menu-block .items ul a {
	text-decoration: none;
	font-weight: 400;
	font-size: 14px;
	color: var(--text-grey);
}

header .menu-box .small-container #menu > ul > li.with-child .megamenu .menu-block .items ul a:hover {
	color: var(--orange);
}

header .menu-box {
	position: relative;
}

header .menu-box::before {
	height: 35px;
	width: calc(50vw - (var(--small-container) / 2) + 175px);
	background: var(--orange);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

header .menu-box::after {
	height: 35px;
	width: 100vw;
	background: var(--grey);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

/*--------*/

/**/

.first-slider-block {
	width: 100%;
	position: relative;
	padding: 0;
}

.first-slider-block::after {
	border-left: 200px solid transparent;
	border-bottom: 212px solid var(--light-grey);
	content: "";
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}

.first-slider-block .item {
	width: 100%;
	height: 720px;
	position: relative;
}

.first-slider-block .item::before {
	content: "";
	width: 100%;
	height: 100%;
	opacity: 0.31;
	background: var(--slide-bg);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.first-slider-block .item .content {
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
}

.first-slider-block .item .content .small-container {
	display: flex;
	flex-direction: column;
	gap: 70px;
}

.first-slider-block .item .content h1, .first-slider-block .item .content .h1 {
	font-weight: 600;
	font-size: 45px;
	color: var(--white);
	text-transform: uppercase;
}

.first-slider-block .item .content h1 b, .first-slider-block .item .content h1 strong, .first-slider-block .item .content .h1 b, .first-slider-block .item .content .h1 strong {
	text-transform: uppercase;
	color: var(--orange);
}

.first-slider-block .item .content .small-container > * {
	max-width: 870px;
}

.first-slider-block .item .content .buts {
	display: flex;
	align-items: center;
	gap: 30px;
}

.first-slider-block .item .content .buts a {
	padding-right: 61px;
}

.first-slider-block .item .content .buts a::after {
	height: 16px;
	padding-left: 10px;
	width: 100%;
	max-width: 27px;
	display: flex;
	content: "";
	background: var(--white);
	mask: url('../images/but-arrow.svg') right center / 15px auto no-repeat;
	flex-shrink: 0;
	position: absolute;
	right: 24px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.first-slider-block .item .content .buts a::before {
	width: 1px;
	height: 16px;
	content: "";
	background: var(--but-line);
	position: absolute;
	right: 51px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.first-slider-block .item .content .buts a:first-child:hover::before {
	transition: var(--all-out);
	background: var(--orange);
}

.first-slider-block .item .content .buts a:first-child {
	border: 1px solid var(--white);
	background: rgba(255, 255, 255, 0.05);
	background-blend-mode: soft-light;
	backdrop-filter: blur(25px);
}

.first-slider-block .item .content .buts a:first-child:hover {
	border-color: var(--orange);
	color: var(--orange);
}

.first-slider-block .item .content .buts a:first-child:hover::after {
	transition: var(--all-in);
	background: var(--orange);
}

.first-slider-block .first-slider .slick-arrow {
	width: 40px;
	height: 45px;
	bottom: 12px;
	right: 85px;
	z-index: 0;
	border: 0;
	padding: 0;
	cursor: pointer;
	background: url('../images/slider-prev.svg') center center no-repeat;
	position: absolute;
	font-size: 0;
	z-index: 2;
}

.first-slider-block .first-slider .slick-arrow.slick-next {
	background: url('../images/slider-next.svg') center center no-repeat;
	right: 20px;
}

.first-slider-block .first-slider .additional-text {
	gap: 100px;
	position: absolute;
	right: calc(calc(var(--small-container) / 2) - 50vw);
	top: 50%;
	translate: 0 -50%;
}

.first-slider-block .first-slider .additional-text .item-text {
	display: flex;
	align-items: center;
	gap: 32px;
	width: 100%;
	max-width: 500px;
	padding-right: 64px;
	padding-left: 12px;
	position: relative;
	box-shadow: var(--box-shadow-slider);
}

.first-slider-block .first-slider .additional-text .item-text:nth-child(2n+1) .img {
	order: 2;
}

.first-slider-block .first-slider .additional-text .item-text:nth-child(2n+1) .text {
	order: 1;
}

.first-slider-block .first-slider .additional-text .item-text .img img {
	max-width: 116px;
	max-height: 169px;
}

.first-slider-block .first-slider .additional-text .item-text .img {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 116px;
}

.first-slider-block .first-slider .additional-text .item-text .text {
	position: relative;
	z-index: 2;
}

.first-slider-block .first-slider .additional-text .item-text::before {
	width: 100%;
	height: 124px;
	content: "";
	background: var(--grey);
	top: 50%;
	translate: 0 -50%;
	right: 0;
	position: absolute;
	z-index: 1;
}

.first-slider-block .first-slider .additional-text .item-text:nth-child(2n)::before {
	background: var(--light-grey3);
}

.first-slider-block .first-slider .additional-text .item-text::after {
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	z-index: 1;
	border-top: 124px solid transparent;
	border-right: 75px solid var(--grey);
	left: -74px;
	top: 50%;
	translate: 0 -50%;
}

.first-slider-block .first-slider .additional-text .item-text:nth-child(2n)::after {
	border-right: 75px solid var(--light-grey3);
}

.first-slider-block .first-slider .additional-text .item-text .text p {
	color: var(--white);
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
}

.first-slider-block .first-slider .additional-text .item-text:nth-child(2n) .text p {
	color: var(--dark);
}

.first-slider-block .first-slider .additional-text .item-text .text .title {
	font-weight: 500;
	font-size: 24px;
	font-style: italic;
	color: var(--white);
	background: var(--orange);
	height: 38px;
	display: flex;
	align-items: center;
	position: absolute;
	right: 23px;
	top: -40px;
	max-height: 38px;
}

.first-slider-block .first-slider .additional-text .item-text:nth-child(2n) .text .title {
	right: initial;
	top: -40px;
	left: 23px;
}

.first-slider-block .first-slider .additional-text .item-text .text .title::before {
	border-left: 23px solid transparent;
	border-bottom: 38px solid var(--orange);
	content: "";
	position: absolute;
	left: -22px;
	bottom: 0px;
}

.first-slider-block .first-slider .additional-text .item-text .text .title::after {
	border-right: 23px solid transparent;
	border-top: 38px solid var(--orange);
	content: "";
	position: absolute;
	right: -22px;
	top: 0px;
	z-index: -1;
}

/*--------*/

/**/

.home-about {
	background-image: url('../images/grey-bg-figure.webp');
	background-position: calc(50% + 565px) calc(100% - 125px);
	background-repeat: no-repeat;
}

.home-about .box {
	display: flex;
	gap: 66px;
	justify-content: space-between;
}

.home-about .box .text {
	width: 100%;
	max-width: 630px;
}

.home-about .box .text h2, .home-about .box .text .h2 {
	font-size: 30px;
	line-height: 1.25;
	margin-bottom: 10px;
	font-weight: 500;
}

.home-about .box .text h2 b, .home-about .box .text h2 strong, .home-about .box .text .h2 b, .home-about .box .text .h2 strong {
	color: var(--orange);
	font-style: italic;
}

.home-about .box .text p b {
	color: var(--text-dark-grey);
	font-weight: 500;
}

.home-about .box .text p, .home-about .box .text ol, .home-about .box .text ul {
	color: var(--text-grey);
}

.home-about .box .images {
	width: 100%;
	max-width: 585px;
	flex-shrink: 0;
	position: relative;
	text-align: right;
	padding-top: 24px;
}

.home-about .box .images .img1 {
	max-width: 465px;
	width: 100%;
	height: 470px;
	margin-right: 55px;
	margin-left: auto;
}

.home-about .box .images .img2 {
	max-width: 360px;
	width: 100%;
	height: 282px;
	border: 15px solid var(--light-grey);
	position: absolute;
	top: 304px;
	left: 0;
}

.home-about .box .images .info {
	border-radius: 3px;
	background: var(--orange);
	box-shadow: var(--box-shadow);
	width: 140px;
	height: 140px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: var(--white);
	text-align: center;
	position: absolute;
	top: 363px;
	right: 130px;
	z-index: 2;
}

.home-about .box .images .info span {
	font-size: 48px;
	font-weight: 400;
	line-height: 1.2;
}

.home-about .box .text .but {
	margin-top: 18px;
	display: flex;
}

.home-about .box .text .but a::after {
	height: 16px;
	padding-left: 10px;
	width: 100%;
	max-width: 27px;
	display: flex;
	content: "";
	background: var(--orange);
	mask: url('../images/but-arrow.svg') right center / 15px auto no-repeat;
	flex-shrink: 0;
	position: absolute;
	right: 24px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.home-about .box .text .but a::before {
	width: 1px;
	height: 16px;
	content: "";
	background: var(--but-line);
	position: absolute;
	right: 51px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.home-about .box .text .but a {
	border: 1px solid var(--orange);
	background: var(--light-grey);
	color: var(--orange);
	padding-right: 61px;
}

.home-about .box .text .but a:hover {
	background-color: var(--orange);
	color: var(--white);
}

.home-about .box .text .but a:hover::after {
	transition: var(--all-in);
	background: var(--white);
}

/*--------*/

/**/

.main-cats-block {
	padding: 80px 0 100px;
}

section .container > h2, section .container > .title > h2, section .text-content h2 {
	position: relative;
	text-transform: uppercase;
	padding-bottom: 15px;
}

section .container > h2::after, section .container > .title > h2::after, section .text-content h2::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 4px;
	background: var(--orange);
	content: "";
}

section .container > h2 + .box, section .small-container > h2 + .box , section .container > .title + .box {
	margin-top: 55px;
}

.main-cats-block .box {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px; 
}

.main-cats-block .box .item {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 15px;
	box-shadow: var(--box-shadow-cats);
	background: var(--white);
	gap: 20px;
	text-align: center;
	text-decoration: none;
}

.main-cats-block .box .item .img {
	width: 100%;
	height: 273px;
	background: var(--light-grey2);
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.main-cats-block .box .item .img img {
	max-width: 100%;
	max-height: 100%;
	scale: 1;
	transition: var(--all-out);
}

.main-cats-block .box .item:hover .img img {
	scale: 1.05;
	transition: var(--all-in);
}

.main-cats-block .box .item .name {
	font-size: 16px;
	line-height: 1.25;
	color: var(--dark);
	transition: var(--all-out);
	min-height: 40px;
}

.main-cats-block .box .item:hover .name {
	transition: var(--all-in);
	color: var(--orange);
}

/*--------*/

/**/

.advantages-block {
	padding: 60px 0 120px;
	position: relative;
	background: url('../images/advantages-block-bg.webp') top center / cover no-repeat;
}

.advantages-block::before {
	width: 100%;
	height: 100%;
	background: var(--dark);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.25;
}

section.center .container > h2, section.center .small-container > h2 {
	text-align: center;
}

.advantages-block h2 {
	color: var(--white);
}

.advantages-block .box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 54px 70px;
}

.advantages-block .box .item {
	gap: 20px;
	text-align: center;
	align-items: center;
}

.advantages-block .box .item .icon {
	width: 100%;
	max-width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.advantages-block .box .item .icon img {
	max-width: 50px;
	max-height: 50px;
}

.advantages-block .box .item .title {
	font-size: 22px;
	color: var(--white);
}

.advantages-block .box .item p {
	color: var(--white);
	font-size: 16px;
}

/*--------*/

/**/

.our-clients-block {
	width: 100%;
	padding: 0;
	overflow-x: hidden;
	position: relative;
}

.our-clients-block .box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.our-clients-block .box .title {
	width: 100%;
	max-width: 310px;
	height: 182px;
	display: flex;
	align-items: center;
	background: var(--orange);
	position: relative;
}

.our-clients-block::before {
	width: calc(50vw - (var(--container) / 2) + 15px);
	height: 100%;
	background: var(--orange);
	content: "";
	left: 0;
	top: 0;
	position: absolute;
}

.our-clients-block .box .title h2 {
	color: var(--white);
	text-transform: uppercase;
}

.our-clients-block .box .title::after {
	width: 110px;
	height: 100%;
	content: "";
	position: absolute;
	left: 100%;
	top: 0;
	background: url('../images/clients-figure.svg') left top no-repeat;
}


.our-clients-block .box .clients-slider-box {
	width: 100%;
	max-width: 880px;
	position: relative;
}

.our-clients-block .box .clients-slider-box .item {
	margin: 0 21px;
	height: 57px;
	display: flex;
	align-items: center;
}

.our-clients-block .box .clients-slider-box .slick-arrow {
	width: 24px;
	height: 24px;
	background: var(--dark);
	mask: url('../images/slider-prev2.svg') center center no-repeat;
	transition: var(--all-out);
	font-size: 0;
	top: 50%;
	translate: 0 -50%;
	position: absolute;
}

.our-clients-block .box .clients-slider-box .slick-arrow.slick-prev {
	left: -24px;
}

.our-clients-block .box .clients-slider-box .slick-arrow.slick-next {
	mask: url('../images/slider-next2.svg') center center no-repeat;
	right: -24px;
}

.our-clients-block .box .clients-slider-box .slick-arrow:hover {
	background: var(--orange);
	transition: var(--all-in);
}

/*--------*/

/**/

.news-block {
	padding: 80px 0 90px;
	background-image: url('../images/grey-bg-figure.webp');
	background-position: -36px calc(100% - 16px);
	background-repeat: no-repeat;
}

.news-block .title {
	display: flex;
	justify-content: space-between;
}

.news-block .title .but a::after {
	height: 16px;
	padding-left: 10px;
	width: 100%;
	max-width: 27px;
	display: flex;
	content: "";
	background: var(--orange);
	mask: url('../images/but-arrow.svg') right center / 15px auto no-repeat;
	flex-shrink: 0;
	position: absolute;
	right: 24px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.news-block .title .but a::before {
	width: 1px;
	height: 16px;
	content: "";
	background: var(--but-line);
	position: absolute;
	right: 51px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.news-block .title .but a {
	border: 1px solid var(--orange);
	background: var(--light-grey);
	color: var(--orange);
	padding-right: 61px;
}

.news-block .title .but a:hover {
	background-color: var(--orange);
	color: var(--white);
}

.news-block .title .but a:hover::after {
	transition: var(--all-in);
	background: var(--white);
}

.news-block .box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.box.blog-category {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px 20px;
}

.news-block .box .item, .box.blog-category .item {
	padding: 15px;
	width: 100%;
	box-shadow: var(--box-shadow-cats);
	background: var(--white);
}

.news-block .box .item .img, .box.blog-category .item .img {
	height: 230px;
	width: 100%;
	border-radius: 1px;
	position: relative;
}

.news-block .box .item .img img, .box.blog-category .item .img img {
	scale: 1;
	transition: var(--all-out);
}

.news-block .box .item:hover .img img, .box.blog-category .item:hover .img img {
	scale: 1.05;
	transition: var(--all-in);
}

.news-block .box .item .img > .date, .box.blog-category .item .img > .date, .text-content > .date {
	padding: 0 15px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	background: var(--orange);
	color: var(--white);
	text-align: center;
	font-size: 14px;
}

.text-content > .date {
	position: relative;
	width: fit-content;
}

.news-block .box .item .img > .date::after, .box.blog-category .item .img > .date::after, .text-content > .date::after {
	content: "";
	border-left: 12px solid var(--orange);
	border-bottom: 35px solid transparent;
	position: absolute;
	right: -12px;
	top: 0;
}

.news-block .box .item .name, .box.blog-category .item .name {
	margin-top: 24px;
	min-height: 45px;
	font-size: 18px;
	line-height: 1.25;
}

.news-block .box .item .name a, .box.blog-category .item .name a {
	color: var(--text-dark-grey);
	text-decoration: none;
}

.news-block .box .item .name a:hover, .box.blog-category .item .name a:hover {
	color: var(--orange);
}

.news-block .box .item .text, .box.blog-category .item .text {
	margin-top: 16px;
	min-height: 42px;
	max-height: 42px;
	overflow: hidden;
	font-size: 14px;
	color: var(--text-grey);
}

.news-block .box .item .but, .box.blog-category .item .but {
	margin-top: 24px;
	display: flex;
}

.news-block .box .item .but a::after, .box.blog-category .item .but a::after {
	height: 16px;
	padding-left: 0px;
	width: 100%;
	max-width: 27px;
	display: flex;
	content: "";
	background: var(--orange);
	mask: url('../images/but-arrow.svg') right center / 15px auto no-repeat;
	flex-shrink: 0;
	position: absolute;
	right: 24px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.news-block .box .item .but a::before, .box.blog-category .item a::before {
	width: 1px;
	height: 16px;
	content: "";
	background: var(--but-line);
	position: absolute;
	right: 51px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
	opacity: 0;
}

.news-block .box .item .but a, .box.blog-category .item .but a {
	border: 1px solid var(--orange);
	background: var(--light-grey);
	color: var(--orange);
	padding-right: 40px;
	font-size: 0;
	gap: 0;
}

.news-block .box .item .but a:hover, .box.blog-category .item .but a:hover {
	background-color: var(--orange);
	color: var(--white);
	font-size: 16px;
	gap: 10px;
	padding-right: 61px;
}

.news-block .box .item .but a:hover::after, .box.blog-category .item .but a:hover::after {
	transition: var(--all-in);
	background: var(--white);
	padding-left: 10px;
}

.news-block .box .item .but a:hover::before, .box.blog-category .item .but a:hover::before {
	transition: var(--all-in);
	opacity: 1;
}

/*--------*/

/**/

footer {
	background-color: var(--grey);
	overflow-x: hidden;
	background-image: url('../images/footer-bg.webp');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

footer .box.content {
	padding: 60px 0 50px;
	display: flex;
	justify-content: space-between;
}

footer .box.content .item {
	width: 100%;
	max-width: 265px;
}

footer .box.content .item.last {
	max-width: 190px;
}

footer .box.content .item .title {
	color: var(--white);
	font-size: 22px;
	line-height: 1.7;
	padding-bottom: 10px;
	position: relative;
	margin-bottom: 30px;
}

footer .box.content .item .title::before {
	width: 40px;
	height: 2px;
	background: var(--orange);
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
}

footer .box.content .item .block a, footer .box.copyright .seo a {
	color: var(--white);
	font-size: 16px;
	text-decoration: none;
	font-weight: 400;
}
footer .box.copyright .seo a {
	font-size: 14px;
}

footer .box.content .item .block a:hover, footer .box.copyright .seo a:hover  {
	color: var(--orange);
}

footer .box.content .item .block ul {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

footer .box.content .item .block .but {
	margin-top: 25px;
}

footer .box.content .item .block .but a {
	color: var(--black);
	font-size: 14px;
	font-weight: 500;
}

footer .box.content .item .block .email, footer .box.content .item .block .phone, footer .box.content .item .block .addr {
	padding-left: 32px;
	position: relative;
}

footer .box.content .item .block .email::before, footer .box.content .item .block .phone::before, footer .box.content .item .block .addr::before {
	content: "";
	width: 22px;
	height: 22px;
	position: absolute;
	left: 0;
	top: 0;
	background-position: center center;
	background-repeat: no-repeat;
}

footer .box.content .item .block .email::before {
	background-image: url('../images/footer-email-icon.svg');
}

footer .box.content .item .block .phone::before {
	background-image: url('../images/footer-phone-icon.svg');
}

footer .box.content .item .block .addr::before {
	background-image: url('../images/footer-addr-icon.svg');
}

footer .box.content .item .block .addr p {
	color: var(--white);
	font-size: 16px;
	text-decoration: none;
	font-weight: 400;
	margin: 0;
}

footer .container.bottom::before {
	width: 100vw;
	height: 1px;
	content: "";
	position: absolute;
	left: 50%;
	top: -1px;
	translate: -50% 0;
	background: var(--text-grey);
}

footer .box.copyright {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

footer .box.copyright .logo, footer .box.copyright .empty {
	width: 100%;
	max-width: 175px;
	flex-shrink: 0;
}

footer .box.copyright .empty {
	margin-right: 32px;
}

footer .box.copyright .logo {
	height: 75px;
	position: relative;
	background: var(--orange);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 32px;
}

footer .box.copyright .logo::before {
	border-bottom: 75px solid var(--orange);
	border-left: 32px solid transparent;
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: -32px;
}

footer .box.copyright .logo::after {
	border-top: 75px solid var(--orange);
	border-right: 32px solid transparent;
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	right: -32px;
}

footer .box.copyright p {
	color: var(--white);
	font-size: 14px;
}

/*--------*/

/**/

.go-top {
	bottom: -50px;
	right: 50px;
	width: 50px;
	height: 50px;
	border-radius: 1px;
	background: var(--orange);
	position: fixed;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--all-out);
}

.go-top.showed {
	transition: var(--all-in);
	bottom: 20px;
}

.go-top:hover {
	background: var(--orange-hover);
}

/*--------*/

/**/

.page-title {
	padding: 110px 0 100px;
	position: relative;
	overflow: hidden;
	min-height: 400px;
  	display: flex;
  	align-items: center;
}

.page-title .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.page-title .bg::before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: var(--slide-bg);
	opacity: 0.3;
}

.page-title .box {
	gap: 42px;
}

.page-title .box h1, .page-title .box .h1 {
	max-width: 870px;
	color: var(--white);
}

.page-title .box .breadcrumbs {
	display: flex;
	position: relative;
	z-index: 1;
	gap: 10px;
}

.page-title .box .breadcrumbs a, .page-title .box .breadcrumbs > span > span {
	font-size: 16px;
	text-decoration: none;
	color: var(--white);
}

.page-title .box .breadcrumbs a:hover {
	color: var(--orange);
}

.page-title .box .breadcrumbs > span:not(:last-child) {
	display: flex;
	gap: 10px;
	align-items: center;
}

.page-title .box .breadcrumbs > span:not(:last-child)::after {
	width: 10px;
	height: 10px;
	content: "";
	display: flex;
	background: url('../images/breadcrumbs-arrow.svg') center center no-repeat;
}

.page-title .box .breadcrumbs > span:last-child a, .page-title .box .breadcrumbs > span:last-child > span {
	font-weight: 600;
}

/*--------*/

/**/

.about-us-numbers {
	padding: 50px 0 60px;
	background: url('../images/about-us-numbers-bg.webp');
}

.about-us-numbers .box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 120px;
}

.about-us-numbers .box .text h2 {
	position: relative;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin-bottom: 16px;
}

.about-us-numbers .box .text h2::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 4px;
	background: var(--orange);
	content: "";
}

.about-us-numbers .box .text p, .about-us-numbers .box .text ol, .about-us-numbers .box .text ul {
	color: var(--text-grey2);
}

.about-us-numbers .box .tiles {
	width: 100%;
	max-width: 534px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	flex-shrink: 0;
}


.about-us-numbers .box .tiles .item {
	width: 100%;
	height: 235px;
	background: var(--white);
	box-shadow: var(--box-shadow-cats);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: var(--all-out);
	padding: 0 34px;
	text-align: center;
}

.about-us-numbers .box .tiles .item:hover {
	transition: var(--all-in);
	background: var(--orange);
}

.about-us-numbers .box .tiles .item .icon {
	width: 64px;
	height: 64px;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.about-us-numbers .box .tiles .item .icon img {
	max-width: 100%;
	max-height: 100%;
	filter: brightness(1);
	transition: var(--all-out);
}

.about-us-numbers .box .tiles .item:hover .icon img {
	filter: brightness(10);
	transition: var(--all-in);
}

.about-us-numbers .box .tiles .item p {
	line-height: 1.25;
	font-size: 18px;
	transition: var(--all-out);
	min-height: 45px;
}

.about-us-numbers .box .tiles .item:hover p {
	transition: var(--all-in);
	color: var(--white);
}

.about-us-numbers .box .tiles .item .name {
	font-size: 36px;
	line-height: 1.25;
	color: var(--text-grey2);
	transition: var(--all-out);
}

.about-us-numbers .box .tiles .item .name sup {
	color: var(--orange);
	transition: var(--all-out);
}

.about-us-numbers .box .tiles .item:hover .name {
	transition: var(--all-in);
	color: var(--white);
}

.about-us-numbers .box .tiles .item:hover .name sup {
	transition: var(--all-in);
	color: var(--white);
}

/*--------*/

/**/

.about-us-text .text-content .row {
	display: flex;
	gap: 60px;
}

.about-us-text .text-content > *:not(:last-child) {
	margin-bottom: 50px;
}

.about-us-text .text-content .row .img {
	width: 100%;
	max-width: 520px;
	flex-shrink: 0;
}

.about-us-text .text-content h1, .about-us-text .text-content h2, .about-us-text .text-content h3, .about-us-text .text-content h4, .about-us-text .text-content h5, .about-us-text .text-content h6 {
	margin-bottom: 28px;
}

.about-us-text .text-content .row:nth-child(2n) .img {
	order: 1;
}

.about-us-text .text-content .row:nth-child(2n) .text {
	order: 2;
}

.about-us-text .author {
	margin-top: 50px;
	display: flex;
	align-items: center;
	gap: 20px;
	padding-left: 25px;
	border-left: 6px solid var(--orange);
}

.about-us-text .author .photo {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--light-grey4);
	border: 7px solid var(--white);
	flex-shrink: 0;
}

.about-us-text .author .text {
	width: 100%;
	max-width: 395px;
}

.about-us-text .author .text > * {
	font-size: 16px;
	color: var(--black);
	font-style: italic;
}

.about-us-text .author .text b, .about-us-text .author .text strong {
	font-weight: 600;
}

/*--------*/

/**/

.contacts-info-block {
	padding-bottom: 0;
}

.contacts-info-block .tab-buts {
	display: flex;
	justify-content: center;
	gap: 36px;
	position: relative;
}

.contacts-info-block .tab-buts::before {
	width: 36px;
	height: 56px;
	border-top: 1px solid var(--orange);
	border-bottom: 1px solid var(--orange);
	content: "";
	top: 0;
	left: 50%;
	translate: -50% 0;
	position: absolute;
	z-index: 1;
}

.contacts-info-block .tabs-content {
	margin-top: 48px;
}

.tabcontent {
	display: none;
	-webkit-animation: fadeEffect 1s;
	animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
}
  
@keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
}

.contacts-info-block .tab-buts button {
	width: 100%;
	height: 56px;
	padding: 0;
	border: 0;
	background: var(--white);
	cursor: pointer;
	max-width: 440px;
	border: 1px solid var(--orange);
	font-size: 20px;
	font-weight: 500;
	color: var(--dark);
	position: relative;
}

.contacts-info-block .tab-buts button:hover, .contacts-info-block .tab-buts button.active {
	color: var(--white);
	background: var(--orange);
}

.contacts-info-block .tab-buts button:first-child {
	border-right: 0;
}

.contacts-info-block .tab-buts button:last-child {
	border-left: 0;
}

.contacts-info-block .tab-buts button:first-child::after {
	content: "";
	border-left: 38px solid var(--white);
	border-bottom: 56px solid transparent;
	position: absolute;
	top: -1px;
	right: -37px;
	transition: var(--all-out);
}

.contacts-info-block .tab-buts button:last-child::after {
	content: "";
	border-right: 36px solid var(--white);
	border-top: 56px solid transparent;
	position: absolute;
	top: -1px;
	left: -36px;
	transition: var(--all-out);
}

.contacts-info-block .tab-buts button:first-child:hover::after, .contacts-info-block .tab-buts button.active:first-child::after {
	border-left-color: var(--orange);
	transition: var(--all-in);
}

.contacts-info-block .tab-buts button:last-child:hover::after, .contacts-info-block .tab-buts button.active:last-child::after {
	border-right-color: var(--orange);
	transition: var(--all-in);
}

.contacts-info-block .map {
	margin-top: 50px;
}

.contacts-info-block .map iframe {
	height: 430px !important;
	width: 100% !important;
	vertical-align: top;
}

/* Layout */
.contacts-info-block .box.contacts-info {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

/* Item base */
.contacts-info-block .box.contacts-info .item {
  position: relative;
  padding-top: 55px; /* space for the icon */
  gap: 20px;
  flex-shrink: 0;
}

/* Icon layer (does NOT affect text) */
.contacts-info-block .box.contacts-info .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 35px;
  height: 35px;
  transform: translateX(-50%);

  background-color: var(--orange); /* ICON COLOR */

  -webkit-mask: var(--icon) center / 35px 35px no-repeat;
  mask: var(--icon) center / 35px 35px no-repeat;
}

/* Per-item icon sources */
.contacts-info-block .box.contacts-info .item.accountant {
  --icon: url('../images/accounting.svg');
}

.contacts-info-block .box.contacts-info .item.technical {
  --icon: url('../images/technical-specialist.svg');
}

.contacts-info-block .box.contacts-info .item.supply {
  --icon: url('../images/supply-manager.svg');
}



.contacts-info-block .box.contacts-info .item.addr {
    --icon: url('../images/logistics-delivery-truck.svg');
	/*background: url('../images/logistics-delivery-truck.svg') top center no-repeat;*/
}


.contacts-info-block .box.contacts-info .item.phone{
	background: url('../images/contacts-phone-icon.svg') top center no-repeat;
	flex-shrink: 0;
}

.contacts-info-block .box.contacts-info .item.email{
	background: url('../images/contacts-email-icon.svg') top center no-repeat; 
}

.contacts-info-block .box.contacts-info .title {
	font-size: 22px;
	color: var(--dark);
}

.contacts-info-block .box.contacts-info .cols {
	display: flex;
	gap: 15px;
}

.contacts-info-block .box.contacts-info .cols .col {
	display: flex;
	flex-direction: column;

}

.contacts-info-block .box.contacts-info .item.phone .cols {
	width: 487px;
	flex-shrink: 0;
	justify-content: center;
}
.contacts-info-block .box.contacts-info .item.phone .cols .col {
	max-width: 236px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.contacts-info-block .box.contacts-info .item.addr .cols .col {
	max-width: 255px;
	width: 100%;
}

.contacts-info-block .box.contacts-info .item .cols .col > p {
	font-size: 16px;
	color: var(--dark);
	display: flex;
	flex-direction: column;
}

.contacts-info-block .box.contacts-info .item .cols .col > a, .contacts-info-block .box.contacts-info .item .cols .col > p > a {
	font-size: 14px;
	color: var(--text-grey);
	text-decoration: none;
}

.contacts-info-block .box.contacts-info .item .cols .col > a:hover {
	color: var(--orange);
}

.contacts-info-block .box.contacts-info .item .cols .col > p > a {
	font-weight: 400;
}

.contacts-info-block .box.contacts-info .item .cols .col > p > a:hover {
	color: var(--orange);
}

.contacts-info-block .box.contacts-managers {
	display: flex;
	justify-content: center;
	gap: 32px;
}

.contacts-info-block .box.contacts-managers .item {
	margin-bottom: 48px;
	gap: 8px;
}

.contacts-info-block .box.contacts-managers .item .photo {
	width: 200px;
	height: 200px;
	overflow: hidden;
}

.contacts-info-block .box.contacts-managers .item .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.contacts-info-block .box.contacts-managers .item .name {
	font-size: 20px;
  	color: var(--dark);
  	font-weight: 600;
}

.contacts-info-block .box.contacts-managers .item .position {
	font-size: 16px;
  	color: var(--dark);
	margin-bottom: 12px;
}

.contacts-info-block .box.contacts-managers .item .phone {}

.contacts-info-block .box.contacts-managers .item .phone a {
	font-size: 14px;
  	color: var(--text-grey);
  	text-decoration: none;
}

.contacts-info-block .box.contacts-managers .item .phone a:hover {
	color: var(--orange);
}

.contacts-info-block .box.contacts-managers .item .email {}

.contacts-info-block .box.contacts-managers .item .email a {
	font-size: 14px;
  	color: var(--text-grey);
  	text-decoration: none;
}

.contacts-info-block .box.contacts-managers .item .email a:hover {
	color: var(--orange);
}

/*--------*/

/**/

.custom-content {
	overflow-x: hidden;
}

.custom-content .items {
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
}

.custom-content .items .item {
	width: 100%;
	max-width: 305px;
	text-decoration: none;
	display: flex;
	box-shadow: var(--box-shadow-cats);
}

.custom-content .items .item .title {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 55px;
	background: var(--orange);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--white);
	text-align: center;
}

.custom-content .items .item .img {
	width: 100%;
	height: 212px;
	padding: 16px;
}

.custom-content .items .item .img .inner {
	width: 100%;
	height: 100%;
	display: flex;
	overflow: hidden;
}

.custom-content .items .item .img img {
	transition: var(--all-out);
	scale: 1;
}

.custom-content.catalogues-block .items .item .img img {
	object-fit: contain;
}

.custom-content .items .item:hover .img img {
	transition: var(--all-in);
	scale: 1.05;
}

.text-content > *:first-child {
	margin-top: 0px !important;
}

.text-content img.alignright {
	float: right;
	margin: 0 0 32px 32px;
	justify-content: flex-end;
}

.text-content img.alignleft {
	float: left;
	margin: 0 32px 32px 0;
}

.text-content img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.text-content a img.alignright {
	float: right;
	margin: 0 0 32px 32px;
	justify-content: flex-end;
}

.text-content a img.alignleft {
	float: left;
	margin: 0 32px 32px 0;
}

.text-content a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}



.text-content ul, .text-content ol {
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.text-content ul {
	list-style: none;
	padding: 0;
}

.text-content ul li {
	padding-left: 30px;
	position: relative;
}

.text-content ul li::before {
	left: 0;
	top: 2px;
	content: "";
	width: 20px;
	height: 20px;
	background: url('../images/ul-mark.svg') center center no-repeat;
	position: absolute;
}

.text-content ul ul, .text-content ul ol {
	margin-top: 16px;
}

.text-content:not(.flex-col) > *, .text-content:not(.flex-col) .text-rows .row .text > *:not(:first-child) {
	margin-top: 20px;
}

.text-content:not(.flex-col) >  h1, .text-content:not(.flex-col) >  h2, .text-content:not(.flex-col) >  h3, .text-content:not(.flex-col) >  h4, .text-content:not(.flex-col) >  h5, .text-content:not(.flex-col) >  h6 {
	margin-top: 50px;
}

.text-content .text-rows {
	display: flex;
	flex-direction: column;
	clear: both;
}

.text-content .text-rows .row {
	position: relative;
	padding: 30px 0;
	display: flex;
	align-items: center;
	gap: 40px;
}

.text-content .text-rows .row:nth-child(2n+1)::before {
	width: 100vw;
	height: 100%;
	position: absolute;
	left: 50%;
	translate: -50% 0;
	top: 0;
	background: var(--light-grey);
	content: "";
	z-index: -1;
}

.text-content .text-rows .row .img {
	width: 100%;
	max-width: 350px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.text-content .text-rows .row:nth-child(2n) .img {
	order: 2;
}

.text-content .text-rows .row:nth-child(2n) .text {
	order: 1;
}

/*--------*/

/**/

.custom-content .box.serts {
	display: flex;
	justify-content: center;
	gap: 80px;
}

.custom-content .box.serts + .box.text-content {
	margin-top: 100px;
}

.custom-content .box.serts .item {
	width: 100%;
	max-width: 330px;
	display: flex;
	padding: 16px 12px;
	text-align: center;
	text-decoration: none;
	border: 1px solid var(--white);
	box-shadow: var(--box-shadow-cats);
}

.custom-content .box.serts .item:hover {
	border-color: var(--orange);
}

.custom-content .box.serts .item .title {
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
	color: var(--dark);
	transition: var(--all-out);
}

.custom-content .box.serts .item:hover .title {
	color: var(--orange);
	transition: var(--all-in);
}

.custom-content .box.serts .item .img {
	width: 100%;
	height: 445px;
}

.custom-content .docs-list-block {
	margin-top: 85px;
}

.custom-content .docs-list-block .row {
	display: flex;
	align-items: center;
	padding: 15px 40px;
	gap: 20px;
	justify-content: space-between;
	border: 1px solid var(--white);
	transition: var(--all-out);
}

.custom-content .docs-list-block .row:nth-child(2n+1) {
	background: var(--light-grey-blockquote);
	border: 1px solid var(--light-grey-blockquote);
	transition: var(--all-out);
}

.custom-content .docs-list-block .row:not(.title):hover {
	transition: var(--all-in);
	border-color: var(--orange);
}

.custom-content .docs-list-block .row .buts {
	width: 100%;
	max-width: 414px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 20px;
}

.custom-content .docs-list-block .row .name {
	font-size: 16px;
}

.custom-content .docs-list-block .row.title .name, .custom-content .docs-list-block .row.title .buts {
	font-size: 20px;
	font-weight: 600;
	height: 70px;
	width: 100%;
	line-height: 70px;
}

.custom-content .docs-list-block .row.title .buts {
	text-align: center;
	justify-content: center;
}

.custom-content .docs-list-block .row .buts span {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.25;
	padding: 0 24px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--light-grey5);
	border-radius: 2px;
	border: 0;
	margin: 0;
	text-decoration: none;
	color: var(--white);
	gap: 10px;
	height: 48px;
	position: relative;
	cursor: pointer;
}

.custom-content .docs-list-block .row .buts a, .custom-content .docs-list-block .row .buts span {
	height: 40px;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	gap: 10px;
}

.custom-content .docs-list-block .row .buts a::before, .custom-content .docs-list-block .row .buts span::before {
	width: 24px;
	height: 24px;
	content: "";
	background: url('../images/download-but-icon.svg') center center no-repeat;
}

/*--------*/

/**/

.custom-content .box.support {
	text-align: center;
}

.custom-content .box.support h2::after {
	display: none;
}

.custom-content .box.support p b, .custom-content .box.support p strong {
	color: var(--orange);
	font-weight: 600;
}

.custom-content .box.support .buts {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 35px;
}

.custom-content .box.support .buts a:nth-child(2) {
	background: var(--white);
	border: 1px solid var(--orange);
	color: var(--orange);
}

.custom-content .box.support .buts a:nth-child(2):hover {
	color: var(--white);
	background: var(--orange);
}

/*--------*/

/**/

.custom-content .box.support-form {
	box-shadow: var(--box-shadow-cats);
	width: 100%;
	border: 1px solid var(--orange);
	padding: 50px 114px;
	text-align: center;
}

.custom-content .box.support-form h2 {
	font-size: 28px;
	margin-bottom: 10px;
}

.custom-content .box.support-form p b, .custom-content .box.support-form p strong {
	font-weight: 500;
	color: var(--orange);
}

.custom-content .box.support-form .form {
	margin-top: 35px;
}

.custom-content .box.support-form .form form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px 50px;
}

.custom-content .box.support-form .form form .form-group:nth-child(7), .custom-content .box.support-form .form form .form-group:nth-child(8), .custom-content .box.support-form .form form .form-group:nth-child(9), .custom-content .box.support-form .form form .form-group:nth-child(10) {
	grid-column-start: 1;
	grid-column-end: 3;
}

.custom-content .box.support-form .form form .form-group {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-align: left;
}

.custom-content .box.support-form .form form .form-group.but {
	margin-top: 10px;
}

.custom-content .box.support-form .form form .form-group > label {
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	color: var(--text-grey2);
}

.custom-content .box.support-form .form form .form-group > label span {
	color: var(--red);
}

.custom-content .box.support-form .form form .form-group input[type="text"], .custom-content .box.support-form .form form .form-group input[type="tel"], .custom-content .box.support-form .form form .form-group input[type="email"], .custom-content .box.support-form .form form .form-group input[type="number"], .custom-content .box.support-form .form form .form-group textarea {
	width: 100%;
	border: 0;
	padding: 0 20px;
	height: 50px;
	border-bottom: 1px solid var(--input-border-grey);
	background: var(--light-grey);
	font-size: 14px;
	border-radius: 1px;
	transition: var(--all-out);
}

.custom-content .box.support-form .form form .form-group textarea {
	padding: 20px;
	height: 150px;
}

.custom-content .box.support-form .form form .form-group input[type="text"]:focus, .custom-content .box.support-form .form form .form-group input[type="tel"]:focus, .custom-content .box.support-form .form form .form-group input[type="email"]:focus, .custom-content .box.support-form .form form .form-group input[type="number"]:focus, .custom-content .box.support-form .form form .form-group textarea:focus {
	transition: var(--all-in);
	border-bottom-color: var(--orange);
}

.custom-content .box.support-form .form form .form-group.but button {
	padding-right: 61px;
	margin: 0 auto;
}

.custom-content .box.support-form .form form .form-group.but button::before {
	width: 1px;
	height: 16px;
	content: "";
	background: var(--but-line);
	position: absolute;
	right: 51px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.custom-content .box.support-form .form form .form-group.but button::after {
	height: 16px;
	padding-left: 10px;
	width: 100%;
	max-width: 27px;
	display: flex;
	content: "";
	background: var(--white);
	mask: url('../images/but-arrow.svg') right center / 15px auto no-repeat;
	flex-shrink: 0;
	position: absolute;
	right: 24px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

/*--------*/

/**/

.box.pagination {
	margin-top: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.box.pagination .pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	list-style: none;
	padding: 0;
}

.box.pagination a, .box.pagination span {
	width: 48px;
	height: 48px;
	border-radius: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 600;
	color: var(--dark);
	text-align: center;
	text-decoration: none;
	background: var(--light-grey);
	position: relative;
}

.box.pagination a:hover, .box.pagination span {
	color: var(--white);
	background: var(--orange);
}

.box.pagination a.prev::after, .box.pagination a.next::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--dark);
	transition: var(--all-out);
}

.box.pagination a.prev:hover::after, .box.pagination a.next:hover::after {
	background: var(--white);
	transition: var(--all-in);
}

.box.pagination a.prev::after {
	mask: url('../images/pagination-prev.svg') center center no-repeat;
}

.box.pagination a.next::after {
	mask: url('../images/pagination-next.svg') center center no-repeat;
}

/*--------*/

/**/

.custom-content.article .gallery {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px;
}

.custom-content.article .gallery .item {
	width: 100%;
	height: 235px;
}

.custom-content.article .gallery .item img {
	scale: 1;
	transition: var(--all-out);
}

.custom-content.article .gallery .item:hover img {
	scale: 1.05;
	transition: var(--all-in);
}

.custom-content.article .back {
	margin-top: 50px;
	display: flex;
}

.custom-content.article .back a {
	margin: 0 auto;
	padding-right: 61px;
}

.custom-content.article .back a::before {
	width: 1px;
	height: 16px;
	content: "";
	background: var(--but-line);
	position: absolute;
	right: 51px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.custom-content.article .back a::after {
	height: 16px;
	padding-left: 10px;
	width: 100%;
	max-width: 27px;
	display: flex;
	content: "";
	background: var(--white);
	mask: url('../images/but-arrow.svg') right center / 15px auto no-repeat;
	flex-shrink: 0;
	position: absolute;
	right: 24px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

/*--------*/

/**/

.custom-content.work-together .text-content .row {
	display: flex;
	gap: 60px;
}

.custom-content.work-together .text-content .row .img {
	width: 100%;
	max-width: 520px;
	flex-shrink: 0;
	height: 350px;
}

.custom-content.work-together .text-content .but {
	margin-top: 35px;
	display: flex;
}

.custom-content.work-together .text-content .but a::after {
	height: 16px;
	padding-left: 10px;
	width: 100%;
	max-width: 27px;
	display: flex;
	content: "";
	background: var(--orange);
	mask: url('../images/but-arrow.svg') right center / 15px auto no-repeat;
	flex-shrink: 0;
	position: absolute;
	right: 24px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.custom-content.work-together .text-content .but a::before {
	width: 1px;
	height: 16px;
	content: "";
	background: var(--but-line);
	position: absolute;
	right: 51px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.custom-content.work-together .text-content .but a {
	border: 1px solid var(--orange);
	background: var(--light-grey);
	color: var(--orange);
	padding-right: 61px;
}

.custom-content.work-together .text-content .but a:hover {
	background-color: var(--orange);
	color: var(--white);
}

.custom-content.work-together .text-content .but a:hover::after {
	transition: var(--all-in);
	background: var(--white);
}


/*--------*/

/**/

.connect-form-block {
	padding: 60px 0;
}

.connect-form-block .box {
	align-items: center;
	text-align: center;
}

.connect-form-block .box .h2 {
	font-size: 24px;
	line-height: normal;
}

.connect-form-block .box p {
	font-size: 24px;
}

.connect-form-block .box .but {
	margin-top: 12px;
	display: flex;
}

.connect-form-block .box .but a {
	padding-right: 61px;
}

.connect-form-block .box .but a::after {
	height: 16px;
	padding-left: 10px;
	width: 100%;
	max-width: 27px;
	display: flex;
	content: "";
	background: var(--white);
	mask: url('../images/but-arrow.svg') right center / 15px auto no-repeat;
	flex-shrink: 0;
	position: absolute;
	right: 24px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.connect-form-block .box .but a::before {
	width: 1px;
	height: 16px;
	content: "";
	background: var(--but-line);
	position: absolute;
	right: 51px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

/*--------*/

/**/

.custom-content.catalogues-block .box .items {
	margin-top: 35px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 60px 114px;
}

.custom-content.catalogues-block .box .items .item {
	text-decoration: none;
	color: var(--dark);
	text-align: center;
	padding: 25px;
	background: var(--light-grey);
}

.custom-content.catalogues-block .box .items .item:hover {
	background: var(--orange);
}

.custom-content.catalogues-block .box .items .item .title {
	background: transparent;
  	font-size: 18px;
  	font-weight: 500;
  	line-height: normal;
  	color: var(--black);
	height: auto;
	transition: var(--all-out);
	min-height: 45px;
}

.custom-content.catalogues-block .box .items .item:hover .title {
	color: var(--white);
	transition: var(--all-in);
}

.custom-content.catalogues-block .box .items .item .img {
	padding: 0;
	height: 213px;
}

.custom-content.catalogues-block .box.catalogues-box {
	margin-top: 60px;
}

.custom-content.catalogues-block .box.catalogues-box .items .item .img {
	height: 425px;
}

/*--------*/

/**/

.custom-content.soft-block .part:not(:first-child) {
	margin-top: 60px;
}

.custom-content.soft-block .part h2 {
	margin-bottom: 35px;
}

.custom-content.soft-block .part .row:not(:nth-child(1)):not(:nth-child(2)) {
	margin-top: 60px;
}

.custom-content.soft-block .part .row {
	display: flex;
	gap: 0 63px;
}

.custom-content.soft-block .part .row .img {
	width: 100%;
	max-width: 370px;
}

.custom-content.soft-block .part .row .text {
	width: 100%;
}

.custom-content.soft-block .part .row .text .buts {
	margin-top: 30px;
	display: flex;
	align-items: center;
	gap: 20px;
}

.custom-content.soft-block .part .row .text .buts a {
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	display: flex;
  	gap: 10px;
}

.custom-content.soft-block .part .row .text .buts a::before {
	width: 24px;
	height: 24px;
	content: "";
	background: url('../images/download-but-icon.svg') center center no-repeat;
}

.custom-content.soft-block .part .row .text .buts a:last-child:not(:first-child) {
	background: var(--grey);
}

.custom-content.soft-block .part .row .text .buts a:last-child:not(:first-child):hover {
	background: var(--orange-hover);
}

/*--------*/

/**/

.modal .modal-box {
	width: 470px;
	padding: 8px 28px 13px 28px;
}

.modal .modal-box .title {
	font-size: 24px;
	line-height: normal;
	text-align: center;
}

.modal .modal-box .title a {
	color: var(--orange);
	text-decoration: none;
	display: block;
}

.modal .modal-box .title a:hover {
	color: var(--orange-hover);
}

#test.modal .modal-box .title {
	font-size: 22px;
	line-height: 1.25;
}

.modal .modal-box .box {
	margin-top: 35px;
}

.modal .modal-box .box form {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.modal .modal-box .box form .form-group {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-align: left;
	position: relative;
}

.modal .modal-box .box form .form-group.but {
	margin-top: 10px;
}

.modal .modal-box .box form .form-group > label {
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	color: var(--text-grey2);
}

.modal .modal-box .box form .form-group > label span {
	color: var(--red);
}

.modal .modal-box .box form .form-group input[type="text"], .modal .modal-box .box form .form-group input[type="tel"], .modal .modal-box .box form .form-group input[type="email"], .modal .modal-box .box form .form-group input[type="password"], .modal .modal-box .box form .form-group input[type="number"], .modal .modal-box .box form .form-group textarea {
	width: 100%;
	border: 0;
	padding: 0 20px;
	height: 50px;
	border-bottom: 1px solid var(--input-border-grey);
	background: var(--light-grey);
	font-size: 14px;
	border-radius: 1px;
	transition: var(--all-out);
}

.modal .modal-box .box form .form-group input[type="password"] {
	padding-right: 50px;
}

.modal .modal-box .box form .form-group textarea {
	padding: 20px;
	height: 100px;
}

.modal .modal-box .box form .form-group input[type="text"]:focus, .modal .modal-box .box form .form-group input[type="tel"]:focus, .modal .modal-box .box form .form-group input[type="email"]:focus, .modal .modal-box .box form .form-group input[type="password"]:focus, .modal .modal-box .box form .form-group input[type="number"]:focus, .modal .modal-box .box form .form-group textarea:focus {
	transition: var(--all-in);
	border-bottom-color: var(--orange);
}

.modal .modal-box .box form .form-group input.error, .modal .modal-box .box form .form-group textarea.error {
	transition: var(--all-in);
	border-bottom-color: var(--red);
}

.modal .modal-box .box form .form-group .show {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
	bottom: 15px;
	background: var(--text-grey2);
	mask: url('../images/ep_hide.svg') center center no-repeat;
	transition: var(--all-out);
	cursor: pointer;
}

.modal .modal-box .box form .form-group .show.active {
	background: var(--orange);
	transition: var(--all-in);
}

.modal .modal-box .box form .form-group .show:hover {
	background: var(--orange-hover);
	transition: var(--all-in);
}

.modal .modal-box .box form .form-group.controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}

.modal .modal-box .box form .form-group.controls .checkbox input[type="checkbox"] {
	display: none;
}

.modal .modal-box .box form .form-group.controls .checkbox label span {
	line-height: 18px;
	padding-left: 21px;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	display: block;
	color: var(--text-grey2);
}

.modal .modal-box .box form .form-group.controls .checkbox label span::before {
	width: 16px;
	height: 16px;
	border-radius: 1px;
	border: 1px solid var(--input-border-grey);
	position: absolute;
	left: 0;
	top: 1px;
	content: "";
	transition: var(--all-out);
}

.modal .modal-box .box form .form-group.controls .checkbox label input.error + span::before {
	border-color: var(--red);
	transition: var(--all-in);
}

.modal .modal-box .box form .form-group.controls .checkbox label span::after {
	width: 6px;
	height: 12px;
	border-right: 2px solid var(--orange);
	border-bottom: 2px solid var(--orange);
	content: "";
	rotate: 45deg;
	position: absolute;
	left: 5px;
	top: 2px;
	scale: 0;
	transition: var(--all-out);
}

.modal .modal-box .box form .form-group.controls .checkbox label input:checked + span::after {
	scale: 1;
	transition: var(--all-in);
}

.modal .modal-box .box form .form-group.controls > a {
	text-decoration: none;
	color: var(--blue);
	font-size: 14px;
}

.modal .modal-box .box form .form-group.controls > a:hover {
	color: var(--orange);
}

.modal .modal-box .box form .form-group.controls .checkbox a {
	color: var(--text-grey2);
}

.modal .modal-box .box form .form-group.controls .checkbox a:hover {
	color: var(--orange);
}

#test.modal .modal-box .but {
	display: flex;
}

#test.modal .modal-box .but a {
	margin: 0 auto;
}

form .form-group.message {
	padding: 0px 20px;
  	border: 0px solid rgba(255, 0, 0, 0.7);
  	background: rgba(255, 0, 0, 0.1);
	max-height: 0;
	opacity: 0;
	transition: var(--all-out);
}

form .form-group.message.ok {
	border: 0px solid rgba(0, 190, 0, 0.7);
  	background: rgba(0, 190, 0, 0.1);
}

form .form-group.message.show {
	opacity: 1;
	max-height: 400px;
	padding: 12px 20px;
	border-width: 1px;
	transition: var(--all-in);
}

form .form-group.message p {
	margin: 0;
	font-size: 14px;
}

#forgotten .modal-form > p.message {
	border: 1px solid var(--orange);
  	background: var(--light-grey);
  	font-size: 14px;
  	border-radius: 1px;
	padding: 12px 20px;
}

/*--------*/

/**/

.catalog-block {
	overflow-x: hidden;
}

.catalog-block .subcats-slider {
	background: var(--light-grey2);
}

.catalog-block .subcats-box .item {
	text-decoration: none;
	width: 100%;
	max-width: 215px;
	color: var(--black);
	display: block;
	margin: 0 20px;
	padding: 30px 0;
	position: relative;
}

.catalog-block .subcats-box .item:hover {
	color: var(--orange);
}

.catalog-block .subcats-box .item::after {
	width: 0%;
	height: 5px;
	content: "";
	left: 0;
	bottom: 0;
	position: absolute;
	background: var(--orange);
	transition: var(--all-out);
}

.catalog-block .subcats-box .item:hover::after {
	transition: var(--all-in);
	width: 100%;
}

.catalog-block .subcats-box:not(.slick-slider) {
	display: flex;
	justify-content: flex-start;
}

.catalog-block .subcats-box .item .img {
	width: 100%;
	max-width: 215px;
	height: 180px;
	padding: 20px;
	background: var(--white);
	margin: 0 auto;
	display: block;
}

.catalog-block .subcats-box .item .name {
	margin-top: 15px;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	display: block;
	text-align: center;
}

.catalog-block .subcats-box .slick-arrow {
	width: 48px;
	height: 48px;
	background: var(--text-grey);
	mask: url('../images/cats-slider-prev.svg') center center no-repeat;
	font-size: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
}

.catalog-block .subcats-box .slick-arrow.slick-prev {
	left: -53px;
}

.catalog-block .subcats-box .slick-arrow.slick-next {
	mask: url('../images/cats-slider-next.svg') center center no-repeat;
	right: -53px;
}

.catalog-block .subcats-box .slick-arrow:hover {
	background: var(--dark);
}

.catalog-block .prods-list-box {
	display: grid;
	grid-template-columns: 305px 1fr;
	margin-top: 33px;
}

.catalog-block .prods-list-box .items-list-box {
	border-top: 1px solid var(--light-grey6);
}

.catalog-block .prods-list-box .notification {
	padding: 15px 0;
	width: 100%;
	font-size: 16px;
	line-height: 1.25;
	text-align: center;
	background: var(--orange);
	color: var(--white);
	padding-left: 40px;
	position: relative;
}

.catalog-block .prods-list-box .notification a {
	color: var(--white);
}

.catalog-block .prods-list-box .notification + .items-list {
	margin-top: 30px;
}

.catalog-block .prods-list-box .items-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	padding-left: 40px;
}

.item.prod-item {
	width: 100%;
	padding: 15px;
	background: var(--white);
	box-shadow: var(--box-shadow-prod-item);
	border-bottom: 1px solid var(--text-dark-grey);
	transition: var(--all-out);
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: space-between;
}

.item.prod-item:hover {
	border-bottom-color: var(--orange);
	transition: var(--all-in);
}

.item.prod-item .img {
	width: 100%;
	height: 200px;
	background: var(--light-grey2);
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.item.prod-item .img a {
	width: 100%;
	height: 100%;
	display: flex;
}

.item.prod-item .title a {
	font-size: 14px;
	line-height: normal;
	color: var(--text-dark-grey);
	text-decoration: none;
}

.item.prod-item .title a:hover {
	color: var(--orange);
}

.item.prod-item .description {
	margin-bottom: 5px;
}

.item.prod-item .description p, .item.prod-item .description ol, .item.prod-item .description ul {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--text-grey)
}

.item.prod-item .description ol, .item.prod-item .description ul {
	padding-left: 15px;
}

.item.prod-item .price {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: normal;
	color: var(--text-dark-grey);
}

.item.prod-item .buts {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.item.prod-item .buts a:first-child {
	height: 48px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: var(--white);
	border: 1px solid var(--orange);
	text-decoration: none;
	color: var(--orange);
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
}

.item.prod-item .buts a:first-child:hover {
	background: var(--orange);
	color: var(--white);
}

.item.prod-item .buts .cart {
	width: 60px;
	height: 48px;
	display: flex;
	flex-shrink: 0;
	background: url('../images/cart-icon.webp') center center / 30px auto no-repeat, var(--orange);
	margin-left: 16px;
	border: 0;
	justify-content: center;
	align-items: center;
	color: var(--white);
  	font-size: 14px;
  	font-weight: 500;
	text-transform: uppercase;
}

.item.prod-item .buts .cart.waiting {
	transition: var(--all-inout);
	background-image: none;
}

.item.prod-item .buts .cart.done {
	transition: var(--all-inout);
	background-image: none;
}

.item.prod-item .buts .cart.waiting::before {
	width: 16px;
    height: 16px;
    opacity: 1;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.5);
    border-left-color: var(--white);
    border-top-color: var(--white);
    animation: spin .6s infinite linear;
    transition: var(--all-in);
	display: flex;
	content: "";
}

.item.prod-item .buts .cart:hover {
	background: url('../images/cart-icon.webp') center center / 30px auto no-repeat, var(--grey);
}

.item.prod-item .buts .cart.waiting:hover, .item.prod-item .buts .cart.done {
	background: var(--grey);
}

.catalog-block .prods-list-box .items-pagination {
	margin-top: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.catalog-block .prods-list-box .items-pagination button {
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.25;
	color: var(--black);
}

.catalog-block .prods-list-box .items-pagination button:hover {
	color: var(--orange);
}

.catalog-block .prods-list-box .items-pagination button::before {
	width: 35px;
	height: 35px;
	content: "";
	display: flex;
	background: url('../images/pagination-load-more-icon.svg') center center no-repeat;
}

.catalog-block .prods-list-box .items-pagination button:hover::before {
	-webkit-animation: rotateIcon 1s;
	animation: rotateIcon 1s;
}

@-webkit-keyframes rotateIcon {
	from {rotate: 0deg;}
	to {rotate: 360deg;}
}
  
@keyframes rotateIcon {
	from {rotate: 0deg;}
	to {rotate: 360deg;}
}

.catalog-block .prods-list-box .sidebar.filter-sidebar {
	border-top: 1px solid var(--light-grey6);
	border-right: 1px solid var(--light-grey6);
}

.catalog-block .prods-list-box .sidebar.filter-sidebar .filter-box .filter-controls {
	margin-top: 25px;
	padding: 0;
	padding-right: 12px;
	text-align: left;
	border: 0;
}

.catalog-block .prods-list-box .sidebar.filter-sidebar .filter-box .filter-controls a {
	color: var(--dark);
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 5px;
	text-decoration: none;
	margin: 0;
	float: none;
}

.catalog-block .prods-list-box .sidebar.filter-sidebar .filter-box .filter-controls a::before {
	width: 22px;
	height: 22px;
	background-color: var(--dark);
	mask: url('../images/reset-close-icon.svg') center center no-repeat;
	transition: var(--all-out);
	content: "";
	display: flex;
}

.catalog-block .prods-list-box .sidebar.filter-sidebar .filter-box .filter-controls a:hover {
	color: var(--orange);
}

.catalog-block .prods-list-box .sidebar.filter-sidebar .filter-box .filter-controls a:hover::before {
	background-color: var(--orange);
	transition: var(--all-in);
}

.catalog-block .prods-list-box .sidebar.filter-sidebar .filter-box .filter-controls p {
	margin-top: 20px;
	font-size: 14px;
	color: var(--text-grey);
	font-weight: 500;
	line-height: 1.5;
}

.catalog-block .prods-list-box .sidebar.filter-sidebar .filter-box .filter-items {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.catalog-block .prods-list-box .sidebar.filter-sidebar .filter-box .filter-items .filter-item {
	border-bottom: 1px solid var(--light-grey6);
	padding-bottom: 20px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding-right: 12px;
}

.catalog-block .prods-list-box .sidebar.filter-sidebar .filter-box .filter-items .filter-item .filter-item-title {
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	color: var(--dark);
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.catalog-block .prods-list-box .sidebar.filter-sidebar .filter-box .filter-items .filter-item .filter-item-title p {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.25;
}

.catalog-block .prods-list-box .sidebar.filter-sidebar .filter-box .filter-items .filter-item:first-child {
	padding-top: 20px;
}

.catalog-block .prods-list-box .sidebar.filter-sidebar .filter-box .filter-items .filter-item .filter-item-params {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.filter-box .filter-items .filter-item .filter-item-params .checkbox input[type="checkbox"], .filter-box .filter-items .filter-item .filter-item-params .radio input[type="radio"] {
	display: none;
}

.filter-box .filter-items .filter-item .filter-item-params .checkbox label span, .filter-box .filter-items .filter-item .filter-item-params .radio label span {
	line-height: 16px;
	padding-left: 26px;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	display: block;
	color: var(--black);
}

.filter-box .filter-items .filter-item .filter-item-params .checkbox label span::before, .filter-box .filter-items .filter-item .filter-item-params .radio label span::before {
	width: 16px;
	height: 16px;
	border-radius: 3px;
	border: 1px solid var(--input-border-grey);
	position: absolute;
	left: 0;
	top: 50%;
	content: "";
	transition: var(--all-out);
	transform: translateY(-50%);
}

.filter-box .filter-items .filter-item .filter-item-params .radio label span::before {
	border-radius: 50%;
}

.filter-box .filter-items .filter-item .filter-item-params .checkbox label input:checked + span::before {
	border-color: var(--orange);
	background: var(--orange);
	transition: var(--all-in);
}

.filter-box .filter-items .filter-item .filter-item-params .radio label input:checked + span::before {
	border-color: var(--orange);
	transition: var(--all-in);
}

.filter-box .filter-items .filter-item .filter-item-params .checkbox label span::after {
	width: 6px;
	height: 9px;
	/*border-right: 2px solid var(--white);
	border-bottom: 2px solid var(--white);*/
	border-right: 2px solid var(--orange);
	border-bottom: 2px solid var(--orange);
	content: "";
	rotate: 45deg;
	position: absolute;
	left: 5px;
	top: 50%;
	scale: 0;
	transition: var(--all-out);
	translate: 0 -50%;
}

.filter-box .filter-items .filter-item .filter-item-params .checkbox label input:checked + span::after, .filter-box .filter-items .filter-item .filter-item-params .checkbox label div.mfilter-input-active + span::after {
	scale: 1;
	transition: var(--all-in);
}

.filter-box .filter-items .filter-item .filter-item-params .radio label span::after {
	width: 10px;
	height: 10px;
	background: var(--orange);
	border-radius: 50%;
	content: "";
	position: absolute;
	left: 8px;
	top: 8px;
	scale: 0;
	translate: -50% -50%;
	transition: var(--all-out);
}

.filter-box .filter-items .filter-item .filter-item-params .radio label input:checked +  span::after, .filter-box .filter-items .filter-item .filter-item-params .radio label div.mfilter-input-active:has(> input:checked) +  span::after {
	scale: 1;
	transition: var(--all-in);
}

.filter-box .filter-items .filter-item .filter-item-params .link {
	margin-top: 5px;
}

.filter-box .filter-items .filter-item .filter-item-params .link a {
	color: var(--orange);
	font-weight: 500;
	font-size: 16px;
}

.filter-box .filter-items .filter-item .filter-item-params .link a:hover {
	color: var(--orange-hover);
}

/* .mfilter-box .mfilter-selected-filters-cnt a {
	font-size: 10px;
	padding: 4px 0;
	background: var(--light-grey6);
	border: 1px solid var(--light-grey7);
	display: block !important;
	margin-bottom: 4px !important;
} */

/*--------*/

/**/

.page-title.product-page-title {
	padding: 100px 0 40px;
	min-height: 10px;
}

.page-title.product-page-title .box .breadcrumbs a {
	color: var(--dark);
}

.page-title.product-page-title .box h1, .page-title.product-page-title .box .h1 {
	max-width: 100%;
	color: var(--dark);
	font-size: 32px;
}

.page-title.product-page-title .box p {
	font-size: 16px;
  	color: var(--text-grey);
  	margin-top: -40px;
	margin-bottom: 0;
}

.page-title.product-page-title .box .breadcrumbs > span:not(:last-child)::after {
	background: url('../images/breadcrumbs-arrow-dark.svg') center center no-repeat;
}

.page-title.product-page-title .box .breadcrumbs a:hover {
	color: var(--orange);
}

.page-title.product-page-title .box .breadcrumbs > span > span {
	color: var(--dark);
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
}

/*--------*/

/**/

.related-products, .also-related-products {
	padding-top: 0;
}

section.related-products .container > h2, section.also-related-products .container > h2 {
	text-transform: none;
	font-weight: 500;
}

section.related-products .container > h2 + .box, section.also-related-products .container > h2 + .box {
	margin-top: 44px;
}

.related-products .box, .also-related-products .box {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
}

/*--------*/

/**/

.product-single {
	padding: 40px 0;
}

.product-single .box.info {
	display: grid;
	grid-template-columns: 430px 1fr;
	gap: 35px 114px;
}

.product-single .box.info .img {
	position: relative;
	width: 100%;
	height: 450px;
	background: var(--light-grey2);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 32px 32px 116px 32px;
}

.product-single .box.info .img img {
	max-width: 100%;
	max-height: 100%;
}

.product-single .box.info .img .price {
	padding: 10px 12px;
	background: var(--white);
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--orange);
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
	height: 69px;
	justify-content: center;
	width: 100%;
	max-width: 270px;
}

.product-single .box.info .img .price:not(.none) > div {
	font-size: 16px;
}

.product-single .box.info .img .price.none p {
	font-size: 18px;
	font-weight: 500;
	color: var(--orange);
}

.product-single .box.info .img .price.none p a {
	color: var(--text-grey);
}

.product-single .box.info .img .price p {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--light-grey7);
}

.product-single .box.info .img .price::before {
	border-right: 24px solid var(--white);
	border-top: 69px solid transparent;
	content: "";
	position: absolute;
	left: -24px;
	bottom: 0;
}

.product-single .box.info .product-info {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 30px;	
}

.product-single .box.info .product-info .text h1, .product-single .box.info .product-info .text h2, .product-single .box.info .product-info .text h3, .product-single .box.info .product-info .text h4, .product-single .box.info .product-info .text h5, .product-single .box.info .product-info .text h6 {
	font-size: 20px;
	font-weight: 500;
	color: var(--text-dark-grey);
	padding-bottom: 0;
	text-transform: none;
}

.product-single .box.info .product-info .text h2::after {
	display: none;
}

.product-single .box.info .product-info .text p, .product-single .box.info .product-info .text ol, .product-single .box.info .product-info .text ul {
	font-size: 16px;
	color: var(--text-grey);
	margin-top: 15px;
}

.product-single .box.info .product-info .text-content:not(.flex-col) > h1, .product-single .box.info .product-info .text-content:not(.flex-col) > h2, .product-single .box.info .product-info .text-content:not(.flex-col) > h3, .product-single .box.info .product-info .text-content:not(.flex-col) > h4, .product-single .box.info .product-info .text-content:not(.flex-col) > h5, .product-single .box.info .product-info .text-content:not(.flex-col) > h6 {
	margin-top: 25px;
}

.product-single .box.info .product-info .text table {
	font-size: 16px;
	color: var(--text-grey);
	margin-top: 20px;
}

.product-single .box.info .product-info .text table td {
	padding: 5px 10px 5px 0;
}

.product-single .box.info .product-info .text table td:first-child {
	width: 305px;
}

.product-single .box.info .product-info .controls {
	display: flex;
	align-items: center;
	gap: 20px;
}

.product-single .box.info .product-info .controls .but {
	width: 100%;
	max-width: 192px;
}

.product-single .box.info .product-info .controls .but.buy {
	display: flex;
	align-items: center;
	gap: 20px;
	max-width: 404px;
	flex-shrink: 0;
}

.product-single .box.info .product-info .controls .but a, .product-single .box.info .product-info .controls .but button {
	height: 56px;
	font-weight: 500;
	font-size: 16px;
	width: 100%;
}

.product-single .box.info .product-info .controls .but button.waiting {
	transition: var(--all-inout);
}

.product-single .box.info .product-info .controls .but button.waiting::before {
	width: 16px;
    height: 16px;
    opacity: 1;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.5);
    border-left-color: var(--white);
    border-top-color: var(--white);
    animation: spin .6s infinite linear;
    transition: var(--all-in);
	display: flex;
	content: "";
}

@keyframes spin { 
    to {
        transform: rotate(359deg);
    }
}

.product-single .box.info .product-info .controls .but.test a {
	border: 1px solid var(--orange);
	background: var(--white);
	color: var(--dark);
}

.product-single .box.info .product-info .controls .but.test a:hover {
	background: var(--orange);
	color: var(--white);
}

.product-single .box.info .product-info .controls .but-price-list a {
	font-size: 16px;
	font-weight: 500;
	color: var(--dark);
	text-decoration: none;
}

.product-single .box.info .product-info .controls .but-price-list a:hover {
	color: var(--orange);
}

.product-single .box.tabs {
	margin-top: 80px;
}

.product-single .box.tabs .tab-buts {
	display: flex;
	align-content: center;
}

.product-single .box.tabs .tab-buts button {
	padding: 0 30px;
	height: 56px;
	min-width: 196px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: var(--white);
	font-size: 16px;
	color: var(--dark);
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
}

.product-single .box.tabs .tab-buts button.active, .product-single .box.tabs .tab-buts button:hover {
	background: var(--orange);
	color: var(--white);
}

.product-single .box.tabs .tabs-content .tabcontent {
	background: var(--light-grey2);
}

.product-single .box.tabs .tabs-content .tabcontent.characteristics table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100% !important;
}

.product-single .box.tabs .tabs-content .tabcontent.characteristics table td {
	border: 1px solid var(--light-grey7);
	padding: 4px 16px;
	text-align: center;
	font-size: 16px;
}

.product-single .box.tabs .tabs-content .tabcontent.characteristics table td:first-child {
	border-left: 0;
	background: var(--light-grey6);
	font-weight: 600;
}

.product-single .box.tabs .tabs-content .tabcontent.characteristics table td:last-child {
	border-right: 0;
}

.product-single .box.tabs .tabs-content .tabcontent.characteristics table tr:nth-child(2n) td:first-child {
	background: var(--light-grey-blockquote);
}

.product-single .box.tabs .tabs-content .tabcontent.characteristics table tr:nth-child(2n+1) td:last-child {
	background: var(--light-grey-blockquote);
}

.product-single .box.tabs .tabs-content .tabcontent.characteristics table tr.bg td:not([rowspan]) {
	background: var(--light-grey-blockquote);
	font-weight: 400;
}

.product-single .box.tabs .tabs-content .tabcontent.pasports .links {
	background: var(--light-grey2);
	padding: 50px 55px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px 60px;
}

.product-single .box.tabs .tabs-content .tabcontent.pasports .links a {
	line-height: 30px;
	display: flex;
	gap: 15px;
	font-size: 16px;
	font-weight: 500;
	color: var(--text-dark-grey);
}

.product-single .box.tabs .tabs-content .tabcontent.pasports .links a:hover {
	color: var(--orange);
}

.product-single .box.tabs .tabs-content .tabcontent.pasports .links a::after {
	width: 30px;
	height: 30px;
	background: url('../images/file-icon.svg') center center no-repeat, var(--grey);
	content: "";	
	display: flex;
	flex-shrink: 0;
	transition: var(--all-out);
}

.product-single .box.tabs .tabs-content .tabcontent.pasports .links a:hover::after {
	background: url('../images/file-icon.svg') center center no-repeat, var(--orange);
	transition: var(--all-in);
}

.product-single .box.tabs .tabs-content .modifications-box {
	padding: 50px;
}

.product-single .box.tabs .tabs-content .modifications-box .items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px 178px;
}

.product-single .box.tabs .tabs-content .modifications-box .items .item .title {
	padding: 12px 55px 12px 10px;
	border: 1px solid var(--text-grey-50);
	position: relative;
	cursor: pointer;
	transition: var(--all-out);
}

.product-single .box.tabs .tabs-content .modifications-box .items .item .title:hover {
	color: var(--orange);
	transition: var(--all-in);
}

.product-single .box.tabs .tabs-content .modifications-box .items .item .title::after {
	width: 25px;
	height: 10px;
	right: 15px;
	top: 50%;
	translate: 0 -50%;
	content: "";
	background: url('../images/arrow-down.svg') center center no-repeat;
	transition: var(--all-out);
	position: absolute;
}

.product-single .box.tabs .tabs-content .modifications-box .items .item.open .title::after {
	transition: var(--all-in);
	rotate: 180deg;
}

.product-single .box.tabs .tabs-content .modifications-box .items .item .content {
	max-height: 0;
	overflow: hidden;
	transition: var(--all-inout);
	padding: 0;
}

.product-single .box.tabs .tabs-content .modifications-box .items .item.open .content {
	border: 1px solid var(--text-grey-50);
	padding: 10px 0;
}

.product-single .box.tabs .tabs-content .modifications-box .items .item.open .content p {
	padding: 0 8px;
	font-size: 16px;
	color: var(--black);
}

.product-single .box.tabs .tabs-content .modifications-box .items .item.open .content p:nth-child(2n) {
	background: var(--text-grey-10);
}

.product-single .box.tabs .tabs-content .modifications-box > p {
	margin-top: 50px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: var(--dark);
}

.product-single .box.tabs .tabs-content .modifications-box > .but {
	margin-top: 25px;
	display: flex;
	justify-content: center;
}

.product-single .box.tabs .tabs-content .modifications-box > .but a::after {
	height: 16px;
	padding-left: 10px;
	width: 100%;
	max-width: 27px;
	display: flex;
	content: "";
	background: var(--orange);
	mask: url('../images/but-arrow.svg') right center / 15px auto no-repeat;
	flex-shrink: 0;
	position: absolute;
	right: 24px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.product-single .box.tabs .tabs-content .modifications-box > .but a::before {
	width: 1px;
	height: 16px;
	content: "";
	background: var(--but-line);
	position: absolute;
	right: 51px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.product-single .box.tabs .tabs-content .modifications-box > .but a {
	border: 1px solid var(--orange);
	background: var(--light-grey);
	color: var(--orange);
	padding-right: 61px;
}

.product-single .box.tabs .tabs-content .modifications-box > .but a:hover {
	background-color: var(--orange);
	color: var(--white);
}

.product-single .box.tabs .tabs-content .modifications-box > .but a:hover::after {
	transition: var(--all-in);
	background: var(--white);
}

.product-single .box.tabs .tabs-content .model-3d-box {
	padding: 50px 108px;
}

.product-single .box.tabs .tabs-content .model-3d-box iframe {
	width: 100% !important;
	height: 456px !important;
	border-radius: 10px;
	overflow: hidden;
}

.product-single .box.tabs .tabs-content .test-reviews-box {
	padding: 50px 15px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.product-single .box.tabs .tabs-content .test-reviews-box a.img {
	width: 100%;
	height: 430px;
}

.product-single .box.tabs .tabs-content .test-reviews-box a.img img {
	scale: 1;
	transition: var(--all-out);
}

.product-single .box.tabs .tabs-content .test-reviews-box a.img:hover img {
	scale: 1.05;
	transition: var(--all-in);
}

.product-single .box.info .product-info .controls .but .counter {
	width: 100%;
	height: 56px;
	justify-content: center;
	align-items: center;
	display: flex;
	gap: 15px;
	border-radius: 1px;
	background: var(--orange);
}

.product-single .box.info .product-info .controls .but .counter button {
	width: 30px;
	height: 30px;
	border-radius: 1px;
	background: var(--white-40);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: var(--white);
	font-size: 24px;
	font-weight: 400;
	border: 0;
	padding: 0;
}

.product-single .box.info .product-info .controls .but .counter button:hover {
	background: var(--white-60);
}

.product-single .box.info .product-info .controls .but .counter .count {
	width: 100%;
	max-width: 72px;
	line-height: 72px;
	font-size: 16px;
	font-weight: 500;
	color: var(--white);
	text-align: center;
}

/*--------*/

/**/

.modal-cart-block {
	overflow: hidden;
	background: transparent;
	width: 100vw;
	height: 0;
	transition: background 0.25s ease-out;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 5;
}

.modal-cart-block.open {
	height: 100vw;
	background: var(--dark-30);
	transition: background 0.25s ease-in;
}

.modal-cart-block .modal-cart-box {
	max-width: 340px;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	translate: 0 -10px;
	transition: var(--all-out);
	background: var(--white);
}

.modal-cart-block.open .modal-cart-box {
	opacity: 1;
	translate: 0 0px;
	transition: var(--all-in);
}

.modal-cart-block.none .modal-cart-box {
	max-width: 325px;
	top: 93px; 
	right: initial;
	left: calc(50% + (var(--container) / 2 - 325px));
}

.modal-cart-block:not(.none) .modal-cart-box {
	height: 100vh;
}

.modal-cart-block .modal-cart-box .title {
	padding: 20px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center; 
	border-bottom: 1px solid var(--light-grey6);
}

.modal-cart-block.none .modal-cart-box .title {
	padding: 15px;
}

.modal-cart-block .modal-cart-box .title span {
	font-size: 20px;
	font-weight: 500;
	color: var(--dark);
	line-height: 1.25px;
	display: flex;
	height: 24px;
	align-items: center;
}

.modal-cart-block.none .modal-cart-box .title span {
	font-size: 16px;
	height: 20px;
}

.modal-cart-block .modal-cart-box .title button.close {
	width: 18px;
	height: 18px;
	background: var(--black);
	mask: url('../images/cross-icon.svg') center center no-repeat;
	padding: 0;
	border: 0;
}

.modal-cart-block .modal-cart-box .title button.close:hover {
	background: var(--orange);
}

.modal-cart-block:not(.none) .modal-cart-box .title button.close {
	width: 35px;
	height: 35px;
	position: absolute;
	left: -35px;
	top: 0;
	background: var(--orange);
	mask: none;
}

.modal-cart-block:not(.none) .modal-cart-box .title button.close::before {
	content: "";
	left: 0;
	top: 0;
	width: 35px;
	height: 35px;
	background: var(--white);
	mask: url('../images/cross-icon.svg') center center no-repeat;
	position: absolute;
}

.modal-cart-block:not(.none) .modal-cart-box .title button.close:hover {
	background: var(--orange-hover);
}

.modal-cart-block:not(.none) .modal-cart-box .items {
	height: calc(100vh - 255px);
	overflow-y: auto;
}

.modal-cart-block .modal-cart-box .items .item {
	position: relative;
	padding: 20px 15px;
	display: flex;
	justify-content: space-between;
	gap: 15px;
}

.modal-cart-block .modal-cart-box .items .item:not(:last-child) {
	border-bottom: 1px solid var(--light-grey6);
}

.modal-cart-block .modal-cart-box .items .item .img {
	width: 60px;
	height: 60px;
	border: 1px solid var(--but-line);
	background: var(--light-grey2);
	padding: 5px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal-cart-block .modal-cart-box .items .item .img a {
	width: 100%;
	height: 100%;
	display: flex;
}

.modal-cart-block .modal-cart-box .items .item .remove {
	width: 15px;
	height: 15px;
	background: var(--text-grey);
	mask: url('../images/cross-icon.svg') center center / 9px 9px no-repeat;
}

.modal-cart-block .modal-cart-box .items .item .remove:hover {
	background: var(--orange); 
}

.modal-cart-block .modal-cart-box .items .item .info {
	width: 100%;
}

.modal-cart-block .modal-cart-box .items .item .info .name, .modal-cart-block .modal-cart-box .items .item .info .name a {
	font-size: 14px;
	line-height: 1.25;
	color: var(--text-dark-grey);
	text-decoration: none;
}

.modal-cart-block .modal-cart-box .items .item .info .name a:hover {
	color: var(--orange);
}

.modal-cart-block .modal-cart-box .items .item .info .amount {
	margin-top: 6px;
	line-height: 1.25;
	font-size: 15px;
	font-weight: 500;
	color: var(--text-grey)
}

.modal-cart-block .modal-cart-box .items .item .info .amount span {
	color: var(--orange);
}

.modal-cart-block .modal-cart-box .items .item .info .counter {
	width: 105px;
	height: 30px;
	background: var(--orange);
	border-radius: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 9px;
}

.modal-cart-block .modal-cart-box .items .item .info .counter button {
	width: 16px;
	height: 20px;
	border-radius: 1px;
	background: var(--white-40);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: var(--white);
	font-size: 16px;
	font-weight: 400;
	border: 0;
	padding: 0;
}

.modal-cart-block .modal-cart-box .items .item .info .counter button:hover {
	background: var(--white-60);
}

.modal-cart-block .modal-cart-box .items .item .info .counter .count {
	width: 100%;
	max-width: 60px;
	line-height: 60px;
	font-size: 12px;
	font-weight: 500;
	color: var(--white);
	text-align: center;
}

.modal-cart-block .modal-cart-box .dop-info {
	padding: 20px 45px;
	border-top: 1px solid var(--light-grey6);
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	line-height: 1.25;
}

.modal-cart-block .modal-cart-box .dop-info p {
	line-height: 1.25;
	font-size: 15px;
}

.modal-cart-block .modal-cart-box .dop-info a {
	color: var(--orange);
	font-weight: 500;
}

.modal-cart-block .modal-cart-box .dop-info a:hover {
	color: var(--orange-hover);
}

.modal-cart-block .modal-cart-box .controls {
	padding: 20px 0 30px;
	border-top: 1px solid var(--light-grey6);
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.modal-cart-block .modal-cart-box .controls .total {
	padding: 0 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 20px;
	font-weight: 600;
	color: var(--dark);
	width: 100%;
}

.modal-cart-block .modal-cart-box .controls .total span.price {
	color: var(--orange);
}


.modal-cart-block .modal-cart-box .controls .buts {
	width: 100%;
	padding: 0 15px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.modal-cart-block .modal-cart-box .controls .buts a {
	height: 46px;
	font-size: 16px;	
	font-weight: 500;
}

.modal-cart-block .modal-cart-box .controls .buts a:last-child {
	background: var(--grey);
}

.modal-cart-block .modal-cart-box .controls .buts a:last-child:hover {
	background: var(--orange-hover);
}


/*--------*/

/**/

.account-page {
	background: var(--light-grey);
	padding: 66px 0 98px;
}

.account-page .video-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.account-page .video-link a {
	line-height: 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
	font-size: 16px;
	color: var(--dark);
}

.account-page .video-link a:hover {
	color: var(--orange);
}

.account-page .video-link a::before {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--orange);
	mask: url('../images/video-link-icon.svg') center center no-repeat;
	content: "";
	display: flex;
}

.account-page .video-link a.pass::before {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: url('../images/password-link-icon.svg') center center no-repeat;
  	mask: none;
	content: "";
	display: flex;
}

.user-information {
	margin-top: 30px;
	background: var(--white);
	padding: 50px 105px;
}

.user-delivery {
	margin-top: 45px;
	background: var(--white);
	padding: 50px 105px;
}

.user-password {
	margin-top: 30px;
	background: var(--white);
	padding: 50px 105px;
}

.user-information .title, .user-delivery .title, .user-password .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.user-information .title h2, .user-delivery .title h2, .user-password .title h2 {
	font-weight: 500;
	font-size: 25px;
	text-transform: none;
}

.user-information .title a.change, .user-delivery .title a.change {
	display: flex;
	line-height: 18px;
	color: var(--input-border-grey);
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 7px;
	text-decoration: none;
	margin-top: 0;
}

.user-information .title a.change:hover, .user-delivery .title a.change:hover {
	color: var(--orange);
}

.user-information .title a.change::before, .user-delivery .title a.change::before {
	width: 18px;
	height: 18px;
	display: flex;
	background: var(--orange);
	mask: url('../images/edit-icon.svg') center center no-repeat;
	content: "";
}

.user-information .fields form, .user-delivery .fields form, .user-password .fields form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px 65px;
}

.account-page .fields {
	margin-top: 35px;
}

.account-page .fields form .form-group {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-align: left;
	position: relative;
}

.account-page .fields form .form-group > label {
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	color: var(--text-grey2);
}

.account-page .fields form .form-group > label span {
	color: var(--red);
}

.account-page .fields form .form-group input[type="text"], .account-page .fields form .form-group input[type="tel"], .account-page .fields form .form-group input[type="email"], .account-page .fields form .form-group input[type="password"], .account-page .fields form .form-group input[type="number"], .account-page .fields form .form-group textarea {
	width: 100%;
	border: 0;
	padding: 0 20px;
	height: 50px;
	border-bottom: 1px solid var(--input-border-grey);
	background: var(--light-grey);
	font-size: 14px;
	border-radius: 1px;
	transition: var(--all-out);
}

.account-page .fields form .form-group input[type="password"] {
	padding-right: 50px;
}

.account-page .fields form .form-group textarea {
	padding: 20px;
	height: 100px;
}

.account-page .fields form .form-group input[type="text"]:focus, .account-page .fields form .form-group input[type="tel"]:focus, .account-page .fields form .form-group input[type="email"]:focus, .account-page .fields form .form-group input[type="password"]:focus, .account-page .fields form .form-group input[type="number"]:focus, .account-page .fields form .form-group textarea:focus {
	transition: var(--all-in);
	border-bottom-color: var(--orange);
}

.user-information .fields form .form-group.but, .user-delivery .fields form  .form-group.but, .user-information .fields form .form-group.message, .user-delivery .fields form  .form-group.message, .user-password .fields form  .form-group.message {
	grid-column-start: 1;
	grid-column-end: 3;
	display: none;
}

.user-information .fields form .form-group.but.show, .user-delivery .fields form  .form-group.but.show, .user-password .fields form  .form-group.but.show, .user-information .fields form .form-group.message.show, .user-delivery .fields form  .form-group.message.show, .user-password .fields form  .form-group.message.show {
	display: flex;
}

.user-information .fields form .form-group.but button, .user-delivery .fields form  .form-group.but button, .user-password .fields form  .form-group.but button {
	width: fit-content;
}

/*--------*/

/**/

.checkout-page-title {
	padding: 77px 0 35px;
	min-height: 1px;
}

.page-title.checkout-page-title .box .breadcrumbs a {
	color: var(--dark);
}

.page-title.checkout-page-title .box .breadcrumbs a:hover {
	color: var(--orange);
}

.page-title.checkout-page-title .box .breadcrumbs > span:not(:last-child)::after {
	width: 10px;
	height: 10px;
	content: "";
	display: flex;
	mask: url('../images/breadcrumbs-arrow.svg') center center no-repeat;
	background: var(--dark);
}

.page-title.checkout-page-title .box .breadcrumbs > span > span {
	color: var(--dark);
}

/*--------*/

/**/

.checkout-page {
	padding: 35px 0 126px;  
}

.checkout-page .box {
	display: flex;
	gap: 44px 0;
	justify-content: space-between;
}

.checkout-page .box .info {
	width: 100%;
	max-width: 450px;
}

.checkout-page .box .info .fields {
	margin-top: 37px;
	max-width: 415px;
}

.checkout-page .box .info .dop-info {
	margin-top: 37px;
}

.checkout-page .box .info .fields form {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.checkout-page .box .info .fields form .form-group {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-align: left;
	position: relative;
}

.checkout-page .box .info .fields form .form-group > label {
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	color: var(--text-grey2);
}

.checkout-page .box .info .fields form .form-group > label span {
	color: var(--red);
}

.checkout-page .box .info .fields form .form-group input[type="text"], .checkout-page .box .info .fields form .form-group input[type="tel"], .checkout-page .box .info .fields form .form-group input[type="email"], .checkout-page .box .info .fields form .form-group input[type="password"], .checkout-page .box .info .fields form .form-group input[type="number"], .checkout-page .box .info .fields form .form-group textarea {
	width: 100%;
	border: 0;
	padding: 0 20px;
	height: 50px;
	border-bottom: 1px solid var(--input-border-grey);
	background: var(--light-grey);
	font-size: 14px;
	border-radius: 1px;
	transition: var(--all-out);
}

.checkout-page .box .info .fields form .form-group input[type="text"].error, .checkout-page .box .info .fields form .form-group input[type="tel"].error, .checkout-page .box .info .fields form .form-group input[type="email"].error, .checkout-page .box .info .fields form .form-group input[type="password"].error, .checkout-page .box .info .fields form .form-group input[type="number"].error, .checkout-page .box .info .fields form .form-group textarea.error {
	transition: var(--all-in);
	border-color: var(--red);
}

.checkout-page .box .info .fields form .form-group input[type="password"] {
	padding-right: 50px;
}

.checkout-page .box .info .fields form .form-group textarea {
	padding: 20px;
	height: 100px;
}

.checkout-page .box .info .fields form .form-group input[type="text"]:focus, .checkout-page .box .info .fields form .form-group input[type="tel"]:focus, .checkout-page .box .info .fields form .form-group input[type="email"]:focus, .checkout-page .box .info .fields form .form-group input[type="password"]:focus, .checkout-page .box .info .fields form .form-group input[type="number"]:focus, .checkout-page .box .info .fields form .form-group textarea:focus {
	transition: var(--all-in);
	border-bottom-color: var(--orange);
}

.checkout-page .box .info .fields form .form-group.but {
	margin-top: 10px;
}

.checkout-page .box .cart-items {
	width: 100%;
	max-width: 540px;
	padding: 40px 30px;
	background: var(--light-grey);
}

.checkout-page .box .cart-items .items {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.checkout-page .box .cart-items .items .item {
	padding-bottom: 25px;
	border-bottom: 1px solid var(--but-line);
	display: flex;
	position: relative;
	gap: 24px;
}

.checkout-page .box .cart-items .items .item .img {
	width: 100%;
	max-width: 100px;
	height: 100px;
	border: 1px solid var(--but-line);
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.checkout-page .box .cart-items .items .item .img a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.checkout-page .box .cart-items .items .item .info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100px;
}

.checkout-page .box .cart-items .items .item .info .name a {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--text-dark-grey);
	text-decoration: none;
}

.checkout-page .box .cart-items .items .item .info .name a:hover {
	color: var(--orange);
}

.checkout-page .box .cart-items .items .item .info .amount {
	line-height: 1.25;
	font-size: 16px;
	font-weight: 500;
	color: var(--text-grey);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.checkout-page .box .cart-items .items .item .info span {
	color: var(--orange);
}

.checkout-page .box .cart-items .items .item .info .counter {
	width: 105px;
	height: 30px;
	background: var(--orange);
	border-radius: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
}

.checkout-page .box .cart-items .items .item .info button {
	width: 16px;
	height: 20px;
	border-radius: 1px;
	background: var(--white-40);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: var(--white);
	font-size: 16px;
	font-weight: 400;
	border: 0;
	padding: 0;
}

.checkout-page .box .cart-items .items .item .info button:hover {
	background: var(--white-60);
}

.checkout-page .box .cart-items .items .item .info .count {
	width: 100%;
	max-width: 60px;
	line-height: 60px;
	font-size: 12px;
	font-weight: 500;
	color: var(--white);
	text-align: center;
}

.checkout-page .box .cart-items .items .item .remove {
	width: 20px;
	height: 20px;
	background: var(--text-grey);
	mask: url('../images/cross-icon.svg') center center / 12px 12px no-repeat;
	transition: var(--all-out);
}

.checkout-page .box .cart-items .items .item .remove:hover {
	transition: var(--all-out);
	background: var(--orange);
}

.checkout-page .box .cart-items .total {
	margin-top: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	color: var(--text-dark-grey);
}

.checkout-page .box .cart-items .dop-info {
	margin-top: 25px;
}

.checkout-page .box .cart-items .total span.price {
	color: var(--orange);
}

/*--------*/

/**/

.info-page {
	background: var(--light-grey);
}

.info-page.page-404 {
	padding: 146px 0 140px;
}

.info-page .box {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 35px;
}

.info-page .box .num {
	font-size: 160px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.info-page .box p {
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.info-page .box p b, .info-page .box p strong {
	font-weight: 500;
}

.info-page .box .but {
	display: flex;
	justify-content: center;
}

.info-page .box .but a {
	margin: 0 auto;
	padding-right: 61px;
}

.info-page .box .but a::before {
	width: 1px;
	height: 16px;
	content: "";
	background: var(--but-line);
	position: absolute;
	right: 51px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.info-page .box .but a::after {
	height: 16px;
	padding-left: 10px;
	width: 100%;
	max-width: 27px;
	display: flex;
	content: "";
	background: var(--white);
	mask: url('../images/but-arrow.svg') right center / 15px auto no-repeat;
	flex-shrink: 0;
	position: absolute;
	right: 24px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.info-page.page-thank .box {
	gap: 30px;
}

.info-page.page-thank .box p {
	font-size: 20px;
}

.info-page.page-thank .box h1 {
	font-size: 35px;
	font-weight: 500;
	line-height: 1.25;
	margin-top: 5px;
}

.info-page.page-thank .box .but {
	margin-top: 5px;
}

.info-page.page-thank .box .icon {
	display: flex;
	justify-content: center;
}

.info-page.page-thank {
	padding: 155px 0 120px;
}

/*--------*/

/**/

.custom-content.series .box .item {
	background: var(--light-grey);
	padding: 50px;
}

.custom-content.series .box .item .title {
	display: flex;
	width: 100%; 
	justify-content: space-between;
}

.custom-content.series .box .item .title h2 {
	position: relative;
 	text-transform: uppercase;
  	padding-bottom: 15px;
}

.custom-content.series .box .item .title h2::after {
	position: absolute;
  	left: 0;
  	bottom: 0;
  	width: 40px;
  	height: 4px;
  	background: var(--orange);
  	content: "";
}

.custom-content.series .box .item .title .but a, .custom-content.series .box .item .text .but a {
	margin: 0 auto;
	padding-right: 61px;
}

.custom-content.series .box .item .title .but a::before, .custom-content.series .box .item .text .but a::before {
	width: 1px;
	height: 16px;
	content: "";
	background: var(--but-line);
	position: absolute;
	right: 51px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.custom-content.series .box .item .title .but a::after, .custom-content.series .box .item .text .but a::after {
	height: 16px;
	padding-left: 10px;
	width: 100%;
	max-width: 27px;
	display: flex;
	content: "";
	background: var(--white);
	mask: url('../images/but-arrow.svg') right center / 15px auto no-repeat;
	flex-shrink: 0;
	position: absolute;
	right: 24px;
	top: 50%;
	translate: 0 -50%;
	transition: var(--all-out);
}

.custom-content.series .box .item .info {
	margin-top: 38px;
	display: flex;
	justify-content: space-between;
	gap: 35px 123px;
}

.custom-content.series .box .item .info .img {
	width: 100%;
	max-width: 300px; 
	text-align: center;
}

.custom-content.series .box .item .info .img img {
	max-height: 270px;
}

.custom-content.series .box .item .links {
	margin-top: 35px;
	display: flex;
  	flex-wrap: wrap;
	gap: 14px;
}

.custom-content.series .box .item .links a {
	display: flex;
	height: 40px;
	padding: 0 14px;
	border: 1px solid var(--grey);
	color: var(--grey);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
}

.custom-content.series .box .item .links a:hover {
	background: var(--grey);
	color: var(--white);
}

/*--------*/

/**/

.mfilter-content {
	border: 0 !important;
}

.mfilter-opts-container {
	padding: 0 !important;
	border-top: 0 !important;
}

.mfilter-filter-item .mfilter-options {
	padding: 0 !important;
}

.mfilter-col-count {
	padding: 0px 0;
}

.mfilter-tb-as-tr {
	display: flex !important;
	justify-content: space-between;
}

.mfilter-tb-as-td {
	padding: 0 !important;
	display: block !important;
}

.mfilter-col-count {
	display: flex !important;
	justify-content: center;
	align-items: center;
	width: 16px !important;
	height: 16px;
	flex-shrink: 0;
}

.mfilter-box .mfilter-counter.mfilter-close {
	height: 12px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.mfilter-tb {
	display: flex !important;
	gap: 10px;
	flex-direction: column;
}

.mfilter-tb-as-td {
	border: 0 !important;
}

/*--------*/

/**/

.support-form form .form-group.controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}

.support-form form .form-group.controls .checkbox input[type="checkbox"] {
	display: none;
}

.support-form form .form-group.controls .checkbox label span {
	line-height: 18px;
	padding-left: 21px;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	display: block;
	color: var(--text-grey2);
}

.support-form form .form-group.controls .checkbox label span::before {
	width: 16px;
	height: 16px;
	border-radius: 1px;
	border: 1px solid var(--input-border-grey);
	position: absolute;
	left: 0;
	top: 1px;
	content: "";
	transition: var(--all-out);
}

.support-form form .form-group.controls .checkbox label input.error + span::before {
	border-color: var(--red);
	transition: var(--all-in);
}

.support-form form .form-group.controls .checkbox label span::after {
	width: 6px;
	height: 12px;
	border-right: 2px solid var(--orange);
	border-bottom: 2px solid var(--orange);
	content: "";
	rotate: 45deg;
	position: absolute;
	left: 5px;
	top: 2px;
	scale: 0;
	transition: var(--all-out);
}

.support-form form .form-group.controls .checkbox label input:checked + span::after {
	scale: 1;
	transition: var(--all-in);
}

.support-form form .form-group.controls > a {
	text-decoration: none;
	color: var(--blue);
	font-size: 14px;
}

.support-form form .form-group.controls > a:hover {
	color: var(--orange);
}

.support-form form .form-group.controls .checkbox a {
	color: var(--text-grey2);
}

.support-form form .form-group.controls .checkbox a:hover {
	color: var(--orange);
}

.catalog-block .prods-list-box .items-list-box .subcats-slider {
	display: none !important;
}

.catalog-block .prods-list-box .items-list-box .container > .filter-mobile-but {
	display: none !important;
}

.catalog-block .prods-list-box .items-list-box .container > p {
	padding-top: 20px;
}

input, textarea {
	font-size: 16px !important;
}

.main_html_block {
	padding-top: 60px;
}

.quick_search {
	padding-left: 40px;
	margin-bottom: 1rem;
	font-size: 14px;
}
.quick_search .qs_elements {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	margin-top: 1rem;
}
.quick_search .qs_link {
	padding: 5px 10px; 
	border: 1px solid var(--orange); 
	margin: 0 10px 5px 0; 
	color: var(--orange); 
	text-decoration:none;
}
.quick_search .qs_link:hover{
	background: var(--orange); 
	color: var(--white);
}
.quick_search .qs_elements > * {
	flex: 0 0 auto;
}
@media (max-width: 767px) {
	.quick_search {
		padding: 0;
	}
}

.cloud_elements {
	display: flex; 
	flex-flow: wrap;
} 
.cloud_title {
	font-size: 16px; 
	padding-bottom: 10px;
} 
.cloud_link {
	padding: 10px; 
	border: 1px solid var(--orange); 
	margin: 0 8px 8px 0; 
	color: var(--orange); 
	text-decoration:none;
}
.cloud_link:hover{
	background: var(--orange); 
	color: var(--white);
}

.seo-text {
	padding-top: 0;
}
.seo-text:empty {
	padding: 0;
}

section.generation_text {
	padding-top: 0;
}
.generation_text h2 {
	font-size: 16pt;
	margin-top: 18pt;
  	font-family: Arial, sans-serif;
}
.generation_text p {
	font-family: Arial, sans-serif;
}
.generation_text a, .generation_text h2 {
	font-weight: 400;
}

/* Seo search */
header .header-box .controls .search {
	margin-left: 0;
} 
header .header-box .controls .search .search-window.seo {
	opacity: 1; 
	position: relative; 
	left: unset; 
	translate: unset; 
	background: unset; 
	translate: none; 
	top: 0; 
	max-height: unset; 
	overflow: unset;
} 
header .header-box .controls .search .search-window.seo .form-group {
	padding: 0 20px; 
	height: 30px;
} 
header .header-box .controls .search .search-window.seo .form-group input[type="text"] {
	height: 30px;
} 
header .header-box .controls {
	gap: 0;
} 
header .header-box .controls .lang {
	margin-left: 0;
} 
#search_word {
	padding: 4px 20px 0; 
	position: absolute; 
	top: 30px; 
	white-space: nowrap; 
	font-size: 14px; 
	color: var(--white);
} 
#search_word a {
	display: inline; 
	color: var(--white);
} 
#search_word a:hover {
	color: var(--orange);
}
@media (max-width: 767px) {
  header .header-box .controls .search .search-window.seo {
    translate: unset;
    position: relative;
    top: 0;
  }
  header .header-box .controls .search .search-window.seo .form-group {
  	width: 150px;
  	padding: 0;
  }
  header .header-box .controls .search .search-window.seo .form-group input[type="text"] {
	padding-left: 5px;
  } 
  header .header-box .controls .menu-but, header .header-box .controls .cart.medium {
  	margin-left: 15px;
  }
  header .header-box .controls .search .search-window.seo .form-group button {
  	right: 5px;
  }
  #search_word {
  	color: var(--text-dark-grey);
  	padding: 0;
  	font-size: 12px;
  }
  #search_word a {
  	color: var(--white);
  }
  #search_word a:hover {
	color: var(--text-dark-grey);
  }
}

/* Changed mfilter styles (moved span inside of a tag) */
.filter-box .filter-items .filter-item .filter-item-params .checkbox label a span, .filter-box .filter-items .filter-item .filter-item-params .radio label a span {
  line-height: 16px;
  padding-left: 26px;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  display: block;
  color: #666;
	font-size: 16px;
}
.filter-box .filter-items .filter-item .filter-item-params .checkbox label span:hover, .filter-box .filter-items .filter-item .filter-item-params .radio label a span:hover {
  color: var(--orange-hover);
	transition: var(--all-in);
}
.filter-box .filter-items .filter-item .filter-item-params .checkbox label span::before, .filter-box .filter-items .filter-item .filter-item-params .radio label a span::before {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid var(--input-border-grey);
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  transition: var(--all-out);
  transform: translateY(-50%);
}
.filter-box .filter-items .filter-item .filter-item-params .checkbox label a span::after {
  width: 6px;
  height: 9px;
  border-right: 2px solid var(--white);
  border-bottom: 2px solid var(--white);
  border-right: 2px solid var(--orange);
  border-bottom: 2px solid var(--orange);
  content: "";
  rotate: 45deg;
  position: absolute;
  left: 5px;
  top: 50%;
  scale: 0;
  transition: var(--all-out);
  translate: 0 -50%;
}
.filter-box .filter-items .filter-item .filter-item-params .checkbox label input:checked + a span::after, .filter-box .filter-items .filter-item .filter-item-params .checkbox label div.mfilter-input-active + a span::after {
  scale: 1;
  transition: var(--all-in);
}

.filter-box .filter-items .filter-item .filter-item-params .radio label a span::before {
  border-radius: 50%;
}
.filter-box .filter-items .filter-item .filter-item-params .radio label a span::after {
  width: 10px;
  height: 10px;
  background: var(--orange);
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  scale: 0;
  translate: -50% -50%;
  transition: var(--all-out);
}
.filter-box .filter-items .filter-item .filter-item-params .radio label input:checked + a span::after, .filter-box .filter-items .filter-item .filter-item-params .radio label div.mfilter-input-active:has(> input:checked) + a span::after {
  scale: 1;
  transition: var(--all-in);
}
/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/