/*  EFFECTS  */
@-webkit-keyframes bounceDown {
	0%,20%,50%,80%,100%{transform:translateY(0)}
	40%{transform:translateY(30px)}
	60%{transform:translateY(15px)}
}
@-moz-keyframes bounceDown {
	0%,20%,50%,80%,100%{transform:translateY(0)}
	40%{transform:translateY(30px)}
	60%{transform:translateY(15px)}
}
@-o-keyframes bounceDown {
	0%,20%,50%,80%,100%{transform:translateY(0)}
	40%{transform:translateY(30px)}
	60%{transform:translateY(15px)}
}
@keyframes bounceDown {
	0%,20%,50%,80%,100%{transform:translateY(0)}
	40%{transform:translateY(30px)}
	60%{transform:translateY(15px)}
}

@-webkit-keyframes smallBounce {
	0%,20%,50%,100%{transform:translateY(0)}
	40%{transform:translateY(10px)}
}
@-moz-keyframes smallBounce {
	0%,20%,50%,100%{transform:translateY(0)}
	40%{transform:translateY(10px)}
}
@-o-keyframes smallBounce {
	0%,20%,50%,100%{transform:translateY(0)}
	40%{transform:translateY(10px)}
}
@keyframes smallBounce {
	0%,20%,50%,100%{transform:translateY(0)}
	40%{transform:translateY(10px)}
}

/*  COMMON  */
html {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
	line-height: 1.2;
}
body{
	color: #1f1f1f;
	background: #fff;
	font: 16px/24px 'Nunito Sans', sans-serif;
	margin: 0;
	padding: 0;
	text-rendering: optimizelegibility;
	letter-spacing: 0;
	font-weight: 300;
}
h1, h2, h3, .like-h1, .like-h2, .section-title {
	text-align: left;
	font-weight: 700;
	line-height: 1;
	color: #000000;
}
h1, .like-h1 {
	font-size: 40px;
	margin: 30px 0;
	color: #000000;
}
	.bigger-h1 {
		font-size: min(5vw, 90px);
	}
h2, .like-h2 {
	font-size: 32px;
	margin: 30px 0;
	color: #ae8c60;
}
h3 {
	font-size: 24px;
	margin: 20px 0;
}
.title-underline:after {
	content: "";
	display: block;
	width: 120px;
	height: 2px;
	background: #af8c62;
	margin: 30px auto 0;
}
	.text-left.title-underline:after {
		margin: 20px 0 0 0;
	}
