@font-face {
	font-family: 'Gotham Pro';
	src: url('./fonts/GothamPro.eot');
	src: local('Gotham Pro'), local('GothamPro'),
		url('./fonts/GothamPro.eot?#iefix') format('embedded-opentype'),
		url('./fonts/GothamPro.woff') format('woff'),
		url('./fonts/GothamPro.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('./fonts/GothamPro-Bold.eot');
	src: local('Gotham Pro Bold'), local('GothamPro-Bold'),
		url('./fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('./fonts/GothamPro-Bold.woff') format('woff'),
		url('./fonts/GothamPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('./fonts/GothamPro-Medium.eot');
	src: local('Gotham Pro Medium'), local('GothamPro-Medium'),
		url('./fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
		url('./fonts/GothamPro-Medium.woff') format('woff'),
		url('./fonts/GothamPro-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('./fonts/GothamPro-Black.eot');
	src: local('Gotham Pro Black'), local('GothamPro-Black'),
		url('./fonts/GothamPro-Black.eot?#iefix') format('embedded-opentype'),
		url('./fonts/GothamPro-Black.woff') format('woff'),
		url('./fonts/GothamPro-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

body{
	font-family: 'Gotham Pro';
	color: #2f3c48;
	position:relative;
	background:#ffffff;
	margin:0;
	font-size:14px;
	line-height:24px;
}
*{
	min-width:0;min-height:0;
	margin:0;padding:0;
}
*,::after,::before{
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ul{list-style:none;}
.container{
	max-width:1280px;
	width:100%;
	padding-left:20px;
	padding-right:20px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	z-index:3;
}
a{color:#fff;}
button, button:active, button:focus, a, a:active, a:focus, a:hover, div:focus, input:focus{outline: none;text-decoration:none;}
button, button::-moz-focus-inner, a::-moz-focus-inner {border:none;}
a.phone, .price, .mail{white-space:nowrap;}
iframe{border:0;box-shadow:none;margin:0;padding:0;}
ul{list-style:none;}
h1,h2,h3{
	font-size:41px;
	line-height:55px;
	text-transform:none;
	font-weight:400;
	text-align:center;
	margin-bottom:35px;
}
h1 span,h2 span,h3 span{
	font-weight:bold;
}
br{
	font-size:0;line-height:0;height:0;
}
.pagewrap{
	overflow:hidden;
}
.flex{
	display: flex;
}
.btn{
	display: flex;
	align-items: center;
	justify-content: center; 
	text-align:center;
	width:fit-content;
	padding:0px 35px;
	height:91px;
	color:#fff;
	font-family: 'Gotham Pro';
	font-size:16px;
	line-height:17px;
	font-weight:500;
	border-radius:6px;
	border:0;
	border-bottom:3px solid #5a5921;
	background: #757336;
	background: linear-gradient(0deg, rgba(117, 115, 54, 1) 0%, rgba(186, 184, 109, 1) 100%);
	padding-bottom:2px;
	position:relative;
	box-shadow:none;
	cursor:pointer;
}
.btn:hover,.btn:focus{
	box-shadow:inset 0 0 30px rgba(255,255,255,0.5),0 0 30px rgba(255,255,255,0.5);
}
.btn-c{
	margin:0 auto;
}
.header{
	min-height:660px;
	height:100vh;
	background:#242628;
	color:#fff;
	background-size:cover;	
	position:relative;
	z-index:1;
}
.header .container{
	display:flex;
	flex-direction: column;
	flex-grow: 1;
	padding-bottom:20px;
}
.header-slider{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-border-bottom-right-radius: 60px;
	-webkit-border-bottom-left-radius: 60px;
	-moz-border-radius-bottomright: 60px;
	-moz-border-radius-bottomleft: 60px;
	border-bottom-right-radius: 60px;
	border-bottom-left-radius: 60px;
	overflow:hidden;
}
.header-swiper-nav{
	width:115px;
	height:30px;
	position:absolute;
	bottom:72px;
	right:20px;
	align-items: center;
	justify-content: space-between;
}
.swiper-slide img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	margin:0 auto;
}
.swiper-pagination.swiper-pagination-custom{
	font-size:18px;
	font-weight:500;
	position:static;
	max-width:36px;
}
.swiper-btns{
	gap:10px;
	align-items: center;
	position:static;
}
.swiper-btns{
	width:72px;
	height:30px;
}
.swiper-button{
	position:static;
}
.swiper-button,
.swiper-button:after{
	display:block;
	width:30px;
	height:30px;
	position:relative;	
}
.swiper-button:after{
	content:'';
	filter: brightness(0) invert(1);
	background:url('./img/icons/arr.svg') no-repeat center center;
	background-size:30px;
}
.swiper-button-prev:after{
	transform:scale(-1, -1);
}
.swiper-button-prev, .swiper-button-next{
	left:auto;right:auto;top:auto;
	margin:0;padding:0;
}

.header-top{
	padding:11px 0 21px;
	align-items: center;
	justify-content: space-between;
}
.logo{
	display: flex;
	align-items: center;
	width:320px;
	height:102px;
}
.logo-img{
	width:95px;
	height:102px;
	margin-right:28px;
}
.logo-text{
	display:inline-block;
	font-size:13px;
	line-height:20px;
	font-weight:400;
	white-space:nowrap;
	position:relative;
	padding-left:22px;
	padding-bottom:3px;
}
.logo-text:before{
	content:'';
	position:absolute;
	left:0;top:3px;
	width:1px;
	height:57px;
	background:#fff;
}


.header-address{
	padding-left:35px;
	padding-right:10px;
	font-size:14px;
	line-height:21px;
	background:url('./img/icons/adr.svg') no-repeat 0 center;
	background-size:22px 28px;
}
.header-address span{
	display:inline-block;
	line-height:24px;
	font-weight:bold;
}

.messengers,
.header-social,
.contacts-social{
	align-items: center;
	justify-content: center; 
	gap:11px;
}
.header-messengers{
	padding-top:5px;
	padding-right:15px;
}
.messengers{
	gap:17px;
}
.soc-ico{
	display: flex;
	width:50px;
	height:50px;
	background:#fff;
	border-radius:50%;
	text-align:center;
	justify-content: center; 
	align-items: center;
}
.soc-wa{
	background:#4cb65e;
}
.soc-tg{
	background:#318cc0;
}
.soc-wa svg{
	width:21px;height:21px;
}
.soc-tg{
	padding-top:1px;
	padding-right:2px;
}
.soc-tg svg{
	width:24px;height:24px;
}
.soc-ico:hover{
	box-shadow:0 0 20px #fff;
}
.other-messengers,
.header-messengers{
	align-items: center;
}
.help-text{
	display:inline-block;
	font-size:14px;
	line-height:21px;
	padding-right:17px;
	text-align:left;
}

.header-phone{
	display:inline-block;
	margin-top:3px;
	position:relative;
	font-size:26px;
	line-height:26px;
	font-weight:bold;
}
.header-phone:before{
	content:'';
	position:absolute;
	right:calc(100%  + 13px);
	top: 8px;
	display:block;
	width:10px;height:10px;
	border-radius:50%;
	background:#6dba7a;
}

.header-contacts{
	font-size:14px;
	text-align:right;
	font-weight:500;
}
.worktime{
	display:block;
	width:100%;
	font-weight:400;
}

.header-mainmenu{
	width:100%;
	border-radius:5px;
	background:rgba(255,255,255,0.05);
}
.header-nav{
	width:100%;
}

.mainmenu{
	padding:0px;
	width:100%;
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.mainmenu a{
	display:block;
	width:100%;
	font-size:16px;
	line-height:16px;
	font-weight:400;
	padding:22px 0 23px;
	text-align:center;
	text-transform:uppercase;
}
.popupmenu .mainmenu .mainmenu-item a.active,
.mainmenu a.active{
	color:#d8c8ab;
}
.mainmenu-item{
	position:relative;
	flex-grow:1;
	border-right:1px solid rgba(255,255,255,0.06);
}
.popupmenu  .mainmenu-item {
	border:0;
}
.mainmenu-item:last-child{
	border:0;
}
.mainmenu-item:hover a{
	text-shadow: 0 0 5px #d8c8ab;
}
.header-consult{
	font-size:15px;
	font-weight:500;
	color: #bab86d;
    text-decoration: dotted underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
	cursor:pointer;
	letter-spacing: 6%;
	white-space:nowrap;
}


.header-title{
	display:inline-block;
	font-size:60px;
	line-height:78px;
	font-weight:bold;
	text-align:left;
	margin-bottom:40px;
}
.header-title span{
	white-space:nowrap;
	color:#bab86d;
}

.header-mid{
	width:100%;
	max-height:calc(100% - 200px);
	padding-bottom:40px;
	height:100%;
	display: flex;
	flex-direction: column;
	justify-content: center; 
}
.header-advantages{
	max-width:700px;
	flex-wrap: wrap;
	margin-bottom:43px;
}
.header-advantages li{
	padding-right:70px;
	font-size:15px;
	padding-top:43px;
	position:relative;
}
.header-advantages li span{
	font-weight:500;
}
.header-advantages li:before{
	content:'';
	display:block;
	width:31px;
	height:31px;
	border:1px solid #fff;
	border-radius:4px;
	background: url('./img/icons/check.svg') no-repeat center center;
	background-size:13px 11px;
	position:absolute;
	top:0px;
	left:0px;
}
.header-mid .btn{
	width:314px;
	font-size:19px;
}


.dark-bg{
	background: #242628;
	background: linear-gradient(0deg, rgba(36, 38, 40, 1) 0%, rgba(43, 46, 51, 1) 50%, rgba(36, 38, 40, 1) 100%);
	padding-bottom:59px;
}
.dark-bg h2{
	color:#fff;
}
.section{
	padding:70px 0 0px;
	position:relative;
	z-index:2;
}


.about-block{
	background:#26282b url('./img/decor/pbg.jpg') no-repeat center center;
	background-size:cover;
	border-radius:20px;
	position:relative;
	padding:50px 0 43px;
}
.about-block:before,.about-block:after{
	content:'';
	display:block;
	position:absolute;
	top:188px;
}
.about-block:before{
	width:247px;
	max-height:80%;
	height:299px;
	background:url('./img/decor/pbg2.png') no-repeat left top;
	background-size:contain;
	left:100%;
}
.about-block:after{
	width:320px;
	max-height:80%;
	height:516px;
	right:100%;
	background:url('./img/decor/pbg1.png') no-repeat right top;
	background-size:contain;
}
.problems-block{
	margin-bottom:30px;
}
.problems-block-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom:28px;
}
.problems-question{
	width:466px;
	margin-right:35px;
	position:relative;
	padding:20px 40px 20px 153px;
	min-height:162px;
	background:#f3efe7;
	font-size:15px;
	line-height:27px;
	font-weight:500;	
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	display: flex;
	align-items: center;
}
.problems-block-item:nth-of-type(even) .problems-question {
	width:496px;
}
.problems-question:before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 14px solid transparent;
	border-left-color: #bab86d;
	position: absolute;
	top: calc(50% - 14px);
	right: -28px;
}
.problems-question .photo{
	position:absolute;
	display:block;
	width:110px;
	height:110px;
	left:24px;
	border-radius:50%;
	top:calc(50% - 55px);
	border:5px solid #fff;	
}
.problems-answer{
	width:calc(100% - 501px);
	color:#fff;
	font-size:16px;
	line-height:25px;
	padding-right:100px;
}
.problems-block-item:nth-of-type(even) .problems-answer {
	width:calc(100% - 531px);
}
.problems-answer p{
	margin-bottom:8px;
}
.problems-text{
	align-items: center;
	justify-content: center; 
	color:#fff;
}
.d-title{
	font-size:36px;
	line-height:38px;
	font-weight:500;
	text-align:center;
}
.btn-doc{
	width:314px;
	position:relative;
	margin-left:90px;
}
.btn-doc:before{
	content:'';
	display:block;
	width:93px;
	height:93px;
	background:url('./img/decor/docb.png') no-repeat center center;
	background-size:contain;
	position:absolute;
	top:-1px;
	left:-59px;
}


.projects-wrap{
	gap:30px;
	justify-content: space-between;
	margin-bottom:31px;
}
.project-block{
	display: flex;
	width:100%;
	gap:20px;
	background:#f3efe7;
	border-radius:20px;
	padding:30px 30px 40px 19px;
}
.project-photos, .project-descr{
	flex-grow:1;
}
.project-descr{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:20px;
}
.project-descr .btn{
	max-width:335px;
	width:100%;
	padding:0;
	margin-left:auto;
}
.project-photos{
	max-width:198px;
}
.project-photos2{
	max-width:280px;
}
.project-plan{
	background:#fff;
	display:block;
	height:273px;
	border-radius:8px;
	padding:5px;
	margin-bottom:20px;
	overflow:hidden;
}
.project-plan img,
.project-photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:scale-down;
	margin:auto;
}
.project-photo img{
	object-fit:cover;
}
.project-photo{
	display:block;
	width:100%;
	height:120px;
	border-radius:8px;
	overflow:hidden;
}
.project-title{
	margin-top:-3px;
	color:#424633;
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	margin-bottom:15px;
}
.project-subtitle{
	font-size:14px;
	line-height:15px;
	font-weight:500;
	margin-bottom:5px;
}
.descr-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 5px 0;
	position: relative;
	min-height:44px;
	border-bottom:1px solid #e7dfce;
	font-size:14px;
}
.descr-right{
	font-weight:bold;
	white-space:nowrap;
}

.mb77{
	margin-bottom:77px;
}

.section-lots{
	background:#fff url('./img/decor/lbg1.jpg') no-repeat 0 calc(100% - 129px);
	position:relative;
}
.section-lots:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:url('./img/decor/lbg2.jpg') no-repeat calc(50% + 620px) 180px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
}
.lots-block{
	display: flex;
	justify-content: space-between;
	gap:30px;
	flex-wrap: wrap;
	margin-bottom:40px;
}
.lots-item{
	padding:58px 30px 25px 30px;
	width:calc(50% - 15px);
	background:#fff;
	box-shadow:2px 2px 38px rgba(101,101,101,0.28);
	border-radius:20px;
	position:relative;
}
.lot-image{
	display:block;
	position:absolute;
	top:22px;
	right:40px;
}
.lot-size{
	font-size:41px;
	line-height:55px;
	font-weight:900;
	background: linear-gradient(0deg, #424633, #5f6742);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: inline-block;
	margin-bottom:7px;
	text-transform:uppercase;
}
.lot-size span{
	display: inline-block;
	font-size:72px;
	position:relative;
	background: linear-gradient(0deg, #424633, #5f6742);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.lot-size span span{
	position:absolute;
	font-size:38px;
	line-height:38px;
	font-weight:400;
	top: -9px;
	right: -18px;
	background: linear-gradient(0deg, #424633, #5f6742);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.lot-title{
	max-width:320px;
	font-size:21px;
	line-height:29px;
	font-weight:bold;
	margin-bottom:16px;
}
.c-ul li{
	display:block;
	width:100%;
	padding-left:20px;
	position:relative;
	font-size:15px;
	line-height:24px;
	margin-bottom:10px;
}
.c-ul li:before{
	content:'';
	display:block;
	width:7px;
	height:7px;
	background:#bab86d;
	border-radius:50%;
	position:absolute;
	top:9px;
	left:0;
}
.quiz-radio sup,
.c-ul li sup {
	font-size: 0.75em;
	vertical-align: super;
	line-height: 1;
}
.lots-item p{
	font-size:15px;
	line-height:24px;
	font-weight:500;
	margin-bottom:20px;
}
.section-lots .btn{
	width:335px;
}

.section-design{
	background:#fff url('./img/decor/dbg.jpg') no-repeat right 250px;
}
.photos-block{
	display: flex;
	gap:32px;
}
.photos-item{
	width:33%;
	height:226px;
	border-radius:20px;
	overflow:hidden;
}
.photos-item img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	margin:auto;
}
.design-process{
	display: flex;
	justify-content: space-between;
	gap:31px;
	margin-bottom:30px;
}
.design-text{
	width:calc(100% - 424px);
}
.design-architect{
	width:393px;
}
.design-text p{
	font-size:15px;
}
.design-text p.subtitle2{
	font-size:29px;
	line-height:41px;
	font-weight:bold;
	margin-bottom:9px;
}
.design-text p.subtitle3{
	font-size:21px;
	line-height:33px;
	font-weight:500;
	margin-bottom:18px;
}
.design-img{
	margin-top:35px;
	display:block;
	width:100%;
	border-radius:20px;
}
.design-architect{
	padding:22px 30px;
	border-radius:20px;
	box-shadow:2px 2px 38px rgba(101,101,101,0.38);
	background:#fff;
}
.architect-photo{
	background:url('./img/decor/logobg.png') no-repeat center bottom;
	height:317px;
	position:relative;
}
.architect-photo img{
	display:block;
	max-width:100%;
	max-height:100%;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}
.architect-caption{
	background:#f3efe7;
	border-radius:8px;
	padding:15px;
	text-align:center;
	line-height:24px;
	max-width:330px;
	margin:0 auto;
}
.architect-name{
	font-weight:bold;
	font-size:20px;
	margin-bottom:3px;
}
.architect-duty{
	font-size:14px;	
}
.architect-text{
	padding:15px 0;
	font-size:15px;
	line-height:26px;
	text-align:center;
}
.design-architect .btn{
	width:100%;
}
p.snoska{
	text-align:center;
	font-size:14px;
	color:#848484;
	margin-top:20px;
}

#quizForm{
	height:100%;
}
.section-price{
	background:url('./img/decor/prbg.jpg') no-repeat center top;
	background-size:100% auto;
}
.quiz-block{
	display: flex;
	justify-content: space-between;
	gap:30px;
	padding-bottom:70px;
}
.quiz-wrap{
	width:calc(100% - 423px);
	background:#fff;
	border-radius:20px;
	padding:35px 30px 90px;
	position:relative;
}
.quiz-wrap .next-btn{
	position:absolute;
	right:33px;
	bottom:42px;
	width:172px;
	height:67px;
}
.quiz-wrap .prev-btn{
	position:absolute;
	left:30px;
	bottom:42px;
	width:172px;
	height:67px;
	background:#fff;
	color:#767437;
	border:1px solid #bab86d;
}
button:disabled {
	opacity:0.6;
	cursor:default;
}
button:disabled:hover{
	box-shadow:none;
}
.progress-container {
	width: 100%;
	background-color: #f8f8f8;
	border-radius: 17px;
	overflow: hidden;
}
.progress-bar {
	width: 0%;
	height: 34px;
	border-radius: 17px;
	background: repeating-linear-gradient(-65deg,#d6d480,#d6d480 9px,#bab86d 9px,#bab86d 14px);
	text-align: center;
	line-height: 34px;
	color: white;
	transition: width 0.3s ease-in-out;
}
.qquestion-choices{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:20px;
}
.quiz-radio {
	max-width:359px;
	width:calc(50% - 10px);
	display: flex;
	align-items: center;
	cursor: pointer;
	font-family: 'Gotham Pro';
	border-radius:8px;
	min-height:71px;
	cursor:pointer;
	padding:5px 27px 5px 80px;
	position:relative;
}
.quiz-radio input:checked ~ .border-wrapper {
	border-color: #bab86d;
}
.border-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 8px;
	border: 1px solid #f1f1f1;
	pointer-events: none;
	transition: border-color 0.2s;
}
.quiz-radio input {
	display: none;
}
.quiz-radio .checkmark,
.quiz-radio .checkmark:after{
	position:absolute;
	width: 15px;
	height: 11px;
	background:url('./img/icons/check.png') no-repeat center center;
	background-size:15px 11px;
	left:29px;
	top:calc(50% - 6px);
}
.quiz-radio .checkmark:before,
.quiz-radio .checkmark:after {
	content: '';
	display: none;
}
.quiz-radio input:checked + .checkmark{
	border-color:#bab86d;
}
.quiz-radio input:checked + .checkmark:before {
	display: block;
	width:30px;
	height:30px;
	border-radius:50%;
	position:absolute;
	left:-7px;
	top:calc(50% - 15px);
	z-index:1;
	background: #757336;
	background: linear-gradient(0deg, rgba(117, 115, 54, 1) 0%, rgba(186, 184, 109, 1) 100%);
}
.quiz-radio input:checked + .checkmark:after {
	display:block;
	filter: brightness(0) invert(1);
	left:1px;
	z-index:3;
}
.quiz-radio-txt {
	font-size: 17px;
	font-weight:500;
}
.quiz-titles{
	width:100%;
	display: flex;
	justify-content: space-between;
	font-size:16px;
	line-height:17px;
	margin-bottom:16px;
}
.quiz-title span, .quiz-percent span{
	font-weight:bold;
}
.qquestion-title{
	display: flex;
	align-items: center;
	width:100%;
	margin:26px 0 27px;
	gap:14px;
}
.qquestion-num{
	display:inline-block;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	background:#f8f8f8;
	border-radius:8px;
	padding:13px 20px;
	white-space:nowrap;
}
.qquestion-text{
	max-width:calc(100% - 134px);
	font-size:25px;
	line-height:26px;
	font-weight:500;
}
.qquestion { 
	display: none; 
}
.qquestion.active { 
	display: block;
}
.quiz-final-title{
	font-size:28px;
	font-weight:bold;
	text-align:center;
	margin:44px 0 30px;
	text-transform:uppercase;
}
.quiz-final-subtitle{
	font-size:20px;
	font-weight:500;
	text-align:center;
	margin:30px 0 40px;
}
.quiz-form-label{
	font-size:15px;
	line-height:15px;
	font-weight:500;
	margin:28px 0 15px;
	display:block;
	width:100%;
	text-align:center;
}
.form-input{
	display:block;
	max-width:314px;
	width:100%;
	background:#fafafa;
	text-align:center;
	font-size:17px;
	border:1px solid #f1f1f1;
	border-radius:8px;
	height:71px;
	margin:13px auto;
}
.btn-quiz-submit{
	width:314px;
	margin:26px auto 0;
}
.quiz-thanks{
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center; 
	flex-direction: column;
	text-align:center;
}
.quiz-thanks-title{
	font-weight:bold;
	text-transform:uppercase;
	font-size:28px;
	line-height:28px;
	margin-bottom:25px;	
}
.quiz-thanks-subtitle{
	font-size:16px;
	line-height:16px;
	margin-bottom:35px;
}
.quiz-logo{
	width:173px;
	height:184px;
}
.success{
	font-size:17px;
	line-height:17px;
	color:#aba95e;
	font-weight:bold;
	text-align:center;
	padding-top:60px;
	position:relative;
	margin-bottom:100px;
}
.success:before{
	content:'';
	display:block;
	width:52px;
	height:52px;
	border-radius:50%;
	background:#d6d480 url('./img/icons/check2.svg') no-repeat center center;
	background-size:22px;
	position:absolute;
	top:0;
	left:calc(50% - 26px);
}
.quiz-block .architect-name{
	text-transform:uppercase;	
}
.architect-text2{
	font-size:15px;
	line-height:26px;
	font-weight:bold;
	text-align:center;
	padding:22px 0 10px;
}
.design-advantage{
	display: flex;
	align-items: center;
	background:#25282a;
	color:#fff;
	border-radius:8px;
	max-width:330px;
	width:100%;
	height:76px;
	margin:0 auto 21px;
	padding-left:25px;
	position:relative;
}
.design-advantage:after{
	content:'';
	display:block;
	position:absolute;
}
.design-advantage1:after{
	width:100px;
	height:66px;
	background:url('./img/decor/a1.png') no-repeat center center;
	background-size:contain;
	right:-17px;
	top:5px;
}
.design-advantage2:after{
	width:105px;
	height:76px;
	background:url('./img/decor/a2.png') no-repeat center center;
	background-size:contain;
	right:-18px;
	top:0px;
}


.steps-block{
	display: flex;
	justify-content: space-between;
	gap:30px;
	flex-wrap: wrap;
	margin-bottom:40px;
}
.step{
	width:calc(50% - 15px);
	background:#1b2127;
	color:#fff;
	position:relative;
	padding:26px 30px;
	border-radius:8px;
}
.step:nth-child(8n+2),
.step:nth-child(8n+3),
.step:nth-child(8n+6),
.step:nth-child(8n+7) {
	background:#f3efe7;
	color:#2f3c48;
}
.step:after{
	content:'';
	display:block;
	width:29px;
	height:16px;
	background:url('./img/icons/anext.svg') no-repeat center center;
	background-size:contain;
	position:absolute;
	top:35px;
	right:30px;
}
.step-last{
	background:#1b2127 url('./img/decor/key.png') no-repeat calc(100% - 25px) calc(100% - 18px);	
}
.step-last:after{
	top:27px;
	right:24px;
	width:32px;
	height:32px;
	border:2px solid #bab86d;
	border-radius:50%;
	background:url('./img/icons/gal.svg') no-repeat 7px 7px;
	background-size:15px;
}
.step-num{
	font-size:36px;
	line-height:36px;
	font-weight:bold;
	color:#bab86d;
	margin-bottom:10px;
}
.step-title{
	font-size:17px;
	line-height:26px;
	font-weight:bold;
	margin-bottom:8px;
}
.step-text{
	font-size:14px;
	line-height:24px;
}
.btn-b{
	margin-bottom:19px;
}


.section-advantages{
	background:url('./img/decor/abg.jpg') no-repeat center top;
	background-size:cover;
	padding-bottom:67px;
}
.section-advantages:before{
	content:'';
	display:block;
	width:449px;
	height:910px;
	background:url('./img/decor/palma1.png') no-repeat right bottom;
	position:absolute;
	top:-373px;
	right:0;
}
.section-advantages .container{
	background:url('./img/decor/logobg2.png') no-repeat center 0;
}
.expert-text{
	font-size:19px;
	text-align:center;
	margin-bottom:330px;
}
.expert-text p{
	margin-bottom:19px;
}
.btxt{
	font-size:22px;
	font-weight:bold;
}
.advantages-block{
	display: flex;
	justify-content: space-between;
	gap:31px;
}
.advantage{
	width:calc(25% - 11px);
	padding:83px 10px 18px;
	border:10px solid #f2f2f2;
	background:#fff url('./img/icons/a.svg') no-repeat center 23px;
	background-size:49px;
	border-radius:20px;
	text-align:center;
	font-size:15px;
	line-height:26px;
	box-shadow:2px 2px 38px rgba(101,101,101,0.28);
}
.advantage span{
	font-weight:bold;
}

.section-choice{
	padding-bottom:80px;
}
.section-choice:before{
	content:'';
	display:block;
	width:404px;
	height:897px;
	background:url('./img/decor/palma2.png') no-repeat right bottom;
	position:absolute;
	top:-370px;
	left:0;
	z-index:4;
}
.advantages2-block{
	display: flex;
	justify-content: space-between;
	gap:30px;
	margin-bottom:30px;
	flex-wrap: wrap;
}
.advantage2{
	width:calc(33% - 18px);
	background:#fff;
	padding:40px 30px 23px;
	border-radius:20px;
	box-shadow:2px 2px 38px rgba(101,101,101,0.28);
}
.a-title{
	font-size:22px;
	line-height:35px;
	font-weight:bold;
	padding-left:52px;
	min-height:35px;
	position:relative;
	margin-bottom:18px;
}
.a-title:before{
	content:'';
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	left:0;
	top:0;
}
.a-title1:before{
	background:url('./img/icons/at1.png') no-repeat center center;
	background-size:34px;	
}
.a-title2:before{
	background:url('./img/icons/at2.png') no-repeat center center;
	background-size:26px 28px;	
}
.a-title3:before{
	background:url('./img/icons/at3.png') no-repeat center center;
	background-size:30px;	
}
.a-title4:before{
	background:url('./img/icons/at4.png') no-repeat center center;
	background-size:33px;	
}
.a-title5:before{
	background:url('./img/icons/at5.png') no-repeat center center;
	background-size:24px 29px;	
}
.a-title6:before{
	background:url('./img/icons/at6.png') no-repeat center center;
	background-size:32px 28px;	
}

.catalog-block{
	background:#1b2127;
	border-radius:20px;
	padding:53px 60px;
	color:#fff;
	display: flex;
	justify-content: space-between;
}
.catalog-img,
.catalog-text{
	width:50%;
	position:relative;
}
.catalog-text{
	z-index:2;
}
.booklet{
	position:absolute;
	left:40px;
	top:-65px;
}
.catalog-title,
h3.catalog-title{
	font-size:37px;
	line-height:42px;
	color:#bab86d;
	font-weight:bold;
	text-align:left;
	margin: 0 0 15px;
}
.catalog-subtitle{
	font-size:23px;
	margin-bottom:21px;
}
.catalog-subtitle2{
	font-size:15px;
	font-weight:500;
	margin-bottom:8px;
}
.catalog-text li{
	position:relative;
	font-size:15px;
	padding-left:24px;
	margin-bottom:10px;
}
.catalog-text li:before{
	content:'';
	display:block;
	width:12px;
	height:12px;
	background:url('./img/icons/gal.svg') no-repeat center center;
	background-size:12px;
	position:absolute;
	top:5px;
	left:0;
}
.cat-btn{
	position:absolute;
	right:30px;
	bottom:10px;
	padding:0;
	width:303px;
}
.cat-btn svg{
	width:21px;
	height:21px;
	margin-right:10px;
}

@media (min-width: 768px){
	.section-feedback .container{
		padding:0;
	}
}
.yandex-feedback{	
	background:url('./img/decor/hbg.png') no-repeat center 28px;
}
.yandex-widget{
	max-width:740px;
	width:100%;
	margin:0 auto;
}
.rating-block{
	display: flex;
	justify-content: center; 
	gap:20px;
	margin-bottom:30px;
}
.rating{
	display: flex;
	width:183px;
	height:81px;
	background:#fff;
	border-radius:10px;
	align-items: center;
	padding-left:20px;
	gap:15px;
	box-shadow:0 0 110px rgba(121,121,121,0.2);
}
.rating-stars {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 13px;
	margin-bottom:5px;
	gap: 4px;
}
.rating-stars span {
	display: block;
	width: 13px;
	height: 13px;
	background: transparent url('./img/icons/star.svg') no-repeat center center;
	background-size: contain;
}
.rating-stars span.ns {
	background: transparent url('./img/icons/nostar.svg') no-repeat center center;
	background-size: contain;
}
.rating-logo {
	width: 39px;
	height: 39px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
}
.rating-logo-yandex {
	background: #ff2316 url('./img/icons/yandex.svg') no-repeat 13px 10px;
	background-size: 13px 19px;
}
.rating-logo-2gis {
	background: #8AC01B;
	background: linear-gradient(90deg, rgba(138, 192, 27, 1) 0%, rgba(148, 207, 28, 1) 100%);
}
 .rating-logo-2gis::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	overflow: hidden;
	background: transparent url('./img/icons/2.png') no-repeat 20px 7px;
	background-size: 22px 30px;
}
.rating-num{
	font-size:21px;
	line-height:21px;
	font-weight:bold;
}

.section-questions{

}
.questions-answers{
	display: flex;
	gap:30px;
	justify-content: space-between;
	margin-top:37px;
}
.questions-col{
	width:50%;
}
.panel{
	border-radius:10px; 
	padding:0px;
	margin-bottom:20px;
	min-height:72px;
	background:#fff;
}
.panel-heading{
	padding:5px 71px 5px 57px;
	min-height:72px;
	cursor:pointer;
	position:relative;
	display: flex;
	align-items: center;
}
.panel-collapse{
	display:none;
}
.question-text{
	font-weight:500;
	font-size:16px;
	line-height:24px;
}
.panel-body{
	padding:0px 30px 30px 30px;
	font-size:15px;
	line-height:24px;
}
.question-num{
	display:block;
	width:40px;
	height:40px;
	background:#bab86d;
	color:#fff;
	text-align:center;
	line-height:40px;
	font-size:15px;
	font-weight:500;
	position:absolute;
	top:16px;
	right:30px;
	border-radius:50%;
}
.ina .question-num{
	background:#f3efe7;
	color:#2f3c48;
}
.panel-heading:before{
	content:'';
	display:block;
	width:13px;
	height:13px;
	background:url('./img/icons/aarr.svg') no-repeat center center;
	background-size:contain;
	position:absolute;
	top:31px;
	left:25px;
	transform:rotate(-90deg);
}
.ina .panel-heading:before{
	transform:none;
}


.contact-block{
	display: flex;
	justify-content: space-between;
	gap:20px;
	margin-top:53px;
	margin-bottom:80px;
}
.contact-text{
	width:375px;
}
.contact-map{
	width:calc(100% - 395px);
}
.map, .ya-map {
	height: 100%;
}
.map {
	width: 100%;
	border-radius: 20px;
	box-shadow: 2px 2px 38px rgba(101,101,101,0.28);
	position: relative;
	background: #f6f6f6;
	overflow: hidden;
}
.ya-map {
	display: block;
	width: 100%;
}
.logo-b{
	height:100px;
	margin-bottom:35px;
}
.logo-b .logo-text{
	color:#2f3c48;
	padding-bottom: 0px;
}
.logo-b .logo-text:before{
	background:#c1c1c1;
}
.logo-b .logo-img{
	width:94px;
	height:100px;
}
.contact-text-time,
.contact-text-phone,
.contact-text-adr{
	position:relative;
	padding-left:34px;
	font-size:15px;
	line-height:21px;
	margin-top:30px;
}
.contact-text-phone .phone{
	color:#2f3c48;
	font-weight:bold;
	font-size:18px;
}
.contact-text-time span,
.contact-text-phone span,
.contact-text-adr span{
	display:inline-block;
	margin-bottom:8px;
	font-size:14px;
	font-weight:bold;
}
.contact-text-time:before,
.contact-text-phone:before,
.contact-text-adr:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
}
.contact-text-adr:before{
	width:22px;
	height:28px;
	background:url('./img/icons/adr.svg') no-repeat center center;
	background-size:contain;
	top:-4px;
}
.contact-text-phone:before{
	width:19px;
	height:19px;
	background:url('./img/icons/tel.svg') no-repeat center center;
	background-size:contain;
	top:-2px;
}
.contact-text-time:before{
	width:20px;
	height:20px;
	background:url('./img/icons/time.svg') no-repeat center center;
	background-size:contain;
}
.contact-text-messengers{
	margin-top:20px;
	font-size:15px;
	line-height:21px;
}
.contact-text-messengers .messengers{
	padding:18px 0 0;
	justify-content: start;
}
.contact-text .btn{
	margin-top:21px;
	max-width:303px;
	width:100%;
}



.agreement{
	display:block;
	width:100%;
	max-width:290px;
	margin:20px auto;
}
.soglasie{
	display: flex;
	align-items: center;
}
input.mcheckbox {
    display: none;
}
.mcheckbox-c, .mlabel {
    display: inline-block;
}
.mcheckbox-c {
    position: relative;
    width:18px;
	height:18px;
	border:0;
    background:#fff;
	border:1px solid #bab86d;
	margin-top: 0;
	margin-right:9px;
    cursor: pointer;
	border-radius:3px;
}
.mlabel {
	font-family: 'Gotham Pro';
	padding:0;
	max-width: calc(100% - 28px);
    width: auto;
	color:#a8a8a8;
	font-weight:400;
	font-size:14px;
	line-height:21px;
}
input.mcheckbox:checked + .mcheckbox-c{
	 background:#bab86d;
}
input.mcheckbox:checked + .mcheckbox-c:before {
	content:'';
	display:block;
	background:url('./img/icons/check.png') no-repeat center center;
	filter: brightness(0) invert(1);
	background-size:9px 8px;
	position:absolute;
	top:0px;
	left:0px;
	width:16px;
	height:16px;
}
.mlabel a{
	color:#a8a8a8;
	text-decoration:underline;
}




.footer{
	padding:52px 0 50px;
	background:#1b2127;
	color:#fff;
	font-weight:300;
	
}
.footer-content{
	font-size:15px;
	line-height:28px;
	align-items: center;
	justify-content: space-between;
}
.footer-block{
	width:33%;
}
.footer-block:nth-child(2){
	text-align:center;
	width:50%;
}
.footer-block:nth-child(3){
	text-align:right;
}
.footer-block a:hover{
	text-decoration:underline;
}


.btn-hamburger{
	position:fixed;
	right: 51px;
	top: 50px;	
}
.hamburger{
	display:none;
	width:65px;
	height:65px;
	background: #424633;
	background: linear-gradient(0deg, rgba(66, 70, 51, 1) 0%, rgba(95, 103, 66, 1) 50%);
	border:0;
	border-radius:8px;
	cursor:pointer;
	box-shadow: none;
	z-index:999999;
}
.hamburger span{
	display:block;
	position:absolute;
	width:32px;
	height:3px;
	background: #fff;
	top:21px;
	right:17px;
	border-radius:2px; 
}
.hamburger span:nth-child(2){
	top:31px;
}
.hamburger span:nth-child(3){
	top:41px;
}
.hamburger.opened{
	right:51px;
	top:50px;
	bottom:auto;
	z-index:99999999999999;
	background:transparent;
}
.hamburger.opened span:nth-child(2){
	display:none;
}
.hamburger.opened span:nth-child(1),
.hamburger.opened span:nth-child(3){
	width:33px;
	top:31px;
	right: 16px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.hamburger.opened span:nth-child(3){
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}




@media (max-width: 1900px){
	.section-advantages::before {
		right:auto;
		left:calc(50% + 500px);
	}
	.section-choice:before {
		left:auto;
		right:calc(50% + 560px);
	}
	
}
@media (max-width: 1300px){
	.lot-image {
		right:16px;
	}
}
@media (max-width: 1200px){
	.header-title {
		font-size: 50px;
		line-height: 68px;
	}
	.messengers {
		gap: 5px;
	}
	.help-text {
		padding-right:5px;
	}
	.header-messengers,
	.header-address {
		padding-top:0;
	}
	.header-address {
		padding-left:30px;
	}
	.header-phone {
		font-size:22px;
		line-height:22px;
	}
	.logo {
		width:300px;
	}
	.logo-img {
		margin-right:16px;
	}
	.logo-text {
		padding-left:13px;
	}
	.header-phone::before {
		top:7px;
		right: calc(100% + 8px);
	}
	.header .soc-ico{
		width:45px;
		height:45px;
	}
	
	.d-title {
		font-size: 30px;
	}
	.btn-doc {
		width: 274px;
		position: relative;
	}
	
	.projects-wrap .btn {
		font-size: 14px;
		line-height: 15px;
		height:60px;
	}
	
	.lot-image {
		max-width:40%;
	}
	
	.section-advantages:before,
	.section-choice:before {
		display:none;
	}
	.expert-text {
		margin-bottom:90px;
	}
	.expert-text {
		font-size: 18px;
	}
	.section-advantages .container {
		background-size:390px auto;
	}		 
	.advantages-block {
		gap:20px;
	}
	.advantage{
		width: calc(25% - 6px);
	}
	.booklet {
		left:0;
	}
	.catalog-title, h3.catalog-title {
		font-size: 32px;
	}
	.catalog-subtitle {
		font-size: 20px;
	}
	
}

@media (max-width: 1100px){
	.btn-doc {
		margin-left: 61px;
	}
	.quiz-wrap {
		padding-bottom:140px;
	}
	.quiz-block{
		flex-wrap: wrap;
		gap:19px;
		padding-bottom:50px;
	}
	.quiz-radio {
		max-width:470px;
	}
	.quiz-block .quiz-wrap{
		order:2;
		width:100%;
	}
	.quiz-block .design-architect{
		order:1;
		width:100%;
	}
	.advantages2-block {
		gap:20px;
	}
	.advantage2 {
		width: calc(33% - 12px);
	}
	.expert-text {
		font-size: 17px;
	}
	.cat-btn {
		width:250px;
		right:0;
	}
}
@media (max-width: 992px){
	.header-title {
		font-size: 40px;
		line-height: 58px;
		margin-bottom: 30px;
	}
	.mainmenu a {
		font-size:15px;
	}
	.help-text{
		display:none;
	}
	.dark-bg{
		padding-bottom:29px;
	}
	
	.footer{
		padding:33px 0;
	}
	.footer-content{		
		justify-content: center; 
		flex-wrap: wrap;
	}
	.copy{
		line-height:21px;
	}
	.footer-block,.footer-block:nth-child(2),.footer-block:nth-child(3){
		width:100%;
		text-align:center;
		margin-bottom:23px;
	}

	h2,h3{
		font-size:30px;
		line-height:40px;
	}


	.questions-answers{
		flex-wrap: wrap;
		gap:0;
	}
	.panel {
		margin-bottom:9px;
	}
	.questions-col{
		width:100%;
	}
	.question-text {
		font-size:14px;
		line-height:24px;
	}
	.panel-heading {
		padding-left:36px;
		padding-right:50px;
	}
	.panel-body {
		padding:0px 19px 22px 19px;
		font-size: 13px;
		line-height: 24px;
	}
	.panel-heading:before {
		left:19px;
	}
	.question-num {
		top:23px;
		right:19px;
		width: 32px;
		height: 32px;
		font-size:12px;
		line-height:32px;
	}
	
	.problems-question,
	.problems-block-item:nth-of-type(2n) .problems-question{
		width:calc(40% - 20px);
	}
	.problems-answer,
	.problems-block-item:nth-of-type(2n) .problems-answer{
		width:calc(60% - 20px);
	}
	.problems-question .photo {
		width: 66px;
		height: 66px;
		top:calc(50% - 33px);
		left:10px;
	}
	.problems-question {
		padding-left:90px;
		line-height: 20px;
	}
	.problems-answer {
		font-size: 14px;
		line-height: 24px;
		padding-right:20px;
	}
	.about-block:before,
	.about-block:after {
		display:none;
	}
	.d-title {
		font-size: 24px;
	}
	
	.projects-wrap{
		flex-wrap: wrap;
		gap:20px;
		margin-bottom:20px;
	}
	.project-block{
		width:100%;
	}
	
	.lots-item{
		width:100%;
	}
	
	.design-architect .btn {
		max-width: 300px;
		margin-left:auto;
		margin-right:auto;
	}
	.section-design{
		background:#fff;
	}
	.design-process{
		flex-wrap: wrap;
	}
	.design-text,.design-architect{
		width:100%;
	}
	.photos-block{
		gap:20px;
	}
	.design-text p.subtitle2 {
		font-size: 20px;
		line-height: 31px;
	}
	.design-text p.subtitle3 {
		font-size: 16px;
		line-height: 23px;
	}
	
	.advantages-block{
		flex-wrap: wrap;
	}
	.advantage2,
	.advantage{
		width:calc(50% - 10px);
	}
	
	.cat-btn{
		position:static;
	}
	 .booklet {
		 top:60%;
		 transform:translateY(-50%);
		 left:-50px;
	 }
	
}
@media (max-width: 880px){
	.header .logo {
		width: 111px;
	}
	.header .logo-text{
		display:none;
	}
}
@media (max-width: 768px){
	.btn{
		font-size:15px;
		height:77px;
	}
	.header,.header-mid {
		max-height:auto;
		min-height:auto;
		height:auto;	
		padding:0;
	}
	.header .container {
		padding-bottom:110px;
	}
	.header-mid {
		display:block;
	}
	.header-mid .btn{
		width:300px;
		margin:0 auto;
		padding:0;
		font-size:15px;
	}
	.header-slider {
		-webkit-border-bottom-right-radius: 30px;
		-webkit-border-bottom-left-radius: 30px;
		-moz-border-radius-bottomright: 30px;
		-moz-border-radius-bottomleft: 30px;
		border-bottom-right-radius: 30px;
		border-bottom-left-radius: 30px;
	}
	.header .logo, .header .logo-img {
		width: 52px;
		height:56px;
		margin:0;
	}
	.header-top {
		padding: 13px 0 45px;
	}
	.header-address, .header-messengers{
		display:none;
	}
	.header-contacts{
		margin-right:85px;
	}
	.header-contacts {
		font-size: 11px;
	}
	.header-phone {
		margin:0;
		font-size: 19px;
		line-height: 19px;
	}
	.header-phone:before {
		top: 8px;
		width:5px;
		height:5px;
		right: calc(100% + 6px);
	}
	.header-consult {
		font-size: 12px;
		line-height:12px;
		text-underline-offset: 3px;
	}
	.header-title{
		width:100%;
		font-size:30px;
		line-height:42px;
		text-align:center;
		margin:0 auto 30px;
	}
	.header-advantages{
		justify-content: center; 
		margin-bottom:9px;
	}
	.header-advantages li{
		width:50%;
		font-size:13px;
		line-height:20px;
		padding-top:29px;
		text-align:center;
		padding-right:0;
		margin-bottom:20px;
	}
	.header-advantages li:nth-child(3){
		width:100%;
	}
	.header-advantages li:before {
		width:20px;
		height:20px;
		border-radius:3px;
		background-size: 8px;
		left:calc(50% - 10px);
	}
	.header-swiper-nav{
		width:100%;
		height:50px;
		justify-content: center; 
		flex-direction: column;
		justify-content: space-between;
		text-align:center;
		bottom:20px;
		left:0;
		right:0;
	}
	.swiper-btns {
		width: 70px;
		height: 26px;
		justify-content: space-between;
	}
	.swiper-pagination.swiper-pagination-custom {
		font-size: 12px;
		line-height:12px;
		order: 2;
	}
	.swiper-button, .swiper-button:after {
		width: 26px;
		height: 26px;
		background-size:26px;
	}
	
	.header-nav{
		display:none;
		max-width:100%;
	}
	.hamburger,
	.hamburger.opened {
		width:50px;
		height:50px;
		top:19px;
		right:10px;
		border-radius:8px;
		display:block!important;
		opacity:1!important;
	}
	.hamburger span{
		width:30px;
		height:3px;
		top: 14px;
		right: 10px;
	}
	.hamburger span:nth-child(2) {
		top: 24px;
	}
	.hamburger span:nth-child(3) {
		top: 34px;
	}
	.hamburger.opened span:nth-child(1), 
	.hamburger.opened span:nth-child(3) {
		width:36px;
		height:4px;
		top: 22px;
		right: 6px;
	}
	.section{
		padding-top:50px;
	}
	h2, h3 {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 22px;
	}
	.questions-answers {
		margin-top:20px;
	}
		
		
	.about-block {
		padding: 30px 0 47px;
	}
	.problems-block {
		margin-bottom: 10px;
	}
	.problems-block-item{
		flex-wrap: wrap;		
	}
	.problems-question,
	.problems-block-item:nth-of-type(2n) .problems-question{
		width:calc(100% - 10px);
	}
	.problems-answer,
	.problems-block-item:nth-of-type(2n) .problems-answer{
		width:100%;
	}
	.problems-question .photo {
		width: 66px;
		height: 66px;
		top:calc(50% - 33px);
		left:10px;
	}
	.problems-block-item {
		margin-bottom:10px;
	}
	.problems-question {
		font-size: 13px;
		line-height: 22px;
		padding:15px 10px 15px 105px;
		min-height:103px;
		margin:0 0 25px 0;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.problems-question br{
		display:none;
	}
	.problems-question:before {
		border:0;
		border: 14px solid transparent;
		border-top-color: #bab86d;
		top: 100%;
		right:calc(50% - 14px);
	}
	.problems-answer {
		font-size: 13px;
		line-height: 22px;
		padding:0 15px;
		text-align:center;
	}
	.problems-question .photo {
		left:19px;
	}
	.problems-text{
		display:block;
		width:100%;
	}
	.d-title {
		width:100%;
		font-size:18px;
		line-height: 24px;
	}
	.btn-doc{
		width:250px;
		padding:0;
		margin:125px auto 0;
	}
	.btn-doc:before {
		top: auto;
		bottom:92px;		
		left: calc(50% - 46px);
	}
	
	.project-block{
		flex-wrap: wrap;
	}
	.project-photos,.project-descr{
		max-width:100%;
		width:100%;
	}
	.project-photos{
		display: flex;
		align-items: center;
		gap:20px;
	}
	.project-plan {
		margin:0;
	}
	.project-photo{
		height:273px;
	}	
	
	.section-lots{
		background:#fff;
	}
	.section-lots:before{
		display:none;
	}
	.lots-block{
		gap:20px;
		margin-bottom:30px;
	}
	.lots-item {
		border-radius:10px;
		padding:27px 20px 40px;
	}
	.lot-size{
		width:100%;
		font-size:25px;
		line-height:55px;
		text-align:center;
	}
	.lot-size span{
		font-size:35px;
	}
	.lot-size span span{
		font-size: 22px;
		line-height: 22px;
		top:7px;
		right: -12px;
	}
	.lot-title{
		max-width:100%;
		font-size: 16px;
		line-height: 24px;
		text-align:center;
	}
	.lot-image{
		max-width:100%;
		position:static;
		margin:0 auto 15px;
	}
	.c-ul li {
		font-size: 14px;
	}
	.section-lots .btn {
		width: 300px;
	}
	.mb77 {
		margin-bottom: 50px;
	}
	.lot-image1{
		max-width:193px;
	}
	.lot-image2{
		max-width:222px;
	}
	.lot-image3{
		max-width:230px;
	}
	.lot-image4{
		max-width:185px;
	}
	.lots-item p {
		font-size: 14px;
		margin:0;
	}
	
	.design-process{
		gap:20px;
		margin-bottom:20px;
	}
	.design-text{
		text-align:center;
	}
	.design-text p{
		font-size:14px;
	}
	.design-text p.subtitle2{
		font-size:17px;
		line-height:28px;
		margin-bottom:3px;
	}
	.design-text p.subtitle3{
		font-size:15px;
		line-height:24px;
		margin-bottom:6px;
	}
	.design-img {
		margin-top: 12px;
	}
	.design-architect {
		padding: 25px 20px 50px;
		border-radius:10px;
	}
	.architect-name {
		font-size:18px;
	}
	.architect-text {
		font-size: 14px;
		padding:12px 0 16px;
	}
	p.snoska{
		margin-top:26px;
	}
	.photos-block{
		flex-wrap: wrap;
	}
	.photos-item{
		width:100%;
		height:auto;
		border-radius:10px;
	}
	
	.contact-block{
		margin:0 0 52px;
		flex-wrap: wrap;
		gap:0;
	}
	.contact-text, .contact-map{
		width:100%;
	}
	.map {
		border-radius:10px;
	}
	.map,.ya-map{
		height:420px;
	}
	
	.logo-b {
		margin:0 auto 37px;
		flex-wrap: wrap;
		height:auto;
	}
	.logo-b .logo-text{
		width:100%;
		text-align:center;
		padding:0;
		white-space:normal;
	}
	.logo-b .logo-text:before{
		display:none;
	}
	.logo-b .logo-img{
		margin:0 auto 18px;
	}
	.logo-b .logo-text br{
		display:none;
	}
	.contact-text .btn {
		max-width:300px;
		margin:30px auto 40px;
	}
	.contact-text-time, .contact-text-phone, .contact-text-adr {
		padding:20px 0 0;
		text-align:center;
	}
	.contact-text-time:before,
	.contact-text-phone:before,
	.contact-text-adr:before {
		top: -10px;
	}
	.contact-text-adr:before {
		left:calc(50% - 11px);
	}
	.contact-text-phone:before,
	.contact-text-time:before{
		left:calc(50% - 10px);top: -3px;
	}
	.contact-text-phone:before{
		
	}
	.contact-text-messengers{
		text-align:center;
	}
	.contact-text-messengers .messengers{
		gap:18px;
		justify-content: center; 
	}
	
	.yandex-feedback{	
		background:transparent;
	}
	.rating-block{
		margin-bottom: 20px;
	}
	.rating{
		padding-left:15px;
		gap:13px;
	}
	
	.architect-text2 {
		font-size:14px;
		padding: 22px 0 5px;
	}
	.architect-text {
		padding-bottom:18px;
	}
	
	.steps-block{
		flex-wrap: wrap;
		gap:20px;
		margin-bottom:29px;
	}
	.step{
		width:100%;
		border-radius:8px;
		padding:26px 20px 32px;
	}
	.step-num{
		font-size:36px;
		line-height:36px;
		margin-bottom: 9px;
	}
	.step-title{
		font-size:15px;
		line-height:26px;
		margin-bottom: 5px;
	}
	.step-text{
		font-size:13px;
		line-height:24px;
	}
	.steps-block .step{
		background:#1b2127;
		color:#fff;
	}
	.steps-block .step:nth-child(even){
		background:#f3efe7;
		color:#2f3c48;
	}
	.steps-block .step.step-last{
		background:#f3efe7 url('./img/decor/key.png') no-repeat center calc(100% - 40px);
		padding-bottom:160px;
		background-size:160px 117px;
	}
	.btn-b{
		max-width:320px;
		width:100%;
		padding:0;
		margin-bottom:30px;
	}
	
	.advantages-block .advantage:nth-child(2) br,
	.section-advantages h2 br{
		display:none;
	}
	.expert-text {
		margin-top:-10px;
		font-size: 14px;
		line-height:24px;
		margin-bottom:80px;
	}
	.expert-text p{
		margin-bottom:5px;
	}
	.btxt{
		font-size: 16px;
		line-height:24px;
	}
	.section-advantages .container {
		background-position:center 110px;
		background-size:341px auto;
	}
	.advantages-block{
		gap:9px;
	}
	.advantage{
		padding-top:74px;
		background-position:center 18px ;
		width:100%;
	}
	.section-advantages {
		padding-bottom:50px;
		background-size:auto;
		background-position:center bottom;
	}
	.advantage2{
		width:100%;
		padding-left:20px;
		padding-right:18px;
	}
	.a-title{
		font-size:18px;
	}
	
	.catalog-block {
		flex-wrap: wrap;
		border-radius:10px;
		padding:33px 20px 40px;
	}
	.catalog-text,
	.catalog-img{
		width:100%;
	}
	.catalog-title, h3.catalog-title,
	.catalog-subtitle{
		font-size:20px;
		line-height:30px;
		margin:0;
		text-align:center;
	}
	.catalog-subtitle{
		margin-bottom:23px;
	}
	.catalog-subtitle2{
		text-align:center;
		margin-bottom:6px;
	}
	.booklet{
		position:static;
		width:100%;
		height:auto;
		margin:0 auto;
		transform:none;
	}
	.catalog-text ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom:25px;
	}
	.cat-btn {
		max-width:300px;
		width:100%;
		margin:0 auto 25px;
	}
	.section-choice {
		padding-bottom: 50px;
	}
	
}
@media (max-width: 700px){
	.container{
		padding-left:10px;
		padding-right:10px;
	}
	.section-first{
		padding-top:34px;
	}
	.section{
		padding-top:44px;
	}
	
	.quiz-wrap {
		padding-left:18px;
		padding-right:18px;
	}
	.quiz-titles{
		display:block;
		text-align:center;
		font-size:15px;
	}
	.quiz-percent{
		padding:18px 0;
	}
	.qquestion-title{
		flex-wrap: wrap;
		justify-content: center; 
		text-align:center;
		margin: 18px 0;
		gap:10px;
	}
	.qquestion-text{
		max-width:100%;
		width:100%;
		font-size:16px;
	}
	.quiz-radio{
		margin:0 auto;
		width:100%;
	}
	.quiz-radio-txt {
		font-size:15px;
	}
	.quiz-wrap .prev-btn,
	.quiz-wrap .next-btn {
		width:144px;
		padding:0;
	}
	.quiz-wrap .prev-btn{
		left:18px;
	}
	.quiz-wrap .next-btn {
		right:18px;
	}

}
@media (max-width: 600px){
	.section-price h2 br{
		display:none;
	}
	.project-title{
		font-size:18px;
		text-align:center;
		margin-bottom: 10px;
	}
	.project-subtitle{
		font-size:14px;
		line-height:24px;
		text-align:center;
	}
	.project-photos{
		flex-wrap: wrap;
		gap:0;
	}
	.project-block {
		padding:30px 20px 47px;
		gap:10px;
	}
	.project-plan, .project-photo{
		max-width:306px;
		width:100%;
		margin:0 auto 10px;
	}
	.project-photo{
		height:auto;
		margin-bottom:0;
	}
	.project-descr {
		padding-top: 16px;
	}
	.descr-item {
		font-size:13px;
	}
	.projects-wrap .btn {
		width:300px;
		margin:15px auto 0;
		height:77px;
	}
}
@media (max-width: 500px){
	.header-title br{
		display:none;
	}
	.design-advantage{
		padding-left:22px;
		padding-right:135px;
		font-size:13px;
		line-height:22px;
		margin-bottom:19px;
	}
	.design-advantage1:after {
		right:26px;
	}
	.design-advantage2:after {
		right:27px;
	}
	.quiz-block .design-architect {
		padding-bottom:30px;
	}
	
}
@media (max-width: 380px){
	.section-advantages .container {
		background-size:calc(100% - 20px) auto;
	}
}
@media (max-width: 350px){
	.rating-block{
		flex-wrap: wrap;
	}
}





.dm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0, 0.91);
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    z-index: 99999999;
}
.dm-overlay:target {
    display: block;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
.dm-table {
    display: table;
    width: 100%;
    height: 100%;
}
.dm-cell {
    display: table-cell;
    padding: 0 1em;
    vertical-align: middle;
    text-align: center;
}
.dm-modal {
    display: inline-block;
	display:none;
	max-width: 1270px;
	width:100%;   
    color: #000;
	background:transparent;
    text-align: left;
    -webkit-animation: fade .8s;
    -moz-animation: fade .8s;
    animation: fade .8s;
	position:relative;
	padding: 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

}
@-moz-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 } 
}
@keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
.closeme {
	display:block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 70px;
	height: 70px;
	opacity: 1;
	z-index:9999;
	background:transparent;
	box-shadow:none;
	border:0;
}
.closeme:hover {
	opacity: 0.9;
	cursor:pointer;
}
.closeme:before, .closeme:after {
	position: absolute;
	top: 15px;
	right:35px;
	content: ' ';
	height: 28px;
	width: 1px;
	background-color: #2f3c48;
}
.closeme:before {
	transform: rotate(45deg);
}
.closeme:after {
	transform: rotate(-45deg);
}

.dm-modal.privacypopup{
	max-width:800px;
}
.privacypopup .modal-content{
	width:100%;
	border-radius:20px;
	padding:45px 30px;
	background:#fff;
}

.popupmenu .mainmenu{
	width:100%;
	padding:0;
	display: flex;
 	justify-content: center; 
	flex-direction: column;
	align-items: center;
}
.popupmenu .header-mainmenu{
	background:transparent;
}
.popupmenu .mainmenu li{
	display:inline-block;	
	padding:0;
}
.popupmenu .mainmenu li{
	text-align:center;
	height:auto;
}
.popupmenu .mainmenu li a{
	display:inline-block;
	color:#fff;
	font-size:17px;
	height:auto;
	line-height:18px;
	margin-bottom:20px;
	padding:6px 0;
	text-transform:none;
}
.popupmenu .header-nav {
	width:100%;
	margin:0 auto;
	display:block;
}
.popupmenu .mainmenu li.m-h{
	display:none;
}
.popupmenu{
	text-align:center;
}
.popupmenu .phone{
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	padding:15px 0;
}
.modal-menu-info{
	margin-top:10px;
	width:100%;
	text-align:center;
}
.modal-menu-info .mail{
	font-size:15px;
	color:#1bb7b7;
}
.modal-social{
	margin-top:20px;
	align-items: center;
	justify-content: center; 
	gap:10px;
	
}
.popupmenu .mainmenu .submenu{
	position:static;
	display:none;
	background:transparent;
	padding:0 0 10px;
	margin-top:-10px;
}
.popupmenu .mainmenu .submenu li{
	display:block;
	width:100%;
	margin-bottom:9px;
}
.popupmenu .mainmenu .submenu li a{
	font-size:15px;
	padding:3px 0;
	margin:0;
}
.popupmenu .mainmenu li.withsub a:nth-of-type(1){
	position:relative;
}
.popupmenu .mainmenu li.withsub a:nth-of-type(1):after{
	content:'';
	display:block;
	width:6px;
	height:6px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	transform:rotate(135deg);
	position:absolute;
	right:-15px;
	top:12px;
}
.popupmenu .mainmenu li.withsub.opened a:nth-of-type(1):after{
	transform:rotate(-45deg);
	top:15px;
}
.popupmenu .mainmenu li.withsub:after,
.popupmenu .mainmenu li.withsub .submenu a:after{
	display:none !important;
}

.dm-modal.popuptext{
	max-width:420px;
}
.modal-text-insert .popup-text{
	display:block;
	background:#fff;
	border-radius:20px;
	padding:40px 30px;
	margin:0 auto;
}
.popup-response{
	text-align:center;
}


::-webkit-input-placeholder { color: #aeafb0;}
:-moz-placeholder { color: #aeafb0; opacity: 1;}
::-moz-placeholder { color: #aeafb0; opacity: 1;}
:-ms-input-placeholder { color: #aeafb0;}
::-ms-input-placeholder { color: #aeafb0;}
::placeholder { color: #aeafb0;}


.loader{
	position:absolute;
	top:-5px;right:-5px;bottom:-5px;left:-5px;
	background: rgb(255,255,255);
	background: -moz-radial-gradient(circle, rgba(231,255,255,1) 0%, rgba(255,255,255,0) 67%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 67%, rgba(255,255,255,0) 100%);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 67%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
	z-index:999;
	display:none;
}
.sending .loader{
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}
.loadericon{
	width:100px;
	height:100px;
}
.lds-form {
	display: inline-block;
	position: absolute;
	top:calc(50% - 40px);
	left:calc(50% - 40px);
	width: 80px;
	height: 80px;
}
.lds-form div {
	display: inline-block;
	position: absolute;
	left: 8px;
	width: 16px;
	background: #d6d480;
	animation: lds-form 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-form div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-form div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-form div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-form {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}



.slick-lightbox {
	z-index: 999999999;
}
.slick-lightbox-close:before {
	font-size:90px;
}
.slick-lightbox-close {
	height: 80px;
	width: 50px;
}

@keyframes glowing {
  0% { background-color: #ffbdc7;}
  50% { background-color: transparent;}
  100% { background-color: #ffbdc7;}
} 
.glow{
	background:#ffbdc7;
	animation: glowing 500ms infinite; 
}