* {
	box-sizing: border-box;
	transition: .4s;
}

.fancybox-container *,
.fancybox-container {
	transition: none;
}

.fancybox-button svg path {
	fill: #fff;
}

strong {
	font-weight: 600;
}

html {
	overflow-x: hidden;
}

body {
	padding-right: 0 !important;
	background: #fff;
	position: relative;
	font-family: "Roboto", sans-serif;
	color: #252525;
	font-size: 16px;
	font-weight: 400;
	line-height: 140%;
}
.page-content{
	padding: 0 60px;
}
@media (max-width: 768px) {
    .page-content {
        padding: 0; /* Это аналог класса ps-md-4 в Bootstrap */
    }
}
textarea,
input {
	font-family: "Roboto", sans-serif;
}

.compensate-for-scrollbar {
	margin-right: 0 !important;
}

a {
	text-decoration: none;
	outline: none !important;
	font-size: inherit;
	color: inherit;
}

i {
	font-style: italic;
}

h3,
h4 {
	font-family: "Roboto Condensed", sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 28px;
}

@media (max-width: 1024px) {
	body {
		font-size: 15px;
	}

	h3,
	h4 {
		font-size: 22px;
	}
}

@media (max-width: 768px) {
	body {
		font-size: 14px;
	}

	h3,
	h4 {
		font-size: 20px;
	}
}

.alert-open-mobile {
	display: none;
}

/* header */

#header {
	border-bottom: 1px solid #252525;
	position: relative;
	z-index: 5;
}

.header-logo img {
	height: 100%;
}

.header-main {
	width: calc(100% - 300px);
	border-left: 1px solid #252525;
	position: relative;
}

.header-main:before {
	content: "";
	width: calc(100vw - 1800px - (100vw - 1800px) / 2);
	height: 1px;
	background: #252525;
	position: absolute;
	top: 93px;
	right: calc(0px - (100vw - 1800px - (100vw - 1800px) / 2));
}

@media (max-width: 1920px) {
	.header-main:before {
		width: 60px;
		right: -60px;
	}
}

.header-main-block:not([data-name="menu"]) {
	height: 93px;
}

.header-main-block {
	border-right: 1px solid #252525;
	padding: 0 32px;
}

.header-main-block[data-name="button"] {
	padding-right: 0;
}

.header-main-block[data-name="button"],
.header-main-block[data-name="menu"] {
	border-right: none;
}

.header-main-search {
	height: 54px;
	position: relative;
	max-width: 468px;
	width: calc(100vw - 120px - 1292px);
}

.header-main-search .input {
	width: 100%;
	height: 100%;
	background: rgba(130, 130, 130, 0.16);
	padding: 16px 20px;
	font-size: 18px;
	border: none;
}

.header-main-search .btn {
	position: absolute;
	width: 18px;
	height: 18px;
	right: 20px;
	background: url("../img/search.svg") no-repeat center center / 100%;
	border: none;
	font-size: 0px;
}

.header-main-phone {
	padding: 1px 0 1px 32px;
	background: url("../img/header-phone-icon.svg") no-repeat center left;
	display: block;
	width: max-content;
	font-size: 18px;
	font-weight: 600;
}

.header-main-email {
	padding: 1px 0 1px 32px;
	background: url("../img/header-email-icon.svg") no-repeat center left;
	display: block;
	width: max-content;
	font-size: 18px;
	font-weight: 600;
}

.header-main-soc {
	gap: 20px;
	position: relative;
	z-index: 4;
}

.tg-list,
.wa-list {
	position: absolute;
	width: 250px;
	background: #262626;
	color: #fff;
	padding: 10px;
	margin-top: -5px;
	top: 46px;
	left: -105px;
	opacity: 0;
	pointer-events: none;
}

.wa-list {
	left: auto;
	right: -105px;
}

.tg-list a,
.wa-list a {
	display: block;
	width: 200px;
	margin: 4px auto;
}

.tg-list a {
	background: url("../img/white-tg.svg") no-repeat left center / 16px;
	padding-left: 24px;
}

.wa-list a {
	background: url("../img/white-wa.svg") no-repeat left center / 16px;
	padding-left: 24px;
}

.active+.tg-list,
.active+.wa-list {
	opacity: 1;
	pointer-events: initial;
	margin-top: 0;
}

.header-main-block[data-name="menu"] {
	width: 100%;
	border-top: 1px solid #252525;
	padding-right: 0;
}

.header-main-menu-wrapper {
	width: 100%;
}

.header-main-menu {
	width: 100%;
}

.header-main-menu li:before {
	display: none;
}

.header-main-menu li {
	margin: 0 !important;
	padding: 0 !important;
}

.header-main-menu li a {
	display: block;
	padding-top: 23px;
	padding-bottom: 23px;
}

.header-main-menu li .catalog-btn {
	padding: 23px 0 23px 30px;
	background: url("../img/catalog-btn.svg") no-repeat center left;
}

.header-main-menu-burger {
	display: none;
}

.header-main-menu-close {
	display: none;
}

.header-main-menu-wrapper .top {
	display: none;
}

.header-main-menu-wrapper .button {
	display: none;
}

.header-main-menu-wrapper .header-main-search {
	display: none;
}

.header-main-menu li:nth-child(2),
.header-main-menu li:nth-child(8) {
	display: none;
}

@media (max-width: 1818px) {
	.header-main-search {
		width: calc(1920px - 120px - 1304px);
		max-width: initial;
	}

	.header-main:before {
		right: -77px;
		width: 77px;
	}
}

@media (max-width: 1310px) {
	.header-main-search {
		width: calc(1920px - 120px - 1384px);
		max-width: initial;
	}
}

@media (max-width: 1280px) {
	.header-main-block[data-name="email"] {
		display: none;
	}

	.header-main-block[data-name="contacts"] {
		display: none;
	}

	.header-main-menu li:nth-child(2),
	.header-main-menu li:nth-child(8) {
		display: block;
	}

	.header-main-search {
		max-width: initial;
		width: calc(100vw - 120px - 1232px);
	}

	.header-main-block[data-name="menu"] {
		width: max-content;
		border: none;
	}

	.header-main-menu-burger {
		display: block;
		width: 36px;
		height: 36px;
		background: url("../img/catalog-btn.svg") no-repeat center center / 100%;
		position: relative;
	}

	.header-main-menu-wrapper {
		display: block;
		position: fixed;
		background: #252525;
		width: 340px;
		height: 100vh;
		z-index: 10;
		top: 0;
		right: -340px;
		opacity: 0;
		padding: 44px 24px 124px 24px;
		overflow-y: scroll;
	}

	.header-main:before {
		display: none;
	}

	.header-main-menu {
		display: block;
	}

	.header-main-menu a {
		color: #fff;
		font-size: 20px;
	}

	.header-main-menu li .catalog-btn {
		background: none;
		padding: 18px 0 12px 0;
	}

	.header-main-menu li a {
		padding: 18px 0;
	}

	.header-main-menu-close {
		position: absolute;
		top: 24px;
		right: 24px;
		background: url("../img/burger-close.svg") no-repeat center center / 100%;
		cursor: pointer;
		display: block;
		width: 24px;
		height: 24px;
	}

	.header-overlay {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		background: rgb(37 37 37 / 60%);
		z-index: 5;
		opacity: 0;
		pointer-events: none;
	}

	body.menu-open .header-overlay {
		opacity: 1;
		pointer-events: initial;
	}

	body.menu-open .header-main-menu-wrapper {
		right: 0;
		opacity: 1;
	}
}

@media (max-width: 1280px) {
	.header-main-block[data-name="button"] {
		display: none;
	}

	.header-main-search {
		width: calc(100vw - 120px - 894px);
	}

	.header-main-menu-wrapper .button {
		width: 100%;
		display: flex;
		padding: 18px;
		margin-top: 40px;
	}

	#header {
		position: initial;
	}
}

@media (max-width: 1240px) {

	.header-main-block[data-name="phone"],
	.header-main-block[data-name="soc"] {
		display: none;
	}

	.header-main-search {
		width: calc(100vw - 120px - 464px);
	}

	.header-main-menu-wrapper .top {
		display: block;
	}

	.header-main-menu-wrapper .footer-phone,
	.header-main-menu-wrapper .footer-email {
		color: #fff;
		margin-bottom: 12px;
	}
}

@media (max-width: 1024px) {
	.header-main-search {
		width: calc(100vw - 120px - 374px);
	}

	.header-main-menu li a {
		padding: 14px 0;
		line-height: 120%;
	}
}

