@import url("../fonts/Gilroy-Light/style.css");
@import url("../fonts/Gilroy-Regular/style.css");
@import url("../fonts/Gilroy-Semibold/style.css");
@import url("../fonts/SFProDisplay-Medium/style.css");
@import url("../fonts/SFProDisplay-Regular/style.css");
body{
	margin: 0;
	box-sizing: border-box;
	color: #2e2e2e; 
	font-family: 'Gilroy', sans-serif;}
ul{
	margin: 0; 
	padding: 0;}
li{list-style: none;}
a{
	text-decoration: none;
	color: inherit;}
a:hover{color: #CCA828;}
h1,h2,h3,h4,h5,h6,p,dd{margin: 0;}
button{
	border: none;
	padding: 0;
	color: inherit;}
.trans{transition: 0.5s ease;}
.flex{display: flex;}
.jc-sb{justify-content: space-between;}
.jc-sa{justify-content: space-around;}
.ai-c{align-items: center;}
.container{
	max-width: 1564px;
	margin: 0 auto;
	height: inherit;
	padding: 0 30px;}
/* ================ HEADER ================ */
.header{
	height: 116px;
	position: absolute;
	left: 0;
	right: 0;}
.burger-btn{
	position: relative;
	top: 5px;
	margin-right: 20px;
	width: 26px;
	height: 26px;
	background: url(../img/burger.svg) no-repeat center;
	background-size: cover; 
	display: none;}
.burger-btn._active{
	background: url(../img/cross.svg) no-repeat center;
	background-size: cover;}
.header_logo{
	width: 142px;
	height: 48px;
	margin-right: 48px;}
.header_nav{margin-right: 140px;}
.header_menu{gap:39px;}
.menu_curtain{
	position: absolute;
	z-index: -5;
	display: none;
	height: 100vh;
	width: 100vw;
	background-color: #2e2e2e;
	opacity: 0.9;}
.header_menu-link{font-weight: 300;}
.phoneBlack{display: none;}	
.header_phone{
	color: orange;
	font-weight: 600;
	padding: 0 22px 0 8px;
	min-width: 116px;}
.header_lang{
	border-bottom: 1px solid orange;
	color: orange;}
/* ================ SECTION-1 ================ */
.section-1{height: 900px;}
.section-1_leftColumn{
	width: 710px;
	gap:69px;}
.section-1_title{
	padding-top: 153px;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 75px;}
.section-1_rightColumn{
	width: 854px;
	background: url(../img/dom.webp) center no-repeat;
	background-size: cover;}
.section-1_rightColumn-lady{
	position: absolute;
	top: 214px;
	height: 769px;
	width: 854px;
	background: url(../img/Lady.webp) right -36px bottom no-repeat;
	background-size: auto;
	z-index: 5;}
.section-1_title::before{
	content: "";
	display: inline-block;
	width: 44px;
	height: 7px;
	border-top: 1px solid #2e2e2e;
	margin-right: 24px;}
.section-1_leftColumn-left{
	width: 22px;
	margin-left: 40px;
	flex-direction: column;
	gap:27px;
	padding-top: 158px;}
.icon_insta{margin-bottom: 36px;}
.section-1_leftColumn-left span{font-size: 1.5em;}
.section-1_leftColumn-right img{
	position: absolute;
	background-color: lightgray;
	border-radius: 15px;
	box-shadow: 5px 5px 5px orange;}
.section-1_slogan2{font-size: 24px;}
.section-1_slogan{
	font-size: 1.5em;
	font-weight: 300;
	max-width: 466px;
	margin-top: 382px;
	margin-bottom: 50px;}
.btn{
	background-color: #fff;
	border: 1px solid #2E2E2E;
	font-weight: 600;
	font-size: 16px;
	height: 60px;
	cursor: pointer;}
.btn-consult{
	margin-bottom: 30px;
	position: relative;
	width: 244px;}
.btn:hover{background-color: #FFE588;}
.btn:active{
	background-color: #2e2e2e;
	color: #fff;}
.btn-consult::after{
	content: "";
	display: inline-block;
	width: 46px;
	height: 6px;
	border-top: 1px solid #2e2e2e;
	position: absolute;
	left: 268px;
	top: 28px;}
.icon_mouse{margin: 165px 0 -11px;}
.line_under_mouse{
	width: 1px;
	height: 107px;
	background-color: #2e2e2e;}
.section-1_adress-link {
    margin-top: 45px;
    padding-bottom: 60px;}
.section-1_leftColumn-left:hover{
	 background: linear-gradient(180deg, #4C5FCA 40%, #C837AB 47.4%, #FFDB55 55%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}   
/* ================ SECTION-2 SLIDER ================ */
.section-2{
	padding-top: 100px;}
.section-2_title{
	font-weight: 600;
	font-size: 62px;}
.section-2_works{
	gap:18px;
	font-weight: 600;
	line-height: 22px;
	margin: 24px 0 50px;}
.section-2_works span a {border-bottom: 1px #2e2e2e solid;}
.swiper-wrapper{
	margin: 0 auto;
	width: 1564px;}
.swiper-slide{
	position: relative;
	max-width: 376px;
	height: 668px;}
.swiper-button-next:after,
.swiper-button-prev:after{
	color: #2e2e2e;
	font-size: 1.5em}
.video-btn{
	position: absolute;
	left: 130px;
	top: 276px;
	width: 118px;
	height: 118px;
	z-index: 100;
	background: url(../img/playWhite.svg) no-repeat center;
	background-size: cover;}
.video-btn:hover{
	background: url(../img/playGold.svg) no-repeat center;
	background-size: cover;}	
/* ================ SECTION-3 FORM ================= */
.section-3{
	height: 356px;
	background-color: #EAE1D7;}
.section-3_leftColumn{
	width: 658px;
	height: 156px;}
.section-3_rightColumn{
	width: 856px;
	height: 60px;}
.section-3_leftColumn h2{
	font-weight: 600;
	font-size: 62px;
	line-height: 54px;
	margin-bottom: 24px;}	
.section-3_leftColumn p{
	font-weight: 600;
	font-size: 20px;}
.section-3_form{gap:24px;}
.section-3_formName,
.section-3_formTel{
	padding: 20px 24px;
	max-width: 260px;
	font-size: 20px;
	box-sizing: border-box;
	border: none;}
.section-3_form input::placeholder{
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #8D8B90;}
.section-3_formSubmit{
	border: none;
	min-width: 220px;
	height: 60px;
	background-color: #2e2e2e;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;}
.section-3_formSubmit:hover{
	background-color: #FFE588;
	color: #2e2e2e;}
/* ================ SECTION-4 AKK ================ */
.section-4{
	padding-top: 100px;}
.section-4 h2{
	line-height: 54px;
	font-weight: 600;
	font-size: 62px;
	margin-bottom: 50px;}
article p{margin: 10px 0;}
.akk_menu{
	width: 354px;
	padding-right: 50px;
	border-right: 1px #2e2e2e solid;}
.akk_content-text{
	position: relative;
	width: 469px;
	padding: 0 50px;
	display: none;}
.akk_content-img{display: none;}	
.akk_content-img._active{display: block;}		
.akk_content-text._active{display: block;}	
.akk_content-text ol{
	line-height: 24px;
	padding-left: 24px;
	margin-top: 0;
	margin-bottom: 32px;}	
.akk_content-text li{list-style: all;}
.akk_content-text p{line-height: 24px;}
.section-4 h3{
	gap:18px;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 24px;}
.akk_menu h3{cursor: pointer;}	
.akk_menu h3:not(:nth-child(1)){margin-top: 40px;}	
.akk_content-price{
	font-weight: 600;
	margin-bottom: 24px;}
.akk_content_btn-container{
	gap:24px;
	position: absolute;
	bottom: 0;}	
.akk_content-btn{width: 220px;}
.akk_menu-items{padding-left: 24px;}
.akk_menu-items li{
	cursor: pointer;
	gap:12px;
	margin-bottom: 24px;
	font-size: 18px;
	line-height: 24px;
	color: #8D8B90;}
.akk_menu h3 img{display: none;}
.akk_menu h3 img._active{display: block;}
.akk_menu-items li img{display: none;}
.akk_menu-items li img._active{display: block;}
.akk_menu-items{display: none;}
.akk_menu-items._active{display: block;}
.section-4_table{
	font-size: clamp(0.75rem, -0.107rem + 4.29vw, 1.5rem);
	margin: 40px auto 20px;
	border: 1px solid orange;}
.table_first-row{background-color: #D9EAD3;}
.section-4_table th,
.section-4_table td{
	padding: 10px clamp(0.188rem, -0.399rem + 2.93vw, 1.25rem);
	text-align: center;
	border: 1px solid orange;}


/* ================ SECTION-5 CONTACTS ================ */
.section-5 .container{
	padding: 100px 0;
	border-bottom: 1px #2e2e2e solid;}
.section-5_leftColumn{
	position: relative;
	width: 640px;}
.section-5 h2{
	font-weight: 600;
	font-size: 62px;
	line-height: 54px;
	margin-bottom: 50px;}
.address{font-style: normal;}
.address_list{position: relative;}
.address dt{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 12px;}
.address dd{margin-bottom: 33px;}
.address_tel_name{
	position: absolute;
	left: 396px;
	top: 0;}
.address_tel{
	position: absolute;
	left: 396px;
	top: 38px;}
.section-5_btn-container{
	position: absolute;
	left: 0;
	bottom: 0;
	gap:24px;}
.section-5_rightColumn{
	width: 904px;
	height: 420px;}
/* ================ FOOTER ================ */
.footer{padding: 48px 0;}
.footer_menu{
	gap:42px;}
/* ================ MODAL WINDOW ================ */
.modalWin{display: none;}
.modalWin._active{
	display: flex;
	position: fixed;
	z-index: 888;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(46, 46, 46, 0.9);}
.modalWin_form{
	position: relative;
	width: 55vw;
	height: 16vw;
	padding: 5.21vw;
	background: url(../img/wood_tex.webp) center fixed;
	background-size: cover;}
.crossForm{
	width: 2.3vw;
	height: 2.3vw;
	position: absolute;
	right: 1.3vw;
	top: 1.3vw;
	background: url(../img/crossForm.svg) no-repeat center;
	background-size: cover;
	cursor: pointer;}
.modalWin h2{
	font-size: 3.2vw;
	margin-bottom: 1.3vw;}
.modalWin p{
	font-size: 1.1vw;
	font-weight: 900;}
.modalWin_form_leftColumn{height: 9.5vw;}
.modalWin_form_rightColumn{
	width: 44.5vw;
	height: 3.1vw;}
.modalWin_form_rightColumn form{gap:1.25vw;}
.formOnline_formName, .formOnline_formTel{
    padding: 1vw 1.25vw;
    max-width: 13.5vw;
    font-size: 1vw;
    box-sizing: border-box;
    border: none;}
.formOnline_formSubmit{
	border: none;
	width: 11.45vw;
	height: 3.12vw;
	color: #fff;
	background-color: #2e2e2e;
	font-size: 0.8vw;
	cursor: pointer;}
.formOnline_formSubmit:hover{
	background-color: #FFE588;
	color: #2e2e2e;}
.formOnline_img{
	width: 2.3vw;
	height: 2.3vw;}
.successWin{
	width: 25.4vw;
	height: 29.9vw;
	position: relative;
	padding: 5.21vw;
	background: url(../img/wood_tex.webp) center fixed;
	background-size: cover;}
.btnSuccess{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 3vw;	
	border: none;
	width: 11.45vw;
	height: 3.12vw;
	color: #fff;
	background-color: #2e2e2e;
	font-size: 0.8vw;}
.modalWin2{
	display: flex;
	justify-content: center;
	position: fixed;
	z-index: 888;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(46, 46, 46, 0.9);}
.modalWin2 h2{
	font-size: 3.2vw;
	margin-bottom: 1.3vw;}
.modalWin2 p{
	font-size: 1.1vw;
	font-weight: 900;}
.modalWin2 a{font-size: 1.3vw;}

/* ================ MEDIA ================ */
@media (max-width: 1600px){
    .akk_content-img img{
    	max-width: 28vw;
    	height: 28vw;}
    .section-5 .container{padding: 100px 30px;}
    .section-1_rightColumn-lady{width: 775px;}
}

@media (max-width: 1440px){
	.header {padding-bottom: 0;}
	.header_logo{margin: 0;}
	.header_nav{margin-right: 0;}
	.header_phone{
		color: #2e2e2e;
		padding: 0;}
	.header_phone svg{fill: #2e2e2e;}	
	.header_lang{color: #2e2e2e;}
	.header_lang{display: none;}
	.header .container{justify-content: space-between;}
	.header{background-color: #fff;}
	.section-1{height: auto;}
	.section-1_leftColumn-left{display: none;}
	.section-1_leftColumn-right img{left: 0;}
	.section-1_imgEXHAIR{
		margin-left: 20px;
		width: 40vw;
		height: 8vw;}
	.section-1_rightColumn-lady{background-position: left;}	
	.section-1_title{margin-bottom: 24px;}
	.section-1_slogan{margin-top: 164px;}
	.section-1_adress-link{
    	margin-top: 96px;
    	padding-bottom: 0;}
    .section-1_rightColumn-lady{
    	position: static;
    	width: auto;
    	height: 658px;
    	background: url(../img/Lady.webp) no-repeat;
    	background-position: -66px 137px;}
    .section-3 .container{
    	flex-direction: column;
    	justify-content: center;}
    .section-3_leftColumn{width: auto;}
    .akk_content-img img{
    	max-width: 20vw;
    	height: 20vw;}
    .address_tel_name,
	.address_tel{position: static;}
	.map iframe{
	    width: 100%;
	    height: 100%;}
}

@media screen and (max-width: 1060px){
	    .akk_content-img img{display: none;}
	    .section-5_btn-container img{display: none;}
}

@media screen and (max-width: 916px){
	.burger-btn{display: block;}
	.header_logo{
		width: 104px;
		height: 46px;}
	.header_logo img{width: 100%;}
	.header_nav{
		position: absolute;
		height: 100vh;
		z-index: 500;
		top: 108px;
		left: -1237px;}
	.header_nav._active{
		display: flex;
		left: 6px;}
	.header_menu{
		background-color: #fff;
		flex-direction: column;
		gap:24px;
		min-width: 42vw;
		padding: 0 50px;}
	.header_menu li{list-style: disc;}
	.menu_curtain{display: block;}	
	.section-1_title{
		font-size: 14px;
		margin-bottom: 20px;}
	.section-1_slogan {
    	margin-top: 110px;
    	margin-bottom: 20px;
    	font-size: 18px;
    	max-width: 177px;}
    .section-1_rightColumn-lady{
	    height: 543px;
	    background-position: 6px 204px;
	    background-size: 100%;}
	.btn-consult::after{display: none;}
    .section-2 .container{margin-bottom: 30px;}
    .section-3{height: 510px;}
	.section-3_form{
		flex-direction: column;
		align-items: stretch;}
	.section-3_form img{display: none;}
    .section-3 .container{
    	padding-top: 30px;
    	justify-content: flex-start;}
    .section-3_formName,
	.section-3_formTel{max-width: 716px;}
	.section-3_formName{margin-top: 20px;}
	.section-3_formSubmit{max-width: 220px;}	
	.section-3_leftColumn p{margin: 20px 0;}
	.section-3_rightColumn{width: 320px;}
	.footer_nav{display: none;}
	.modalWin_form_leftColumn{height: 16vw;}
	.modalWin_form_leftColumn h2{font-size: 3.3vw;}	
	.modalWin_form_leftColumn p{font-size: 1.5vw;}
	.modalWin_form{
		width: 23.9vw;
		height: 35.5vw;}
	.modalWin_form_rightColumn{
		width: 100%;
		height: auto;}	
	.modalWin_form_rightColumn form{
		gap:2.5vw;
		flex-direction: column;}
	.modalWin_form_rightColumn input{
		font-size: 1.5vw;
		width: 100%;}
	.formOnline_formName,
	.formOnline_formTel{max-width: 100%;}
	.formOnline_img{display: none;}
	.successWin{
	width: 71.4vw;
	height: 29.9vw;
	position: relative;
	padding: 5.21vw;
	background-color: #EAE1D7;}
.btnSuccess{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 3vw;
	border: none;
	width: 21.45vw;
	height: 8.12vw;
	color: #fff;
	background-color: #2e2e2e;
	font-size: 3.1vw;}
.modalWin2{
	display: flex;
	justify-content: center;
	position: fixed;
	z-index: 888;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(46, 46, 46, 0.9);}
.modalWin2 h2{
	font-size: 4.2vw;
	margin-bottom: 1.3vw;}
.modalWin2 p{font-size: 3.3vw;}
}

@media screen and (max-width: 840px){
	.modalWin_form_leftColumn{height: 24vw;}
	.modalWin_form_leftColumn h2{font-size: 7vw;}	
	.modalWin_form_leftColumn p{font-size: 3vw;}
	.modalWin_form{
		width: 60vw;
		height: 70vw;}
	.modalWin_form_rightColumn{
		width: 100%;
		height: auto;}	
	.modalWin_form_rightColumn form{
		gap: 4.5vw;
		flex-direction: column;}
	.modalWin_form_rightColumn input{
		font-size: 4vw;
		height: 10vw;
		width: 100%;}
	.formOnline_formName,
	.formOnline_formTel{max-width: 100%;}
	.formOnline_img{display: none;}
	.crossForm {
		width: 7vw;
		height: 7vw;}
	.akk_content-text{
    	width: 425px;
    	padding: 0 30px;}
}

@media screen and (max-width: 768px){
	.section-1_rightColumn{width: auto;}
	.section-1_leftColumn{width: auto;}
	.section-1 .container{flex-direction: column-reverse;}
	.section-1_rightColumn-lady{
	    height: 116vw;
	    background-position: 0 178px;
	    background-size: 100%;}
	.section-1_title{
		padding-top: 30px;
		font-size:clamp(0.875rem, -0.286rem + 5.8vw, 2.5rem); }
	.section-1_imgEXHAIR{
    	width: 93vw;
    	height: 18vw;}
	.section-1_slogan {
	    margin-top: clamp(6.375rem, 2.893rem + 17.41vw, 11.25rem);
	    margin-bottom: 20px;
	    font-size: 29px;
	    max-width: 100%;}
    .section-1_title::before{width: 26px;}
    .section-1_adress-link{margin-top: 21px;}
    .section-3 {height: 569px;}
    .akk_content-text._active{display: none;}
    .akk_menu{width: 100%;}
    .section-2_title{font-size: clamp(2.375rem, -0.292rem + 13.33vw, 3.875rem);}
    .section-3_leftColumn h2{font-size: clamp(2.375rem, -0.292rem + 13.33vw, 3.875rem);}
	.section-4 h2{font-size: clamp(2.375rem, -0.292rem + 13.33vw, 3.875rem);}
	.section-5_leftColumn h2{font-size: clamp(2.375rem, -0.292rem + 13.33vw, 3.875rem);}
	.section-5 .container{
		flex-direction: column;
		justify-content: space-around;
		gap: 30px;}
	.section-5_rightColumn{width: auto;}
    .section-5_leftColumn{
    	width: auto;
    	height: 434px;}
    .section-5_btn-container img{display: block;}
}

@media screen and (max-width: 600px){
	.container{
		padding: 0 20px;
		max-width: 1524px;}
	.section-3_leftColumn{height: 218px;}
	.section-1_imgEXHAIR{margin-left: 10px;}
}

@media screen and (max-width: 375px){
	.header_logo{
		width: 90px;
		height: 40px;}
}