@import url('https://fonts.googleapis.com/css?family=Exo+2:400,600&display=swap&subset=cyrillic,cyrillic-ext');

:root {
	--white: #ffffff;
	--red: #f64747;
	--lightred: #ffd4d4;
	--gray: #819394;
	--darkgray: #444;
	--lightgray: #ccc;
	--superlightgray: #f2f2f2;

	--blue: #2980b9;
	--superlightblue: #abdeff;
	--lightblue: #6fb1de;	
	--deepblue: #3498db;
	--darkblue: #143f5c;	
	
	--lightgreen: #d6ffea;
	--green: #3fc380;	
	--deepgreen: #03a678;
	--darkgreen: #103322;
}

html, body {
	padding: 0;
	margin: 0;
	font-size: 12pt;
	color: #444;
	height: 100%;
	width: 100%;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;	
}
html {
	background: var(--white);
}
body {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}
img {
	max-width: 100%;
	vertical-align: bottom;
	border: 0;
	filter: contrast(110%);	
}
* {
	box-sizing: border-box;
}
.wrapper {
	display: flex;
	flex-direction: column;
	align-content: stretch;
	height: 100%;
}
.wrap { 
	flex: 1 0 auto;
}
h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-family: 'Exo 2', sans-serif;
}
h1 {
	font-size: 2.2em;
	font-weight: 400;	
}
h2 {
	font-size: 1.6em;
	font-weight: 400;
}
h3 {
	font-size: 1.4em;
	font-weight: 400;
}
h4, a.h4 {
	font-size: 1.2em;
	font-weight: 400;
}
a {
	cursor: pointer;
	color: var(--deepblue);
	text-decoration: none;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;	
}
a:hover {
	color: var(--blue);
}
p {
	line-height: 140%;
}
.container {
	width: 100%;
	max-width: 1280px;
	min-width: 360px;
	padding: 0 40px;
	margin: 0 auto;
}
/*
.scr-ttl {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
*/
.scr-ttl h1 {
	max-width: 70%;	
}
.scr-ttl h1, .scr-ttl h2 {
	font-size: 2em;
}
.scr-ttl h1 img, .scr-ttl h2 img {
	margin-left: 15px;
}
.scr-ttl .dsc {
	margin-top: 20px;
	font-size: 1.2em;
	color: var(--gray);
	line-height: 140%;
}
.scr-ttl-green {
	color: var(--green);
	max-width: 60%;
	margin-bottom: 60px;
}
.scr-ttl-green h3 {
	margin-right: 15px;
	font-size: 1.2em;
	line-height: 140%;
}
.scr-dsc {
	margin-top: 20px;
	line-height: 160%;	
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.scr-dsc .data {
	max-width: 60%;
	color: var(--gray);
	font-size: 1.2em;	
}
.scr-dsc .action {
	max-width: 40%;	
}	

.scr-dsc .social {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;

	margin-top: 40px;
	width: 100%;
}
.scr-dsc .social a {
	margin-right: 7px;
	background: var(--superlightgray);
	padding: 20px;
	border-radius: 50%;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;	
}
.scr-dsc .social a:hover {
	background: var(--darkgray);	
}
.scr-dsc .social a img{
	height: 20px;
}

.w800 {
	width: 100%;
	max-width: 800px;
}
p, ul {
	line-height: 140%;
}
span.gray {
	color: var(--gray);
}
	
ul li {
	/*
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	*/
}	
ul li img {
	margin-right: 10px;
	vertical-align: middle;
}	
@media (max-width: 800px) {
	.scr-ttl h1 {
		width: 100%;
	}		
	.scr-ttl h1, .scr-ttl h2 {
		text-align: center;
		max-width: 90%;
		margin: 0 auto;
	}
	.scr-ttl .dsc {
		text-align: center;
	}	
	.scr-dsc .data {
		max-width: 100%;
		width: 100%;
		text-align: center;
	}
	.scr-dsc .action {
		max-width: 100%;
		width: 100%;
		margin-top: 30px;
	}
	.scr-dsc .action a {
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}
	.scr-ttl-green {
		max-width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}
	.scr-dsc .social {
		justify-content: center;
	}	
}	
@media (max-width: 600px) {
	.container {
		padding: 0 20px;
	}	
	.scr-ttl h1, .scr-ttl h2 {
		font-size: 1.6em;
	}
	.scr-ttl .dsc {
		font-size: 1em;
	}	
}
@media (max-width: 600px) {
	.scr-ttl h1, .scr-ttl h2 {
		font-size: 1.4em;
	}
}
	
	
#mainmenu {
	height: 35px;
	background: var(--superlightgray);
	z-index: 999;
	position: relative;	
	font-size: 0.8em;
	color: var(--gray);	
}
#mainmenu .container {
	height: 100%;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
#mainmenu .menu {
	height: 100%;	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;		
}
#mainmenu .menu img {
	height: 13px;
	margin-right: 7px;
}
#mainmenu .menu .social {
	margin: 0 0 0 60px;
}
#mainmenu .menu .address {
	margin-left: 60px;
}
#mainmenu .menu a {
	display: inline-block;
	margin-right: 20px;
	color: var(--gray);
}
#mainmenu .menu a:hover {
	color: var(--darkgray);
}
#mainmenu .menu a:nth-last-child(1) {
	margin-right: 0;	
}
#mainmenu .menu .links a:nth-last-child(1) {
	margin-right: 0;
}
#mainmenu .menu .social a {
	margin-right: 3px;
}
#mainmenu .menu .social a:nth-last-child(1) {
	margin-right: 0;	
}
#mainmenu a.choice {
	color: var(--blue);
}
@media (max-width: 1200px) {
	#mainmenu .menu {
		display: none;
	}
}





#navmenu {
	position: relative;
	height: 40px;
	background: var(--white);
	z-index: 97;
	position: relative;	
	font-size: 0.9em;
	
	-webkit-box-shadow: 0px 0px 7px -4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 7px -4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 7px -4px rgba(50, 50, 50, 0.75);	
}
#navmenu .container {
	height: 100%;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;		
}
#navmenu .menu a {
	color: var(--deepblue);
	color: var(--black);
	display: inline-block;
	position: relative;
	height: 42px;
	line-height: 40px;
	margin: 0 15px;
	font-weight: 600;
	font-size: 1em;
}
#navmenu .menu a:nth-child(1) {
	margin-left: 0;
}
#navmenu .menu a:nth-last-child(1) {
	margin-right: 0;
}
#navmenu .menu a:hover {
	color: var(--blue);
}
#navmenu .menu a.active {
	height: 42px;	
	border-bottom: 2px solid var(--deepblue);
	color: var(--blue);
}
#navmenu .menu a.refferal {
	color: var(--green);
}
#navmenu .menu a.refferal:hover {
	color: var(--deepgreen);	
}
@media (max-width: 1200px) {
	#navmenu {
		display: none;
	}
}




#header {
	height: 70px;
	background: var(--white);
	z-index: 998;
	position: relative;
	z-index: 98;	
	border-bottom: 1px solid var(--superlightgray);
}
#header .container {
	height: 100%;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
#header .refmenu {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;	
}
#header .refmenu a {
	margin-right: 20px;
}
#header .refmenu a:nth-last-child(1) {
	margin-right: 0;
}


#header .logo {
	width: 200px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;			
}
#header .logo a {
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--deepblue);
	line-height: 100%;
	
	width: auto;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;	
}
#header .logo a:hover {
	color: var(--blue);		
}
#header .logo a img {
	margin-right: 7px;
}
#header .logo .slogan {
	font-size: 0.9em;
	line-height: 100%;
	width: 85px;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid var(--lightgray);
}

#header .contacts {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;	
}
#header .contacts .dsc {
	width: 230px;
	font-weight: 400;
	font-size: 0.9em;
	text-align: right;	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;	
}
#header .contacts .dsc .row-1 {
	color: var(--darkgray);
	line-height: 100%;
}
#header .contacts .dsc .row-2 {
	color: var(--gray);
	line-height: 100%;	
}
#header .contacts .dsc img {
	height: 27px;
	margin-left: 7px;
}
#header .contacts .tel {
	margin-left: 25px;
}
#header .contacts .tel a {
	font-size: 1.4em;
	font-weight: 600;
	color: inherit;
}
#header .contacts .tel a span {
	color: var(--lightgray);
}
#header form {
	margin: 0 0 0 25px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;		
}
#header form input {
	height: 30px;
	border-right: 0;
	border-radius: 5px 0 0 5px;
	width: 170px;
	font-size: 0.9em;	
}
#header form button {
	height: 30px;
	border-radius: 0 5px 5px 0;
	width: 120px;
	font-size: 0.9em;
}
#header .hammenu {
	text-align: center; 
}

#header .hammenu .citychoice {
	margin-bottom: 20px;
	font-size: 0.8em;
}
#header .hammenu img {
	height: 22px;
}
#header .hammenu .citychoice img {
	height: 16px;
	margin-right: 7px;
}
#header .contacts a.hmnc {
	width: 30px;
}


@media (min-width: 1200px) {
	#header .hammenu, #header .contacts a.hmnc {
		display: none;
	}	
}
@media (min-width: 800px) {
	#header .hammenu a span {
		display: none;	
	}		
}
@media (max-width: 1200px) {
	#header .contacts .dsc, #header .contacts form {
		display: none;
	}
	#header .hammenu {
		margin-left: 15px;
		width: 250px;
		text-align: right;
		
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: flex-end;		
	
	}
	#header .hammenu .address {
		margin-right: 40px;		
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
	}
	#header .hammenu .citychoice {
		margin-bottom: 0;
	}	
	#header .contacts {
		width: calc(100% - 480px);
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: flex-end;	
	}		
	
}
@media (max-width: 800px) {
	#header {
		height: auto;
		padding-bottom: 0px;
	}		
	#header .logo {
		width: 50%;
		justify-content: flex-start;
		padding: 20px 0 15px 0;		
	}
	#header .contacts {
		justify-content: flex-end;
		padding: 20px 0 15px 0;
		width: 50%;		
	}	
	#header .contacts .tel {
		text-align: center;
	}
	#header .hammenu {
		margin-bottom: 20px;
		margin-left: 0;
		width: 100%;
		justify-content: space-between;
		font-size: 0.8em;
	}
	#header .hammenu a {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		font-weight: 600;
	}		
	#header .hammenu img {
		height: 18px;
		margin-right: 5px;
	}	
	#header .hammenu .citychoice {
		margin-left: 0px;
		font-size: 1.0em;
		font-weight: 400;
	}		
}
@media (max-width: 460px) {
	#header .logo a, #header .contacts .tel a {
		font-size: 1em;
	}
	#header .hammenu .address {
		justify-content: flex-start;
		margin-right: 0;
	}
	#header .hammenu .citychoice {
		margin-left: 0;
		width: 100%;
	}	
	#header .hammenu a.hm {
		width: 50%;
		justify-content: flex-end;
	}

}
@media (max-width: 350px) {
	#header .logo a, #header .contacts .tel a {
		font-size: 0.8em;
	}
	#header .hammenu {
		font-size: 0.6em;
	}
}




#enter {
	padding: 60px 0;
}
#enter.history {
	padding-top: 0;
}
#enter .area {
	margin-top: 40px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
#enter .area.refer {
	background: #b5e3fb url(../img/enter-refer.png) no-repeat left bottom;
	padding: 40px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#enter .area.prodat {
	background: #b5e3fb url(../img/enter-prodat.png) no-repeat left bottom;
	padding: 40px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#enter .area.kupit {
	background: #d2e4f0 url(../img/enter-kupit.png) no-repeat left bottom;
	padding: 40px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#enter .area.novostroyki {
	background: #afe7f0 url(../img/enter-novostroyki.png) no-repeat left bottom;
	padding: 40px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#enter .area.anapa {
	background: #b4e2fa url(../img/enter-anapa.png) no-repeat left bottom;
	padding: 40px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#enter .area.ipoteka {
	background: #b4e2fa url(../img/enter-ipoteka.png) no-repeat left bottom;
	padding: 40px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#enter .area.invest-raschet {
	background: #b4e2fa url(../img/invest-raschet.png) no-repeat left bottom;
	padding: 40px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#enter .area .box {
	width: 380px;
	padding: 40px;
	background: rgba(255,255,255,0.3);
}
#enter .area .box .ttl {
	font-size: 1.2em;
	margin-bottom: 20px;
}
#enter .area a.box {
	display: inline-block;
	height: 100%;
	width: calc(100% / 4 - 15px);
	background: #eee;
	height: 27vw;
	padding: 30px;
	color: var(--blue);
	color: inherit;
	font-size: 1.4em;
	font-weight: 400;
}
#enter .area a.box.box1 {
	background: #b5e3fb url(../img/prodat.png) bottom center;
	background-size: cover;
}
#enter .area a.box.box1:hover {
	background: #87d6ff url(../img/prodat.png) bottom center;
	background-size: cover;	
}
#enter .area a.box.box2 {
	background: #d2e4f0 url(../img/kupit.png) bottom center;
	background-size: cover;
}
#enter .area a.box.box2:hover {
	background: #b8ccd9 url(../img/kupit.png) bottom center;
	background-size: cover;
}
#enter .area a.box.box3 {
	background: #afe7f0 url(../img/novostroyki.png) bottom center;
	background-size: cover;
}
#enter .area a.box.box3:hover {
	background: #8ccbd4 url(../img/novostroyki.png) bottom center;
	background-size: cover;
}
#enter .area a.box.box4 {
	background: #b4e2fa url(../img/v-anape.png) bottom center;
	background-size: cover;
}
#enter .area a.box.box4:hover {
	background: #90bed6 url(../img/v-anape.png) bottom center;
	background-size: cover;
}
@media (max-width: 1200px) {
	#enter .area.prodat {
		background-size: 60vw;
	}		
}
@media (max-width: 1000px) {
		
	#enter .area.prodat,
	#enter .area.kupit,
	#enter .area.novostroyki,
	#enter .area.anapa,
	#enter .area.ipoteka {
		justify-content: center;
		background-size: 50vw;
		background-position: center bottom;	
		padding-bottom: 35vw;	
	}		

	#enter .area.refer {
		justify-content: center;
		background-size: 100vw;
		background-position: center bottom;	
		padding-bottom: 60vw;	
	}
	
	#enter .area.invest-raschet {
		background: #b4e2fa no-repeat left bottom;		
	}
	
	#enter .area a.box {
		height: 100%;
		width: calc(100% / 2 - 15px);
		height: 27vw;
		padding: 20px;
		font-size: 1.2em;
		margin-bottom: 30px;
	}
	#enter .area a.box:nth-last-child(3,4) {
		margin-bottom: 0;
	}
	#enter .area a.box span {
		background: rgba(52,152,219,0.85);
		color: var(--white);
		padding: 5px 15px;
		border-radius: 5px;
	}		
}
@media (max-width: 800px) {
	
	#enter .area.prodat,
	#enter .area.kupit,
	#enter .area.novostroyki,
	#enter .area.anapa,
	#enter .area.ipoteka {
		background-size: 500px;
		padding: 40px 20px 350px 20px;
	}		
	#enter .area .box .ttl {
		text-align: center;
	}
	
	
	#enter {
		padding: 40px 0;
	}	
	#enter .area a.box {
		height: 100%;
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
		height: 50vw;
		font-size: 1em;
		margin-bottom: 30px;
		padding: 20px 10px;		
	}
	#enter .area a.box:nth-last-child(1) {
		margin-bottom: 0;
	}	
	#enter .area a.box span {
		padding: 5px 10px;
	}		
}