@media (max-width: 768px) {
	.header-main-block[data-name="search"] {
		display: none;
	}

	.header-main {
		border: none;
	}

	.header-logo {
		height: 52px;
	}

	#header {
		padding: 12px 0 5px 0;
	}

	.header-main-block[data-name="menu"] {
		padding: 0;
		margin-left: auto;
	}

	.header-main-menu-burger {
		width: 24px;
		height: 24px;
	}

	.header-main-menu-burger:before {
		content: "МЕНЮ";
		font-size: 16px;
		text-transform: uppercase;
		color: #252525;
		font-family: "Roboto Condensed", sans-serif;
		position: absolute;
		left: -50px;
		font-weight: 700;
		top: 2px;
	}

	.header-main-menu-wrapper {
		padding: 12px 24px 124px 24px;
		max-width: 100%;
	}

	.header-main-menu-wrapper .footer-soc {
		margin: 16px 0 0 0;
	}

	.header-main-menu li a {
		font-size: 14px;
		padding: 8px 0 !important;
	}

	.header-main-menu {
		margin-top: 16px;
		margin-bottom: 12px;
	}

	.header-main-menu-wrapper .button {
		margin-top: 20px;
	}

	.header-main-menu-close {
		width: 18px;
		height: 18px;
	}

	.header-main-menu-wrapper .header-main-search {
		display: flex;
		width: calc(100% - 40px);
		margin-bottom: 0px;
		height: auto;
	}

	.header-main-menu-wrapper .header-main-search .input {
		background: #fff;
		font-size: 14PX;
		padding: 14px 20px;
		border-radius: 0 !important;
	}

	.header-main-search .btn {
		right: 12px;
	}

	.alert-open {
		display: none;
	}

	.alert-open-mobile {
		display: block;
	}
}

/* main */

.main-item {
	padding-top: 80px;
	background-size: cover !important;
	padding-bottom: 180px;
	height: auto;
}

.main-item-bg {
	display: none;
}

.main-item-h {
	max-width: 940px;
	font-size: 72px;
	font-weight: 500;
	line-height: 100%;
	margin-bottom: 20px;
}

.main-item-h span {
	display: block;
	font-size: 48px;
	display: block;
	font-weight: 300;
}

.main-item-h~p {
	font-size: 22px;
	line-height: 140%;
	margin-bottom: 60px;
}

.main-nav {
	left: 60px;
	position: absolute;
	bottom: 44px;
	gap: 12px;
	z-index: 3;
}

.main-nav .counter {
	width: max-content;
	font-size: 22px;
}

.main-nav .counter .swiper-pagination-current {
	color: #0E0087;
	font-weight: 600;
}

.main-nav .prev,
.main-nav .next {
	width: 28px;
	height: 28px;
	cursor: pointer;
	user-select: none;
}

.main-nav .dots {
	display: none;
}

.main-links {
	display: none;
}

@media (min-width: 1921px) {
	.main-nav {
		left: calc((100vw - 1800px)/2);
	}
}

@media (max-width: 1280px) {
	.main-item {
		position: relative;
	}

	.main-item .container {
		position: relative;
		z-index: 3;
	}

	.main-item:before {
		content: "";
		width: 100%;
		height: 100%;
		background: rgba(254, 254, 254, .5);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
}

@media (max-width: 1024px) {
	.main-nav {
		left: 22px;
	}

	.main-item-h {
		max-width: 100%;
		font-size: 52px;
	}

	.main-item-h span {
		font-size: 36px;
	}

	.main-item-h~p {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	.main-item {
		padding-top: 45px;
		padding-bottom: 308px;
	}

	.main-item-bg {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
		background-size: cover !important;
	}

	.main-item:before {
		display: none;
	}

	.main-item-h {
		max-width: 100%;
		font-size: 46px;
	}

	.main-item-h span {
		font-size: 24px;
		margin-bottom: 8px;
		line-height: 100%;
	}

	.main-item-h b {
		font-size: 24px;
		margin-top: 12px;
		display: block;
		line-height: 100%;
	}

	.main-item-h~p {
		font-size: 14px;
		margin-bottom: 28px;
	}

	.main-item-h~p br {
		display: none;
	}

	.main-nav .dots {
		display: flex;
		justify-content: center;
		margin-top: 16px;
		gap: 4px;
	}

	.main-nav .dots .swiper-pagination-bullet {
		opacity: 1 !important;
		width: 8px !important;
		height: 8px;
		border-radius: 0;
		background: #fff;
		margin: 0 !important;
	}

	.main-nav .dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 24px !important;
		background: #0E0087;
	}

	.main-nav {
		left: 12px;
		width: calc(100% - 24px);
		bottom: 20px;
	}

	.main-nav .prev,
	.main-nav .next {
		display: none;
	}

	.main-links {
		display: flex;
		gap: 10px;
		margin-top: 40px;
	}

	.main-links-item {
		width: calc(50% - 5px);
	}
}

/* brands */

#brands {
	overflow: hidden;
	width: 100%;
	border: 1px solid #252525;
	height: 145px;
}

#brands .container {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.brands-line {
	display: flex;
	align-items: center;
	height: 100%;
	white-space: nowrap;
	position: absolute;
	left: 0;
	top: 0;
}

.brands-line img {
	display: inline-block;
	margin-right: 60px;
	max-height: 100%;
}

@media (max-width: 768px) {
	#brands {
		height: 86px;
		width: 1920px;
	}

	.brands-line img {
		zoom: .5;
	}
}

/* about */

#about {
	position: relative;
	overflow: hidden;
}

.about {
	padding-left: 46px;
	width: 769px;
	margin-left: auto;
}

.about .button {
	margin-top: 40px;
}

.about-gallery {
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(1920px - 769px - 60px);
	height: 100%;
	max-width: 1090px;
}

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

.about-gallery a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: url("../img/play-btn.svg") no-repeat center center / 80px;
}

@media (max-width: 1280px) {
	.about-gallery img {
		width: 100%;
		height: 50%;
	}
}

@media (max-width: 1106px) {
	.about {
		padding-bottom: 496px;
		width: 100%;
		padding-left: 0;
	}

	.about-gallery {
		width: 100%;
		height: 456px;
		max-width: 100%;
	}

	.about-gallery img {
		width: 50%;
		height: 100%;
	}
}

@media (max-width: 768px) {
	.about {
		padding-bottom: 40px;
	}

	.about .button {
		margin-top: 28px;
	}

	.about-gallery {
		height: auto;
		position: relative;
	}

	.about-gallery img {
		width: 100%;
	}

	.about-gallery a {
		width: 100%;
		height: 50%;
	}
}

/* cat */

.cat-top {
	margin-bottom: 40px;
}

.cat-top-text {
	width: calc(100% - 290px - 165px);
}

.cat {
	gap: 44px;
}

.cat-item {
	width: calc(100%/4 - 99px/3);
	height: 23vw;
	max-height: 660px;
	border: 1px solid #252525;
	padding: 32px 40px;
	background-size: cover !important;
	position: relative;
	overflow: hidden;
}

.cat-item .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover !important;
}

.cat-item .rc {
	font-size: 28px;
	font-weight: 500;
	position: relative;
	z-index: 3;
	line-height: 120%;
}

.cat-item:hover .bg {
	transform: scale(1.1);
}

@media (max-width: 1280px) {
	.cat-item {
		width: calc(50% - 44px/2);
		height: 52vw;
	}
}

@media (max-width: 1268px) {
	.cat-top-text {
		width: calc(100% - 290px - 24px);
	}
}

@media (max-width: 886px) {
	.cat {
		gap: 20px;
	}

	.cat-item {
		width: calc(50% - 10px);
		padding: 20px;
	}

	.cat-item .rc {
		font-size: 21px;
	}
}

@media (max-width: 768px) {
	#cat .container {
		padding-bottom: 84px;
		position: relative;
	}

	.cat-top-text {
		width: 100%;
	}

	.cat-top .button {
		position: absolute;
		bottom: 0;
		left: 12px;
		width: calc(100% - 24px);
	}

	.cat-top {
		margin-bottom: 28px;
	}

	.cat-item {
		width: 100%;
		max-height: initial;
		height: 108vw;
	}

	.cat-item .rc {
		font-size: 20px;
	}
}

/* pop */

#pop,
#others {
	overflow: hidden;
}

