@charset "UTF-8";
@font-face {
	font-family: BrunoAce;
	font-display: swap;
	src: url("/_static/locale/css/fonts/BrunoAce-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-size-adjust: 0.5;
}
@font-face {
	font-family: OpenSans;
	font-display: swap;
	src: url("/_static/locale/css/fonts/OpenSans-400.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-size-adjust: 0.5;
}
@font-face {
	font-family: OpenSans;
	font-display: swap;
	src: url("/_static/locale/css/fonts/OpenSans-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-size-adjust: 0.5;
}
@font-face {
	font-family: OpenSans;
	font-display: swap;
	src: url("/_static/locale/css/fonts/OpenSans-600.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-size-adjust: 0.5;
}
@font-face {
	font-family: OpenSans;
	font-display: swap;
	src: url("/_static/locale/css/fonts/OpenSans-600.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-size-adjust: 0.5;
}
@font-face {
	font-family: Roboto;
	font-display: swap;
	src: url("/_static/locale/css/fonts/Roboto-500.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-size-adjust: 0.5;
}
@font-face {
	font-family: Roboto;
	font-display: swap;
	src: url("/_static/locale/css/fonts/Roboto-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-size-adjust: 0.5;
}
@font-face {
	font-family: Roboto;
	font-display: swap;
	src: url("/_static/locale/css/fonts/Roboto-700.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-size-adjust: 0.5;
}
* {
	padding: 0;
	margin: 0;
	border: 0;
}

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

:focus,
:active {
	outline: none;
}

a:focus,
a:active {
	outline: none;
}

nav,
footer,
header,
aside {
	display: block;
}

html,
body {
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
	font-family: inherit;
}

input::-ms-clear {
	display: none;
}

button {
	cursor: pointer;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

a,
a:visited {
	text-decoration: none;
	color: inherit;
}

a:hover {
	text-decoration: none;
}

ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: 400;
}

* {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: inherit;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	font-family: OpenSans;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	max-width: 100%;
}

body {
	height: 100%;
	width: 100%;
}

::-webkit-scrollbar {
	width: 0;
}

/* свойство чтобы убрать стрелочки на input c type="number" со всех браузеров */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type="number"],
input[type="number"]:hover,
input[type="number"]:focus {
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: textfield;
}

.img-hidden {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
}
.img-hidden img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.wrapper {
	background-color: #000;
	/* height: 100%; */
	height: auto;
	width: 100%;
}

.swiper-slide {
	position: relative;
	display: block;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

.no-webp .page1-cnt {
	background: url("/img/magnific_industrial-loft-style-met_wPuWhWG7EI.jpeg") 50% / cover no-repeat;
}

.page1-cnt {
	width: 100%;
}

.page3-cnt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.no-webp .page4-cnt {
	background: url("/img/magnific_industrial-loft-style-met_wPuWhWG7EI.jpeg") 50% / cover no-repeat;
}

.page4-cnt {
	width: 100%;
}

.no-webp .page5-cnt {
	background: url("/img/magnific_industrial-loft-style-met_wPuWhWG7EI.jpeg") 50% / cover no-repeat;
}

.page5-cnt {
	width: 100%;
}

.no-webp .page6-cnt {
	background: url("/img/magnific_industrial-loft-style-met_wPuWhWG7EI.jpeg") 50% / cover no-repeat;
}

.page6-cnt {
	width: 100%;
}

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

.page1-cnt .page-shadow {
	background: rgba(0, 0, 0, 0.45);
}

.page4-cnt .page-shadow {
	background: rgba(0, 0, 0, 0.6);
}

.page5-cnt .page-shadow {
	background: rgba(0, 0, 0, 0.5);
}

.page6-cnt .page-shadow {
	background: rgba(0, 0, 0, 0.8);
	/* Размытие изображения! */
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.page-header {
	left: 0;
	z-index: 100;
	width: 100%;
	padding: 0 210px 0 178px;
}

.page-header-cnt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.page-header-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

.page-header-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	max-width: 302px;
}

.header-menu {
	position: relative;
}

.header-menu span {
	display: block;
	height: 2px;
	background-color: #fff;
}

.header-menu span:first-child {
	width: 25px;
	margin-bottom: 6px;
}

.header-menu span:nth-child(2) {
	width: 13px;
	margin-bottom: 6px;
}

.header-menu span:last-child {
	width: 30px;
}

.header-menu-click {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.label-for-call {
	font-size: 12px;
	font-weight: 600;
	line-height: 21.79px;
	letter-spacing: 0.1em;
	color: rgb(255, 255, 255);
	cursor: pointer;
}
.icone-call {
	cursor: pointer;
}
.icone-call img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.icone-call .orderCall-close {
	display: none;
}

.header-line-cnt {
	position: absolute;
	z-index: 100;
	width: 100%;
	left: 0;
}
.icone-call {
	position: relative;
	width: 80px;
	height: 80px;
	z-index: 100;
}

.header-line {
	height: 1px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.25);
}

.page-left-panel {
	position: absolute;
	top: 0;
	z-index: 100;
	padding: 34px 0 80px 0;
	overflow: hidden;
}

.social {
	margin: 7.5px;
	overflow: hidden;
	/* border: 2px solid #000; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.wts img {
	width: 25px;
}

.vk img {
	width: 27px;
}

.page1-brend {
	position: absolute;
}

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

.left-panel-text {
	font-family: Roboto;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.695em;
	color: rgba(255, 255, 255, 0.5);
	height: 21px;
}

.form-message {
	bottom: 0;
	right: 0;
	background: rgb(255, 255, 255);
	font-family: OpenSans;
}

.form-message-cnt {
	position: relative;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: -20px;
}

.form__input-box {
	position: relative;
}

.form__input-box input {
	position: relative;
	display: block;
	background-color: #fff;
	border: 0px solid transparent;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	color: #000;
	text-transform: none;
	margin-top: 15px;
}

.form__input-box input::-webkit-input-placeholder {
	text-transform: none;
	font-weight: 400;
	line-height: 24.51px;
	color: #000;
	position: absolute;
	left: 0;
}

.form__input-box input::-moz-placeholder {
	text-transform: none;
	font-weight: 400;
	line-height: 24.51px;
	color: #000;
	position: absolute;
	left: 0;
}

.form__input-box input:-ms-input-placeholder {
	text-transform: none;
	font-weight: 400;
	line-height: 24.51px;
	color: #000;
	position: absolute;
	left: 0;
}

.form__input-box input::-ms-input-placeholder {
	text-transform: none;
	font-weight: 400;
	line-height: 24.51px;
	color: #000;
	position: absolute;
	left: 0;
}

.form__input-box input::placeholder {
	text-transform: none;
	font-weight: 400;
	line-height: 24.51px;
	color: #000;
	position: absolute;
	left: 0;
}

.error {
	position: absolute;
	left: 0;
	bottom: -20px;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	color: rgb(255, 66, 66);
	text-transform: none;
	z-index: 300;
	display: none;
}

.error.active {
	display: block;
}

.btn {
	background-color: #fff;
	border: 0px solid transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
	max-width: 500px;
}

/* Базовый стиль: белое */
.btn div {
	font-weight: 600;
	letter-spacing: 0.45em;
	color: #ffffff;
}

/* Исключение: внутри .form-message-btn текст будет черным */
.form-message-btn div {
	color: #000000;
}

.btn img {
	display: block;
}

.hover-mess {
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: none;
	z-index: 301;
}

.hover-mess-cnt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
}

.hover-mess-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 65px;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.hover-mess-title p {
	font-family: BrunoAce;
	text-transform: none;
}

.hover-mess-text p {
	font-size: 16px;
	line-height: 30px;
	color: #000;
	text-transform: none;
	margin-top: 20px;
}

.hover-mess-title p.page6 {
	font-size: 24px;
	line-height: 32.68px;
	color: rgb(0, 0, 0);
}

.no-webp .page3-1 {
	background: url("/img/kitchen-tap-black-sink-elegant-interior-dark-tones.jpg") 50% / cover no-repeat;
}

.page3-1 {
	z-index: 100;
	width: 100%;
}

.no-webp .page3-2 {
	background: url("/img/working-from-home-ergonomic-workstation.jpg") 50% / cover no-repeat;
}

.page3-2 {
	z-index: 100;
	width: 100%;
}

.page3-cnt .top,
.page3-cnt .bottom {
	position: absolute;
	left: 0;
	height: 3px;
}

.page3-cnt .top {
	top: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.page3-cnt .bottom {
	bottom: 0;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

.no-webp .page3-3 {
	background: url("/img/creative-fengshui-practice-bedroom-arrangement.jpg") 50% / cover no-repeat;
}

.page3-3 {
	z-index: 1000;
	width: 100%;
}

.page3-cnt .page-shadow {
	background: rgba(0, 0, 0, 0.65);
}

.page3-1-cnt,
.page3-2-cnt,
.page3-3-cnt {
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.page3-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	width: 108px;
}

.page3-title p {
	position: relative;
	font-family: BrunoAce;
	z-index: 100;
}

.page3-title img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	height: 240px;
	z-index: 50;
}

.page3-titlle-wrapper .text {
	display: none;
}

.page3-content {
	display: none;
}

.hover-page3 .page-shadow {
	background: rgba(0, 0, 0, 0.5);
}

.hover-page3 .page3-titlle-wrapper {
	width: 100%;
	max-width: 770px;
	margin-left: 35px;
	margin-right: 35px;
}

.hover-page3 .page3-title img {
	opacity: 1;
}

.hover-page3 .page3-titlle-wrapper .text {
	height: 210px;
}

.hover-page3 .page3-content {
	display: block;
	margin-left: 20px;
}

.hover-page3 .page3-content-gallery,
.hover-page3 .page3-content-service {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 314px;
}

.hover-page3 .page3-content-gallery p {
	color: rgb(255, 255, 254);
	font-size: 20px;
	line-height: 27.24px;
	letter-spacing: 0.45em;
	font-weight: 600;
}

.page4-wrapper-content-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}

.page4-content-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	max-width: 1320px;
}

.page4-servise-text {
	left: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	font-family: Roboto;
	font-weight: 700;
	letter-spacing: 0.3em;
}

.yardage {
	position: relative;
	width: 235px;
	height: 235px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 235px;
	flex: 0 0 235px;
}

.yardage svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	stroke-dasharray: 738;
	stroke-dashoffset: 600;
	-webkit-transform: rotate(180deg) translate(50%, 50%);
	-ms-transform: rotate(180deg) translate(50%, 50%);
	transform: rotate(180deg) translate(50%, 50%);
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}

.page4-ellipse-point1,
.page4-ellipse-point2 {
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page4-ellipse-point1 {
	background: rgb(255, 255, 254);
	width: 8px;
	height: 8px;
}

.page4-ellipse-point2 {
	width: 46px;
	height: 46px;
	-webkit-transform: rotate(67.317deg) translate(-50%, -50%);
	-ms-transform: rotate(67.317deg) translate(-50%, -50%);
	transform: rotate(67.317deg) translate(-50%, -50%);
	-webkit-transform-origin: 0 117.5px;
	-ms-transform-origin: 0 117.5px;
	transform-origin: 0 117.5px;
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}

.yardage .text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	width: 200px;
	height: 100px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.yardage .text input {
	background: transparent;
	font-family: BrunoAce;
	font-size: 64px;
	font-weight: 400;
	text-align: center;
	width: 200px;
}

.yardage .text input::-webkit-input-placeholder {
	color: #fff;
}

.yardage .text input::-moz-placeholder {
	color: #fff;
}

.yardage .text input:-ms-input-placeholder {
	color: #fff;
}

.yardage .text input::-ms-input-placeholder {
	color: #fff;
}

.yardage .text input::placeholder {
	color: #fff;
}

.yardage .page4-m2 {
	position: absolute;
	top: -16px;
	left: 50%;
	-webkit-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	font-size: 24px;
}

.page4-m2 p {
	position: relative;
	text-transform: lowercase;
}

.page4-m2 span {
	display: block;
	position: absolute;
	top: 1px;
	right: -3px;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	font-size: 14px;
}

.page4-service-money-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
}

.page4-class-service {
	margin: 0 24px;
	position: relative;
}

.page4-service-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.line1,
.line2,
.line3,
.line4 {
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
	margin: 0 3.5px;
}

.ellipse1,
.ellipse2,
.ellipse3 {
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0 3.5px;
}

.ellipse1::before,
.ellipse2::before,
.ellipse3::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 50%;
}

.ellipse1 .text,
.ellipse2 .text,
.ellipse3 .text {
	cursor: pointer;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	font-family: BrunoAce;
	font-weight: 400;
	top: -30px;
}

.page4-money {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.number {
	font-family: BrunoAce;
	font-size: 64px;
	font-weight: 400;
	margin: 0 30px;
	font-size-adjust: 0.5;
}

.currency {
	font-size: 24px;
	letter-spacing: 0.1em;
	text-transform: lowercase;
}

.click-service-page4.ellipse0 {
	border: 1px solid rgb(255, 255, 254);
}

.hover-service-page4.ellipse0 .text,
.click-service-page4.ellipse0 .text {
	color: rgb(255, 255, 254);
	top: -31px;
}

.ellipse0 .text:active {
	top: -30px;
}

.click-service-page4.ellipse0::before {
	background-color: rgb(255, 255, 254);
}

.click-service-page4 + .line0,
.click-service-page4.line0 {
	background-color: rgb(255, 255, 254);
}

.page5-cnt .page-shadow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}

.page5-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.page5-contentText {
	font-family: Roboto;
	font-weight: 700;
	letter-spacing: 0.3em;
}

.page5-steps {
	width: 235px;
	height: 235px;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 235px;
	flex: 0 0 235px;
	margin: 0 20px;
	z-index: 50;
}

.page5-steps svg {
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	stroke-dasharray: 738;
	stroke-dashoffset: 492;
	-webkit-transform: rotate(180deg) translate(50%, 50%);
	-ms-transform: rotate(180deg) translate(50%, 50%);
	transform: rotate(180deg) translate(50%, 50%);
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}

.page5-ellipse-point {
	cursor: pointer;
	width: 46px;
	height: 46px;
	position: absolute;
	top: 0;
	left: 50%;
	/* transform: translate(-50%, -50%); */
	-webkit-transform-origin: 0 117.5px;
	-ms-transform-origin: 0 117.5px;
	transform-origin: 0 117.5px;
	-webkit-transition: all 1s linear 0s;
	transition: all 1s linear 0s;
}

.page5-ellipse-point::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.page5-ellipse-point1 {
	-webkit-transform: rotate(0deg) translate(-50%, -50%);
	-ms-transform: rotate(0deg) translate(-50%, -50%);
	transform: rotate(0deg) translate(-50%, -50%);
}

.page5-ellipse-point2 {
	-webkit-transform: rotate(60deg) translate(-50%, -50%);
	-ms-transform: rotate(60deg) translate(-50%, -50%);
	transform: rotate(60deg) translate(-50%, -50%);
}

.page5-ellipse-point3 {
	-webkit-transform: rotate(120deg) translate(-50%, -50%);
	-ms-transform: rotate(120deg) translate(-50%, -50%);
	transform: rotate(120deg) translate(-50%, -50%);
}

.page5-ellipse-point4 {
	-webkit-transform: rotate(180deg) translate(-50%, -50%);
	-ms-transform: rotate(180deg) translate(-50%, -50%);
	transform: rotate(180deg) translate(-50%, -50%);
}

.page5-ellipse-point5 {
	-webkit-transform: rotate(240deg) translate(-50%, -50%);
	-ms-transform: rotate(240deg) translate(-50%, -50%);
	transform: rotate(240deg) translate(-50%, -50%);
}

.page5-ellipse-point6 {
	-webkit-transform: rotate(300deg) translate(-50%, -50%);
	-ms-transform: rotate(300deg) translate(-50%, -50%);
	transform: rotate(300deg) translate(-50%, -50%);
}

.page5-ellipse-point.page5-left-behind::before {
	background-color: rgb(255, 255, 254);
}

.page5-ellipse-point.page5-ellipse-click::before {
	background-color: rgb(255, 255, 254);
	width: 14px;
	height: 14px;
}

.page5-ellipse-point.page5-ellipse-click::after {
	content: "";
	display: block;
	border: 1px solid rgba(255, 255, 254, 0.5);
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.page5-ellipse-point.page5-ellipse-click span {
	content: "";
	display: block;
	border: 1px solid rgba(255, 255, 254, 0.2);
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.page5-number {
	cursor: pointer;
	height: 64px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page5-number-cnt {
	-webkit-transform: translateY(-128px);
	-ms-transform: translateY(-128px);
	transform: translateY(-128px);
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}

.page5-number p {
	font-family: BrunoAce;
	font-size: 64px;
	text-align: center;
}

.page5-stagesWork {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.page5-iconsWork {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 110px;
	flex: 1 0 110px;
	height: 110px;
	overflow: hidden;
	margin: 0 50px;
}

.page5-iconsWork-cnt {
	-webkit-transform: translateY(-220px);
	-ms-transform: translateY(-220px);
	transform: translateY(-220px);
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}

.page5-iconsWork p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 110px;
	height: 110px;
}

.page5-iconsWork p img {
	display: block;
}

.page5-typeWork {
	overflow: hidden;
}

.page5-typeWork-cnt {
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}

.page5-typeWork p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 600;
	line-height: 49.03px;
}

.page5-textWork {
	max-width: 441px;
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
	margin: 0 25px;
}

.page6-cnt .page-shadow {
	width: 100%;
}

.page6-flex-up {
	width: 100%;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	position: relative;
}

.border-hor {
	position: absolute;
	z-index: 100;
	left: 0;
}

.border-hor.top {
	top: 0;
}

.border-hor.center {
	top: 50%;
}

.border-hor.bottom {
	bottom: 0;
}

.page6-card {
	position: relative;
}

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

.page6-card .left,
.page6-card .right {
	position: absolute;
	top: 0;
	height: 100%;
	width: 3px;
}

.page6-card .left {
	left: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.page6-card .right {
	right: 0;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
}

.border-hor-card {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.page6-flex-down {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	width: 100%;
}

.page6-card-shadow {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1.7) 100%);
}

.page6-card-shadow p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-weight: 600;
	line-height: 40px;
	text-align: center;
}

.page6-appliances-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.page6-appliances {
	height: 100%;
}

.page6-service-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.page6-service {
	height: 100%;
}

.page6-furniture-batton {
	display: none;
}

.menu {
	position: fixed;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100vw;
	height: 100vh;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
}

.menu-upBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}

.menu-upBlock-text {
	cursor: pointer;
	background-color: transparent;
	width: 100%;
}

.menu-upBlock-text .hover-arrow {
	display: none;
	width: 16px;
	height: 16px;
	object-fit: contain;
	flex-shrink: 0;
}

.shadow {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.menu-upBlock-text p {
	font-weight: 300;
	line-height: 40.85px;
	text-align: center;
	margin: 0 10px;
}

.menu-downBlock-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	left: 0;
	bottom: 0;
	width: 100%;
}

.menu-downBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff;
}

.menu-downBlock-flex1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

.menu-down-logo {
	flex-shrink: 0;
	margin-right: 16px;
}

.menu-down-logo img {
	display: block;
	width: 50px;
	height: 50px;
	object-fit: contain;
}

.menu-down-title {
	font-family: Roboto;
	font-weight: 300;
	line-height: 28.13px;
	color: #000;
}

.menu-down-arrow {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
}

.menu-downBlock-line {
	height: 1px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.15);
}

.menu-downBlock-flex2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 31px;
}

.menu-down-data {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.menu-down-data p {
	text-transform: none;
	color: #000;
	font-weight: 300;
	line-height: 30px;
	margin-left: 30px;
}

.menu-down-phone a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.menu-down-phone img {
	width: 21px;
}

.menu-downBlock-flex3 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.menu-down-social-wrapper {
	color: #000;
	width: 100%;
	max-width: 250px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 15px 0;
}

.menu.active-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.no-webp .aboutUs {
	background: url("/img/empty-modern-room-with-furniture.jpg") 50% / cover no-repeat;
}

.aboutUs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 98;
	display: none;
}

.aboutUs-shadow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	z-index: 98;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
}

.aboutUs-upBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.aboutUs-upBlock-left {
	position: relative;
	background-color: #fff;
}

.aboutUs-upBlock-left img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.aboutUs-upBlock-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
}