@media (max-width: 400px) {
	
	#enter .area .box {
		width: 100%;
		padding: 30px;
	}	
	
}






#an {
	padding: 0 0 60px 0;
}
#an .area {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;	
	margin-top: 40px;
}
#an .area ul {
	list-style-type: none;
	width: 400px;
}
#an .area ul li {
	font-size: 1.2em;
	line-height: 160%;
}
#an .area ul li span {
	color: #ffc632;
	margin-right: 15px;
}
#an .area .box {
	text-align: center;
	width: calc(100% - 800px);
}
#an .area .box .icon img{
	height: 80px;
}
#an .area .box .dsc {
	margin-top: 20px;
}
#an .area .box .dsc span {
	font-size: 1.3em;
}
@media (max-width: 1000px) {
	#an .area ul {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#an .area ul:nth-child(1) {
		margin-top: 20px;
	}	
	#an .area ul:nth-child(2) {
		margin-bottom: 20px;
	}
	#an .area ul li {
		line-height: 180%;
	}	
	#an .area .box {
		text-align: center;
		width: 100%;
		margin-top: 30px;
	}	
}
@media (max-width: 800px) {
	#an {
		padding: 0 0 40px 0;
	}
	
}
@media (max-width: 600px) {
	#an .area {	
		margin-top: 20px;
	}	
	#an .area ul li {
		font-size: 1em;
	}	
	#an .area ul {
		padding-left: 0;
	}
}



#whoarewe {
	padding: 60px 0;
	background: var(--superlightgray) url(../img/plan-top.png) no-repeat bottom right;	
}
#whoarewe .area {
	margin-top: 60px;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;	
}
#whoarewe .area .box {
	width: 32%;
	margin-right: 60px;
}
#whoarewe .area .box:nth-last-child(1) {
	margin-right: 0;	
}
#whoarewe .area .box:nth-last-child(-n+2) {
	margin-top: 60px;
}
#whoarewe .area .box .num {
	font-size: 2em;
	font-weight: 400;
	color: var(--green); 
}
#whoarewe .area .box .dsc {
	font-size: 1.2em;
	max-width: 400px;	
	margin-top: 10px;
}
@media (max-width: 1000px) {	
	#whoarewe .area .box {
		width: 45%;
		margin-right: 5%;
	}		
}
@media (max-width: 800px) {
	#whoarewe {
		padding: 40px 0 30vw 0;
	}
	#whoarewe .area {
		margin-top: 0px;
	}
	#whoarewe .area .box {
		width: 100%;
		max-width: 400px;
		margin-right: 0;
		margin: 0 auto;
		margin-top: 30px;
		text-align: center;
	}
	#whoarewe .area .box:nth-last-child(-n+2) {
		margin: 0 auto;
		margin-top: 30px;
	}
	#whoarewe .area .box:nth-child(-n+1) {
		margin-top: 0;
	}
	#whoarewe .area .box .dsc {
		font-size: 1.2em;
		max-width: 200px;
		margin: 0 auto;
	}		
}
@media (max-width: 600px) {
	#whoarewe {
		background-size: 50%;
	}		
}




#pluses {
	padding: 60px 0;
	background:  url(../img/plan-bottom.png) no-repeat top right;		
}
#pluses .area {
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	
	margin-top: 60px;
}
#pluses .area .box {
	width: 32%;
	margin-top: 40px;
	margin-right: 40px;
	padding: 40px;
	background: var(--white);
}
#pluses .area .box:nth-child(-n+2) {
	margin-top: 0;	
}
#pluses .area .box .ttl {
	font-size: 2em;
	margin-bottom: 20px;
	color: var(--green); 	
}
#pluses .area .box .ttl span {
	color: #ffc632;
}
#pluses .area .box .dsc {
	color: var(--gray);
	line-height: 140%;
}
#pluses .row-replica {
	margin-left: 180px;
}
@media (max-width: 1000px) {
	#pluses .area .box {
		width: 45%;
		margin-right: 5%;
	}	
}
@media (max-width: 800px) {
	#pluses {
		padding: 40px 0;		
		padding-top: 55vw;
	}
	#pluses .row-replica {
		margin-left: 0;
	}
	#pluses .area .box {
		width: calc(50% - 20px);
		margin-right: 0;
	}
	#pluses .area {
		justify-content: space-between;
	}	
}
@media (max-width: 600px) {
	#pluses {
		background-size: 50%;
	}
	#pluses .area {
		margin-top: 40px;
	}
	#pluses .area:nth-last-child(1) {
		margin-top: 0;
	}	
	#pluses .area .box {
		width: 100%;
		margin: 0 0 30px 0;
		text-align: center;
		padding: 20px;		
	}
	#pluses .area .box:nth-last-child(1) {
		margin: 0;
	}		
	#pluses .area .box .ttl {
		font-size: 1.6em;
		margin-bottom: 10px;
	}
}





#reviews {
	padding: 60px 0 80px 0;
	background: var(--superlightgray);
}
#reviews.otzyvy {
	padding: 60px 0;
	background: var(--white);
}
#reviews .area {
	margin-top: 60px;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#reviews .area .box {
	width: 30%;
	margin-top: 60px;
	margin-right: calc(10% / 2);
}
#reviews .area .box:nth-child(3n) {
	margin-right: 0;	
}
#reviews .area .box:nth-child(-n+3) {
	margin-top: 0;	
}
#reviews .area .box .review {
	padding: 30px;
	background: var(--white);
	position: relative;
	border-radius: 5px;
	height: 300px;
	overflow-y: auto;
	
	-webkit-box-shadow: 0px 10px 30px -7px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 10px 30px -7px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 10px 30px -7px rgba(50, 50, 50, 0.15);	
}
#reviews .area .box .review::-webkit-scrollbar {
    width: 3px;
}
#reviews .area .box .review::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}
#reviews .area .box .review::-webkit-scrollbar-thumb {
  background-color: #aaa;
  outline: 1px solid slategrey;
}
#reviews .area .box .review .date {
	font-size: 0.8em;
	color: var(--gray);
}
#reviews .area .box .review .ttl {
	color: var(--darkgray);
	font-size: 1.2em;
	padding-top: 8px;
	margin: 10px 0 5px 0;	
	border-top: 1px solid var(--superlightgray);
}
#reviews .area .box .dsc {
	color: var(--gray);	
	line-height: 140%;
}
#reviews .area .box .review .triangle-bottom {
	position: absolute;
	left: 0;
	bottom: -20px;

	border: 10px solid transparent;
	border-top: 10px solid var(--white);
	border-left: 10px solid var(--white);
}
#reviews .area .box .author {
	margin-top: 15px;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;	
}
#reviews .area .box .author img {
	border-radius: 50%;
}
#reviews .area .box .author .data {
	margin-top: 10px;	
	width: 100%;
	text-align: center;
}
#reviews .area .box .author .ttl {
	margin: 0 0 10px 0;	
}
#reviews .area .box .author .dsc {
	color: var(--gray);
	font-size: 0.8em;
	line-height: 100%;
}
#reviews .date {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;	
}
#reviews .rating img {
	width: 15px;
}
#reviews .more {
	margin-top: 60px;
}
#reviews .more .button {
	width: 180px;
}

@media (max-width: 800px) {
	#reviews {
		padding: 40px 0;
	}
	#reviews .area {
		margin-top: 40px;
	}	
	#reviews .area .box {
		width: 100%;
		margin-top: 0;
		margin-bottom: 40px;
		margin-right: 0;
	}
	#reviews .area .box:nth-last-child(1) {
		margin-bottom: 0;
	}		
	#reviews .area .box .review {
		padding: 30px;
		height: auto;
		overflow-y: auto;
	}
	#reviews .area .box .author {
		margin-top: 10px;
	}
	#reviews .area .box .author .data {
		margin-left: 0;	
		width: 100%;
		text-align: center;
	}
	#reviews .area .box .author img {
		border-radius: 50%;
		margin: 20px auto 10px auto;
	}		
}
@media (max-width: 600px) {
	#reviews .area .box .author {
		margin: 0 auto;
	}		
}
@media (max-width: 350px) {
	#reviews .area .box .author {
		margin: 0 auto;
	}
	#reviews .area .box .review .rating {
		margin-top: 5px;
	}	
}




#partners {
	padding: 60px 0;
	background:  var(--white) url(../img/plan2-top.png) no-repeat bottom right;	
}
#partners .area {
	width: 100%;
	max-width: 800px;
	margin-top: 60px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;	
	flex-wrap: wrap;	
}
#partners .area .box {
	width: 33%; 
}
#partners .area .box img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;	
}
#partners .area .box img:hover {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);	
}
@media (max-width: 1000px) {
	#partners {
		padding: 40px 0;
	}	
}
@media (max-width: 800px) {
	#partners {
		padding-bottom: 50vw;
	}		
	#partners .area {
		width: 100%;
		max-width: 100%;
		margin-top: 40px;		
	}	
	#partners .area .box {
		text-align: center;
	}	
}
@media (max-width: 600px) {
	#partners {
		background-size: 50%;
	}
	#partners .area:nth-last-child(1) {
		margin-top: 0;
	}	
}	
@media (max-width: 400px) {
	#partners .area {	
		justify-content: center;	
	}	
	#partners .area .box {
		width: 50%;
	}		
}




#take {
	padding: 60px 0;
	background:  var(--superlightgray) url(../img/plan2-bottom.png) no-repeat top right;	
}
#take .area {
	margin-top: 60px;
}
#take .area ul {
	list-style-type: none;
}
#take .area ul li {
	font-size: 1.2em;
	line-height: 160%;
}
#take .area ul li span {
	color: #ffc632;
	margin-right: 15px;
}
#take .epilog {
	margin-top: 60px;
	max-width: 500px;
	font-size: 2em;
	color: var(--green);
}
@media (max-width: 1000px) {
	#take {
		padding: 40px 0;
	}
}
@media (max-width: 800px) {
	#take {		
		padding-top: 55vw;
	}	
	#take .epilog {
		margin-top: 40px;
		max-width: 100%;
		font-size: 1.4em;
		text-align: center;
	}		
}
@media (max-width: 600px) {
	#take {
		background-size: 50%;
	}
	#take .area:nth-last-child(1) {
		margin-top: 40px;
	}
	#take .area ul {
		padding-left: 0px;
	}
	#take .area ul li {
		font-size: 1em;
		line-height: 160%;
	}
}


#form {
	padding: 60px 0;
	background: #fff;
}
#form .area {
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0px;	
}
#form .area .box {
	max-width: 700px;
	margin-right: 100px;
}
form {
	background: var(--white);	
}
#form form {
	padding: 40px;
	width: 100%;
	max-width: 400px;
}
#form .scr-dsc .data {
	max-width: 100%;
}
#form .row-replica {
	margin-top: 60px;
}
@media (max-width: 1000px) {
	#form {
		padding: 40px 0;		
	}	
}
@media (max-width: 800px) {
	#form .area .box {
		margin-right: 0;
	}
	#form .row-replica {
		margin-top: 0px;
	}
	#form form {
		margin: 40px auto 0 auto;
		padding: 30px;
	}	
}