.pop-top {
	margin-bottom: 40px;
	gap: 24px;
}

.pop-top .h2 {
	margin-bottom: 0;
}

.pop-top .prev {
	margin-left: auto;
}

.pop-top .prev,
.pop-top .next {
	width: 28px;
	height: 28px;
	user-select: none;
	cursor: pointer;
}

.pop {
	overflow: visible;
}

@media (max-width: 768px) {
	.pop-top {
		margin-bottom: 24px;
	}

	.pop-top .prev,
	.pop-top .next {
		display: none;
	}

	.pop-progressbar {
		display: block;
	}
}

/* product */

.swiper-slide {
	display: block !important;
}

.product-item {
	max-width: 569px;
	width: calc(100% / 4 - 114px / 4);
	border: 1px solid #FFF;
	position: relative;
	height: auto;
}

.product-item-img {
	display: block;
	width: 100%;
	height: 308px;
	position: relative;
	overflow: hidden;
}

.product-item-img .stock {
	background: #fff;
	color: #262626;
	font-size: 14px;
	font-weight: 600;
	line-height: 140%;
	padding: 6px 12px;
	z-index: 3;
	position: absolute;
	top: 20px;
	left: 20px;
}

.product-item-img .preview {
	background-size: cover !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.product-item:hover .product-item-img .preview {
	transform: scale(1.1);
}

.product-item-img .list {
	gap: 8px;
	position: absolute;
	top: 20px;
	right: 20px;
}

.product-item-img .list span {
	background: #151042;
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	line-height: 140%;
	padding: 6px 12px;
	z-index: 3;
}

.product-item-info {
	padding: 20px 20px 100px 20px;
}

.product-item-info .name {
	display: block;
	font-size: 28px;
	font-weight: 500;
	line-height: 100%;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.product-item-info .har {
	margin-bottom: 16px;
}

.product-item-info .bottom {
	margin-top: 28px;
}

.product-item-info .bottom-price {
	font-size: 28px;
	font-weight: 500;
}

.product-item-info .bottom-kp {
	text-decoration: underline;
}

.product-item-info .button {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
}

/* dark */

.product-item:not(.white-block) {
	border: 1px solid #252525;
}

.product-item:not(.white-block) .product-item-info .bottom-kp {
	color: #0E0087;
}

@media (max-width: 1280px) {
	.product-item {
		max-width: initial;
		width: calc((100vw - 120px) / 2 - 19px);
	}
}

@media (max-width: 1280px) {
	.product-item {
		max-width: initial;
		width: calc((100vw - 60px) / 2 - 49px);
	}
}

@media (max-width: 1024px) {
	.product-item {
		width: calc((100vw - 22px) / 2 - 30px);
	}
}

@media (max-width: 920px) {
	.product-item-img {
		height: 260px;
	}

	.product-item-info {
		padding: 20px 20px 100px 20px;
	}

	.product-item-info .name {
		font-size: 20px;
		margin-bottom: 8px;
	}
}

@media (max-width: 768px) {
	.product-item {
		width: 100%;
	}

	.product-item.swiper-slide {
		width: 260px;
	}

	.product-item.swiper-slide .product-item-img {
		height: 183px;
	}

	.product-item-img .list {
		top: 12px;
		right: 12px;
		gap: 6px;
	}

	.product-item-img .list span {
		font-size: 10px;
	}

	.product-item-info .bottom {
		margin-top: 16px;
	}

	.product-item-info .bottom-price {
		font-size: 20px;
	}

	.product-item-info {
		padding: 20px 20px 82px 20px;
	}

	.product-item-img .stock {
		font-size: 10px;
		bottom: 12px;
		right: 12px;
		top: auto;
		left: auto;
	}
}

/* timeline */

#timeline .container {
	gap: 36px;
}

.timeline-block {
	width: max-content;
	gap: 28px;
}

.timeline-block .h2 {
	margin-bottom: 12px;
}

.timeline-block-main .rc {
	font-size: 34px;
	line-height: 120%;
}

@media (max-width: 1280px) {
	.timeline-block {
		width: calc(50% - 18px);
		display: block;
	}

	.timeline-block-main {
		margin-bottom: 16px;
	}

	.timeline-block br {
		display: none;
	}
}

@media (max-width: 854px) {
	.timeline-block {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.timeline-block-main .rc {
		font-size: 24px;
	}

	.timeline-block .h2 {
		margin-bottom: 8px;
	}
}

/* sertif */

#sertif {
	overflow: hidden;
}

.sertif-main {
	width: calc(100% - 890px - 50px);
	background: #262626;
	position: relative;
	z-index: 3;
	padding: 64px 0;
	min-height: 400px;
}

.sertif-list {
	width: max-content;
	overflow: visible;
	margin: 0;
}

.sertif-list .swiper-slide {
	width: max-content;
	height: 400px;
	opacity: 0;
	transition: .4s;
}

.sertif-list .swiper-slide.swiper-slide-active,
.sertif-list .swiper-slide.swiper-slide-active~.swiper-slide {
	opacity: 1;
}

.sertif-list .swiper-slide img {
	height: 100%;
}

.sertif-list {
	width: 890px;
}

.sertif-list-dots {
	display: none;
}

@media (max-width: 1280px) {
	.sertif-main {
		width: calc(50% - 24px);
		padding: 0;
	}

	.sertif-list {
		width: calc(50% - 24px);
	}

	.sertif-list .swiper-slide {
		height: 320px;
	}
}

@media (max-width: 1024px) {
	.sertif-main {
		width: 100%;
		min-height: auto;
		margin-bottom: 24px;
	}

	.sertif-list {
		width: 100%;
	}

	.sertif-list-dots {
		display: flex;
		justify-content: center;
		margin-top: 16px;
		gap: 4px;
	}

	.sertif-list-dots .swiper-pagination-bullet {
		opacity: 1 !important;
		width: 8px !important;
		height: 8px;
		border-radius: 0;
		background: #fff;
		margin: 0 !important;
	}

	.sertif-list-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 24px !important;
		background: #0E0087;
	}
}

@media (max-width: 768px) {
	.sertif-list .swiper-slide {
		height: 50vw;
	}
}

/* usl */

#usl {
	border-top: 1px solid #262626;
}

.usl {
	gap: 44px;
}

.usl-item {
	width: calc(100%/4 - 136px/4);
	max-height: 400px;
	height: 21vw;
	position: relative;
	overflow: hidden;
	padding: 40px;
}

.usl-item-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.usl-item:hover .usl-item-bg {
	transform: scale(1.1);
}

.usl-item-name {
	font-size: 28px;
	position: relative;
	z-index: 3;
	line-height: 100%;
}

@media (max-width: 1280px) {
	.usl-item {
		width: calc(100%/2 - 22px);
		max-height: 604px;
		height: 42vw;
	}
}

@media (max-width: 1024px) {
	.usl {
		gap: 20px;
	}

	.usl-item {
		width: calc(100% / 2 - 10px);
		max-height: 430px;
		height: 42vw;
	}
}

@media (max-width: 768px) {
	.usl-item {
		padding: 20px;
	}

	.usl-item-name {
		font-size: 20px;
	}
}

@media (max-width: 508px) {
	.usl-item {
		width: 100%;
		max-height: initial;
		height: 95vw;
	}
}

/* contacts */

#contacts {
	position: relative;
}

.contacts {
	max-width: 440px;
}

.contacts-adress {
	padding: 3px 0 3px 32px;
	background: url("../img/adress-white.svg") no-repeat center left / 22px;
	display: block;
	width: max-content;
	margin-bottom: 20px;
}

.contacts-phone {
	padding: 1px 0 1px 32px;
	background: url("../img/contacts-phone-icon.svg") no-repeat center left;
	display: block;
	width: max-content;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 600;
}

.contacts-email {
	padding: 1px 0 1px 32px;
	background: url("../img/contacts-email-icon.svg") no-repeat center left;
	display: block;
	width: max-content;
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: 600;
}

.contacts-soc {
	gap: 20px;
	margin-bottom: 40px;
	position: relative;
}

.contacts-soc .tg-list,
.contacts-soc .wa-list {
	left: 0;
	background: #fff;
	color: #252525;
}

.contacts-soc .tg-list a {
	color: #252525;
	background: url(../img/black-tg.svg) no-repeat left center / 16px;
}

.contacts-soc .wa-list a {
	color: #252525;
	background: url(../img/black-wa.svg) no-repeat left center / 16px;
}