b, strong {
	font-weight: 700!important;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.list--no-style {
	list-style: none;
	margin: 0;
	padding: 0
}
.hidden {
	display: none;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.inline {
	display: inline;
}
.lht12 {
	line-height: 1.2;
}
.lht20 {
	line-height: 2.0;
}
.font--normal {
	font-weight: normal!important;
}
.bold {
	font-weight: bold!important;
}
.nowrap {
	white-space: nowrap!important;
}
.white {
	color: #fff!important;
}
.grey {
	color: #3e3e3e!important;
}
.deepblue {
	color: #000000!important;
}
.blue {
	color: #000000!important;
}
.bg--blue {
	background-color: #000000;
}

.bg--skyblue {
	background-color: #0aabb3;
}
.bg--brown {
	background-color: #af8c62;
}
.bg--red {
	background-color: #bb0e0e;
}
.bg--grey {
	background-color: #e9e9e9;
}
.bg--black {
	background-color: #000000;
}
.narrow {
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
}
p {
	text-align: left;
	margin: 30px 0;
}
a {
	color: #2a32db;
	text-decoration: underline;
	transition: color .15s ease-in-out, opacity .15s ease-in-out;
	outline: none;
}
	a:hover {
		text-decoration: none;
	}
	.link--grey, .link--grey:hover {
		color: #424242!important;
	}
section {
	padding: 20px 0;
}
	.section--no-padding {
		padding: 0;
	}
.no-margin {
	margin: 0!important;
}
.no-decoration {
	text-decoration: none!important;
}
.ul--no-style {
	list-style: none;
	margin: 0;
	padding: 0;
}
.alert {
	line-height: 1.4;
}
	.alert-warning {
		color: #856404;
		background-color: #fcf8e3;
		border-color: #faebcc;
	}
	.alert-danger {
		color: #a94442;
		background-color: #f2dede;
		border-color: #ebccd1;
	}
	.alert-success {
		color: #3c763d;
		background-color: #dff0d8;
		border-color: #d6e9c6;
	}
	.alert-primary {
		color: #31708f;
		background-color: #d9edf7;
		border-color: #bce8f1;
	}
		.alert .fa {
			font-size: 24px;
		}
.cf { clear: both; }
.section--no-intro {
	margin-top: 92px;
}
	.section--blue-intro {
		background-color: #000000;
		text-align: center;
		padding: 2.5rem 0 2rem;
	}

::placeholder {color: #000000; opacity: 1;}
:-ms-input-placeholder {color: #000000;}
::-ms-input-placeholder {color: #000000;}

.item__tags {
	position: absolute;
	top: 20px;
	right: 0;
	width: auto;
	display: flex;
	flex-direction: column;
	z-index: 10;
	align-items: flex-end;
}
	.item__tag {
		position: relative;
		padding: 8px 12px 8px 12px;
		font-size: 16px;
		display: inline-block;
		margin-bottom: 5px;
	}
.product-list__label {
	position: absolute;
	top: 0;
	left: -100%;
	transition: all .25s ease-in-out;
	white-space: nowrap;
	background-position: calc(100% - 9px) center;
	background-repeat: no-repeat;
	background-size: 19px 19px;
	color: #fff;
	font-size: 14px;
	padding: 5px 38px 5px 18px;
}

.btn {
	border-radius: 5px;
	display: inline-block;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	font-weight: bold;
	color: #fff;
	padding: 16px 25px;
	text-decoration: none;
	outline: none;
	position: relative;
	margin: 0 auto;
	border: 0;
}
	.btn--smaller {
		padding-left: 15px;	
		padding-right: 15px;
	}
	.btn--blue {
		background-color: #ae8c60;
		color: #fff;
	}
		.btn--blue:hover {
			background-color: #0aabb3;
			color: #fff;
		}
	.btn--brown, .offers__slider-tab .btn--blue.active {
		background-color: #0aabb3;
		color: #fff;
	}
		.btn--brown:hover, .request-form:hover .btn--brown {
			background-color: #0aabb3;
			color: #fff;
		}
	.btn--wide {
		width: 100%;
	}
			
header {
	position: fixed;
	top: -1px;
	left: -1px;
	right: -1px;
	z-index: 1000;
	transition: all .2s ease-in-out;
}
	header:not(.header--white) {
		min-height: 112px;
	}
	header.header--white {
		min-height: 92px;
	}
	header .container {
		position: relative;
	}
	.intro__bg {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;			
	}
		.intro__bg video {
			-o-object-fit: cover;
			object-fit: cover;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 0;
		}			
	.bg__wrapper {
		position: relative;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;		
	}
		.bg__wrapper::before {
			position: absolute;
			content: "";
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.8);
			z-index: 10;
		}
	.intro {
		padding: 200px 0 50px;
		position: relative;
		display: flex;
		flex-direction: column;
	}
		.section--full-height .intro {
			padding: 200px 0 100px;
			height: 100vh;	
			align-items: center;
			z-index: 15;
			justify-content: center;
		}
		.intro--main-page .intro__content {
			margin: auto 8% auto auto;
		}
			.intro--main-page .intro__content h2 {
				font-weight: 300;
			}
		.intro--inner-page .intro__content {
			margin-bottom: 130px;			
		}
		.intro__content > * {
			color: #fff;
			text-align: right;				
		}
		.intro__title {
			text-align: center;
			margin: 0 auto 30px;
		}
		.intro__note {
			max-width: 50%;
			text-align: center;
			margin: 0 auto;
		}
	.intro__more {
		margin-top: 50px;
		display: block;
	    -webkit-animation: bounceDown 5s infinite;
		-moz-animation: bounceDown 5s infinite;
		-o-animation: bounceDown 5s infinite;
		animation: bounceDown 5s infinite;
		position: absolute;
		bottom: 100px;
	}
	.intro__text {
		font-size: 24px;
		color: #fff;
		line-height: 1.4;
	}
		.intro__text a {
			color: #fff;
		}
	.intro__btn {
		text-align: center;
	}
	.header--white {
		background-color: #fff;
		box-shadow: 0 8px 12px rgba(0,0,0,0.15);
	}
	.logo {
		width: 230px;
		margin-top: 30px;
		margin-bottom: 5px;
		transition: all .2s ease-in-out;
	}
		.logo--biggest {
			width: min(500px, 33%);
			margin-top: min(130px, 15vh);
		}
		.header--white .logo {
			padding: 0;
			margin-top: 22px;
			width: 250px;
		}
		.logo svg {
			height: auto;
			width: 100%;
			transition: all .2s ease-in-out;
		}
			.logo svg .cls-1 {
				transition: all .2s ease-in-out;
			}
			.header--white .logo svg .cls-1 {
				fill: #010405;
			}
			
.fast-links {
	display: flex;
	position: absolute;
	right: 8px;
	top: 8px;
}
	.fast-link {
	}
		.fast-link + .fast-link {
			border-left: 1px solid rgb(219 219 219 / 53%);
		}
		.fast-link__icon {
			margin: 0 3px;
			display: block;
			width: 28px;
			height: 24px;
			background-position: center center;
			background-repeat: no-repeat;
			line-height: 23px;
			text-align: center;
		}
			.fast-link__icon:not(.fast-link__icon--with-image):hover {
				opacity: 0.8;
			}
			.fast-link__icon svg {
				width: 18px;
				height: 18px;
			}
				.fast-link__icon path {
					transition: all .4s ease-in-out;
				}
				.fast-link__icon--fb:hover  .fbicon, .fast-link__icon--insta:hover  .instaicon, .fast-link__icon--youtube:hover  .youtubeicon {
					fill: #ad8a5c;
				}
			.fast-link__icon--cz {	background-image: url("../img/icons/flag__cz.png");	}
			.fast-link__icon--en {	background-image: url("../img/icons/flag__en.png");	}
			.fast-link__icon--au {	background-image: url("../img/icons/flag__au.png");	}
			
.menu {
	min-width: 60%;
	padding: 40px 0 18px;
	margin-left: 30px;
	position: relative;
}
	.menu__item {
		display: inline-block;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		font-size: 15px;
		padding: 4px 5px;
		margin: 0 8px;
	}
		.menu__item.active, .menu__item:hover {
			color: #fff;
		}
		.header--white .menu__item {
			color: #000000;
		}
		.menu:not(.active) .menu__item:hover, .menu:not(.active) .menu__item.active {
			border-bottom: 2px solid #ad8a5c;
		}
		.header--white  .menu__item:hover, .header--white  .menu__item.active {
			color: #ad8a5c;
		}
	.menu-mobile {
		display: none;
		cursor: pointer;
		padding: 8px 4px;
		border-radius: 5px;
		transition: all .2s ease-in-out;
	}
	#menu-content {
		display: flex;
		justify-content: space-between;
	}
	.menu.active .menu-content {
		background-color: #000000;
		padding: 20px;
		position: absolute;
		right: 0;
		top: 0;
		display: block;
	}
		.menu.active .menu__item {
			width: 100%;
			display: block;
			white-space: nowrap;
		}	

.hamburger {
	width: 26px;
}
	.hamburger:after, 
	.hamburger:before, 
	.hamburger div {
		background-color: #fff;
		content: '';
		display: block;
		height: 2px;
		margin: 5px 0;
		transition: all .2s ease-in-out;
	}
		.header--white .hamburger:after,
		.header--white .hamburger:before, 
		.header--white .hamburger div {
			background-color: #2b2b2b;
		}
	.menu.active .hamburger:before {transform: translateY(7px) rotate(135deg);}
	.menu.active .hamburger:after {transform: translateY(-7px) rotate(-135deg);}
	.menu.active .hamburger div {transform: scale(0);}
			
footer {
	color: #404040;
}
	footer .bg {
		background-color: rgb(236, 236, 236);
		box-shadow: inset 0px -11.57px 11.57px -11.57px rgb(0 0 0 / 27%), inset 0px 11.57px 11.57px -11.57px rgb(0 0 0 / 27%);
	}
	.footer-section {
		padding: 50px 0;
	}
		footer h3 {
			margin-bottom: 30px;
			margin-top: 0;
		}
		footer h3:after {
			content: "";
			display: block;
			width: 120px;
			height: 2px;
			background: #af8c62;
			margin-top: 20px;
		}
			.social-networks a:hover {
				opacity: 0.8;
y	}
				.fb, .insta, .youtube {
					width: 45px;
					height: 45px;
					background: url("../img/icons/icon__facebook.svg") no-repeat 50% center scroll transparent;
					background-size: contain;
					margin: 0 20px 0 5px;
				}
					.insta {
						background-image: url("../img/icons/icon__instagram.svg");
					}
                    .youtube {
						background-image: url("../img/icons/icon__youtubee.svg");
					}
	.copyright {
		padding: 20px 0;
	}
		.copyright div:after {
			content: '|';
			padding: 0 5px;
		}
			.copyright div:last-of-type:after {
				content: '';
				padding: 0;
			}
			
.page-header.title {
	min-height: 150px;
	padding-top: 90px;
}

.request-form {
	padding: 0;
	cursor: pointer;
}
.request-form:before, .request-form:after {
	content: '';
	width: 100%;
	height: 40px;
	background-image: url(../img/decorations/bg__form_header.svg);
	display: block;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.request-form:after {
	background-image: url(../img/decorations/bg__form_footer.svg);
}
.request-form .container {
	padding-top: 20px;
	padding-bottom: 20px;
}
.request-form .container > * {
	margin-right: 3vw;
}
.request-form .container > *:last-child {
	margin-right: 0;
}
	.rocket__wrapper {
		position: relative;
		width: 105px;
		height: 105px;
	}
		.request-form .icon {
			position: absolute;
			background: url(../img/icons/icon__shuttle.svg) no-repeat center center transparent;
			background-size: contain;
			height: 90px;
			width: 90px;
			top: 10px;
			left: 10px;
		}
		.request-form:hover .icon--rocket {
			-webkit-animation: flight 1s infinite;
			animation: flight 1s infinite;
		}

		@keyframes flight {
		  0% {
			top: 10px;
			left: 10px;
		  }
		  10% {
			top: 8px;
			left: 14px;
			-webkit-transform: rotate(-2deg);
					transform: rotate(-2deg);
		  }
		  20% {
			top: 14px;
			left: 19px;
		  }
		  45% {
			top: 13px;
			left: 16px;
			-webkit-transform: rotate(2deg);
					transform: rotate(2deg);
		  }
		  55% {
			top: 18px;
			left: 17px;
		  }
		  75% {
			top: 14px;
			left: 12px;
		  }
		  100% {
			top: 10px;
			left: 10px;
		  }
		} 

		@-webkit-keyframes flight {
		  0% {
			top: 10px;
			left: 10px;
		  }
		  10% {
			top: 8px;
			left: 14px;
			-webkit-transform: rotate(-2deg);
					transform: rotate(-2deg);
		  }
		  20% {
			top: 14px;
			left: 19px;
		  }
		  45% {
			top: 13px;
			left: 16px;
			-webkit-transform: rotate(2deg);
					transform: rotate(2deg);
		  }
		  55% {
			top: 18px;
			left: 17px;
		  }
		  75% {
			top: 14px;
			left: 12px;
		  }
		  100% {
			top: 10px;
			left: 10px;
		  }
		}


.list--items {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
	.item {
		min-width: 22%;
		max-width: 22%;
		overflow: hidden;
		position: relative;
	}
    .item2 {
		min-width: 100%;
		max-width: 100%;
		overflow: hidden;
		position: relative;
	}
	.list--items.half .item {
		min-width: 45%;
		max-width: 45%;
		margin-bottom: 3rem;
		/*min-height: 17vw;*/
	}
		.item .icon {
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			box-sizing: border-box;
			margin: 0 auto 20px;
			transition: background-size .15s ease-in-out;
			height: 81px;
			width: auto;
		}
			
.top-position {
	margin-top: -50px;
}
.bottom-position {
	position: relative;
	top: 20px;
}
	.bottom-position.request-form:after {
		background-image: url(../img/decorations/bg__form_footer.svg);
		background-color: rgb(236, 236, 236);
	}

.services {
	padding: 0;
}
	.services > .container > div {
		width: 45%;
	}
		.services .container h2 {
			font-size: 28px;
		}
		
.gallery {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
	.gallery__image {
		min-width: 25%;
		max-width: 25%;
		overflow: hidden;
	}
	.gallery__image img {
		width: 100%;
		height: auto;
		transform: scale(1.02);
		transition: all .25s ease-in-out;
	}
		.gallery__image img:hover {
			transform: scale(1.2);
		}
		
.list--item-w-picture,
.list--item-w-stripe,
.list--item-w-picture__narrow {
	display: flex;
	flex-wrap: wrap;
}
	.item-w-picture {
		flex-basis: 50%;
	}
	.list--item-w-stripe .item-w-picture {
		flex-basis: 25%;
	}
		.item-w-picture a {
			text-decoration: none;
		}
		.item-w-picture .info {
			position: relative;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			margin: 0;
			height: min(50vw, 390px);
			padding: 1.8vw 3.6vw;
			background-position: center;
			background-repeat: no-repeat;
			background-size: auto 100%;
			transition: all .25s ease-in-out;
			color: #fff;
			cursor: pointer;
			overflow: hidden;
		}
		.list--item-w-picture__narrow .info {
			margin: 15px;
			padding: 1.5vw;
		}
		.list--item-w-stripe .info {
			margin: 15px;
			padding: 0;
		}
			.item-w-picture .info:hover {
				background-size: auto 110%;	
			}
			.item-w-picture .info:after {
				content: '';
				position: absolute;
				top: 0;
				left: -1px;
				right: -1px;
				bottom: -1px;
				z-index: 1;
				background: url(../img/decorations/shadow.png) center bottom repeat-x transparent;
			}
			.item-w-picture .info__title {
				margin: 0;
				color: #fff;
				z-index: 2;
				font-size: 46px;
				text-decoration: none;
			}
			.item-w-picture .info__description {
				z-index: 3;
				text-decoration: none;
			}
		.towns .item-w-picture .info {
			background-position: center top;
		}
			
.list--item-w-stripe .item-w-picture .info__title {
	font-size: 20px;
    line-height: 1.2em;
}
	.stripe {
		position: relative;
		z-index: 10;
	}
		.quantity, .square, .bed, .floor, .bath {
			font-size: 20px;
		}
			.quantity:after {
				content: "";
				display: inline-block;
				width: 30px;
				height: 30px;
				background-image: url(../img/icons/icon__quantity.svg);
				background-size: cover;
				margin-left: 10px;
			}
			.square:after {
				content: "";
				display: inline-block;
				width: 30px;
				height: 30px;
				background-image: url(../img/icons/icon__square.svg);
				background-size: cover;
				margin-left: 10px;
			}
            .bed:after {
				content: "";
				display: inline-block;
				width: 30px;
				height: 30px;
				background-image: url(../img/icons/icon__bed.svg);
				background-size: cover;
				margin-left: 10px;
			}
            .floor:after {
				content: "";
				display: inline-block;
				width: 30px;
				height: 30px;
				background-image: url(../img/icons/icon__floor.svg);
				background-size: cover;
				margin-left: 10px;
			}
            .bath:after {
				content: "";
				display: inline-block;
				width: 30px;
				height: 30px;
				background-image: url(../img/icons/icon__bath.svg);
				background-size: cover;
				margin-left: 10px;
			}

.filter {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
	.filter .field {
		display: flex;
		align-items: center;
        margin-bottom: 20px;
	}
    
    .filter .field--btn {
        margin-bottom: 0;
        width: 100%;
    }
    
		.filter select {
			border: 1px solid #9e9e9e;
			background: url("../img/decorations/arrow__select.png") calc(100% - 10px) center no-repeat #fff;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			padding: 7px 12px;
			color: #3f3f3f;
			font-size: 14px;
			cursor: pointer;
			min-width: 200px;
			outline: 0;
		}
			.filter select:hover {
				outline: 0;
			}

.our-team {
	overflow: hidden;
}
	.our-team .item {
		margin-bottom: 3vw;
	}
		.our-team .item__name {
			font-size: 20px;
			font-weight: bold;
			color: #000000;
		}
			.our-team .item__name div {
				font-size: 16px;
				font-weight: normal;
				color: #000;
				display: block;
			}
		.our-team .item__photo {
			overflow: hidden;
			max-width: 277px;
			border-radius: 50%;
			margin: 0 auto;
		}
			.our-team .item__photo img {
				width: 100%;
				height: auto;
				object-fit: cover;
			}

.textblock-in-wide {
	max-width: 630px;
	margin-left: auto;
	margin-right: 3vw;
}
.textblock-in-wide.l-side {
	margin-left: 6vw;
	margin-right: auto;
}
.about-us h1 {
	margin-top: 3vw;
}
.slider {
	min-height: 540px;
}

#carouselPhotos {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
	.carousel-inner {
		height: 100%;
		width: 100%;
	}
	.banner {
		height: 100%;
		width: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.carousel-item .shadow {
		height: 100%;
		width: 100%;
		background: url('/img/decorations/shadow.png') bottom center repeat-x transparent;
	}
	.carousel-item .note {
		position: absolute;
		bottom: 0;
		margin: 0 4vw 80px;
		font-size: 20px;
		line-height: 1.4;
		right: 0;
		width: calc(100% - 12vw - 120px);
	}
	.carousel-item__note {
		margin: 15px auto 0;
		text-align: center;
		font-size: 20px;
	}
.carousel-btns {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 60px 4vw;
}
	.offers .carousel-btns {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: 0;
	}
	.carousel-control-next-icon, .carousel-control-prev-icon {
		height: 34px;
		width: 34px;
	}
		.carousel-control-prev, .carousel-control-prev:focus,
		.carousel-control-next, .carousel-control-next:focus {
			height: 60px;
			width: 60px;
			background-color: #ae8c60;
			opacity: 1;
			position: relative;
			transition: background-color .15s ease-in-out;
		}
			.carousel-control-prev {
				margin-right: 10px;
			}
	.offers .carousel-control-prev {
		top: calc(50% - 30px);
		left: 5%;
		margin-right: 0;
		position: absolute;
		z-index: 20;
	}
	.offers .carousel-control-next {
		top: calc(50% - 30px);
		right: 5%;
		position: absolute;
		z-index: 20;
	}
		.carousel-control-prev-icon {
			background: url("../img/decorations/arrow__prev.svg") center center no-repeat transparent;
		}
		.carousel-control-next-icon {
			background: url("../img/decorations/arrow__next.svg") center center no-repeat transparent;
		}
			.carousel-control-next:hover, .carousel-control-prev:hover {
				background-color: #0aabb3;
				opacity: 1;
			}
			
.contacts-info {
	margin: -55px auto 0;
	position: relative;
	max-width: max(80vw, 1250px);
	justify-content: space-between;
}
	.contact-info {
		background-color: #000000;
		color: #fff;
		min-width: 30%;
		max-width: 30%;
		padding: 35px 40px;
		margin-bottom: 3rem;
	}
		.contact-info__title {
			font-size: 22px;
			color: #fff;
			margin-top: 0;
		}
		.contact-info a {
			color: #fff !important;
		}
			.contact-info a:hover {
				color: #ff0000 !important;
			}
			.contact-info .fb, .contact-info .insta, .contact-info .youtube {
				height: 65px;
				width: 65px;
				margin: 0 30px 0 0;
			}
			.contact-info  .title-underline:after {
				margin: 15px 0 25px;
			}

.section--contact-form {
	position: relative;
    padding: 3rem 0 0;
	margin-bottom: 30px;
}
	.bg--contact-form {
		opacity: 0.5;
		background: url("../img/decorations/bg__intro_hp.jpg") no-repeat center center scroll rgb(37, 60, 76);
		background-size: cover;
		z-index: -1;
		bottom: 3rem;
	}
	.contact-form {
		margin: 0 auto;
		background-color: #000000;
		padding: 30px 25px;
		max-width: 75%;
	}
		.contact-form h2 {
			color: #fff;
			text-align: center;
			margin-top: 0;
			margin-bottom: 20px;
		}
		.contact-form__note {
			text-align: center;
			color: #fff;
			margin: 10px 30px;
		}
		
.modal-dialog {
	max-width: 750px;
}	
.modal-content {
	border-radius: 5px;
	background-color: #000000;
	color: #fff;
	border: none;
}
	.modal-header {
		border: 0;
		font-size: 28px;
		font-weight: bold;
		margin: 0 auto;
	    padding: 20px 0 5px;
	}
		.modal-title {
			font-size: 28px;
			font-weight: bold;
			padding: 0;
			line-height: 1.1;
			padding-bottom: 0;
		}
		.modal-body {
			padding: 0 20px 20px;
		}
	.btn--close {
		position: absolute;
		right: 0;
		top: 0;
		padding: 20px;
		width: 60px;
		height: 60px;
		background: url("../img/decorations/btn__close.svg") center center no-repeat;
		background-size: 19px 19px;
		cursor: pointer;
	}
	.form__note {
		font-size: 12px;
		text-align: center;
		line-height: 1.2;
		margin-top: 15px;
		margin-bottom: 0;
	}
		.form__note a {
			color: #000;
			text-decoration: underline;
		}
			.form__note a:hover {
				text-decoration: none;
			}
	.form__desc {
		line-height: 1.2;
		text-align: center;
		font-size: 15px;
		margin: 0 auto 10px;
	}	
	.form-wrapper {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
		.form-group {
			width: 32%;
			padding: 15px 0;
			margin-bottom: 0;
		}
			.form-group--full-width {
				width: 100%;
			}
		.form-wrapper input {
			background-color: #fff;
			padding: 14px 20px 10px 20px;
			font-size: 14px;
			line-height: 20px;
			height: 46px;
			transition: padding .15s ease-in-out;
			color: #7d7d7d;
			border-radius: 4px;
			border: 0;
		}
			input::-webkit-calendar-picker-indicator{
				display: none;
			}
			.form-wrapper input:focus, .form-wrapper input.filled {
				padding: 20px 20px 4px 15px;
			}
		.form-wrapper textarea {
			background-color: #fff;
			font-size: 14px;
			resize: none;
			min-height: 100px;
			padding: 14px;
			line-height: 20px;
			transition: padding .15s ease-in-out;
			border-radius: 4px;
			border: 0;
		}		
		.input-spacer {
			border-radius: 4px;
			background-color: white;
			min-height: 45px;
			padding: 6px 0 6px 15px;
		}
        .form-wrapper select {
            width: calc(100% - 10px);
            box-sizing: border-box;
            border-radius: 0;
            border: none;
            padding: 5px 0 0 2px;
            background-color: transparent;
            font-size: 14px;
            line-height: 20px;
            height: 30px;
            transition: padding .15s ease-in-out; 

        }
		.form-wrapper label {
			width: 100%;
			position: relative;
			display: block;
			margin: 0;
		}
			.form-wrapper span {
				position: absolute;
				background-color: #fff;
				display: block;
				left: 15px;
				top: 15px;
				color: #7d7d7d;
				line-height: 20px;
				padding-right: 30px;
				letter-spacing: normal;
				transition: font-size .15s ease-in-out, top .15s ease-in-out;
			}
				.form-wrapper input:focus ~ span, .form-wrapper input.filled ~ span {
					font-size: 12px;
					top: 3px;
				}
				.form-wrapper textarea:focus ~ span, .form-wrapper textarea.filled ~ span, .form-wrapper .input-spacer:focus ~ span, .form-wrapper .input-spacer.filled ~ span {
					font-size: 12px;
					top: 1px;
					padding-top: 2px;
					background-color: #fff;
				}
				.form-wrapper textarea:focus, .form-wrapper textarea.filled {
					padding: 20px 14px 14px 14px;
				}
				.form-wrapper .input-spacer:focus, .form-wrapper .input-spacer.filled {
					padding: 14px 0 0 10px;
				}
		.form-control, .form-control:focus {
			box-shadow: none;
			border-color: #a08033;
		}
		.form-footer {
			padding: 6px;
			text-align: right;
		}
.advantages {
	overflow: hidden;	
}
		
.residental {
	overflow: hidden;
	position: relative;
	display: flex;
	margin: 20px 0 60px;
	padding-bottom: 40px;
}
	.residental  > div {
		width: 50%;
	}
		.residental__info {
			color: #fff;
			margin: 0 auto;
		}
			.residental__info h2 {
				text-align: center;
				margin: 40px 0 20px;
			}
		.residental__photo {
			background-size: auto 100%;
			background-position: center;
			transition: all .25s ease-in-out;
		}
			.residental__photo:hover {
				background-size: auto 110%;	
			}
		.residental__list {
			margin: 0 auto;
			max-width: 60%;
		}
			.residental__list .icon {
				height: 65px;
			}
	.residental__label {
		text-align: center;
		color: #fff;
		text-transform: uppercase;
		left: 25%;
		line-height: 74px;
		position: absolute;
		z-index: 1;
		bottom: 0px;
		background-color: #000000;
		border: 3px solid #af8b61;
		font-size: 32px;
		font-weight: bold;
	}
	
.section--faq {
	margin: 40px auto;
	max-width: 90vw;
}
	.faq__questions {
		width: 60%;
		float: left;
		margin-left: 0.6%;
		margin-right: 5.8%;
	}
	.questions_block {
		margin-bottom: 45px;
	}
		.questions_block h3 {
			margin-top: 0;
			margin-bottom: 30px;
		}
		.questions_block .title-underline:after {
			margin: 15px 0 0;
		}
			.question {
				margin-bottom: 12px;
			}
				.question__title {
					position: relative;
					border: 1px solid #000000;
					background: url('../img/icons/icon__question_white.svg') 13px 10px no-repeat #000000 !important;
					background-size: 25px !important;
					padding: 12px 50px !important;
					line-height: 1.2;
					font-weight: bold;
					color: #fff;
					overflow: both;
					resize: auto;
					-webkit-appearance: none;
				}
					.question__title.collapsed {
						background: url('../img/icons/icon__question.svg') 13px 10px no-repeat #fff !important;
						background-size: 25px !important;
						color: #000;					
					}
					.question__title::before {
						content: '';
						position: absolute;						
						background: url('../img/icons/icon__minus_white.svg') center center no-repeat transparent;
						background-size: contain;
						top: 0;
						bottom: 0;
						right: 15px;
						width: 26px;
					}
						.question__title.collapsed::before {
							background-image: url('../img/icons/icon__plus.svg');
						}
				.question__info {
					border-left: 1px solid #000000;
					border-right: 1px solid #000000;
					border-bottom: 1px solid #000000;
					padding: 13px;
					line-height: 1.2;
				}
.photos {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-row-gap: 18px;
	grid-column-gap: 18px;
}
	.photo {
		overflow: hidden;
	}
		.photo img {
			width: 100%;
			height: auto;
			transform: scale(1);
			transition: all .25s ease-in-out;
		}
		.photo img:hover {
			transform: scale(1.1);
		}

.photo-card {
	position: relative;
	float: left;
	max-width: 32%;
	min-width: 32%;
	margin: 0 0.6% 30px;
	min-height: 20vw;
	overflow: hidden;
}
	.photo-card__info {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		color: #fff;
		padding: 15px;
	}
		.photo-card__info::before {
			content: '';
			position: absolute;
			top: -30px;
			bottom: 0;
			left: 0;
			right: 0;
			background: url(/img/decorations/shadow.png) bottom center repeat-x transparent;
			background-size: auto 100%;
		}
		.photo-card__title {
			position: relative;
			font-weight: bold;
		}
		.photo-card__desc {
			position: relative;
			margin-top: 5px;
			line-height: 1.2;
		}
	.photo-card__photo {
		position: absolute;
		width: 100%;
		height: 100%;
		background-position: center;
		background-size: 100% auto;
		background-repeat: no-repeat;
		transition: all .25s ease-in-out;	
	}	
		.photo-card:hover .photo-card__photo {
			background-size: 110% auto;
		}
		.photo-card__photo img {
			width: 100%;
			height: auto;
			transform: scale(1);
			transition: all .25s ease-in-out;
		}
		.photo-card__photo img:hover {
			transform: scale(1.1);
		}
		.item__card {
			justify-content: space-between;
		}
			.item__picture {
				min-width: 55%;
				max-width: 55%;
			}
				.item__picture img {
					width: 100%;
				}
			.item__data {
				min-width: 42%;
				max-width: 42%;
			}
			
		
.with-shadow::before {
	content: '';
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(/img/decorations/shadow.png) bottom center repeat-x transparent;
	background-size: auto 100%;	
}
		
.label--price {
	font-size: 28px;
	background-color: #000000;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	padding: 1rem;
}
.label--important {
	display: inline-block;
	color: #fff;
	background-color: #000000;
	border: 2px solid #af8c62;
	border-radius: 10px;
	padding: 15px 20px;
	line-height: 1.4;
	margin: 0 8px 10px 0;
	font-weight: bold;
}
	.label--important span {
		color: #af8c62;
	}

.video--youtube {
	position: relative;
	display: block;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 640px;
	z-index: 10;
}
	.icon--youtube {
		position: absolute;
		width: 150px;
		height: 150px;
		background: url(../img/icons/icon__youtube.svg) center center no-repeat transparent;
		background-size: contain;
		left: calc(50% - 75px);
		top: calc(50% - 75px);
	}

.detail-card__left-column {
	min-width: 48%;
	max-width: 48%;
	margin-right: auto;
}
.detail-card__right-column {	
	min-width: 48%;
	max-width: 48%;
}
	.detail-card__map, .detail-card__back {
		margin: 0 0px;
	}
		.detail-card__map iframe {
			width: 100%;
			min-height: 30vw;
		}
.carousel--detail-card {
	margin: 0 30px;
}
	.carousel--detail-card, .carousel--detail-card .carousel-inner, .carousel--detail-card .carousel-item {
		min-height: 20vw;
	}
	.carousel--detail-card .carousel-item {
		background-size: cover;
		background-position: center;		
	}
	.carousel--project .carousel-item__image {
		background-size: cover;
		background-position: center;
		display: block;
		min-height: 545px;
	}
		.carousel--project img {
			width: 100%;
			height: auto;
		}
		.carousel--detail-card .carousel-control-prev, .carousel--project .carousel-control-prev {
			position: absolute;
			top: calc(10vw - 30px);
			left: -30px;
		}
		.carousel--detail-card .carousel-control-next, .carousel--project .carousel-control-next {
			position: absolute;
			top: calc(10vw - 30px);
			right: -30px;
		}
			.carousel--project .carousel-control-next, .carousel--project .carousel-control-prev {
				top: calc(50% - 50px);
			}

.table-data > div {
	min-width: 50%;
	max-width: 50%;
}
.item__data	.table-data > div {

}
	.item__data	.table-data > div:nth-child(odd){
		min-width: 78%;
		max-width: 78%;
		padding-left: 120px !important;
	}
	.item__data	.table-data > div:nth-child(even) {
		min-width: 22%;
		max-width: 22%;
	}
	.table-data > div:nth-child(4n+3),
	.table-data > div:nth-child(4n+4) {
		background-color: #e9e9e9;
	}
	.item__data	.table-data > div {
		text-align: left;
	}
	.item__data	.table-data > div:nth-child(4n+3),
	.item__data .table-data > div:nth-child(4n+4) {
		background-color: transparent;
	}


.plans__wrapper {
	margin: 40px 6vw 0;
	justify-content: space-between;
}
	.plans__gallery {
		min-width: calc(50% - 45px);
		max-width: calc(50% - 45px);
		margin-bottom: 30px;
	}

.showroom__wrapper {
	margin: 40px 0 0;
	justify-content: space-between;	
}
	.showroom__video {
		min-width: calc(50% - 25px);
		max-width: calc(50% - 25px);
		margin-bottom: 30px;
	}
	.showroom__video .video--youtube::after {
		content: '';
		position: absolute;
		top: -1px;
		bottom: -1px;
	}
	.showroom__video:nth-of-type(2n) .video--youtube::after {
		left: -1px;
		right: 50px;
	//*	background: url("../img/decorations/video-divider_right.svg") left top no-repeat; *//
	}
		.showroom__video:nth-of-type(2n+1) .video--youtube::after {
			left: 50px;
			right: -1px;
	//*		background: url("../img/decorations/video-divider_left.svg") right top no-repeat; *//
		}

.benifits {
	padding: 5px 0;
}	
	.benifits .container {
		max-width: min(1400px, calc(100vw - 60px));
	}
	.benifits__wrapper {
		border: 4px solid #fff;
		margin: 25px 0;
		padding: 30px 0 30px 30px;
		color: #fff;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
		.benifits__left-column {
			min-width: 56%;
			max-width: 56%;
		}
		.benifits__right-column {
			min-width: 38%;
			max-width: 38%;	
			margin: 0 auto;
		}
			.benefits__list {
				padding-left: 30px;
				list-style: none;
				margin: 0;
			}
				.benefits__list li {
					position: relative;
					padding: 10px 0;
					font-weight: bold;
					font-size: 20px;
					color: #fff;
				}
					.benefits__list li::before {
						content: '';
						position: absolute;
						height: 7px;
						width: 7px;
						background-color: #af8b61;
						left: -18px;
						top: 18px;
					}
.benifits__grid {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 8px;
    grid-column-gap: 8px;	
}
	.benefit {
		background-color: #1b2c38;
		text-align: center;
		display: flex;
		padding: 20px;
		flex-direction: column;
	}
		.benefit__title {
			font-weight: bold;
			margin: auto;
		}
		.benefit__value {
			font-weight: bold;
			color: #af8b61;
			margin-top: auto;
			font-size: 35px;
			padding-top: 15px;
			line-height: 1;
			white-space: nowrap;
		}

.infrastructure__wrapper {
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
}
.infrastructure {
	overflow-x: hidden;
}
.infrastructure__wrapper > div,
.infrastructure__description > div > div {
	min-width: 50%;
	max-width: 50%;
}
	.infrastructure__picture {
		text-align: right;
		padding-right: 3rem;
	}
		.infrastructure__picture img {
			max-height: 360px;
			max-width: 100%;
		}
	.infrastructure__description {
		padding-left: 3rem;
	}
	.infrastructure__magnifier {
		position: relative;
		display: inline-block;
	}
		.infrastructure__glass {
			display: none;
			position: absolute;
			border: 3px solid #af8c62;
			background-color: #fff;
			border-radius: 50%;
			cursor: none;
			width: 200px;
			height: 200px;
			margin-left: -50px;
			margin-top: -50px;
		}
		.infrastructure__magnifier:hover .infrastructure__glass {
			display: block;
		}
	
.offers__slider-tab {
	justify-content: center;
	margin: 0 10px;
}
.carousel-item .options li {
	font-size: 22px;
	color: #1c1c1c;
	line-height: 1.2;
}
.carousel-item .options li:after {
	content: '|';
	padding: 0 5px;
	display: inline-block;
	color: #ad8a5c;
	font-size: 22px;
}
	.carousel-item .options li:last-of-type:after {
		content: '';
		padding: 0;
	}
.offers__slider .carousel-item {
	z-index: 10;
}
.item__card .table-data {
	background-repeat: no-repeat;
	background-size: 63px 63px;
	background-position: 25px center;
}
.intro__faded {
	opacity: 0;
}

@media (min-width: 2600px) {
	.item-w-picture .info {
		background-size: 100% auto;
	}
		.item-w-picture .info:hover {
			background-size: 110% auto;
		}
		.reasons .item-w-picture .info {
			height: 340px;
		}
}

@media (min-width: 1920px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-wide80, .container-wide90, .benifits .container {
		max-width: 1400px;
	}
	.carousel--detail-card, .carousel--detail-card .carousel-inner, .carousel--detail-card .carousel-item {
		min-height: 500px;
	}
		.carousel--detail-card .carousel-control-prev, .carousel--detail-card .carousel-control-next {
			top: 220px;
		}
	.plans__wrapper {
		justify-content: space-around !important;		
	}
		.plans__gallery {
			min-width: 740px;
			max-width: 740px;
		}
	.reasons .list--item-w-picture {
		max-width: 77vw;
		margin: 0 auto;
	}	
		.reasons .item-w-picture .info {
			height: 380px;
		}
}

@media (min-width: 1400px) {
	h1, .like-h1 { font-size: 46px; }
	h2, .like-h2 { font-size: 40px; }
	h3 { font-size: 30px; }
	.list--items h3 { font-size: 24px; }
	.container-wide80 {
		max-width: 80vw;
		margin: 0 auto;
	}
	.container-wide95 {
		max-width: 95vw;
		margin: 0 auto;
	}
	.textblock-in-wide .container {
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin-right: 0;
		margin-left: 0;
	}
	.first-block {
		margin-top: -60px;
		padding-bottom: 0;
		padding-top: 0;
	}
		.first-block__title {
			margin-top: 6vw;
		}
		.benifits__wrapper {
			margin-left: -25px;
			margin-right: -25px;
		}
}

@media (max-width: 1400px) {
	.list--item-w-stripe .item-w-picture {
		flex-basis: 50%;
	}
	.textblock-in-wide {
		max-width: 100%;
		margin-left: unset;
		margin-right: 0;
	}
	.textblock-in-wide.l-side {
		margin-left: auto;
		margin-right: auto;
	}
	.about-us .d-flex,
	.first-block .d-flex,
	.detail-card .d-flex {
		flex-wrap: wrap;
	}
	.about-us .w-50,
	.first-block .w-50,
	.detail-card .w-50 {
		width: 100%!important;
	}
	.about-us h1 {
		margin-top: 0;
	}
	.first-block h1 {
		text-align: center!important;
	}		
	
	.contacts-info {
		max-width: 92vw;
	}
		.contact-info {
			padding: 25px 30px;
		}
			.contact-info__content {
				font-size: 14px;
			}
	.detail-card .textblock-in-wide {
		margin: 1rem auto;
	}
	
	.video--youtube {
		min-height: 30vw;
	}
	.carousel--detail-card, .carousel--detail-card .carousel-inner, .carousel--detail-card .carousel-item {
		min-height: 30vw;
	}
		.carousel--detail-card .carousel-control-prev, .carousel--detail-card .carousel-control-next {
			top: calc(15vw - 30px);
		}
	.benifits__wrapper {
		padding: 30px;
	}
		.benifits__left-column, .benifits__right-column {
			min-width: 100%;
			max-width: 100%;
		}
			.benifits__right-column {
				margin: 50px auto 0;
			}
	.offers .carousel-control-prev {
		left: 2%;
	}
	.offers .carousel-control-next {
		right: 2%;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.list--items .info__title {
		min-height: 48px;
	}
}

@media (max-width: 1200px) {
	.services > .container {
		flex-wrap: wrap;
	}
	.services > .container > div {
		width: 100%;
	}
	.list--items.half .item {
		min-height: unset;
	}
	.item-w-picture .info__title {
		font-size: 36px;
	}
	.section--filter  .filter {
		max-width: 62%;
		margin: 0 auto;
	}
		.section--filter .container {
			max-width: 960px;
		}
		.filter .field:not(.field--btn) {
			width: 100%;
			margin: 0 0 20px;
		}	
			.filter .field__input {
				flex-grow: 1;
			}
			.filter .field select  {
				width: 100%;
			}
		.filter .field--btn {
			width: 100%;
		}
			.filter .field--btn .btn {
				margin: 0 auto;
			}
		.our-team .item__name {
			font-size: 28px;
			font-weight: bold;
			color: #000000;
		}
			.our-team .item__name div {
				font-size: 14px;
				font-weight: normal;
				color: #000;
				display: block;
			}
	.menu__item {
		font-size: 16px;
		padding: 4px 5px;
		margin: 0 4px;
	}
	
	.contacts-info {
		max-width: 70vw;
		flex-wrap: wrap;
		justify-content: center;
	}
		.contact-info {
			min-width: 43%;
			max-width: 43%;
			margin: 0 20px 40px 20px;
		}
		
	.residental {
		flex-wrap: wrap;
	}
		.residental > div {
			width: 100%;
		}
		.residental__photo {
			min-height: 40vh;
			background-size: cover;
		}
		.residental__label {
			top: calc(40vh - 10px);
			bottom: unset;
			width: unset !important;
			left: 2%;
			right: 2%;
			font-size: 3vw;
			line-height: 54px;
		}
		.residental__list {
			padding: 30px 0 0;
		}
		.residental__info h2 {
			margin-top: 60px;
		}
	.infrastructure__picture {
		text-align: right;
		padding-right: 1rem;
	}
	.infrastructure__description {
		padding-left: 1rem;
		font-size: 14px;
	}
}

@media (max-width: 992px) {
	.intro__content .bigger-h1 { font-size: 8vw; padding-top: 10px; }
	.intro__content h2 { font-size: 5.75vw; }
	.carousel-item__note { font-size: 16px; }
	
	footer .bg .container {
		flex-wrap: wrap;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	footer .bg .container {
		padding-bottom: 30px;
	}
		.footer-section {
			width: 40%;
			padding: 20px 0;
		}
			.footer-section__title {
				display: inline-block;
			}
	.list--items {
		flex-wrap: wrap;
		padding-top: 0;
	}
		.item {
			min-width: 45%;
			max-width: 45%;
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
	.list--items.half .item {
		margin-bottom: 0;
	}
	
	.gallery__image {
		min-width: 50%;
		max-width: 50%;
		max-height: 200px;
	}
	
	.list--item-w-picture__narrow .item-w-picture:nth-child(odd) .info {
		margin: 15px 7px 15px 15px;
	}
	.list--item-w-picture__narrow .item-w-picture:nth-child(even) .info {
		margin: 15px 15px 15px 7px;
	}
	.item__tag {
		padding: 15px 25px;
		font-size: 16px;
	}
	.item-w-picture .info__title {
		font-size: 24px;
	}
	.item-w-picture .info__description {
		font-size: 14px;
	}
	.list--item-w-stripe .item-w-picture .info__title {
		font-size: 18px;
        line-height: 1.2em;
	}
	.quantity, .square {
		font-size: 18px;
	}
	.item-w-picture .info__description {
		font-size: 14px;
	}
	.section--filter {
		padding: 30px 0;
	}
		.section--filter  .filter {
			max-width: 80%;
		}
		.section--filter .container {
			max-width: 720px;
		}
	.our-team .item {
		margin-bottom: 0;
	}
	
	.slider {
		min-height: 50vh;
	}
	.carousel-item .shadow {
		background-size: auto 50%;
	}
	.carousel-control-prev, .carousel-control-prev:focus,
	.carousel-control-next, .carousel-control-next:focus {
		height: 45px;
		width: 45px;
	}
		.carousel-control-next-icon, .carousel-control-prev-icon {
			height: 22px;
			width: 22px;
		}
		.carousel-item .note {
			font-size: 16px;
		}
	.carousel-btns {
		margin: 0 0 30px 4vw;
	}
		.carousel-item .note {
			width: calc(100% - 12vw - 100px);
			margin: 0 4vw 40px;
		}
	.offers .carousel-control-prev,
	.offers .carousel-control-next {
		top: calc(50% - 22px);
	}
		.offers .carousel-control-prev {
			left: 5px;
		}
		.offers .carousel-control-next {
			right: 5px;
		}
	
	.only-desktop {
		display: none;
	}
	.fast-links {
		top: 1px;
		right: 40px;
	}
		.fast-link + .fast-link {
			border-left: 0;
		}
			.fast-link:not(.only-desktop) {
				border-right: 1px solid rgb(219 219 219 / 53%);
			}
		.fast-link__icon {
			margin: 0 8px;
		}
	header.header--white {
		min-height: 54px;
	}
		.header--white .logo {
			margin-top: 14px;
			width: 175px;
		}
	.logo--biggest {
		width: 55vw;
	}

	.section--no-intro {
		margin-top: 54px;
	}
		.intro__note {
			max-width: 75%;
		}
	#menu-content {
		display: block;
	}
	.menu {
		position: absolute;
		min-width: unset;
		top: 15px;
		right: 15px;
		padding: 0;
	}
		.menu-mobile {
			display: inline-block;
			padding: 0 4px;
		}
		.menu-content {
			display: none;
		}
			.menu__item {
				padding: 10px 0;
				margin: 0;
			}
			.menu.active .menu__item {
				text-align: center;
				font-size: 18px;
			}
			.header--white .menu__item {
				color: #fff;
			}
			.menu__item:hover, .menu__item.active {
				color: #ae8c60 !important;
			}
			
	.title-underline:after {
		margin: 20px auto 0;
	}
	
	.menu.active .menu-content {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 20px;
		z-index: 10000;
		max-height: unset;
	    overflow-x: auto;
	}
		.menu__subitem {
			padding: 15px;
		}
		.menu__close {
			position: fixed;
			top: 0;
			right: 0;
			padding: 28px 30px;
			background: url("../img/icons/icon__close.svg") center center no-repeat;
			background-size: 20px 20px;
		}
	.contact-form {
		max-width: 100%;
	}
		.contacts-info {
			max-width: 100vw;
			margin-top: 35px;
		}
		.form-group {
			width: 100%;
		}
		
	.faq__questions {
		float: unset;
		width: 98.8%;
		margin: 0 auto;
	}
	.photo-card {
		max-width: 48.8%;
		min-width: 48.8%;
		min-height: 30vw;
		margin-bottom: 10px;
	}
		.photo-card__desc {
			font-size: 14px;
		}
	
	.video--youtube {
		min-height: 50vw;
	}	
		.icon--youtube {
			width: 80px;
			height: 80px;
			left: calc(50% - 40px);
			top: calc(50% - 40px);
		}
	.label--price {
		font-size: 20px;
	}
	.detail-card__left-column, .detail-card__right-column {
		min-width: 100%;
		max-width: 100%;
	}
		.detail-card__map iframe {
			min-height: 50vw;
		}
	.carousel--detail-card, .detail-card__map, .detail-card__back {
		margin: 0 0px;
	}
		.carousel--detail-card, .carousel--detail-card .carousel-inner, .carousel--detail-card .carousel-item__image {
			min-height: 50vw;
		}
		.carousel--detail-card .carousel-control-prev, .carousel--project .carousel-control-prev {
			left: -22px;
		}
		.carousel--detail-card .carousel-control-next, .carousel--project .carousel-control-next {
			right: -22px;
		}
			.carousel--detail-card .carousel-control-prev, .carousel--detail-card .carousel-control-next {
				top: calc(25vw - 30px);
			}
			.carousel--project .carousel-control-next, .carousel--project .carousel-control-prev {
				top: calc(50% - 42px);
			}
	.map--project iframe {
		height: 60vw;
	}
	.top-position  {
		margin-top: 50px;
	}
	
	.plans__wrapper, .showroom__wrapper {
		justify-content: center;
	}
		.plans__gallery, .showroom__video {
			min-width: 80vw;
			max-width: 80vw;
			margin-bottom: 0;
		}
			.plans__gallery + .plans__gallery, .showroom__video + .showroom__video {
				margin-top: 50px;
			}
	.benifits__grid {
		grid-template-columns: 1fr 1fr;
	}
	.carousel-item .options li,
	.carousel-item .options li:after {
		font-size: 18px;
	}

	.item__picture {
		min-width: 45%;
		max-width: 45%;
	}
	.item__data {
		min-width: 52%;
		max-width: 52%;
	}
}

@media (max-width: 768px) {
	.benefit__value { font-size: 30px; }
	
	.footer-section {
		width: 45%;
	}
	.request-form:before,
	.request-form:after {
		height: 60px;
	}
		.request-form .container {
			flex-wrap: wrap;
			justify-content: center!important;
			padding-top: 0;
		}
			.request-form .container > * {
				margin-right: 0;
				margin-bottom: 2rem;
			}
			.request-form .container > *:last-child {
				margin-right: auto;
				margin-bottom: 0;
			}
	.gallery__image {
		max-height: 150px;
	}
	.item-w-picture {
		flex-basis: 100%;
	}
		.item-w-picture .info {
			margin: 0;
			padding: 15px 20px;
			min-height: 330px;
		}
		.item-w-picture .info::after {
			background-size: 100% 80%;
		}
		
	.list--item-w-picture__narrow .item-w-picture .info {
		margin: 5px 0!important;
	}
	.item__tag {
		padding: 10px 20px;
		font-size: 14px;
	}
	.list--item-w-stripe .item-w-picture {
		flex-basis: 100%;
	}
	
	.residental {
		margin-top: 0;
	}
		.residental__list {
			max-width: 80vw;
		}
	.benifits .container {
		max-width: calc(100vw - 30px);
	}
	.infrastructure__wrapper > div {
		min-width: 100%;
		max-width: 100%;
	}
	.infrastructure__picture {
		text-align: center;
		padding-right: 0;
	}
	.infrastructure__description {
		padding-left: 0;
		font-size: 16px;
		padding-top: 3rem;
	}	
		.infrastructure__description > div {
			justify-content: space-around;
		}
			.infrastructure__description > div > div {
				min-width: unset;
				max-width: unset;
			}
	.carousel-item .options li,
	.carousel-item .options li:after {
		font-size: 16px;
	}
	
	.item__picture {
		min-width: 100%;
		max-width: 100%;
		margin-bottom: 0.5rem;
	}
	.item__data {
		min-width: 100%;
		max-width: 100%;
	}
	.offers .carousel-control-prev,
	.offers .carousel-control-next {
		top: 27%;
	}
	.infrastructure__wrapper {
		margin-bottom: 20px;
	}
}

@media (max-width: 576px) {
	h1, .like-h1 { font-size: 24px; line-height: 1.2; margin: 20px 0; }
	h2, .like-h2 { font-size: 24px; margin: 15px 0; }
	h3  { margin: 10px 0; }
	.label--price, .benefits__list li { font-size: 16px; }
	
	.copyright div {
		width: 100%;
		text-align: center;
	}
	footer .bg .container {
		padding-bottom: 40px;
	}
		.copyright div:after {
			content: '';
			padding: 0;
		}
		.footer-section {
			width: 100%;
			padding: 0 0 40px 0;
		}
		.footer-section:last-of-type {
			padding: 0;
		}
	.request-form:before,
	.request-form:after {
		height: 80px;
	}
		.request-form .container {
			padding-bottom: 0;
		}
			.request-form .container > *:last-child {
				margin-left: 0;
			}
	.item,
	.list--items.half:not(.residental__list) .item	{
		min-width: 100%;
		max-width: 100%;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.gallery__image {
		max-height: unset;
	}
	.item-w-picture .info__title {
		font-size: 20px;
	}
	.item-w-picture .info__description {
		font-size: 12px;
	}
	.item__tags {
		top: 10px;
	}
		.item__tag {
			padding: 5px 15px;
			font-size: 12px;
		}
	.list--item-w-picture__narrow .info {
		min-height: 200px;
	}
	
	.section--filter {
		padding: 20px 0;
	}
		.section--filter .filter {
			max-width: 100%;
		}
		.filter .field:not(.field--btn) {
			margin-bottom: 10px;
		}
		.filter select {
			background-position: calc(100% - 8px) center;
		}
	.our-team .item__photo {
		margin: 0 auto;
	}
	
	.title-underline:after {
		margin: 15px auto 0;
	}
	.carousel-item .note {
		margin: 0 4vw calc(4vw + 40px);
		width: calc(100% - 8vw);
		font-size: 14px;
	}
		.carousel-btns {
			margin: 0 0 4vw 4vw;
		}
	.carousel-control-prev, .carousel-control-prev:focus,
	.carousel-control-next, .carousel-control-next:focus {
		height: 30px;
		width: 30px;
	}
		.carousel-control-next-icon, .carousel-control-prev-icon {
			height: 16px;
			width: 16px;
		}
		.carousel-control-prev {
			margin-right: 6px;
		}
	.offers .carousel-control-prev,
	.offers .carousel-control-next {
		top: 25px;
	}
	
	.logo--biggest {
		width: min(100%, 400px);
	}
	.fast-links {
		right: 36px;
	}
		.fast-link__icon {
			margin: 0 4px;
		}
	.section--contact-form {
		margin-top: 30px;
	}
		.contact-form {
			padding: 20px 15px;
		}
		.contacts-info {
			max-width: max(290px, 70vw);
			margin-top: 4vw;
		}
			.contact-info {
				min-width: 100%;
				max-width: 100%;
				margin: 0 0 4vw;
			}
	.section--blue-intro .w-75 {
		width: 100% !important;
	}
	
	.residental {
		padding-top: 0;
	}
		.residental__label {
			top: calc(40vh - 25px);
			font-size: 4vw;
			line-height: 46px;
		}
		.residental__list {
			max-width: calc(100vw - 30px);
			margin-top: 40px;
		}
			.residental__list .info__note  {
				font-size: 14px;
			}
			.residental__list .icon {
				height: 50px;
			}
			.residental__list .item {
				padding-top: 0;
			}
			
	.photo-card {
		max-width: 98.8%;
		min-width: 98.8%;
		min-height: 45vw;
	}
	.detail-card__map iframe, .map--project iframe {
		min-height: 70vw;
	}
	.carousel--detail-card, .detail-card__map, .detail-card__back {
		margin: 0 0px;
	}
		.carousel--detail-card, .carousel--detail-card .carousel-inner, .carousel--detail-card .carousel-item {
			min-height: 60vw;
		}
		.carousel--detail-card .carousel-control-prev, .carousel--project .carousel-control-prev {
			left: -15px;
		}
		.carousel--detail-card .carousel-control-next, .carousel--project .carousel-control-next {
			right: -15px;
		}
			.carousel--detail-card .carousel-control-prev, .carousel--detail-card .carousel-control-next {
				top: calc(30vw - 15px);
			}
			.carousel--project .carousel-control-next, .carousel--project .carousel-control-prev {
				top: calc(50% - 35px);
			}
	.benifits .container {
		max-width: calc(100vw - 10px);
	}
		.benifits__wrapper {
			padding: 20px;
			margin: 15px 0;
		}
		.benifits__grid {
			grid-template-columns: 1fr;
			max-width: 280px;
			margin: 0 auto;
		}
	.infrastructure__description {
		font-size: 14px;
	}
	.item__card .table-data {
		background-repeat: no-repeat;
		background-size: 42px 42px;
		background-position: 20px center;
		font-size: 14px;
	}
	.item__data	.table-data > div:nth-child(odd){
		min-width: 78%;
		max-width: 78%;
		padding-left: 80px !important;
	}
}