#usluga-dsc {
	padding: 0 0 60px 0;
}
#usluga-dsc.prodat .map, #calc.prodat .map  {
	margin: 40px 0;
	padding: 40px;
	background: url(../img/ipoteka.jpg) no-repeat center;
	background-size: cover;	
}
#usluga-dsc.prodat .map form, #calc.prodat .map form {
	margin: 0;
}
#usluga-dsc.kupit .map, #calc.kupit .map  {
	margin: 40px 0;
	padding: 40px;
	background: url(../img/ipoteka.jpg) no-repeat center;
	background-size: cover;	
}
#usluga-dsc.kupit .map form, #calc.kupit .map form {
	margin: 0;
}
#usluga-dsc.kvartiry-v-anape .map, #calc.kvartiry-v-anape .map  {
	margin: 40px 0;
	padding: 40px;
	background: url(../img/map-anapa.png) no-repeat center;
	background-size: cover;	
}
#usluga-dsc.kvartiry-v-anape .map form, #calc.kvartiry-v-anape .map form {
	margin: 0;
}

#usluga-dsc.novostroyki .map, #calc.novostroyki .map {
	margin: 40px 0;
	padding: 40px;
	background: url(../img/map-perm.png) no-repeat center;
	background-size: cover;	
}
#usluga-dsc.novostroyki .map form, #calc.novostroyki .map form {
	margin: 0;
}
#usluga-dsc.ipoteka .map, #calc.ipoteka .map  {
	margin: 40px 0;
	padding: 40px;
	background: url(../img/ipoteka.jpg) no-repeat center;
	background-size: cover;	
}
#usluga-dsc.ipoteka .map form, #calc.ipoteka .map form {
	margin: 0;
}


#usluga-dsc .area {
	margin: 60px 0;
}
#usluga-dsc .area .row {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;

	margin-bottom: 40px;
	max-width: 700px;
}
#usluga-dsc .area .row:nth-last-child(1) {
	margin-bottom: 0;	
}
#usluga-dsc .area .row .icon {
	margin-right: 40px;
}
#usluga-dsc .area .row .icon img {
	width: 70px;
	color: #999;
}
#usluga-dsc .area .row .data {
	width: calc(100% - 110px);
	line-height: 140%;
}
#usluga-dsc .area .row .data .ttl {
	margin-bottom: 10px;
	font-size: 1.4em;
}
#usluga-dsc .area .row .data .dsc {
	color: var(--gray);
}
#usluga-dsc form {
	margin: 60px 0;
	max-width: 400px;
	padding: 40px;
	background: var(--white);
}

@media (max-width: 1000px) {
	#usluga-dsc.prodat, #calc.prodat {
		background: none;	
	}
}	
@media (max-width: 800px) {
	#usluga-dsc.prodat .map form, #calc.prodat .map form,
	#usluga-dsc.kupit .map form, #calc.kupit .map form,
	#usluga-dsc.novostroyki .map form, #calc.novostroyki .map form,
	#usluga-dsc.kvartiry-v-anape .map form, #calc.kvartiry-v-anape .map form,
	#usluga-dsc.ipoteka .map form, #calc.ipoteka .map form {
		margin: 0px auto;
		padding: 30px;
	}
	#usluga-dsc.prodat .map form button, #calc.prodat .map form button,
	#usluga-dsc.kupit .map form button, #calc.kupit .map form button,
	#usluga-dsc.novostroyki .map form button, #calc.novostroyki .map form button,
	#usluga-dsc.kvartiry-v-anape .map form button, #calc.kvartiry-v-anape .map form button,
	#usluga-dsc.ipoteka .map form button, #calc.ipoteka .map form button {
		/* width: 100%; */
	}	
}
@media (max-width: 600px) {
	#usluga-dsc .area .row {
		justify-content: center;
		text-align: center;		
	}	
	#usluga-dsc .area .row .icon {
		margin: 0 0 20px 0;
		width: 100%;
	}	
	
	#usluga-dsc.kvartiry-v-anape .map, #calc.kvartiry-v-anape .map  {
		background: url(../img/map-anapa.png) no-repeat center right;
		background-size: cover;
	}
	
	#usluga-dsc.prodat .map, #calc.prodat .map,
	#usluga-dsc.kupit .map, #calc.kupit .map,
	#usluga-dsc.novostroyki .map, #calc.novostroyki .map,
	#usluga-dsc.kvartiry-v-anape .map, #calc.kvartiry-v-anape .map,
	#usluga-dsc.ipoteka .map, #calc.ipoteka .map {
		padding: 60px 20px;
	}	
}
@media (max-width: 360px) {
	
	#usluga-dsc.prodat .map, #calc.prodat .map,
	#usluga-dsc.kupit .map, #calc.kupit .map,
	#usluga-dsc.novostroyki .map, #calc.novostroyki .map,
	#usluga-dsc.kvartiry-v-anape .map, #calc.kvartiry-v-anape .map,
	#usluga-dsc.ipoteka .map, #calc.ipoteka .map  {
		padding: 0;
		background: none;
	}
	
}




#kontakty {
	padding: 60px 0;	
}
#kontakty .area {
	margin-top: 60px;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;		
}
#kontakty .area .data, #kontakty .area .map {
	width: calc(50% - 30px);
}
#kontakty .area .data .str {
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;

	border-bottom: 2px solid var(--superlightgray);
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#kontakty .area .data .str:nth-last-child(1) {
	border-bottom: 0px solid var(--superlightgray);
	margin-bottom: 0;
	padding-bottom: 0;	
}
#kontakty .area .data .str .ttl {
	color: var(--gray);
}
@media (max-width: 1000px) {
	#kontakty {
		padding: 40px 0;	
	}	
	#kontakty .area {
		margin-top: 40px;
	}	
}
@media (max-width: 800px) {
	#kontakty .area .data, #kontakty .area .map {
		width: 100%;
	}
	#kontakty .area .data {
		margin-bottom: 40px;
	}
}
@media (max-width: 400px) {
	#kontakty .area .data .str {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}		
	#kontakty .area .data .str .val {
		width: 100%;
	}
}



#vacancy {
	padding: 60px 0;
}
#vacancy .area {
	margin-top: 60px;
}
#vacancy .area .box {
	margin-bottom: 20px;
	padding: 40px;
	background: var(--white);
	position: relative;
	border-radius: 5px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;	
}
#vacancy .area .box .lcol {
	width: 70%;
}
#vacancy .area .box .lcol .ttl {
	font-size: 1.4em;
	margin-bottom: 20px;
}
#vacancy .area .box .lcol .dsc {
	line-height: 140%;
	color: var(--gray);
}
#vacancy .area .box .rcol {
	width: 25%;
	text-align: right;
}
#vacancy .area .box .rcol {
	display: block;
	font-size: 1.4em;
}
#vacancy .area .box .rcol span {
	color: var(--gray);	
}
#vacancy .zp {
	font-size: 1.4em;
	margin-top: 20px;
}
#vacancy .border {
	padding: 30px;
	margin-bottom: 60px;
}
#vacancy .btn {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;	
}
#vacancy .btn button {
	margin-right: 40px;
}
#vacancy h3 {
	margin-bottom: 10px;
}
#vacancy .row {
	margin-bottom: 20px;
	line-height: 150%;
}
#vacancy .row:nth-last-child(1) {
	margin-bottom: 0;	
}


@media (max-width: 1000px) {
	#vacancy {
		padding: 40px 0;
	}
	#vacancy .area {
		margin-top: 40px;
	}
	#vacancy .zp {	
		text-align: center;
	}	
}
@media (max-width: 600px) {
	#vacancy .area .box {
		padding: 20px;
		text-align: center;
	}	
	#vacancy .area .box .lcol {
		width: 100%;
	}
	#vacancy .area .box .rcol {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	#vacancy .area .box .rcol {
		font-size: 1.2em;
	}
	#vacancy .zp {
		font-size: 1em;	
	}	
	#vacancy .area .box .rcol .zp-row {
		display: inline-block;
	}
	#vacancy .area .box .rcol .zp-row:nth-child(1) {
		margin-right: 10px;
	}

	#vacancy .border {
		padding: 20px;
		margin-bottom: 40px;
	}
	#vacancy .btn button {
		margin: 0 0 20px 0;
		
	}	
}



#lenta {
	padding: 60px 0;
}
#lenta .area {
	margin-top: 60px;
}
#lenta .area .box {
	margin-bottom: 20px;
	padding: 40px;
	background: var(--white);
	position: relative;
	border-radius: 5px;
	
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;	
}
#lenta .area .box .content {
	width: calc(100% - 500px);
}
#lenta .area .box .content .data {
	border-bottom: 1px solid var(--superlightgray);
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 0.9em;
	color: var(--gray);
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;	
}
#lenta .area .box .content .data img {
	margin-right: 7px;
	height: 15px;
}
#lenta .area .box .content .data .views, #lenta .area .box .content .data .date {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;	
}

#lenta .area .box .content .ttl {
	font-size: 1.4em;
	margin-bottom: 10px;
}
#lenta .area .box .content .dsc {
	margin-bottom: 20px;
	line-height: 140%;
}
#lenta .area .box .content .more a {
	width: 180px;
}
#lenta .area .box .img {
	width: 460px;
	margin-left: 40px;
	text-align: right;
}
#lenta .area .box .img img {
	border-radius: 5px;
}
#lenta .area .box .img a {
	margin-right: 20px;
}
#lenta .area .box .img a:nth-last-child(1) {
	margin-right: 0;
}



#lenta .area-nws {
	margin-top: 60px;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;		
}
#lenta .area-nws a.box-vd {
	background: var(--white);
	width: auto;
	width: 895px;
	margin-right: 40px;
	position: relative;
}
#lenta .area-nws a.box-vd img {
	border-radius: 5px;
	position: relative;	
}
#lenta .area-nws a.box-vd .cover {
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	z-index: 1;
	width: 80px;
}
#lenta .area-nws .box-nws {
	background: var(--white);
	width: auto;
	width: 895px;
	margin-right: 40px;
}
#lenta .area-nws .box-nws .txt {
	padding: 40px;
}
#lenta .area-nws .box-nws .img-nws {

}

#lenta .sidebar {
	width: calc(100% - 935px);
}
#lenta .area-nws .sidebar .data {
	margin: 40px 0;
	font-size: 0.9em;
	color: var(--gray);	
}
#lenta .area-nws .sidebar .data .row {
	margin-bottom: 5px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;	
}
#lenta .area-nws .sidebar .data img {
	margin-right: 7px;
	height: 15px;
}
#lenta .area-nws .sidebar .author {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	text-align: center;
	padding: 20px;
}
#lenta .area-nws .sidebar .author img {
	border-radius: 50%;
	margin: 0 auto 10px auto;
}
#lenta .area-nws .sidebar .author .ttl {
	width: 100%;
}
#lenta .area-nws .sidebar .author .ttl span {
	color: var(--gray);	
	font-size: 0.9em;
}
#lenta .box-nws .txt {
	line-height: 140%;
	margin-bottom: 40px;
}
#lenta .box-nws .txt p:nth-child(1) {
	margin-top: 0;
}
#lenta .box-nws .img-nws {
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;	
}
#lenta .box-nws .img-nws a {
	margin-bottom: 20px;
	margin-right: 20px;
	
	width: calc((100% - 40px) / 3);
}
#lenta .box-nws .img-nws a:nth-child(3n) {
	margin-right: 0;
}
#lenta .box-nws .img-nws a:nth-last-child(-n+3) {
	margin-bottom: 0;	
}
#lenta .box-nws .img-nws a img {
	border-radius: 5px;
}
@media (max-width: 1200px) {
	#lenta .sidebar {
		width: 100%;
		max-width: 400px;
		margin-top: 40px;
	}
	#lenta .area-nws .box-nws {
		margin-right: 0;
	}
	#lenta .area-nws a.box-vd {
		width: 100%;
		margin-right: 0;
	}	
}
@media (max-width: 1000px) {
	#lenta {
		padding: 40px 0;
	}
	#lenta .area, #lenta .area-nws {
		margin-top: 40px;
	}
	#lenta .area .box .content {
		width: 50%;
	}
	#lenta .area .box .img {
		margin-left: 20px;
		width: calc(50% - 20px);
	}	
	#lenta .area .box .img img {
		width: calc(50% - 10px);
	}	
}
@media (max-width: 800px) {
	#lenta .area-nws a.box-vd .cover {
		position: absolute;
		top: calc(50% - 25px);
		left: calc(50% - 25px);
		z-index: 1;
		width: 50px;
	}	
	#lenta .area .box {
		padding: 20px;
	}
	#lenta .area .box .content {
		width: 100%;
	}
	#lenta .area .box .content .ttl, #lenta .area .box .content .dsc {
		text-align: center;
	}
	#lenta .area .box .content .more {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
	}	
	#lenta .area .box .img {
		margin: 20px 0 0 0;
		width: 100%;
		text-align: left;
	}
	#lenta .area .box .img a {
		width: auto;

	}	
}
@media (max-width: 600px) {
	.area-vdl-ttl {
		text-align: center;
	}
	#lenta .area-vdl-ttl.second {
		margin-top: 40px;	
	}	
	.area-vdl-ttl h2 {
		font-size: 1.2em;
	}
	#lenta .area-vdl {
		justify-content: center;
		margin-top: 20px;	
	}	
}
@media (max-width: 540px) {
	#lenta .box-vd {
		margin-bottom: 40px;
	}		
	#lenta .box-nws .img-nws a {	
		width: calc((100% - 20px) / 2);
	}
	#lenta .box-nws .img-nws a:nth-child(3n) {
		margin-right: 20px;
	}
	#lenta .box-nws .img-nws a:nth-last-child(-n+3) {
		margin-bottom: 20px;	
	}
	#lenta .box-nws .img-nws a:nth-child(2n) {
		margin-right: 0;
	}	
	#lenta .sidebar {
		width: 100%;
		max-width: 100%;		
	}
	#lenta .sidebar {
		margin-top: 0;
	}	
	#lenta .area-nws .box-nws .txt {
		padding: 20px;
	}	
}
@media (max-width: 400px) {
	#lenta .area .box .content .more a {
		width: 100%;
	}	
}