#contacts .button,
#contacts-in .button {
	width: 358px;
}

#contacts .button:not(:last-child),
#contacts-in .button:not(:last-child) {
	margin-bottom: 20px;
}

#contacts .map {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	width: calc(1920px - 440px - 60px - 175px);
	max-width: 1254px;
	object-fit: cover;
	transition: none;
}

#contacts .map * {
	transition: none;
	color: #252525;
}

.map-alert {
	max-width: 1254px;
	width: calc(1920px - 440px - 60px - 175px);
	text-align: center;
	background: rgba(254, 254, 254, .8);
	padding: 8px 16px;
	font-size: 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #252525;
}

#contacts-in .container {
	position: relative;
}

#contacts-in .contacts-adress {
	background: url("../img/adress-black.svg") no-repeat center left / 22px;
}

#contacts-in .contacts-phone {
	background: url("../img/header-phone-icon.svg") no-repeat center left;
}

#contacts-in .contacts-email {
	background: url("../img/header-email-icon.svg") no-repeat center left;
}

#contacts-in .contacts {
	padding-bottom: 180px;
}

/* #contacts-in .map {
	position: absolute;
	right: 60px;
	bottom: 0;
	height: 100%;
	width: calc(1920px - 440px - 60px - 40px - 60px);
	max-width: 1337px;
	object-fit: cover;
} */

#contacts-in .map-alert {
	max-width: 1337px;
	width: calc(1920px - 440px - 60px - 40px - 60px);
}

@media (max-width: 1140px) {

	#contacts .map,
	#contacts .map-alert {
		width: calc(100vw - 440px - 90px);
	}
}

@media (max-width: 1024px) {
	#contacts-in {
		position: relative;
		padding-bottom: 440px;
	}

	#contacts-in .container {
		position: initial;
	}

	#contacts-in .map {
		right: 0;
		height: 400px;
		width: 100%;
	}

	#contacts-in .map-alert {
		width: 100%;
	}

	#contacts .map-alert {
		width: 100%;
	}

	#contacts-in .contacts {
		padding-bottom: 0;
	}
}

@media (max-width: 768px) {
	.contacts {
		padding-bottom: 440px;
		max-width: 100%;
	}

	#contacts .map {
		width: 100%;
		height: 400px;
	}

	#contacts .map-alert,
	#contacts-in .map-alert {
		font-size: 14px;
	}

	.contacts-phone {
		font-size: 14px;
		background-size: 18px;
		padding: 1px 0 1px 30px;
		margin-bottom: 14px;
	}

	.contacts-adress {
		font-size: 14px;
		background-size: 18px;
		padding: 2px 0 2px 30px;
		margin-bottom: 14px !important;
	}

	.contacts-email {
		font-size: 14px;
		background-size: 18px;
		padding: 1px 0 1px 30px;
	}

	.contacts-soc {
		margin: -4px 0 12px 0;
		width: max-content;
	}

	#contacts .button,
	#contacts-in .button {
		width: 100%;
	}
}

/* footer */

#footer {
	padding: 50px 0 40px 0;
	background: #0A0A0A;
}

.footer-top {
	margin-bottom: 28px;
	position: relative;
}

.footer-top-logo img {
	height: 100%;
}

.footer-top-contacts {
	width: calc(100% - 611px);
	gap: 114px;
	row-gap: 0;
}

.footer-phone {
	padding: 1px 0 1px 32px;
	background: url("../img/contacts-phone-icon.svg") no-repeat center left;
	display: block;
	width: max-content;
	font-size: 18px;
	font-weight: 600;
}

.footer-email {
	padding: 1px 0 1px 32px;
	background: url("../img/contacts-email-icon.svg") no-repeat center left;
	display: block;
	width: max-content;
	font-size: 18px;
	font-weight: 600;
}

.footer-soc {
	gap: 20px;
	position: relative;
}

.footer-soc .tg-list,
.footer-soc .wa-list {
	left: 0;
	background: #fff;
	color: #252525;
}

.footer-soc .tg-list a {
	color: #252525;
	background: url(../img/black-tg.svg) no-repeat left center / 16px;
}

.footer-soc .wa-list a {
	color: #252525;
	background: url(../img/black-wa.svg) no-repeat left center / 16px;
}

.footer-top-buttons {
	position: absolute;
	right: 0;
	top: 0;
}

.footer-top-buttons .button {
	width: 358px;
}

.footer-top-buttons .button:not(:last-child) {
	margin-bottom: 20px;
}

.footer-menu {
	width: calc(100% - 300px);
	gap: 46px;
	row-gap: 20px;
}

.footer-menu a {
	width: calc(100%/5 - 184px/5);
}

.footer-other-links {
	gap: 224px;
}

.footer-other-links.mob {
	display: none;
}

.footer-other-links a {
	display: block;
	opacity: .5;
}

.footer-other-links a:hover {
	opacity: 1;
}

.footer-copyright {
	width: max-content;
	margin-right: 396px;
}

.footer-bottom {
	margin-top: 20px;
}

@media (max-width: 1880px) {
	.footer-top-contacts {
		width: calc(100% - 618px);
		gap: 117px;
	}

	.footer-copyright {
		margin-right: 402px;
	}

	.footer-other-links {
		gap: 227px;
	}
}

@media (max-width: 1280px) {
	.footer-top-contacts {
		width: calc(100% - 340px);
	}

	.footer-menu {
		gap: 12px;
	}

	.footer-menu a {
		width: max-content;
	}
}

@media (max-width: 1280px) {
	#footer .container {
		position: relative;
	}

	.footer-top-contacts {
		width: 100%;
	}

	.footer-top-contacts {
		gap: 64px;
	}

	.footer-top-buttons {
		position: relative;
	}
}

@media (max-width: 912px) {
	#footer .container {
		display: flex;
		flex-flow: wrap;
		padding-top: 74px;
	}

	.footer-top-logo {
		position: absolute;
		top: 0;
		left: 22px;
		height: 52px;
	}

	.footer-top {
		order: 2;
		width: 100%;
		position: initial;
	}

	.footer-menu {
		width: 100%;
		margin-bottom: 28px;
	}

	.footer-links {
		order: 1;
		width: 100%;
	}

	.footer-copyright {
		width: 100%;
		order: 3;
	}

	.footer-bottom {
		order: 4;
		margin-top: 0;
	}

	.footer-other-links {
		display: block;
		margin-bottom: 28px;
	}

	.footer-other-links a:not(:last-child) {
		margin-bottom: 14px;
	}

	.footer-phone {
		width: 100%;
		margin-bottom: 14px;
	}

	.footer-email {
		width: 100%;
		margin-bottom: 14px;
	}

	.footer-top-contacts {
		gap: 16px;
	}

	.footer-top-buttons {
		width: 100%;
	}
}

@media (max-width: 768px) {
	#footer {
		padding: 40px 0;
	}

	.footer-top-logo {
		left: 12px;
	}

	.footer-menu a {
		width: calc(50% - 12px);
	}

	.footer-menu a:nth-child(8) {
		order: 15;
	}

	.footer-phone {
		font-size: 14px;
		background-size: 18px;
		padding: 1px 0 1px 30px;
		margin-bottom: 14px;
	}

	.footer-email {
		font-size: 14px;
		background-size: 18px;
		padding: 1px 0 1px 30px;
	}

	.footer-soc {
		margin-top: -66px;
		margin-left: auto;
		width: max-content;
		margin-bottom: 23px;
	}

	#footer .footer-soc .tg-list,
	#footer .footer-soc .wa-list {
		right: 0;
		left: auto;
	}

	.footer-other-links a:not(:last-child) {
		margin-bottom: 15px;
	}

	.footer-copyright {
		margin-right: 0;
	}

	.footer-top-buttons .button {
		width: 100%;
	}
}

/* staff */

#staff {
	overflow: hidden;
}

.staff-top {
	margin-bottom: 40px;
	gap: 24px;
}

.staff-top .h2 {
	margin-bottom: 0;
}

.staff-top .prev {
	margin-left: auto;
}

.staff-top .prev,
.staff-top .next {
	width: 28px;
	height: 28px;
	user-select: none;
	cursor: pointer;
}

.staff {
	overflow: visible;
}

.staff-item {
	width: 416px;
	border: 1px solid #252525;
}

.staff-item-img {
	width: 100%;
	height: 450px;
	object-fit: cover;
}

.staff-item-info {
	min-height: 132px;
	padding: 32px 40px 12px 40px;
}