.aboutUs-upBlock-right-title {
	font-weight: 400;
	width: 100%;
	max-width: 937px;
}

.aboutUs-upBlock-right-textBlock {
	height: 100%;
}

.aboutUs-upBlock-right-textBlock-title {
	font-weight: 400;
	position: relative;
}

.aboutUs-upBlock-right-textBlock-title::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
}

.aboutUs-upBlock-right-textBlock-text {
	font-weight: 600;
	width: 100%;
	max-width: 900px;
}

.aboutUs-upBlock-right-textBlock-text span {
	font-weight: 600;
	color: rgb(255, 255, 254);
}

.aboutUs-line {
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.25);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 1px;
	flex: 0 0 1px;
}

.aboutUs-downBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.aboutUs-downBlock-link {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 600px;
}

.aboutUs-downBlock-text {
	font-weight: 600;
	letter-spacing: 0.45em;
	color: rgb(255, 255, 254);
}

.aboutUs-downBlock-arrow .line,
.aboutUs-downBlock-arrow .second {
	display: none;
}

.aboutUs.active {
	display: block;
}

.orderCall {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 98;
	display: none;
	background-color: rgba(0, 0, 0, 0.5);
}

.orderCall-cnt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	z-index: 98;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
}

.form-message-call {
	width: 500px;
}

.form__input-box-call {
	position: relative;
	height: 55px;
	width: 100%;
	margin-top: 15px;
}

.form__input-box-call input {
	height: 100%;
	width: 100%;
	background-color: transparent;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	text-transform: none;
}

.form__input-box-call input::-webkit-input-placeholder {
	position: absolute;
	text-transform: none;
	font-size: 18px;
	color: #fff;
	bottom: 20px;
}

.form__input-box-call input::-moz-placeholder {
	position: absolute;
	text-transform: none;
	font-size: 18px;
	color: #fff;
	bottom: 20px;
}

.form__input-box-call input:-ms-input-placeholder {
	position: absolute;
	text-transform: none;
	font-size: 18px;
	color: #fff;
	bottom: 20px;
}

.form__input-box-call input::-ms-input-placeholder {
	position: absolute;
	text-transform: none;
	font-size: 18px;
	color: #fff;
	bottom: 20px;
}

.form__input-box-call input::placeholder {
	position: absolute;
	text-transform: none;
	font-size: 18px;
	color: #fff;
	bottom: 20px;
}

.form-call-btn {
	background-color: transparent;
}

.wrapper.call .orderCall {
	display: block !important;
}

.wrapper.call .page-header {
	z-index: 101;
}

.wrapper.call .orderCall-close {
	display: block !important;
}

.wrapper.call .icone-call img:not(.orderCall-close) {
	display: none !important;
}

.wrapper.call .icone-call img[src*="white-ellipse"] {
	z-index: 10;
}

.wrapper.call .icone-call img[src*="orderCall-x"] {
	z-index: 20;
	display: block !important;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.wrapper.call .header-menu,
.wrapper.call .header-phone {
	display: none;
}

input.active {
	border-bottom: 1px solid rgb(255, 66, 66);
}

.thankYou {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 98;
	display: none;
}

.thankYou-cnt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	z-index: 98;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
}

.thankYou-upBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	margin-top: 50vh;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.thank-you-title {
	max-width: 500px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 50px;
}

.thank-you-text {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	text-transform: none;
}

.thankYou-downBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: calc(25vh - 165px);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	max-width: 600px;
}

.thankYou-downBlock-text {
	font-weight: 600;
	letter-spacing: 0.45em;
	color: rgb(255, 255, 254);
}

.wrapper.thank .thankYou {
	display: block;
}

.wrapper.thank .page-header {
	display: none;
}

.gallery {
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	background-color: #000;
}