.pstrnav {
	width: 100%;
	margin-top: 60px;
	font-size: 1.4em;
}
.pstrnav.top {
	margin-top: 0;
	margin-bottom: 30px;
}
.pstrnav a {
	display: inline-block;
	border: 1.5px solid var(--deepblue);
	padding: 3px 7px 5px 7px;
	min-width: 35px;
	text-align: center;
	border-radius: 5px;
	margin-right: 7px;
}
.pstrnav .active {
	min-width: 35px;	
	display: inline-block;
	border: 1.5px solid var(--deepblue);
	padding: 3px 7px 5px 7px;	
	border-radius: 5px;
	margin-right: 7px;
	text-align: center;
	
	background: var(--deepblue);
	color: var(--white);
}

@media (max-width: 1000px) {
	.pstrnav {
		margin-top: 40px;
	}
	.pstrnav.top {
		margin-top: 30px;
		margin-bottom: 30px;
	}	
}
@media (max-width: 800px) {
	.pstrnav {
		text-align: center;
	}	
}
@media (max-width: 600px) {
	.pstrnav {
		font-size: 1em;
	}
	.pstrnav a, .pstrnav .active {
		padding: 5px;
	}	
}


#calc {
	padding: 60px 0;
}
#calc .area {
	min-height: auto;
	margin-bottom: 40px;
}
#calc .area form {
	margin: 60px 0;
	padding: 40px;
	max-width: 400px;
}

.area .download-prodat {
	margin-top: 60px;
	font-size: 1.2em;
	max-width: 700px;
	line-height: 140%;
}
.area .download-prodat .download-link {
	margin-top: 40px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;	
}
.area .download-prodat .download-link img {
	height: 30px;
	margin-right: 10px;
}
@media (max-width: 1000px) {
	#calc {
		padding: 40px 0;
	}
	#calc .area form {
		margin: 60px auto;
		padding: 30px;
		max-width: 400px;
	}	
}
@media (max-width: 800px) {
	.area .download-prodat {
		margin: 40px auto 0 auto;
		text-align: center;
		line-height: 140%;
	}
	.area .download-prodat .download-link {
		justify-content: center;	
	}	
}
@media (max-width: 400px) {
	#calc .row.btn a.button, #calc .row.btn div a.button {	
		margin-bottom: 10px;
		border: 0;
		padding-left: 0;
		width: auto;
	}
}



#auth {
	height: 100%;		
}
#auth .container {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;	
}
#auth .area {
	padding: 50px;
	width: 350px;	
}





#zhk {
	padding: 60px 0;
}
#zhk .area-start {
	font-size: 2em;
	color: #999;
	max-width: 550px;
	width: 100%;
	padding-bottom: 120px;
}
#zhk .area-ttl {
	margin-bottom: 60px;
	position: relative;	
}
#zhk .area-ttl .row-1 {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
#zhk .area-ttl .menu {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 20px;
}
#zhk .area-ttl .menu div {
	margin-right: 7px;
	background: rgba(0,0,0,0.20);
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;	
}
#zhk .area-ttl .menu div:nth-last-child(1) {
	margin-right: 0;	
}
#zhk .area-ttl .menu div:hover {
	background: rgba(0,0,0,0.30);	
}
#zhk .area-ttl .menu img {
	height: 15px;
}
#zhk .area-ttl .menu .img  img{
	border-radius: 5px 5px 0 0;
}

#zhk .area-ttl .row-2 {
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
}
#zhk .area-ttl .row-2 .box span {
	color: var(--gray);		
}
#zhk .area-ttl .row-2 .data {
	max-width: calc(100% - 575px);
}
#zhk .area-ttl .row-2 .data .box img {
	height: 15px;
}
#zhk .area-ttl .row-2 .data .box {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: flex-start;
	flex-wrap: wrap;
	
	margin-bottom: 7px;
}
#zhk .area-ttl .row-2 .data .box:nth-last-child(1) {
	margin-bottom: 0;	
}

#zhk .area-ttl .row-2 .data .box .bimg {
	width: 25px;
}
#zhk .area-ttl .row-2 .data .box .bcontent {
	width: calc(100% - 25px);
}


#zhk .area-ttl .row-2 a {
	color: inherit;
	margin: 0 3px;
}
#zhk .area-ttl .row-2 .data .box:nth-child(-n+2) a:nth-child(-n+2) {
	margin-left: 0;
}
#zhk .area-ttl .row-2 a:hover {
	color: var(--blue);
}	
@media (max-width: 1000px) {
	#zhk {
		padding: 40px 0;
	}
	#zhk .area-ttl {
		margin-bottom: 40px;
	}	
	#zhk .area-ttl .row-2 .data {
		max-width: 100%;
		margin-bottom: 40px;
	}
	#zhk .area-ttl .data-replica {
		width: 100%;
	}	
}
@media (max-width: 800px) {
	#zhk .area-ttl .row-2 .data {
		margin-bottom: 0;
		width: 100%;
		max-width: 100%;		
	}
	#zhk h1 {
		margin: 0 auto;
	}
	#zhk .area-start {
		font-size: 1.6em;
		color: #999;
		max-width: 550px;
		margin: 0 auto;
		width: 100%;
		text-align: center;
		padding-bottom: 120px;
	}	
}	
@media (max-width: 600px) {
	#zhk h1 {
		font-size: 1.6em;
	}
	#zhk .area-start {
		font-size: 1.4em;
	}		
}
	
	
	
.gal-area {
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}	
.gal-vid {
	width: calc(25% - 10px);
	max-width: 285px;
	min-width: 285px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.gal-vid:hover img.blur {
	filter: blur(7px);
	-webkit-filter: blur(5px);	
}
.gal-vid .cover {
	z-index: 99;
	position: absolute;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;	
}
.gal-vid .cover img {
	height: 70px;
}
.gal-vid img.blur {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;	
	filter: blur(3px);
	-webkit-filter: blur(3px);
}
.gal.short {
	width: calc(100% - 305px);
}
.gal {
	position: relative;	
}
.gal .prev, .gal .next {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;

	position: absolute;
	top: 0;
	bottom: 0;
	width: 40px;
	background: rgba(0,0,0,0.35);
	z-index: 99;
	cursor: pointer;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;		
}
.gal .prev:hover, .gal .next:hover {
	background: rgba(0,0,0,0.55);
	width: 50px;	
}
.gal .prev img, .gal .next img {
	height: 30px;
}
.gal .prev {
	left: 0;
	border-radius: 5px 0 0 5px;
}
.gal .next {
	right: 0;
	border-radius: 0 5px 5px 0;	
}
.gal .area {
	white-space: nowrap;
	overflow: hidden;	
	height: 285px; 
	position: relative;
}
.gal .box {
	display: inline-block;
	width: auto;
	margin-right: 20px;			
}
.gal img {
	border-radius: 5px;
}


.block {
	margin-top: 60px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
}
.block.space-between {
	justify-content: space-between;	
}
.block.stretch {
	align-items: stretch;
}
.block .area-fullwidth {
	width: 100%;
}
.block .area-scale {
	width: 100%;
	margin-bottom: 30px;
}
.block .area-scale .scale {
	display: -webkit-flex;
	display: flex;
	align-items: stretch;	
	justify-content: flex-start;
	height: 40px;
	
	overflow: hidden;
	border-radius: 5px;
}
.block .area-scale .scale div {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: center;
	font-size: 0.7em;
}
.block .area-half {
	width: calc(50% - 10px);
}
.block .area-half .tgc {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: flex-start;	
}
.block .area-half .tgc img {
	width: 30px;
	margin-right: 10px;
}
.block .area-half.video {
	margin-bottom: 20px;
}
.block .area-half.video:nth-last-child(1) {
	margin-bottom: 0;
}
.block .area-half form.podbor {
	height: 100%;
}

.block .area-half .seller-contacts {
	margin-bottom: 40px;
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: flex-start;		
	flex-wrap: wrap;
}
.block .area-half .seller-contacts img.icon {
	height: 23px;
	margin-right: 7px;
}
.block .area-half .seller-contacts a {
	color: inherit;
	font-size: 1.6em;
	line-height: 80%;
	margin-right: 40px;
}
.block .area-half .seller-contacts .messengers {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: flex-start;	
}
.block .area-half .seller-contacts .messengers img {
	height: 23px;
}
.block .area-half .seller-contacts .messengers a {
	margin-right: 10px;
}


.block .area-half.border {
	padding: 20px;
}
.block p:nth-child(1) {
	margin-top: 0;
}
.block p:nth-last-child(1) {
	margin-bottom: 0;
}
.block .chars.border {
	padding: 20px;
	margin-bottom: 40px;
}
.block .chars.border:nth-last-child(1) {
	margin-bottom: 0;	
}


.block .chars .zhkactions {
	margin-top: 30px;
	display: -webkit-flex;
	display: flex;
}
.block .chars .zhkactions input {
	width: 60%;
	border-radius: 5px 0 0 5px;
}
.block .chars .zhkactions button {
	width: 40%;
	border-radius: 0 5px 5px 0;	
}
.block .chars .zhkactions-agree {
	margin-top: 10px;
	color: var(--grey);
	font-size: 0.7em;
}

.block .chars .row { 
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 15px;
	background:  var(--superlightgray);
}
.block .chars .row:nth-child(2n) {
	background:  var(--white);	
}
.block .chars .row .ttl { 
	max-width: calc(50% - 10px);
	color: var(--gray);
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;	
}
.block .chars .row .ttl .color { 
	width: 15px;
	height: 15px;
	border-radius: 3px;
	margin-right: 5px;
}
.block .chars .row .var { 
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	max-width: calc(50% - 10px);
	text-align: right;
}
.block .chars .row .var .w150.head {
	font-weight: 600;	
}
.block .chars .row .var .w150 { 
	width: 150px;
	text-align: right;
}
.block h3 {
	width: 100%;
	margin-bottom: 20px;
	font-size: 1.6em;
}
.block .h3-dsc {
	color: var(--gray);
	max-width: 80%;
}
.block .area-half a.map {
	height: 100%;
	border-radius: 5px;
	background: #eee url(../img/map.png) no-repeat center;
	background-position: cover;
	cursor: pointer;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: center;
	flex-wrap: wrap;	
}
.block .area-half a.map img {
	width: 70px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;	
}
@media (max-width: 1000px) {
	.block {
		margin-top: 40px;
	}
	.block .area-half .seller-contacts .messengers {
		width: 100%;
		margin-top: 20px;
	}	
}
@media (max-width: 800px) {
	.block .area-half {
		width: 100%;
		margin-bottom: 40px;
	}
	.block .area-half.nobottom {
		width: 100%;
		margin-bottom: 0;
	}	
	.block .area-half:nth-last-child(1) {
		margin-bottom: 0;
	}
	.block h3 {
		width: 90%;
		margin: 0 auto 20px auto;
		text-align: center;
		font-size: 1.4em;
	}
	.block .chars .row .ttl {
		font-size: 0.9em;		
	}
	.block .chars .row .var { 
		max-width: calc(70% - 10px);
		font-size: 0.9em;
	}
	.block .chars.border {
		padding: 10px;
	}
	.block .h3-dsc {
		color: var(--gray);
		max-width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	.block .area-half .tgc {
		justify-content: center;		
	}
	.block .chars .zhkactions-agree {
		text-align: center;
	}	
}
@media (max-width: 800px) {
	.gal-vid {
		width: 285px;
		overflow: hidden;
		height: 100px;
	}
}
@media (max-width: 600px) {
	.block .area-half .seller-contacts {
		margin-bottom: 0;	
		justify-content: center;		
	}
	.block .area-half .seller-contacts .messengers {
		justify-content: center;
	}
	.gal-vid {
		margin: 0 auto;
	}	
}


.area-grid {
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;	
	justify-content: flex-start;
	width: 100%;
	flex-wrap: wrap;
}
.area-grid a.box {
	width: 23.5%;
	margin-right: calc(6% / 3);
	margin-top: 25px;
	color: inherit;
}
.area-grid a.box:nth-child(4n) {
	margin-right: 0;
}
.area-grid a.box:nth-child(-n+4) {
	margin-top: 0;	
}
.area-grid a.box:hover .gotoplan {
	background: var(--blue);
	color: var(--white);
	border-color: var(--blue);
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;	
}
.area-grid a.box:hover {
	-webkit-box-shadow: 0px 10px 30px -7px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 10px 30px -7px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 10px 30px -7px rgba(50, 50, 50, 0.30);	
}
.area-grid a.box .img {
	padding: 20px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: center;	
}
.area-grid a.box .data {
	padding: 0 20px 20px 20px;	
}
.area-grid a.box .data .ttl {
	margin-bottom: 10px;
}
.area-grid a.box .data .row {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: space-between;
	
	font-size: 0.9em;
	color: var(--gray);
}
.area-grid a.box .gotoplan {
	color: var(--white);
	margin: 0 20px 20px 20px;
	background: var(--deepblue);
	border: 2px solid var(--deepblue);
	border-radius: 5px;
	text-align: center;
	font-weight: 600;
	padding: 10px;
}
@media (max-width: 800px) {
	.area-grid a.box {
		width: calc(50% - 10px);
		margin-right: 20px;
	}
	.area-grid a.box:nth-child(2n) {
		margin-right: 0;
	}	
	.area-grid a.box:nth-child(4n) {
		margin-right: 0;
	}		
	.area-grid a.box:nth-child(-n+4) {
		margin-top: 25px;	
	}
	.area-grid a.box:nth-child(-n+2) {
		margin-top: 0;	
	}

	.gal.short {
		width: 100%;
	}
	.gal-vid {
		margin-top: 40px;
	}	
}	
@media (max-width: 500px) {
	.area-grid a.box {
		width: 100%;
		max-width: 350px;
		margin: 20px auto 0 auto;
	}
	.area-grid a.box:nth-child(2n), .area-grid a.box:nth-child(4n) {
		margin-right: auto;		
	}		
	.area-grid a.box:nth-child(-n+2) {
		margin-top: 20px;	
	}
	.area-grid a.box:nth-child(-n+1) {
		margin-top: 0;	
	}	
}	
	
	
	
#zhk .block .annot {
	font-size: 1.6em;
	line-height: 140%;
	color: var(--green);
}
#zhk .block .box-price {
	margin-bottom: 60px;	
}
#zhk .block .box-price .annot {
	max-width: 80%;
}
#zhk .block .box-getchars {
	max-width: 85%;
}
#zhk .block .box-getchars .annot {
	margin-bottom: 20px;
}
#zhk .block .box-infra {
	font-size: 5em;
	color: var(--gray);
}
#zhk .block .infra_annot {
	margin-top: 20px;		
}
	