.staff-item-info .bold {
	font-size: 22px;
	margin-top: 8px;
}

@media (max-width: 768px) {
	.staff-top {
		margin-bottom: 24px;
	}

	.staff-top .prev,
	.staff-top .next {
		display: none;
	}

	.staff-progressbar {
		display: block;
	}

	.staff-item {
		width: 260px;
	}

	.staff-item-img {
		height: 310px;
	}

	.staff-item-info {
		min-height: 87px;
		padding: 20px 20px 0 20px;
	}

	.staff-item-info p:first-child {
		font-size: 12px;
	}

	.staff-item-info .bold {
		font-size: 16px;
		margin-top: 4px;
	}
}

/* why */

#why {
	border-bottom: 1px solid #252525;
}

.why {
	gap: 46px;
	row-gap: 40px;
}

.why-item {
	width: calc(50% - 23px);
	border: 1px solid #252525;
	position: relative;
	padding: 40px 28px 40px 294px;
}

.why-item-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 262px;
	height: 100%;
	object-fit: cover;
}

.why-item-head {
	font-size: 28px;
	margin-bottom: 16px;
	font-weight: 500;
	line-height: 100%;
}

@media (max-width: 1280px) {
	.why-item {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.why {
		gap: 20px;
	}

	.why-item {
		padding: 156px 20px 28px 20px;
	}

	.why-item-head {
		font-size: 20px;
		margin-bottom: 12px;
	}

	.why-item-img {
		width: 169px;
		height: 137px;
	}
}

/* mission */

#mission {
	position: relative;
}

.mission-img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 630px;
	width: calc(1920px - 60px - (1920px - 120px - 570px));
	height: 100%;
	object-fit: cover;
}

.mission {
	width: calc(100% - 570px);
	padding-left: 46px;
	margin-left: auto;
}

#mission.without-img .mission {
	width: 100%;
}

.mission-citata {
	margin-top: 40px;
	background: #FFF;
	padding: 20px;
}

.mission-citata-main {
	border: 1px solid #000;
	padding: 28px 48px;
}

.mission-citata-main p:first-child {
	font-style: italic;
	margin-bottom: 16px;
	position: relative;
}

.mission-citata-main p:first-child:before {
	content: "";
	width: 12px;
	height: 12px;
	background: url("../img/“.svg") no-repeat center center / 100%;
	position: absolute;
	top: -2px;
	left: -20px;
}

.mission-citata-main p:first-child:after {
	content: "";
	width: 12px;
	height: 12px;
	background: url("../img/“.svg") no-repeat center center / 100%;
	position: absolute;
	bottom: -2px;
	right: -20px;
	transform: rotate(180deg);
}

.mission-citata-main .name {
	text-align: right;
	width: max-content;
	margin-left: auto;
	font-size: 14px;
}

.mission-citata-main .name span {
	display: block;
	font-size: 16px;
	font-weight: 500;
}

.mission .button {
	margin-top: 40px;
}

@media (max-width: 1220px) {
	.mission-img {
		width: calc(100vw - 60px - (100vw - 120px - 370px));
	}

	.mission {
		width: calc(100% - 370px);
	}
}

@media (max-width: 1024px) {
	.mission {
		width: 100%;
		padding-left: 0;
	}

	.mission-img {
		position: relative;
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	.mission .button {
		margin-top: 24px;
	}
}

@media (max-width: 768px) {
	.mission {
		padding-bottom: 40px;
	}

	.mission-citata {
		margin-top: 24px;
	}

	.mission-citata {
		padding: 12px;
	}

	.mission-citata-main {
		padding: 12px 35px;
	}

	.mission-citata-main p:first-child {
		margin-bottom: 12px;
	}

	.mission-citata-main .name span {
		font-size: 14px;
	}

	.mission-citata-main .name {
		font-size: 12px;
	}
}

/* about */

#about-main {
	position: relative;
}

.about-main {
	width: calc(100% - 730px);
	padding-right: 46px;
}

.about-adva {
	margin-top: 60px;
}

.about-adva-item {
	width: max-content;
}

.about-adva-item-top {
	font-size: 34px;
	font-weight: 400;
	line-height: 100%;
	text-transform: uppercase;
	gap: 12px;
	margin-bottom: 12px;
}

.about-adva-item-top span {
	color: #0E0087;
	font-size: 56px;
	font-weight: 500;
	line-height: 100%;
	text-transform: uppercase;
}

.about-main-img {
	position: absolute;
	right: 0;
	top: 0;
	width: calc(1920px - 60px - (1920px - 46px - 810px));
	height: 100%;
	max-width: 790px;
	object-fit: cover;
}

@media (max-width: 1280px) {
	.about-adva {
		gap: 16px;
	}

	.about-adva-item {
		width: 100%;
	}

	.about-adva-item p br {
		display: none;
	}
}

@media (max-width: 1280px) {
	.about-main-img {
		width: calc(100vw - 60px - (100vw - 46px - 510px));
	}

	.about-main {
		width: calc(100% - 436px);
		padding-right: 32px;
	}

	.about-adva {
		margin-top: 30px;
	}
}

@media (max-width: 1024px) {
	.about-main {
		width: 100%;
		padding-right: 0;
		padding-bottom: 28px;
	}

	.about-main-img {
		width: 100%;
		position: relative;
		max-width: 100%;
		margin-bottom: 60px;
	}
}

@media (max-width: 768px) {
	.about-adva {
		margin-top: 20px;
	}

	.about-adva-item-top {
		margin-bottom: 10px;
		gap: 8px;
		font-size: 24px;
	}

	.about-adva-item-top span {
		font-size: 34px;
		position: relative;
		top: 3px;
	}
}

/* price */

.price-table {
	width: calc(100% - 569px - 48px);
	border: 1px solid #252525;
	border-bottom: none;
}

.price-table-top {
	padding: 20px 0;
}

.price-table-top p {
	padding: 0 20px;
}

.price-table-top p:nth-child(1) {
	width: 266px;
	padding-left: 40px;
}

.price-table-top p:nth-child(2) {
	width: calc(100% - 266px - 293px - 151px);
}

.price-table-top p:nth-child(3) {
	width: 293px;
}

.price-table-top p:nth-child(4) {
	width: 151px;
}

.price-table-item {
	border-bottom: 1px solid #252525;
	overflow: hidden;
}

.price-table-item-col:nth-child(1) {
	width: 266px;
	padding: 38px 12px 12px 40px;
	border-right: 1px solid #252525;
}

.price-table-item-col:nth-child(2) {
	width: calc(100% - 266px - 293px - 151px);
	border-right: 1px solid #252525;
	padding: 38px 26px;
}

.price-table-item-col:nth-child(3) {
	width: calc(293px + 151px);
}

.price-table-item-col-row p:nth-child(1) {
	width: 293px;
	border-right: 1px solid #252525;
	padding: 20px 26px;
}

.price-table-item-col-row p:nth-child(2) {
	width: 151px;
	padding: 20px 26px;
}

.price-table-item-col-row:not(:last-child) {
	border-bottom: 1px solid #252525;
}

.price-sidebar {
	position: relative;
	width: 569px;
}

.price-sidebar img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	object-fit: cover;
	height: calc(100% - 100px);
}

@media (max-width: 1280px) {
	#price .container {
		position: relative;
		padding-top: 90px;
	}

	.price-sidebar .h2 {
		position: absolute;
		top: 0;
		left: 60px;
	}

	.price-sidebar {
		width: 100%;
		margin-top: 24px;
		position: initial;
	}

	.price-sidebar img {
		position: relative;
		height: 460px;
		display: none;
	}

	.price-table {
		width: 100%;
	}
}

@media (max-width: 1140px) {
	.price-table-top {
		padding: 12px 20px;
	}

	.price-table-top p:not(:first-child) {
		display: none;
	}

	.price-table-top p:first-child {
		padding: 0;
		font-size: 15px;
	}

	.price-table-item {
		padding: 20px;
	}

	.price-table-item-col:nth-child(1),
	.price-table-item-col:nth-child(2),
	.price-table-item-col:nth-child(3) {
		width: 100%;
		border: none;
		padding: 0;
	}

	.price-table-item-col:nth-child(1) {
		margin-bottom: 12px;
	}

	.price-table-item-col:nth-child(2) {
		margin-bottom: 16px;
	}

	.price-table-item-col-row:not(:last-child) {
		border: none;
		margin-bottom: 8px;
	}

	.price-table-item-col-row {
		justify-content: space-between;
	}

	.price-table-item-col-row p:nth-child(1) {
		border: none;
		width: calc(100% - 70px);
		padding: 0;
	}

	.price-table-item-col-row p:nth-child(2) {
		width: 70px;
		font-weight: 600;
		padding: 0;
	}
}

