/* USER VARIABLES SECTION */

:root {
	--accent: #517085;
	--text: #FFFFFF;
	--regular-text: 16px;
	--lineheight: 120%;
	--userfont: "lemonde-courrier", sans-serif;
	--title: dazzle-unicase, sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	--desktop: 100 / 1920;
	--mobile: 100 / 375;

}



/* FONTS LOAD SECTION */

@font-face { src: url("../fonts/FiraMono-Regular.woff2") format("woff2"); font-family: "firamono"; font-weight: 400; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/FiraMono-Bold.woff2") format("woff2"); font-family: "firamono"; font-weight: 600; font-style: normal; font-display: swap; }


.le-regular {
	font-family: "lemonde-courrier", serif;
	font-weight: 400;
	font-style: normal;
}
.le-demi {
	font-family: "lemonde-courrier", serif;
	font-weight: 600;
	font-style: normal;
}
.le-bold {
	font-family: "lemonde-courrier", serif;
	font-weight: 700;
	font-style: normal;
}

.blenny {
	font-family: "blenny", sans-serif;
	font-weight: 900;
	font-style: normal;
}

/* GENERAL CSS SETTINGS */

::placeholder { color: #C5D1FF; }
::selection { background-color: var(--accent); color: #fff; }
input, textarea { outline: none; }

body {
	font-family: var(--userfont);
	font-size: var(--regular-text);
	line-height: var(--lineheight);
	/* min-width: 320px; */
	position: relative;
	/* overflow-x: hidden; */
	box-sizing: border-box;
	/* max-width: 1920px; */
	margin: 0 auto;
	background: #fff;
	font-weight: 400;
}


ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}

/* USER STYLES */

a {
	transition: .3s ease-in-out;
	text-decoration: none;
	color: var(--text);
}

a:hover {
	color: var(--acc-text);
}

header {
	padding-top: 50px;
	padding-top: calc(50vw * var(--desktop));
	padding-bottom: calc(37vw * var(--desktop));
	width: 100%;
}

.header-mobile-nav {
	display: none;
}

.header-container {
	max-width: calc(1054vw * var(--desktop));
	max-width: calc(848vw * var(--desktop));
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.header-menu {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

body {
	background-image: url(../images/parallax-bg.png);
	background-size: 100%;
	background-color: #F7F3EF;
	background-attachment: fixed;
  background-position: top center;
  background-repeat: no-repeat;

}

.header-menu li a {
	color: var(--accent);
	font-family: "lemonde-courrier", serif;
	font-weight: 600;
	font-style: normal;
	font-size: calc(20vw * var(--desktop));
	transition: .3s ease-in-out;
}

.header-menu li a:hover {
	color: #000;
}

.canvas-container {
	max-width: calc(1871.54vw * var(--desktop));
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.canvas-container img.canvas-border {
	width: 100%;
}

img.canvas-image {
	/* width: calc(1436.55vw * var(--desktop)); */
	position: absolute;
	/* left: calc(162.8vw * var(--desktop)); */
	bottom: calc(12vw * var(--desktop));

	width: calc(1264.55vw * var(--desktop));
  left: calc(295.8vw * var(--desktop));
}

.intro-text__container {
	max-width: calc(988.75vw * var(--desktop));
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.intro-text__container-inner {
	max-width: calc(763vw * var(--desktop));
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: max-content;
	color: #fff;
	text-align: center;
}

.intro-text__container-inner p {
	font-size: calc(18vw * var(--desktop));
	line-height: calc(21.6vw * var(--desktop));
	font-family: "lemonde-courrier", serif;
	font-weight: 400;
	font-style: normal;
	margin-bottom: calc(18vw * var(--desktop));
}

.intro-text__container-inner p:last-child {
	margin-bottom: 0;
}

.intro-text__container-inner h1 {
	font-size: calc(33vw * var(--desktop));
	line-height: calc(39.6vw * var(--desktop));
	font-family: "blenny", sans-serif;
	font-weight: 900;
	font-style: normal;
}

.intro-text__container-inner h1 br {
	display: none;
}

section.intro-text {
	margin-top: calc(-170vw * var(--desktop));
	position: relative;
	z-index: 2;
}

.cards-container {
	max-width: calc(1392.54vw * var(--desktop));
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.cards-border {
	width: 100%;
}

section.cards {
	margin-top: calc(-250vw * var(--desktop));
}

.cards-container {
	position: relative;
}

.cards-container__inner {
	position: absolute;
	top: calc(292vw * var(--desktop));;
	max-width: calc(1110vw * var(--desktop));
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	gap: calc(17.5vw * var(--desktop)) 0;
	flex-wrap: wrap;
}

/* .card-item__image-hover {
	display: none;
} */

.card-item {
	max-width: calc(169.7vw * var(--desktop));
	width: 100%;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	perspective: 1000px;
	height: calc(255.24vw * var(--desktop));
}

.card-item img {
	width: 100%;
	height: 100%;
	transition: transform 0.5s ease;
}

.card-item__inner {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.5s ease;
}

.card-item:hover .card-item__inner {
	transform: rotateY(180deg);
}

.card-item__image, .card-item__image-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	object-fit: cover;
}

.card-item__image {
	transform: rotateY(0deg);
}

.card-item__image-hover {
	transform: rotateY(180deg);
}

.card-item__first .card-item__image-hover-first {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	height: auto;
	transition: .5s ease-in-out;

}

.card-item__first {
	overflow: unset;
	z-index: 2;
}

.card-item__image-first  {
	opacity: 1;
	transition: .5s ease-in-out;
}

/* .card-item__first:hover .card-item__image-first {
	opacity: 0;
} */

.card-item__first:hover .card-item__image-hover-first {
	opacity: 1;
	transform: scale(2);
	/* width: calc(341vw * var(--desktop)); */
	/* height: ; */
}

.questions-flex {
	display: flex;
	justify-content: space-between;
	max-width: calc(1030vw * var(--desktop));
	margin-left: auto;
	margin-right: auto;
}

section.questions {
	position: relative;
	margin-top: calc(-255vw * var(--desktop));
	z-index: 2;
}

.question-box {
	width: 100%;
	max-width: calc(495.75vw * var(--desktop));
	height: calc(716vw * var(--desktop));
	background: url(../images/border4-bg.svg) no-repeat;
	background-size: cover;
	padding-top: calc(48.5vw * var(--desktop));
}

.question-box__inner {
	max-width: calc(377vw * var(--desktop));
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.question-box {
	color: #fff;
	text-align: center;
	position: relative;
}

.question-box__inner h2 {
	font-size: calc(41vw * var(--desktop));
	line-height: calc(49.2vw * var(--desktop));
	font-family: "blenny", sans-serif;
	font-weight: 900;
	font-style: normal;
}

#question_one .question-box__inner h2 {
	margin-bottom: calc(12.5vw * var(--desktop));
}

.question-box__inner h3 {
	font-family: "lemonde-courrier", serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	font-size: calc(25vw * var(--desktop));
	line-height: calc(30vw * var(--desktop));
	margin-bottom: calc(20vw * var(--desktop));
}

.question-box__inner p {
	font-family: "lemonde-courrier", serif;
	font-weight: 600;
	font-style: normal;
	font-size: calc(18vw * var(--desktop));
	line-height: calc(21.6vw * var(--desktop));
	margin-bottom: calc(18.5vw * var(--desktop));
}

#question_two .question-box__inner h2 {
	margin-bottom: calc(50vw * var(--desktop));
}

.question-button {
	transition: .5s ease-in-out;
	border-radius: calc(40vw * var(--desktop));
	border: 1px solid #fff;
	background: #6E889A;
	width: 100%;
	height: calc(76vw * var(--desktop));
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.question-button span {
	font-family: "lemonde-courrier", serif;
	font-weight: 700;
	font-style: normal;
}

.question-button span:first-child {
	text-transform: uppercase;
	font-size: calc(25vw * var(--desktop));
	line-height: calc(30vw * var(--desktop));
}

.question-button span:nth-child(2) {
	font-size: calc(18vw * var(--desktop));
	line-height: calc(21.6vw * var(--desktop));
}

.question-button:hover {
	background: #315167;
}

.question-button.button-first {
	margin-bottom: calc(50vw * var(--desktop));
}

.question-button.button-second {
	margin-bottom: calc(76vw * var(--desktop));
}

.modal-form {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	padding-top: calc(65vw * var(--desktop));
	opacity: 0;
	visibility: hidden;
	padding-left: calc(55vw * var(--desktop));
	padding-right: calc(55vw * var(--desktop));
}

.thankyou-message {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	font-size: 1.8vw;
	line-height: 2vw;
	padding-left: 3vw;
	padding-right: 3vw;
	visibility: hidden;
	opacity: 0;

}

.modal-form.visible {
	opacity: 1;
	visibility: visible;
}

.modal-form.visible + .question-box__inner {
	opacity: 0;
	visibility: hidden;
}

.modal-form h2 {
	font-family: "lemonde-courrier", serif;
	font-weight: 700;
	font-style: normal;
	font-size: calc(25vw * var(--desktop));
	line-height: calc(30vw * var(--desktop));
	margin-bottom: calc(38vw * var(--desktop));
}

.input-row {
	text-align: left;
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: calc(10vw * var(--desktop));
	margin-bottom: calc(18vw * var(--desktop));
}

.input-row label {
	font-size: calc(17.97vw * var(--desktop));
	line-height: calc(20.49vw * var(--desktop));
}

.input-item {
	width: 100%;
	height: calc(35vw * var(--desktop));
	background: #6E889A;
	border: 1px solid #fff;
	padding-left: 1vw;
	padding-right: 1vw;
	color: #fff;
	font-size: calc(16vw * var(--desktop));
}

.textarea-item {
	width: 100%;
	height: calc(90vw * var(--desktop));
	background: #6E889A;
	border: 1px solid #fff;
	padding: 1vw 1vw;
	color: #fff;
	font-size: calc(16vw * var(--desktop));
	padding-top: 0.5vw;
}

.textarea-row {
	margin-bottom: calc(32vw * var(--desktop));
}

.buttons-form {
	display: flex;
	flex-direction: column;
	gap: calc(26vw * var(--desktop));
	justify-content: center;
	align-items: center;
}

.submit-input {
	width: calc(240vw * var(--desktop));
	height: calc(48.7vw * var(--desktop));
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(30vw * var(--desktop));
	background: #6E889A;
	border: 1px solid #fff;
	transition: .5s ease-in-out;
	font-size: calc(20vw * var(--desktop));
	line-height: calc(24vw * var(--desktop));
	text-transform: uppercase;
	font-family: "lemonde-courrier", serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;

}

.reset-input {
	font-family: "lemonde-courrier", serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	font-size: calc(20vw * var(--desktop));
	line-height: calc(24vw * var(--desktop));
	background: transparent;
	border: 0;
}

.submit-input:hover {
	background: #3A5A70;
}

section.perspectives {
	margin-top: calc(-217vw * var(--desktop));
}

.pers-container {
	max-width: calc(1392.54vw * var(--desktop));
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.perspectives-bg, .intro-text__border {
	width: 100%;
}

.pers-inner {
	position: absolute;
	top: calc(255.8vw * var(--desktop));
	max-width: calc(880vw * var(--desktop));
	width: 100%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	text-align: center;
	flex-wrap: wrap;

}

.pers-inner h2 {
	width: 100%;
	font-size: calc(38.95vw * var(--desktop));
	line-height: calc(46.74vw * var(--desktop));
	color: var(--accent);
	font-family: "blenny", sans-serif;
	font-weight: 900;
	font-style: normal;
	margin-bottom: calc(15vw * var(--desktop));
}

.pres-inner__box {
	max-width: calc(340vw * var(--desktop));
}

.pres-inner__box h3 {
	font-size: calc(22vw * var(--desktop));
	line-height: calc(26.4vw * var(--desktop));
	margin-bottom: calc(10.4vw * var(--desktop));
	font-family: "lemonde-courrier", serif;
	font-weight: 700;
	font-style: normal;
	color: var(--accent);
}

.pres-inner__box p {
	font-family: "lemonde-courrier", serif;
	font-weight: 600;
	font-style: normal;
	font-size: calc(18vw * var(--desktop));
	line-height: calc(21.6vw * var(--desktop));
	color: var(--accent);
}


.contact-us__block {
	width: 100%;
	text-align: center;
	margin-top: calc(50vw * var(--desktop));
}

.contact-button {
	width: calc(233vw * var(--desktop));
	height: calc(50vw * var(--desktop));
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-family: "lemonde-courrier", serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	font-size: calc(18vw * var(--desktop));
	line-height: calc(21.6vw * var(--desktop));
	border-radius: calc(30vw * var(--desktop));
	background: #6E889A;
	transition: .5s ease-in-out;
	margin-left: auto;
	margin-right: auto;
}

.contact-button:hover {
	background: #3C596E;
	cursor: pointer;
}

.salons-container {
	max-width: calc(988.75vw * var(--desktop));
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/* height: calc(328.12vw * var(--desktop)); */
	height: max-content;
	/* background: url(../images/border6-bg.svg) no-repeat; */
	background-size: cover;
	padding-top: calc(56vw * var(--desktop));
	text-align: center;
	padding-bottom: calc(56vw * var(--desktop));
	position: relative;
}

.salons-container:before {
	content: '';
	background: url(../images/border6-bg-centre.svg) repeat-y;
	width: calc(100% - calc(22vw * var(--desktop)));
	height: calc(100% - calc(195.96vw * var(--desktop)));
	position: absolute;
	left: calc(11vw * var(--desktop));
	top: calc(97.98vw * var(--desktop));
	z-index: 1;
}

.salons-top__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}

.salons-bottom__bg {
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 100%;
	z-index: 2;
}




.salons-inner {
	max-width: calc(800vw * var(--desktop));
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	z-index: 3;
}

.salons-inner h2 {
	font-size: calc(33vw * var(--desktop));
	line-height: calc(39.6vw * var(--desktop));
	width: 100%;
	font-family: "blenny", sans-serif;
	font-weight: 900;
	font-style: normal;
	margin-bottom: calc(35vw * var(--desktop));
}

.salons-item {
	/* max-width: calc(375vw * var(--desktop)); */
	width: 100%;
	font-size: calc(18vw * var(--desktop));
	line-height: calc(21.6vw * var(--desktop));
	font-family: "lemonde-courrier", serif;
	font-weight: 400;
	font-style: normal;
	margin-bottom: calc(30vw * var(--desktop));
}


.salons-items__new {
	width: 100%;
	max-width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 calc(20vw * var(--desktop));
}

.salons-item__inner {
	margin-bottom: calc(30vw * var(--desktop));
	max-width: calc(375vw * var(--desktop));
	width: 100%;
	font-size: calc(18vw * var(--desktop));
	line-height: calc(21.6vw * var(--desktop));
	font-family: "lemonde-courrier", serif;
	font-weight: 400;
	font-style: normal;
}



section.salons {
	margin-top: calc(33vw * var(--desktop));
	margin-bottom: calc(20vw * var(--desktop));
}

.footer-container {
	position: relative;
	max-width: calc(1853.86vw * var(--desktop));
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.footer-bg {
	width: 100%;
}

.footer-content {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: calc(134vw * var(--desktop));
	padding-right: calc(88vw * var(--desktop));
}

.footer-content-box {
	max-width: calc(200vw * var(--desktop));
	text-align: center;
	width: 100%;
}

.footer-logo {
	display: block;
	max-width: calc(138vw * var(--desktop));
	width: 100%;
}

.footer-logo img {
	width: 100%;
}

.footer-content-box {
	font-family: "lemonde-courrier", serif;
	font-weight: 600;
	font-style: normal;
	color:#1D1D1B;
	font-size: calc(18vw * var(--desktop));
	line-height: calc(21.6vw * var(--desktop));
	position: relative;
	min-height: calc(130vw * var(--desktop));
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: calc(220vw * var(--desktop));
}

.mobile-canvas {
	display: none;
}

.footer-content-box:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: calc(175.63vw * var(--desktop));
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	background: #000000;
}


.footer-content-box:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: calc(175.63vw * var(--desktop));
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	background: #000000;
}

.footer-contacts {
	font-family: "lemonde-courrier", serif;
	font-weight: 700;
	font-style: normal;
	max-width: calc(215vw * var(--desktop));
	width: 100%;
	color: #000000;
	text-align: center;
}

.footer-contacts h3 {
	font-size: calc(18vw * var(--desktop));
	line-height: calc(21.6vw * var(--desktop));
	margin-bottom: calc(25vw * var(--desktop));
	text-transform: uppercase;
	font-family: "lemonde-courrier", serif;
	font-weight: 700;
	font-style: normal;
}

.footer-email, .footer-phone {
	font-size: calc(18vw * var(--desktop));
	line-height: calc(21.6vw * var(--desktop));
	display: block;
	color: #000000;
}

.footer-phone {
	margin-bottom: calc(18vw * var(--desktop));
}

.address p {
	font-size: calc(18vw * var(--desktop));
	line-height: calc(21.6vw * var(--desktop));
}

.address p.ebl {
	color: #54742B;
	font-size: calc(21vw * var(--desktop));
	line-height: calc(25.2vw * var(--desktop));
}

footer {
	padding-bottom: calc(35vw * var(--desktop));
	position: relative;
}

.footer-made {
	position: absolute;
	bottom: calc(18vw * var(--desktop));
	left: 0;
	right: 0;
	width: max-content;
	margin-left: auto;
	margin-right: auto;

}

.footer-made a {
	display: block;
	width: calc(77vw * var(--desktop));
}

.footer-made a img {
	width: 100%;
}

.salon-item {
	font-size: calc(20vw * var(--desktop));
}

/* .salons-item {
	display: none;
} */

.salons-item.timely-item {
	display: block;
	max-width: 100%;
	margin-bottom: calc(25vw * var(--desktop));
}

.salons-item h3 {
	font-family: "lemonde-courrier", serif;
	font-weight: 700;
	font-style: normal;
	font-size: calc(20vw * var(--desktop));
	line-height: calc(21vw * var(--desktop));
	margin-bottom: calc(5vw * var(--desktop));
}

a.salon-item {
	font-family: "lemonde-courrier", serif;
	font-weight: 400;
	font-style: normal;
	font-size: calc(14vw * var(--desktop));
	line-height: calc(21.6vw * var(--desktop));
}


@media (max-width: 670px) {

	.salon-item {
		font-size: calc(18vw * var(--mobile));
	}
	header {
		padding-top: calc(14vw * var(--mobile));
		padding-bottom: calc(8vw * var(--mobile));
	}

	.header-menu {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		width: calc(245vw * var(--mobile));
		height: calc(202vw * var(--mobile));
		flex-direction: column;
		top: calc(23vw * var(--mobile));
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		justify-content: center;
		background: url(../images/mobile-menu-border.svg) no-repeat;
		background-size: cover;
		gap: calc(5vw * var(--mobile));
		padding-left: calc(40vw * var(--mobile));
	}

	.salons-items__new {
		display: flex;
		flex-direction: column;
		gap: calc(20vw * var(--mobile));
	}

	.salons-items__new .salons-item:last-child {
		margin-bottom: calc(40vw * var(--mobile));
	}

	.header-container.visible:before {
		content: '';
		background: #fff;
		width: 100%;
		position: absolute;
		height: calc(250vw * var(--mobile));
		top: 0;
		z-index: 3;
	}

	.header-container.visible .header-menu {
		opacity: 1;
		visibility: visible;
		z-index: 3;
	}



	.header-mobile-nav {
		display: block;
		text-align: center;
	}

	.hamb-icon {
		width: calc(19vw * var(--mobile));
		cursor: pointer;
	}

	.header-container {
		max-width: 100%;
	}

	.menu-close {
		opacity: 0;
		position: absolute;
		right: calc(30vw * var(--mobile));
		top: calc(8vw * var(--mobile));
		width: calc(18vw * var(--mobile));
		cursor: pointer;
	}

	.header-mobile-nav.visible .menu-close {
		opacity: 1;
		z-index: 3;
	}

	.header-menu li a {
		font-size: calc(15vw * var(--mobile));
		line-height: calc(18vw * var(--mobile));
	}

	.canvas-container img.canvas-border {
		display: none;
	}

	.canvas-container {
		max-width: calc(367.4vw * var(--mobile));
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		height: calc(210.48vw * var(--mobile));
		background: url(../images/mobile-intro-border.svg) no-repeat;
		background-size: contain;
		overflow: hidden;
	}

	img.canvas-image {
    /* width: 107vw;
    position: absolute;
    left: -7vw;
    bottom: 2vw;
    z-index: -1; */
		width: 91vw;
    position: absolute;
    left: 1vw;
    bottom: 2vw;
    z-index: -1;
	}

	section.intro-text {
		margin-top: calc(15vw * var(--mobile));
	}

	.intro-text__container {
		max-width: calc(333.38vw * var(--mobile));
	}

	.intro-text__border {
		content: url(../images/mobile-border2.svg);
	}

	.intro-text__container-inner {
		max-width: calc(292vw * var(--mobile));
	}

	.intro-text__container-inner p {
		font-size: calc(14vw * var(--mobile));
		line-height: calc(15.8vw * var(--mobile));
		margin-bottom: calc(11vw * var(--mobile));
	}

	.intro-text__container-inner p br {
		display: none;
	}

	.intro-text__container-inner h1 {
		font-size: calc(18vw * var(--mobile));
		line-height: calc(21.6vw * var(--mobile));
		margin-bottom: calc(15vw * var(--mobile));
	}

	

	.intro-text__container-inner h1 br {
		display: block;
	}

	section.cards {
		margin-top: calc(20vw * var(--mobile))
	}

	.cards-border {
		display: none;
	}

	.cards-container__inner {
		position: static;
		max-width: 100%;
		gap: calc(11.2vw * var(--mobile)) 0;
	}

	.cards-container {
		max-width: calc(348vw * var(--mobile));

	}

	.card-item {
		max-width: calc(108.42vw * var(--mobile));
		height: calc(163.1vw * var(--mobile));
	}

	section.questions {
		margin-top: calc(22vw * var(--mobile));
	}

	.questions-flex {
		max-width: calc(327vw * var(--mobile));
		flex-direction: column;
		gap: calc(10vw * var(--mobile));
	}

	.question-box {
		max-width: 100%;
		height: calc(504.28vw * var(--mobile));
		background: url(../images/mobile-border3.svg) no-repeat;
    background-size: contain;
		padding-top: calc(37vw * var(--mobile));
	}

	.question-box__inner {
		max-width: calc(275vw * var(--mobile));
	}

	.question-box__inner h2 {
		font-size: calc(26vw * var(--mobile));
		line-height: calc(31.2vw * var(--mobile));
	}

	#question_one .question-box__inner h2 {
		margin-bottom: calc(10.2vw * var(--mobile));
	}

	.question-box__inner h3 {
		font-size: calc(16.49vw * var(--mobile));
		margin-bottom: calc(12vw * var(--mobile));
		line-height: calc(19.79vw * var(--mobile));
	}

	.question-box__inner p {
		font-size: calc(14vw * var(--mobile));
		line-height: calc(16.8vw* var(--mobile));
		margin-bottom: calc(12vw * var(--mobile));
	}

	.question-box__inner p br {
		display: none;
	}

	#question_two .question-box__inner h2 {
		margin-bottom: calc(51.8vw * var(--mobile));
	}

	#question_two .question-box__inner {
		max-width: calc(259vw * var(--mobile));
	}

	.question-button {
		height: calc(52.59vw * var(--mobile));
		border-radius: calc(40vw * var(--mobile));
	}

	.question-button span:first-child {
		font-size: calc(17.3vw * var(--mobile));
		line-height: calc(20.76vw * var(--mobile));

	}

	.question-button span:nth-child(2) {
		font-size: calc(13vw * var(--mobile));
		line-height: calc(15.6vw * var(--mobile));
	}

	.question-button.button-first {
		margin-bottom: calc(30vw * var(--mobile));
	}

	.question-button.button-second {
		margin-bottom: calc(55vw *var(--mobile));
	}

	section.perspectives {
		margin-top: calc(15vw * var(--mobile));
	}

	.pers-container {
		max-width: calc(367.4vw * var(--mobile));
	}

	.perspectives-bg {
		content: url(../images/pers-mobile-bg.svg);
	}

	.pers-inner {
		top: calc(27vw * var(--mobile));
		max-width: calc(265vw * var(--mobile));
	}

	.pers-inner h2 {
		font-size: calc(24.7vw * var(--mobile));
		line-height: calc(29.64vw * var(--mobile));
		margin-bottom: calc(20vw * var(--mobile));
	}

	.pres-inner__box {
		max-width: 100%;
		width: 100%;
		margin-bottom: calc(26vw * var(--mobile));
	}

	.pres-inner__box h3 {
		font-size: calc(18vw * var(--mobile));
		line-height: calc(21.6vw * var(--mobile));
		margin-bottom: calc(8.5vw * var(--mobile));
	}

	.pres-inner__box p {
		font-size: calc(14vw * var(--mobile));
		line-height: calc(16.8vw * var(--mobile));
	}

	.contact-us__block {
		margin-top: 0;
	}

	.contact-button {
		width: calc(185vw * var(--mobile));
		height: calc(37.6vw * var(--mobile));
		border-radius: calc(30vw * var(--mobile));
		font-size: calc(14.4vw * var(--mobile));
		line-height: calc(17.28vw * var(--mobile));
	}

	section.salons {
		margin-top: calc(25vw * var(--mobile));
		margin-bottom: calc(20vw * var(--mobile));
	}

	.salons-container {
		max-width: calc(327vw * var(--mobile));
		/* height: calc(376.28vw * var(--mobile)); */
		/* background: url(../images/salons-bg.svg) no-repeat; */
		background-size: contain;
		padding-top: calc(40vw * var(--mobile));
	}

	.salons-inner {
		max-width: calc(280vw * var(--mobile));
	}

	.salons-inner h2 {
		font-size: calc(26vw * var(--mobile));
		line-height: calc(31.2vw * var(--mobile));
		margin-bottom: calc(15vw * var(--mobile));
	}

	.salons-item {
		max-width: 100%;
		font-size: calc(14vw * var(--mobile));
		line-height: calc(17.8vw * var(--mobile));
	}
	.salons-item__inner {
		max-width: 100%;
		font-size: calc(14vw * var(--mobile));
		line-height: calc(17.8vw * var(--mobile));
	}

	footer {
		padding-bottom: calc(55vw * var(--mobile));
	}

	.footer-container {
		max-width: calc(352.46vw * var(--mobile));
	}

	.footer-bg {
		content: url(../images/footer-mobile-bg.svg);
	}

	.footer-content {
		flex-direction: column;
		padding-top: calc(37vw * var(--mobile));
		padding-bottom: calc(70vw * var(--mobile));
		max-width: calc(190vw * var(--mobile));
		margin-left: auto;
		margin-right: auto;
		right: 0;
		padding-left: 0;
		padding-right: 0;
		justify-content: unset;
	}

	.footer-logo {
		max-width: calc(100vw * var(--mobile));
		margin-bottom: calc(20vw * var(--mobile));
	}

	.footer-content-box {
		max-width: calc(180vw * var(--mobile));
		padding-top: calc(12vw * var(--mobile));
		padding-bottom: calc(12vw * var(--mobile));
		font-size: calc(14vw * var(--mobile));
		line-height: calc(16.8vw * var(--mobile));
		border-top: 1px solid #000;
	}

	

	.footer-content-box:before {
		display: none;
	}

	.footer-content-box:after {
		display: none;
	}

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

	.footer-contacts h3 {
		font-size: calc(18vw * var(--mobile));
		line-height: calc(21.6vw * var(--mobile));
		margin-bottom: calc(26vw * var(--mobile));
	}

	.footer-email, .footer-phone {
		font-size: calc(16vw * var(--mobile));
		line-height: calc(19.2vw * var(--mobile));
	}

	.footer-phone {
		margin-bottom: calc(16.5vw * var(--mobile));
	}

	.address p.ebl {
		font-size: calc(16vw * var(--mobile));
		line-height: calc(19.2vw * var(--mobile));
	}

	.address p {
		font-size: calc(16vw * var(--mobile));
		line-height: calc(19.2vw * var(--mobile));
	}
	.footer-box__last {
		border-bottom: 1px solid #000;
	}

	.footer-made {
		bottom: calc(23vw * var(--mobile));
	}

	.footer-made a {
		width: calc(62vw * var(--mobile));
	}

	.modal-form {
		padding-top: calc(30vw * var(--mobile));
		padding-left: calc(30vw * var(--mobile));
    padding-right: calc(30vw * var(--mobile));
	}

	.modal-form h2 {
		font-size: calc(20vw * var(--mobile));
    line-height: calc(24vw * var(--mobile));
    margin-bottom: calc(19vw * var(--mobile));
	}

	.input-row {
		gap: calc(7vw * var(--mobile));
    margin-bottom: calc(14vw * var(--mobile));
	}

	.input-row label {
		font-size: calc(14vw * var(--mobile));
    line-height: calc(17vw * var(--mobile));
	}

	.input-item {
		height: calc(23vw * var(--mobile));
    background: #6E889A;
    border: 1px solid #fff;
    padding-left: 2vw;
    padding-right: 2vw;
		font-size: calc(14vw * var(--mobile));
	}

	.textarea-item {
		height: calc(50vw * var(--mobile));
		font-size: calc(14vw * var(--mobile));
		padding: 1vw 2vw;
	}

	.submit-input {
    width: calc(185vw * var(--mobile));
    height: calc(37.6vw * var(--mobile));
    border-radius: calc(30vw * var(--mobile));
    font-size: calc(14.4vw * var(--mobile));
    line-height: calc(17.28vw * var(--mobile));
	}

	.reset-input {
		font-size: calc(14.4vw * var(--mobile));
    line-height: calc(17.28vw * var(--mobile));
	}

	.buttons-form {
		gap: calc(15vw * var(--mobile));
		margin-top: calc(22vw * var(--mobile));
	}

	.thankyou-message {
    font-size: 5vw;
    line-height: 7vw;
    padding-left: 7vw;
    padding-right: 7vw;
	}

	.card-item__first:hover .card-item__image-hover-first {
		transform: scale(1.5);
	}
	.mobile-canvas {
		display: block;
		width: 100%;
	}
	.canvas-image {
		display: none;
	}

	.canvas-container {
		background: unset;
	}

	/* .salons-item {
		display: none;
	} */

	.salons-item__inner {
		margin-bottom: calc(30vw * var(--mobile));
	}
	
	.salons-item.timely-item {
		margin-bottom: calc(25vw * var(--mobile));
	}
	
	.salons-item h3 {
		font-size: calc(18vw * var(--mobile));
		line-height: calc(21vw * var(--mobile));
		margin-bottom: calc(5vw * var(--mobile));
	}
	
	a.salon-item {
		font-size: calc(12vw * var(--mobile));
		line-height: calc(14vw * var(--mobile));
	}
	
}