.block .box-moreplans {
	margin-top: 40px;
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: flex-start;
	flex-wrap: wrap;
}
.block .box-moreplans.top {
	margin: 0 0 40px 0;
}
.block .box-moreplans.no-top {
	margin: 0;
}
.block .box-moreplans a {
	margin-right: 10px;
	margin-top: 10px;
}
#zhk .block .area-dop {
	margin: 20px 0;
}
#zhk .block .area-dop .row-1 {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: flex-start;	
}
#zhk .block .area-dop .row-1 img {
	height: 40px;
}
#zhk .block .area-dop .row-1 .ttl {
	margin-left: 20px;
	font-size: 1.6em;
}
#zhk .block .area-dop .row-2 {
	padding-left: 60px;
	color: var(--gray);
	max-width: 75%;
}
#zhk .block .area-dop .row-2 .link {
	margin-top: 5px;
}
#zhk .block .area-vidcover {
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;		
}
#zhk .block .area-vidcover.shadow:hover {
	-webkit-box-shadow: 0px 10px 30px -7px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 10px 30px -7px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 10px 30px -7px rgba(50, 50, 50, 0.30);	
}	
#zhk .block .area-vidcover .img {
	position: relative;
	z-index: 1;
}
#zhk .block .area-vidcover .img img {
	border-radius: 5px;
	width: 100%;
}
#zhk .block .area-vidcover .youtube-icon {
	position: absolute;
	z-index: 2;
	top: calc(50% - 35px);
	left: calc(50% - 35px);	
}
#zhk .block .area-vidcover .youtube-icon img {
	width: 70px;
}
#zhk .block .area-map {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: flex-start;
	flex-wrap: wrap;
	height: 100%;
}
#zhk .block .dsc {
	margin-top: 10px;
}
#zhk .block .dopdata {
	margin-top: 30px;
}
#zhk .block .dopdata .str {
    font-size: 0.9em;
    color: var(--gray);
	margin-bottom: 3px;
}

#zhk .block a.map {
	height: 90%;
	min-height: 400px;
	width: 100%;
	background: #eee url(../img/map.png) center;
	background-size: cover;
	position: relative;
	display: block;
	border-radius: 5px;	
	
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: center;		
}
#zhk .block a.map .ttl img {
	width: 70px;
}
#zhk .block .area-dev {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: space-between;
	flex-wrap: wrap;
}
#zhk .block .docs {
	margin-top: 20px;
}
#zhk .block .docs img {
	height: 22px;
	margin-right: 10px;
}
#zhk .block .docs .row {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: flex-start;
	margin-bottom: 10px;	
}
#zhk .block .docs .row:nth-last-child(1) {
	margin-bottom: 0;	
}
.block .dopop {
	margin-top: 40px;
	max-width: 90%;
}
.block .dopop .row {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: space-between;
	margin-bottom: 40px;	
}
.block .dopop .row:nth-last-child(1) {
	margin-bottom: 0;	
}
.block .dopop .row .icon {
	width: 60px;
}
.block .dopop .row img {
	width: 60px;
}
.block .dopop .row .data {
	width: calc(100% - 80px);	
}
.block .dopop .row .data .ttl {
	font-size: 1.2em;
	margin-bottom: 10px;
}
.block .dopop .row .data .dsc {
	color: var(--gray);
}

@media (max-width: 800px) {
	#zhk .block .box-price {
		margin-bottom: 0px;
		text-align: center;
	}
	#zhk .block .box-price .annot {
		margin: 0 auto;
	}
	#zhk .block .annot {
		font-size: 1.2em;
	}
	.block .box-moreplans {
		margin-top: 30px;
		align-items: center;	
		justify-content: center;
		flex-wrap: wrap;
	}
	#zhk .block .area-dop {
		margin: 0;
	}
	#zhk .block .box-getchars {
		max-width: 100%;
		text-align: center;
	}
	#zhk .block .box-getchars-btn {
		display: -webkit-flex;
		display: flex;		
		align-items: center;	
		justify-content: center;
	}
	#zhk .block a.map {
		height: 300px;
		min-height: 300px;
	}
	.block .dopop {
		margin-top: 40px;
		max-width: 100%;
	}
	#zhk .block .box-infra {
		font-size: 3em;
		text-align: center;
	}
	#zhk .block .infra_annot {
		text-align: center;		
	}
	#zhk .block .area-dop .row-1 .icon {
		width: 40px;
	}
	#zhk .block .area-dop .row-1 .ttl {
		width: calc(100% - 60px);
		font-size: 1.2em;
		margin-bottom: 10px;
	}
	#zhk .block .area-dop .row-2 {
		max-width: 100%;
	}		
	.block .dopop .row img {
		width: 40px;
	}	
	#zhk .block .area-dop .row-1 img {
		width: 40px;
		height: auto;
	}
	.block .dopop .row .data {
		width: calc(100% - 60px);	
	}
	.block .dopop .row {
		display: -webkit-flex;
		display: flex;
		align-items: center;	
		justify-content: space-between;
		margin-bottom: 20px;	
	}	
}


.area-kv {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	align-items: stretch;	
	justify-content: space-between;	
}
.area-kv a.box {
	width: 32%;
	margin-right: calc(4% / 2);
	margin-bottom: calc(4% / 2);
	border-radius: 5px;	
	color: inherit;
	font-size: 0.9em;	
	-webkit-box-shadow: 0px 10px 30px -7px rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    0px 10px 30px -7px rgba(50, 50, 50, 0.10);
	box-shadow:         0px 10px 30px -7px rgba(50, 50, 50, 0.10);		
}
.area-kv a.box:nth-child(3n) {
	margin-right: 0;	
}
.area-kv a.box:hover {
	-webkit-box-shadow: 0px 10px 30px -7px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 10px 30px -7px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 10px 30px -7px rgba(50, 50, 50, 0.30);	
}
.area-kv a.box .img {
	position: relative;
}
.area-kv a.box .data {
	padding: 20px;
}
.area-kv a.box .data .ttl {
	font-size: 1.4em;
	margin-bottom: 15px;
}
.area-kv a.box .data .address {
	color: var(--gray);
	margin: 5px 0;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;	
}
.area-kv a.box .data .address img {
	margin-right: 7px;
	height: 13px;
}
.area-kv a.box .data .price {
	display: inline-block;
	background: var(--green);
	color: var(--white);
	padding: 3px 10px;
	border-radius: 5px;
}
#kv form.podbor {
	background-size: 80%;
	background: transparent;
	padding: 60px;	
}
#kv form.podbor .row button {
	margin-right: 0;	
}



form.podbor {
	width: 100%;
	background: transparent url(../img/plan-top.png) no-repeat bottom right;
	padding: 40px;
}
form.podbor h3 {
	margin-bottom: 40px;
}
form.podbor .row {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 20px;	
}
form.podbor .label {
	font-size: 0.8em;
	color: var(--gray);
	margin-bottom: 5px;
	width: 100%;
}
form.podbor .row input[type="text"], form.podbor .row input[type="tel"] {
	max-width: 250px;
	margin-right: 10px;
}
form.podbor .row input[type="text"]:nth-last-child(1), form.podbor .row input[type="tel"]:nth-last-child(1) {
	margin-right: 0;
}
form.podbor .row button {
	width: 250px;
	margin-right: 10px;	
}
form.podbor .row .agree {
	width: 250px;
	color: var(--gray);
	font-size: 0.8em;
}
form.podbor .row.tel {
	padding-top: 20px;
	font-size: 1.4em;
}
form.podbor .row.tel a {
	color: inherite;
	margin-left: 20px;
	color: inherit;
}
form.podbor .row.tel a span {
	color: var(--lightgray);
}
@media (max-width: 1000px) {
	form.podbor {
		width: 100%;
		background: var(--white);
		padding: 40px;
	}	
}
@media (max-width: 700px) {
	form.podbor .row input[type="text"], form.podbor .row input[type="tel"] {
		max-width: 200px;
		width: 200px;
		margin-right: 10px;
	}
	#kv form.podbor {
		padding: 40px;	
	}	
}
@media (max-width: 550px) {
	form.podbor {
		padding: 20px;
	}	
	form.podbor .row input[type="text"], form.podbor .row input[type="tel"] {	
		width: 100%;
		max-width: 100%;
		margin-right: 0;
	}
	form.podbor .row input[type="text"] {
		margin-bottom: 10px;
	}
	form.podbor .row button {
		width: 100%;
		margin-right: 0;	
	}
	form.podbor .row .agree {
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}
	form.podbor .row.tel {
		padding-top: 0px;
		font-size: 1.2em;

		display: -webkit-flex;
		display: flex;
		align-items: center;	
		justify-content: center;
		flex-wrap: wrap;
	}	
}





#zhk .anchor {
	position: absolute;
	top: -80px;
}
#kv .anchor {
	position: absolute;
	top: -40px;
}



#videos {
	padding: 60px 0;
}
#videos.main {
	padding: 0 0 60px 0;
}
#videos .area {
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;	
	margin-top: 60px;
}
.area-vdl-ttl {
	margin-top: 40px;
}
.area-vdl-ttl.second {
	margin-top: 20px;	
}
.area-vdl {
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 40px;	
}
a.box-vdl {
	width: 32%;
	margin-right: calc(4% / 2);
	margin-bottom: calc(4% / 2);
	border-radius: 5px;	
	color: inherit;
	font-size: 0.9em;	
	-webkit-box-shadow: 0px 10px 30px -7px rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    0px 10px 30px -7px rgba(50, 50, 50, 0.10);
	box-shadow:         0px 10px 30px -7px rgba(50, 50, 50, 0.10);		
}
a.box-vdl:nth-child(3n) {
	margin-right: 0;	
}
a.box-vdl:hover {
	-webkit-box-shadow: 0px 10px 30px -7px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 10px 30px -7px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 10px 30px -7px rgba(50, 50, 50, 0.30);	
}
a.box-vdl .photo img {
	border-radius: 5px 5px 0 0;
}
a.box-vdl .data {
	padding: 20px;
}
a.box-vdl .data .ttl {
	font-size: 1.4em;
	margin-bottom: 15px;
}
a.box-vdl .data .row {
	color: var(--gray);
	margin: 5px 0;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
a.box-vdl .data .row img {
	margin-right: 7px;
	height: 13px;
}
#videos .pstrnav {
	margin-top: 40px;
}
@media (max-width: 1000px) {
	#videos {
		padding: 40px 0;
	}
	#videos .area {
		margin-top: 40px;
	}	
	a.box-vdl .data {
		font-size: 0.9em;
	}	
}
@media (max-width: 800px) {
	a.box-vdl {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;	
	}	
	a.box-vdl:nth-last-child(-n+4) {
		margin-bottom: 4%;	
	}
	a.box-vdl:nth-child(3n) {
		margin-right: 4%;	
	}
	a.box-vdl:nth-child(2n) {
		margin-right: 0;	
	}		
}
@media (max-width: 550px) {
	#videos .area {
		justify-content: center;
	}	
	a.box-vdl:nth-child(3n) {
		margin-right: 0;	
	}
	a.box-vdl:nth-last-child(-n+4) {
		margin-bottom: 20px;	
	}	
	a.box-vdl:nth-last-child(1) {
		margin-bottom: 0;
	}
	a.box-vdl {
		width: 100%;
		max-width: 384px;
		margin-right: 0;
		margin-bottom: 20px;	
	}	
}