@media (max-width: 1024px) {
	.price-sidebar .h2 {
		left: 22px;
	}

	#price .container {
		padding-top: 68px;
	}
}

@media (max-width: 768px) {
	.price-sidebar .h2 {
		left: 12px;
	}

	#price .container {
		padding-top: 52px;
	}

	.price-sidebar img {
		display: block;
		height: auto;
	}

	.price-table-item-col:nth-child(2) p {
		font-size: 12px;
	}

	.price-table-item-col-row p:nth-child(2) {
		font-size: 12px;
		width: 60px;
	}

	.price-table-item-col-row p:nth-child(1) {
		font-size: 12px;
		width: calc(100% - 64px);
	}
}

/* sertif */

#sertif-in {
	border-bottom: 1px solid #252525;
	overflow-x: hidden;
}

.sertif-in-top {
	margin-bottom: 40px;
	gap: 24px;
}

.sertif-in-top .h2 {
	margin-bottom: 0;
}

.sertif-in-top .prev {
	margin-left: auto;
}

.sertif-in-top .prev,
.sertif-in-top .next {
	width: 28px;
	height: 28px;
	user-select: none;
	cursor: pointer;
}

.sertif-in {
	overflow: visible;
}

.sertif-in-item {
	width: 261px;
}

.sertif-in-item img {
	width: 100%;
	height: 374px;
	object-fit: cover;
	border: 1px solid #252525;
}

.sertif-in-item span {
	display: block;
	margin-top: 16px;
}

@media (max-width: 768px) {
	.sertif-in-top {
		margin-bottom: 24px;
	}

	.sertif-in-top .prev,
	.sertif-in-top .next {
		display: none;
	}

	.sertif-in-progressbar {
		display: block;
	}

	.sertif-in-item span {
		margin-top: 12px;
	}
}

/* gallery-in */

.gallery-in {
	row-gap: 46px;
}

.gallery-in-item {
	width: calc(50% - 23px);
}

.gallery-in-item>img {
	width: 100%;
	height: 480px;
	object-fit: cover;
}

img-comparison-slider {
	width: 100%;
	visibility: hidden;
}

img-comparison-slider [slot='second'] {
	display: none;
}

img-comparison-slider.rendered {
	visibility: inherit;
}

img-comparison-slider.rendered [slot='second'] {
	display: unset;
}

.gallery-in-item img-comparison-slider {
	height: 480px;
}

.gallery-in-item img-comparison-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
}

.gallery-in-item figure {
	height: 480px !important;
	display: block !important;
}

.gallery-in-item .before figcaption {
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: 75px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 28px;
	font-weight: 500;
	line-height: 100%;
	text-transform: uppercase;
}

.gallery-in-item .after figcaption {
	position: absolute;
	bottom: 40px;
	right: 40px;
	width: 75px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 28px;
	font-weight: 500;
	line-height: 100%;
	text-transform: uppercase;
}

@media (max-width: 1280px) {
	.gallery-in-item img-comparison-slider {
		height: 320px;
	}

	.gallery-in-item figure {
		height: 320px !important;
	}
}

@media (max-width: 1024px) {
	.gallery-in-item {
		width: 100%;
	}

	.gallery-in-item img-comparison-slider {
		height: 520px;
	}

	.gallery-in-item figure {
		height: 520px !important;
	}
}

@media (max-width: 768px) {
	.gallery-in {
		row-gap: 20px;
	}

	.gallery-in-item img-comparison-slider {
		height: 60vw;
	}

	.gallery-in-item figure {
		height: 60vw !important;
	}

	.gallery-in-item .after figcaption {
		font-size: 14px;
		right: 12px;
		bottom: 12px;
	}

	.gallery-in-item .before figcaption {
		font-size: 14px;
		bottom: 12px;
		left: 12px;
	}
}

/* wash-in */

#wash-in {
	position: relative;
}

.wash-in {
	width: calc(100% - 730px);
	padding-right: 46px;
}

.wash-in .button {
	margin-top: 40px;
}

.wash-in-img {
	position: absolute;
	right: 0;
	top: 0;
	width: calc(1920px - 60px - (1920px - 884px));
	height: calc(100% - 100px);
	max-width: 946px;
	object-fit: cover;
}

.wash-in .text-block a {
	color: #0E0087;
	text-decoration: underline;
	font-weight: inherit;
}

@media (max-width: 1280px) {
	.wash-in {
		width: calc(100% - 365px);
		padding-right: 46px;
	}

	.wash-in-img {
		width: calc(100vw - 60px - (100vw - 484px));
	}
}

@media (max-width: 1024px) {
	.wash-in {
		width: 100%;
		padding-right: 0;
	}

	.wash-in-img {
		position: relative;
		width: 100%;
		margin-top: 28px;
	}
}

@media (max-width: 768px) {
	.wash-in .button {
		margin-top: 28px;
	}
}

/* faq */

#faq {
	border-top: 1px solid #252525;
	border-bottom: 1px solid #252525;
}

#faq .h2 {
	width: calc(100% - 878px - 40px);
}

.faq {
	width: 878px;
}

.faq-item {
	border: 1px solid #262626;
	overflow: hidden;
}

.faq-item:not(:last-child) {
	margin-bottom: 12px;
}

.faq-item-button {
	padding: 11px 28px;
	cursor: pointer;
	user-select: none;
}

.faq-item-button p {
	width: calc(100% - 60px);
}

.faq-item-content {
	padding: 0 28px;
	max-height: 0;
	overflow: hidden;
	transition: .3s;
	opacity: 0;
}

.faq-item.open .faq-item-content {
	padding: 16px 28px;
	max-height: 500px;
	opacity: 1;
}

@media (max-width: 1280px) {
	#faq .h2 {
		width: calc(100% - 578px - 40px);
	}

	.faq {
		width: 578px;
	}
}

@media (max-width: 1086px) {
	#faq .h2 {
		width: 100%;
	}

	.faq {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.faq-item-button {
		padding: 12px 20px;
	}

	.faq-item-content {
		padding: 0 20px;
	}

	.faq-item.open .faq-item-content {
		padding: 12px 20px;
	}
}

/* zapch */

.zapch-main {
	position: relative;
	padding-right: 922px;
}

.zapch-main .button {
	margin-top: 40px;
}

.zapch-img {
	position: absolute;
	top: 0;
	right: 0;
	width: 875px;
	height: 100%;
	object-fit: cover;
}

.zapch-adva {
	margin-top: 60px;
	row-gap: 12px;
}

.zapch-adva-head {
	width: 100%;
	margin-bottom: 12px;
	font-size: 28px;
	font-weight: 500;
	line-height: 100%;
	text-transform: uppercase;
}

.zapch-adva-item {
	gap: 20px;
}

.zapch-adva-item img {
	width: 46px;
	height: 46px;
}

.zapch-adva-item p {
	width: calc(100% - 66px);
}

@media (max-width: 1280px) {
	.zapch-adva {
		justify-content: flex-start;
		gap: 20px;
	}

	.zapch-adva-item {
		width: calc(100%/3 - 20px);
	}
}

@media (max-width: 1280px) {
	.zapch-adva-item br {
		display: none;
	}

	.zapch-main {
		padding-right: 0;
	}

	.zapch-img {
		position: relative;
		width: 100%;
		margin-top: 40px;
	}
}

@media (max-width: 1218px) {
	.zapch-adva-item {
		width: calc(100%/2 - 20px);
	}
}

@media (max-width: 768px) {
	.zapch-main .button {
		margin-top: 28px;
	}

	.zapch-adva {
		margin-top: 28px;
		gap: 16px;
	}

	.zapch-adva-item {
		width: 100%;
	}

	.zapch-adva-head {
		margin-bottom: 0;
		font-size: 20px;
	}
}

/* service */

#service-in {
	position: relative;
	border-bottom: 1px solid #FFF;
}

.service-in {
	width: 923px;
	padding-right: 46px;
	z-index: 3;
	position: relative;
}

.service-in .button {
	margin-top: 40px;
}

.service-in-img {
	position: absolute;
	right: 0;
	top: 0;
	width: 946px;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1280px) {
	.service-in {
		width: 600px;
	}
}