.no-webp .swiper-elite-slaid1 {
	background: url("/img/kitchen-with-table-chairs-table-with-food-it.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-elite-slaid2 {
	background: url("/img/brick-wall-with-bunch-kitchen-furniture-brick-wall.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-elite-slaid3 {
	background: url("/img/modern-luxury-design-brutal-apartment-interior-with-arches-style-medieval-castle-with-bright-accents-stylish-gray-kitchen-area-with-island-cooking-spending-time.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-elite-slaid4 {
	background: url("/img/futuristic-bathroom-corner-mirrors-glass-sink.jpg") 50% / cover no-repeat;
}

.swiper-gallery-shadow {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}

.gallery-block-arrows {
	position: absolute;
	bottom: 44px;
	left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	z-index: 50;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	max-width: 1130px;
}

.gallery-right-arrows,
.gallery-left-arrows {
	border-radius: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: 100%;
	max-width: 300px;
}
.gallery-right-arrows:active,
.gallery-left-arrows:active {
	background: rgb(255, 255, 254);
}
.gallery-arrows-click::after {
	display: none;
}

.gallery-arrows-wector-left {
	margin-right: 10px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 34px;
	flex: 0 0 34px;
}

.gallery-arrows-wector-right {
	margin-left: 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 34px;
	flex: 0 0 34px;
}

.gallery-arrows-line {
	height: 1px;
	/* width: 100%; */
	/* max-width: 260px; */
	background-color: rgba(255, 255, 255, 0.25);
	-webkit-box-flex: 1;
	-ms-flex: 1 1 260px;
	flex: 1 1 260px;
}

.gallery-counter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	position: relative;
}

.gallery-counter-current-page {
	position: absolute;
	right: 0;
	top: 10px;
	font-family: BrunoAce;
	color: rgb(255, 255, 254);
}

.gallery-counter-total-pages {
	position: absolute;
	bottom: 5px;
	font-family: BrunoAce;
}

.gallery-arrows-click {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 0;
}

.galleru-return {
	position: absolute;
	z-index: 50;
}

.gallery-return-cnt {
	display: none;
}

.gallery-cross-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 40px;
	height: 40px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.gallery-cross {
	width: 21px;
	height: 21px;
}

.gallery.active {
	display: block;
}

.no-webp .swiper-vip-slaid1 {
	background: url("/img/luxurious-modern-loft-apartment-with-elegant-design-generated-by-ai.webp") 50% / cover no-repeat;
}

.no-webp .swiper-vip-slaid2 {
	background: url("/img/living-room-background-zoom-calls.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-vip-slaid3 {
	background: url("/img/empty-modern-room-with-furniture.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-vip-slaid4 {
	background: url("/img/loft-style-modern-apartment-with-grey-design-sofa-coffee-table-bookstand-pedant-lamp-carpet.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-vip-slaid5 {
	background: url("/img/loft-style-modern-apartment-with-grey-design-sofa-coffee-table-bookstand-pedant-lamp-carpet.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-vip-slaid6 {
	background: url("/img/loft-style-modern-apartment-with-grey-design-sofa-coffee-table-bookstand-pedant-lamp-carpet.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-extra-slaid1 {
	background: url("/img/modern-industrial-loft-bedroom-with-exposed-brick-walls-large-windows.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-extra-slaid2 {
	background: url("/img/stylish-modern-designer-armchair.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-extra-slaid3 {
	background: url("/img/bedroom-decor-home-interior-design-industrial-urban-style-with-exposed-brick-wall-decorated-with-concrete-metal-material-generative-ai-aig26.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-extra-slaid4 {
	background: url("/img/wooden-table-with-metal-legs-with-wooden-wall.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-extra-slaid5 {
	background: url("/img/wooden-table-with-metal-legs-with-wooden-wall.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-extra-slaid6 {
	background: url("/img/reclaimed-wooden-coffee-table-with-iron-legs-living-room.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-extra-slaid7 {
	background: url("/img/minimalist-black-coffee-table-room-lights.jpg") 50% / cover no-repeat;
}

.no-webp .swiper-extra-slaid8 {
	background: url("/img/sleek-industrial-style-wooden-table-with-metal-base-modern-loft-apartment-interior-modern-loft-featuring-stylish-wooden-table-with-metal-base-contemporary-design.jpg") 50% / cover no-repeat;
}

.webp .page1-cnt {
	background: url("/img/urban-industrial-loft-interior-with-modern-furniture-artistic-decor-product-mockup-wall-art-fron.webp") 50% / cover no-repeat;
}

.webp .page2-cnt {
	background: url("/img/luxurious-modern-loft-apartment-with-elegant-design-generated-by-ai.webp") 50% / cover no-repeat;
}
.webp .page4-cnt {
	background: url("/img/magnific_industrial-loft-style-met_wPuWhWG7EI.webp") 50% / cover no-repeat;
}
.webp .page5-cnt {
	background: url("/img/interior-design-neoclassical-style-with-furnishings-decor.webp") 50% / cover no-repeat;
}
.webp .page6-cnt {
	background: url("/img/spacious-industrial-loft-features-exposed-brick-walls-large-windows-wooden-beams-creating-warm-inviting-atmosphere-stylish-furniture-decor-enhance-modern-aesthetic.webp") 50% / cover no-repeat;
}
.webp .page3-1 {
	background: url("/img/kitchen-tap-black-sink-elegant-interior-dark-tones.webp") 50% / cover no-repeat;
}
.webp .page3-2 {
	background: url("/img/working-from-home-ergonomic-workstation.webp") 50% 0 / cover no-repeat;
}
.webp .page3-3 {
	background: url("/img/creative-fengshui-practice-bedroom-arrangement.webp") 50% 0 / cover no-repeat;
}
.webp .aboutUs {
	background: url("/img/empty-modern-room-with-furniture.webp") 0 0 / contain no-repeat;
}
.webp .swiper-elite-slaid1 {
	background: url("/img/kitchen-with-table-chairs-table-with-food-it.webp") 50% / cover no-repeat;
}
.webp .swiper-elite-slaid2 {
	background: url("/img/brick-wall-with-bunch-kitchen-furniture-brick-wall.webp") 50% / cover no-repeat;
}
.webp .swiper-elite-slaid3 {
	background: url("/img/modern-luxury-design-brutal-apartment-interior-with-arches-style-medieval-castle-with-bright-accents-stylish-gray-kitchen-area-with-island-cooking-spending-time.webp") 50% / cover no-repeat;
}
.webp .swiper-elite-slaid4 {
	background: url("/img/futuristic-bathroom-corner-mirrors-glass-sink.webp") 50% / cover no-repeat;
}
.webp .swiper-vip-slaid1 {
	background: url("/img/luxurious-modern-loft-apartment-with-elegant-design-generated-by-ai.webp") 50% / cover no-repeat;
}
.webp .swiper-vip-slaid2 {
	background: url("/img/living-room-background-zoom-calls.webp") 50% / cover no-repeat;
}
.webp .swiper-vip-slaid3 {
	background: url("/img/empty-modern-room-with-furniture.webp") 50% / cover no-repeat;
}
.webp .swiper-vip-slaid4 {
	background: url("/img/loft-style-modern-apartment-with-grey-design-sofa-coffee-table-bookstand-pedant-lamp-carpet.webp") 50% / cover no-repeat;
}
.webp .swiper-vip-slaid5 {
	background: url("/img/loft-style-modern-apartment-with-grey-design-sofa-coffee-table-bookstand-pedant-lamp-carpet.webp") 50% / cover no-repeat;
}
.webp .swiper-vip-slaid6 {
	background: url("/img/loft-style-modern-apartment-with-grey-design-sofa-coffee-table-bookstand-pedant-lamp-carpet.webp") 50% / cover no-repeat;
}
.webp .swiper-extra-slaid1 {
	background: url("/img/modern-industrial-loft-bedroom-with-exposed-brick-walls-large-windows.webp") 50% / cover no-repeat;
}
.webp .swiper-extra-slaid2 {
	background: url("/img/stylish-modern-designer-armchair.webp") 50% / cover no-repeat;
}
.webp .swiper-extra-slaid3 {
	background: url("/img/bedroom-decor-home-interior-design-industrial-urban-style-with-exposed-brick-wall-decorated-with-concrete-metal-material-generative-ai-aig26.webp") 50% / cover no-repeat;
}
.webp .swiper-extra-slaid4 {
	background: url("/img/wooden-table-with-metal-legs-with-wooden-wall.webp") 50% / cover no-repeat;
}
.webp .swiper-extra-slaid5 {
	background: url("/img/wooden-table-with-metal-legs-with-wooden-wall.webp") 50% / cover no-repeat;
}
.webp .swiper-extra-slaid6 {
	background: url("/img/reclaimed-wooden-coffee-table-with-iron-legs-living-room.webp") 50% / cover no-repeat;
}
.webp .swiper-extra-slaid7 {
	background: url("/img/minimalist-black-coffee-table-room-lights.webp") 50% / cover no-repeat;
}
.webp .swiper-extra-slaid8 {
	background: url("/img/sleek-industrial-style-wooden-table-with-metal-base-modern-loft-apartment-interior-modern-loft-featuring-stylish-wooden-table-with-metal-base-contemporary-design.webp") 50% / cover no-repeat;
}
/* * ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 768px) {
	body.stop {
		overflow: hidden;
	}
	.wrapper.stop {
		overflow: hidden;
	}
	.page4-cnt-after {
		display: block;
	}
	.page-slider {
		display: none;
	}
	.page1-cnt,
	.page3-0,
	.page4-cnt,
	.page5-cnt,
	.page6-cnt {
		position: relative;
		background-attachment: scroll;
	}
	.page1-cnt {
		height: calc(480px + 96 * (100vw - 320px) / 448);
		width: 100%;
	}
	.page4-cnt,
	.page5-cnt {
		height: calc(540px + 180 * (100vw - 320px) / 448);
	}
	.page6-cnt {
		height: 1152px;
	}
	.page-header {
		top: 10px;
		padding-right: 0px;
		padding-left: 0;
		position: fixed;
		left: 0;
		right: 0;
		width: 100%;
		margin-top: 0 !important;
		z-index: 110;
	}
	.page-header-left {
		max-width: 30px;
		margin-right: 10px;
		margin-left: calc(90px + 30 * (100vw - 320px) / 448);
	}
	.header-menu-click {
		z-index: 110;
	}

	.header-phone {
		display: none;
	}
	.icone-call {
		width: calc(60px + 20 * (100vw - 320px) / 448);
		height: calc(60px + 20 * (100vw - 320px) / 448);
		position: relative;
		overflow: hidden;
	}
	.icone-call img {
		width: calc(80px + 20 * (100vw - 320px) / 448);
		height: calc(80px + 20 * (100vw - 320px) / 448);
	}
	.icone-call img[src*="header-phone"] {
		filter: brightness(0) invert(1);
	}
	.wrapper.call .icone-call img[src*="orderCall-x"] {
		width: calc(18px + 8 * (100vw - 320px) / 448) !important;
		height: calc(18px + 8 * (100vw - 320px) / 448) !important;
		min-width: 18px;
		min-height: 18px;
	}
	.icone-call .orderCall-close {
		width: calc(45px + 15 * (100vw - 320px) / 448);
		height: calc(45px + 15 * (100vw - 320px) / 448);
	}
	.icone-call .orderCall-close:last-child {
		width: calc(15px + 10 * (100vw - 320px) / 448);
		height: calc(15px + 10 * (100vw - 320px) / 448);
	}
	.header-line-cnt {
		top: calc(79px + 20 * (100vw - 320px) / 448);
		padding: 0;
		position: fixed;
		left: 0;
		right: 0;
		margin-top: 0 !important;
		z-index: 109;
	}
	.page-left-panel {
		padding-top: calc(18px + 4 * (100vw - 320px) / 448);
		left: 0;
		width: 80px;
		height: auto;
		padding-bottom: 0;
		position: fixed;
		margin-top: 0 !important;
		z-index: 110;
	}
	.wrapper:not(.thank) .page-header.no-display,
	.wrapper:not(.thank) .page-left-panel.no-display,
	.wrapper:not(.thank) .header-line-cnt.no-display {
		display: block !important;
	}
	.page-left-panel-cnt {
		display: block;
		height: auto;
		width: 100px;
	}
	.page-left-panel-up {
		display: block;
		height: auto;
	}
	.left-panel-logo {
		margin-left: calc(23px + 2 * (100vw - 320px) / 448);
		width: calc(40px + 10 * (100vw - 320px) / 448);
		height: calc(46px + 11 * (100vw - 320px) / 448);
	}
	.left-panel-logo img {
		width: 100%;
		height: 100%;
	}
	.left-panel-line {
		display: none;
	}
	.left-panel-social {
		display: none;
	}
	.form-message {
		-webkit-transform: scale(100%) translate(0%, 0%);
		-ms-transform: scale(100%) translate(0%, 0%);
		transform: scale(100%) translate(0%, 0%);
		width: 100%;
		height: calc(240px + 160 * (100vw - 320px) / 448);
		position: relative;
		z-index: 10;
		overflow: hidden;
	}
	.form-message-cnt {
		margin-top: -20px;
	}

	.form__input-box input {
		height: calc(50px + 29 * (100vw - 320px) / 448);
		width: calc(240px + 280 * (100vw - 320px) / 448);
	}
	.form__input-box input::-webkit-input-placeholder {
		top: auto;
		font-size: calc(14px + 4 * (100vw - 320px) / 448);
		bottom: calc(12px + 8 * (100vw - 320px) / 448);
	}
	.form__input-box input::-moz-placeholder {
		top: auto;
		font-size: calc(14px + 4 * (100vw - 320px) / 448);
		bottom: calc(12px + 8 * (100vw - 320px) / 448);
	}
	.form__input-box input:-ms-input-placeholder {
		top: auto;
		font-size: calc(14px + 4 * (100vw - 320px) / 448);
		bottom: calc(12px + 8 * (100vw - 320px) / 448);
	}
	.form__input-box input::-ms-input-placeholder {
		top: auto;
		font-size: calc(14px + 4 * (100vw - 320px) / 448);
		bottom: calc(12px + 8 * (100vw - 320px) / 448);
	}
	.form__input-box input::placeholder {
		top: auto;
		font-size: calc(14px + 4 * (100vw - 320px) / 448);
		bottom: calc(12px + 8 * (100vw - 320px) / 448);
	}
	.btn {
		width: calc(240px + 280 * (100vw - 320px) / 448);
		margin-top: calc(10px + 22 * (100vw - 320px) / 448);
	}
	.btn div {
		text-align: left;
		font-size: calc(14px + 6 * (100vw - 320px) / 448);
		line-height: 19.07px;
	}
	.btn img {
		width: calc(100px + 40 * (100vw - 320px) / 448);
	}
	.form-message .hover-mess {
		display: none;
	}
	.form-message2,
	.form-message3 {
		display: block;
	}
	.page1-brend {
		z-index: 10;
		width: 100%;
		padding: 0 40px;
		top: calc(106px + 34 * (100vw - 320px) / 448);
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		height: calc(268px + 115.48 * (100vw - 320px) / 448);
	}
	.page1-brend img {
		width: 100%;
	}
	.left-panel-text {
		width: 370px;
		-webkit-transform: rotate(0deg) translateX(-50%);
		-ms-transform: rotate(0deg) translateX(-50%);
		transform: rotate(0deg) translateX(-50%);
		position: absolute;
		top: 0;
		left: 50%;
		padding: 0;
		margin: 0;
	}
	.page3-cnt {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		height: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		z-index: 10;
		overflow: hidden;
	}
	.page3-0 {
		height: calc(160px + 32 * (100vw - 320px) / 448);
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-webkit-transition: height 0.3s ease 0s;
		transition: height 0.3s ease 0s;
	}
	.page3-0 .page-shadow {
		overflow: hidden;
	}
	.page3-cnt .left {
		display: none;
	}
	.page3-cnt .top,
	.page3-cnt .bottom {
		display: block;
	}
	.page3-title p {
		font-size: calc(24px + 12 * (100vw - 320px) / 448);
	}
	.page3-title img {
		width: calc(81px + 27 * (100vw - 320px) / 448);
	}
	.page3-content-gallery img {
		width: calc(120px + 15 * (100vw - 320px) / 448);
		height: 21px;
	}
	.hover-page3 {
		height: calc(480px + 96 * (100vw - 320px) / 448);
	}
	.hover-page3 .page3-0-cnt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		padding: 0 calc(20px + 89 * (100vw - 320px) / 448);
	}
	.hover-page3 .page3-titlle-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		margin-top: calc(67px + 12 * (100vw - 320px) / 448);
	}
	.hover-page3 .page3-title {
		position: relative;
	}
	.hover-page3 .page3-title p {
		color: rgb(255, 255, 254);
		margin-bottom: 100px;
	}
	.hover-page3 .page3-title img {
		position: absolute;
		top: calc(10px + 2 * (100vw - 320px) / 448);
		left: 172px;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
	}
	.menu-down-arrow {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
	}
	.hover-page3 .page3-titlle-wrapper .text {
		display: block;
		font-weight: 600;
		text-align: center;
		margin: 0;
		margin-top: -20px;
		font-size: calc(14px + 2 * (100vw - 320px) / 448);
		max-width: 100%;
		line-height: 24px;
	}
	.hover-page3 .page3-content-gallery {
		margin-top: 20px;
		margin-bottom: 80px;
	}
	.page4-wrapper-content-block {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 100%;
	}
	.page4-content-block {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 40px 0 0 0;
	}
	.page4-servise-text {
		position: relative;
		z-index: 50;
		text-align: center;
		top: 0;
		margin-bottom: 10px;
		max-width: 500px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: end;
		font-size: calc(14px + 4 * (100vw - 320px) / 448);
		line-height: calc(16.41px + 4.68 * (100vw - 320px) / 448);
		padding: 0 40px;
		height: 45px;
	}
	.page4-m2 p {
		height: 24px;
	}
	.page4-m2 span {
		height: 14px;
	}
	.page4-service-money-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		height: auto;
		width: 100%;
		padding: 0 20px;
	}
	.page4-class-service {
		margin-top: 86px;
		width: 100%;
		max-width: 569px;
	}
	.page4-service-line {
		width: 100%;
		max-width: 569px;
	}
	.line0 {
		width: 100%;
		max-width: 100px;
	}
	.ellipse1,
	.ellipse2,
	.ellipse3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40px;
		flex: 0 0 40px;
	}
	.ellipse1 .text,
	.ellipse2 .text,
	.ellipse3 .text {
		font-size: calc(14px + 10 * (100vw - 320px) / 448);
		height: calc(14px + 10 * (100vw - 320px) / 448);
	}
	.page4-money {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 25px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: 100vw;
		height: 100px;
	}
	.vector {
		display: none;
	}
	.number {
		text-align: right;
		height: 96px;
	}
	.currency {
		margin-left: 30px;
		height: 24px;
	}
	.page5-content {
		margin-left: 0;
		margin-top: 40px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.page5-contentText {
		position: relative;
		top: 0;
		left: 0;
		text-align: center;
		font-size: calc(14px + 4 * (100vw - 320px) / 448);
		line-height: calc(16.41px + 4.68 * (100vw - 320px) / 448);
		max-width: 1000px;
		margin-bottom: 65px;
	}
	.page5-stagesWork {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: calc(0px + 35 * (100vw - 320px) / 448);
	}
	.page5-typeWork {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		height: 50px;
		margin: 15px 0;
	}
	.page5-typeWork-cnt {
		-webkit-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		transform: translateY(-100px);
	}
	.page5-typeWork p {
		height: 50px;
		width: auto;
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: calc(30px + 6 * (100vw - 510px) / 258);
	}
	.page5-vector {
		display: none;
	}
	.page6-cnt {
		background: #000;
	}
	.page6-cnt .page-shadow {
		padding: 0;
	}
	.flexUp-flexDown-wrapper {
		height: 100%;
	}
	.page6-flex-up {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: 66.67%;
	}
	.page6-flex-up .page6-card {
		width: 50%;
		height: 50%;
	}
	.page6-card-shadow,
	.page6-strim .page6-card-shadow {
		background-color: transparent;
	}
	.page6-appliances .page6-card-shadow,
	.page6-furniture .page6-card-shadow,
	.page6-service .page6-card-shadow {
		background: rgba(0, 0, 0, 0.4);
	}
	.page6-card-shadow p {
		display: block;
		font-size: calc(24px + 6 * (100vw - 320px) / 448);
	}
	.border-hor,
	.border-hor.top {
		display: block;
	}
	.page6-card .left,
	.page6-card .right {
		display: block;
	}
	.page6-strim.hover .left,
	.page6-furniture.hover .left,
	.page6-service.hover .left,
	.page6-strim.click .left,
	.page6-furniture.click .left,
	.page6-service.click .left,
	.page6-strim .left,
	.page6-furniture .left,
	.page6-service .left {
		display: none;
	}
	.page6-appliances.hover .right,
	.page6-service.hover .right,
	.page6-video.hover .right,
	.page6-appliances.click .right,
	.page6-service.click .right,
	.page6-video.click .right,
	.page6-appliances .right,
	.page6-service .right,
	.page6-video .right {
		display: none;
	}
	.page6-flex-down {
		position: relative;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		height: 33.33%;
	}
	.page6-appliances-wrapper {
		position: absolute;
		right: 0;
		top: -100%;
		width: 50%;
		height: 100%;
	}
	.page6-video .page6-card-img {
		-o-object-position: 50% 0;
		object-position: 50% 0;
	}
	.page6-appliances-before {
		display: none;
	}
	.page6-appliances {
		width: 100%;
	}
	.page6-service-wrapper {
		width: 100%;
		height: 100%;
	}
	.page6-service {
		width: 100%;
	}
	.wrapper-drive {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: fixed;
		left: 105vw;
		top: 0;
		height: 100vh;
		height: 100dvh;
		width: 100vw;
		background-color: rgba(0, 0, 0, 0.9);
		z-index: 3000;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transition: left 0.3s ease 0s;
		transition: left 0.3s ease 0s;
	}
	.drive {
		position: relative;
		height: calc(480px + 96 * (100vw - 320px) / 448);
		max-height: 100vh;
		padding: 0 calc(20px + 116 * (100vw - 320px) / 448);
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.hover-mess-cnt {
		margin: 0;
		padding: 0;
		max-width: 1000px;
	}
	.drive-close {
		position: absolute;
		width: calc(21px + 14 * (100vw - 320px) / 448);
		height: calc(21px + 14 * (100vw - 320px) / 448);
		right: calc(20px + 40 * (100vw - 320px) / 448);
		top: calc(20px + 40 * (100vw - 320px) / 448);
	}
	.drive-close-click {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 40px;
		height: 40px;
		z-index: 10;
	}

	.wrapper-drive.active {
		left: 0;
	}
	.drive.active-drive {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.menu {
		overflow: hidden;
	}
	.menu.active-menu {
		overflow: auto;
		background: rgba(0, 0, 0, 0.6);
	}
	.menu-upBlock-wrapper {
		width: 100%;
		height: calc(486px + 262 * (100vw - 320px) / 448);
		padding: 0;
	}
	.menu-upBlock {
		height: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-top: calc(80px + 20 * (100vw - 320px) / 448);
	}
	.menu-upBlock-text {
		height: 100%;
		margin: 0;
	}
	.menu-upBlock-text p {
		font-size: calc(18px + 12 * (100vw - 320px) / 448);
		max-width: 1000px;
	}
	.menu-upBlock-text .right,
	.menu-upBlock-text .left {
		display: none;
	}
	.menu-upBlock-text .border-hor {
		display: block;
	}
	.menu-downBlock-wrapper {
		position: relative;
		padding: 0;
	}
	.menu-downBlock {
		padding: 0 calc(30px + 30 * (100vw - 320px) / 448);
		width: auto;
	}
	.menu-downBlock-flex1 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: calc(35px + 30 * (100vw - 320px) / 448);
		margin-bottom: calc(12px + 10 * (100vw - 320px) / 448);
	}
	.menu-down-title {
		font-size: calc(14px + 10 * (100vw - 320px) / 448);
		letter-spacing: 0.6em;
		max-width: calc(245px + 210 * (100vw - 320px) / 448);
	}
	.menu-downBlock-flex2 {
		flex-wrap: wrap;
		row-gap: 20px;
		align-items: start;
		margin: 45px 0;
	}
	.menu-down-data {
		width: 50%;
	}
	.menu-down-adress,
	.menu-down-schedule {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
	}
	.menu-down-data p {
		max-width: 190px;
		font-size: calc(14px + 4 * (100vw - 320px) / 448);
	}
	.menu-downBlock-line2 {
		display: block;
	}
	.menu-downBlock-flex3 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.aboutUs.active {
		height: auto;
		overflow: auto;
	}
	.aboutUs-shadow {
		position: fixed;
		overflow: auto;
		padding: 0 calc(20px + 50 * (100vw - 320px) / 448);
	}
	.aboutUs-upBlock {
		padding-top: calc(100px + 30 * (100vw - 320px) / 448);
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.aboutUs-upBlock-right-title {
		font-size: calc(19px + 5 * (100vw - 511px) / 257);
		line-height: calc(25px + 5 * (100vw - 320px) / 448);
		margin: 0px 0 20px;
	}
	.aboutUs-upBlock-right-textBlock-title {
		font-size: calc(16px + 4 * (100vw - 320px) / 448);
		margin-bottom: 20px;
		line-height: 23px;
	}
	.aboutUs-upBlock-right-textBlock-title::before {
		left: -25px;
		top: 7px;
	}
	.aboutUs-upBlock-right-textBlock-text {
		margin-bottom: 5px;
		font-size: calc(14px + 2 * (100vw - 320px) / 448);
		line-height: 20px;
	}
	.aboutUs-upBlock-right-textBlock-text span {
		line-height: calc(17px + 3 * (100vw - 320px) / 448);
	}
	.aboutUs-line {
		margin: 20px 0;
	}
	.aboutUs-upBlock-left {
		width: 100%;
		max-width: 409px;
		height: 543px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
	}
	.aboutUs-upBlock-left img {
		width: 70%;
		height: auto;
	}
	.aboutUs-upBlock-right {
		margin-left: 40px;
		max-width: 600px;
	}
	.aboutUs-downBlock-link {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 20px;
	}
	.aboutUs-downBlock-text {
		font-size: calc(16px + 4 * (100vw - 320px) / 448);
		line-height: calc(21.79px + 5.45 * (100vw - 320px) / 448);
		margin-right: 20px;
	}
	.orderCall {
		position: fixed;
	}
	.gallery {
		position: fixed;
		z-index: 1000;
		height: 100%;
		height: 100dvh;
	}

	.swiper-gallery-slaid {
		height: 100dvh;
	}
	.gallery-block-arrows {
		padding: 0 calc(15px + 30 * (100vw - 320px) / 448);
	}
	.gallery-counter {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(105px + 56 * (100vw - 320px) / 448);
		flex: 0 0 calc(105px + 56 * (100vw - 320px) / 448);
		height: calc(78px + 35 * (100vw - 320px) / 448);
		margin: 0 calc(50px + -20 * (100vw - 320px) / 448);
	}
	.gallery-counter-current-page {
		font-size: calc(30px + 18 * (100vw - 320px) / 448);
	}
	.gallery-counter-total-pages {
		font-size: calc(16px + 8 * (100vw - 320px) / 448);
		left: calc(10px + 20 * (100vw - 320px) / 448);
	}
	.galleru-return {
		right: calc(10px + 20 * (100vw - 320px) / 448);
		top: calc(10px + 20 * (100vw - 320px) / 448);
	}
	.thankYou {
		position: fixed;
	}
	.thankYou-cnt {
		padding: 0 30px;
	}
	.thank-you-title {
		font-size: calc(24px + 12 * (100vw - 320px) / 448);
		line-height: calc(33px + 16.03 * (100vw - 320px) / 448);
	}
	.thankYou-downBlock {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: 20px;
		margin-right: 20px;
	}
	.thankYou-downBlock-text {
		font-size: calc(16px + 4 * (100vw - 320px) / 448);
		line-height: calc(21.79px + 5.45 * (100vw - 320px) / 448);
		margin-right: 20px;
	}
}
/* * ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 700px) {
	.menu-downBlock-flex1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.menu-down-logo {
		display: block;
		margin-right: 0;
		margin-bottom: 12px;
	}
	.menu-down-brand-row {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
	}
	.menu-down-title {
		display: none;
	}
	.menu-downBlock-flex2 {
		padding: 0;
		padding-left: 50px;
		padding-left: 175px;
		padding-left: calc(50px + 125 * (100vw - 401px) / 299);
	}
	.menu-down-data {
		width: 100%;
	}
	.menu-down-schedule p {
		max-width: 170px;
	}
	.aboutUs-downBlock-text {
		width: 220px;
	}
	.thankYou-downBlock-text {
		width: 220px;
	}
}
/* * ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 600px) {
	.page4-money {
		-webkit-transform: scale(75%);
		-ms-transform: scale(75%);
		transform: scale(75%);
		width: 130vw;
		max-width: 200vw;
		margin-top: 10px;
	}
	.currency {
		margin: 0;
	}
	.page5-contentText {
		max-width: 250px;
		margin-bottom: calc(-5px + 40 * (100vw - 320px) / 448);
		margin-bottom: 20px;
	}
}
/* * ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 510px) {
	.page-header-right {
		max-width: 80px;
	}
	.label-for-call {
		display: none;
	}
	.page1-brend {
		padding: 0 20px;
	}
	.left-panel-text {
		width: 228px;
		text-align: center;
	}
	.ellipse1,
	.ellipse2,
	.ellipse3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 31px;
		flex: 0 0 31px;
		height: 31px;
	}
	.page5-stagesWork {
		-webkit-transform: scale(67%);
		-ms-transform: scale(67%);
		transform: scale(67%);
		margin-top: 0px;
	}
	.page5-typeWork {
		width: 150%;
	}
	.page5-typeWork p {
		font-size: 36px;
	}
	.page5-textWork {
		margin: 0;
	}
	.page6-cnt {
		height: auto;
		/* display: none; */
	}
	.page6-cnt .page-shadow {
		position: relative;
	}
	.flexUp-flexDown-wrapper {
		overflow: hidden;
		height: calc(740px + 128 * (100vw - 320px) / 190);
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.page6-flex-down,
	.page6-flex-up {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto;
	}
	.page6-flex-up {
		z-index: 100;
	}
	.page6-flex-up .page6-card,
	.page6-flex-down .page6-card {
		width: 100%;
		height: calc(320px + 64 * (100vw - 320px) / 190);
	}
	.border-hor,
	.border-hor.top,
	.page6-card .left,
	.page6-card .right {
		display: none;
	}
	.border-hor-card {
		display: block;
	}
	.page6-appliances-wrapper {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
	}
	.page6-appliances {
		position: relative;
		width: 100%;
	}
	.page6-furniture-batton {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 30px;
	}
	.page6-furniture-batton span {
		font-size: 14px;
		font-weight: 600;
		line-height: 19.07px;
		letter-spacing: 0.45em;
		text-align: center;
		color: #fff;
	}
	.page6-furniture-batton img {
		display: block;
		width: 22.11px;
		margin-top: 10px;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
	.page6-button-click {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 15px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 150;
		/* border: 1px solid #000; */
	}
	.flexUp-flexDown-wrapper.page6-click {
		height: calc(1600px + 320 * (100vw - 320px) / 190);
	}
	.flexUp-flexDown-wrapper.page6-click .page6-furniture-batton img {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.menu-upBlock-text .border-hor {
		display: block;
	}
	.menu-down-schedule p {
		max-width: 150px;
	}
	.aboutUs-upBlock {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.aboutUs-upBlock-left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: 2000px;
		height: 50vw;
	}
	.aboutUs-upBlock-left img {
		width: 25%;
	}
	.aboutUs-upBlock-right {
		margin-left: 0;
	}
	.aboutUs-upBlock-right-title {
		margin: 20px 0;
		font-size: calc(18px + 6 * (100vw - 320px) / 448);
	}
	.aboutUs-upBlock-right-textBlock-title::before {
		position: relative;
		left: 0;
		top: 0;
		margin: 0px auto 10px;
	}
	.aboutUs-upBlock-right-textBlock-text {
		margin-bottom: 10px;
	}
	.aboutUs-downBlock-text {
		width: 205px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 205px;
		flex: 0 0 205px;
	}
	.aboutUs-downBlock-arrow {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		max-width: 136px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.aboutUs-downBlock-arrow .first {
		display: none;
	}
	.aboutUs-downBlock-arrow .line {
		display: block;
		height: 1px;
		width: 100%;
		margin-right: 2px;
		background-color: #fff;
	}
	.aboutUs-downBlock-arrow .second {
		display: block;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	.thank-you-text {
		max-width: 261px;
	}
	.thankYou-downBlock-text {
		width: 205px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 205px;
		flex: 0 0 205px;
	}
}
/* * ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 400px) {
	.hover-page3 .page3-content-gallery {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.hover-page3 .page3-content-gallery p {
		display: none;
	}
	.page4-wrapper-content-block {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.page4-content-block {
		margin-top: 50px;
	}
	.page4-servise-text {
		max-width: 310px;
		margin-bottom: -30px;
		height: 60px;
	}
	.yardage {
		-webkit-transform: scale(76.6%);
		-ms-transform: scale(76.6%);
		transform: scale(76.6%);
	}
	.yardage .text input {
		-webkit-transform: scale(90.6%);
		-ms-transform: scale(90.6%);
		transform: scale(90.6%);
	}
	.page4-service-money-wrapper {
		padding: 0 14px;
		margin-top: 30px;
	}
	.page4-class-service {
		margin: 0;
	}
	.page4-money {
		-webkit-transform: scale(47%);
		-ms-transform: scale(47%);
		transform: scale(47%);
		width: 200vw;
		max-width: 200vw;
		margin-top: 10px;
	}
	.ellipse1,
	.ellipse2,
	.ellipse3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 22.16px;
		flex: 0 0 22.16px;
		height: 22px;
	}
	.ellipse1::before,
	.ellipse2::before,
	.ellipse3::before {
		width: 4.43px;
		height: 4.43px;
	}
	.ellipse1 .text,
	.ellipse2 .text,
	.ellipse3 .text {
		z-index: 80;
		top: -10px;
	}
	.hover-service-page4.ellipse0 .text,
	.click-service-page4.ellipse0 .text {
		top: -11px;
	}
	.ellipse0 .text:active {
		top: -10px;
	}
	.page5-steps {
		-webkit-transform: scale(76.6%);
		-ms-transform: scale(76.6%);
		transform: scale(76.6%);
	}
	.page5-contentText {
		margin-bottom: calc(-5px + 40 * (100vw - 320px) / 448);
	}
	.page5-stagesWork {
		margin-top: -40px;
	}
	.page5-typeWork p {
		font-size: 30px;
	}
	.page5-textWork {
		max-width: 300px;
	}
	.menu-downBlock-flex1 {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
	}
	.menu-down-title {
		text-align: left;
	}
	.menu-down-arrow {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
	}
	.menu-downBlock-flex2 {
		padding: 0 calc(10px + 20 * (100vw - 320px) / 80);
		padding: 0;
	}
	.menu-downBlock-flex3 {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
	}
	.thankYou-downBlock-text,
	.aboutUs-downBlock-text {
		margin-right: 10px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 187px;
		flex: 0 0 187px;
	}
}
/* * ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (min-width: 769px) {
	.page4-cnt-after {
		display: none;
	}

	.page-slider.swiper-container {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
	}

	.page1-cnt {
		height: 100%;
	}

	.no-webp .page2-cnt {
		background: url("/img/luxurious-modern-loft-apartment-with-elegant-design-generated-by-ai.webp") 50% / cover no-repeat;
	}

	.page2-cnt {
		width: 100%;
		height: 100%;
		position: relative;
	}
	.page3-cnt {
		height: 100%;
	}

	.page4-cnt {
		height: 100%;
	}

	.page5-cnt {
		height: 100%;
	}

	.page6-cnt {
		height: 100%;
	}

	.swiper-container-vertical > .swiper-pagination-bullets {
		right: 115px;
		top: 50%;
		-webkit-transform: translate(0, -180px);
		-ms-transform: translate(0, -180px);
		transform: translate(0, -180px);
	}

	.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 14.25px 0;
	}

	.page-pagination {
		height: 200px;
		overflow: hidden;
	}

	.page-slider .swiper-pagination-bullet {
		position: relative;
		width: 25px;
		height: 25px;
		opacity: 1;
		background-color: transparent;
	}

	.swiper-pagination-bullet::after {
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		background-color: rgba(255, 255, 255, 0.3);
		position: absolute;
		-webkit-transform: translate(8px, 8px);
		-ms-transform: translate(8px, 8px);
		transform: translate(8px, 8px);
		border-radius: 50%;
	}

	.page-slider .swiper-pagination-bullet-active {
		border: 1px solid rgba(255, 255, 255, 0.3);
	}

	.page-slider .swiper-pagination-bullet-active::after {
		content: "";
		display: block;
		/* width: 25px;
			height: 25px; */
		background-color: rgb(255, 255, 254);
		position: absolute;
		border-radius: 50%;
	}

	.page2-cnt .page-shadow {
		background: rgba(0, 0, 0, 0.6);
	}

	.page-header {
		position: fixed;
		top: 20px;
	}

	.page-header-left {
		max-width: 332px;
		margin-right: 85px;
	}
	.phone {
		font-family: Roboto;
		font-size: 16px;
		font-weight: 500;
		line-height: 18.75px;
		letter-spacing: 0.1em;
		text-align: left;
		color: rgb(255, 255, 255);
	}
	.icone-call {
		width: 80px;
		height: 80px;
		position: relative;
	}

	.header-line-cnt {
		top: 119px;
		padding-left: 178px;
		padding-right: 178px;
	}

	.page-left-panel {
		left: 65px;
		width: 50px;
		height: 100%;
	}

	.page-left-panel-cnt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: 100%;
	}

	.page-left-panel-up {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: 100%;
		max-height: 474px;
	}

	.left-panel-line {
		width: 1px;
		height: 120px;
		background: rgba(255, 255, 255, 0.25);
		margin: 50px 0 10px 0;
	}

	.left-panel-social {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: 100%;
		max-height: 200px;
	}
	.page1-brend {
		top: 24.74vh;
		left: 16.35vw;
		z-index: 100;
		width: 689.84px;
		height: 383.48px;
	}

	.left-panel-text {
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		width: 400px;
		padding: 170px 0;
		margin-left: -12px;
	}
	.form-message {
		position: absolute;
		z-index: 100;
		width: 740px;
		height: 380px;
		overflow: hidden;
	}
	.form__input-box input {
		height: 64px;
		width: 500px;
	}
	.form__input-box input::-webkit-input-placeholder {
		bottom: 20px;
		font-size: 18px;
	}
	.form__input-box input::-moz-placeholder {
		bottom: 20px;
		font-size: 18px;
	}
	.form__input-box input:-ms-input-placeholder {
		bottom: 20px;
		font-size: 18px;
	}
	.form__input-box input::-ms-input-placeholder {
		bottom: 20px;
		font-size: 18px;
	}
	.form__input-box input::placeholder {
		bottom: 20px;
		font-size: 18px;
	}
	.btn {
		width: 100%;
		margin-top: 24px;
	}
	.btn div {
		font-size: 20px;
		line-height: 27.24px;
	}

	.form-message2,
	.form-message3 {
		display: none;
	}

	.page2-content-up {
		margin-top: 227px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff;
		text-transform: uppercase;
	}

	.page2-up-text {
		font-family: Roboto;
		font-size: 20px;
		font-weight: 700;
		letter-spacing: 0.3em;
	}

	.page2-up-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 87px;
	}

	.page2-up-flex-cnt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 520px;
		height: 250px;
	}

	.page2-up-flex-cnt p {
		display: block;
		font-family: BrunoAce;
		font-size: 64px;
		font-weight: 400;
		line-height: 70px;
		margin-top: 47px;
	}

	.page2-up-flex-cnt span {
		display: block;
		font-size: 30px;
		margin-top: 20px;
		font-weight: 400;
	}

	.page2-up-flex-cnt2 {
		position: relative;
	}

	.page2-up-flex-cnt2 span {
		max-width: 300px;
		text-align: center;
	}

	.page2-up-flex-cnt2 .left,
	.page2-up-flex-cnt2 .right {
		position: absolute;
		top: 0;
		width: 3px;
		height: 100%;
		z-index: 600;
	}

	.page2-up-flex-cnt2 .left {
		left: 0;
	}

	.page2-up-flex-cnt2 .right {
		right: 0;
	}

	.page2-up-flex-cnt2 .top,
	.page2-up-flex-cnt2 .bottom {
		position: absolute;
		left: 0;
		height: 3px;
		display: none;
	}

	.page2-up-flex-cnt2 .top {
		top: 0;
	}

	.page2-up-flex-cnt2 .bottom {
		bottom: 0;
	}

	.page2-content-down {
		position: absolute;
		left: 0;
		bottom: 95px;
		color: rgb(255, 255, 255);
		width: calc(100vw - (320px + 420 * (100vw - 768px) / 1152));
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.page2-down-flex-cnt {
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 366px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-left: 20px;
	}

	.page2-down-flex-cnt .text {
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 600;
		line-height: 19.07px;
		letter-spacing: 0.45em;
	}
	.hover-mess {
		position: absolute;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: none;
	}
	.hover-mess-cnt {
		max-width: 500px;
		padding-top: 50px;
	}
	.hover-mess-title p {
		font-size: 24px;
		line-height: 28.95px;
		color: #000;
	}
	.hover-mess.active {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.page3-0 {
		width: 33.33%;
		transition: all 0.2s linear 0s;
	}

	.page3-1 {
		position: relative;
		height: 100%;
	}

	.page3-2 {
		position: relative;
		height: 100%;
	}

	.page3-cnt .left {
		display: block;
		position: absolute;
		left: 0;
		z-index: 200;
		width: 3px;
		top: 0;
		height: 100%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.page3-3 {
		position: relative;
		height: 100%;
		/* -ms-flex-preferred-size: 33.33%;
		flex-basis: 33.33%; */
	}
	.page3-cnt .page-shadow {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.page3-0-cnt {
		width: 212px;
		flex-direction: column;
		align-items: start;
		justify-content: center;
		transition: width 0.3s linear 0s;
	}
	.page3-cnt .top,
	.page3-cnt .bottom {
		display: none;
	}
	.page3-titlle-wrapper {
		cursor: pointer;
	}
	.page3-title {
		width: 212px;
	}
	.page3-title p {
		font-size: 36px;
	}
	.page3-titlle-wrapper:hover p {
		color: rgb(255, 255, 254);
	}
	.page3-title img {
		opacity: 0;
	}

	.hover-page3 .page3-title img {
		transition: opacity 0s ease 0.3s;
		opacity: 1;
	}

	.hover-page3 {
		width: 69.38%;
	}

	.hover-page3 .page3-0-cnt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		width: 100%;
	}
	.hover-page3 .page3-titlle-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		margin-top: 50vh;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		/* width: auto; */
	}
	.hover-page3 .page3-title p {
		color: rgb(255, 255, 254);
	}
	.page3-titlle-wrapper .text {
		display: block;
		overflow: hidden;
		width: 0px;
		height: 0;
		opacity: 0;
	}
	.hover-page3 .page3-title {
		margin: 0 -52px;
	}
	.page3-content {
		display: block;
		overflow: hidden;
		height: 0;
		width: 0;
	}
	.hover-page3 .page3-titlle-wrapper .text {
		width: 100%;
		display: block;
		max-width: 25vw;
		font-size: 18px;
		line-height: 30px;
		font-weight: 600;
		margin-top: -5px;
		margin-left: 100px;
		text-align: left;
		opacity: 1;
		transition: opacity 0s ease 0.3s;
	}
	.hover-page3 .page3-content {
		display: block;
		height: auto;
		width: auto;
		overflow: visible;
	}
	.hover-page3 .page3-content-gallery {
		margin-top: -50px;
		margin-bottom: 80px;
	}

	.page4-wrapper-content-block {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		height: 100vh;
	}
	.page4-content-block {
		margin-top: 32.5vh;
		margin-left: 10px;
		margin-right: 40px;
	}
	.page4-servise-text {
		position: absolute;
		top: -116px;
		font-size: 20px;
		line-height: 23.44px;
		text-align: left;
	}
	.page4-service-money-wrapper {
		padding: 0;
		width: 100%;
	}

	.line1,
	.line2,
	.line3,
	.line4 {
		width: 100px;
	}

	.line1 {
		width: 80px;
	}
	.ellipse1 .text,
	.ellipse2 .text,
	.ellipse3 .text {
		font-size: 24px;
	}
	.page4-money {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 550px;
		flex: 1 0 550px;
	}
	.ellipse0 .text:active {
		top: -30px;
	}
	.page5-content {
		margin-top: 32.5vh;
		margin-left: -10px;
	}
	.page5-contentText {
		position: absolute;
		left: 65px;
		top: -108px;
		max-width: 326px;
		font-size: 20px;
		line-height: 23.44px;
		text-align: left;
	}

	.page5-typeWork {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 296px;
		flex: 1 0 296px;
		height: 110px;
	}
	.page5-typeWork-cnt {
		-webkit-transform: translateY(-220px);
		-ms-transform: translateY(-220px);
		transform: translateY(-220px);
	}
	.page5-typeWork p {
		height: 110px;
		font-size: 36px;
		text-align: left;
		width: 296px;
	}
	.page5-vector {
		margin: 0 50px;
	}
	.page5-textWork {
		text-align: left;
	}
	.page6-cnt .page-shadow {
		padding-left: 9.375vw;
		padding-right: 19.79vw;
	}

	.page6-flex-up {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 64.81vh;
	}

	.border-hor {
		display: none;
	}
	.page6-strim {
		width: 42.65%;
		height: 74.28%;
	}

	.page6-video {
		width: 30.88%;
		height: 100%;
	}

	.page6-furniture {
		width: 26.47%;
		height: 51.43%;
	}

	.page6-card .left,
	.page6-card .right {
		display: none;
	}
	.page6-flex-down {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 35.19vh;
	}

	.page6-card-shadow {
		background: rgba(0, 0, 0, 0.5);
	}

	.page6-card-shadow p {
		font-size: 30px;
		display: none;
	}
	.page6-strim .page6-card-shadow,
	.page6-furniture .page6-card-shadow,
	.page6-service .page6-card-shadow {
		background: rgba(0, 0, 0, 0.6);
	}

	.page6-appliances-wrapper {
		width: 42.65%;
		height: 100%;
	}
	.page6-appliances-before {
		width: 34.48%;
	}
	.page6-appliances {
		width: 65.52%;
	}
	.page6-service-wrapper {
		width: 30.88%;
		height: 73.68%;
	}
	.page6-service {
		width: 76.19%;
	}

	.page6-card.hover p,
	.page6-card.click p,
	.page6-card.hover .left,
	.page6-card.hover .right,
	.page6-card.click .left,
	.page6-card.click .right {
		display: block;
		z-index: 100;
	}

	.page6-card.click .page6-card-shadow {
		background-color: transparent;
	}

	.page6-furniture.click .page6-card-shadow {
		background-color: rgba(0, 0, 0, 0.4);
	}
	.menu-upBlock-wrapper {
		width: 100vw;
		padding: 0 9.27vw;
	}
	.menu-upBlock {
		height: 100vh;
	}
	.menu-upBlock-text {
		margin-top: 31.51vh;
		height: 250px;
	}
	.menu-upBlock-text .right,
	.menu-upBlock-text .left {
		position: absolute;
		top: 0;
		width: 2px;
	}
	.menu-upBlock-text .right {
		right: 0;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
	}
	.menu-upBlock-text .left {
		left: 0;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.menu-upBlock-text .border-hor {
		display: none;
	}
	.menu-upBlock-text3 p {
		max-width: 140px;
	}
	.menu-downBlock-wrapper {
		position: absolute;
		padding: 0 9.27vw;
	}
	.menu-downBlock {
		width: 100%;
		padding: 0 3.12vw;
	}
	.menu-upBlock-text p {
		font-size: 30px;
	}
	.menu-downBlock-flex1 {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 38px;
		margin-bottom: 32px;
	}
	.menu-down-title {
		font-size: 24px;
		letter-spacing: 0.695em;
	}
	.menu-downBlock-flex2 {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 38px;
		margin-bottom: 57px;
	}
	.menu-down-data p {
		font-size: 18px;
	}
	.menu-downBlock-line2 {
		display: none;
	}
	.menu-downBlock-flex3 {
		display: none;
	}
	.menu-upBlock-text:hover {
		margin-top: 0;
		height: 100%;
	}
	.menu-upBlock-text:hover .shadow {
		background-color: rgba(0, 0, 0, 0.15);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		position: relative;
	}

	.menu-upBlock-text:hover p {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 250px;
		margin-top: 31.5vh;
		width: 100%;
		/* border: 1px solid #000; */
		text-align: center;
	}

	.menu-upBlock-text:hover .left,
	.menu-upBlock-text:hover .right {
		height: calc(100vh - (336px + -50 * (100vw - 1161px) / 759));
		display: block;
	}

	.menu-upBlock-text:hover .hover-arrow {
		display: block;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.aboutUs-shadow {
		padding: 0 9.22vw;
	}
	.aboutUs-upBlock {
		padding-top: 14.81vh;
	}
	.aboutUs-upBlock-left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 409px;
		flex: 0 0 409px;
		width: 409px;
		height: 64.81vh;
	}
	.aboutUs-upBlock-left img {
		width: 142px;
		height: 270px;
	}
	.aboutUs-upBlock-right {
		margin-left: 137px;
		max-width: 100%;
	}
	.aboutUs-upBlock-right-title {
		font-size: 36px;
		line-height: 49.03px;
		margin: 30px 0;
	}
	.aboutUs-upBlock-right-textBlock-title {
		font-size: 24px;
		line-height: 32.68px;
		margin-bottom: 30px;
	}
	.aboutUs-upBlock-right-textBlock-text {
		font-size: 18px;
		line-height: 30px;
	}
	.aboutUs-upBlock-right-textBlock-title::before {
		top: 12px;
		left: -58px;
	}
	.aboutUs-upBlock-right-textBlock-text span {
		line-height: 30px;
	}
	.aboutUs-line {
		margin: 40px 0;
	}
	.aboutUs-downBlock-link {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.aboutUs-downBlock-text {
		font-size: 20px;
		line-height: 27.24px;
	}
	.orderCall {
		position: absolute;
	}
	.thankYou {
		position: absolute;
	}
	.thank-you-title {
		font-size: 36px;
		line-height: 49.03px;
	}
	.thankYou-downBlock {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.thankYou-downBlock-text {
		font-size: 20px;
	}
	.gallery {
		position: absolute;
		height: 100%;
		z-index: 50;
	}
	.gallery-block-arrows {
		padding: 0 150px;
	}
	.gallery-counter {
		height: 113px;
		margin: 0 35px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 161px;
		flex: 0 0 161px;
	}
	.gallery-counter-current-page {
		font-size: 48px;
	}
	.gallery-counter-total-pages {
		left: 30px;
		font-size: 24px;
	}
	.galleru-return {
		right: 9.27vw;
		top: 160px;
	}
	.gallery-return-arrow {
		margin-left: 20px;
	}
	.gallery-return-cnt {
		display: flex;
		display: -webkit-box;
		display: -ms-flexbox;
		height: 40px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 362px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.gallery-cross-wrapper {
		display: none;
	}
	.wrapper-drive {
		display: none;
	}
}
/* * ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-height: 1079px) and (min-width: 769px) {
	.page6-flex-up {
		height: 55vh;
	}
}
/* * //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 1920px) and (min-width: 769px) {
	.swiper-container-vertical > .swiper-pagination-bullets {
		right: calc(20px + 95 * (100vw - 768px) / 1152);
	}
	.page1-cnt {
		/* background-position-x: calc(-65px + 65 * ((100vw - 768px) / 1152)); */
	}
	.page-header {
		top: calc(10px + 10 * (100vw - 768px) / 1152);
		padding-left: calc(120px + 58 * (100vw - 768px) / 1152);
		padding-right: calc(20px + 190 * (100vw - 768px) / 1152);
	}
	.header-line-cnt {
		top: calc(99px + 20 * (100vw - 768px) / 1152);
		padding-left: calc(0px + 178 * (100vw - 768px) / 1152);
		padding-right: calc(0px + 178 * (100vw - 768px) / 1152);
	}
	.page-left-panel {
		left: calc(25px + 6.3 * (100vw - 768px) / 1152);
		padding-top: calc(22px + 12 * (100vw - 768px) / 1152);
	}
	.form-message {
		width: calc(320px + 420 * (100vw - 768px) / 1152);
		height: calc(240px + 140 * (100vw - 768px) / 1152);
	}
	.btn {
		margin-top: calc(0px + 24 * (100vw - 768px) / 1152);
	}
	.page2-content-up {
		margin-top: calc(190px + 37 * (100vw - 768px) / 1152);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff;
		text-transform: uppercase;
	}
	.page2-up-text {
		font-family: Roboto;
		font-size: 20px;
		font-weight: 700;
		letter-spacing: 0.3em;
	}
	.page2-up-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: calc(40px + 47 * (100vw - 768px) / 1152);
	}
	.page2-up-flex-cnt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: calc(220px + 300 * (100vw - 768px) / 1152);
		height: 250px;
	}
	.page2-up-flex-cnt p {
		display: block;
		font-family: BrunoAce;
		font-size: calc(50px + 14 * (100vw - 768px) / 1152);
		font-weight: 400;
		line-height: 70px;
	}
	.page2-up-flex-cnt span {
		display: block;
		font-size: calc(20px + 10 * (100vw - 768px) / 1152);
		margin-top: 20px;
		font-weight: 400;
	}
	.page2-up-flex-cnt2 {
		position: relative;
	}
	.page2-up-flex-cnt2 span {
		max-width: 300px;
		text-align: center;
	}
	.page2-up-flex-cnt2 .left {
		position: absolute;
		top: 0;
		left: 0;
	}
	.page2-up-flex-cnt2 .right {
		position: absolute;
		top: 0;
		right: 0;
	}
	.gallery-block-arrows {
		padding: 0 calc(45px + 105 * (100vw - 768px) / 1152);
	}
	.galleru-return {
		right: calc(0px + 178 * (100vw - 768px) / 1152);
	}
}
@media (max-width: 1920px) and (max-height: 1050px) {
	.page2-content-up {
		margin-top: 15vh;
	}
}
/* * ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 1700px) and (min-width: 769px) {
	.swiper-container-vertical > .swiper-pagination-bullets {
		right: 15px;
	}
	.page3-0 .page-shadow {
		overflow: hidden;
	}
	.page3-0-cnt {
		transition: width 0s linear 0s;
	}

	.page3-titlle-wrapper .text {
		opacity: 1;
	}
	.hover-page3 .page3-0-cnt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.hover-page3 .page3-titlle-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 0;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
	.hover-page3 .page3-title {
		position: relative;
		margin: 0;
		width: 108px;
	}
	.hover-page3 .page3-title p {
		color: rgb(255, 255, 254);
		margin-bottom: 100px;
	}
	.hover-page3 .page3-title img {
		position: absolute;
		top: 20px;
		left: 172px;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
	}
	.hover-page3 .page3-titlle-wrapper .text {
		display: block;
		max-width: 50vw;
		font-size: 18px;
		line-height: 30px;
		font-weight: 600;
		padding: 0 60px;
		margin: 0;
		text-align: center;
	}
	.hover-page3 .page3-content-gallery {
		margin-top: 20px;
		margin-bottom: 80px;
	}
	.page4-content-block {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 180px;
	}
	.page4-service-money-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		height: auto;
		width: auto;
	}
	.page4-class-service {
		margin-top: 86px;
	}
	.line1 {
		width: 100px;
	}
	.page4-servise-text {
		position: relative;
		z-index: 50;
		text-align: center;
		top: 0;
		margin-bottom: 10px;
		max-width: 500px;
	}
	.page4-money {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 25px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: 60vw;
	}
	.number {
		text-align: right;
	}
	.vector {
		display: none;
	}
	.currency {
		margin-left: 30px;
	}
	.page5-stagesWork {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.page5-content {
		margin-top: 70vh;
		margin-left: 0;
	}
	.page5-typeWork {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		height: 50px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.page5-typeWork-cnt {
		-webkit-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		transform: translateY(-100px);
	}
	.page5-typeWork p {
		height: 50px;
		width: auto;
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.page5-vector {
		display: none;
	}
	.page5-textWork {
		text-align: center;
	}
	.menu-down-title {
		max-width: 455px;
	}
	.menu-downBlock-flex2 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		row-gap: 20px;
	}
	.menu-down-data {
		width: 50%;
	}
	.hover-mess-cnt {
		padding-top: 25px;
	}
	/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* *\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	/* *\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	/* *\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	/* *\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	/* *\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	/* *\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	/* *\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	/* *\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	/* *\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
}
@media (max-width: 1700px) and (min-height: 1550px) and (min-width: 769px) {
	.swiper-container-vertical > .swiper-pagination-bullets {
		-webkit-transform: scale(140%);
		-ms-transform: scale(140%);
		transform: scale(140%);
		/* border: 2px solid red; */
		top: 35%;
		right: 30px;
	}
	.page-header-cnt {
		margin-top: 20px;
	}
	.page-header-left {
		-webkit-transform: scale(140%);
		-ms-transform: scale(140%);
		transform: scale(140%);
		margin-left: 100px;
		max-width: 300px;
	}
	.page-header-right {
		-webkit-transform: scale(140%);
		-ms-transform: scale(140%);
		transform: scale(140%);
		margin-right: 50px;
	}
	.header-line-cnt {
		top: 160px;
		padding-left: 178px;
	}
	.header-line {
		height: 2px;
	}
	.page-left-panel {
		left: 50px;
	}
	.page-left-panel-up {
		-webkit-transform: scale(140%);
		-ms-transform: scale(140%);
		transform: scale(140%);
		margin-top: 100px;
	}
	.left-panel-line {
		width: 2px;
	}
	.left-panel-social {
		-webkit-transform: scale(140%);
		-ms-transform: scale(140%);
		transform: scale(140%);
		margin-bottom: 100px;
	}
	.form-message {
		-webkit-transform: scale(140%);
		-ms-transform: scale(140%);
		transform: scale(140%);
		bottom: 50px;
		right: 110px;
	}
	.page2-content-up {
		margin-top: 17vh;
		-webkit-transform: scale(120%);
		-ms-transform: scale(120%);
		transform: scale(120%);
	}
	.page2-content-down {
		-webkit-transform: scale(120%);
		-ms-transform: scale(120%);
		transform: scale(120%);
		bottom: 500px;
	}
	.page3-0-cnt {
		-webkit-transform: scale(150%);
		-ms-transform: scale(150%);
		transform: scale(150%);
		width: auto;
	}
	.hover-page3 .page3-titlle-wrapper .text {
		max-width: 22vw;
		height: 370px;
	}
	.page4-content-block {
		margin-top: 25vh;
		-webkit-transform: scale(150%);
		-ms-transform: scale(150%);
		transform: scale(150%);
	}
	.page5-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 25vh;
		-webkit-transform: scale(150%);
		-ms-transform: scale(150%);
		transform: scale(150%);
	}
	.page5-steps {
		margin: 20px;
	}
	.page5-contentText {
		position: relative;
		z-index: 50;
		top: 0;
		left: 0;
		text-align: center;
		margin-bottom: 10px;
		max-width: 2000px;
	}
	.page5-textWork {
		margin-top: -10px;
	}
	.page6-cnt .page-shadow {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 13vh;
		padding-left: 10vw;
		padding-bottom: 27vh;
		padding-right: 13vw;
	}
	.page6-flex-up {
		height: 64.81%;
	}
	.page6-flex-down {
		height: 35.19%;
	}
}
@media (max-width: 1700px) and (min-height: 1201px) and (min-width: 769px) {
	.page2-up-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto;
		margin-top: 0;
	}
	.page2-up-flex-cnt {
		/* justify-content: center; */
		height: 200px;
	}
	.page2-up-flex-cnt2 .left,
	.page2-up-flex-cnt2 .right {
		display: none;
	}
	.page2-up-flex-cnt2 .top,
	.page2-up-flex-cnt2 .bottom {
		display: block;
	}
	.page2-content-down {
		width: 100%;
	}
}
@media (max-width: 1700px) and (max-height: 1549px) and (min-height: 1201px) and (min-width: 769px) {
	.page2-content-up {
		margin-top: 10vh;
		-webkit-transform: scale(100%);
		-ms-transform: scale(100%);
		transform: scale(100%);
	}
	.page2-content-down {
		bottom: 30vh;
	}
	.page3-0-cnt {
		-webkit-transform: scale(125%);
		-ms-transform: scale(125%);
		transform: scale(125%);
	}
	.hover-page3 .page3-titlle-wrapper .text {
		max-width: 25vw;
		height: 300px;
	}
	.page4-content-block {
		margin: 0;
		margin-top: 22vh;
		-webkit-transform: scale(125%);
		-ms-transform: scale(125%);
		transform: scale(125%);
		/* background-color: #7a956b; */
	}
	.page5-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 20vh;
		-webkit-transform: scale(125%);
		-ms-transform: scale(125%);
		transform: scale(125%);
	}
	.page5-steps {
		/* transform: scale(200%); */
		margin: 20px;
	}
	.page5-contentText {
		position: relative;
		z-index: 50;
		top: 0;
		left: 0;
		text-align: center;
		margin-bottom: 10px;
		max-width: 2000px;
	}
	.page6-cnt .page-shadow {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 10vh;
		padding-left: 8vw;
		padding-bottom: 10vh;
		padding-right: 13vw;
	}
	.page6-flex-up {
		height: 64.81%;
	}
	.page6-flex-down {
		height: 35.19%;
	}
}
@media (max-width: 1700px) and (max-height: 1200px) and (min-width: 769px) {
	.page5-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 15vh;
	}
	.page5-steps {
		margin: 20px;
	}
	.page5-contentText {
		position: relative;
		z-index: 50;
		top: 0;
		left: 0;
		text-align: center;
		margin-bottom: 10px;
		max-width: 600px;
	}
}
@media (max-width: 1700px) and (min-height: 1050px) and (min-width: 769px) {
	.page4-money {
		height: 100px;
	}
}
@media (max-width: 1700px) and (max-height: 1049px) and (min-width: 769px) {
	.page1-brend {
		top: 18vh;
		left: 16.35vw;
		height: 40vh;
	}
	.hover-page3 .page3-titlle-wrapper .text {
		height: 150px;
	}
	.page4-content-block {
		margin-top: 25vh;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.page4-servise-text {
		position: absolute;
		left: 50%;
		top: 15vh;
		z-index: 50;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.page5-content {
		margin-top: 25vh;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.page5-steps {
		margin: 0px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 235px;
		flex: 0 0 235px;
		margin-right: 100px;
	}
	.page5-contentText {
		position: absolute;
		z-index: 50;
		top: 17vh;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		max-width: 600px;
	}
	.page6-cnt .page-shadow {
		padding-top: 13vh;
	}
	.page6-flex-up {
		height: 23.5vh;
	}
	.page6-card {
		height: 100%;
	}
	.page6-flex-down {
		height: 50.5vh;
	}
	.page6-card-shadow p {
		font-size: 24px;
	}
	.page6-appliances-before {
		display: none;
	}
	.page6-appliances {
		width: 100%;
	}
	.page6-service-wrapper {
		height: 100%;
		width: 57.35%;
	}
	.page6-service {
		width: 100%;
		height: 211.5px;
		height: calc(63.5vh - 20px - (240px + 140 * (100vw - 768px) / 1152));
	}
	.menu-upBlock-text,
	.menu-upBlock-text:hover p {
		margin-top: 20vh;
	}
}
@media (max-width: 1700px) and (max-height: 900px) and (min-width: 769px) {
	.page2-content-up {
		margin-top: 18vh;
	}
	.page2-up-flex {
		margin-top: 40px;
	}
	.menu-upBlock-text:hover p,
	.menu-upBlock-text {
		margin-top: 15vh;
	}
}
/* * ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 1400px) and (min-width: 769px) {
	.form-message {
		width: 550px;
	}
	.form__input-box input {
		height: 60px;
	}
	.form__input-box input::-webkit-input-placeholder {
		top: auto;
		bottom: 20px;
	}
	.form__input-box input::-moz-placeholder {
		top: auto;
		bottom: 20px;
	}
	.form__input-box input:-ms-input-placeholder {
		top: auto;
		bottom: 20px;
	}
	.form__input-box input::-ms-input-placeholder {
		top: auto;
		bottom: 20px;
	}
	.form__input-box input::placeholder {
		top: auto;
		bottom: 20px;
	}
	.page2-down-flex-cnt {
		width: auto;
	}
	.page2-down-flex-cnt .text {
		margin-right: 20px;
	}
	.aboutUs-upBlock {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.aboutUs-upBlock-left {
		width: 100%;
		max-width: 409px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
	}
	.aboutUs-upBlock-right {
		margin-left: 40px;
		/* min-width: 400px; */
		max-width: 600px;
	}
	.aboutUs-upBlock-right-textBlock-title::before {
		left: -25px;
	}
	.aboutUs-upBlock-right-textBlock-text {
		margin-bottom: 5px;
	}
	.hover-mess-cnt {
		padding-top: 10px;
	}
	/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
}
@media (max-width: 1400px) and (min-height: 1550px) and (min-width: 769px) {
	.page3-title p {
		font-size: 24px;
	}
	.hover-page3 .page3-content {
		-webkit-transform: scale(80%);
		-ms-transform: scale(80%);
		transform: scale(80%);
	}
	.page2-content-down {
		bottom: 30vh;
	}
}
@media (max-width: 1400px) and (min-height: 1050px) and (min-width: 769px) {
	.hover-page3 .page3-titlle-wrapper .text {
		height: 480px;
	}
	.page6-cnt .page-shadow {
		padding-top: 11vh;
		padding-right: 9.375vw;
	}
	.page6-flex-up {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: 39vh;
	}
	.page6-flex-up .page6-card {
		width: 50%;
		height: 50%;
	}
	.page6-flex-down {
		position: relative;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		height: 39vh;
	}
	.page6-appliances-wrapper {
		/* width: 100%; */
		position: absolute;
		right: 0;
		top: -50%;
		width: 50%;
		height: 50%;
	}
	.page6-appliances-before {
		display: none;
	}
	.page6-appliances {
		width: 100%;
	}
	.page6-service-wrapper {
		width: 100%;
		height: 50%;
	}
	.page6-service {
		width: 100%;
	}
}
@media (max-width: 1400px) and (max-height: 1200px) and (min-width: 769px) {
	.hover-page3 .page3-titlle-wrapper .text {
		height: 280px;
	}
}
@media (max-width: 1400px) and (max-height: 1049px) and (min-width: 769px) {
	.page4-content-block {
		margin-top: 22vh;
	}
	.page4-servise-text {
		top: 16vh;
	}
	.page5-content {
		margin-top: 22vh;
	}
	.page5-steps {
		margin: 0px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 235px;
		flex: 0 0 235px;
		margin-right: 10px;
	}
	.page5-contentText {
		width: 600px;
	}
	.page6-cnt .page-shadow {
		padding-top: 115px;
	}
	.page6-card-shadow p {
		font-size: 18px;
	}
}
@media (max-width: 1400px) and (max-height: 900px) and (min-width: 769px) {
	.page1-brend {
		height: 35vh;
	}
	.hover-page3 .page3-0-cnt {
		margin-top: 50px;
	}
	.hover-page3 .page3-titlle-wrapper .text {
		font-size: 15px;
		height: 200px;
	}
	.aboutUs-upBlock {
		padding-top: 130px;
	}
	.aboutUs-upBlock-right-title {
		font-size: 24px;
		line-height: 30px;
		margin: 20px 0;
	}
	.aboutUs-upBlock-right-textBlock-title {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.aboutUs-upBlock-right-textBlock-text {
		font-size: 16px;
		line-height: 20px;
	}
	.aboutUs-upBlock-right-textBlock-text span {
		line-height: 20px;
	}
	.aboutUs-line {
		margin: 20px 0;
	}
}
@media (max-width: 1400px) and (max-height: 860px) and (min-width: 769px) {
	.left-panel-logo {
		margin-bottom: 15px;
	}
	.page6-service {
		height: 23vh;
	}
}
@media (max-width: 1400px) and (max-height: 720px) and (min-width: 769px) {
	.page-left-panel-up {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
	}
	.left-panel-text {
		letter-spacing: 0.3em;
		width: 260px;
		padding: 140px 0;
	}
	.left-panel-line {
		display: none;
	}
	.form-message {
		-webkit-transform: scale(75%) translate(18%, 18%);
		-ms-transform: scale(75%) translate(18%, 18%);
		transform: scale(75%) translate(18%, 18%);
	}
	.menu-upBlock-text:hover p,
	.menu-upBlock-text {
		margin-top: 10vh;
	}
	.menu-upBlock-text p {
		font-size: 20px;
	}
	.menu-downBlock-flex1 {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.menu-downBlock-flex2 {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.aboutUs-upBlock {
		padding-top: 120px;
	}
	.aboutUs-upBlock-left {
		height: 60vh;
	}
	.aboutUs-upBlock-right-title {
		margin: 10px 0;
	}
	.aboutUs-upBlock-right-textBlock-title {
		margin-bottom: 10px;
	}
	.aboutUs-upBlock-right-textBlock-text {
		font-size: 15px;
		line-height: 20px;
	}
	.aboutUs-upBlock-right-textBlock-text span {
		line-height: 20px;
	}
}
/* * ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 1160px) and (min-width: 769px) {
	.page2-down-flex-cnt .text {
		/* max-width: 150px; */
		text-align: center;
	}
	.page3-title p {
		font-size: 24px;
	}
	.menu-downBlock-flex1 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	.menu-down-arrow {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
	}
	.menu-downBlock-flex2 {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
	}
	.menu-down-adress,
	.menu-down-schedule {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
	}
	.menu-down-adress p,
	.menu-down-schedule p {
		max-width: 190px;
	}
	.menu-down-adress img,
	.menu-down-schedule img {
		margin-top: 5px;
	}
	/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
}
@media (max-width: 1160px) and (min-height: 1550px) and (min-width: 769px) {
	.page-header {
		width: 100vw;
	}
	.page-header-cnt {
		margin-top: 0px;
	}
	.page-header-left {
		-webkit-transform: scale(100%);
		-ms-transform: scale(100%);
		transform: scale(100%);
		margin-left: 0px;
		max-width: 332px;
	}
	.page-header-right {
		-webkit-transform: scale(100%);
		-ms-transform: scale(100%);
		transform: scale(100%);
		margin-right: 0px;
	}
	.header-line-cnt {
		width: 100vw;
		top: calc(99px + 20 * (100vw - 768px) / 1152);
		padding-left: calc(0px + 178 * (100vw - 768px) / 1152);
		padding-right: calc(0px + 178 * (100vw - 768px) / 1152);
		padding-left: auto;
		padding-right: auto;
	}
	.header-line {
		height: 1px;
	}
}
@media (max-width: 1160px) and (min-height: 1050px) and (min-width: 769px) {
	.page3-0-cnt {
		-webkit-transform: scale(100%);
		-ms-transform: scale(100%);
		transform: scale(100%);
	}
	.page3-title p {
		/* font-size: 36px; */
	}
	.hover-page3 .page3-titlle-wrapper .text {
		height: 400px;
		max-width: 35vw;
	}
}
@media (max-width: 1160px) and (max-height: 1200px) and (min-width: 769px) {
	.page2-content-down {
		width: 100%;
		bottom: 30vh;
	}
}
@media (max-width: 1160px) and (max-height: 1049px) and (min-width: 769px) {
	.page2-content-down {
		bottom: 35vh;
	}
}
@media (max-width: 1160px) and (max-height: 900px) and (min-width: 769px) {
	.page2-content-up {
		margin-top: 14vh;
		-webkit-transform: scale(80%);
		-ms-transform: scale(80%);
		transform: scale(80%);
	}
	.page2-content-down {
		-webkit-transform: scale(80%);
		-ms-transform: scale(80%);
		transform: scale(80%);
		bottom: 42vh;
	}
}
/* * ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 1080px) and (min-width: 769px) {
	.page2-content-down {
		/* display: none; */
	}
	/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
}
@media (max-width: 1080px) and (max-height: 1049px) and (min-width: 769px) {
	.page4-content-block {
		-webkit-transform: scale(85%);
		-ms-transform: scale(85%);
		transform: scale(85%);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.page4-servise-text {
		top: -100px;
		width: 500px;
	}
	.aboutUs-upBlock {
		padding-top: 130px;
	}
	.aboutUs-upBlock-right-title {
		font-size: 24px;
		line-height: 30px;
		margin: 20px 0;
	}
	.aboutUs-upBlock-right-textBlock-title {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.aboutUs-upBlock-right-textBlock-text {
		font-size: 16px;
		line-height: 20px;
	}
	.aboutUs-upBlock-right-textBlock-text span {
		line-height: 20px;
	}
	.aboutUs-line {
		margin: 20px 0;
	}
}
@media (max-width: 1080px) and (min-height: 901px) and (min-width: 769px) {
	.page4-money {
		height: 100px;
	}
}
@media (max-width: 1080px) and (max-height: 900px) and (min-width: 769px) {
	.page4-content-block {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-top: 30vh;
	}
}
@media (max-width: 1080px) and (max-height: 700px) and (min-width: 769px) {
	.aboutUs-upBlock {
		padding-top: 110px;
	}
	.aboutUs-upBlock-right-title {
		margin: 10px 0;
		line-height: 25px;
	}
	.aboutUs-upBlock-right-textBlock-title {
		margin-bottom: 10px;
	}
}
/* * ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 950px) and (min-width: 769px) {
	.form-message {
		width: 100%;
		-webkit-transform: scale(100%) translate(0%, 0%);
		-ms-transform: scale(100%) translate(0%, 0%);
		transform: scale(100%) translate(0%, 0%);
	}
	.form-message-cnt {
		margin-top: 0;
	}
	.btn {
		margin-top: 15px;
	}
	.page1-cnt {
		width: 100%;
	}
	.page-left-panel {
		left: 0;
		width: 80px;
		height: auto;
		padding-bottom: 0;
	}
	.page-left-panel-cnt {
		display: block;
		height: auto;
		width: 100px;
	}
	.page-left-panel-up {
		display: block;
		height: auto;
		max-height: auto;
	}
	.left-panel-logo {
		margin-left: calc(25px + 6.3 * (100vw - 768px) / 182);
	}
	.left-panel-text {
		width: 370px;
		-webkit-transform: rotate(0deg) translateX(-50%);
		-ms-transform: rotate(0deg) translateX(-50%);
		transform: rotate(0deg) translateX(-50%);
		position: absolute;
		top: 0;
		left: 50%;
		padding: 0;
		margin: 0;
	}
	.left-panel-line {
		display: none;
	}
	.left-panel-social {
		display: none;
	}
	.page1-brend {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.page4-money {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 25px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: 70vw;
	}
	.border-hor {
		display: block;
	}
	.border-hor.top {
		display: none;
	}
	.page6-card .left,
	.page6-card .right {
		display: block;
	}
	.page6-strim .left,
	.page6-furniture .left,
	.page6-service .left {
		display: none;
	}
	.page6-appliances .right,
	.page6-service .right,
	.page6-video .right {
		display: none;
	}
	.page6-card.hover .left,
	.page6-card.hover .right,
	.page6-card.click .left,
	.page6-card.click .right {
		display: block;
	}
	.menu-upBlock-text p {
		font-size: 22px;
	}
	.menu-downBlock-line2 {
		display: block;
	}
	.menu-downBlock-flex3 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.galleru-return {
		right: 30px;
	}
	.gallery-return-cnt {
		display: none;
	}
	.gallery-cross-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.hover-mess-cnt {
		max-width: 1000px;
		margin: 0 30px;
	}
	.wrapper.thank .header-line-cnt,
	.wrapper.thank .page-left-panel {
		display: none;
	}
	/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
}
@media (max-width: 950px) and (min-height: 1550px) and (min-width: 769px) {
	.swiper-container-vertical > .swiper-pagination-bullets {
		right: 15px;
		top: 50%;
		-webkit-transform: translate(0, -180px);
		-ms-transform: translate(0, -180px);
		transform: translate(0, -180px);
	}
	.page-left-panel {
		left: 0;
	}
	.page-left-panel-up {
		-webkit-transform: scale(100%);
		-ms-transform: scale(100%);
		transform: scale(100%);
		margin-top: 0px;
	}
	.left-panel-line {
		width: 1px;
	}
	.left-panel-social {
		-webkit-transform: scale(100%);
		-ms-transform: scale(100%);
		transform: scale(100%);
		margin-bottom: 0px;
	}
	.form-message {
		-webkit-transform: scale(100%);
		-ms-transform: scale(100%);
		transform: scale(100%);
		bottom: 0;
		right: 0;
	}
	.page4-service-money-wrapper {
		-webkit-transform: scale(80%);
		-ms-transform: scale(80%);
		transform: scale(80%);
	}
	.page5-contentText {
		max-width: 400px;
	}
}
@media (max-width: 950px) and (min-height: 1050px) and (min-width: 769px) {
	.menu-upBlock-text:hover p,
	.menu-upBlock-text {
		margin-top: 20vh;
	}
}
@media (max-width: 950px) and (max-height: 1200px) and (min-width: 769px) {
	.aboutUs-upBlock {
		padding-top: 130px;
	}
	.aboutUs-upBlock-right-title {
		font-size: 24px;
		line-height: 30px;
		margin: 20px 0;
	}
	.aboutUs-upBlock-right-textBlock-title {
		font-size: 20px;
		margin-bottom: 20px;
		line-height: 23px;
	}
	.aboutUs-upBlock-right-textBlock-title::before {
		top: 8px;
	}
	.aboutUs-upBlock-right-textBlock-text {
		font-size: 16px;
		line-height: 20px;
	}
	.aboutUs-upBlock-right-textBlock-text span {
		line-height: 20px;
	}
	.aboutUs-line {
		margin: 20px 0;
	}
}
@media (max-width: 950px) and (max-height: 1049px) and (min-width: 769px) {
	.page1-brend {
		height: 383.48px;
	}
	.page2-content-down {
		bottom: 30vh;
	}
	.hover-page3 .page3-titlle-wrapper .text {
		height: 400px;
	}
	.page6-cnt .page-shadow {
		padding-top: 15vh;
	}
	.border-hor.center {
		display: none;
	}
	.page6-card .left,
	.page6-card .right {
		display: block;
	}
	.page6-strim .left,
	.page6-appliances .left {
		display: none;
	}
	.page6-furniture .right,
	.page6-service .right {
		display: none;
	}
	.page6-card.hover .left,
	.page6-card.hover .right,
	.page6-card.click .left,
	.page6-card.click .right {
		display: block;
	}
	.page6-flex-up,
	.page6-flex-down {
		/* height: 23.5vh; */
		height: calc((82vh - (240px + 140 * (100vw - 768px) / 1152)) / 2);
	}
	.page6-strim,
	.page6-video,
	.page6-furniture {
		width: 33.33%;
	}
	.page6-appliances-wrapper {
		width: 50%;
	}
	.page6-service-wrapper {
		width: 50%;
	}
	.page6-service {
		height: 100%;
	}
	.menu-upBlock-text:hover p,
	.menu-upBlock-text {
		margin-top: 15vh;
	}
}
@media (max-width: 950px) and (max-height: 900px) and (min-width: 769px) {
	.form-message {
		height: 200px;
	}
	.form__input-box input {
		height: 50px;
		margin-top: 15px;
	}
	.page1-brend {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 40vh;
	}
	.hover-page3 .page3-titlle-wrapper .text {
		height: 320px;
	}
	.hover-page3 .page3-content-gallery {
		margin-bottom: 30px;
	}
	.page6-cnt .page-shadow {
		padding-top: 115px;
	}
	.page6-flex-up,
	.page6-flex-down {
		/* height: 23.5vh; */
		height: calc((100vh - 125px - 200px) / 2);
	}
	.menu-upBlock-text {
		margin-top: 15vh;
	}
	.menu-downBlock-flex1 {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.menu-downBlock-flex2 {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.aboutUs-upBlock {
		padding-top: 110px;
	}
	.aboutUs-upBlock-right-title {
		margin: 10px 0;
		line-height: 25px;
	}
	.aboutUs-upBlock-right-textBlock-title {
		margin-bottom: 10px;
	}
}
@media (max-width: 950px) and (max-height: 700px) and (min-width: 769px) {
	.swiper-container-vertical > .swiper-pagination-bullets {
		-webkit-transform: translate(0, -150px);
		-ms-transform: translate(0, -150px);
		transform: translate(0, -150px);
	}
	.page1-brend {
		top: 21vh;
		height: 39vh;
	}
	.page2-content-up {
		margin-top: 15vh;
	}
	.page2-up-flex {
		margin-top: 1vh;
	}
	.page2-content-down {
		bottom: 39vh;
	}
	.hover-page3 .page3-0-cnt {
		-webkit-transform: scale(80%);
		-ms-transform: scale(80%);
		transform: scale(80%);
	}
	.hover-page3 .page3-titlle-wrapper .text {
		max-width: 120vw;
		margin: 0 20px;
		height: 250px;
	}
	.page4-content-block {
		-webkit-transform: scale(70%);
		-ms-transform: scale(70%);
		transform: scale(70%);
		margin-top: 22vh;
	}
	.page4-servise-text {
		top: -50px;
		width: 500px;
	}
	.page5-content {
		margin-top: 120px;
		-webkit-transform: scale(70%);
		-ms-transform: scale(70%);
		transform: scale(70%);
	}
	.page5-contentText {
		top: -50px;
	}
	.flexUp-flexDown-wrapper {
		-webkit-transform: scale(100%);
		-ms-transform: scale(100%);
		transform: scale(100%);
	}
	.menu-upBlock-text:hover p,
	.menu-upBlock-text {
		margin-top: 9vh;
	}
	.menu-upBlock-text p {
		font-size: 18px;
	}
	.menu-down-logo {
		width: 50px;
	}
	.menu-down-title {
		font-size: 18px;
		max-width: 350px;
	}
	.menu-downBlock-flex1 {
		margin-bottom: 0;
	}
	.menu-down-social-wrapper {
		margin: 0;
	}
	.aboutUs-upBlock-left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
	}
	.aboutUs-upBlock-left img {
		width: 70%;
		height: auto;
	}
}

/* * ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.no-display {
	display: none;
}








/* Контейнер для строки с брендом и разработчиком */
.menu-down-brand-row {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: auto;
	margin-bottom: 0;
}

.menu-down-title {
	display: none;
}

/* Блок «Разработано в BOMIT.RU» */
.menu-developer {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px 10px 14px;
	border-left: 2px solid #000000;
	border-radius: 0 8px 8px 0;
	background: linear-gradient(135deg, rgba(17, 17, 17, 0.03) 0%, rgba(17, 17, 17, 0.07) 100%);
}

.menu-developer-text {
	font-family: 'OpenSans', sans-serif;
	
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #000000;
	white-space: nowrap;
}

                      
.menu-developer-link {
	color: #000000;
}

.menu-developer-link::after {
	background-color: #000000;
}

.menu-developer-link {
	font-family: 'OpenSans', sans-serif;
	background-color: #0066ff;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	position: relative;
	white-space: nowrap;
	transition: opacity 0.25s ease;
}

.menu-developer-link::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 1px;
	background-color: #000000;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.25s ease;
}

.menu-developer-link:hover {
	opacity: 0.7;
}

.menu-developer-link:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}

@media (max-width: 480px) {
	.menu-developer {
		padding: 8px 12px 8px 10px;
		gap: 8px;
	}
	.menu-developer-text {
		font-size: 9px;
		letter-spacing: 0.12em;
	}
	.menu-developer-link {
		font-size: 11px;
	}
}

@media (max-width: 480px) {
	/* Контейнер в самом низу мобильного меню */
	.menu-downBlock {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important; /* Все строго по центру */
		justify-content: center !important;
		gap: 10px !important; /* Одинаковое расстояние между всеми элементами */
		padding: 10px 10px !important;
	}

	/* Строка, где бренд и разработчик (делаем тоже в столбик) */
	.menu-down-brand-row {
		flex-direction: column !important;
		align-items: center !important;
		gap: 16px !important;
		margin-bottom: 0 !important;
	}

	/* Центрируем каждый текст внутри */
	.menu-developer, 
	.menu-down-title,
	.menu-down-social {
		text-align: center !important;
		width: 100% !important;
	}
}
@media (max-width: 768px) {
	.page6-card-shadow {
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.4) 10%) !important;
	}
}



/* Ровное выравнивание контейнера под иконки */
.menu-downBlock-flex3 {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
	margin: 15px 0 !important;
}

/* Обертка для самих социальных кнопок */
.menu-down-social-wrapper {
	display: flex !important;
	flex-direction: row !important; /* Строго в линию */
	justify-content: center !important;
	align-items: center !important;
	gap: 20px !important; /* Одинаковое идеальное расстояние между ними */
	width: auto !important;
}

/* Стилизация каждой ссылки-иконки */
.menu-down-social-wrapper .social {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 42px !important;  /* Фиксированная аккуратная ширина */
	height: 42px !important; /* Фиксированная высота */
	border-radius: 50% !important; /* Делаем круглыми */
	background-color: #111111 !important; /* Премиальный черный фон под стиль лофт */
	transition: all 0.3s ease !important; /* Плавная анимация */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

/* Стили для самих картинок (SVG) внутри ссылок */
.menu-down-social-wrapper .social img {
	width: 22px !important;
	height: 22px !important;
	object-fit: contain !important;
	filter: brightness(0) invert(1) !important;
	opacity: 0.5 !important;
	transition: filter 0.3s ease, opacity 0.3s ease !important;
}

.menu-down-social-wrapper .social:hover {
	background-color: #ffffff !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15) !important;
}

.menu-down-social-wrapper .social:hover img {
	filter: brightness(0) !important;
	opacity: 1 !important;
}









/* Боковые соцсети: только ПК */
@media (min-width: 1161px) {
	.left-panel-social {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 12px !important;
		width: 100% !important;
		height: auto !important;
		margin-top: 15px !important;
	}

	.left-panel-social .social {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		min-height: 40px !important;
		border-radius: 50% !important;
		background-color: #111111 !important;
		margin: 0 !important;
		overflow: visible !important;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
		transition: all 0.3s ease !important;
	}

	.left-panel-social .social img {
		width: 20px !important;
		height: 20px !important;
		min-width: 20px !important;
		min-height: 20px !important;
		max-width: 20px !important;
		max-height: 20px !important;
		object-fit: contain !important;
		filter: brightness(0) invert(1) !important;
		opacity: 0.5 !important;
		display: block !important;
		transition: filter 0.3s ease, opacity 0.3s ease !important;
	}

	.left-panel-social .social:hover {
		background-color: #ffffff !important;
		transform: scale(1.08) !important;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
	}

	.left-panel-social .social:hover img {
		filter: brightness(0) !important;
		opacity: 1 !important;
	}
}

/* Планшет: вертикальный столбик, компактнее */
@media (min-width: 769px) and (max-width: 1160px) {
	.left-panel-social {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px !important;
		margin-top: 12px !important;
	}

	.left-panel-social .social {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		min-height: 36px !important;
		border-radius: 50% !important;
		background-color: #111111 !important;
		margin: 0 !important;
		transition: all 0.3s ease !important;
	}

	.left-panel-social .social img {
		width: 18px !important;
		height: 18px !important;
		object-fit: contain !important;
		filter: brightness(0) invert(1) !important;
		opacity: 0.5 !important;
		transition: filter 0.3s ease, opacity 0.3s ease !important;
	}

	.left-panel-social .social:hover {
		background-color: #ffffff !important;
		transform: scale(1.08) !important;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
	}

	.left-panel-social .social:hover img {
		filter: brightness(0) !important;
		opacity: 1 !important;
	}
}

/* Мобильные: не трогаем — панель скрыта как в оригинале */
@media (max-width: 768px) {
	.left-panel-social {
		display: none !important;
	}
}















/* Контейнер всего блока контактов */
.menu-downBlock-flex2 {
	display: flex !important;
	flex-direction: column !important; /* Выстраиваем строки друг под другом */
	align-items: flex-start !important; /* Выравнивание по левому краю */
	gap: 12px !important; /* Одинаковое аккуратное расстояние между строками */
	width: 100% !important;
	margin-bottom: 20px !important;
}

/* Каждая отдельная строчка (Адрес, Время, Почта) */
.menu-down-data {
	display: flex !important;
	flex-direction: row !important; /* Картинка и текст строго в линию */
	align-items: center !important; /* Выравнивание иконки и текста по центру по вертикали */
	justify-content: flex-start !important;
	width: 100% !important;
	margin: 0 !important; /* Сбрасываем старые прыгающие отступы */
}

/* Особое выравнивание для блока с телефоном-ссылкой */
.menu-down-data .phone {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important; /* Чтобы трубка и номер были на одной оси */
	justify-content: flex-start !important;
	text-decoration: none !important;
	width: auto !important;
}

/* Жёстко фиксируем размеры ВСЕХ иконок в контактах, чтобы они не плясали */
.menu-down-data img,
.menu-down-data .phone img {
	width: 18px !important;  /* Идеальный аккуратный размер */
	height: 18px !important;
	min-width: 18px !important;
	min-height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	object-fit: contain !important;
	margin-right: 12px !important; /* Чёткий фиксированный отступ от иконки до текста */
	display: block !important;
	filter: brightness(0) !important;
	opacity: 0.85 !important;
}

/* Стили для текста рядом с иконками */
.menu-down-data p,
.menu-down-data .phone p {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	color: #111111 !important;
	font-weight: 400 !important;
}

.menu-down-data .phone:hover p {
	color: rgba(17, 17, 17, 0.6) !important;
	transition: color 0.2s ease;
}

img[src*="page6-arrow.svg"] {
	width: 16px;
	height: 16px;
	max-width: 16px;
	max-height: 16px;
	object-fit: contain;
	flex-shrink: 0;
}

.page6-furniture-batton img[src*="page6-arrow.svg"] {
	width: 14px;
	height: 14px;
	max-width: 14px;
	max-height: 14px;
}

.form-message-btn:disabled,
.form-message-btn.is-disabled,
.form-call-btn:disabled,
.form-call-btn.is-disabled {
	opacity: 0.42;
	cursor: not-allowed;
	pointer-events: none;
	filter: grayscale(0.15);
}