.block a.nws-anons {
	margin-bottom: 0;
}
a.nws-anons {
	display: -webkit-flex;
	display: flex;
	align-items: stretch;	
	justify-content: flex-start;
	flex-wrap: wrap;
	color: inherit;
	width: 100%;
	margin-bottom: 40px;
}
a.nws-anons:nth-last-child(1) {
	margin-bottom: 0;	
}
a.nws-anons .nws-data {
	margin-right: 20px;
	border: 2px solid var(--superlightgray);
	border-radius: 5px;
	padding: 20px;
	width: calc(50% - 10px);	
}
a.nws-anons .nws-data .topbar {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 0.8em;
	color: var(--gray);

	border-bottom: 1px solid var(--superlightgray);
	padding-bottom: 10px;
}
a.nws-anons .nws-data .topbar img {
	height: 15px;
	margin-right: 10px;
}
a.nws-anons .nws-data .date {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: flex-start;
}
a.nws-anons .nws-data h3 {
	margin: 20px 0;
}
a.nws-anons .nws-data .dsc {
	margin-bottom: 10px;
	line-height: 140%;
}
a.nws-anons .nws-data .link {
	color: var(--deepblue);
}
a.nws-anons .nws-data .link:hover {
	color: var(--blue);	
}
a.nws-anons .img {
	display: -webkit-flex;
	display: flex;
	align-items: stretch;	
	justify-content: space-between;	
}
a.nws-anons .img img {
	border-radius: 5px;
	margin-right: 20px;
}
a.nws-anons .img img:nth-last-child(1) {
	margin-right: 0;	
}
@media (max-width: 1100px) {
	a.nws-anons .nws-data {
		margin-right: 0;
		width: 100%;	
	}
	a.nws-anons .nws-data .topbar {
		margin-bottom: 20px;
	}	
	a.nws-anons .img {
		margin-top: 20px;
	}
}
@media (max-width: 700px) {
	a.nws-anons .img {
		width: 100%;
	}
	a.nws-anons .img img {
		max-width: calc(50% - 10px);
	}
	a.nws-anons .nws-data .date {
		width: 100%;
		margin-bottom: 5px;
	}
	a.nws-anons .nws-data .link, a.nws-anons .nws-data .dsc {
		text-align: center;
	}		
}





#zhkmenu {
	height: 60px;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 998;	
	display: none;	
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.2);		
}
#zhkmenu .container {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;	
	height: 100%;
}
#zhkmenu .main {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;	
}
#zhkmenu .img img {
	width: 40px;
	border-radius: 50%;
}
#zhkmenu a.slogan {
	display: inline-block;
	margin: 0 20px 0 20px;	
}
#zhkmenu .dsc {
	color: var(--gray);
	font-size: 0.8em;
}
#zhkmenu .nav a {
	font-size: 0.8em;
	color: inherit;
	margin-right: 22px;
	
	display: inline-block;
	height: 60px;
	line-height: 60px;
}
#zhkmenu .nav a:nth-last-child(1) {
	margin-right: 0;	
}
#zhkmenu .tel a {
	color: inherit;
}
@media (max-width: 1200px) {		
	#zhkmenu .nav {
		display: none;
	}	
}
@media (max-width: 600px) {
	#zhkmenu .main {
		max-width: calc(100% - 150px);
	}	
	#zhkmenu a.slogan {
		font-size: 0.9em;
		margin: 0 10px 0 10px;
		width: calc(100% - 60px);		
	}
	#zhkmenu .tel {
		font-size: 0.9em;
	}
}
@media (max-width: 400px) {
	#zhkmenu a.slogan .dsc {
		display: none;		
	}	
}
@media (min-width: 1200px) {
	#zhkmenu .tel {
		display: none;
	}	
}




#zhkrq {
	position: fixed;
	right: 30px;
	bottom: 0;
	width: 200px;
	z-index: 997;
	display: none;	
}
#zhkrq:hover a.img {
	bottom: 30px;	
}
#zhkrq a.img {
	position: absolute;
	bottom: 20px;
	left: 25px;	
}
#zhkrq a.img img {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.2);	
}
#zhkrq a.row {
	font-size: 0.8em;
	background: var(--deepblue);
	color: var(--white);
	padding: 10px;
	text-align: center;
	border-radius: 5px 5px 0 0;
	position: relative;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;

	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.2);
	
}
#zhkrq a.row:hover {
	background: var(--blue);
	-webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 0px 25px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 0px 25px 0px rgba(50, 50, 50, 0.2);	
}
#zhkrq a.row .icon {
	margin-right: 10px;
}
#zhkrq a.row .icon img {
	border-radius: 50%;
}
@media (max-width: 400px) {
	#zhkrq {
		position: fixed;
		right: 10px;
		left: 10px;
		bottom: 10px;
		width: calc(100% - 20px);
	}
	#zhkrq a.row {
		border-radius: 25px 25px 25px 25px; 
		
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;		
	}		
	#zhkrq a.row .data {	
		width: 90%;
	}
	#zhkrq a.img {
		display: none;
	}	
}



#zhksidebar {
	position: fixed;
	right: 0;
	top: calc(50% - 50px);	
	height: 100px;
	width: 50px;
	border-radius: 5px 0 0 5px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
#zhksidebar a {
	height: 50px;
	min-width: 50px;
	background: #f2f2f2; 
	position: relative;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid var(--white);	
	border-radius: 5px 0 0 0;
}
#zhksidebar a:hover {
	background: #eee; 	
}
#zhksidebar a:nth-last-child(1) {
	border-bottom: 0;
	border-radius: 0 0 0 5px;	
}
#zhksidebar a img {
	width: 20px;	
}
#zhksidebar .count {
	position: absolute;
	top: 7px;
	right: 7px;
	font-size: 0.7em;
	background: var(--white);
	color: #000;
	width: 15px;
	height: 15px;
	z-index: 99999;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;	
}


#zhkinfonav {
	padding: 20px 0 0 0;
}
#zhkinfonav .goback {
	color: var(--deepblue);
	font-size: 0.8em;
}
@media (max-width: 400px) {
	#zhkinfonav .goback a {	
		font-size: 0.8em;
	}
}



#zhkinfo {
	padding: 0 0 60px 0;
}
#zhkinfo .annot {
	color: var(--lightgray);
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flrx-start;
	font-size: 0.8em;
	margin-top: 20px;
}
#zhkinfo .annot img {
	height: 15px;
	margin-right: 7px;
}
#zhkinfo h1 {
	margin-bottom: 60px;
}

.plan-area {
	margin-top: 10px;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;	
}
.plan-area .img {
	width: calc(50% - 10px);
	padding: 40px 40px 20px 40px;
	text-align: center;
}
.plan-area .img img {
	max-width: 100%;
}
.plan-area .img a {
	display: inline-block;
	position: relative;
}
.plan-area .img a .cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	font-size: 0.7em;
	text-transform: uppercase;
	color: var(--white);
	background-color: var(--green);
	padding: 3px 5px;
	border-radius: 5px;
}


.plan-area .data-area {
	width: calc(50% - 10px);	
}
.plan-area .data-area form {
	background: var(--superlightgray);
	background: var(--white);
	padding: 20px;
	margin-top: 20px;
}
.plan-area .data-area form .offer {
	font-size: 1.4em;
	line-height: 140%;
}
.plan-area .data-area form .row {
	margin-top: 20px;
}
.plan-area .data-area form .row .box {
	width: calc(50% - 5px);
}
.plan-area .data-area form .row .box button {
	width: 100%;
}
.plan-area .data-area form .row .box.agree {
	color: var(--gray);
	font-size: 0.8em;
}
.plan-area .data {
	padding: 20px;
}
.plan-area .data .rowdata {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;

	background: val(--white);
	padding: 10px 15px;
}
.plan-area .data .rowdata:nth-child(2n+1) {
	background: val(--superlightgray);
	background: #f2f2f2;	
}
@media (max-width: 1000px) {
	#zhkinfo {
		padding: 0 0 40px 0;
	}
	#zhkinfo h1 {
		margin-bottom: 20px;
	}	
}
@media (max-width: 800px) {
	#zhkinfo h1 {
		text-align: center;
	}	
	.plan-area .img {
		width: 100%;
		max-width: 540px;
		padding: 20px;
		text-align: center;
	}	
	.plan-area .data-area {
		width: 100%;
		margin-top: 20px;		
	}
	.plan-area .data {
		padding: 10px;
		font-size: 0.9em;
	}
	.plan-area .data-area form {
		padding: 0px;
		margin-top: 20px;
	}
	.plan-area .data-area form .offer {
		font-size: 1.2em;
		text-align: center;
	}	
}
@media (max-width: 600px) {
	#zhkinfo h1 {
		font-size: 1.6em;
	}	
}
@media (max-width: 450px) {
	.plan-area .data-area form .row .box {
		width: 100%;
		margin-bottom: 10px;
	}
	.plan-area .data-area form .row .box:nth-last-child(1) {
		margin-bottom: 0;
	}
	.plan-area .data-area form .row .box.agree {
		text-align: center;
	}
	.plan-area .img {
		padding: 10px;
		text-align: center;
	}
	#zhkinfo .annot {
		font-size: 0.7em;
		margin-top: 10px;
	}	
}



#plansmore {
	padding-bottom: 60px;
}
#plansmore .nav {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
#plansmore .nav .links {
	color: var(--deepblue);	
}
@media (max-width: 800px) {
	#plansmore h3 {
		text-align: center;
	}
}



#zhkmap {
	padding: 60px 0 0 0;	
}
#zhkmap .address {
	color: var(--gray);
	margin-top: 10px;
}
@media (max-width: 1000px) {
	#zhkmap {
		padding: 40px 0 0 0;	
	}	
}
@media (max-width: 600px) {
	#zhkmap h1 {
		font-size: 1.6em;
	}	
}



#history {
	padding: 60px 0;	
}
#history h1 {
	max-width: 100%;	
}

#history .list-addresses {
	margin-top: 30px;
	font-size: 0.8em;
	
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
#history .list-addresses .col {
	width: 25%;
}
#history .list-addresses .col .box {
	padding: 3px;
}


#history .info {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 10px;
	color: var(--gray);
}
#history .area {
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;

	margin-top: 30px;
	font-size: 0.8em;	
}
#history .sidearea {
	width: 330px;
	margin-right: 30px;
}
#history .result {
	background: var(--lightgreen);
	padding: 15px;
	border-radius: 5px;
	margin: 30px 0;	
}
#history .sidearea .result .row {
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;	
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #b6e3cc;	
}
#history .sidearea .result .row:nth-last-child(1) {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
#history .sidearea .result .row .ttl {
	width: 50%;
}
#history .sidearea .result .row .val {
	width: 50%;
	text-align: right;
}
#history .sidearea .result .details {
	padding-top: 5px;
}
#history .all-addresses {
	margin-top: 15px;
	text-align: right;
}

#history .list {
	width: calc(100% - 330px);
}
#history .list .zhk {
	margin-bottom: 30px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;	
}
#history .list .zhk a img {
	max-height: 70px;
	max-width: 70px;
	border-radius: 50%;
}
#history .list .zhk div {
	margin-left: 15px;
	line-height: 150%;
}
#history .list .zhk div a:nth-child(1) {
	font-size: 1.4em;
}

#history .list .zhk a.button {
	width: 100%;
	max-width: 250px;
	margin-right: 30px;
}
#history .list .zhk a.button:nth-last-child(1) {
	margin-right: 0;	
}



#history .list .row {
	background: var(--superlightgray);
	border-radius: 5px;
	padding: 15px;
	
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	line-height: 150%;	
}
#history .list .row:nth-child(2n) {
	background: var(--white);
}
#history .list .row span {
	color: var(--gray);
}
#history .list .row .date {
	width: 100px;
}
#history .list .row .address {
	width: calc(100% - 420px);
	padding: 0 0 0 10px;
}
#history .list .row .ttl {
	width: 180px;
	padding: 0 10px;	
}
#history .list .row .price {
	width: 140px;
	padding: 0 10px;	
}
@media (max-width: 1000px) {
	#history .area {
		flex-wrap: wrap;
	}
	#history .sidearea {
		width: 100%;
		margin-right: 0;
	}
	#history .list {
		width: 100%;
	}
	#history .list-addresses .col {
		width: 50%;
	}
}
@media (max-width: 650px) {
	#history .list .row .date {
		width: 50%;
	}
	#history .list .row .address {
		width: 50%;
		padding: 0 0 0 10px;
	}
	#history .list .row .ttl {
		width: 50%;
		padding: 0 10px;	
	}
	#history .list .row .price {
		width: 50%;
		padding: 0 10px 0 0;	
	}
}
@media (max-width: 500px) {
	#history .list-addresses .col {
		width: 100%;
	}	
}
@media (max-width: 400px) {
	.row.btn button{
		margin-top: 20px;
	}
}



#novostroyki {
	padding: 60px 0;
}
#novostroyki.main {
	padding: 0 0 60px 0;
}
#novostroyki .area {
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;	
	margin-top: 60px;
}


#novostroyki .street-list {
	margin-top: 25px;	
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;		
}
#novostroyki .street-list .col {
	width: 25%;
	line-height: 150%;
	padding-right: 20px;
}



#novostroyki .filter-nov {
	margin-top: 25px;
}
#novostroyki .filter-nov .row {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	color: var(--gray);
	margin-bottom: 10px;	
}
#novostroyki .filter-nov .row:nth-last-child(1) {
	margin-bottom: 0;
}
#novostroyki .filter-nov .row .box {
	text-transform: uppercase;
	margin-right: 20px;
	font-size: 0.8em;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;	
}
#novostroyki .filter-nov .row .box:nth-last-child(1) {
	margin-right: 0;	
}
#novostroyki .filter-nov .row .box span {
	margin-right: 6px;
}
#novostroyki .filter-nov a {
	text-transform: uppercase;
	margin-right: 3px;
	margin-bottom: 3px;	
	padding: 6px 8px;
	background: var(--superlightgray);
	border-radius: 3px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
#novostroyki .filter-nov a:nth-child(1) {
	margin-left: 0;	
}
#novostroyki .filter-nov a:hover {
	background: var(--superlightblue);	
}
#novostroyki .filter-nov a.active {
	color: var(--white);
	background: var(--deepblue);
	border-radius: 3px;
}