@media (max-width: 1024px) {
	.service-in {
		width: 100%;
		padding-right: 0;
	}

	.service-in-img {
		width: 100%;
		position: relative;
	}
}

@media (max-width: 768px) {
	.service-in .button {
		margin-top: 40px;
	}

	.service-in {
		padding-bottom: 40px;
	}
}

/* rass */

#rass {
	position: relative;
}

.rass {
	width: 790px;
	padding-right: 85px;
	background: #fff;
	position: relative;
	z-index: 3;
}

.rass-list {
	margin: 28px 0;
}

.rass-list-item {
	gap: 24px;
}

.rass-list-item:not(:last-child) {
	margin-bottom: 16px;
}

.rass-list-item .num {
	width: 62px;
	height: 62px;
	border: 1px solid #252525;
	font-size: 32px;
}

.rass-list-item p {
	width: calc(100% - 62px - 24px);
}

.rass .button {
	margin-top: 40px;
}

.rass-img {
	position: absolute;
	right: 0;
	top: 0;
	width: calc(1920px - 790px - 60px);
	height: 100%;
	max-width: 1100px;
	object-fit: cover;
}

@media (max-width: 1280px) {
	.rass {
		padding-right: 30px;
		width: 590px;
	}

	.rass-img {
		width: calc(100vw - 590px - 60px);
	}
}

@media (max-width: 1024px) {
	.rass {
		width: 100%;
		padding-right: 0;
	}

	.rass-img {
		position: relative;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.rass {
		padding-bottom: 40px;
	}

	.rass-list {
		margin: 20px 0;
	}

	.rass-list-item .num {
		width: 32px;
		height: 32px;
		font-size: 20px;
	}

	.rass-list-item {
		gap: 12px;
		align-items: flex-start;
		min-height: 32px;
	}

	.rass-list-item p {
		width: calc(100% - 32px - 12px);
		padding-top: 6px;
	}

	.rass .button {
		margin-top: 28px;
	}
}

/* fin-liz */

#fin-liz .container {
	position: relative;
}

.fin-liz-img {
	position: absolute;
	top: 0;
	left: 60px;
	width: calc(50% - 23px - 60px);
	height: 100%;
	object-fit: cover;
}

.fin-liz {
	width: calc(50% - 23px);
	margin-left: auto;
}

.fin-liz ul {
	margin: 20px 0 40px 0;
}

#fin-liz+#brands {
	height: 290px;
}

@media (max-width: 1220px) {
	.fin-liz-img {
		position: relative;
		width: 100%;
		height: auto;
		left: 0;
		margin-top: 28px;
	}

	.fin-liz {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.fin-liz ul {
		margin: 16px 0 28px 0;
	}

	#fin-liz+#brands {
		height: 160px;
		padding: 40px 0;
	}
}

/* catalog-product */

.catalog-filter {
	gap: 28px;
	position: relative;
	z-index: 4;
	margin-bottom: 32px;
}

.catalog-filter-item {
	position: relative;
}

.catalog-filter-item-button {
	border: 1px solid #252525;
	width: max-content;
	padding: 8px 20px;
	gap: 8px;
	cursor: pointer;
	user-select: none;
}

.catalog-filter-item-button.active {
	background: #140C56;
	color: #fff;
	border: 1px solid #140C56;
}

.catalog-filter-item-list {
	border: 1px solid #252525;
	padding: 16px;
	position: absolute;
	margin-top: 0px;
	background: #fff;
	z-index: 3;
	width: max-content;
	max-width: 440px;
	min-width: 100%;
	opacity: 0;
	pointer-events: none;
}

.catalog-filter-item-button.active svg {
	transform: rotate(-90deg);
}

.catalog-filter-item-button.active+.catalog-filter-item-list {
	opacity: 1;
	pointer-events: initial;
	margin-top: 10px;
}

.catalog-filter-item-list label input {
	display: none;
}

.catalog-filter-item-list label {
	display: block;
	cursor: pointer;
}

.catalog-filter-item-list label:not(:last-child) {
	margin-bottom: 12px;
}

.catalog-filter-item-list label span {
	display: block;
	position: relative;
	padding-left: 24px;
}

.catalog-filter-item-list label span:before {
	content: "";
	width: 12px;
	height: 12px;
	border: 1px solid #252525;
	position: absolute;
	top: 3px;
	left: 0;
}

.catalog-filter-item-list label span:after {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	background: #140C56;
	left: 4px;
	top: 7px;
	transition: .4s;
	opacity: 0;
}

.catalog-filter-item-list label input:checked+span:after {
	opacity: 1;
}

.catalog-products {
	gap: 38px;
	row-gap: 44px;
}

.catalog-products.loading {
	opacity: .5;
}

.catalog-products-nav {
	margin-top: 44px;
}

.catalog-products-pagination {
	width: 100%;
	margin-top: 44px;
	gap: 16px;
}

.catalog-products-pagination a {
	border: 1px solid #000;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
}

.catalog-products-pagination li {
	margin: 0 !important;
	padding: 0;
}

.catalog-products-pagination li:before {
	display: none;
}

.catalog-products-pagination span,
.catalog-products-pagination a:hover {
	border: 1px solid #000;
	background: #252525;
	color: #fff;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
}

@media (max-width: 768px) {
	.catalog-products {
		row-gap: 20px;
	}

	.catalog-filter {
		gap: 12px;
	}

	.catalog-filter-item-button {
		padding: 6px 12px;
	}

	.catalog-filter {
		margin-bottom: 24px;
	}

	.catalog-products-nav {
		margin-top: 28px;
	}

	.catalog-products-pagination {
		margin-top: 28px;
	}
}

/* finance */

.finance {
	row-gap: 20px;
}

.finance-item {
	width: calc(50% - 23px);
	height: 580px;
	padding: 40px;
	background-size: cover !important;
}

.finance-item-name {
	font-size: 28px;
}

@media (max-width: 1280px) {
	.finance-item {
		height: 340px;
	}
}

@media (max-width: 1024px) {
	.finance-item {
		width: calc(50% - 11px);
		padding: 20px;
	}
}

@media (max-width: 768px) {
	.finance-item {
		width: 100%;
		height: 64vw;
	}

	.finance-item-name {
		font-size: 20px;
	}
}

/* product-about */

#product-about {
	padding-bottom: 80px;
}

#product-about .container {
	position: relative;
}

.product-about {
	width: calc(100% - 730px - 48px);
	min-height: 460px;
}

.product-about .button {
	margin-top: 40px;
}

.product-about-img {
	position: absolute;
	top: 0;
	right: 60px;
	width: 730px;
	height: 100%;
	object-fit: cover;
}

#product-about.without-img .product-about {
	width: 100%;
}

@media (max-width: 1280px) {
	.product-about {
		width: calc(100% - 440px - 48px);
		min-height: initial;
	}

	.product-about-img {
		width: 440px;
	}
}

@media (max-width: 1024px) {
	.product-about {
		width: 100%;
	}

	.product-about-img {
		width: 100%;
		position: relative;
		right: 0;
		margin-top: 24px;
	}

	#product-about {
		padding-bottom: 64px;
	}

	.product-about .button {
		margin-top: 24px;
	}
}

/* product-in */

.product-in-gallery {
	width: calc(100% - 770px - 48px);
	height: 600px;
	position: sticky;
	top: 16px;
}

.product-in-gallery-thumbs {
	margin: 0;
	width: 262px;
	height: 100%;
}

.product-in-gallery-thumbs .swiper-slide {
	height: 273px;
	cursor: pointer;
}

.product-in-gallery-thumbs .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-in-gallery-slider {
	width: calc(100% - 262px - 46px);
	height: 100%;
	margin: 0;
	position: relative;
}

.product-in-gallery-slider .next,
.product-in-gallery-slider .prev {
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	z-index: 3;
	user-select: none;
}

.product-in-gallery-slider .prev {
	left: 20px;
}

.product-in-gallery-slider .next {
	right: 20px;
}

.product-in-gallery-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-in-gallery-thumbs .prev {
	width: 100%;
	height: 100px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgb(255 255 255 / 100%) 70%);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	transform: rotate(-180deg);
	opacity: 1 !important;
	transition: .4s;
}

.product-in-gallery-thumbs .next {
	width: 100%;
	height: 100px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgb(255 255 255 / 100%) 70%);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
	transform: rotate(0deg);
	opacity: 1 !important;
	transition: .4s;
}

