@font-face {
	font-family: ALSRubl;
	src: url(/fonts/rouble.ttf);
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir Next Cyr';
	src: url('../fonts/AvenirNextCyr-Light.eot');
	src: url('../fonts/AvenirNextCyr-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirNextCyr-Light.woff2') format('woff2'),
		url('../fonts/AvenirNextCyr-Light.woff') format('woff'),
		url('../fonts/AvenirNextCyr-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir Next Cyr';
	src: url('../fonts/AvenirNextCyr-Regular.eot');
	src: url('../fonts/AvenirNextCyr-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirNextCyr-Regular.woff2') format('woff2'),
		url('../fonts/AvenirNextCyr-Regular.woff') format('woff'),
		url('../fonts/AvenirNextCyr-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir Next Cyr';
	src: url('../fonts/AvenirNextCyr-Bold.eot');
	src: url('../fonts/AvenirNextCyr-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirNextCyr-Bold.woff2') format('woff2'),
		url('../fonts/AvenirNextCyr-Bold.woff') format('woff'),
		url('../fonts/AvenirNextCyr-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir Next Cyr';
	src: url('../fonts/AvenirNextCyr-Heavy.eot');
	src: url('../fonts/AvenirNextCyr-Heavy.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirNextCyr-Heavy.woff2') format('woff2'),
		url('../fonts/AvenirNextCyr-Heavy.woff') format('woff'),
		url('../fonts/AvenirNextCyr-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}


html{
	height:100%;
	width:100%;
}
	body{
		padding:0;
		margin:0;
		height:100%;
		width:100%;
		color:#000;
		background-color:#fff;
	}
		*{
			outline:none;
			font-family:'Avenir Next Cyr', sans-serif;
			box-sizing:border-box;
		}
		input{
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}

		rub{
			font-family:'ALSRubl';
			font-weight:300;
		}

		.anim,
		.anim *{
			-webkit-transition:.3s ease;
			transition:.3s ease;
		}

		.clear{
			float:none;
			clear:both;
		}

		.btn{
			border:1px solid #ebbe66;
			text-transform:uppercase;
			font-size:13px;
			font-weight:bold;
			padding:19px 39px;
			cursor:pointer;
			display:inline-block;
			position:relative;
		}
		.btn:hover{
			background-color:#ebbe66;
			color:#fff;
		}
		a.btn{
			text-decoration:none;
			color:#000;
		}
			.btn>span{
				position:absolute;
				display:block;
				right:-40px;
				width: 82px;
				height: 1px;
				background: #fff;
				margin-top: -8px;
				margin-bottom: 7px;
				margin-left: 20px;
			}
			.btn>span::after{
				content: "";
				width: 0;
				height: 0;
				position: absolute;
				top: -3px;
				left: 100%;
				border-width: 4px 0 4px 4px;
				border-style: solid;
				border-color: transparent #fff;
			}


		.wide{
			width:100%;
			min-width:1180px;
			max-width:1920px;
			position:relative;
		}

		.box{
			width:100%;
			max-width:1140px;
			min-width:1140px;
			margin:0 auto;
			padding:0;
			position:relative;
		}

		.mob__menubtn,
		.mob__phone{
			display:none;
		}

		.rotate{
			position:absolute;
			top:-80px;
			left:0;
			right:0;
			bottom:0;
			-webkit-transform: skewY(-3deg);
			-moz-transform: skewY(-3deg);
			-ms-transform: skewY(-3deg);
			-o-transform: skewY(-3deg);
			transform: skewY(-3deg);
			height:200px;
			background-color:#fff;
		}

		.head{
			min-height:900px;
			background:url('/i/head__bg.jpg') center center no-repeat;
			background-size:cover;
			color:#fff;
			padding-top:36px;
		}
		.object__head{
			background-color:#1e222c;
			background-size:cover;
			color:#fff;
			padding-top:36px;
		}
		.page__head{
			min-height:290px;
			background-color:#1e222c;
			background-size:cover;
			color:#fff;
			padding-top:36px;
		}
			.head__row{
				display:flex;
				position:relative;
			}
				.head__row>div:first-child{
					max-width:184px;
				}
				.head__row>div{
					width:100%;
					position:relative;
				}
				.head__contacts{
					text-align:right;
				}
					.head__phone{
						display:block;
						margin:5px 245px 0 0 ;
					}
					.head__contacts strong{
						display:block;
						font-size:20px;
					}
					.head__contacts a{
						color:#fff;
						text-decoration:none;
					}
					.head__contacts .btn{
						position:absolute;
						top:0;
						right:0;
					}
				.head__row ul{
					padding:0;
					margin:35px 0 0 0;
					list-style:none;
					position:absolute;
					right:0;
				}
					.head__row ul li{
						display:inline-block;
						margin-left:30px;
						font-size:17px;
					}
						.head__row ul li a{
							color:#fff;
							text-decoration:none;
						}
						.head__row ul li a:hover{
							border-bottom:2px solid #ebbe66;
						}
			.head__title{
				margin-top:140px;
				display: flex;
			}
				.head__title>div{
					/*width:50%;*/
				}
				.head__title h1{
					font-weight:300;
					font-size:40px;
					line-height:55px;
					text-transform:uppercase;
				}
					.head__title h1 span{
						font-weight:900;
						color:#ebbe66;
					}
			.head__title .btn{
				background-color:#ebbe66;
				padding:20px 65px 21px 35px;
				margin-top:15px;
				color:#fff;
			}
			.title__slider button{
				display:none !important;
			}
			.title__slider .slick-dots{
				display: flex;
				justify-content: center;
				position: absolute;
				margin:40px auto 0;
				padding:0;
				width:100%;
			}
			.title__slider .slick-dots li{
				width:100px;
				background: #fff;
				height:3px;
				margin:0 15px;
				cursor:pointer;
				opacity: 0.3;
			}
			.title__slider .slick-dots li.slick-active{
				opacity: 0.8;
			}
			.title__slider .slick-dots li::marker{
				content: '';
			}

			.object__preview .btn{
				background-color:#ebbe66;
				padding:29px 85px 31px 53px;
				margin-top:15px;
				color:#fff;
			}
			.head__title .btn:hover,
			.object__preview .btn:hover{
				background-color:#dbab4c;
			}


		.about{
			padding-top:25px;
			padding-bottom:30px;
		}
			h4{
				color:#ebbe66;
				text-transform:uppercase;
				font-size:14px;
			}
			h2{
				text-transform:uppercase;
				font-size:36px;
				font-weight:300;
				width:85%;
			}
				h2 strong{
					font-weight:900;
				}
			.text__wrap{
				min-height:590px;
				background:url('/i/about__bg.jpg') center center no-repeat;
				display:flex;
				flex-direction: column;
				justify-content: center;
				margin-top:60px;
				background-size:cover;
				padding:40px 0;
			}
				.text__block{
					background-color:#fff;
					box-shadow:0 15px 40px rgba(31, 32, 39, 0.15);
					font-size:17px;
					max-width:800px;
					line-height:26px;
					padding:25px 45px 50px;
				}
					.projects{
						line-height:30px;
						position:relative;
						margin-bottom:30px;
						padding-left:25px;
					}
					.projects::before{
						content:'';
						border:2px solid #ebbe66;
						position:absolute;
						left:7px;
						top:1px;
						height:100%;
					}
						.projects strong{
							position:relative;
						}
						.projects strong::before{
							content:'';
							border:3px solid #ebbe66;
							background-color:#fff;
							position:absolute;
							left:-25px;
							top:1px;
							width:12px;
							height:12px;
							border-radius:15px;
						}
						.projects a{
							color:#000;
							text-decoration: none;
						}
						.projects a:hover{
							color:#dbab4c;
						}
					.text__block .btn{
						color:#fff;
						background-color:#ebbe66;
						padding-top:12px;
						padding-bottom:12px;
						margin-top:10px;
					}
					.text__block .btn:hover{
						background-color:#dbab4c;
					}

		.commerc{
			background-color:#f8f8f8;
			margin-top:180px;
			padding-top:10px;
			padding-bottom:200px;
		}
			.commerc .rotate{
				background-color:#f8f8f8;
				-webkit-transform: skewY(3deg);
				-moz-transform: skewY(3deg);
				-ms-transform: skewY(3deg);
				-o-transform: skewY(3deg);
				transform: skewY(3deg);
			}
			.title__text{
				width:70%;
				font-size:18px;
				line-height:26px;
			}
				.title__text a,
				.text__block a{
					color:#c89d23;
				}
			.objects__wrap{
				display:flex;
				justify-content:space-between;
				flex-wrap:wrap;
			}
				.objects__single .objects__item{
					min-width:900px;
				}
					.objects__single .object__img img{
						max-height:402px;
					}
				.objects__item{
					width:49%;
					background-color:#fff;
					box-shadow:0 15px 40px rgba(31, 32, 39, 0.15);
					display:flex;
					align-items:stretch;
					margin-top:20px;
				}
					.object__info{
						padding:15px 0 40px 40px;
						width:55%;
						min-width:310px;
					}
						.object__info h3{
							font-size:24px;
							font-weight:normal;
							margin-top:10px;
						}
							.object__info h3 a{
								color:#000;
								text-decoration:none;
							}
							.object__info h3 a:hover{
								border-bottom:2px solid #ebbe66;
							}
						.object__info p,
						.object__preview p{
							font-size:17px;
							line-height:26px;
						}
						.object__info .object__price,
						.object__preview .object__price{
							font-weight:bold;
							display:block;
							color:#ebbe66;
							font-size:24px;
						}
						.object__info .btn{
							margin-top:13px;
						}
					.object__img{
						overflow:hidden;
					}
						.object__img img{
							vertical-align:bottom;
							height:100%;
							width:auto;
							-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 100px 0px);
  						clip-path: polygon(0 100%, 100% 100%, 100% 0, 100px 0px);
						}

		.living{
			padding-top:0;
			padding-bottom:200px;
		}
			.living .rotate{
				-webkit-transform: skewY(3deg);
				-moz-transform: skewY(3deg);
				-ms-transform: skewY(3deg);
				-o-transform: skewY(3deg);
			}
			.paketi__head{
				font-weight:bold;
				margin-top:50px;
				margin-bottom:25px;
			}
			.paketi__wrap{
				display:flex;
				justify-content:space-between;
			}
				.paketi__wrap>div{
					width:31%;
					background-color:#fff;/*f4ca78*/
					border:3px solid #ebbe66;
					box-shadow:0 15px 40px rgba(31, 32, 39, 0.15);
					position:relative;
					padding-bottom:150px;
					margin-bottom:50px;
				}
					.paketi__wrap>div div{
						padding:10px 20px 0 20px;
					}
					.paketi__wrap h3{
						color:#ebbe66;
					}
					.paketi__wrap li{
						margin-bottom:7px;
					}
					.paketi__wrap .coast{
						font-size:14px;
						margin-top:30px;
						display:flex;
						padding:15px 0 20px 0;
						position:absolute;
						bottom:0;
					}
						.paketi__wrap .coast strong{
							font-size:50px;
							line-height:50px;
							display:block;
							color:#ebbe66;
						}



		.clients{
			background-color:#f8f8f8;
			/* background-color:#fff; */
			/* margin-top:150px; */
			margin-top:20px;
			/* padding-top:20px; */
			/* padding-bottom:100px; */
			padding-bottom:100px;
			padding-top:0;
			z-index:200;
		}
			.clients .rotate{
				background-color:#f8f8f8;
			}
			.clients .rotate:first-child{
				-webkit-transform: skewY(3deg);
				-moz-transform: skewY(3deg);
				-ms-transform: skewY(3deg);
				-o-transform: skewY(3deg);
				background-color:#f8f8f8;
			}
			.clients .rotate:last-child{
				background-color:#f8f8f8;
				/* background-color:#fff; */
				bottom:-50px;
				top:auto;
				height:150px;
			}

			.clients__wrap{
				overflow:hidden;
			}
				.clients__items{
					display:flex;
					flex-wrap:wrap;
					justify-content:space-between;
					margin-top:50px;
					position:relative;
					z-index:+1;
					/*overflow: hidden;*/
				}
					.clients__items img{
						border:1px solid #e0e0e0;
						width:24%;
					}
					.clients__items .slick-slide{
						/* border:10px solid #fff !important; */
						border:10px solid #f8f8f8 !important;
						margin:0 10px;
					}
					.slick-prev,
					.slick-next{
						position:absolute;
						top:50%;
						margin-top:-26px;
						z-index:+1;
						width:19px;
						height:51px;
						background:url('/i/str.png') center center no-repeat;
						border:0;
						cursor:pointer;
						text-indent:-1000px;
					}
					.slick-prev{
						left:-25px;
					}
					.slick-next{
						right:-25px;
						-webkit-transform: rotate(180deg);
						-ms-transform: rotate(180deg);
						transform: rotate(180deg);
					}

		.object__preview{
			margin-top:10px;
			position:relative;
			display:flex;
		}
			.object__preview>div{
				width:50%;
				z-index:400;
				padding-right:20px;
			}
			a.to__main{
				color:#ebbe66;
				text-decoration:none;
				font-size:13px;
				font-weight:bold;
				text-transform:uppercase;
				margin-top:80px;
				display:block;
			}
			.object__preview h1{
				font-weight:300;
				font-size:42px;
				margin-top:0;
			}
			.object__preview .btn{
				margin-top:40px;
			}
			.object__preview img{
				margin-top:-25px;
				width:100%;
				height:auto;
				max-width:585px;
				box-shadow:0 15px 40px rgba(31, 32, 39, 0.15);

			}


		.object__text{
			padding-top:30px;
			padding-bottom:150px;
		}
			.object__text p img,
			.page__text p img{
				width:100%;
				height:auto;
			}
			.object__text h2,
			.object__plan h2{
				font-size:36px;
				font-weight:900;
			}
			a.down__present{
				color:#c89d23;
				display:inline-block;
				margin:70px 0 5px 0;
			}
			.object__text p,
			.object__text ul{
				font-size:17px;
				line-height:26px;
			}
			.photo__list{
				margin:50px 0;
				display:flex;
				flex-wrap:wrap;
			}
				.photo__list div{
					width:30%;
					margin:20px 20px 20px 0;
				}
					.photo__list div img{
						width:100%;
						height:auto;
					}
			.obj__map{
				margin:40px 0 0 0;
				background-color:#f8f8f8;
				box-shadow:0 15px 40px rgba(31, 32, 39, 0.05);
			}
				.obj__map #map{
					width:100%;
					height:250px;
				}

		.object__plan{
			background-color:#f8f8f8;
			padding-top:0;
			padding-bottom:70px;
			z-index:200;
		}
			.object__plan .rotate{
				background-color:#f8f8f8;
				-webkit-transform: skewY(3deg);
				-moz-transform: skewY(3deg);
				-ms-transform: skewY(3deg);
				-o-transform: skewY(3deg);
				transform: skewY(3deg);
			}
			.object__plan .rotate:last-child{
				background-color:#f8f8f8;
				bottom:-50px;
				top:auto;
				height:150px;
			}

				.object__plan a{
					display:inline-block;
					margin-right:40px;
					font-size:22px;
					text-decoration:underline;
					color:#000;
				}
				.object__plan a.act{
					font-weight:900;
					text-decoration:none;
					color:#ebbe66;

				}
			.plan__wrap{
				padding:50px;
				background-color:#fff;
				box-shadow:0 15px 40px rgba(31, 32, 39, 0.15);
				margin-top:45px;
				text-align:center;
				position:relative;
				z-index:300;
			}
				.plan__wrap div{
					text-align:left;
				}
					.plan__wrap div span{
						display:inline-block;
						background-color:#ebbe66;
						border-radius:50px;
						width:20px;
						height:20px;
						margin:0 5px -3px 0;
					}

		.page__text{
			padding-top:30px;
			padding-bottom:50px;
			z-index:500;
		}
			.page__text h1{
				font-size:36px;
				font-weight:900;
				margin-top:0;
				width:80%;
			}
			.page__text p,
			.page__text ul{
				font-size:17px;
				line-height:26px;
				position:relative;
				z-index:400;
			}
			.page__text ol{
				font-size:18px;
				line-height:26px;
				position:relative;
				z-index:400;
			}
				.page__text ol a{
					color:#c89d23;
				}
			.page__text .rotate:last-child{
				bottom:-50px;
				top:auto;
				height:150px;
			}
			.page__text .clients__items{
				justify-content:space-around;
				
			}
				.page__text .clients__items img{
					border:none;
					margin:0;
					height:auto;
				}

		.files__wrapper{
			margin-top:40px;
		}
			.files__item{
				display:flex;
				margin-bottom:20px;
				color:#212121;
				text-decoration: none;
			}
			.files__item:hover .file__name{
				color:#ebbe66;
			}
				.files__item img{
					width:40px;
					margin-right:10px;
				}
				.file__name{
					font-size:18px;
				}
				.file__size{
					display:block;
					color:#ccc;
					font-size:14px;
					margin-top:5px;
				}

		.footer{
			min-height:800px;
			background:url('/i/footer__bg.jpg') center center no-repeat;
			background-size:cover;
			z-index:100;
			padding-top:130px;
			color:#fff;
		}
		.object__footer{
			padding-top:180px;
		}
			.footer__wrap{
				display:flex;
				justify-content:space-between;
				align-items: center;
			}
				.footer__contacts{
					width:60%;
				}
					.footer__contacts>div{
						display:flex;
						justify-content:space-between;
					}
						.footer__contacts>div strong{
							font-size:20px;
							display:block;
							white-space:nowrap;
						}
						.footer__contacts>div object{
							float:left;
							margin-left:-58px;
						}
						.footer__contacts>div a{
							color:#fff;
							text-decoration:none;
						}
						.footer__contacts h4{
							margin-top:0;
						}
						.mail__column a:hover{
							border-bottom:2px solid #ebbe66;
						}
						.footer__contacts>div div{
							padding-left:58px;
							line-height:26px;
						}

					.form__wrap{
						width:390px;
						background-color:#fff;
						text-align:center;
						color:#000;
						font-size:17px;
						padding:45px 40px;
					}
						.form__wrap h5{
							text-transform:uppercase;
							font-size:24px;
							margin:0;
						}
						input[type=text],
						textarea{
							width:100%;
							border:1px solid #e0e0e0;
							background-color:#f8f8f8;
							font-size:16px;
							padding:12px;
							margin-bottom:10px;
						}
						.popup__order{
							background-color:#ebbe66;
							color:#fff;
							padding:25px 70px;
							margin-top:20px;
						}
						.popup__order:hover{
							background-color:#dbab4c;
						}
						.href{
							display:block;
							font-size:13px;
							cursor:pointer;
							margin-top:20px;
							color:#dbab4c;
						}
			.footer__line{
				color:#fff;
				padding:40px 0 50px;
				border-top:1px solid #86888d;
				margin-top:80px;
			}
				.footer__line .head__contacts{
					position:relative;
				}
				.footer__line .head__phone{
					margin-top:0;
					padding-top:3px;
				}
				.footer__line .btn{
					top:0;
				}
				.infonet{
					float:left;
					padding-top:16px;
					position:relative;
					z-index:+1;
				}
					.infonet a{
						color:#fff;
						text-decoration:none;
					}
					.infonet a:hover{
						border-bottom:2px solid #ebbe66;
					}


/* всплывающее окно */
#hidden__call{
	display:none;
	padding-top:40px;
	color:#000;
	text-align:center;
	max-width:500px;
	min-height:340px;
	width:auto;
}
	#hidden__call form input:first-child,
	.form__contacts input:first-child{
		display:none;
	}
	.submit__block{
		display:none;
	}

/* мобильное меню */
#menu{
	background-color:#ebbe66;
}
	#menu ul{
		margin: 38px 5px 0 15px;
		font-size: 17px;
	}
		#menu ul li{
			padding:0;
		}
		#menu ul a:hover{
			border-bottom:3px solid #ebbe66;
		}
		.mm-listitem__text{
			overflow:visible !important;
			white-space:normal !important;
			padding:10px !important;
			width:100%;
		}

		#menu .head__phone{
			margin-right:0;
			width:100%;
			font-size:14px;
			flex-basis:100%;
			border-top:1px solid #ebbe66;
			margin-top:30px;
			padding-top:30px !important;
		}
			#menu .head__phone strong{
				display:block;
				font-size:20px;
				line-height:30px;
			}
		#menu .btn{
			max-width:220px;
			padding:15px 35px !important;
			text-align:center;
			margin-top:30px;
		}

	input.error{
		border:1px solid #ebbe66;
		background-color:#fff3dc;
	}
	label.error{
		display:none !important;
	}