#novostroyki .area a.box {
	width: 32%;
	margin-right: calc(4% / 2);
	margin-bottom: calc(4% / 2);
	border-radius: 5px;	
	color: inherit;
	font-size: 0.9em;	
	-webkit-box-shadow: 0px 10px 30px -7px rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    0px 10px 30px -7px rgba(50, 50, 50, 0.10);
	box-shadow:         0px 10px 30px -7px rgba(50, 50, 50, 0.10);		
}
#novostroyki .area a.box:nth-child(3n) {
	margin-right: 0;	
}
#novostroyki .area a.box:hover {
	-webkit-box-shadow: 0px 10px 30px -7px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 10px 30px -7px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 10px 30px -7px rgba(50, 50, 50, 0.30);	
}
#novostroyki .area a.box .img {
	position: relative;
}


#novostroyki .area a.box .img-sdan {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;

	color: var(--white);
	background: var(--gray);
	padding: 7px 30px;
}
#novostroyki .area a.box .img-menu {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;		
}
#novostroyki .area a.box .img-menu div {
	margin-right: 7px;
	background: rgba(0,0,0,0.10);
	width: 35px;
	height: 35px;
	border-radius: 50%;

	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;	
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;	
}
#novostroyki .area a.box .img-menu div:nth-last-child(1) {
	margin-right: 0;	
}
#novostroyki .area a.box .img-menu div:hover {
	background: rgba(0,0,0,0.20);	
}
#novostroyki .area a.box .img-menu img {
	height: 15px;
}
#novostroyki .area a.box .img  img{
	border-radius: 5px 5px 0 0;
}
#novostroyki .area a.box .data {
	padding: 20px;
}
#novostroyki .area a.box .data .ttl {
	font-size: 1.4em;
	margin-bottom: 15px;
}
#novostroyki .area a.box .data .address {
	color: var(--gray);
	margin: 5px 0;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;	
}
#novostroyki .area a.box .data .address img {
	margin-right: 7px;
	height: 13px;
}
#novostroyki .area a.box .data .goods {
	margin: 15px 0 0 0;
}
#novostroyki .area a.box .data .goods .row {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 15px;	
}
#novostroyki .area a.box .data .goods .row:nth-child(2n+1) {
	background: var(--superlightgray);
}
#novostroyki .area a.box .data .goods .row:nth-last-child(1) {
	margin-bottom: 0;		
}
@media (max-width: 1000px) {
	#novostroyki {
		padding: 40px 0;
	}
	#novostroyki .area {
		margin-top: 40px;
	}	
	#novostroyki .area a.box .data {
		font-size: 0.9em;
	}	
}
@media (max-width: 800px) {
	#novostroyki .area a.box {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;	
	}	
	#novostroyki .area a.box:nth-last-child(-n+4) {
		margin-bottom: 4%;	
	}
	#novostroyki .area a.box:nth-child(3n) {
		margin-right: 4%;	
	}
	#novostroyki .area a.box:nth-child(2n) {
		margin-right: 0;	
	}
	#novostroyki .street-list .col {
		width: 50%;
		padding-right: 20px;
	}	
}
@media (max-width: 550px) {
	#novostroyki .area {
		justify-content: center;
	}	
	#novostroyki .area a.box:nth-child(3n) {
		margin-right: 0;	
	}
	#novostroyki .area a.box:nth-last-child(-n+4) {
		margin-bottom: 20px;	
	}	
	#novostroyki .area a.box:nth-last-child(1) {
		margin-bottom: 0;
	}
	#novostroyki .area a.box {
		width: 100%;
		max-width: 384px;
		margin-right: 0;
		margin-bottom: 20px;	
	}
	#novostroyki .filter-nov .row .box {
		margin-right: 5px;
	}
	#novostroyki .filter-nov .row .box span {
		margin-right: 6px;
		margin-bottom: 5px;			
	}	
	#novostroyki .filter-nov a {
		margin-right: 5px;
		margin-bottom: 5px;		
		padding: 5px 7px;
	}
	#novostroyki .street-list .col {
		width: 100%;
		padding-right: 0;
	}		
}





#kv {
	padding: 0 0 60px 0;
}
#kv .area-ttl {
	margin: 60px 0;	
	width: 100%;
}
#kv .area-ttl .row {
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#kv .area-ttl .row .box span {
	color: var(--gray);		
}
#kv .area-ttl .row .data {
	width: calc(50% - 10px);
	margin-right: 20px;
}
#kv .area-ttl .row .data .box {
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: flex-start;
	
	margin-bottom: 7px;
}
#kv .area-ttl .row .data .box:nth-last-child(1) {
	margin-bottom: 0;	
}
#kv .area-ttl .row a {
	color: inherit;
	margin: 0 3px;
}
#kv .area-ttl .row .data .box:nth-child(-n+2) a:nth-child(-n+2) {
	margin-left: 0;
}
#kv .area-ttl .row .price-area {
	width: calc((50% - 30px) / 2);
	text-align: right;
}
#kv .area-ttl .row .price-area .price {
	font-size: 1.6em;
}
#kv .area-ttl .row .price-area .pricepermetr {
	margin-top: 5.2px;	
	color: var(--gray);
}
#kv .area-ttl .row .price-area .ipoteka {
	margin-top: 26px;
}
#kv .area-ttl .row .price-area .ipoteka a {
	color: var(--deepblue);
}
#kv .area-ttl .row .price-area .ipoteka a:hover {
	color: var(--blue);	
}
#kv .area-ttl .row a.gotomap-area {
	width: calc((50% - 30px) / 2);
	margin-left: 17px;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}
#kv .area-ttl .row a.gotomap-area .cover {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	z-index: 99;
	text-align: center;
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
}
#kv .area-ttl .row a.gotomap-area .cover .box {
	display: inline-block;
	background: var(--deepblue);
	color: var(--white);
	padding: 1px 7px 2px 7px;
	border-radius: 5px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;	
}
#kv .area-ttl .row a.gotomap-area img {
	border-radius: 5px;
}
#kv .area-ttl .row a.gotomap-area:hover .box {
	background: var(--blue);	
}
#kv .seller {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;	
}
#kv .seller .photo {
	margin-right: 20px;
	position: relative;
}
#kv .seller .photo img {
	border-radius: 50%;
}
#kv .seller .photo .online {
	position: absolute;
	bottom: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	border: 3px solid var(--white);
	border-radius: 50%;
	background: var(--green);	
	z-index: 9;	
}
@media (max-width: 1000px) {
	#kv .area-ttl {
		margin: 20px 0 40px 0;
	}
}
@media (max-width: 800px) {
	#kv h1 {
		text-align: center;
		width: 100%;
	}
	#kv .area-ttl .row .data {
		width: 100%;
		margin-right: 0;
	}
	#kv .area-ttl .row .price-area {
		width: 100%;
		text-align: left;
		margin-top: 20px;
	}
	#kv .area-ttl .row .price-area .ipoteka {
		margin-top: 10px;
	}
	#kv .area-ttl .row a.gotomap-area {
		width: 100%;
		max-width: 285px;
		margin-left: 0;
		margin-top: 20px;
	}
	#kv .area-ttl .row a.gotomap-area .cover {
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
		z-index: 99;
		text-align: center;
		font-size: 0.8em;
		font-weight: 600;
		text-transform: uppercase;
	}	
}
@media (max-width: 600px) {
	#kv h1 {
		font-size: 1.6em;
	}
	#kv .area-ttl .row .price-area {
		text-align: center;
	}
	#kv .area-ttl .row a.gotomap-area {
		margin-left: 0;
		margin-top: 20px;
		margin: 20px auto 0 auto;
	}	
}



#refdata {
	margin-bottom: 60px;
	padding: 30px 0;
}
#refdata .steps {
	display: -webkit-flex;
	display: flex;
	align-items: flex-top;
	justify-content: space-around;
	flex-wrap: wrap;	
}	
#refdata .steps .box {
	width: 25%;
	text-align: center;
}
#refdata .steps .box .num {
	font-size: 4em;
}
#refdata .steps .box .dsc {
	font-size: 1.2em;
	margin-top: 10px;
}
#refdata .bonus {
	margin-top: 60px;
	display: -webkit-flex;
	display: flex;
	align-items: flex-top;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;	
}
#refdata .bonus .num {
	font-size: 4em;
	font-weight: 800;
	color: var(--green);
}
#refdata .bonus .dsc {
	width: 100%;
	font-size: 1.2em;
	margin: 10px 0 60px 0;	
}
@media (max-width: 600px) {
	#refdata .steps .box {
		width: 80%;
		margin-bottom: 30px;
	}	
	#refdata .steps .box:nth-last-child(1) {
		margin-bottom: 0;
	}		
}




#invest_area_1 {
	height: 500px;
	padding: 0 0 60px 0;
	background: url(../img/plrd.png) no-repeat bottom right;	
}


#invest_area_2 {
	height: 500px;	
	background: var(--superlightgray) url(../img/plrt.png) no-repeat top right;	
	padding: 60px 0;
}


#invest_area_3 {
	height: 500px;
	background: url(../img/plld.png) no-repeat bottom left;	
	padding: 60px 0;
}


#invest_area_4 {
	height: 500px;	
	background: var(--superlightgray) url(../img/pllt.png) no-repeat top left;
	padding: 60px 0;
}




#footer {
	padding: 25px 0 60px 0;
	background: var(--darkblue);
	background: #333;
	color: var(--gray);
}
#footer a {
	color: var(--lightgray);
}
#footer a:hover {
	color: var(--white);
}
#footer .str {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}	
#footer .logo, #reffooter .logo {
	width: auto;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;			
}
#footer .logo a, #reffooter .logo a {
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--deepblue);
	line-height: 100%;
	
	width: auto;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;	
}
#footer .logo a:hover, #reffooter .logo a:hover {
	color: var(--blue);		
}
#footer .logo a img , #reffooter .logo a img {
	margin-right: 7px;
}
#footer .logo .slogan {
	font-size: 0.9em;
	line-height: 100%;
	width: 85px;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid var(--gray);	
}
#footer .col-right {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;	
}
#footer .col-right .social {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;	
}
#footer .col-right .social a {
	margin-right: 7px;
	background: var(--darkgray);
	padding: 10px;
	border-radius: 50px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;	
}
#footer .col-right .social a:hover {
	background: #555;	
}
#footer .col-right .social a img{
	height: 15px;
}
#footer .str .address {
	margin-left: 60px;
	text-align: right;
}
#footer .str .tel {
	margin-left: 60px;
}
#footer .str .tel a {
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: 600;
}
#footer .str .tel a span { 
	color: var(--gray);
}
#footer .area {
	border-top: 1px solid var(--darkgray);
	margin-top: 20px;
	padding-top: 20px;
	
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;		
}
#footer .area .col {
	width: 23%;
	line-height: 160%;
}
#footer .area .col a {
	display: block;
	width: 100%;
}
@media (max-width: 1100px) {
	#footer .col-left {
		width: 100%;
	}
	#footer .col-left .logo {
		justify-content: center;
	}		
	#footer .col-right {
		margin-top: 20px;
		width: 100%;
		justify-content: space-around;		
	}
	#footer .str .social, #footer .str .address, #footer .str .tel {
		margin-left: 0;
		text-align: center;
		width: 30%;
	}	
}
@media (max-width: 800px) {
	#footer .area .col {
		width: 48%;
		text-align: center;
	}	
}
@media (max-width: 600px) {
	#footer {
		padding: 40px 0;
	}	
	#footer .str .social, #footer .str .address, #footer .str .tel {
		width: 100%;
	}	
	#footer .str .address {
		margin: 20px 0;
	}
	#footer .area .col {
		width: 100%;
		text-align: center;
	}
	#footer .area .col:nth-child(1) {
		margin-bottom: 20px;
	}		
}



#copy {
	background: #222;
	color: #666;
	padding: 5px 0;
	font-size: 0.7em;
}
@media (max-width: 400px) {
	#copy {
		padding-bottom: 50px;
	}	
}