.product-in-gallery-thumbs .prev.swiper-button-disabled {
	opacity: 0 !important;
}

.product-in-gallery-thumbs .next.swiper-button-disabled {
	opacity: 0 !important;
}

.product-in-info {
	width: 770px;
}

.product-in-info-alert {
	width: max-content;
	border: 1px solid #252525;
	padding: 6px 12px;
	font-size: 14px;
	gap: 8px;
	margin-bottom: 28px;
}

.product-in-info .text-block {
	margin-bottom: 40px;
}

.product-in-info-price {
	font-size: 28px;
	font-weight: 500;
	line-height: 100%;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.product-in-info-buttons {
	gap: 22px;
	margin-bottom: 72px;
}

.product-in-info-list .item {
	gap: 12px;
	position: relative;
}

.product-in-info-list .item:before {
	content: "";
	width: calc(100% - 266px);
	height: 1px;
	background: rgba(37, 37, 37, 0.20);
	position: absolute;
	bottom: 8px;
	left: 0;
}

.product-in-info-list .item p:nth-child(1) {
	width: calc(100% - 262px - 12px);
}

.product-in-info-list .item p:nth-child(2) {
	width: 262px;
}

.product-in-info-list .item p span {
	background: #fff;
	position: relative;
	z-index: 3;
}

.product-in-info-list .item p:nth-child(1) span {
	padding-right: 6px;
}

.product-in-info-list .item:not(:last-child) {
	margin-bottom: 16px;
}

@media (max-width: 1280px) {
	.product-in-info {
		width: 570px;
	}

	.product-in-gallery {
		width: calc(100% - 570px - 48px);
		height: 640px;
	}

	.product-in-info-list .item p:nth-child(1) {
		width: calc(100% - 162px - 12px);
	}

	.product-in-info-list .item p:nth-child(2) {
		width: 162px;
	}

	.product-in-gallery-thumbs {
		width: 180px;
	}

	.product-in-gallery-thumbs .swiper-slide {
		height: 180px;
	}

	.product-in-gallery-slider {
		width: calc(100% - 189px - 16px);
	}

	.product-in-info-list .item:before {
		width: calc(100% - 170px);
	}
}

@media (max-width: 1280px) {
	.product-in-gallery-thumbs {
		display: none;
	}

	.product-in-gallery-slider {
		width: 100%;
	}
}

@media (max-width: 1260px) {
	.product-in-gallery {
		height: 520px;
	}
}

@media (max-width: 1140px) {
	body {
		overflow: hidden;
	}

	.product-in-gallery {
		width: 100%;
		height: 720px;
		margin-bottom: 28px;
		position: relative;
		top: 0;
	}

	.product-in-info {
		width: 100%;
	}

	.product-in-info-buttons {
		margin-bottom: 40px;
	}

	.product-in-info .h1 {
		display: block;
	}
}

@media (max-width: 768px) {
	.product-in-gallery {
		height: 80vw;
	}

	.product-in-info-buttons {
		gap: 16px;
	}

	.product-in-info-list .item p:nth-child(1),
	.product-in-info-list .item p:nth-child(2) {
		width: calc(50% - 6px);
	}

	.product-in-info-list .item:before {
		width: calc(50% - 4px);
		bottom: 5px;
	}

	.product-in-info .h2 {
		font-size: 34px;
	}

	.product-in-info-alert {
		margin-bottom: 20px;
	}

	.product-in-info .text-block {
		margin-bottom: 28px;
	}

	.product-in-info-price {
		margin-bottom: 28px;
		font-size: 20px;
	}
}

#seo-text table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #dddddd;
	border-collapse: collapse;
}

#seo-text table th {
	font-weight: bold;
	padding: 5px;
	background: #efefef;
	border: 1px solid #dddddd;
}

#seo-text table td {
	border: 1px solid #dddddd;
	padding: 5px;
}

#seo-text span {
	font-weight: inherit !important;
}

/* study-info */

.study-info {
	gap: 32px;
}

.study-info-block {
	width: max-content;
}

.study-info-block .bold {
	margin-bottom: 16px;
}


.hr-form-modal-top {
	gap: 160px;
	margin-bottom: 32px;
	row-gap: 24px;
}

.hr-form-modal-top .h2 {
	margin-bottom: 0;
}

.hr-form-modal-top .info {
	gap: 20px;
	row-gap: 12px;
}

.hr-form-modal-top .info img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.reviews {
	background: #0e0e0e;
	color: white;
	padding: 60px 0;
}

.reviews .name {
	color: #fff;
}

.reviews-title {
	text-align: center;
	font-size: 28px;
	margin-bottom: 50px;
	color: #d6a85f;
}

/* swiper */

.reviewsSwiper {
	padding: 10px 60px;
}

.swiper-slide {
	height: auto;
	display: flex;
}

/* карточка */

.review-card {
	border: 1px solid #d6a85f;
	padding: 25px;
	background: #151515;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	min-height: 180px;
}

.review-header {
	display: flex;
	align-items: center;
	gap: 15px;
}

.avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #d6a85f;
	color: #111;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

.name {
	font-weight: bold;
}

.date {
	font-size: 12px;
	color: #aaa;
}

.stars {
	color: #FFD700;
	margin: 12px 0;
}

.review-card p {
	font-size: 14px;
	line-height: 1.5;
	color: #ddd;
	flex-grow: 1;
}

/* кнопка */

.reviews-btn {
	text-align: center;
	margin-top: 40px;
}

.btn-all {
	background: #d6a85f;
	color: #111;
	padding: 12px 30px;
	text-decoration: none;
	font-weight: bold;
}

/* стрелки */

.swiper-button-next,
.swiper-button-prev {
	width: 45px;
	height: 45px;
	background: #d6a85f;
	border-radius: 50%;
	color: #111;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 16px;
	font-weight: bold;
}

.swiper-button-next {
	right: 0;
}

.swiper-button-prev {
	left: 0;
}

/* hover */

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background: #f0c178;
}

/* адаптив */

@media (max-width:768px) {

	.reviewsSwiper {
		padding: 10px 20px;
	}

}


/* har */

#har .container {
	position: relative;
	display: flex;
}
#har .ab-img {
    width: 100%;
    left: auto;
    height: auto;
    right: 0;
    top: 80px;
    max-height: calc(100% - 80px);
    object-fit: contain;
}
.har {
	width: 40%;
}
.har .h2 {
	margin-bottom: 32px;
}
.har-table {
	border-radius: 12px;
	overflow: hidden;
	background: #E7F3FB;
	border: 2px solid #003A5D;
}
.har-table-item-name {
	width: 222px;
	padding: 20px 20px 20px 40px;
	font-size: 18px;
}
.har-table-item-list {
	width: calc(100% - 222px);
	border-left: 2px solid #003A5D;
	position: relative;
}
.har-table-item-list:before {
	content: "";
	width: 2px;
	height: 100%;
	background: #003A5D;
	position: absolute;
	left: calc(50% - 1px);
	height: 100%;
}
.har-table-item:not(:last-child) {
	border-bottom: 2px solid #003A5D;	
}
.har-table-item-list__item div {
	width: 25%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 58px;
	font-size: 13px;
    line-height: 120%;
    padding: 0 10px;
}
.har-table-item-list__item div.left {
	justify-content: flex-start;
	text-align: left;
}
.har-table-item:nth-child(2n) {
	background: #fff;
}
@media (max-width: 1240px) {
	#har .ab-img {
		display: none;
	}
	.har {
		width: 100%;
	}
}
@media (max-width: 980px) {
	.har-table {
		font-size: 12px;
	}
}
@media (max-width: 768px) {
    .har-table-item-name {
        width: 100%;
    }
    .har-table-item-name {
        width: 100%;
        padding: 12px;
        text-align: center;
    }
    .har-table-item-name {
    	border-right: none;
    	border-bottom: 2px solid #003A5D;
    }
    .har-table-item:nth-child(2n) .har-table-item-name {
    	border-right: none;
    	border-bottom: 2px solid #003A5D;
    }
    .har-table-item-list {
        width: 100%;
    }
    .har-table-item-list__item div {
        width: 50%;
        height: 40px;
        border-right: 2px solid #003A5D;
    }
    .har-table-item-list__item div:nth-child(2n) {
    	border-right: none;
    }
    .har-table-item-list:before {
    	display: none;
    }
    .har-table-item-list {
    	border-left: 0;
    }
}