/* http://meyerweb.com/eric/tools/css/reset/ 
	   v2.0 | 20110126
	   License: none (public domain)
	*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	body.ru {
		font-family: "Mulish", sans-serif!important;
	}
	body.ru .navbar .wrapper .inside .main-navigation .nav-list .nav-item a {
		font-family: "Mulish", sans-serif!important;
	}
	body.ru .about-block .title,
	body.ru .footer-form .wrapper .inner-content .right-side .footer-form .input-field-group input,
	body.ru .footer-form .wrapper .inner-content .right-side .footer-form .input-field-group textarea,
	body.ru .about-block .description p,
	body.ru .card-post .description,
	body.ru .card-post .btn-link,
	body.ru .footer-form .wrapper .inner-content .left-side .persons .person .position,
	body.ru .footer-form .wrapper .inner-content .left-side .persons .person .mail,
	body.ru .footer-form .wrapper .inner-content .left-side .persons .person .phone,
	body.ru .location-block .wrapper .right-side .description p,
	body.ru .location-block .wrapper .right-side .description,
	body.ru .location-block .wrapper .right-side .btn-link,
	body.ru .location-block .wrapper .right-side .btn-link,
	body.ru .footer-form .wrapper .inner-content .right-side .footer-form .data-agree p,
	body.ru .footer-form .wrapper .inner-content .right-side .footer-form .data-agree p a,
	body.ru .footer-form .wrapper .inner-content .right-side .footer-form .btn-wrap .btn-cta,
	body.ru .location-block .wrapper .right-side .features .feature .title,
	body.ru .developers-block .wrapper .inner-content .left-side .title,
	body.ru .developers-block .wrapper .inner-content .right-side .developers-wrap .card-developer .description p,
	body.ru .location-block .wrapper .right-side .title {
		font-family: "Mulish", sans-serif!important;
	}
	body.ru .input-field-group .form-control {
		font-family: Pragmatica, sans-serif;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	html{
		height:100%;
		-webkit-text-size-adjust: 100%;
		background-color: #FFF;
	}
	body{
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		background-color: #FFF;

	}
	a{
		text-decoration:none;
		color:#162C3B;
	}
	body{
		font-family: Avenir, 'sans-serif';
	}
	input, textarea, select{
		font-family: Avenir, 'sans-serif';
		border-radius: 0px;
	}
	textarea, select, input, button { outline: none; -webkit-appearance: none;}

	b { font-weight:bold; }

	body{
		position: relative;
		min-height:100%;
	}
	h1, h2, h3, h4, h5{
		font-family: Avenir, 'sans-serif';
		font-style: normal;
	}
	/* RUS VERSION */
	.ru .h1-1, .ru .h2-1{
		font-family:Pragmatica,sans-serif;
	}
	.ru .description{
		 font-family:Pragmatica,sans-serif;
	}
	.ru p{
		font-family:Pragmatica,sans-serif;
	}
	.ru a{
		font-family:Pragmatica,sans-serif;
	}
	.ru h4{
		font-family:Pragmatica,sans-serif;
	}
	::selection {
	  background: #d7e4eb; /* WebKit/Blink Browsers */
	}
	::-moz-selection {
	  background: #d7e4eb; /* Gecko Browsers */
	}
    
	img{
		max-width: 100%;
	}
	video{
		max-width: 100%;
	}
	hr{
		display: block;
		height: 1px;
		border: none;
		background-color: rgba(135, 161, 182, 0.1);
		margin: 0px;
	}
	.clear{
		clear: both;
	}
	.relative{
		position: relative;
	}
	a{
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		-ms-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms;
	}
    .scroll-lock{
		overflow: hidden;
	}
    .notification{
    	padding:100px;
    	margin-bottom:0 !important;
    	text-align:center;
    }
    main{
	    min-height:91vh
	}
	.wrapper{
		padding-left:30px;
		padding-right:30px;
		max-width:1800px;
		margin-left:auto;
		margin-right:auto;
	}
	.wrapper-tight{
		padding-left:30px;
		padding-right:30px;
		max-width: 1680px;
		margin-left:auto;
		margin-right:auto;
	}
	.no-pad{
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.pl{
		padding-left:30px;
	}

	.pr{
		padding-right:30px;
	}

	.p-120{
		padding-top:120px;
		padding-bottom:120px;
	}

	.row{
		display: flex;
	}
	.d-md-none{
		display:none;
	}
@media only screen and (max-width:1300px) {
	.wrapper-tight{
		padding-left:30px;
		padding-right:30px;
		max-width: 1100px;
		margin-left:auto;
		margin-right:auto;
	}
}
@media only screen and (max-width:1024px) {
	.pl{
/* 		padding-left:0px; */
	}

	.pr{
/* 		padding-right:0px; */
	}
}
@media only screen and (max-width:900px) {
	.pl{
		padding-left:0px;
	}

	.pr{
		padding-right:0px;
	}
	.p-120{
		padding-top:110px;
		padding-bottom:110px;
	}
	.no-pad-sm{
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.p-sm-5{
		padding-left:5px;
		padding-right:5px;
	}
	.row {
	    display: block;
	}
	.wrapper{
		padding-left:20px;
		padding-right:20px;
	}
}
@media only screen and (max-width:420px) {
    .d-md-none{
		display:block;
	}
	.d-sm-none{
		display:none !important;
	}
	.p-120{
		padding-top:100px;
		padding-bottom:100px;
	}
}

		.crypted-mail:after {
		  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
		}

@font-face {
	font-family: 'Avenir-Black';
	src: url('./../font/Avenir-Black.eot');
	src: url('./../font/Avenir-Black.eot?#iefix') format('embedded-opentype'),
	url('./../font/Avenir-Black.svg#Avenir-Black') format('svg'),
	url('./../font/Avenir-Black.ttf') format('truetype'),
	url('./../font/Avenir-Black.woff') format('woff'),
	url('./../font/Avenir-Black.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir-BlackOblique';
	src: url('./../font/Avenir-BlackOblique.eot');
	src: url('./../font/Avenir-BlackOblique.eot?#iefix') format('embedded-opentype'),
	url('./../font/Avenir-BlackOblique.svg#Avenir-BlackOblique') format('svg'),
	url('./../font/Avenir-BlackOblique.ttf') format('truetype'),
	url('./../font/Avenir-BlackOblique.woff') format('woff'),
	url('./../font/Avenir-BlackOblique.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir-Book';
	src: url('./../font/Avenir-Book.eot');
	src: url('./../font/Avenir-Book.eot?#iefix') format('embedded-opentype'),
	url('./../font/Avenir-Book.svg#Avenir-Book') format('svg'),
	url('./../font/Avenir-Book.ttf') format('truetype'),
	url('./../font/Avenir-Book.woff') format('woff'),
	url('./../font/Avenir-Book.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir-BookOblique';
	src: url('./../font/Avenir-BookOblique.eot');
	src: url('./../font/Avenir-BookOblique.eot?#iefix') format('embedded-opentype'),
	url('./../font/Avenir-BookOblique.svg#Avenir-BookOblique') format('svg'),
	url('./../font/Avenir-BookOblique.ttf') format('truetype'),
	url('./../font/Avenir-BookOblique.woff') format('woff'),
	url('./../font/Avenir-BookOblique.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir';
	src: url('./../font/Avenir-Heavy.eot');
	src: url('./../font/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
	url('./../font/Avenir-Heavy.svg#Avenir-Heavy') format('svg'),
	url('./../font/Avenir-Heavy.ttf') format('truetype'),
	url('./../font/Avenir-Heavy.woff') format('woff'),
	url('./../font/Avenir-Heavy.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir-HeavyOblique';
	src: url('./../font/Avenir-HeavyOblique.eot');
	src: url('./../font/Avenir-HeavyOblique.eot?#iefix') format('embedded-opentype'),
	url('./../font/Avenir-HeavyOblique.svg#Avenir-HeavyOblique') format('svg'),
	url('./../font/Avenir-HeavyOblique.ttf') format('truetype'),
	url('./../font/Avenir-HeavyOblique.woff') format('woff'),
	url('./../font/Avenir-HeavyOblique.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir';
	src: url('./../font/Avenir-Light.eot');
	src: url('./../font/Avenir-Light.eot?#iefix') format('embedded-opentype'),
	url('./../font/Avenir-Light.svg#Avenir-Light') format('svg'),
	url('./../font/Avenir-Light.ttf') format('truetype'),
	url('./../font/Avenir-Light.woff') format('woff'),
	url('./../font/Avenir-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir-LightOblique';
	src: url('./../font/Avenir-LightOblique.eot');
	src: url('./../font/Avenir-LightOblique.eot?#iefix') format('embedded-opentype'),
	url('./../font/Avenir-LightOblique.svg#Avenir-LightOblique') format('svg'),
	url('./../font/Avenir-LightOblique.ttf') format('truetype'),
	url('./../font/Avenir-LightOblique.woff') format('woff'),
	url('./../font/Avenir-LightOblique.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
/*@font-face {*/
/*	font-family: 'Avenir';*/
/*	src: url('./../font/update/avenir_book-webfont.eot');*/
/*	src: url('./../font/update/avenir_book-webfont.eot?#iefix') format('embedded-opentype'),*/
/*	url('./../font/update/avenir_book-webfont.woff2') format('woff2'),*/
/*	url('./../font/update/avenir_book-webfont.woff') format('woff'),*/
/*	url('./../font/update/avenir_book-webfont.ttf') format('truetype'),*/
/*	url('./../font/update/avenir_book-webfont.svg#avenirbook') format('svg');*/
/*	font-weight: normal;*/
/*	font-style: normal;*/

/*}*/

/*@font-face {*/
/*	font-family: 'Avenir-Medium';*/
/*	src: url('../font/Avenir-Medium.eot');*/
/*	src: url('../font/Avenir-Medium.eot?#iefix') format('embedded-opentype'),*/
/*	url('./../font/Avenir-Medium.svg#Avenir-Medium') format('svg'),*/
/*	url('./../font/Avenir-Medium.ttf') format('truetype'),*/
/*	url('./../font/Avenir-Medium.woff') format('woff'),*/
/*	url('./../font/Avenir-Medium.woff2') format('woff2');*/
/*	font-weight: 400;*/
/*	font-style: normal;*/
/*}*/

@font-face {
	font-family: 'Avenir-MediumOblique';
	src: url('./../font/Avenir-MediumOblique.eot');
	src: url('./../font/Avenir-MediumOblique.eot?#iefix') format('embedded-opentype'),
	url('./../font/Avenir-MediumOblique.svg#Avenir-MediumOblique') format('svg'),
	url('./../font/Avenir-MediumOblique.ttf') format('truetype'),
	url('./../font/Avenir-MediumOblique.woff') format('woff'),
	url('./../font/Avenir-MediumOblique.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir-Oblique';
	src: url('./../font/Avenir-Oblique.eot');
	src: url('./../font/Avenir-Oblique.eot?#iefix') format('embedded-opentype'),
	url('./../font/Avenir-Oblique.svg#Avenir-Oblique') format('svg'),
	url('./../font/Avenir-Oblique.ttf') format('truetype'),
	url('./../font/Avenir-Oblique.woff') format('woff'),
	url('./../font/Avenir-Oblique.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

/*@font-face {*/
/*	font-family: 'Avenir';*/
/*	src: url('./../font/Avenir-Roman.eot');*/
/*	src: url('./../font/Avenir-Roman.eot?#iefix') format('embedded-opentype'),*/
/*	url('./../font/Avenir-Roman.svg#Avenir-Roman') format('svg'),*/
/*	url('./../font/Avenir-Roman.ttf') format('truetype'),*/
/*	url('./../font/Avenir-Roman.woff') format('woff'),*/
/*	url('./../font/Avenir-Roman.woff2') format('woff2');*/
/*	font-weight: 400;*/
/*	font-style: normal;*/
/*}*/

/*@font-face {*/
/*	font-family: 'Avenir';*/
/*	src: url('./../font/update/avenir-roman-webfont.eot');*/
/*	src: url('./../font/update/avenir-roman-webfont.eot?#iefix') format('embedded-opentype'),*/
/*	url('./../font/update/avenir-roman-webfont.woff2') format('woff2'),*/
/*	url('./../font/update/avenir-roman-webfont.woff') format('woff'),*/
/*	url('./../font/update/avenir-roman-webfont.ttf') format('truetype'),*/
/*	url('./../font/update/avenir-roman-webfont.svg#avenirroman') format('svg');*/
/*	font-weight: 400;*/
/*	font-style: normal;*/

/*}*/




/*@font-face {*/
/*	font-family: 'avenirmedium';*/
/*	src: url('./../font/update/avenir-medium-webfont.eot');*/
/*	src: url('./../font/update/avenir-medium-webfont.eot?#iefix') format('embedded-opentype'),*/
/*	url('./../font/update/avenir-medium-webfont.woff2') format('woff2'),*/
/*	url('./../font/update/avenir-medium-webfont.woff') format('woff'),*/
/*	url('./../font/update/avenir-medium-webfont.ttf') format('truetype'),*/
/*	url('./../font/update/avenir-medium-webfont.svg#avenirmedium') format('svg');*/
/*	font-weight: normal;*/
/*	font-style: normal;*/

/*}*/


/* TYPOGRAPHY */
    h1, h2, h3, h4, h5{
        /* font-family: Avenir-Medium; */
		font-family: Avenir, 'sans-serif';
        font-style: normal;
        font-weight: normal;
        color: #162C3B;
    }
    p {
		font-family: Avenir, 'sans-serif';
       font-style: normal;
       font-weight: normal;
       color: #162C3B;
    }
    .h1-1{
        font-size: 60px;
        line-height: 84px;
        margin-bottom:24px;
		font-family: Avenir, 'sans-serif';
    }
    .h2-1{
        font-size: 35px;
        text-transform:uppercase;
        color:#217070;
        font-weight:bold;
        letter-spacing:2px;
        text-align:left;
		font-family: Avenir, 'sans-serif';
    }
    .description{
       font-size: 20px;
       line-height: 32px;
    }
    .title-wrap{
/*     	padding-top:20px; */
    	padding-bottom:20px;
    }
    .text-wrap{

    }
    @media only screen and (max-width: 1024px) {


	}
	@media only screen and (max-width: 900px) {
         .h1-1{
            margin-bottom:12px;
        }
        .h2-1{
            margin-bottom:20px;
        }
        .description{
            margin-bottom:60px;
        }
	}
    @media only screen and (max-width:420px) {
        .h1-1{
            font-size: 48px;
            line-height: 60px;
            margin-bottom:12px;
        }
        .h2-1{
            font-size: 21px;
            line-height: 50px;
            margin-bottom:0px;
        }
        p{
            font-size: 16px;
            line-height: 24px;
        }
    }
    @media only screen and (max-width: 320px) {
        .h1-1{
            font-size: 38px;
            line-height: 50px;
            margin-bottom:12px;
        }
    }
    @media only screen and (max-width: 280px) {
	    .h2-1{
			font-size: 26px;
			line-height: 40px;
			margin-bottom:20px;
	    }
    }

	
	.main-navigation .nav-item.selected{
		position:relative;
	}
	@media not all and (hover: none){ .main-navigation .nav-item a:hover{
		color: #a27e56;
	}} */
	.burger-button{
		position: absolute;
		right: 0px;
		top: -20px;
		display: none;
		padding: 20px;
		cursor: pointer;
	}
	@media only screen and (max-width: 1550px) {
		.main-navigation .nav-item{
			margin-left: 20px;
		}
	    .ru .main-navigation .nav-item{
			margin-left: 10px !important;
		}
		.ru .nav-item.lang{
			margin-left:4px !important;
		}
		.ru .main-navigation .nav-item a:before,
		.ru .main-navigation .nav-item a{
			font-size: 16px;
		}

	}
	@media only screen and (max-width: 1300px) {
		.main-navigation .nav-item{
			margin-left: 15px;
		}
		.ru .main-navigation .nav-item{
			margin-left: 5px;
		}
	}
	@media only screen and (max-width: 1272px) {
		.burger-button{
			display: inline-block;
			visibility: top;
			margin-top: 15px;
			padding-right:0;
			-webkit-tap-highlight-color: transparent;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		.burger-button:active{
		-webkit-tap-highlight-color: transparent;
		}
		.main-navigation{
			margin-top:-10px;
			display: none;
			width: 100%;
			background-color: #FFF;
/* 			position:relative; */
		}
		.main-header .left-side{
			display: block;
			position: relative;
			z-index: 10;
		}
		.main-navigation .nav-item{
			height:auto;
			padding-left:40px;
		}
		.main-header .logo{
			display:block;
			padding-top:0px;
			width:159.5px;
		}
		.main-navigation .nav-item a{
			display:block;
			text-align:left;
			margin-top:0px;
			margin-bottom:40px;
	    }

		.main-navigation .nav-item{
			display: block;
			text-align: center;
			margin-bottom: 24px;
			margin-left: 0px;
			margin-right: 0px;
			position:relative;
		}
		.main-navigation .lang {
			display:inline-block;
		}
		.main-navigation .lang:nth-of-type(2),
		.main-navigation .lang:nth-of-type(3){
			padding-left:0;
		}
		.header-spacer{
			height: 160px;
		}
		.main-header.fixed{
			padding-bottom: 30px;
		}
	
	}



/* APARTMENTS HERO */
.apartments-hero{
	padding-top: 60px;
}
.apartments-hero .img-wrap{
    text-align:center;
    position:relative;
    margin: 0;
}
.apartments-hero .img-wrap img{
    width: 100%;
}
.apartments-hero .img-wrap svg{
    width:100%;
    height:auto;
    position:absolute;
    left:0;
    top:0;
}
path[class^='house']{
	opacity:0;
	-webkit-transition: all 300ms; 
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}
path[class^='house'].active{
	opacity:1;
}
path[class^='house']:hover{
	opacity:1;
	cursor:pointer;
}
.tabs{
	text-align:left;
	width:100%;
	position:absolute;
	bottom:3px;
	left:0;
	display:inline-block;
}
.tabs .item{
	cursor:pointer;
	margin-top:5px;
	display:inline-block;
	background-color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	-webkit-transition: all 300ms; 
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}
.tabs .item a{
	color:#217070;
}
.tabs .item.active{
	background-color:#217070;
}
.tabs .item.active a{
	color:#fff;
}
.tabs .item.hidden{
	display: none;
	pointer-events: none;
}

.tab-content{
	display:none;
}
.tab-content.active{
	display:block;
}

.select-wrap{
	margin-left:auto;
	margin-right:auto;
	max-width:320px;
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
}
.select-wrap label{
	width:100%;
	display:block;
	text-align:left;
	font-size:14px;
	padding-bottom:5px;
	font-weight:bold;
}
select {
	font-size:16px;
	width: 100%;
    padding:15px;
	cursor: pointer;
	background: url('../img/arrow-dark.svg') 280px 24px no-repeat white;
    border-radius:20px;
}
@media only screen and (max-width: 1335px) {
	.apartments-hero{
		min-height:auto;
	}
}
@media only screen and (max-width: 730px) {
	.apartments-hero{
		min-height:auto;
	}
}
@media only screen and (max-width: 420px) {
	.apartments-hero{
		min-height:390px;
	}
}
@media only screen and (max-width: 320px) {
	.apartments-hero{
		min-height:auto;
	}
}

.autosort {
	text-align:center;
}
.autosort li.disabled .list-item{
    color:#BCBCBC;
}
.apartments-tabs{
	margin-top:-3px;
}
.list-heading{
	background-color:#217070 !important;
	display:flex;
	text-align:center;
	font-size:18px;
	padding-top:10px;
	padding-bottom:10px;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.list-heading div{
	margin-top:auto;
	margin-bottom:auto;
}
.list-heading p{
    color:#fff;
	cursor:pointer;
	position:relative;
}
.list-heading p:after{
    content:'';
    display:inline;
    position:absolute;
    width:14px;
    height:9px;
    margin-left:10px;
    margin-top:5px;
    margin-bottom:auto;
    background-repeat:no-repeat;
    background-image:url('../img/arrow.svg');
	-webkit-transition: all 300ms; 
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}
.list-heading div.highest p:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.autosort .list-item {
    display:flex;
    vertical-align:middle;
}
.autosort .list-item .price-cell {
	display: flex;
	flex-direction: column;
}
.autosort .list-item .price-cell .sales-price{
	color:#FF4340;
}
.autosort .list-item .price-cell .regular-price.has-sale{
	font-size: 15px;
	text-decoration: line-through;
	margin-top: 3px;
}

.autosort .list-item{
    font-size:18px;
    padding-top:10px;
	padding-bottom:10px;
	-webkit-transition: all 300ms; 
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}
.autosort .list-item:hover {
    background-color:#217070;
	color:#fff;
}
.autosort li:nth-of-type(2n){
	/* background-color:rgb(195 153 107 / 0.30); */
	background-color:rgba(33, 112, 112, 0.3);
}
.list-heading div,
.autosort .list-item div{
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tab-content .btn-wrap{
	padding-top:50px;
    text-align:center;
	display: flex;
	justify-content: center;
}
.tab-content .btn{
	width:fit-content;
	margin:0px 30px;
	padding:20px 40px;
	border-radius:10px;
    background-color:#217070;
    display:flex;
    color:white;
    font-weight:bold;
    border:2px solid #ff000000;
    position:relative;
	gap:15px;
	align-items: center;
}
.tab-content .btn:hover{
	border:2px solid #217070;
    background-color:#ff000000;
    color:#217070;
}
.tab-content .btn:hover.btn-pdf:before{
	background-image: url('../img/pdf-brown.svg');
}
.tab-content .btn-pdf:before{
    content:"";
    width:30px;
    height:30px;
    position:relative;
    top:0;
    left:0;
    background-image: url('../img/pdf-light.svg');
    background-size:contain;
    background-repeat:no-repeat;
    margin-top:auto;
    margin-bottom:auto;
    bottom:0;
}
.tab-content.active .listitems li.active{
	background-color:#217070 !important;
	border-bottom:1px solid white;
}
.tab-content.active .listitems li.active div{
    color:white;
}
@media only screen and (max-width: 1024px) {
	.tab-content .btn{
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		font-size:13px;
    }
}
@media only screen and (max-width: 900px) {
    .list-heading div{
	   font-size:13px;
	}
	.tab-content .btn{
		width:300px;
		margin:0px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
	}

}
@media only screen and (max-width: 420px) {
    .list-heading{
	    font-size:12px;
	}
	.list-item > div:nth-child(4),
	.list-item > div:nth-child(5),
    .list-heading > div:nth-child(4),
    .list-heading > div:nth-child(5){
	    display:none;
	}
	.list-heading > div:nth-child(4),
	.list-item > div:nth-child(4){
		display:flex;
	}
	.list-heading p:after{
		content:'';
		display:inline;
		position:absolute;
		width:7px;
		height:9px;
		margin-left:2px;
		margin-top:5px;
		margin-bottom:auto;
		background-size:contain;
		background-repeat:no-repeat;
		background-image:url('../img/arrow.svg');
	}
	.tab-content .btn{
		width:auto;
		padding:10px 10px;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	.tab-content .btn-pdf:before{
		left:26px;
		width::20px;
		height:24px;
    }
    .autosort li.disabled .list-item{
/*         display:none; */
    }
    .autosort li {
/* 	    background-color:rgb(195 153 107 / 0.30); */
    }
    .autosort .second-item{
/* 	    background-color:white !important; */
	   }
}

/* APARTMENT LIST  */
.apartments-list{
	margin-top:-5px;
    padding-bottom:60px;
}

/*PARKING CARDS*/
.parking-price-boxes {
	display: flex;
	justify-content: center;
	margin-top: 80px;
	margin-bottom: 60px;
}

.parking-price-boxes .parking-wrapper {
	background: #BCD4D4;
	padding: 40px 40px 25px 40px;
}

.parking-price-boxes .outside-parking-wrapper {
	margin-right: 20px;
}

.parking-price-boxes .title {
	color: #000;
	font-size: 22px;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 10px;
}
.parking-price-boxes .price {
	color: #000;
	font-size: 30px;
	font-style: normal;
	font-weight: 350;
	line-height: normal;
}
@media only screen and (max-width: 900px) {
	.parking-price-boxes {
		margin-top: 30px;
		margin-bottom: 0px;
		flex-direction: column;
		padding: 0 20px;
	}
	.parking-price-boxes .parking-wrapper {
		padding: 30px;
	}
	.outside-parking-wrapper {
		margin-bottom: 20px;
		margin-right: 0!important;
	}
	.parking-price-boxes .title {
		font-size: 20px;
		line-height: 24px;
	}
	.parking-price-boxes .price {
		line-height: 36px;
	}
}
/* APARTMENT TYPES */

.apartment-types{
	text-align:center;
}
.apartment-types .h2-1{
    color:#217070;
    font-weight:bold;
    text-align:center;
}
.apartment-types .col-wrap{
   display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content:center;
}
.apartment-types .col:nth-of-type(2) {
	margin-left:20px;
	margin-right:20px;
}
.apartment-types .col{
	opacity:0;
    position:relative;
    cursor:pointer;
}
.apartment-types .col .overlay{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:#000;
	opacity: 0;
	transition:all 0.3s ease;
}
.apartment-types .col .img-wrap{
	position:relative;
	-webkit-transition: all 0.3s ease-in-out;
	 overflow: hidden;
}
.apartment-types .col img{
    min-height:600px;
     overflow: hidden;
     -webkit-transition: all  400ms ease-in-out; 
}
.apartment-types .col:hover img{
	transform: scale(1.1);
	transition: all  0.5s ease;
}
.apartment-types .col:hover .overlay{
	opacity:0.2;
}
@media(max-width: 1024px) {
	.apartment-types .col:hover .overlay {
		display: none;
	}
}
.apartment-types .col .text-wrap {
	position:absolute;
	top:30px;
	left:30px;
	text-align:left;
	z-index:1000;
}
.apartment-types .col .text-wrap p{
	font-size: calc(1.6em + 0.5vw);
	line-height: calc(.8em + 0.5vw);
	font-weight:bold;
	margin-bottom:10px;
	transition: all 0.3s ease;
}
.apartment-types .col:hover .text-wrap span{
	transition: all 0.3s ease;
}
.apartment-types .col:hover .text-wrap p,
.apartment-types .col:hover .text-wrap span {
	color:#fff;
}
.apartment-types .col .text-wrap span{
	font-size: calc(1.6em + 0.5vw);
	font-weight:100;
}
@media only screen and (max-width: 900px) {
	.apartment-types .col img{
        min-height:auto;
    }
	.apartment-types .col:nth-of-type(2) {
		margin-left:0px;
		margin-right:0px;
	}
	.apartment-types .col .text-wrap {
		position:relative;
		top:0px;
		left:0px;
		height:120px;
	}
	.apartment-types .col .text-wrap p{
		font-size: calc(1em + 0.9vw);
		line-height: calc(1.34em + 0.5vw);
		font-weight:bold;
		margin-bottom:10px;
	}
	.apartment-types .col .text-wrap span{
		font-size: calc(1em + 0.5vw);
		font-weight:100;
	}
	.ru .apartment-types .col-wrap {
		display:block;
		width:100%;
	}
	.ru .apartment-types .col-wrap .col {
		display:flex;
		width:100%;
		margin-bottom:20px;
	}
	.ru .apartment-types .img-wrap{
        width:50%;
	}
	.ru .apartment-types .text-wrap{
		width:50%;
		margin-top:auto;
		margin-bottom:auto;
	}
    .ru .apartment-types .text-wrap p {
		width:90%;
	}
	.ru .apartment-types .col-wrap .col img {
		display:flex;
		max-height:250px;
		min-width:100%;
	}
}
@media only screen and (max-width: 420px) {
	.apartment-types .h2-1{
		font-size:21px;
		text-align:left;
	}
	.apartment-types .col .text-wrap p{
	font-size: calc(.8em + 0.9vw);
	}
	.apartment-types .col .text-wrap span{
		font-size: calc(.8em + 0.9vw);
		font-weight:100;
	}
}

/* ABOUT HERO */
.about-hero {
	padding-top: 60px;
}
.about-hero .col:nth-of-type(1){
    width:70%;	
}
.about-hero .col:nth-of-type(2){
    background-color:#217070;
    width:30%;
    display:flex;
}
.about-hero .col:nth-of-type(1) img{
    display:block;
    min-height:600px;
    min-width: 100%;
    object-fit:cover;
    object-position:right;
}
.about-hero .col .icon-list{
    margin-top:auto;
    margin-bottom:auto;
    padding-top:40px;
    padding-bottom:40px;
    margin-left:30px;
    margin-right:30px;
}
.about-hero .col .icon-wrap{
    display:inline-block;
    width:50%;
    text-align:center;
    margin-bottom:40px;
    opacity:0;
}
.about-hero .icon-wrap p{
	line-height:27px;
	font-size:20px;
	color:#fff;
}
.about-hero .col .icon-wrap:last-child,
.about-hero .col .icon-wrap:nth-last-child(2){
    margin-bottom:0px;
}
.about-hero .col:nth-of-type(2) .icon-wrap img{
    width:40px;
    height:40px;
    margin-bottom:10px;
}
@media only screen and (max-width: 900px) {
	.about-hero .col .icon-wrap{
		width:33%;
    }
    .about-hero .col .icon-list{
		margin-top:auto;
		margin-bottom:auto;
		padding-top:40px;
		padding-bottom:40px;
		margin-left:auto;
		margin-right:auto;
    }
    .about-hero .col .icon-wrap:last-child,
    .about-hero .col .icon-wrap:nth-last-child(2),
    .about-hero .col .icon-wrap:nth-last-child(3){
        margin-bottom:0px;
    }
	.about-hero .col:nth-of-type(1){
        width:100%;	
	}
	.about-hero .col:nth-of-type(2){
		background-color:#217070;
		width:100%;
		display:flex;
	}
	.about-hero .col:nth-of-type(1) img{
		max-width:100%;
		min-height:auto;
		display:block;
    }
}
@media only screen and (max-width: 420px) {
	.about-hero .col:nth-of-type(2) .icon-wrap img{
        width:30px;
        height:30px;
        margin-bottom:10px;
    }
    .about-hero .icon-wrap p{
	    line-height:16px;
	    font-size:16px;
    }
    .about-hero .col .icon-wrap{
		width:32%;
		vertical-align:top;
    }
}

/* ABOUT DEVELOPMENT */
.about-development{
	padding-top:80px;
}
.about-development .title-wrap{
	text-align:center;
}
.about-development .col:nth-of-type(1){
	width:50%;
	padding-right:60px;
}
.about-development .col:nth-of-type(2){
	width:50%;
}
.about-development .col:nth-of-type(2) .img-wrap img{
    min-width:100%;
    height:100%;
    object-fit:cover
}
.about-development .col:nth-of-type(2) .map-img{
	opacity:0;
}
.about-development .text-wrap{
	margin-left:auto;
	margin-left:auto;
	margin-right:auto;
/* 	max-width:400px; */
	line-height:22px;
}
.about-development .col .intro{
	margin-bottom:40px;	
}
.about-development .col .quote{
    font-weight:bold;
}
.about-development .dev-card{
	margin-top:40px;
	display:flex;
/* 	max-width:420px; */
	margin-left:auto;
	margin-right:auto;
}
.about-development .dev-card .img-wrap{
    padding-right:15px;
}
.about-development .dev-card img{
    height: 130px;
    width:130px;
    max-width: 130px;
    border-radius:100%;
    object-fit:cover;
}
.about-development .dev-card .card-body{
	margin-top:auto;
	margin-bottom:auto;
}
.about-development .dev-card .position{
    line-height:20px;
	display:block;
	margin-bottom:10px;
	margin-top:5px;
}
.about-development .dev-card p{
	line-height:1.4;
}
.about-development .dev-card .name{
    font-weight:bold;

}
@media only screen and (max-width: 900px) {
	.about-development .title-wrap{
	    padding-top:40px;
	    padding-bottom:0;
    }
	.about-development .row{
	    flex-direction:column-reverse;
	    display:flex;
	}
	.about-development .col:nth-of-type(1){
		width:100%;
		padding-right: 0;
	}
	.about-development .col:nth-of-type(2){
		width:100%;
	}
}
@media only screen and (max-width: 420px) {
	.about-development{
		padding-top:40px;
	}
	.about-development .title-wrap{
	    text-align:left;
    }
    .about-development .dev-card img{
        height:70px;
        max-width:70px;
    }

}


/* DEVELOPERS ABOUT */
.developers-about{
	padding-top:80px;
}
.developers-about .title-wrap{
	text-align:left;
	max-width:420px;
	margin-left:auto;
/* 	margin-right:auto; */
}
.developers-about .col:nth-of-type(1){
	width:50%;
	padding-right:60px;
	font-family: Avenir, 'sans-serif';
}
.developers-about .col:nth-of-type(2){
	width:50%;
	padding-left:60px;
	font-family: Avenir, 'sans-serif';
}
.developers-about .text-wrap{
	margin-left:auto;
	max-width:420px;
	line-height:26px;
}
.developers-about .col:nth-of-type(2) .text-wrap{
	margin-left:0;
	margin-right:auto;
    margin-top:55px;
}
.developers-about .col .info-right{
	margin-bottom:40px;	
}
.developers-about .col .quote{
    font-weight:bold;
}
.developers-about .dev-card{
	margin-top:40px;
	display:flex;
	max-width:420px;
	margin-right:auto;
}
.developers-about .dev-card .img-wrap{
    padding-right:15px;
}
.developers-about .dev-card img{
    height:100px;
    max-width:100px;
    width:100px;
    border-radius:100%;
    object-fit:cover;
    object-position:50% 10%;
}
.developers-about .dev-card .card-body{
	margin-top:auto;
	margin-bottom:auto;
}
.developers-about .dev-card .name{
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}
.developers-about .dev-card .position{
	display:block;
}
.developers-about .projects{
	margin-top:40px;
	max-width:420px;
	margin-left:auto;
}
.developers-about .projects img{
	margin-bottom:10px;
}
.developers-about .projects p{
	line-height:26px;
}
.developers-about a{
	color:#217070;
	font-weight:bold;
}
@media only screen and (max-width: 900px) {
	.developers-about .title-wrap{
		margin-left:0;
	}
	.developers-about .text-wrap{
		margin-left:0;
	}
	.developers-about .col:nth-of-type(1){
		width:100%;
		padding-right:0px;
	}
	.developers-about .col:nth-of-type(2){
		width:100%;
		padding-left:0px;
    }
    .developers-about .projects{
		margin-left:0;
    }
	.about-development .title-wrap{
	    padding-top:40px;
	    padding-bottom:0;
    }
	.about-development .row{
	    flex-direction:column-reverse;
	    display:flex;
	}
	.about-development .col:nth-of-type(1){
		width:100%;
	}
	.about-development .col:nth-of-type(2){
		width:100%;
	}
}
@media only screen and (max-width: 420px) {
	.developers-about{
		padding-top:40px;
	}
	.developers-about .title-wrap{
	    text-align:left;
    }
}

	/* DEVELOPERS HREO */
	.developers-hero {
		padding-top: 60px;
	}
	.developers-hero img{
        width:100%;
	}
	/* FINISHES */
	.developers-hero .finishes{
        min-height:100vh;
		text-align:center;
	}
	.finishes{
		padding-top:100px;
	}
	.finishes .col-wrap{
	  display: block;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  align-items: flex-start;
	  justify-content:center;
	}
	.finishes .col{
		opacity:0;
		vertical-align:top;
		display:inline-block;
        width:33.33%;
		position:relative;
	}
	.finishes .col .inside {
		padding-left:10px;
		padding-right:10px;
	}
	.finishes .col img{
        display:block;
        min-width:100%;
	}
	.finishes .col .item-top{
		position:relative;
		display:block;
		min-height:400px;
	}
	.finishes .col .btn{
		text-align: center;
		z-index:1;
		position:absolute;
		bottom:80px;
		left:0;
		right:0;
		line-height:32px;
		width: fit-content;
		margin-left:auto;
		margin-right:auto;
		background-color:#217070;
		color:#fff;
		font-weight:bold;
		font-size:calc(1em + 0.9vw);
		padding:15px calc(1em + 0.9vw);
		border-radius:20px;
		-webkit-transition: all 400ms;
		-moz-transition: all 400ms;
		-ms-transition: all 400ms;
		-o-transition: all 400ms;
		transition: all 400ms;
	}
	.finishes .col .btn:hover {
		background-color:#fdfdfd;
		color:#296060;
	}
	.finishes .h2-1{
        text-align:center;
	}
	.finishes .overlay{
		position:absolute;
        top:0;
        left:0;
		width:100%;
		height:100%;
		background-color:#217070;
		opacity:0;
		-webkit-transition: all 400ms;
		-moz-transition: all 400ms;
		-ms-transition: all 400ms;
		-o-transition: all 400ms;
		transition: all 400ms;

	}
	.finishes .col:hover .overlay{
		opacity:0.4;
		-webkit-transition: all 400ms;
	}
	.finishes .col .wrap:hover .btn{
		background-color:#fdfdfd;
		color:#217070;
	}
	.finishes .col p{
		line-height:22px;
		margin-top:10px;
		text-align:left;
	}
	.finishes .info-col{
        margin-top:40px;
        padding-bottom:40px;
	}
	.finishes .info-col .text-wrap{
		max-width:520px;
		margin-left:auto;
		margin-right:auto;
		line-height:24px;
	}
@media only screen and (max-width: 900px) {
	.finishes .col{
		vertical-align:top;
		display:inline-block;
        width:100%;
		position:relative;
		margin-bottom:40px;
	}
	.finishes .col img{
        display:block;
        max-height:600px;
        object-fit:cover;
	}
	.finishes .col .btn{
		font-size:24px;
		padding:15px calc(em + 0.9vw);
	}
	.finishes .col .inside {
		padding-left:0px;
		padding-right:0px;
	}
    .finishes .row-block{
	    flex-direction:column-reverse;
	    display:flex;
	}
	.finishes.col .text-wrap {
		position:relative;
		top:0px;
		left:0px;
		margin-bottom:20px;
	}
	.finishes .col .text-wrap p{
	    font-size: calc(1em + 0.9vw);
	    line-height: calc(1.34em + 0.5vw);
	    font-weight:bold;
	    margin-bottom:10px;
	}
	.finishes .col .text-wrap span{
		font-size: calc(1em + 0.5vw);
		font-weight:100;
	}
	.finishes .col .wrap{
		position:relative;
		display:block;
		min-height:fit-content;
	}
}
@media only screen and (max-width: 420px) {
	.finishes .h2-1{
        text-align:left;
	}
	.finishes .title-wrap{
        padding-bottom:0;
	}
	.finishes .col-wrap img{
        height:400px;
        width:100%;
        object-fit:cover;
        object-position:bottom
	}
}


/* TECHNICAL DETAILS HERO */
    .techical-hero .col:nth-of-type(1){
        margin-right:10px;
        width:55%;
    }
    .techical-hero .col:nth-of-type(1) .img-wrap{
        height:100%;
        display:block;
    }
    .techical-hero .col:nth-of-type(1) img{
        height:100%;
        object-fit:cover;
        object-position:center;
    }
    .techical-hero .col:nth-of-type(2){
    	width:45%;
    	background-color:#217070;
    	padding-top:40px;
    	padding-bottom:40px;
    	padding-left:50px;
    	padding-right:50px;
    	margin-left:10px;
    }
    .techical-hero .h2-1{
    	color:#fff;
    	margin-bottom:30px;
    }
    .techical-hero .adddres-wrap{
    	padding-right:20px;
    }
    .techical-hero .apartments-wrap{
    	padding-left:20px;
    }
   .techical-hero .adddres-wrap span,
   .techical-hero .apartments-wrap span,
   .techical-hero .section span{
    	color:white;
        font-weight:bold;
        display:block;
        margin-bottom:10px;
    }
    .techical-hero .adddres-wrap ul li,
    .techical-hero .section ul li{
        margin-bottom:10px;
		color:#FFF;
		line-height: 120%;
    }
    .techical-hero .details-list{
    	margin-top:40px;
    	max-width:430px;
    	margin-right:auto;
    }
    .techical-hero .details-list .item{
    	margin-top:40px;
    	opacity:0;
    }
    .techical-hero .details-list .item .item-top{
    	display:flex;
    	margin-bottom:10px;
    }
    .techical-hero .details-list .item .item-top h4{
     	display:block;
        font-size:24px;
        font-weight:bold;
        color:#fff;
        margin-left:10px;
        margin-bottom:auto;
        margin-top:auto;
    }
    .techical-hero .details-list .item .item-body p{
        line-height:24px;
		color:#fff;
    }
    .techical-hero .section{
    	margin-top:15px;
    	display:flex;
    	flex-direction:column;
    }
@media only screen and (max-width: 900px) {
	.techical-hero .row{
	    flex-direction:column-reverse;
	    display:flex;
	}
	.techical-hero .col:nth-of-type(1){
        margin-right:0px;
        width:auto;
        position:relative;
    }
    .techical-hero .col:nth-of-type(1) .img-wrap{
        height:100%;
        display:block;
        position:relative;
        padding-left:20px;
        padding-right:20px;
    }
    .techical-hero .col:nth-of-type(1) .img-wrap:before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:50%;
        background-color:#217070;
        z-index:1;
    }
    .techical-hero .col:nth-of-type(1) img{
        position:relative;
        height:auto;
        object-fit:contain;
        z-index:9999;
        display:block;
    }
    .techical-hero .col:nth-of-type(2){
    	width:auto;
    	background-color:#217070;
    	padding-top:40px;
    	padding-bottom:40px;
    	padding-left:20px;
    	padding-right:20px;
    	margin-left:0px;
        position:relative;
    }
    .techical-hero .col:nth-of-type(2) .row{
	    display:block;
	}
    .techical-hero .h2-1{
    	color:#fff;
    	margin-bottom:30px;
    }
    .techical-hero .adddres-wrap{
    	padding-right:0px;
    }
    .techical-hero .apartments-wrap{
    	margin-top:20px;
    	padding-left:0px;
    }
    .techical-hero .section{
    	margin-top:20px;
    }
}
@media only screen and (max-width: 420px) {
	.techical-hero .h2-1{
        color:#217070;
        margin-bottom:0px;
        padding-left:20px;
        padding-right:20px;
	}
	.techical-hero .col:nth-of-type(2){
    	padding-top:40px;
    	padding-bottom:20px;
    }
    .techical-hero .details-list .item img{
        width:32px;
        height:32px;
    }
    .techical-hero .details-list .item .item-top h4{
        font-size:20px;
    }
    .techical-hero .section ul:nth-of-type(1) li{
    	line-height:24px;
/*     	width:80%; */

    }
}


	/* LOCATION */
	.location-hero {
		padding-top: 100px;
		min-height:100vh;
	}
	.location-hero .col:nth-of-type(1){
		background-color:#217070;
		padding-top:70px;
		padding-right:70px;
		padding-left:70px;
		padding-bottom:40px;
		width:35%;
	}
	.location-hero .col:nth-of-type(2){
        width:65%;
        position:relative;
        padding-left:20px;
        padding-right:0px;
 }
	.location-hero .h2-1{
		color:#fff;
		padding-bottom:20px;
	}
	.location-hero .map-wrap{
		height:100%;
		width:100%;
		position:relative;
		z-index:1;
	}
	.location-hero #pk-map{
        width:100%;
        height:100%;
	}
	.location-hero .text-wrap{
		line-height:24px;
        padding-bottom:20px;
	}
	.location-hero .text-wrap p{
		color:#fff;
	}
	.location-hero .col .icon-list{
		margin-top:auto;
		margin-bottom:auto;
		padding-top:30px;
		padding-bottom:30px;
		/* margin-left:30px; */
		/* margin-right:30px; */
	}
	.location-hero .col .icon-wrap{
		opacity:0;
		vertical-align:top;
		display:inline-block;
		width:50%;
		text-align:center;
		margin-bottom:40px;
		/* padding-left: 5px; */
	}
	.location-hero .col .icon-wrap img{
		width:43px;
		height:43px;
		vertical-align:bottom;
	}
	.location-hero .icon-wrap p{
		margin-top:10px;
		line-height:27px;
		font-size:20px;
		padding-left: 5px;
		padding-right: 5px;
		color:#fff;
	}
	.location-hero .col .icon-wrap:last-child,
	.location-hero .col .icon-wrap:nth-last-child(2){
		margin-bottom:0px;
	}
	.location-hero .col:nth-of-type(2) .icon-wrap img{
		width:40px;
		height:40px;
		margin-bottom:15px;
	}
@media only screen and (max-width: 900px) {
	.location-hero .col:nth-of-type(1){
		background-color:#217070;
		padding-top:70px;
		padding-right:20px;
		padding-left:20px;
		padding-bottom:40px;
		width:auto;
	}
	.location-hero .col:nth-of-type(2){
        width:100%;
        padding-left:0px;
        padding-right:0px;
	}
	.location-hero .map-wrap{
		height:600px;
		width:100%;
		position:relative;
	}
	.location-hero #pk-map{
        width:90%;
        margin-left:auto;
        margin-right:auto;
        height:100%;
	}
	.location-hero .map-wrap:before{
		content:"";
        position:absolute;
        top:0;
        left:0;
		width:100%;
        height:50%;
        background-color:#217070;
	}
}
@media only screen and (max-width: 420px) {
	.location-hero .row{
	    flex-direction:column-reverse;
	    display:flex;
	}
	.location-hero .h2-1{
		color:#217070;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:10px;
	}
	.location-hero .col:nth-of-type(1){
		padding-top:20px;
	}
	.location-hero .map-wrap{
		height:300px;
	}
	.location-sm-paragraph{
		margin-top:40px;
	}
	.location-hero .icon-wrap p{
		line-height:20px;
		font-size:18px;
	}
	.location-hero .col .icon-wrap img{
		width:40px;
		height:40px;
		margin-bottom:15px;
	}
	.location-hero .map-wrap:before{
		content:"";
        position:absolute;
        top:auto;
        bottom:0;
        left:0;
		width:100%;
        height:50%;
        background-color:#217070;
	}
}


/* SINGLE APARTMENT */
.single-apartment .h2-1{
	color:#fff;
	margin-bottom:40px;
}
.single-apartment .col:nth-of-type(1){
    width:50%;
    padding-top:40px;
    padding-left:40px;
    padding-right:40px;
    padding-bottom:40px;
     background-color:#217070;
}

.single-apartment .cta-holder .cta-wrap {
	width: 60%;
}

.single-apartment .cta-holder .card-plan {
	width: 40%;
	padding-left: 10px;
	margin-top: 40px;
}
@media (max-width: 1100px) {
	.single-apartment .cta-holder .cta-wrap {
		width: 100%;
	}

	.single-apartment .cta-holder .card-plan {
		width: 100%;
		padding-left: 0px;
		margin-top: 40px;
		order: 2;
	}
}

.single-apartment .col:nth-of-type(2){
	width:50%;
	text-align:center;
	padding-top:40px;
    padding-left:40px;
    padding-right:40px;
    padding-bottom:40px;
    display:flex;
    flex-direction:column;
    margin-top:auto;
    margin-bottom:auto;
}

.single-apartment .info .price-wrap{
	display:flex;
}
.single-apartment .info  .price-wrap .regular-price.has-sale{
	font-size: 15px;
	text-decoration: line-through;
	margin-top: 3px;
	margin-left: 5px;
}
.single-apartment .col:nth-of-type(1) .info{
    width:50%;
    display:flex;
    margin-top:auto;
    margin-bottom:auto;
    padding-right:10px;
}
.single-apartment .info ul li{
	font-size:20px; 
    color:white;
    margin-bottom:10px;
}
.single-apartment .col:nth-of-type(1) .img-wrap{
    width:50%;
    display:flex;
    margin-top:auto;
    margin-bottom:auto;

}
.single-apartment .col:nth-of-type(1) .img-wrap img{/*     max-width:336px; *//* max-height:200px; *//* background-color:white; */}
.single-apartment .col:nth-of-type(2) .img-wrap{
    display:block;
}
.single-apartment .col:nth-of-type(2) .img-wrap img{
	max-height:700px;

}
.single-apartment .finishes {
	margin-top:20px;
	margin-bottom:20px;
   	text-align:left;
	display: flex;
}
.single-apartment .finish-wrap {
	margin-top:50px;
}
.single-apartment .finish-wrap span{
	color:#fff;
	font-size:20px;
}
.single-apartment  .finishes a{
    display:inline-block;
    padding:7px 20px;
    background-color:#fff;
    border-radius:12px;
    margin-right:10px;
    -webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
	border:2px solid #fff0;
	position:relative;
}
.single-apartment  .finishes .item{
	display:flex;
}
.single-apartment  .finishes .item p{
	margin-top:10px;
	font-weight:bold;
	color:#217070;
}
.single-apartment  .finishes .item:before{
	content:'';
    width:30px;
    height:30px;
    top:0;
    left:36px;
    padding-right:10px;
    background-image: url('../img/pdf-brown.svg');
    background-size:contain;
    background-repeat:no-repeat;
    margin-top:auto;
    margin-bottom:auto;
    bottom:0;
    display:inline-block;
}
.single-apartment  .finishes a:hover {
	background-color:#217070;
	border:2px solid white;
}
.single-apartment  .finishes a:hover .item p{
    color:white;
}
.single-apartment  .finishes a:hover .item:before{
    background-image: url('../img/pdf-light.svg');
}
.single-apartment .close-wrap{
    margin-bottom:20px;

}
.single-apartment  .close-popup{
	display:none;
}
.single-apartment .close-popup:before{
    content:'';
    display:inline-block;
    width:20px;
    height:20px;
    margin-bottom:-2px;
    margin-right:10px;
    background-image:url('../img/arrow-left.svg');
    background-repeat:no-repeat;

}
.event-popup.visible .header-spacer{
	height:40px;
}
.single-apartment .btn-wrap{
    margin-top:40px;
	text-align:right;
}
.single-apartment .btn-pdf{
	color:#fff;
	position:relative;
    background-color:#217070;
    padding-top:3px;
    padding-bottom:3px;
    padding-right:35px;
    padding-left:12px;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    font-weight:bold;
    border-top-right-radius:20px;
    border:2px solid #217070;
}
.single-apartment .btn-pdf:after{
    content:"";
    width:35px;
    height:45px;
    position:absolute;
    top:0;
    right:-10px;
    background-image: url('../img/pdf-bg-white.svg');
    background-size:contain;
    background-repeat:no-repeat;
    margin-top:auto;
    margin-bottom:auto;
    bottom:0;
    
}
.single-apartment .btn-pdf:hover{
	background-color:white;
	border:2px solid #217070;
	color:#217070;
}
.single-apartment .sales-card{
	display: flex;
	margin-top: 40px;
}
.single-apartment .sales-card .contacts{
	padding: 0;
}
.single-apartment .sales-card .card-top{
	padding-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.single-apartment .sales-card .card-top img{
	border-radius: 100%;
	height: 88px;
	width: 88px;
	object-fit: cover;
}
.single-apartment .sales-card .card-body{
	padding-left: 10px;
	display: flex;
	flex-direction: column;
	margin-top: auto;
	margin-bottom: auto;
}
.single-apartment .sales-card .card-body .title{
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	color:white;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.single-apartment .sales-card .card-body .position{
	color:white;
}
.single-apartment .sales-card .card-body .contacts{
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}
.single-apartment .sales-card .card-body .contacts a{
	color:white;
	display: flex;
	/* justify-content: center; */
	align-items: center;
}
.single-apartment .sales-card .card-body .contacts a:before{
	content: '';
	width: 20px;
	height: 20px;
	margin-right: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url('../img/pkn_env.svg');
	background-repeat: no-repeat;
	background-size: contain;
}
.single-apartment .sales-card .card-body .contacts .phone:before{
	background-image: url('../img/pkn_phone.svg');
}
.single-apartment .sales-card .card-body .contacts a:last-child{
	/* margin-left: 15px; */
	margin-top:5px
}
.cta-wrap .btn-cta{
	margin-top: 20px;
	display: flex;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	background-color: white;
	color: #217070;
	padding: 12px 20px;
	border-radius: 12px;
	width: fit-content;
	justify-content: center;
	align-items: center;
	border: 2px solid white;
	
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}
.cta-wrap .btn-cta:hover{
	background-color:  #217070;
	color: white;
	
}
.cta-wrap .btn-cta:hover .arrow{
	background-image: url('../img/pkn_arrow_white.svg');
}
.cta-wrap .btn-cta .arrow{
	width: 15px;
	height: 15px;
	background-image: url('../img/pkn_arrow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 8px;

	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}
@media only screen and (max-width: 1412px) {
    .single-apartment  .finishes {
		display:flex;
    }
    .single-apartment .info ul li{
		font-size:18px; 
		color:white;
		margin-bottom:10px;
    }
}
@media only screen and (max-width: 1100px) {
	.single-apartment .col:nth-of-type(1) .row{
        flex-direction:column-reverse;
	    display:flex;
	}
	.single-apartment .col:nth-of-type(1) .info{
		width:100%;
		display:flex;
		margin-top:auto;
		margin-bottom:auto;
	}
	.single-apartment .info ul li{
		font-size:18px; 
		color:white;
		margin-bottom:10px;
	}
	.single-apartment .col:nth-of-type(1) .img-wrap{
		width:100%;
		margin-bottom:40px;
	}
    .single-apartment .finish-wrap span{
	    color:#fff;
	    font-size:18px;
    }
    .single-apartment  .finishes a{
    	padding:10px;
    }
}
@media only screen and (max-width: 900px) {
	.single-apartment .col:nth-of-type(1) .row{
	    display:block;
	}
	.single-apartment .row{
        flex-direction:column-reverse;
	    display:flex;
    }
	.single-apartment .col:nth-of-type(1){
		width:auto;
		padding-top:60px;
		padding-left:60px;
		padding-right:60px;
		padding-bottom:60px;
		background-color:#217070;
	}
	.single-apartment .col:nth-of-type(2){
		width:auto;
		text-align:center;
		padding-top:60px;
		padding-left:60px;
		padding-right:60px;
		padding-bottom:60px;
	}
	.single-apartment .col:nth-of-type(1) .img-wrap img{
        margin-right:auto;
        margin-left:auto;
        margin-top:40px;
        margin-bottom:40px;
	}
	.single-apartment .info ul li{
		font-size:22px; 
		color:white;
		margin-bottom:10px;
		display:inline-block;
		margin-right:20px;
    }
    .single-apartment .finish-wrap span{
		color:#fff;
		font-size:22px;
	}
	.single-apartment .sales-card{
		display: flex;
		flex-direction: column;
		margin-top: 40px;
	}
	.single-apartment .sales-card .card-top{
		padding-right: 0px;
		text-align: center;
		margin-bottom: 8px;
	}
	.single-apartment .sales-card .card-body{
		padding-left: 0px;
	}
	.single-apartment .sales-card .card-body .title,
	.single-apartment .sales-card .card-body .position{
		text-align: center;
	}
	.single-apartment .sales-card .contacts{
		justify-content: center;
		align-items: center;
	}
	.cta-wrap .btn-cta{
		margin: auto;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 420px) {
	.single-apartment .col:nth-of-type(1){
		padding-top:20px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px;
    }
    .single-apartment .col:nth-of-type(2){
		padding-top:20px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px;
    }
	.single-apartment .finishes{
		display:block;
		padding:3px 25px;
		border-radius:12px;
		font-size:18px;
	}
	.single-apartment .finishes a{
		margin-bottom:10px;
		width:100%;
		margin-right:0;
        padding-right:0;
        padding-left:0;
		box-sizing:border-box;
	}
    .single-apartment .finishes .item{
        justify-content:left;
        padding-left:40px;
	}
	.single-apartment .btn-wrap{
        margin-top:30px;
		text-align:center;
	}
	.single-apartment .btn-pdf{
		color:#fff;
		position:relative;
		background-color:#217070;
		padding:5px;
		padding-right:35px;
		border-top-left-radius:6px;
		border-bottom-left-radius:6px;
		font-weight:bold;
	}
	.single-apartment .sales-card .contacts{
		flex-direction: column;
	}
	.single-apartment .sales-card .contacts a{
		margin-top: 8px;
	}
	.single-apartment .sales-card .contacts a:last-child{
		margin-left: 0 !important;
	}
}
@media only screen and (max-width: 320px) {
	.single-apartment .finishes .item{
		padding:3px 15px;
	}
}

.close-popup{
	display:none;
}
.close-popup.visible{
	display:block;
	cursor:pointer;
}
.event-popup{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
	overflow-y: scroll;
	z-index: 9999999;
	display: none;
}
.event-popup.visible{
	display: block;
}
.single-event-wrap.visible{
	position: absolute;
	top: 0px;
	/* bottom: 0px; */
	min-height: 100%;
	left: 0px;
	right: 0px;
	background-color: #FFF;
	z-index: 2000;
}
.popup{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
	/* overflow-y: scroll; */
	z-index: 2000;
	display: none;
}
.popup.visible{
	display: block;
}
.popup-inside{
	position: absolute;
	top: 0px;
	bottom: 0px;
	min-height: 100%;
	left: 0px;
	right: 0px;
	background-color: #1513136e;
	z-index: 2000;
	display:flex;
}
.popup-inside .wrapper{
    display:flex;
    margin-top:auto;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:auto;
	height: 88%;
    overflow: scroll;
    padding-top: 20px;
	-ms-overflow-style: none;
  	scrollbar-width: none;
}

.popup-inside .wrapper::-webkit-scrollbar {
	display: none;
}

.popup-inside .wrapper .inside{
	position:relative;
    background-color:#217070;
    max-width:50vw;
	margin-top: auto;
	margin-bottom: auto;
}
.popup-inside .close{
	position:absolute;
	top:-10px;
	right:-10px;
	background-color:#217070;
	width:35px;
	height:35px;
	border-radius:13px;
	background-image: url('../img/close.svg');
	background-repeat:no-repeat;
	background-size: 20px 20px;
	background-position:50% 50%;
	cursor:pointer;
}
.popup-inside .popup-top img{
 	max-height:30vh;
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
.popup-inside .wrapper .inside .popup-body{
	padding-top:40px;
	padding-bottom:40px;
	padding-left:20px;
	padding-right:20px;
	display:flex;
}
.popup-inside .h2-1{
	font-family: Avenir, 'sans-serif';
    color:#fff;
    font-weight:bold;
    margin-bottom:10px;
}
.popup-inside p{
	/*font-family: Avenir, 'sans-serif';*/
	font-size:22px;
    color:#fff;
}
.popup-inside .text-wrap{
    width:60%;
}
.popup-inside .btn-wrap{
	margin-left:auto;
	margin-top:auto;
}
.popup-inside .btn-wrap .btn-popup{
	background-color:#fff;
	padding:6px 20px;
	border-radius:12px;
	color:#217070;
	font-weight:bold;
	font-family: Avenir, 'sans-serif';
}
@media only screen and (max-width: 1500px ) {
	.popup-inside .wrapper .inside .popup-body{
		display:block;
	}
	.popup-inside .btn-wrap{
		padding-top:20px;
		margin-left:auto;
		display:inline-block;
		text-align:right;
		width:100%;
	}
	.popup-inside .wrapper .inside .text-wrap{
		width:75%;
	}
}
@media only screen and (max-width: 900px ) {
	.popup-inside .wrapper .inside{
		position:relative;
		background-color:#217070;
		max-width:100%;
	}
}
@media only screen and (max-width: 420px ) {
	.popup-inside .wrapper .inside .popup-body{
		padding-top:0px;
		padding-bottom:20px;
		padding-left:20px;
		padding-right:20px;
    }
	.popup-inside .h2-1{
		padding-top:15px;
		padding-bottom:15px;
		color:#fff;
		font-weight:bold;
		margin-bottom:0px;
		line-height:28px;
	}
	.popup-inside p{
		font-size:18px;
		color:#fff;
	}
}


    /* CONTACTS */
    .contacts{
		padding-top: 100px;
	}

    .contacts .h2-1{
    	margin-bottom:40px;
    }
    .contacts .col{
    	width:50%;
    }
    .contacts .wrapper-tight{
    	position:relative;
    }
    .contacts .form-col{
    	position: relative;
		display: table-cell;
		vertical-align: middle;
		box-sizing: border-box;
    }
    .contacts .form-col .text-wrap-outter{
		padding-bottom: 1px;
		padding-top: 0px;
		padding-bottom: 50px;
		position: absolute;
		top: 0px;
        padding-left:40px;
        padding-right:40px;
	}
	.contacts .form-col.bottom .text-wrap-outter{
		position: absolute;
		top: auto;
		bottom: 0px;

	}
	.contacts .form-col .text-wrap-outter.fixed{
		z-index: 1;
		position:fixed;
		top:0;
		bottom: auto;
	}
    .contacts .person-wrap{
    	padding-top:40px;
    	/* padding-bottom:40px; */
    	width:100%;
    }
	.contacts .person-wrap .cards-wrap {
		display:flex;
		flex-direction: column;
		align-items: flex-start;
	}
    .contacts .person-wrap .person-card .inside{
    	display:flex;
    }
    .contacts .person-wrap .person-card{
    	display:inline-block;
    	width:50%;
    }
    .contacts .person-wrap .person-card{
		max-width:420px;
		margin-right:auto;
		margin-bottom:40px;
	}
	.contacts .person-wrap .person-card .img-wrap{
		padding-right:15px;
	}
	.contacts .person-wrap .person-card img{
		height:150px;
		max-width:150px;
		border-radius:100%;
		object-fit:cover;
	}
	.contacts .person-wrap .person-card .card-body{
		margin-top:auto;
		margin-bottom:auto;
		margin-bottom:auto;
	}
	.contacts .person-wrap .person-card span{
		display:block;
		margin-bottom:5px;
	}
	.contacts .person-wrap .person-card .name{
		font-weight:bold;
		margin-bottom:5px;
	}
	.contacts .sales-wrap{
	    padding-top:40px;
    	padding-bottom:60px;
	}
	.contacts .sales-card {
		max-width:420px;
		margin-bottom:30px;
	}
	.contacts .sales-card .card-top{
		display:flex;
		margin-bottom:10px;
	}
	.contacts .sales-card .card-top span{
        font-size:22px;
        font-weight:bold;
        margin-top:auto;
        margin-bottom:auto;
        margin-left:10px;
	}
	.contacts .sales-card .card-body p{
		font-size:18px;
		line-height:24px;
	}
	.contacts .sales-text,
	.contacts .parking-text{
		max-width:560px;
	    font-size:18px;
		line-height:24px;
	}
	.contacts .sales-text p,
	.contacts .parking-text p{
		margin-bottom: 1rem;
	}
	.contacts .sales-text p:last-child,
	.contacts .parking-text p:last-child{
		margin-bottom: 0;
	}
	.colcolh{
		display: none!important;
	}
	.form-wrap{
		padding-top:40px;
    	padding-bottom:40px;
	}
	.form-wrap form{
		margin-top:40px;
	}
	.form-wrap .cols{
		display:flex;
	}
	.form-wrap .cols .col-1{
		width:50%;
		padding-right:20px;
	}
	.form-wrap .cols .col-2{
		width:50%;
		padding-left:20px;
	}
	.input-field-group {
		position: relative;
		margin-bottom:26px;
		text-align:center;
	}
	.input-field-group label{
		text-transform:uppercase;
		font-size: 12px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: 2px;
		display: block;
		text-align: left;
	}
	.input-field-group .form-control{
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		-ms-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms;
		border-radius: 8px;
		border: solid 1px rgba(135, 161, 182, 0.3);
		margin-top:5px;
		padding:18px 21px;
		margin-bottom:10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width:100%;
		font-size:16px;
		font-weight: 500;
		color: #000000;
	}
	.input-field-group .form-control:focus{
		border: solid 1px #217070;
	}
	.input-field-group.correct .form-control{
		border: solid 1px #217070;
	}
	.input-field-group.correct .field-icon{
		background-image: url('../img/field-check-icon.svg');
	}

	.input-field-group.wrong .form-control{
		color: #e74c3b;
		border: solid 1px #e74c3b;
	}
	.input-field-group.wrong .field-icon{
		background-image: url('../img/field-x-icon.svg');
	}
	.input-field-group textarea.form-control{
		width:100%;
		resize:vertical; 
		min-height:100px; 
	}
	.input-field-group .rules-wrap{
		display:inline-block;
		float:left;
	}
	.input-field-group .inside{
        margin-top:10px;
		display:flex;
	}
	.input-field-group .btn-wrap{
        display:inline;
        float:right;
	}
	.input-field-group .btn-wrap .btn-send{
		background-color:#217070;
		color:white;
		font-weight:bold;
		padding:15px;
		border-radius:14px;
		border:0;
		cursor:pointer;
	}
	.input-field-group .rules-wrap .data-agree{
		font-size: 18px;
		line-height: 1.56;
		max-width:80%;
		text-align:left;
	}
	.input-field-group .rules-wrap .data-agree{
		font-size: 18px;
		line-height: 1.56;
	}
	.ru .input-field-group .rules-wrap .data-agree{
		text-align:left;
	}
	.input-field-group .rules-wrap .data-agree .link{
		 font-weight: 500;
		 color: #154b77;
	}

	.input-field-group .container-checkbox {
		display: block;
		position: relative;
		padding-left: 35px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		margin-top:4px;
	}

	/* Hide the browser's default checkbox */
	.input-field-group .container-checkbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
	.input-field-group .container-checkbox .checkmark {
		position: absolute;
		top: 0;
		left: 0;
		width: 18px;
		height: 18px;
		border-radius: 3px;
		border: solid 1px #dbe3e9;
		margin:auto;
	}
	.input-field-group .container-checkbox:hover input ~ .checkmark {
		background-color: #ccc;
	}
	.input-field-group .container-checkbox input:checked ~ .checkmark {
		background-color: #217070;
	}
	.input-field-group .container-checkbox .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.input-field-group .container-checkbox input:checked ~ .checkmark:after {
		display: block;
	}
	.input-field-group .container-checkbox .checkmark:after {
		left:6px;
		top: 3px;
		width: 4px;
		height: 8px;
		border: solid white;
		border-width: 0 2px 2px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.input-field-group .error{
		float:right;
		color:#e74c3b;
		font-size:14px;
	}

	.input-field-group input.error{
		border:1px solid #e74c3b;;
	}
	.input-field-group .carret{
	  background: transparent;
	  background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png);
	  background-repeat: no-repeat;
	  background-position-x: 98%;
	  background-position-y: 17px;
	}
	.input-field-group select{
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		-ms-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms;
		border-radius: 8px !important;
		border: solid 1px rgba(135, 161, 182, 0.3);
		margin-top:5px;
		padding:18px 21px;
		margin-bottom:10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width:100%;
		font-size:16px;
		font-weight: 500;
		cursor: pointer;
		background: url('../img/arrow-dark.svg') 95% 24px no-repeat white;
		border-radius:3px;
	}
	.input-field-group.wrong .rules-wrap .data-agree{
	    color: #e74c3b;
	}
	.input-field-group.wrong .rules-wrap a{
		 color: #e74c3b !important;
	}
	.input-field-group .error{
		position: absolute;
		right: 0px;
		top: 0px;
	}
	.message-div{
		display: none;
		position:relative;
		width:35%;
		padding:10px 20px;
		border-radius:12px;
	}
	.message-div p{
		margin-top:5px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.58;
		letter-spacing: normal;
		color: #87a1b6;
	}
	.message-div a{
		position:absolute;
		top:15px;
		right:20px;
		font-weight:bold;
	}
	.message-div span{
		font-weight:bold;
	}
	.message-div.visible{
		display: block;
	}
	.message-div.visible.correct{
        background-color:#F3FBF4;
        border:1px solid #45BF55;
	}
	.message-div.visible.correct:before{
		content:"";
		position:absolute;
		left:0;
		top:0;
		bottom:0;
		margin:auto;
		height:92%;
		width:4px;
		border-top-left-radius:100px;
		border-bottom-left-radius:100px;
        background-color:#45BF55;
	}
	.message-div.correct p{
	    color:#45BF55;
	}
	.message-div.visible.wrong{
        background-color:#FEEFF0;
        border:1px solid #F71A2F;
	}
	.message-div.visible.wrong:before{
		content:"";
		position:absolute;
		left:0;
		top:0;
		bottom:0;
		margin:auto;
		height:92%;
		width:4px;
		border-top-left-radius:100px;
		border-bottom-left-radius:100px;
        background-color:#F71A2F;
	}
	.message-div.wrong p{
	    color:#F71A2F;
	}
	@-webkit-keyframes rotating /* Safari and Chrome */ {
		from {
		  -webkit-transform: rotate(0deg);
		  -o-transform: rotate(0deg);
		  transform: rotate(0deg);
		}
		to {
		  -webkit-transform: rotate(360deg);
		  -o-transform: rotate(360deg);
		  transform: rotate(360deg);
		}
	  }
	  @keyframes rotating {
		from {
		  -ms-transform: rotate(0deg);
		  -moz-transform: rotate(0deg);
		  -webkit-transform: rotate(0deg);
		  -o-transform: rotate(0deg);
		  transform: rotate(0deg);
		}
		to {
		  -ms-transform: rotate(360deg);
		  -moz-transform: rotate(360deg);
		  -webkit-transform: rotate(360deg);
		  -o-transform: rotate(360deg);
		  transform: rotate(360deg);
		}
	  }
	  .rotating {
		-webkit-animation: rotating 2s linear infinite;
		-moz-animation: rotating 2s linear infinite;
		-ms-animation: rotating 2s linear infinite;
		-o-animation: rotating 2s linear infinite;
		animation: rotating 2s linear infinite;
	  }	
	.loading-indicator{
		display: inline-block;
		vertical-align: top;
		width: 36px;
		height: 36px;
		background-image: url('../img/loader.svg');
		background-size: contain;
		background-repeat: no-repeat;
		display: none;
	}
	.loading-indicator.visible{
		display: inline-block;
	}
	.input-field-group .loading-indicator{
		margin-top: 14px;
		margin-left: 10px;
		position: absolute;
		right: 0px;
		bottom: 15px;
	}
	.input-field-group .send-button{
		background-color:#217070;
		padding-top:10px;
		padding-bottom:10px;
		padding-right:20px;
		padding-left:20px;
		color:#fff;
		font-weight:bold;
		font-size:18px;
		border-radius:4px;
		border:0;
		cursor:pointer;
	    -webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		-ms-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms;
	}
	.input-field-group .send-button:hover{
		background-color:#ab8862;
	}
@media only screen and (max-width: 1445px ) {
    .contacts .person-wrap .person-card{
    	display:block;
    	width:100%;
    }
    .contacts .person-wrap .person-card{
		margin-left:0;
	}
	.input-field-group .rules-wrap{
		text-align:left;
		display:inline-block;
		float:left;
		width:80%;
	}
	.input-field-group .inside{
        margin-top:0px;
		display:flex;
	}
	.input-field-group {
        margin-bottom:10px;
	}
}
@media only screen and (max-width: 900px ) {
    .contacts .form-col .text-wrap-outter{
		padding-bottom: 1px;
		padding-top: 0px;
		padding-bottom: 50px;
		position: relative;
		top: 0px;
        padding-left:0px;
        padding-right:0px;
	}
	.contacts .form-col.bottom .text-wrap-outter{
		position: relative;
		top: auto;
		bottom: 0px;

	}
	.contacts .form-col .text-wrap-outter.fixed{
		z-index: 1;
		position:relative;
		top:0;
		bottom: auto;
	}
    .contacts .col{
    	width:100%;
    }
    .form-wrap .cols{
		display:block;
	}
	.form-wrap .cols .col-1{
		width:100%;
		padding-right:0px;
	}
	.form-wrap .cols .col-2{
		width:100%;
		padding-left:00px;
	}
	.message-div{
		margin-top:40px;
		display: none;
		position:relative;
		width:auto;
		padding:10px 20px;
		border-radius:12px;
	}
}
@media only screen and (max-width: 420px ) {
	.contacts .h2-1{
		margin-bottom:10px;
	}
	.contacts .sales-wrap{
		padding-top:0px;
		padding-bottom:20px;
	}
	.contacts .person-wrap{
		padding-bottom:20px;
	}
	.form-wrap form{
		margin-top:0;
	}
    .input-field-group .rules-wrap{
		display:block;
		float:left;
		width:100%;
		margin-bottom:20px;
	}
    .input-field-group .btn-wrap{
        float:none;
	}
	.contacts .sales-card .card-top img{
		height:35px;
		width:35px;
	}
	.contacts .sales-card .card-top span{
        font-size:18px;
	}
	.contacts .sales-card .card-body p{
		font-size:16px;
		line-height:24px;
	}
}

    /* PAGE 404 */
    .page-error {
        height:100vh;
        position:relative;
    }
    .page-error .row{
        margin: 0;
        width:100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
    }
    .page-error .title{
    	 font-size:calc(.2em + 25vw);
    	 font-weight:bold;
    	 color:#E6E6E6;
    }
    .page-error .col {
    	padding-top:40px;
    	padding-bottom:40px;
    	width:50%;
    	margin-left:auto;
    	margin-right:auto;
    }
    .page-error .col:nth-of-type(1){
        text-align:right;
        padding-right:40px;
    }
    .page-error .col:nth-of-type(2){
    	padding-left:40px;
        text-align:left;
        display:flex;
    }
    .page-error .col:nth-of-type(2) .text-wrap{
        margin-top:auto;
        margin-bottom:auto;
    }
    .page-error .description{
        color:#217070;
        font-weight:bold;
        font-size:38px;
        line-height:41px;
        padding-bottom:40px;
    }
    .page-error .link{
    	background-color:#217070;
    	padding:15px 20px;
    	color:#fff;
    	font-weight:bold;
    	border-radius:8px;
    }
@media only screen and (min-width: 1445px ) {
	    .page-error .title{
    	 font-size:365px;
        }
}
@media only screen and (max-width: 900px) {
	.page-error .col {
		padding-left:20px;
		padding-right:20px;
    	width:auto;
    	margin-left:auto;
    	margin-right:auto;
    }
	 .page-error .col:nth-of-type(1){
        text-align:center;
        padding-left:20px;
        padding-right:20px;
    	padding-bottom:0px;
    }
    .page-error .col:nth-of-type(2){
        padding-top:0;
        padding-left:20px;
        padding-right:20px;
        display:flex;
    }
    .page-error .title{
    	 font-size:260px;
    	 font-weight:bold;
    	 color:#E6E6E6;
    }
    .page-error .text-wrap{
    	width:100%;
    	text-align: center;
    }
    .page-error .description{
        padding-bottom:0px;
        margin-bottom:40px;
        text-align: left;
        display:inline-block;
        
    }
    .page-error .link{
    	text-align:center;
    	justify-content:center;
        display:flex;
        margin-left:auto;
        margin-right:auto;
        width:120px;
    }
}

@media only screen and (max-width: 420px ) {
	.page-error .title{
    	font-size:200px;
    }
    .page-error .description{
        line-height:23px;
        font-size:27px;
        margin-bottom:20px;
    }
}

/* GALLERY  */
	.gallery {
		position:relative;
		overflow: hidden;
		padding-top: 100px;
		/* padding-bottom:100px; */
	}
	.gallery .wrapper{
		max-width:1100px;

	}
	.gallery .h2-1{
		margin-bottom:20px;
	}
	.gallery .gallery-top{
		overflow: hidden;
	}
	.gallery .gallery-top .swiper-slide{
		margin-top:auto;
	}
    .gallery .gallery-top img{
	  height: 100%;
	  max-height:620px;
      object-fit:contain;
	  width: 100%;
	  display:flex;
	  margin-top:auto;
	}
	.gallery  .gallery-thumbs {
	  box-sizing: border-box;
	  padding-top: 30px;
	  padding-bottom:30px;
	  height:200px;
	}
	.gallery .gallery-thumbs .swiper-slide{
	}
	.gallery  .gallery-thumbs img{
		border-radius:0px;
		object-fit:cover;
		display:flex;
		height:200px;
        cursor:pointer;
	}

	.gallery .gallery-thumbs .swiper-slide {
	  width: 25%;
	  height: 100%;
	  opacity: 0.4;
	}
	.gallery .gallery-thumbs .swiper-slide-thumb-active {
	  opacity: 1;
	}
	.gallery .gallery-next{
		transform: translateY(100%);
        right:5vw;
	}
	.gallery .gallery-next:focus,
	.gallery .gallery-prev:focus {
	  outline: none;
	  box-shadow: none;
	}
	.gallery .gallery-prev{
		transform: translateY(100%);
		left:5vw;
	}
	.gallery .gallery-next:after{
		content:'' !important;
		cursor: pointer;
		background-image: url('../img/arrow-right.svg');
		width: 40px;
		height: 40px;
		display: block;
		position: absolute;
		background-color: #FFF;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		border-radius: 12px;
		box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.06);
		background-color: #ffffff;
        border:1px solid #217070;
	}
	.gallery .gallery-prev:after{
		content:'' !important;
		cursor: pointer;
        background-image:url('../img/arrow-left.svg');
		width: 40px;
		height: 40px;
		display: block;
		position: absolute;
        border:1px solid #217070;
		background-color: #FFF;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		border-radius: 12px;
		box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.06);
		background-color: #ffffff;
	}
	.gallery .swiper-pagination{
		display:none;
	}
	@media only screen and (max-width: 1343px) {
		.gallery .gallery-next{
			transform: translateY(100%);
			right:1vw;
		}
		.gallery .gallery-prev{
			transform: translateY(100%);
			left:1vw;
		}
        .gallery .gallery-next{
           margin-right:15px;
	    }
	    .gallery .gallery-prev{
           margin-left:15px;
	    }
	}
	@media only screen and (max-width: 900px) {
		.gallery{
			padding-top: 50px;
		}
		.gallery  .gallery-top img{
		  border-radius:0px;
		}
	    .gallery .gallery-thumbs {
		  padding-top: 20px;
	    }  
	    .gallery .gallery-top img{
		  height:80vh;
		  max-height:auto;
		  object-fit:contain;
		  width: 100%;
		  display:flex;
		  margin-top:auto;
		}
		.gallery  .gallery-thumbs {
		  box-sizing: border-box;
		  padding-top: 30px;
		  padding-bottom:30px;
		  height:150px;
		}
    	.gallery .swiper-pagination{
		    color:#89a2b7;
		    font-size:18px;
		    display:block;
		    position:relative;
		    z-index:0;
	    }
	    .gallery-controls{
	    	width:90%;
	    	margin-left:auto;
	    	margin-right:auto;
	    	margin-top:30px;
            display:flex;
            flex-direction:row-reverse
	    }
	    .gallery .gallery-next{
		  position:relative;
		  transform:none;
		  margin-left:auto;
		  margin-right:0;
	    }
	    .gallery .gallery-prev{
		  position:relative;
		  transform:none;
		  margin-left:0;
	    }
  
	}
	@media only screen and (max-width: 600px) {
        .gallery .gallery-top img{
		  height:300px;
		  max-height:auto;
		  object-fit:contain;
		  width: 100%;
		  display:flex;
		  margin-top:auto;
		}
		.gallery  .gallery-thumbs {
			margin-top:20px;
		  box-sizing: border-box;
		  padding-top: 0px;
		  padding-bottom:0px;
		  height:100px;
		}
		.gallery  .gallery-thumbs .swiper-slide{
            background-color:#e8e4de3d;
		}
		.gallery  .gallery-thumbs img{
		    height:100px;
		    margin-left:auto;
		    margin-right:auto;
		}
		.gallery-controls{
	    	margin-top:50px;
	    }
	}
	@media only screen and (max-width: 420px) {
        .gallery .h2-1{
        	margin-bottom:0;
        }
        .gallery .gallery-top img{
		  height:200px;
		}
		.gallery  .gallery-thumbs {
		  box-sizing: border-box;
		  margin-top:10px;
		  padding-top: 0px;
		  padding-bottom:0px;
		  height:100px;
		}
		.gallery  .gallery-thumbs img{
		    height:100px;
		}
		.gallery-controls{
	    	margin-top:50px;
	    }
	}

    /* TEXTUAL */
	.article-hero .h2-1{
		margin-bottom:20px;
	}
	.article-content h2{
		font-size:24px;
		margin-top:22px;
		margin-bottom:5px;
	}
	.article-content h3{
		font-size:20px;
		margin-top:20px;
		margin-bottom:10px;
	}
	.article-content p{
		margin-bottom:20px;
        line-height:24px;
	}
	.article-content .text-wrap{
		max-width:620px;
	}
	.article-content strong{
        font-weight:bold;
	}
	.article-content ul {
        margin-bottom:20px;
    }
    .article-content li {
        line-height:24px;
    }
    .article-content ul li::before {
	    content: "\2022";
		color:#217070;
		font-size:20px;
		margin-top:-3px;
		margin-bottom:auto;
		margin-right:10px;
	}

/* STICKY BTN POPUP */
.popup-btn{
	position: fixed;
	top:auto;
	bottom: 60px;
	right: 15px;
	left: auto;
	overflow-y: scroll;
	z-index: 2000;
	display: none;
	width: 330px;
	background-color:#A48359;
	border-radius:12px;

}
.popup-btn .inner{
    padding:24px;
    position:relative;
    display:flex;
    flex-direction:column;
}
.popup-btn .title{
	color:#fff;
    font-size: 20px;
	line-height: 28px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom:12px;
}
.popup-btn p{
	font-size: 14px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.74);
}
.popup-btn.visible{
	display: block;
}
.popup-btn .btn-popup{
	padding:12px;
	display:flex;
	justify-content:center;
	align-items:center;
    background: #FFFFFF;
    border-radius: 12px;
    font-weight: 900;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	color: #A48359;
	margin-top:30px;
}
.popup-btn .btn-popup:hover{
	background-color: #A48359;
	color:white;
}
.popup-btn .btn-close{
	position:absolute;
	top:16px;
	right:16px;
	width:12px;
	height:12px;
	background-image: url('../img/close.svg');
	background-repeat:no-repeat;
	background-size: 12px 12px;
	background-position:50% 50%;
	cursor:pointer;
}
@media only screen and (max-width: 420px) {
	.popup-btn{
		position: fixed;
		top:auto;
		bottom: 20px;
		right: 0;
		left: 0;
		overflow-y: scroll;
		z-index: 2000;
		display: none;
		width: 330px;
		background-color:#A48359;
		border-radius:12px;
		margin-left:auto;
		margin-right:auto;
	
	}
}

/* 06.04.2022 updates */
.technical__images {
	display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}
.bank__main {
	margin-top: 100px;
}
.bank__title {
	font-weight: 900;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	margin-bottom: 24px;
}
.bank__list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	padding-bottom: 20px;
	margin-top: 40px;
}
.bank__list-item {
	background: #fff;
	padding: 0px 28px;
	flex-basis: 20%;
	display: flex;
	height: 60px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    max-width: 160px;
    width: 100%;
}
.bank__list-item .img-wrap {
	text-align: center;
}
.bank__list-item .img-wrap img {
	max-width: 104px;
	min-width: 100%;
	object-fit: contain;
	object-position: center;
}
.bank__button {
	font-weight: 900;
	font-size: 18px;
	line-height: 27px;
	color: #fff;
	padding: 12px 29px;
	background-color: #217070;
	border-radius: 6px;
	text-align: right;
	display: inline-block;
	float: right;
	margin-top: 24px;
	cursor: pointer;
}
.fb-logo,
.in-logo,
.ig-logo{
	position: relative;
	display: inline-block;
}
.fb-logo:after,
.in-logo:after,
.ig-logo:after{
	content: '';
	display: block;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.fb-logo:after {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2217%22%20viewBox%3D%220%200%209%2017%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3917_7666)%22%3E%3Cpath%20d%3D%22M0.0429086%206.37523C0.240134%206.36644%200.395733%206.35471%200.551333%206.35471C1.10634%206.35276%201.66134%206.35569%202.21635%206.35178C2.3551%206.35178%202.50376%206.38207%202.63557%206.28044C2.71883%206.14168%202.68414%205.98241%202.68513%205.82997C2.68909%205.06386%202.69801%204.29775%202.68315%203.53164C2.67324%203.01373%202.81%202.54371%203.07066%202.10202C3.5216%201.3408%204.15193%200.760355%204.92695%200.328442C5.29563%200.123234%205.70792%200.0724208%206.11823%200.0343108C6.71684%20-0.0213885%208.04093%20-0.02432%208.94083%200.145709C8.95867%200.220952%208.99732%200.307921%208.99831%200.39489C9.00327%201.09846%209.00227%201.80203%209.00029%202.5056C9.00029%202.58182%208.98047%202.65804%208.9656%202.75673C8.85361%202.77139%208.74757%202.79582%208.64152%202.7968C8.13409%202.80071%207.62666%202.79875%207.11922%202.79875C6.99236%202.79875%206.8655%202.7968%206.73865%202.79875C6.03894%202.81536%205.69999%203.1134%205.68116%203.78961C5.66035%204.57038%205.67819%205.3531%205.68116%206.13485C5.68116%206.1798%205.70297%206.22377%205.71288%206.26286C5.83478%206.38598%205.98543%206.34982%206.12319%206.3508C6.83676%206.35471%207.55034%206.3508%208.26392%206.35373C8.41853%206.35373%208.57413%206.36937%208.7545%206.37914C8.75054%206.89314%208.63557%207.36316%208.56521%207.83514C8.49385%208.31005%208.45817%208.79473%208.32636%209.24521C8.15589%209.33804%207.99435%209.30873%207.83875%209.3097C7.2996%209.31361%206.76045%209.3097%206.2213%209.31263C6.0657%209.31361%205.90317%209.28136%205.74558%209.38397C5.66828%209.71425%205.71982%2010.0592%205.7109%2010.4002C5.70198%2010.7442%205.70891%2011.0882%205.70891%2011.4321C5.70891%2011.7761%205.70891%2012.1201%205.70891%2012.464V15.5128C5.70891%2015.8558%205.70891%2016.1998%205.70891%2016.5438C5.64251%2016.5887%205.59692%2016.6405%205.54142%2016.6561C4.71189%2016.8819%203.86749%2017.006%203.00624%2017.0011C2.92993%2017.0011%202.85262%2016.9806%202.78027%2016.9698C2.66927%2016.7998%202.71486%2016.6229%202.71486%2016.4568C2.7109%2014.2992%202.71288%2012.1416%202.71189%209.98396C2.71189%209.79927%202.70396%209.61458%202.699%209.40547C2.56719%209.38788%202.46214%209.36247%202.35708%209.36149C1.7545%209.35758%201.15193%209.36149%200.549351%209.35856C0.393751%209.35856%200.238151%209.34684%200.0617392%209.33902C-0.039351%208.84066%200.0171406%208.35793%200.0131762%207.88009C0.00921192%207.39834%20-0.0205205%206.91463%200.0438997%206.37621L0.0429086%206.37523Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_3917_7666%22%3E%3Crect%20width%3D%229%22%20height%3D%2217%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
	width: 15px;
	height: 15px;
}
.ig-logo:after {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2217%22%20viewBox%3D%220%200%2018%2017%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3917_7668)%22%3E%3Cpath%20d%3D%22M8.97387%2016.994C7.77183%2016.994%206.56852%2016.9699%205.36775%2016.9988C3.11791%2017.053%200.591464%2015.5432%200.0675639%2012.8114C0.0204001%2012.567%200.0051037%2012.3142%200.0051037%2012.0649C4.91197e-06%209.69674%200.00255431%207.32975%204.91208e-06%204.96275C-0.00381918%202.40673%202.22563%200.113173%205.09497%200.0072238C5.17655%200.00481586%205.25813%200%205.33971%200C7.78458%200%2010.2295%200%2012.6756%200C13.5704%200%2014.4194%200.193839%2015.1918%200.612819C16.9305%201.55673%2017.8904%202.975%2017.9771%204.87847C18.0179%205.78145%2017.9924%206.68683%2017.9924%207.59221C17.9924%209.07429%2017.986%2010.5564%2017.986%2012.0373C17.986%2014.2128%2016.3123%2016.4847%2013.4939%2016.9386C13.1944%2016.9868%2012.8846%2016.9892%2012.58%2016.9904C11.378%2016.9964%2010.1759%2016.9928%208.97387%2016.9928V16.994ZM9.00192%201.69639C7.75781%201.69639%206.51371%201.7%205.2696%201.69639C3.83429%201.69278%202.30083%202.64873%201.89293%204.23916C1.80753%204.57146%201.78458%204.92543%201.78331%205.26976C1.77438%207.42727%201.77821%209.58477%201.77948%2011.7411C1.77948%2011.8759%201.78841%2012.0108%201.79223%2012.1456C1.82537%2013.352%202.73296%2014.8028%204.49331%2015.2085C4.88337%2015.2988%205.30147%2015.3084%205.70682%2015.3096C7.88911%2015.3193%2010.0714%2015.3144%2012.2524%2015.3132C12.4563%2015.3132%2012.6603%2015.3048%2012.8642%2015.2988C14.1644%2015.2615%2015.6227%2014.3693%2016.0714%2012.8487C16.1772%2012.4899%2016.1989%2012.1288%2016.1989%2011.7627C16.1989%209.58598%2016.1989%207.40921%2016.1989%205.23364C16.1989%205.11806%2016.1989%205.00248%2016.1925%204.8869C16.1504%204.02004%2015.7948%203.28081%2015.146%202.6728C14.464%202.0335%2013.638%201.7%2012.673%201.69759C11.4493%201.69398%2010.2256%201.69759%209.00192%201.69759V1.69639Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M9.03227%204.10315C11.6581%204.15974%2013.6811%206.11738%2013.6377%208.56986C13.5944%2011.032%2011.5243%2012.9198%208.94686%2012.8921C6.24578%2012.862%204.29549%2010.8297%204.34011%208.43141C4.38727%205.91993%206.51219%204.10917%209.03227%204.10315ZM6.12468%208.41455C6.07242%209.89784%207.35349%2011.1813%208.92902%2011.2065C10.3567%2011.2294%2011.778%2010.2325%2011.8481%208.58672C11.9105%207.11788%2010.7021%205.83927%209.05011%205.80074C7.51538%205.76462%206.21009%206.87709%206.12468%208.41455Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.5785%204.10065C12.59%203.51552%2013.0578%203.09052%2013.6811%203.09775C14.2841%203.10497%2014.7735%203.56729%2014.7723%204.13075C14.7723%204.70986%2014.2305%205.19626%2013.6187%205.17098C13.1317%205.15051%2012.5479%204.78089%2012.5772%204.10065H12.5785Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_3917_7668%22%3E%3Crect%20width%3D%2218%22%20height%3D%2217%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
	width: 15px;
	height: 15px;
}
.in-logo:after {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3917_7662)%22%3E%3Cpath%20d%3D%22M6.05252%205.40203C6.56311%205.29421%208.69036%205.2833%209.31927%205.38265C9.45946%205.7679%209.30255%206.20282%209.43374%206.6656C9.53406%206.57959%209.59708%206.53961%209.6408%206.4863C10.5437%205.36326%2011.7809%204.97438%2013.2227%205.05918C13.7345%205.08947%2014.2413%205.16579%2014.7274%205.3463C15.4682%205.62131%2016.0187%206.0853%2016.3852%206.74919C16.7724%207.45185%2016.8997%208.21387%2016.9756%208.98801C17%209.23878%2017.0013%209.49077%2017.0013%209.74276C17.0039%2011.6399%2017.0026%2013.5383%2017.0013%2015.4355C17.0013%2015.5894%2016.9859%2015.742%2016.9781%2015.9055C16.6116%2016.063%2016.2386%2015.9746%2015.8772%2015.9891C15.4875%2016.0037%2015.0965%2015.9988%2014.7056%2015.9904C14.339%2015.9819%2013.9686%2016.034%2013.6034%2015.9443C13.4863%2015.7311%2013.5326%2015.5142%2013.5313%2015.3071C13.5262%2013.8545%2013.5352%2012.402%2013.5249%2010.9506C13.5223%2010.506%2013.4837%2010.0614%2013.4439%209.61797C13.4272%209.42656%2013.3783%209.23515%2013.3178%209.05221C13.1082%208.4174%2012.6619%208.0479%2011.9468%207.96794C11.57%207.92554%2011.206%207.96188%2010.8523%208.06728C10.4459%208.18843%2010.1334%208.43194%209.92504%208.78932C9.72312%209.13459%209.61508%209.50531%209.58164%209.8954C9.55849%2010.1656%209.55078%2010.4369%209.55078%2010.7071C9.5482%2012.2178%209.54949%2013.7285%209.54949%2015.238V15.8801C9.4466%2015.9225%209.37458%2015.977%209.30255%2015.977C8.29552%2015.9831%207.28848%2015.9819%206.28145%2015.9794C6.22357%2015.9794%206.16569%2015.948%206.07181%2015.9201C6.05895%2015.8183%206.03322%2015.7081%206.03322%2015.5978C6.03065%2012.3062%206.03194%209.01345%206.03322%205.72186C6.03322%205.62615%206.04608%205.53166%206.05509%205.40203H6.05252Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M3.74263%2015.9249C3.64489%2015.948%203.56772%2015.9819%203.48926%2015.9831C2.52338%2015.9867%201.5575%2015.9867%200.591625%2015.9831C0.514458%2015.9831%200.43729%2015.9455%200.342117%2015.9213C0.326683%2015.7808%200.302247%2015.6475%200.299675%2015.5155C0.23151%2012.7182%200.267522%205.98476%200.356264%205.38872C0.438576%205.36933%200.532463%205.32693%200.627637%205.32572C1.57294%205.32087%202.51824%205.32208%203.46354%205.32451C3.542%205.32451%203.62045%205.35116%203.72848%205.37054C3.7452%205.50623%203.77607%205.63586%203.77607%205.76549C3.77864%209.01709%203.77864%2012.2687%203.77607%2015.5215C3.77607%2015.6536%203.75421%2015.7856%203.74134%2015.9262L3.74263%2015.9249Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.05644%201.91029C4.05644%202.98608%203.15486%203.82685%202.01664%203.82443C1.04562%203.822%200%203.11087%200%201.87879C0%200.838132%200.911863%200.00584592%202.01922%20-0.000211476C3.16387%20-0.00626887%204.05644%200.830863%204.05644%201.91029Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_3917_7662%22%3E%3Crect%20width%3D%2217%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
	width: 15px;
	height: 15px;
}

/* Finishes edit*/
.finishes-info {
	justify-content: center;
	gap: 20px;
}

.overlay-text {
	position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
	visibility: hidden;
    text-align: left;
    padding: 0 30px;
	transition: all 0.3s ease;
	z-index: 1;
}
@media(max-width: 1024px) {
	.overlay-text {
		display: none;
	}
}
.overlay-text p{
	line-height: 24px;
}
.apartment-types .col:hover {
	color: #fff;
}

.apartment-types .col:hover .overlay {
	background-color: #162C3B;
	opacity: 0.9;
}

.apartment-types .col:hover .overlay-text {
	opacity: 1;
	color:#fff;
	visibility: visible;
}

.apartment-types .col:hover .overlay-text p {
	color:#fff;
}

/* Progress start about */
.about__progress {
margin-bottom: 80px;
margin-top: 120px;
}
.about__progress .title-wrap {
	text-align-last: center;
}
.about__progress--items {
	display: flex;
	align-items: center;
	justify-content: space-around;	
	position: relative;
	margin-top: 60px;
}

.about__progress--items .item .item__check {
	background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21' cy='21' r='20' fill='white' stroke='%23296060' stroke-width='2'/%3E%3Cpath d='M12.5 23L18 28.5L30.5 16' stroke='%23296060' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	width: 42px;
	height: 42px;
	margin: 0 auto;
}
.about__progress--items .item {
	max-width: 170px;
	width: 100%;
	cursor: pointer;
	overflow-y: hidden;
}
@media(min-width: 920px) {
	.about__progress--items .item {
		min-height: 200px;
		max-height: 200px;
	}
}
@media(max-width: 768px) {
	.about__progress--items .item {
		max-width: 300px;
	}
}
.about__progress--items .item .item__circle {
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7.5' cy='7.5' r='6.5' fill='white' stroke='%23296060' stroke-width='2'/%3E%3C/svg%3E%0A");
	width: 42px;
	height: 42px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
    background-position: center;
}
.separator {
    flex-grow: 1;
    height: 2px;
    background-color: #296060;
	transform: translateY(-40px);
    margin: 0 10px;
	position: relative;
}
@media(min-width: 920px) {
	.separator {
		transform: translateY(-80px);
	}
}
.separator:before {
	content:'';
	position: absolute;
	width: 50%;
	height: 100%;
    background-color: #296060;
	left: -50%;
}
.separator:after {
	content:'';
	position: absolute;
	width: 50%;
	height: 100%;
    background-color: #296060;
	right: -50%;
}
.separator:last-of-type:after {
	width:10%;
	right: -10%;
}
.about__progress--items .item .item__title {
	font-size: 18px;
	line-height: 32px;
	font-weight: 900;
	text-align: center;
	margin: 24px 0px;
	opacity: 0.6;
	max-height: 128px;
}
.about__progress--items .item.active .item__title {
	opacity: 1;
}
.about__progress--items .item .item__text {
	max-width: 359px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #1B2B3A;
	font-weight: 500;
	opacity: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
@media(min-width: 920px) {
	.about__progress--items .item .item__text{
		bottom: 0;
		transform: translate(-50%, 100%);
	}

}
.about__progress--items .item.active .item__text {
	opacity: 1;
}
.about__progress--items .item.active-check .item__check {
	background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21' cy='21' r='20' fill='%23296060' stroke='%23296060' stroke-width='2'/%3E%3Cpath d='M12.5 23L18 28.5L30.5 16' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
@media(min-width: 1600px ){
	.separator::before {
		width: 30%;
		left: -30%;
	}
	.separator::after {
		width: 30%;
		right: -30%;
	}
	.separator:last-of-type:after {
		width:5%;
		right: -5%;
	}
}
@media(max-width:820px) {
	.about__progress {
		margin: 60px 0;
	}
	.about__progress--items {
		flex-direction: column;
		margin-top: 30px;
	}
	.about__progress--items .item .item__text {
		position: relative;
		height: 0;
		margin: 0;
		overflow: hidden;
		transition: all 0.3s;
	}
	.about__progress--items .item.active .item__text {
		height: auto;
		margin: 40px 0;
		overflow: visible;
	}
	.separator {
		height: 60px;
		width: 2px;
		margin-top: 30px;
		margin-bottom: -10px;
	}
}

/* Technical page tabs */
.techical-hero .col:nth-of-type(2) {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;

}
.technical__info {
	min-height: 2000px;
}
.technical__info .text-wrap {
	display: flex;
	color: #fff;
	border-bottom: 16px solid #fff;
}
.technical__info .text-wrap .h2-1 {
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	flex-basis: 50%;
	font-size: 20px;
	margin-bottom: 0;
	padding: 33px 0;
	letter-spacing: 0;
}
.technical__info .text-wrap .h2-1:nth-of-type(1) {
	border-right: 8px solid #fff;
	background-color: #EEEDED;
	color: #1E313E;
}
.technical__info .text-wrap .h2-1:nth-of-type(2) {
	border-left: 8px solid #fff;
	background-color: #EEEDED;
	color: #1E313E;
}
.technical__info .text-wrap .h2-1:hover {
	/* transform: scale(1.1); */
}
.technical__info .technical__info-item {
	display: none;
	padding-left: 50px;
	padding-right: 50px;
}
.technical__info .technical__info-item_two {
	display: none;
	padding-left: 50px;
	padding-right: 50px;
}
.technical__info.active .text-wrap .h2-1:nth-of-type(1) {
	background-color: #217070;
	color: #fff;
}
.technical__info.active_two .text-wrap .h2-1:nth-of-type(2) {
	background-color: #217070;
	color: #fff;
}
.technical__info.active .technical__info-item {
	display: block;
}
.technical__info.active_two .technical__info-item_two {
	display: block;
}
@media(max-width: 820px) {
	html {
		overflow-x: hidden;
	}
	.technical__info {
		margin-top: 80px !important;
		padding-top: 0 !important;
		min-height: initial;
	}
	.technical__info .text-wrap .h2-1:nth-of-type(1) {
		border-right: 4px solid #fff;
	}
	.technical__info .text-wrap .h2-1:nth-of-type(2) {
		border-left: 4px solid #fff;
	}
	.technical__info .text-wrap .h2-1 {
		color: #fff;
		font-size: 16px;
		line-height: 1.5;
		padding: 12px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}


/*.ru rect#Rectangle\ 162,*/
/*.lv rect#Rectangle\ 162 {*/
/*	width:600px;*/
/*}*/

.ru .coming-soon-group rect {
	width: 850px;
}
.lv .coming-soon-group rect {
	width: 750px;
}

.en .coming-ready rect {
	width: 850px;
}
.ru .coming-ready rect {
	width: 850px;
}
.lv .coming-ready rect {
	width: 750px;
}

.hero-media .bg-wrap .hero-image {
	display: block;
}
.hero-media .bg-wrap .hero-image.mobile {
	display: none;
}
@media screen and (max-width: 1024px) {
	.hero-media .bg-wrap .hero-image {
		display: none;
	}
	.hero-media .bg-wrap .hero-image.mobile {
		display: block;
	}
}

.navbar .wrapper .inside .main-navigation .nav-list {
	padding-left: 30px;
}
[lang="ru"] div.navbar div.wrapper div.inside .main-navigation .nav-list {
	gap: 20px;
	margin-left: 0!important;
	padding-left: 20px;
	padding-right: 20px;
}
@media (max-width: 1400px){
	div.navbar div.wrapper div.inside .main-navigation .nav-list {
		gap: 20px;
	}
}