.row-replica {
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;

	margin-top: 0px;
	max-width: 700px;
}
.row-replica.right .photo {
	margin-right: 30px;
}
.row-replica.left .photo {
	margin-left: 30px;
}
.row-replica .photo img {
	border-radius: 50%;
}
.row-replica .photo {
	position: relative;
}
.row-replica .photo .online {
	position: absolute;
	bottom: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	border: 3px solid var(--white);
	border-radius: 50%;
	background: var(--green);	
	z-index: 9;
}
.replica {
	padding: 15px 20px;
	max-width: 450px;
	width: calc(100% - 150px);
	position: relative;
	line-height: 140%;
	font-size: 0.9em;
	background: var(--deepblue);
	color: var(--white);	
	cursor: pointer;
}
.replica:hover {
	cursor: pointer;
	background: var(--blue);	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;		
}
.replica.right {
	border-radius: 0 25px 25px 25px;	
	-webkit-box-shadow: 10px 15px 30px 0px rgba(50, 50, 50, 0.20);
	-moz-box-shadow:    10px 15px 30px 0px rgba(50, 50, 50, 0.20);
	box-shadow:         10px 15px 30px 0px rgba(50, 50, 50, 0.20);	
}
.replica.left {
	border-radius: 25px 0 25px 25px;	
	-webkit-box-shadow: -10px 15px 30px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    -10px 15px 30px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         -10px 15px 30px 0px rgba(50, 50, 50, 0.35);	
}
.replica .ttl {
	color: #aeddfc;
	color: var(--superlightblue);
}
.replica .dsc {
	margin-top: 3px;
}
.replica .dsc span {
	background: var(--blue);
	padding: 1px 5px;
	border-radius: 5px;
}
.triangle-top {
	position: absolute;
	left: calc(50% - 10px);
	top: -30px;
	border: 10px solid transparent;
	border-bottom: 20px solid var(--deepblue);		
}
.triangle-bottom {
	position: absolute;
	left: calc(50% - 10px);
	bottom: -29px;
	border: 10px solid transparent;
	border-top: 20px solid var(--deepblue);		
}
.triangle-top-left {
	position: absolute;
	left: -19px;
	top: 0;

	border: 10px solid transparent;
	border-top: 10px solid var(--deepblue);
	border-right: 10px solid var(--deepblue);	
}
.triangle-top-right {
	position: absolute;
	right: -19px;
	top: 0;

	border: 10px solid transparent;
	border-top: 10px solid var(--deepblue);
	border-left: 10px solid var(--deepblue);
}
.replica:hover .triangle-top-right {
	border-top: 10px solid var(--blue);
	border-left: 10px solid var(--blue);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;		
}
.replica:hover .triangle-top-left {
	border-top: 10px solid var(--blue);
	border-right: 10px solid var(--blue);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;		
}
@media (min-width: 801px) {
	.triangle-top, .triangle-bottom {
		display: none;
	}
}	
@media (max-width: 800px) {
	.row-replica .photo .online {
		display: none;
	}	
	.row-replica {
		justify-content: center;
		width: 100%;
		max-width: 100%;	
	}
	.replica.left, .replica.right {
		border-radius: 20px;
	}	
	.row-replica .photo {
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin-top: 40px;
	}
	.row-replica.left .photo {
		margin-left: 0;	
	}
	.row-replica.right .photo {
		margin-right: 0;	
	}	
	.row-replica .replica {
		margin-top: 40px;
		width: 90%;
	}

	.row-replica.left img, .row-replica.right img {
		margin: 0;		
	}
	.triangle-top-left, .triangle-top-right {
		display: none;
	}
	
	.replica.right, .replica.left {	
		-webkit-box-shadow: 0 20px 30px 0px rgba(50, 50, 50, 0.20);
		-moz-box-shadow:    0 20px 30px 0px rgba(50, 50, 50, 0.20);
		box-shadow:         0 20px 30px 0px rgba(50, 50, 50, 0.20);	
	}	
}




.shadow {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.15);
	border-radius: 5px;	
}
.border {
	border: 2px solid var(--superlightgray);
	border-radius: 5px;	
}
.bborder {
	border-bottom: 1px solid var(--superlightgray);
	padding-bottom: 10px;
}
.bborder:nth-last-child(1) {
	padding-bottom: 0;	
	border-bottom: 0;	
}



#agreement {
	padding: 60px 0;	
}
#agreement ol {
	line-height: 140%;
	font-size: 1.2em;
}
@media (max-width: 1000px) {
	#agreement {
		padding: 40px 0;
	}	
}



#done {
	padding: 100px 0;
}
@media (max-width: 600px) {
	#done {
		padding: 40px 0;
	}	
}




#coupon {
	padding: 60px 0;
}
#coupon h1 {
	font-size: 1.8em;
}
#coupon .img {
	margin-top: 30px;
}
#coupon .area {
	width: 100%;
	max-width: 600px;
}
#coupon .area .tel {
	margin-top: 30px;
	font-size: 1.4em;
}
#coupon .result {
	padding: 30px;
	font-size: 1.4em;
	width: 100%;
	max-width: 600px;	
}
#coupon .result.done {
	color: var(--green);
	background: var(--lightgreen);
}
#coupon .result.err {
	color: var(--red);
	background: var(--lightred);	
}
#coupon form {
	width: 100%;
	max-width: 600px;
	padding: 30px;	
}
#coupon form .ttl {
	font-size: 1.4em;
	margin-bottom: 20px;	
}



@media (max-width: 600px) {
	#coupon {
		padding: 40px 0;
		text-align: center;
	}
	#coupon h1 {
		font-size: 1.6em;
	}	
}



#stories {
	position: fixed;
	left: 40px;
	bottom: 40px;
	z-index: 999;
	display: none;	
}
#stories .area {
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;	
}
#stories .area a.box {
	margin-right: 15px;
	cursor: pointer;
}
#stories .area a.box:nth-last-child(1) {
	margin-right: 0;	
}
#stories .area a.box img {
	width: 85px;
	height: 85px;
	border-radius: 50%;
	border: 3px solid #e5587c;
}
#stories .area a.box:hover img {
	border: 3px solid #f99d59;	
}
@media (max-width: 850px) {
	#stories {
		left: 20px;
		bottom: 20px;
	}	
}


#consultant {
	position: fixed;
	right: 40px;
	bottom: 40px;
	display: none;
	z-index: 999; 
}
#consultant .area {
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;	
}
#consultant .photo {
	margin-left: 20px;
	position: relative;
}
#consultant .photo .online {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background: var(--green);
	bottom: 0;
	left: 10px;
	position: absolute;
}
#consultant .photo img {
	border-radius: 50%;
}
#consultant .replica {
	font-size: 0.9em;
	max-width: 320px;
	width: 350px;
}
#consultant .replica:hover {
	cursor: pointer;
	background: #daeaf5;
	background: var(--blue);
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;		
}
#consultant .replica:hover .triangle-top-right {
	border-top: 10px solid var(--blue);
	border-left: 10px solid var(--blue);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;		
}
#consultant .replica .dsc {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;		
}
#consultant .replica .dsc .tlogo {
	width: 55px;
}
#consultant .replica .dsc .ttext {
	width: 100%;
}
#consultant .replica .dsc .tlogo img {
	width: 40px;
	margin-right: 20px;
	filter: invert(100%) sepia(6%) saturate(7472%) hue-rotate(293deg) brightness(122%) contrast(117%);
}

#consultant .blink {
  -webkit-animation: blink1 1s linear infinite;
  animation: blink1 1s linear infinite;
}
@-webkit-keyframes blink1 {
  100% { color: rgba(34, 34, 34, 0); }
}
@keyframes blink1 {
  100% { color: rgba(34, 34, 34, 0); }
}


@media (max-width: 600px) {
	#consultant {
		right: 10px;
		bottom: 10px;	
	}
	#consultant .replica {
		font-size: 0.9em;
		max-width: 350px;
	}	
}
@media (max-width: 460px) {
	#consultant {
		right: 10px;
		left: 10px;
		bottom: 7px;		
	}	
	#consultant .photo {
		margin-left: 7px;
		display: none;
	}
	#consultant .replica {
		font-size: 0.9em;
		max-width: 100%;
		width: 100%;
		padding: 7px 12px;
		text-align: center;
	}
	#consultant .replica .dsc {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;	
	}
	#consultant .replica .dsc .tlogo {
		width: 50px;
	}
	
}


#maplistzhk {
	width: 100%;
	height: 400px;
	margin-top: 20px;
}




#formsocial .header {
	height: 70px;
	background: var(--white);
	z-index: 998;
	position: relative;
	z-index: 98;	
	border-bottom: 1px solid var(--superlightgray);

	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;		
}
#formsocial .logo {
	width: 200px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;			
}
#formsocial .logo a {
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--deepblue);
	line-height: 100%;
	
	width: auto;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;	
}
#formsocial .logo a:hover {
	color: var(--blue);		
}
#formsocial .logo a img {
	margin-right: 7px;
}


#formsocial form {
	padding: 50px 0;
	width: 100%;
	max-width: 600px;
}




form .row {
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;	
}
form .row:nth-last-child(1) {
	margin-bottom: 0;
}
form .row .box-half {
	width: 45%;
}


form .row.agree {
	color: var(--gray);
	font-size: 0.8em;
}
form .row-agree {
	color: var(--gray);
	font-size: 0.7em;
	max-width: 180px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;	
}
form .row.btn {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
form .form-ttl {
	font-size: 1.8em;
	margin-bottom: 20px;
	color: var(--darkgray);
}
form .form-dsc {
	font-size: 1.2em;
	margin-bottom: 40px;
	color: var(--darkgray);
}
form .row label {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
	color: var(--gray);
	font-size: 0.9em;
}
form .separator {
	height: 20px;
}
form .row-checkbox {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 5px;	
	width: 100%;
}
form .row.checkbox:nth-last-child(1) {
	margin-bottom: 20px;		
}
form .row-checkbox label {
	width: auto;
	margin-left: 10px;
	font-size: 1em;
	color: inherit;
	cursor: pointer;
}
input, select {
	font-size: 1em;
	font-family: 'Exo 2', sans-serif;
	color: #444;
	border: 1px solid var(--lightgray);
	outline: none;
	padding: 0 15px;
	border-radius: 5px;
	height: 40px;
	line-height: 40px;
	width: 100%;
}
::placeholder {
	color: var(--lightgray);
}
input.half {
	width: 45%;	
}
input.error {
	border: 1px solid #fcdedc;
	background: #fcdedc;
}
input[type=checkbox] {
	height: 18px;
	width: 18px;	
}
textarea {
	font-size: 1em;
	font-family: 'Exo 2', sans-serif;
	color: #444;
	border: 1px solid var(--lightgray);
	outline: none;
	padding: 9px 15px;
	border-radius: 5px;
	width: 100%;	
}
button, a.button {
	border: 0;
	font-size: 1em;
	font-family: 'Exo 2', sans-serif;
	cursor: pointer;
	color: var(--white);
	font-weight: 600;

	height: 40px;
	outline: none;
	padding: 0 15px;
	
	background: var(--deepblue);
	border: 2px solid var(--deepblue);
	border-radius: 5px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;		
}
button:hover, a.button:hover {
	background: var(--blue);
	border: 2px solid var(--blue);	
}
button.transparent, a.button.transparent {
	background: transparent;
	color: var(--deepblue);	
}
button.transparent.blue, a.button.transparent.blue {
	background: var(--deepblue);
	color: var(--white);
}
button.transparent:hover, a.button.transparent:hover {
	background: transparent;
	color: var(--blue);	
}
@media (max-width: 400px) {
	
	form .row-agree {
		max-width: 100%;
	}	
	button, a.button {
		width: 100%;
	}	
	
}

.color-red {
	color: var(--red);
}


.error-validate {
	border-color: var(--red);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(246, 71, 71, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(246, 71, 71, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(246, 71, 71, 0.75);	
}
.input-err {
	margin-top: 2px;
	color: #f03434;
	padding-left: 5px;
	font-size: 0.8em;	
}
.main-msg {
	position: fixed;
	width: 100%;
	padding: 20px;
	text-align: center;
	font-weight: 600;
	bottom: 0;
	z-index: 99999;
	color: #fff;
	font-size: 1em;
}
.main-msg.err {
	background: #f03434;	
}
.main-msg.done {
	background: #26A65B;	
} 


.modal.modal-stories {
	background: var(--white);
	width: 100%;
	max-width: 600px;
	padding: 0;
}
.modal.modal-stories .ttl {
	padding: 30px 30px 0 30px;
	font-size: 1.4em;
	font-weight: 600;
}
.modal.modal-stories .txt {
	padding: 0 30px 30px 30px;
}
.modal.modal-stories .img {
	position: relative;
}
.modal.modal-stories .img a.gotoinsta {
	position: absolute;
	color: #fff;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	
	padding: 15px 30px;
	border-radius: 25px;
	
	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );	

}


.modal, .fancybox-content {
	background: var(--white);
}
.modal form {
	width: 350px;
}
form .ttl {
	font-size: 1.2em;
	line-height: 140%;
	margin-bottom: 20px;
}
.modal .ham-links {
	width: 350px;	
}
.modal .ham-links a.mlink {
	display: inline-block;
	width: 100%;
	padding: 5px 0;
}
.modal .ham-links a.mlink.refferal {
	color: var(--green);
}
.modal .ham-links a.mlink.refferal:hover {
	color: var(--deepgreen);	
}

.modal .ham-links .separator {
	height: 2px;
	background: var(--superlightgray);
	margin: 5px 0;
}

.modal .ham-links .social {
	margin-top: 30px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;	
}
.modal .ham-links .social a {
	margin-right: 7px;
	background: var(--superlightgray);	
	padding: 10px;
	border-radius: 50px;
	
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;	
}
.modal .ham-links .social a:hover {
	background: var(--darkgray);
}
.modal .ham-links .social a img{
	height: 15px;
}



.touch-btn {
	margin: 0;
	border: 1px solid var(--lightgray);
	outline-color: #27ae60;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-webkit-appearance: textfield;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	line-height: 40px;	
	height: 40px;
	border-radius: 5px;
}
.touch-btn::-ms-expand {
	display: none;
}
.touch-btn label {
	color: #000;
}

.chbox input[type="checkbox"]{display:none;}
.chbox input[type="radio"]{display:none;}

.chbox input[type="checkbox"] ~ .touch-btn label {
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	height: 100%;
	padding: 0 15px;
	font-family: 'Exo 2', sans-serif;	
}
.chbox input[type="checkbox"] ~ .touch-btn label:hover {
	text-decoration:none;
}
.chbox {
	display: inline-block;
	margin-right: 10px;
}
.chbox .chb:checked ~ .touch-btn {
	background: var(--superlightblue);
}
@media (max-width: 700px) {
	.chbox {
		margin-bottom: 10px;
	}	
}
@media (max-width: 400px) {
	.modal form, .modal .ham-links {
		width: 100%;
	}
	.modal form .ttl {
		font-size: 1em;
	}
}


















