

/* Start:/local/templates/main/css/ptichka.css?17158624775930*/
﻿.ptichka_part {
	opacity: 0;
	display: inline-block;
}
.ptichka_part[data-href] {
	cursor: pointer;
}
.ptichka__overlay {
	transition: 0.3s ease;
}
#ptichka_mask .ptichka_part {
	opacity: 1;
}

.ptichka {
	position: relative;
	overflow: hidden;
}
.ptichka:before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 43.45%;
}
.ptichka svg {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.ptichka__adap {
	display: none;
	position: absolute;
	left: 0; top: 0;
	z-index: 5;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.3);
	
}
.ptichka__adap .button-gold2 {
	width: 100%;
}
.ptichka__aero {
	width: 150px;
	position: absolute;
	margin: auto;
	left: 0; right: 0;
	bottom: 15px;
	font-family: Gilroy;
	font-weight: 600;
	font-size: 14px;
	line-height: 15px;
	text-align: center;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #FFFFFF !important;
	text-decoration: none !important;
	display: block;
	padding-top: 74px;
	cursor: pointer;
}
.ptichka__aero:before,
.ptichka__aero:after {
	content: "";
	width: 64px; height: 64px;
	background: no-repeat center;
	background-size: contain;
	position: absolute;
	left: 0; top: 0; right: 0;
	margin: auto;
	transition: 0.25s ease;
}
.ptichka__aero:before {
	background-image: url(/local/templates/main/css/../images/aero_ico.svg);
}
.ptichka__aero:after {
	background-image: url(/local/templates/main/css/../images/aero_ico_h.svg);
	opacity: 0;
	transition: 0.2s ease;
}
.ptichka__aero:hover:before {
	opacity: 0
}
.ptichka__aero:hover:after {
	opacity: 1;
}

@media (max-height: 850px) and (min-width: 1229px) {
	.ptichka__aero {
		font-size: 12px;
		padding-top: 60px;
	}
	.ptichka__aero:before,
	.ptichka__aero:after {
		width: 50px; height: 50px;
	}
}
@media(max-width: 1420px)
{
	.immovables .ptichka
	{
		margin: 0;
	}
}
@media(max-width: 1230px) {
	.ptichka__aero {
		font-size: 12px;
		padding-top: 60px;
	}
	.ptichka__aero:before,
	.ptichka__aero:after {
		width: 50px; height: 50px;
	}
}
@media(max-width: 991px) {
	.ptichka__adap {
		display: flex;
		align-items: center;
	}
	.ptichka__grad {
		display: none;
	}
	.ptichka__aero
	{
		z-index: 10;
		display: none
	}
	.ptichka svg
	{
		height: 100%;
	}
	
}


.tooltip__item {
	position: absolute;
	display: block;
	text-decoration: none !important;
	color: #363D41;
}
.tooltip__item-static {
	background: rgba(255,255,255,0.9);
	text-align: center;
	width: 65px;
	height: 65px;
	font-family: Gilroy;
	font-weight: 500;

	color: #363D41;
	border-radius: 50%;
	transition: 0.3s ease;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;

	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;

	align-items: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;



}



.tooltip__item-static span
{
	font-size: 18px;
	line-height: 1;
}
.tooltip__item-active {
	position: absolute;
	left: 0; top: 0;
	/*width: 186px;*/
	width: auto;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	padding: 6px 6px;
	color: #363D41;
	opacity: 0;
	transition: 0.3s ease;
	pointer-events: none;
}
.tooltip__item-title {
	font-family: Gilroy;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;	
	margin-bottom: 5px;
	color: #363d41;
	white-space: nowrap;
}
.tooltip__item-date {
	font-family: Raleway;
	font-weight: 500;
	font-size: 12px;
	line-height: 17px;
	white-space: nowrap;

}
.tooltip__item-info {
	font-family: Raleway;
	font-size: 11px;
	line-height: 17px;	
	letter-spacing: 0.04em;
	white-space: nowrap;
}
.tooltip__item--fade .tooltip__item-static {
	/*opacity: 0.5;*/
	background: rgba(255, 255, 255, 0.35);
}
.tooltip__item--show {
	z-index: 2;
}
.tooltip__item--show .tooltip__item-static {
	opacity: 0;
}
.tooltip__item--show .tooltip__item-active {
	opacity: 1;
}

.tooltip--house {
	position: absolute;
	pointer-events: none;
}
.tooltip--house .tooltip__item {
	padding: 15px 10px;
	width: 213px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.tooltip--house .tooltip__item--show {
	opacity: 1;
}
.tooltip--top .tooltip__item {
	transform: translateY(-100%);
}
.tooltip--right .tooltip__item {
	transform: translateX(-100%);
}

.tooltip--top.tooltip--right .tooltip__item {
	transform: translate(-100%, -100%);
}

@media(max-width: 1620px) {
	.tooltip__item-static {
		width: 65px; height: 65px;
		font-size: 18px;
		line-height: 25px;
		padding: 20px 0;
	}
	.tooltip__item-static span
	{
		font-size: 18px;
		line-height: 28px;
	}

}

@media(max-width: 1420px) {
	.tooltip__item-static {
		width: 60px; height: 60px;
		font-size: 16px;
		line-height: 23px;
		padding: 20px 0;
	}
	
	.tooltip__item-title {
		font-size: 16px;
		line-height: 23px;
		margin-bottom: 7px;
	}
	.tooltip__item-active {
		/*width: 160px;*/
	}

	.tooltip__item-static span
	{
		font-size: 14px;
		line-height: 1;
	}
}
@media (max-height: 850px) and (min-width: 1229px) {
	.tooltip__item-static {
		width: 50px; height: 50px;
		font-size: 16px;
		line-height: 23px;
	}
	
	.tooltip__item-title {
		font-size: 16px;
		line-height: 23px;
		margin-bottom: 7px;
	}
	.tooltip__item-active {
		/*width: 160px;*/
	}

	.tooltip__item-static span
	{
		font-size: 14px;
		line-height: 1;
	}
}

@media(max-width: 1230px) {
	.tooltip__item-static {
		width: 50px; height: 50px;
		font-size: 14px;
		line-height: 21px;
		padding: 15px 0;
	}
	
	.tooltip__item-title {
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 5px;
	}
	.tooltip__item-active {
		/*width: 150px;*/
	}
	.tooltip__item-date {
		font-size: 11px;
		line-height: 14px;
	}
	.tooltip__item-info {
		font-size: 9px;
		line-height: 12px;
	}

	.tooltip--house .tooltip__item {
		width: 185px;
	}
}
@media(max-width: 991px) {
	.tooltip {
		display: none;
	}
}



/* End */


/* Start:/local/js.lib/bootstrap/bootstrap.css?171586247842395*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media(min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media(min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:100%}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1230px){.container{width:1160px}}@media(min-width:1420px){.container{width:1390px}}@media(min-width:1620px){.container{width:1590px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;display:table-column;float:none}table td[class*="col-"],table th[class*="col-"]{position:static;display:table-cell;float:none}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{line-height:34px}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"]{line-height:30px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"]{line-height:46px}}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-top:4px;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:normal;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback,.input-group-lg+.form-control-feedback,.form-group-lg .form-control+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.input-group-sm+.form-control-feedback,.form-group-sm .form-control+.form-control-feedback{width:30px;height:30px;line-height:30px}@media(min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropup,.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media(min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media(min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media(min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media(min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge,.btn-group-xs>.btn .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media(min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media(min-width:992px){.modal-lg{width:900px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-header:after,.modal-footer:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(max-width:767px){.visible-xs-block{display:block!important}}@media(max-width:767px){.visible-xs-inline{display:inline!important}}@media(max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media(min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media(min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media(min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media(min-width:1200px){.visible-lg-block{display:block!important}}@media(min-width:1200px){.visible-lg-inline{display:inline!important}}@media(min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media(max-width:767px){.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/* End */


/* Start:/local/templates/main/css/common.css?1747904626185675*/
@font-face {
    font-family: "Raleway";
    src: url(/local/templates/main/css/../fonts/ONYLavrBeta-UltraLight.woff2) format("woff2"), url(/local/templates/main/css/../fonts/ONYLavrBeta-UltraLight.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Raleway";
    src: url(/local/templates/main/css/../fonts/ONYLavr-Light.woff2) format("woff2"), url(/local/templates/main/css/../fonts/ONYLavr-Light.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Raleway";
    src: url(/local/templates/main/css/../fonts/ONYLavr-Regular.woff2) format("woff2"), url(/local/templates/main/css/../fonts/ONYLavr-Regular.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Raleway";
    src: url(/local/templates/main/css/../fonts/ONYLavr-Medium.woff2) format("woff2"), url(/local/templates/main/css/../fonts/ONYLavr-Medium.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Raleway";
    src: url(/local/templates/main/css/../fonts/ONYLavr-Bold.woff2) format("woff2"), url(/local/templates/main/css/../fonts/ONYLavr-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url(/local/templates/main/css/../fonts/ONYLavrBeta-UltraLight.woff2) format("woff2"), url(/local/templates/main/css/../fonts/ONYLavrBeta-UltraLight.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url(/local/templates/main/css/../fonts/ONYLavr-Light.woff2) format("woff2"), url(/local/templates/main/css/../fonts/ONYLavr-Light.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url(/local/templates/main/css/../fonts/ONYLavr-Regular.woff2) format("woff2"), url(/local/templates/main/css/../fonts/ONYLavr-Regular.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url(/local/templates/main/css/../fonts/ONYLavr-Medium.woff2) format("woff2"), url(/local/templates/main/css/../fonts/ONYLavr-Medium.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url(/local/templates/main/css/../fonts/ONYLavr-Bold.woff2) format("woff2"), url(/local/templates/main/css/../fonts/ONYLavr-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Druk";
    src: url(/local/templates/main/css/../fonts/ONYLavr-Bold.woff2) format("woff2"), url(/local/templates/main/css/../fonts/ONYLavr-Bold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

body, html {
    font-family: "Gilroy";
    color: #363d41;
    font-weight: 500;
    min-width: 320px;
    font-feature-settings: "pnum" on, "lnum" on
}

body.body--fix {
    overflow: hidden
}

.page--gray, .page--gray header {
    background: #f7f7f3
}

a, a:focus {
    outline: 0;
    text-decoration: none
}

.content, .wrapper {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    position: relative
}

.wrapper {
    min-height: 100vh
}

.content {
    overflow: hidden;
    flex-grow: 1;
    -ms-flex-grow: 1
}

.content-wr {
    position: relative;
    z-index: 0
}

.h1, .h2, .h3, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0
}

.subtitle {
    font-size: 25px;
    line-height: 42px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #b68d5c;
    margin-bottom: 10px
}

.h1, h1 {
    font-weight: 600;
    font-size: 68px;
    line-height: 78px;
    letter-spacing: 1.44px;
    color: #363d41;
    margin-bottom: 70px
}

.h2, .h3, h2, h3 {
    margin-bottom: 40px
}

.h2, h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #363d41;
    font-family: "Raleway", sans-serif
}

.h3, h3 {
    font-size: 25px;
    line-height: 35px
}

.big-title, .h3, .h4, h3, h4 {
    font-weight: 600;
    color: #363d41
}

.h4, h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    font-family: "Raleway", sans-serif
}

.big-title {
    font-size: 140px;
    line-height: 150px;
    margin-bottom: 100px
}

.tw-3 {
    max-width: calc(1360px / 3)
}

.tw-2 {
    max-width: calc(1360px / 2)
}

.tw-33 {
    width: 33.33%
}

.tw-50 {
    width: 50%
}

.tw-75 {
    width: 75%
}

@media (max-width: 1620px) {
    .subtitle {
        font-size: 20px;
        line-height: 34px;
        margin-bottom: 10px
    }

    .h1, h1 {
        font-size: 68px;
        line-height: 78px;
        margin-bottom: 70px
    }

    .big-title {
        font-size: 120px;
        line-height: 130px;
        margin-bottom: 100px
    }
}

@media (max-width: 1419px) {
    .subtitle {
        font-size: 16px;
        line-height: 30px
    }

    .h1, h1 {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 50px
    }

    .big-title {
        font-size: 90px;
        line-height: 100px;
        margin-bottom: 70px
    }
}

@media (max-width: 1229px) {
    .subtitle {
        font-size: 14px;
        line-height: 24px
    }

    .h1, h1 {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 30px
    }

    .h2, .h3, h2, h3 {
        margin-bottom: 40px
    }

    .big-title {
        font-size: 70px;
        line-height: 80px;
        margin-bottom: 50px
    }
}

@media (max-height: 850px) and (min-width: 1229px) {
    .subtitle {
        font-size: 14px;
        line-height: 24px
    }

    .h1, h1 {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 30px
    }

    .h2, .h3, h2, h3 {
        margin-bottom: 40px
    }

    .big-title {
        font-size: 70px;
        line-height: 80px;
        margin-bottom: 50px
    }
}

@media (max-width: 991px) {
    .subtitle {
        font-size: 11px;
        line-height: 22px
    }

    .h1, h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 30px
    }

    .big-title {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 40px
    }

    .h2, h2 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 30px
    }

    .h3, .h4, h3, h4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px
    }

    .h4, h4 {
        font-size: 18px;
        line-height: 28px
    }

    .tw-33 {
        width: 50%
    }

    .tw-50 {
        width: 75%
    }
}

@media (max-width: 767px) {
    .h1, h1 {
        font-size: 35px;
        line-height: 45px
    }

    .big-title {
        font-size: 50px;
        line-height: 60px
    }

    .h2, h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 25px
    }

    .h3, h3 {
        font-size: 18px;
        line-height: 28px
    }

    .h4, h4 {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 15px
    }

    .tw-75 {
        width: calc(100%)
    }
}

@media (max-width: 600px) {
    .h1, h1 {
        font-size: 30px;
        line-height: 40px
    }

    .big-title {
        font-size: 40px;
        line-height: 50px
    }
}

@media (max-width: 450px) {
    .h1, h1 {
        font-size: 25px;
        line-height: 28px
    }

    .big-title {
        font-size: 30px;
        line-height: 40px
    }
}

img {
    max-width: 100%
}

.subtitle--lightgold {
    color: #eec99e
}

.button-gold a, .button-gold span, .button-gray a, .button-gray span {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: .01em;
    transition: .5s;
    cursor: pointer
}

.button-gold a, .button-gold span {
    font-weight: 600;
    text-transform: uppercase;
    color: #b68d5c;
    padding: 9px;
    border: 1px solid transparent;
    position: relative
}

.button-gold a:before {
    content: "";
    position: absolute;
    left: calc(50% - 15px);
    height: 1px;
    background-color: #b68d5c;
    transition: .5s
}

.button-gold a:before, .button-gold span:before {
    width: 30px;
    bottom: -1px
}

.button-gold a:after, .button-gold span:after, .button-gold span:before {
    content: "";
    position: absolute;
    left: calc(50% - 15px);
    height: 1px;
    background-color: #b68d5c;
    transition: .5s
}

.button-gold a:after, .button-gold span:after {
    bottom: auto;
    top: -1px;
    width: 0;
    left: 50%
}

.button-gold a:hover:after, .button-gold a:hover:before, .button-gold span:hover:after, .button-gold span:hover:before {
    left: 0;
    width: 100%
}

.button-gold a:hover {
    text-decoration: none
}

.button-gray {
    margin-top: 10px;
    display: block
}

.button-gray a, .button-gray span {
    color: #fff;
    background-color: #989898;
    border: 1px solid #989898;
    text-transform: none;
    width: 100%;
    border-radius: 20px;
    padding: 5px 0;
    max-width: 218px;
    text-align: center
}

.button-black, .button-gold2 {
    text-align: center;
    display: block
}

.button-black input[type=button], .button-black input[type=submit] {
    height: auto !important
}

.button-black a:not(.modef), .button-black button, .button-black input[type=button], .button-black input[type=submit], .button-black span {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: #fff;
    padding: 13px 30px;
    background-color: #363d41;
    border: 1px solid #363d41;
    transition: .5s;
    cursor: pointer
}

.button-black:hover a, .button-black:hover button, .button-black:hover input[type=submit], .button-black:hover span {
    background-color: #fff;
    color: #363d41;
    text-decoration: none
}

.button-black a:hover, .form-item--check span a:hover, .form-item--radio span a:hover {
    text-decoration: none
}

.button-black > a.modef {
    display: block;
    padding: 0
}

.button-gold2 a:not(.modef), .button-gold2 span {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 30px;
    background-color: #b68d5c;
    border: 1px solid #b68d5c;
    transition: .5s;
    cursor: pointer
}

.button-gold2:hover a:not(.modef), .button-gold2:hover span {
    background-color: #fff;
    color: #b68d5c;
    text-decoration: none
}

.button-gold2 a:not(.modef):hover {
    text-decoration: none
}

.button-option a,
.button-option span{
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.071;
    text-transform: uppercase;
    letter-spacing: 0.014em;
    color: #363D41;
    background: transparent;
    padding: 0.5em 1.642em;
    border: 1px solid #363D41;
    text-decoration: none;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}
.button-option:hover > *{
    color: #fff;
    background: #363D41;
    box-shadow: none;
}
.button-option:hover > *::before{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik01IDEyVjRtMTQgMTZ2LTNNNSAyMHYtNG0xNC0zVjRtLTcgM1Y0bTAgMTZ2LTlNNSAxNmEyIDIgMCAxIDAgMC00IDIgMiAwIDAgMCAwIDRaTTEyIDExYTIgMiAwIDEgMCAwLTQgMiAyIDAgMCAwIDAgNFpNMTkgMTdhMiAyIDAgMSAwIDAtNCAyIDIgMCAwIDAgMCA0WiIvPgo8L3N2Zz4K");
}
.button-option > *::before{
    content: '';
    font-size: 1em;
    line-height: 1;
    width: 1.714em;
    height: 1.714em;
    margin-right: 1.142em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBzdHJva2U9IiMzNjNENDEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik01IDEyVjRtMTQgMTZ2LTNNNSAyMHYtNG0xNC0zVjRtLTcgM1Y0bTAgMTZ2LTlNNSAxNmEyIDIgMCAxIDAgMC00IDIgMiAwIDAgMCAwIDRaTTEyIDExYTIgMiAwIDEgMCAwLTQgMiAyIDAgMCAwIDAgNFpNMTkgMTdhMiAyIDAgMSAwIDAtNCAyIDIgMCAwIDAgMCA0WiIvPgo8L3N2Zz4K");
}
.bx-mac .button-option > *::before{
	margin-top: 0;
}

.button-baloon a,
.button-baloon span{
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.071;
    text-transform: uppercase;
    letter-spacing: 0.014em;
    color: #363D41;
    background: transparent;
    padding: 0.5em 1.642em;
    border: 1px solid #363D41;
    text-decoration: none;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}
.button-baloon:hover > *{
    color: #fff;
    background: #363D41;
    box-shadow: none;
}
.button-baloon:hover > *::before{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEuNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik00IDkuNWMwIDQuNTcxIDUuNzE0IDggNS43MTQgOGg0LjU3MlMyMCAxNC4wNzEgMjAgOS41cy0zLjU4Mi04LTgtOC04IDMuNDI5LTggOFoiLz4KICA8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNOSAyYy0zIDYgMSAxNS41IDEgMTUuNU0xNC44ODQgMmMzIDYtMSAxNS41LTEgMTUuNSIvPgogIDxwYXRoIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjQgMjNoLTIuOGEuNi42IDAgMCAxLS42LS42di0xLjhhLjYuNiAwIDAgMSAuNi0uNmgyLjhhLjYuNiAwIDAgMSAuNi42djEuOGEuNi42IDAgMCAxLS42LjZaIi8+Cjwvc3ZnPgo=");
}
.button-baloon > *::before{
    content: '';
    font-size: 1em;
    line-height: 1;
    width: 1.714em;
    height: 1.714em;
    margin-right: 1.142em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBzdHJva2U9IiMzNjNENDEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEuNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik00IDkuNWMwIDQuNTcxIDUuNzE0IDggNS43MTQgOGg0LjU3MlMyMCAxNC4wNzEgMjAgOS41cy0zLjU4Mi04LTgtOC04IDMuNDI5LTggOFoiLz4KICA8cGF0aCBzdHJva2U9IiMzNjNENDEiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNOSAyYy0zIDYgMSAxNS41IDEgMTUuNU0xNC44ODQgMmMzIDYtMSAxNS41LTEgMTUuNSIvPgogIDxwYXRoIHN0cm9rZT0iIzM2M0Q0MSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjQgMjNoLTIuOGEuNi42IDAgMCAxLS42LS42di0xLjhhLjYuNiAwIDAgMSAuNi0uNmgyLjhhLjYuNiAwIDAgMSAuNi42djEuOGEuNi42IDAgMCAxLS42LjZaIi8+Cjwvc3ZnPgo=");
}

.bx-mac .button-baloon > *::before {
	margin-top: 0;
}

.text-block {
    max-width: 1325px;
    margin-left: auto;
    margin-right: auto
}

.text-block p {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    font-family: "Raleway", sans-serif
}

.bx-breadcrumb .bx-breadcrumb-item a:hover span, .text-block a {
    color: #b68d5c
}

.text-block img {
    display: block;
    margin-top: 50px;
    margin-bottom: 50px
}

.wrapper ol, .wrapper ul:not(.slick-dots) {
    padding-left: 0;
    list-style-type: none;
    counter-reset: name;
    margin-bottom: 20px;
    margin-top: 20px
}

.wrapper ol > li, .wrapper ul:not(.slick-dots) > li {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 1px;
    margin-bottom: 14px;
    position: relative;
    padding-left: 33px;
    color: #363d41
}

.wrapper ul:not(.slick-dots) > li:before {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    background-color: #363d41
}

.wrapper .bx-authform-social ul:not(.slick-dots) > li:before {
    display: none
}

.wrapper .bx-authform-social ul:not(.slick-dots) > li {
    padding-left: 0
}

.wrapper ol > li {
    font-size: 20px;
    line-height: 28px;
    color: #8d8d8d;
    font-weight: 400
}

.wrapper ol > li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    counter-increment: name;
    content: counter(name);
    margin-right: 13px
}

@media (max-width: 1620px) {
    .text-block {
        max-width: 1125px
    }
}

@media (max-width: 1419px) {
    .button-black a, .button-black span {
        font-size: 13px;
        line-height: 13px;
        padding: 13px 24px
    }

    .text-block img {
        margin-bottom: 30px;
        margin-top: 30px
    }

    .text-block p {
        font-size: 20px;
        line-height: 30px
    }

    .wrapper ol > li, .wrapper ul:not(.slick-dots) > li {
        font-size: 18px;
        line-height: 24px;
        padding-left: 26px;
        margin-bottom: 10px
    }

    .wrapper ul:not(.slick-dots) > li:before {
        width: 10px;
        height: 10px;
        top: 6px
    }
}

@media (max-width: 1229px) {
    .button-gold a, .button-gold span {
        font-size: 12px;
        padding: 6px
    }

    .text-block p {
        font-size: 18px;
        line-height: 28px
    }

    .wrapper ol, .wrapper ul:not(.slick-dots) {
        margin-top: 15px;
        margin-bottom: 15px
    }
    .button-option a,
    .button-option span{
        font-size: 10px;
    }
    .button-baloon a,
    .button-baloon span{
        font-size: 10px;
    }
}

@media (max-width: 767px) {
    .text-block p {
        font-size: 16px;
        line-height: 26px
    }

    .wrapper ol, .wrapper ul:not(.slick-dots) {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .wrapper ol > li, .wrapper ul:not(.slick-dots) > li {
        font-size: 16px;
        line-height: 22px;
        padding-left: 24px
    }

    .wrapper ul:not(.slick-dots) > li:before {
        width: 8px;
        height: 8px;
        top: 7px
    }

    .text-block img {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

.bx-breadcrumb {
    text-align: center;
    font-family: "Gilroy";
    padding: 33px 15px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2
}

.container .bx-breadcrumb {
    padding-left: 0;
    padding-right: 0
}

.bx-breadcrumb, .bx-breadcrumb .bx-breadcrumb-item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center
}

.bx-breadcrumb .bx-breadcrumb-item {
    color: #b68d5c;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0
}

.bx-breadcrumb-separator {
    margin-left: 10px;
    margin-right: 10px;
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #6d6d6d;
    transform: rotate(45deg)
}

.bx-breadcrumb .bx-breadcrumb-item a {
    border-bottom: none;
    color: #6d6d6d;
    transition: .2s;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none
}

.bx-breadcrumb .bx-breadcrumb-item a span {
    transition: .2s;
    color: #6d6d6d
}

.bx-breadcrumb-item--active span {
    color: #b68d5c;
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 1620px) {
    .bx-breadcrumb {
        font-size: 13px;
        line-height: 16px
    }
}

@media (max-width: 991px) {
    .bx-breadcrumb {
        width: 100%;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .bx-breadcrumb-separator {
        margin-left: 5px;
        margin-right: 5px;
        width: 4px;
        height: 4px
    }

    .bx-breadcrumb .bx-breadcrumb-item {
        display: inline-block;
        vertical-align: middle
    }
}

@media (max-width: 600px) {
    .bx-breadcrumb {
        display: block;
        text-align: left
    }
}

.page-top, .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-top .h1, .page-top h1, .top .h1, .top h1 {
    margin-bottom: 0
}

@media (max-width: 1419px) {
    .page-top, .top {
        margin-bottom: 50px
    }
}

@media (max-width: 991px) {
    .page-top .button-gold, .top .button-gold {
        display: none
    }

    .page-top, .top {
        margin-bottom: 30px
    }
}

.files-block {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    margin-top: 30px
}

.files-block__item {
    width: 50%;
    padding-left: 55px;
    padding-right: 30px;
    position: relative;
    margin-bottom: 22px
}

.files-block__item:before {
    content: "";
    width: 45px;
    height: 45px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/local/templates/main/css/../images/file-ico.svg);
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0
}

.files-block__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1px;
    margin-bottom: 4px;
    color: #363d41
}

.files-block__size {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #a5a5a7;
    font-family: "Raleway", sans-serif
}

.flat-card__roza {
    width: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1
}

@media (max-width: 991px) {
    .files-block__title {
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .files-block__title {
        font-size: 16px;
        line-height: 22px
    }

    .files-block__size {
        font-size: 10px;
        line-height: 15px
    }
    .page-top .button-option,
    .top .button-option {
        display: none;
    }
}

@media (max-width: 650px) {
    .files-block__item {
        padding-right: 0;
        width: 100%;
        padding-left: 50px
    }

    .files-block__item:last-child {
        margin-bottom: 0
    }

    .files-block__item:before {
        width: 40px;
        height: 40px
    }
}

.blockquote {
    margin-top: 100px;
    margin-bottom: 100px
}

.blockquote__left, .blockquote__right {
    width: 50%
}

.blockquote__left {
    padding-right: 20px;
    float: left
}

.blockquote__right {
    float: right
}

.blockquote__text {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    font-family: "Raleway", sans-serif
}

.blockquote__text:before {
    content: "«";
    display: inline-block;
    font-weight: 600
}

.blockquote__text:after {
    content: "»";
    display: inline-block
}

.blockquote__title {
    font-weight: 500;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: 2.42px;
    margin-bottom: 20px
}

.blockquote__subtitle {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px
}

@media (max-width: 1419px) {
    .blockquote {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .blockquote__title {
        font-size: 37px;
        line-height: 41px
    }

    .blockquote__subtitle {
        font-size: 18px;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .blockquote__left, .blockquote__right {
        width: 100%;
        padding: 0;
        float: none
    }

    .blockquote__right {
        margin-bottom: 20px
    }

    .blockquote {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .blockquote__title {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px
    }

    .blockquote__subtitle {
        font-size: 16px;
        line-height: 26px
    }
}

@media (max-width: 767px) {
    .blockquote__text {
        font-size: 18px;
        line-height: 28px
    }

    .blockquote__title {
        font-size: 25px;
        line-height: 30px
    }

    .blockquote__subtitle {
        font-size: 14px;
        line-height: 24px
    }
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #b68d5c;
    width: 4px
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer {
    width: 4px;
    min-width: 4px
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 1
}

.scrollbar-dynamic > .scroll-element.scroll-y, .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    width: 4px
}

.table-wrap {
    margin-top: 100px;
    margin-bottom: 100px
}

.text-block table {
    width: 100%;
    min-width: 700px
}

.text-block table td, .text-block table th {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    padding: 10px
}

.text-block table td {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #231f20
}

.text-block table tr:nth-child(odd) td {
    background-color: #f5f5f5
}

@media (max-width: 1419px) {
    .table-wrap {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

@media (max-width: 1229px) {
    .table-wrap {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media (max-width: 991px) {
    .text-block table td {
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width: 767px) {
    .text-block table td {
        font-size: 14px;
        line-height: 18px;
        max-width: 60vw
    }
}

.content-block {
    margin-bottom: 185px
}

.content-block-top {
    margin-top: 185px
}

.immovables.content-block-top, .similar.content-block-top {
    margin-top: 90px
}

.content-block-top-min {
    margin-top: 135px
}

.content-block-min {
    margin-bottom: 135px
}

.content-block__top {
    margin-bottom: 100px;
    position: relative
}

.content-block.conter-block--no-btn {
    margin-bottom: 0
}

.content-block-big-p {
    padding: 135px 0
}

.content-block-p {
    padding: 185px 0
}

.content-block-btm-p {
    padding-bottom: 185px
}

.content-block-top-p {
    padding-top: 185px
}

.content-block-top-p-min {
    padding-top: 135px
}

.content-block__top-control {
    margin-top: -66px;
    font-size: 0;
    text-align: right;
    min-height: 44px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.content-block__top-control-arrow, .content-block__top-control-arrow .slider__arrow, .content-block__top-control-btn {
    display: inline-block;
    vertical-align: bottom
}

.content-block__top-control-arrow {
    font-size: 0;
    margin-left: 50px
}

.content-block__top-control-arrow .slider__arrow--prev {
    margin-right: 5px
}

.content-block__top .h1, .content-block__top h1, .page--first-screen header, header {
    margin-bottom: 0
}

@media (max-width: 1820px) {
    .content-block {
        margin-bottom: 150px
    }

    .content-block.conter-block--no-btn {
        margin-bottom: 0
    }

    .content-block-big-p {
        padding: 100px 0
    }

    .content-block-p {
        padding: 150px 0
    }

    .content-block-btm-p {
        padding-bottom: 150px
    }

    .content-block-top-p {
        padding-top: 150px
    }

    .content-block-top-p-min {
        padding-top: 110px
    }

    .content-block-min {
        margin-bottom: 110px
    }

    .content-block__top {
        margin-bottom: 80px
    }

    .content-block-top {
        margin-top: 150px
    }

    .content-block-top-min {
        margin-top: 110px
    }

    .immovables.content-block-top, .similar.content-block-top {
        margin-top: 70px
    }
}

@media (max-width: 1620px) {
    .content-block {
        margin-bottom: 100px
    }

    .content-block-p {
        padding: 100px 0
    }

    .content-block-big-p {
        padding: 85px 0
    }

    .content-block-btm-p {
        padding-bottom: 100px
    }

    .content-block-top-p-min {
        padding-top: 70px
    }

    .content-block-min {
        margin-bottom: 80px
    }

    .content-block__top {
        margin-bottom: 50px
    }

    .content-block-top {
        margin-top: 100px
    }

    .content-block-top-min {
        margin-top: 80px
    }
}

@media (max-width: 1419px) {
    .content-block__top-control {
        margin-top: -56px
    }
}

@media (max-height: 850px) and (min-width: 1229px) {
    .content-block {
        margin-bottom: 100px
    }

    .content-block-p {
        padding: 100px 0
    }

    .content-block-big-p {
        padding: 65px 0
    }

    .content-block-btm-p {
        padding-bottom: 100px
    }

    .content-block-top-p-min {
        padding-top: 70px
    }

    .content-block-min {
        margin-bottom: 80px
    }

    .content-block__top {
        margin-bottom: 50px
    }

    .content-block-top {
        margin-top: 100px
    }

    .content-block-top-min {
        margin-top: 80px
    }

    .content-block__top-control {
        margin-top: -56px
    }

    .content-block__top.content-block__top--tab .content-block__top-control-arrow {
        margin-left: 30px
    }

    .immovables.content-block-top, .similar.content-block-top {
        margin-top: 50px
    }
}

@media (max-width: 1230px) {
    .content-block {
        margin-bottom: 80px
    }

    .content-block-p {
        padding: 80px 0
    }

    .content-block-big-p {
        padding: 65px 0
    }

    .content-block-btm-p {
        padding-bottom: 80px
    }

    .content-block-top-p-min {
        padding-top: 60px
    }

    .content-block-min {
        margin-bottom: 60px
    }

    .content-block__top {
        margin-bottom: 40px
    }

    .content-block-top {
        margin-top: 80px
    }

    .content-block-top-min {
        margin-top: 60px
    }

    .content-block__top-control {
        margin-top: -46px;
        min-height: 35px
    }

    .content-block__top.content-block__top--tab .content-block__top-control-arrow {
        margin-left: 30px
    }

    .immovables.content-block-top, .similar.content-block-top {
        margin-top: 40px
    }
}

@media (max-width: 991px) {
    .content-block__top-control {
        width: 100%;
        margin-top: -40px
    }

    .content-block__top-control-arrow, .content-block__top.content-block__top--tab .content-block__top-control-arrow {
        margin-left: auto
    }

    .content-block__top:not(.content-block__top--tab) .content-block__top-control-btn {
        display: none
    }

    .content-block__top.content-block__top--tab .content-block__top-control {
        margin-top: 30px;
        text-align: left;
        align-items: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        justify-content: flex-start
    }

    .content-block__top.content-block__top--tab {
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .content-block {
        margin-bottom: 60px
    }

    .content-block-p {
        padding: 60px 0
    }

    .content-block-btm-p {
        padding-bottom: 60px
    }

    .content-block-top-p-min {
        padding-top: 30px
    }

    .content-block-min {
        margin-bottom: 30px
    }

    .content-block__top {
        margin-bottom: 20px
    }

    .content-block-top {
        margin-top: 60px
    }

    .content-block-top-min, .immovables.content-block-top, .similar.content-block-top {
        margin-top: 30px
    }
}

@media (max-width: 650px) {
    .content-block__top-control-arrow {
        display: none
    }

    .content-block__top:not(.content-block__top--tab) .content-block__top-control {
        display: none
    }
}

.fancybox-slide--video {
    padding: 0 !important
}

.swiper-slide {
    height: auto
}

.slick-slide {
    outline: 0;
    height: auto
}

.slick-dots {
    position: static !important;
    padding-top: 10px !important;
    padding-bottom: 20px !important
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important
}

.slick-dots li button:before {
    display: none !important
}

.slick-dots li {
    margin: 0 !important;
    vertical-align: middle !important
}

.slick-dots li button {
    background-color: #868b8d !important;
    width: 4px !important;
    height: 4px !important;
    margin-left: 8px !important;
    margin-top: 8px !important
}

.slick-dots li button, .swiper-pagination-bullet {
    padding: 0 !important;
    border-radius: 50% !important;
    opacity: 1 !important
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-bullet {
    margin: 0 5px !important;
    display: inline-block !important;
    vertical-align: middle !important
}

.slick-dots li.slick-active button {
    background-color: transparent !important;
    width: 8px !important;
    height: 8px !important
}

.slick-dots li.slick-active button, .swiper-pagination-bullet-active {
    border: 2px solid #363d41 !important;
    margin-left: 6px !important;
    margin-top: 6px !important
}

.swiper-pagination {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    position: static !important
}

.swiper-wrapper:not(.otdelka__white .swiper-wrapper):not(.otdelka__what .swiper-wrapper):not(.about-history__bottom .swiper-wrapper ):not(.detail-comp__content .swiper-wrapper )  {
    height: auto !important
}

.swiper-pagination-bullet {
    background-color: #000 !important;
    width: 4px !important;
    height: 4px !important
}

.swiper-pagination-bullet-active {
    background-color: transparent !important;
    width: 8px !important;
    height: 8px !important
}

@media (max-width: 600px) {
    .slick-dots li {
        width: 13px
    }
}


.header--fix {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 3;
    transition: 0.3s;
}

.header--fix.header--fix-scroll {
    position: fixed;
    box-shadow: 0 0 20px 3px rgba(54, 54, 54, .2)
}

@media (min-width: 992px) {
    .body--not-fix-header .wrapper {
        padding-top: 0 !important
    }
    
    .body--not-fix-header .header--fix {
        position: relative;
        box-shadow: none;
        background: 0 0
    }
}

@media (max-width: 991px) {
  /*   .header--fix, .header--fix.header--fix-scroll {
        position: relative;
        box-shadow: none;
        background: 0 0;
        z-index: 2;
    }

    .wrapper {
        padding-top: 0 !important
    } */
}

.header-wrap {
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px;
}

.header-logo {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 105px;
    padding: 27px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header-logo img {
    display: block;
    width: 126px;
    height: 31px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
}

.header-center {
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.header-menu {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-right: 25px;
}

a.header-menu__link {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #363d41;
    text-decoration: none;
    font-size: 17px;
    line-height: 1.594;
    font-weight: 400;
    padding: 27px 10px;
    height: 100%;
}

.header-menu__item.is-active a.header-menu__link {
    color: #b68d5c;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

a.header-menu__link:hover {
    color: #b68d5c;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

a.header-menu__link.selected {
    color: #b68d5c
}

.header-menu__submenu-toggler {
    position: absolute;
    top: -13.5px;
    right: 0;
    display: none;
    width: 100%;
    height: 45px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIyIDIxIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjYSkiPgogICAgPHBhdGggc3Ryb2tlPSIjQjY4RDVDIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTExIDE5LjY2N1YuOTk3bTAgMTguNjcgNS41LTUuNW0tNS41IDUuNUw1LjMzMyAxNCIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iYSI+CiAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDIxVjBoMjJ2MjF6Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-size: 21px 22px;
    background-position: 100% 50%;
    cursor: pointer;
    z-index: 2;
}

.header-menu__item.is-active .header-menu__submenu-toggler {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-position: 0% 50%;
}

.header-submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-10px);
    -ms-transform: translateX(-50%) translateY(-10px);
    transform: translateX(-50%) translateY(-10px);
    width: 100%;
    min-height: 345px;
    max-height: calc(100vh - 85px);
    overflow-y: auto;
    padding: 45px 40px;
    padding-left: 271px;
    background: #EFF2F2;
    -webkit-box-shadow: 0 16px 23px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 23px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.header-menu__item.is-active .header-submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}

.header-submenu__item {
    width: 185px;
}

.header-submenu__item:not(:last-child) {
    margin-bottom: 15px;
}

a.header-submenu__link {
    display: inline-block;
    color: #363d41;
    text-decoration: none;
    font-size: 17px;
    font-weight: 400;
    padding: 0 10px;
    line-height: 1.594;
}

.header-submenu__item.is-active a.header-submenu__link {
    color: #B68E5B;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: rgba(182, 142, 91, 0.1);
}

a.header-submenu__link:hover {
    color: #B68E5B;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

a.header-submenu__link.selected {
    color: #B68E5B
}

.header-sublist {
    position: absolute;
    top: 0;
    width: calc(100% - 476px);
    left: 476px;
    padding: 45px 40px;
    background: #fff;
    height: 100%;
    z-index: 2;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: -ms-flexbox;
    display: flex;
}

.header-menu__item.is-active .header-submenu__item.is-active .header-sublist {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.header-sublist__inner {
    display: flex;
    width: 100%;
    min-width: 100%;
}

.header-sublist__inner>.scroll-element,
.header-sublist__inner>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.header-sublist__inner>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.header-sublist__inner>.scroll-element.scroll-x {
    bottom: 0;
    height: 5px;
    left: 0;
    width: 100%;
}

.header-sublist__inner>.scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 5px;
}

.header-sublist__inner>.scroll-element .scroll-element_outer {
    overflow: hidden;
}

.header-sublist__inner>.scroll-element .scroll-element_outer,
.header-sublist__inner>.scroll-element .scroll-element_track,
.header-sublist__inner>.scroll-element .scroll-bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.header-sublist__inner>.scroll-element .scroll-element_track {
    background-color: transparent;
}

.header-sublist__inner>.scroll-element .scroll-bar {
    background-color: #EFF2F2;
}

.header-sublist__inner>.scroll-element:hover .scroll-bar {
    background-color: #EFF2F2;
}

.header-sublist__inner>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #EFF2F2;
}

.header-sublist__inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: 0;
}

.header-sublist__inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: 0;
}

.header-sublist__inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: 0;
}

.header-sublist__inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: 0;
}

.header-sublist__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 45px;
    max-height: 285px;
}

.header-sublist__item {
    height: 80px;
    margin-bottom: 50px;
    margin-right: 70px;
}

.header-sublist__item:nth-child(2n + 2 of .header-sublist__item) {
    margin-bottom: 0;
}

.header-sublist__item:nth-last-child(1 of .header-sublist__item),
.header-sublist__item:nth-last-child(2 of .header-sublist__item) {
    margin-right: 0;
}

a.header-card {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-decoration: none;
}

.header-card__img-wr {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header-card__img-wr--rooms {
    text-align: center;
    color: #A5A5A7;
    border: 1px solid #A5A5A7;
    font-size: 48px;
    line-height: 80px;
    font-weight: 300;
}

.header-card__img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a.header-card:hover .header-card__img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.header-card__info {
    display: block;
    padding: 6px 0 6px 16px;
    max-width: 195px;
}

.header-card__name {
    display: block;
    color: #363d41;
    font-size: 18px;
    line-height: 1.22;
    font-weight: 600;
}

a.header-card:hover .header-card__name {
    color: #B68E5B;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header-card__metro {
    position: relative;
    display: block;
    margin-top: 4px;
    color: #A5A5A7;
    font-size: 16px;
    padding-left: 13px;
    font-weight: 500;
    line-height: 1.1875;
}

.header-card__metro::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.header-card__metro--green::before {
    background: #009A49;
}

.header-card__metro--red::before {
    background: #D6083B;
}

.header-card__metro--blue::before {
    background: #0079CA;
}

.header-card__metro--orange::before {
    background: #EA7125;
}

.header-card__metro--purple::before {
    background: #702785;
}

.header-card__square {
    position: relative;
    display: block;
    margin-top: 4px;
    color: #A5A5A7;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1875;
}

.header-card__cost {
    display: block;
    margin-top: 4px;
    color: #363D41;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1875;
}

.header-sublist__right {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    border-left: 1px solid #EFF2F2;
    margin-left: 50px;
    padding-left: 50px;
}

.header-sublist__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 300px;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 1;
    letter-spacing: 0.14em;
    color: #363D41;
    border: 1px solid #363D41;
    text-decoration: none;
    text-transform: uppercase;
}

.header-sublist__btn:hover {
    color: #fff;
    background: #363D41;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-decoration: none;
}

.header-sublist__btn-icon {
    display: block;
    width: 24px;
    height: auto;
    stroke: currentColor;
    margin-right: 16px;
}

.header-sublist__text {
    max-width: 500px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.166;
}

.header-sublist__link {
    margin-top: 30px;
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.166;
    text-decoration: none;
    color: #363D41;
}

.header-sublist__link:hover {
    color: #B68E5B;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-decoration: none;
}

.header-sublist__link-icon {
    display: block;
    width: 24px;
    height: auto;
    stroke: currentColor;
    margin-left: 4px;
}

.header-city {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 27px 0;
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 2;
}

.header-city__backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    pointer-events: none;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.header-city.is-active .header-city__backdrop {
    pointer-events: all;
    opacity: 1;
}

.header-city__toggler {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.header-city__current {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.555;
    color: #363d41;
    text-decoration: none;
    padding-left: 36px;
    display: block;
    position: relative;
}

.header-city__toggler:hover .header-city__current {
    color: #B68E5B;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header-city__current:before,
.header-city__current:after {
    content: "";
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header-city__current:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI1Ij4KICA8cGF0aCBzdHJva2U9IiNCNjhFNUIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMjAgMTAuNWMwIDYtOCAxMi04IDEycy04LTYtOC0xMmE4IDggMCAxIDEgMTYgMFoiLz4KICA8cGF0aCBzdHJva2U9IiNCNjhFNUIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMTIgMTMuNWEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZaIi8+Cjwvc3ZnPgo=");
}

.header-city__current:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI1Ij4KICA8cGF0aCBzdHJva2U9IiMzNjNENDEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMjAgMTAuNWMwIDYtOCAxMi04IDEycy04LTYtOC0xMmE4IDggMCAxIDEgMTYgMFoiLz4KICA8cGF0aCBzdHJva2U9IiMzNjNENDEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMTIgMTMuNWEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZaIi8+Cjwvc3ZnPgo=");
}

.header-city__toggler:hover .header-city__current:after {
    opacity: 0
}

.header-city__toggler:hover .header-city__current:before {
    opacity: 1
}

.header-city__list {
    position: absolute;
    top: calc(100% - 20px);
    left: -32px;
    min-width: 305px;
    padding: 24px 32px;
    background: #FFF;
    z-index: 2;
    -webkit-box-shadow: 0 3px 10px 0 rgba(196, 196, 196, 0.3);
    box-shadow: 0 3px 10px 0 rgba(196, 196, 196, 0.3);
    border: 1px solid #eff2f2;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header-city.is-active .header-city__list {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.header-city__label {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.555;
    color: #363d41;
    margin-bottom: 12px;
}

a.header-city__option {
    font-size: 17px;
    font-weight: 400;
    display: block;
    line-height: 1.555;
    color: #363d41;
    text-decoration: none;
    padding-left: 36px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
}

a.header-city__option:not(:last-child) {
    margin-bottom: 8px;
}

a.header-city__option:hover {
    color: #B68E5B;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

a.header-city__option:before {
    content: "";
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBzdHJva2U9IiNCNjhFNUIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMjAgNiA5IDE3bC01LTUiLz4KPC9zdmc+Cg==");
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: none;
}

a.header-city__option.is-active:before {
    display: block;
}

.header-right {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    padding: 27px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
}

.header-phone {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-left: 40px;
}

.header-phone a {
    display: block;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.555;
    color: #363d41;
}

.header-phone a span {
    padding-left: 36px;
    display: block;
    position: relative;
}

.header-phone a:hover {
    color: #B68E5B;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header-phone a span:before,
.header-phone a span:after,
.header-comparison:after,
.header-comparison:before {
    content: "";
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain
}

.header-phone a span:before,
.header-phone a span:after {
    width: 24px;
    height: 24px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    top: calc(50% - 12px)
}

.header-phone a span:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI1Ij4KICA8cGF0aCBmaWxsPSIjQjY4RTVCIiBkPSJNMTcuNzA4IDEyLjc5M2EuOTk5Ljk5OSAwIDAgMC0xLjQxNCAwTDE0LjcgMTQuMzg3Yy0uNzM5LS4yMi0yLjExOC0uNzItMi45OTItMS41OTQtLjg3NC0uODc0LTEuMzc0LTIuMjUzLTEuNTk0LTIuOTkybDEuNTk0LTEuNTk0YS45OTkuOTk5IDAgMCAwIDAtMS40MTRsLTQtNGEuOTk5Ljk5OSAwIDAgMC0xLjQxNCAwTDMuNTgyIDUuNTA1Yy0uMzguMzgtLjU5NC45MDItLjU4NiAxLjQzNS4wMjMgMS40MjQuNCA2LjM3IDQuMjk4IDEwLjI2OCAzLjg5OCAzLjg5OCA4Ljg0NCA0LjI3NCAxMC4yNyA0LjI5OGguMDI3Yy41MjggMCAxLjAyNy0uMjA4IDEuNDA1LS41ODZsMi43MTItMi43MTJhLjk5OS45OTkgMCAwIDAgMC0xLjQxNGwtNC00Wm0tLjEyNyA2LjcxMmMtMS4yNDgtLjAyLTUuNTE4LS4zNTYtOC44NzMtMy43MTItMy4zNjYtMy4zNjYtMy42OTItNy42NS0zLjcxMi04Ljg3NGwyLjAwNS0yLjAwNUw5LjU4NyA3LjUgOC4yOTQgOC43OTNhMSAxIDAgMCAwLS4yNzIuOTEyYy4wMjQuMTE1LjYxMSAyLjg0MiAyLjI3MSA0LjUwMiAxLjY2IDEuNjYgNC4zODcgMi4yNDcgNC41MDIgMi4yNzFhLjk5MS45OTEgMCAwIDAgLjkxMi0uMjdsMS4yOTQtMS4yOTQgMi41ODYgMi41ODYtMi4wMDYgMi4wMDVaIi8+Cjwvc3ZnPgo=");
}

.header-phone a span:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI1Ij4KICA8cGF0aCBmaWxsPSIjMzYzRDQxIiBkPSJNMTcuNzA4IDEyLjc5M2EuOTk5Ljk5OSAwIDAgMC0xLjQxNCAwTDE0LjcgMTQuMzg3Yy0uNzM5LS4yMi0yLjExOC0uNzItMi45OTItMS41OTQtLjg3NC0uODc0LTEuMzc0LTIuMjUzLTEuNTk0LTIuOTkybDEuNTk0LTEuNTk0YS45OTkuOTk5IDAgMCAwIDAtMS40MTRsLTQtNGEuOTk5Ljk5OSAwIDAgMC0xLjQxNCAwTDMuNTgyIDUuNTA1Yy0uMzguMzgtLjU5NC45MDItLjU4NiAxLjQzNS4wMjMgMS40MjQuNCA2LjM3IDQuMjk4IDEwLjI2OCAzLjg5OCAzLjg5OCA4Ljg0NCA0LjI3NCAxMC4yNyA0LjI5OGguMDI3Yy41MjggMCAxLjAyNy0uMjA4IDEuNDA1LS41ODZsMi43MTItMi43MTJhLjk5OS45OTkgMCAwIDAgMC0xLjQxNGwtNC00Wm0tLjEyNyA2LjcxMmMtMS4yNDgtLjAyLTUuNTE4LS4zNTYtOC44NzMtMy43MTItMy4zNjYtMy4zNjYtMy42OTItNy42NS0zLjcxMi04Ljg3NGwyLjAwNS0yLjAwNUw5LjU4NyA3LjUgOC4yOTQgOC43OTNhMSAxIDAgMCAwLS4yNzIuOTEyYy4wMjQuMTE1LjYxMSAyLjg0MiAyLjI3MSA0LjUwMiAxLjY2IDEuNjYgNC4zODcgMi4yNDcgNC41MDIgMi4yNzFhLjk5MS45OTEgMCAwIDAgLjkxMi0uMjdsMS4yOTQtMS4yOTQgMi41ODYgMi41ODYtMi4wMDYgMi4wMDVaIi8+Cjwvc3ZnPgo=");
}

.header-phone a:hover span:after {
    opacity: 0
}

.header-phone a:hover span:before {
    opacity: 1
}

.header-favorites,
.header-comparison {
    width: 24px;
    height: 24px;
    margin-left: 40px;
    display: block
}

.header-favorites svg {
    display: block;
    fill: #363d41;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.header-favorites:hover svg,
.header-lk:hover svg {
    fill: #b68d5c
}

.header-favorites span {
    display: none;
    position: absolute;
    right: -7px;
    top: -2px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #b68d5c;
    text-align: center
}

.header-favorites--active span {
    display: block
}

.header-comparison:before,
.header-comparison:after {
    width: 100%;
    height: 100%;
    top: 0;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI1Ij4KICA8cGF0aCBmaWxsPSIjMzYzRDQxIiBkPSJNMTUgMTAuMjVhMy43NSAzLjc1IDAgMCAwIDcuNSAwIC43NS43NSAwIDAgMC0uMDc5LS4zMzVsLTMtNmEuNzUuNzUgMCAwIDAtLjkwOC0uMzc3bC00Ljc0OCAxLjU4M2EyLjI3NSAyLjI3NSAwIDAgMC0xLjAxNS0uNzMzVjJoLTEuNXYyLjM4OGEyLjI0NiAyLjI0NiAwIDAgMC0xLjQ5NyAyLjA3bC00Ljc0IDEuNThhLjc1Ljc1IDAgMCAwLS40MzMuMzc2bC0zIDZhLjc1Ljc1IDAgMCAwLS4wOC4zMzYgMy43NSAzLjc1IDAgMCAwIDcuNSAwIC43NS43NSAwIDAgMC0uMDc5LS4zMzVMNi4zMDggOS4xODhsMy45MjctMS4zMWMuMjYzLjMzNS42MTUuNTg5IDEuMDE1LjczM1YyMS41SDQuNVYyM2gxNXYtMS41aC02Ljc1VjguNjEyYTIuMjQ2IDIuMjQ2IDAgMCAwIDEuNDk3LTIuMDdsMy4wMjMtMS4wMDgtMi4xOSA0LjM4YS43NS43NSAwIDAgMC0uMDguMzM2Wk01LjI1IDE3YTIuMjQ3IDIuMjQ3IDAgMCAxLTIuMTExLTEuNUg3LjM2QTIuMjQ3IDIuMjQ3IDAgMCAxIDUuMjUgMTdabTEuNzg3LTNIMy40NjNsMS43ODctMy41NzNMNy4wMzcgMTRaTTEyIDcuMjVhLjc1Ljc1IDAgMSAxIDAtMS41Ljc1Ljc1IDAgMCAxIDAgMS41Wm02Ljc1IDUuMjVhMi4yNDcgMi4yNDcgMCAwIDEtMi4xMTEtMS41aDQuMjIyYTIuMjQ3IDIuMjQ3IDAgMCAxLTIuMTExIDEuNVptMC02LjU3M0wyMC41MzcgOS41aC0zLjU3M2wxLjc4Ni0zLjU3M1oiLz4KPC9zdmc+Cg==");
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header-comparison:after {
    opacity: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI1Ij4KICA8cGF0aCBmaWxsPSIjQjY4RDVDIiBkPSJNMTUgMTAuMjVhMy43NSAzLjc1IDAgMCAwIDcuNSAwIC43NTIuNzUyIDAgMCAwLS4wNzktLjMzNWwtMy02YS43NS43NSAwIDAgMC0uOTA4LS4zNzdsLTQuNzQ4IDEuNTgzYTIuMjc1IDIuMjc1IDAgMCAwLTEuMDE1LS43MzNWMmgtMS41djIuMzg4YTIuMjQ2IDIuMjQ2IDAgMCAwLTEuNDk3IDIuMDdsLTQuNzQgMS41OGEuNzUuNzUgMCAwIDAtLjQzMy4zNzZsLTMgNmEuNzUuNzUgMCAwIDAtLjA4LjMzNiAzLjc1IDMuNzUgMCAwIDAgNy41IDAgLjc1Ljc1IDAgMCAwLS4wNzktLjMzNUw2LjMwOCA5LjE4OGwzLjkyNy0xLjMxYy4yNjMuMzM1LjYxNS41ODkgMS4wMTUuNzMzVjIxLjVINC41VjIzaDE1di0xLjVoLTYuNzVWOC42MTJhMi4yNDYgMi4yNDYgMCAwIDAgMS40OTctMi4wN2wzLjAyMy0xLjAwOC0yLjE5IDQuMzhhLjc1Ljc1IDAgMCAwLS4wOC4zMzZaTTUuMjUgMTdhMi4yNDcgMi4yNDcgMCAwIDEtMi4xMTEtMS41SDcuMzZBMi4yNDcgMi4yNDcgMCAwIDEgNS4yNSAxN1ptMS43ODctM0gzLjQ2M2wxLjc4Ny0zLjU3M0w3LjAzNyAxNFpNMTIgNy4yNWEuNzUuNzUgMCAxIDEgMC0xLjUuNzUuNzUgMCAwIDEgMCAxLjVabTYuNzUgNS4yNWEyLjI0NyAyLjI0NyAwIDAgMS0yLjExMS0xLjVoNC4yMjJhMi4yNDggMi4yNDggMCAwIDEtMi4xMTEgMS41Wm0wLTYuNTczTDIwLjUzNyA5LjVoLTMuNTczbDEuNzg2LTMuNTczWiIvPgo8L3N2Zz4K")
}

.header-comparison:hover:before {
    color: #b68d5c;
    opacity: 0
}

.header-comparison:hover:after {
    color: #b68d5c;
    opacity: 1
}

.header-comparison span {
    display: none;
    position: absolute;
    right: -12px;
    top: -2px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #b68d5c;
    text-align: center
}

.header-comparison--active span {
    display: block
}

.header-lk {
    margin-left: 40px;
    width: 24px;
    height: 24px
}

.header-lk--in {
    width: 24px;
    height: 24px
}

.header-lk svg {
    fill: #363d41;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
}

.header-lk .header-hint__hint {
    left: auto;
    right: -16px;
}

.header-lk .header-hint__hint:before {
    left: calc(100% - 32px);
}

.header-burger {
    display: none;
    position: relative;
    width: 24px;
    height: 24px;
    margin-left: 25px;
    cursor: pointer;
}

.header-burger:before,
.header-burger:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1.5px;
    background: #363D41;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.header-burger:hover:before,
.header-burger:hover:after {
    background: #b68d5c;
}

.header-burger:before {
    -webkit-transform: translate(-50%, -50%) translateY(-4px);
    -ms-transform: translate(-50%, -50%) translateY(-4px);
    transform: translate(-50%, -50%) translateY(-4px);
}

.header-burger:after {
    -webkit-transform: translate(-50%, -50%) translateY(4px);
    -ms-transform: translate(-50%, -50%) translateY(4px);
    transform: translate(-50%, -50%) translateY(4px);
}

.header-burger.is-active:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.header-burger.is-active:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.header-backdrop {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    pointer-events: none;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.header-backdrop.is-active {
    pointer-events: all;
    opacity: 1;
}

.header-menu-btn {
    width: 38px;
    height: 16px;
    position: relative;
    margin-left: 40px;
    cursor: pointer
}

.header-menu-btn span,
.header-menu-btn:after,
.header-menu-btn:before {
    background-color: #363d41;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header-menu-btn:after,
.header-menu-btn:before {
    content: ""
}

.header-menu-btn:before {
    top: 0
}

.header-menu-btn:after {
    bottom: 0
}

.header-menu-btn span {
    top: 7px
}

.header-menu-btn:hover span,
.header-menu-btn:hover:after,
.header-menu-btn:hover:before {
    background-color: #b68d5c
}

.header-adap-phone {
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/local/templates/main/css/../images/phone.svg);
    margin-right: auto;
    display: none
}

@media (max-width: 2560px) {
    .header-sublist__row {
        max-height: calc((240 / 2560 * 100vw) + 45px);
    }
    .header-sublist__item {
        height: calc(80 / 2560 * 100vw);
        margin-bottom: calc(50 / 2560 * 100vw);
        margin-right: calc(70 / 2560 * 100vw);
    }
    .header-card__img-wr {
        width: calc(80 / 2560 * 100vw);
        height: calc(80 / 2560 * 100vw);
    }
    .header-card__img-wr--rooms {
        font-size: calc(48 / 2560 * 100vw);
        line-height: calc(80 / 2560 * 100vw);
    }
    .header-card__info {
        padding: calc(6 / 2560 * 100vw) 0 calc(6 / 2560 * 100vw) calc(16 / 2560 * 100vw);
        max-width: calc(195 / 2560 * 100vw);
    }
    .header-card__name {
        font-size: calc(18 / 2560 * 100vw);
    }
    .header-card__metro {
        padding-left: calc(13 / 2560 * 100vw);
        margin-top: calc(4 / 2560 * 100vw);
        font-size: calc(16 / 2560 * 100vw);
    }
    .header-card__metro::before {
        top: calc(6 / 2560 * 100vw);
        width: calc(7 / 2560 * 100vw);
        height: calc(7 / 2560 * 100vw);
    }
    .header-card__square {
        margin-top: calc(4 / 2560 * 100vw);
        font-size: calc(16 / 2560 * 100vw);
    }
    .header-card__cost {
        margin-top: calc(4 / 2560 * 100vw);
        font-size: calc(16 / 2560 * 100vw);
    }
    .header-sublist__right {
        margin-left: calc(50 / 2560 * 100vw);
        padding-left: calc(50 / 2560 * 100vw);
    }
    .header-sublist__btn {
        width: calc(300 / 2560 * 100vw);
        font-size: calc(14 / 2560 * 100vw);
        height: calc(40 / 2560 * 100vw);
    }
    .header-sublist__btn-icon {
        width: calc(24 / 2560 * 100vw);
        margin-right: calc(16 / 2560 * 100vw);
    }
}

@media (max-width: 1956px) {
    .header-logo {
        margin-right: 25px;
    }

    .header-submenu {
        padding-left: 191px;
    }

    .header-sublist {
        width: calc(100% - 396px);
        left: 396px;
    }
}

@media (max-width: 1876px) {
    .header-wrap {
        padding: 0 25px;
    }

    .header-logo {
        margin-right: 12.5px;
    }

    .header-menu {
        margin-right: 12.5px;
    }

    a.header-menu__link {
        font-size: 16px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .header-submenu {
        min-height: 254px;
        padding: 25px 25px 25px 163.5px;
    }

    .header-submenu__item {
        width: 165px;
    }

    .header-submenu__item:not(:last-child) {
        margin-bottom: 12.5px;
    }

    a.header-submenu__link {
        font-size: 16px;
        padding: 0 8px;
    }

    .header-sublist {
        width: calc(100% - 341px);
        left: 341px;
        padding: 28px 25px;
    }

    .header-sublist__row {
        padding-bottom: 28px;
        max-height: calc((240 / 2560 * 100vw) + 28px);
    }

    .header-sublist__text {
        max-width: 450px;
        font-size: 16px;
    }

    .header-sublist__link {
        margin-top: 20px;
        font-size: 16px;
    }

    .header-sublist__link-icon {
        width: 20px;
        margin-left: 3px;
    }
    
    .header-city__list {
        min-width: 269px;
        left: -28px;
        padding: 20px 28px;
        -webkit-box-shadow: 0 2px 8px 0 rgba(196, 196, 196, 0.3);
        box-shadow: 0 2px 8px 0 rgba(196, 196, 196, 0.3);
    }

    .header-city__label {
        font-size: 16px;
        margin-bottom: 10px;
    }

    a.header-city__option {
        font-size: 16px;
        padding-left: 30px;
    }

    a.header-city__option:not(:last-child) {
        margin-bottom: 7px;
    }

    a.header-city__option:before {
        width: 20px;
        height: 20px;
        top: calc(50% - 10px);
    }

    .header-city__current {
        font-size: 16px;
        padding-left: 30px;
    }

    .header-city__current:before,
    .header-city__current:after {
        width: 20px;
        height: 20px;
        top: calc(50% - 10px);
    }

    .header-phone {
        margin-left: 25px;
    }    

    .header-phone a {
        font-size: 16px;
    }

    .header-phone a span {
        padding-left: 30px;
    }

    .header-phone a span:before,
    .header-phone a span:after {
        width: 20px;
        height: 20px;
        top: calc(50% - 10px);
    }

    .header-favorites,
    .header-comparison {
        width: 20px;
        height: 20px;
        margin-left: 25px;
    }

    .header-lk {
        width: 20px;
        height: 20px;
        margin-left: 25px;
    }

    .header-lk--in {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 1596px) {
    .header-wrap {
        padding: 0 15px;
    }

    .header-logo {
        margin-right: 7.5px;
    }

    .header-logo img {
        width: 100px;
    }

    .header-menu {
        margin-right: 7.5px;
    }

    a.header-menu__link {
        font-size: 14px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .header-submenu {
        min-height: 185px;
        padding: 15px 15px 15px 122.5px;
    }

    .header-submenu__item {
        width: 145px;
    }

    a.header-submenu__link {
        font-size: 14px;
        padding: 0 6px;
    }

    .header-sublist {
        width: calc(100% - 282.5px);
        left: 282.5px;
        padding: 15px 15px;
    }
    
    .header-sublist__row {
        padding-bottom: 15px;
        max-height: calc((240 / 2560 * 100vw) + 15px);
    }

    .header-sublist__text {
        max-width: 390px;
        font-size: 14px;
    }

    .header-sublist__link {
        margin-top: 10px;
        font-size: 14px;
    }

    .header-sublist__link-icon {
        width: 18px;
        margin-left: 2px;
    }
    
    .header-city__list {
        min-width: 234px;
        left: -24px;
        padding: 18px 24px;
        -webkit-box-shadow: 0 1px 7px 0 rgba(196, 196, 196, 0.3);
        box-shadow: 0 1px 7px 0 rgba(196, 196, 196, 0.3);
    }

    .header-city__label {
        font-size: 14px;
        margin-bottom: 8px;
    }

    a.header-city__option {
        font-size: 14px;
        padding-left: 26px;
    }

    a.header-city__option:not(:last-child) {
        margin-bottom: 6px;
    }

    a.header-city__option:before {
        width: 18px;
        height: 18px;
        top: calc(50% - 9px);
    }

    .header-city__current {
        font-size: 14px;
        padding-left: 26px;
    }

    .header-city__current:before,
    .header-city__current:after {
        width: 18px;
        height: 18px;
        top: calc(50% - 9px);
    }

    .header-phone {
        margin-left: 15px;
    } 

    .header-phone a {
        font-size: 14px;
    }

    .header-phone a span {
        padding-left: 26px;
    }

    .header-phone a span:before,
    .header-phone a span:after {
        width: 18px;
        height: 18px;
        top: calc(50% - 9px);
    }

    .header-favorites,
    .header-comparison {
        width: 18px;
        height: 18px;
        margin-left: 15px;
    }

    .header-lk {
        width: 18px;
        height: 18px;
        margin-left: 15px;
    }

    .header-lk--in {
        width: 18px;
        height: 18px;
    }
}

@media (min-width: 1285px) {
    .header-submenu__item.header-submenu__item-mobile {
        display: none;
    }
}

@media (max-width: 1285px) {
    .header-logo {
        margin-right: 0;
    }

    .header-center {
        position: fixed;
        padding: 6px 15px 30px 15px;
        overflow-y: auto;
        top: 85px;
        left: 0;
        width: 100vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: calc(100% - 85px);
        max-height: calc(100% - 85px);
        z-index: 2;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        background: #fff;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
    }

    .header-center.is-active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .header-menu {
        margin-top: 54px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 0;
        height: auto;
    }

    .header-menu__item {
        position: relative;
        padding-right: 21px;
    }

    .header-menu__item.is-active a.header-menu__link {
        color: #363d41;
    }

    .header-menu__item.is-active a.header-menu__link:hover {
        color: #b68d5c;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .header-menu__item:not(:first-child) {
        margin-top: 27px;
    }

    a.header-menu__link {
        font-weight: 600;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-size: 16px;
        line-height: 1.125;
        padding: 0;
        height: auto;
    }

    .header-menu__submenu-toggler {
        display: block;
    }

    .header-submenu {
        display: none;
        position: static;
        padding: 0;
        padding-left: 34px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: 100%;
        max-height: none;
        min-height: auto;
        margin-top: 27px;
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    .header-menu__item.is-active .header-submenu {
        display: block;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .header-submenu__item {
        width: 100%;
    }

    .header-submenu__item:not(:first-child) {
        margin-top: 27px;
    }

    a.header-submenu__link {
        display: inline-block;
        font-weight: 600;
        padding: 0;
        font-size: 16px;
        line-height: 1.125;
    }

    .header-submenu__item.is-active a.header-submenu__link {
        color: #363d41;
        background: transparent;
    }

    .header-submenu__item.is-active a.header-submenu__link:hover {
        color: #b68d5c;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .header-sublist {
        display: none;
    }

    .header-city {
        display: block;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        position: static;
        height: auto;
        padding: 0;
        margin-left: 0;
    }

    .header-city__toggler {

        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 12px;
        background: #EFF2F2;
    }

    .header-city__current {
        font-size: 18px;
        line-height: 1;
        padding-left: 36px;
        font-weight: 500;
    }

    .header-city__current:before,
    .header-city__current:after {
        width: 24px;
        height: 24px;
        top: calc(50% - 12px);
    }

    .header-city__backdrop {
        display: block;
    }

    .header-city__list {
        display: none;
        padding: 30px 30px 60px 30px;
        position: fixed;
        top: auto;
        left: 0;
        bottom: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        min-width: auto;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    .header-city.is-active .header-city__list {
        display: block;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .header-city__label {
        display: none;
    }

    a.header-city__option {
        font-size: 18px;
        line-height: 1;
        padding-left: 36px;
        font-weight: 500;
    }

    a.header-city__option:not(:last-child) {
        margin-bottom: 24px;
    }

    a.header-city__option:before {
        width: 24px;
        height: 24px;
        top: calc(50% - 12px);
    }

    .header-phone {
        order: -1;
        margin-left: 0;
        margin-top: 16px;
        width: 100%;
    }

    .header-phone a {
        font-size: 18px;
        line-height: 1;
        padding: 12px;
        background: #EFF2F2;

        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header-phone a span {
        padding-left: 36px;
        font-weight: 600;
    }

    .header-phone a span:before,
    .header-phone a span:after {
        width: 24px;
        height: 24px;
        top: calc(50% - 12px);
    }

    .header-favorites,
    .header-comparison {
        width: 24px;
        height: 24px;
        margin-left: 25px;
    }

    .header-lk {
        width: 24px;
        height: 24px;
        margin-left: 25px;
    }

    .header-lk--in {
        width: 24px;
        height: 24px;
    }

    .header-burger {
        display: block;
    }

    .header-backdrop {
        display: block;
    }
}

@media (max-width: 500px) {
    .header-logo {
        padding: 14px 0;
    }

    .header-center {
        top: 59px;
        height: calc(100% - 59px);
        max-height: calc(100% - 59px);
    }

    .header-right {
        padding: 14px 0;
    }

    .header-menu-btn {
        margin-left: 15px
    }

    .header-adap-phone {
        display: block;
        margin-right: 25px
    }
}

@media (max-width: 340px) {
    .header-logo img {
        width: 80px;
    }
}

.slider__arrow {
    width: 46px;
    height: 46px;
    border: 1px solid #363d41;
    position: relative;
    transition: background-color .3s;
    cursor: pointer;
    background-color: #fff;
    border-radius: 0;
    outline: 0
}

.slider__arrow:focus {
    outline: 0;
    border-radius: 0;
    border: 1px solid #363d41
}

.slider__arrow:after, .slider__arrow:before {
    content: "";
    background-image: url(/local/templates/main/css/../images/slider-arrow.svg);
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s
}

.slider__arrow:after {
    background-image: url(/local/templates/main/css/../images/slider-arrow-white.svg);
    opacity: 0
}

.slider__arrow:not(.slick-disabled):not(.swiper-button-disabled):hover {
    background-color: #b68d5c;
    border-color: #b68d5c
}

.slider__arrow:not(.slick-disabled):not(.swiper-button-disabled):hover:after {
    opacity: 1
}

.slider__arrow:not(.slick-disabled):not(.swiper-button-disabled):hover:before {
    opacity: 0
}

.slider__arrow--prev {
    transform: rotate(180deg)
}

.slider__arrow.slick-disabled, .slider__arrow.swiper-button-disabled {
    opacity: .5;
    cursor: default;
    pointer-events: none
}

@media (max-width: 1229px) {
    .slider__arrow {
        width: 35px;
        height: 35px
    }

    .slider__arrow:after, .slider__arrow:before {
        background-size: 15px
    }
}

.popup-form input, .wrapper input {
    padding: 0;
    background-color: transparent;
    outline: 0;
    border: 0;
    width: 100%;
    height: 50px;
    font-size: 18px
}

.popup-form input[type=checkbox], .wrapper input[type=checkbox] {
    height: auto;
    width: auto;
    font-size: inherit
}

.popup-form .bx-authform input[type=password], .popup-form .bx-authform input[type=text], .wrapper .bx-authform input[type=password], .wrapper .bx-authform input[type=text] {
    border-bottom: 2px solid #eee
}

button[type=submit] {
    outline: 0
}

.form-item {
    margin-bottom: 30px;
    position: relative
}

.form-item label {
    display: block;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: .3px;
    color: #a5a5a7;
    margin-bottom: 5px;
    font-family: "Raleway", sans-serif;
    font-weight: inherit;
    transition: .3s
}

.form-item textarea {
    resize: none
}

.form-item--check, .form-item--radio {
    border: 0;
    margin-bottom: 15px
}

.form-item--check input, .form-item--radio input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -99;
    width: 0;
    height: 0
}

.form-item--check label, .form-item--radio label {
    padding-left: 0;
    font-size: 0;
    cursor: pointer;
    margin-bottom: 0
}

.form-item--check span, .form-item--radio span {
    font-size: 13px;
    letter-spacing: -.1px;
    color: #fff;
    text-transform: none;
    display: inline-block;
    vertical-align: top;
    position: static;
    width: calc(100% - 50px);
    font-weight: 400
}

.form-item--check span.checkbox-custom {
    border-radius: 2px;
    border: 1px solid #b68d5c
}

.form-item--check span.checkbox-custom, .form-item--radio span.radio-custom {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 26px;
    height: 26px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
    top: -2px;
    transition: .3s;
    left: auto
}

.form-item--check span a, .form-item--radio span a {
    font-size: 13px;
    letter-spacing: -.1px;
    color: #fff;
    text-decoration: underline
}

.form-item--check input:checked + .checkbox-custom {
    background-image: url(/local/templates/main/css/../images/check.svg);
    background-color: #fff;
    border-color: #fff
}

.form-item--radio input:checked + .radio-custom {
    background-image: url(/local/templates/main/css/../images/check.svg)
}

.subscribe-form .form-item--check input:checked + .checkbox-custom {
    border-color: #b68d5c
}

.form-item--check.error .checkbox-custom {
    border-color: #e83d3d
}

.form-item--radio:hover span.radio-custom {
    border: 2px solid #f0ee62
}

.form-item--radio span.radio-custom {
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #586c8f
}

.form-item--radio input:checked + .radio-custom {
    border: 2px solid #f0ee62;
    background-color: #f0ee62
}

.form-item.error label, .form-item.error span, .popup-form .select.error label {
    color: #e83d3d !important
}

.form-item.error .form-item__inner {
    border: 1px solid #e83d3d
}

.form-item:not(.form-item--check).error:before {
    background-color: #e83d3d !important
}

.form-item--active label, .form-item:hover label {
    color: #fff
}

.form-item:not(.form-item--check):before {
    content: "";
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    transition: .3s
}

.form-item--active:before, .form-item:hover:before {
    background-color: #b68d5c;
    box-shadow: 0 4px 20px 3px rgb(182 141 92/40%)
}

.form-btm {
    text-align: center;
    margin-top: 30px
}

.form-btm a {
    color: #b68d5c;
    transition: color .3s ease
}

.form-btm a:hover {
    color: #363d41;
    text-decoration: none
}

.form-submit, .popup-form button[type=submit] {
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #fff;
    padding: 25px 0;
    width: 100%;
    background-color: #363d41;
    border: 1px solid #fff;
    transition: .3s;
    outline: 0
}

.form-submit:active:focus, .form-submit:focus {
    color: #fff;
    outline: 0
}

.form-submit:hover, .popup-form button[type=submit]:hover {
    color: #fff;
    background-color: #b68d5c;
    border: 1px solid #b68d5c;
    outline: 0
}

.form-error {
    margin-bottom: 30px;
    color: #e83d3d
}

.form-item--password {
    padding-right: 30px
}

.show-password {
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: 11px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTEuODg1IDE0Ljk4OGwzLjEwNC0zLjA5OC4wMTEuMTFjMCAxLjY1NC0xLjM0NiAzLTMgM2wtLjExNS0uMDEyem04LjA0OC04LjAzMmwtMy4yNzQgMy4yNjhjLjIxMi41NTQuMzQxIDEuMTQ5LjM0MSAxLjc3NiAwIDIuNzU3LTIuMjQzIDUtNSA1LS42MzEgMC0xLjIyOS0uMTMtMS43ODUtLjM0NGwtMi4zNzcgMi4zNzJjMS4yNzYuNTg4IDIuNjcxLjk3MiA0LjE3Ny45NzIgNy43MzMgMCAxMS45ODUtOC40NDkgMTEuOTg1LTguNDQ5cy0xLjQxNS0yLjQ3OC00LjA2Ny00LjU5NXptMS40MzEtMy41MzZsLTE4LjYxOSAxOC41OC0xLjM4Mi0xLjQyMiAzLjQ1NS0zLjQ0N2MtMy4wMjItMi40NS00LjgxOC01LjU4LTQuODE4LTUuNThzNC40NDYtNy41NTEgMTIuMDE1LTcuNTUxYzEuODI1IDAgMy40NTYuNDI2IDQuODg2IDEuMDc1bDMuMDgxLTMuMDc1IDEuMzgyIDEuNDJ6bS0xMy43NTEgMTAuOTIybDEuNTE5LTEuNTE1Yy0uMDc3LS4yNjQtLjEzMi0uNTM4LS4xMzItLjgyNyAwLTEuNjU0IDEuMzQ2LTMgMy0zIC4yOTEgMCAuNTY3LjA1NS44MzMuMTM0bDEuNTE4LTEuNTE1Yy0uNzA0LS4zODItMS40OTYtLjYxOS0yLjM1MS0uNjE5LTIuNzU3IDAtNSAyLjI0My01IDUgMCAuODUyLjIzNSAxLjY0MS42MTMgMi4zNDJ6Ii8+PC9zdmc+);
    opacity: .3;
    transition: .3s;
    cursor: pointer
}

.form-item--password--active .show-password {
    display: block
}

.popup-form .jq-selectbox__dropdown li.sel::after, .popup-form .jq-selectbox__dropdown li.sel:before, .popup-form .jq-selectbox__dropdown li:hover::before, .show-password--active, .show-password:hover {
    opacity: 1
}

.show-password--active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUgMTJjMCAxLjY1NC0xLjM0NiAzLTMgM3MtMy0xLjM0Ni0zLTMgMS4zNDYtMyAzLTMgMyAxLjM0NiAzIDN6bTktLjQ0OXMtNC4yNTIgNy40NDktMTEuOTg1IDcuNDQ5Yy03LjE4IDAtMTIuMDE1LTcuNDQ5LTEyLjAxNS03LjQ0OXM0LjQ0Ni02LjU1MSAxMi4wMTUtNi41NTFjNy42OTQgMCAxMS45ODUgNi41NTEgMTEuOTg1IDYuNTUxem0tNyAuNDQ5YzAtMi43NjEtMi4yMzgtNS01LTUtMi43NjEgMC01IDIuMjM5LTUgNSAwIDIuNzYyIDIuMjM5IDUgNSA1IDIuNzYyIDAgNS0yLjIzOCA1LTV6Ii8+PC9zdmc+)
}

.form-text {
    font-size: 14px;
    line-height: 23px;
    font-family: "Raleway", sans-serif;
    font-weight: inherit;
    letter-spacing: .3px;
    margin-bottom: 30px;
    max-width: 40em
}

@media (max-width: 1419px) {
    .wrapper input {
        height: 40px
    }
}

@media (max-width: 1229px) {
    .wrapper input {
        height: 30px
    }

    .form-item--check span.checkbox-custom, .form-item--radio span.radio-custom {
        top: 2px;
        width: 20px;
        height: 20px
    }
}

@media (max-width: 767px) {
    .form-item {
        margin-bottom: 10px
    }

    .form-item label, .form-submit {
        font-size: 12px
    }

    .form-item--check span, .form-item--check span a, .form-item--radio span, .form-item--radio span a {
        font-size: 10px;
        line-height: 15px
    }

    .form-item--check span.checkbox-custom, .form-item--radio span.radio-custom {
        width: 16px;
        height: 16px;
        top: 0
    }

    .form-submit {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .form-error, .form-text {
        margin-bottom: 10px
    }

    .form-text {
        font-size: 12px
    }
}

.popup-form {
    padding: 70px 115px;
    width: 900px;
    position: relative
}

.popup-form .form-item label {
    color: #bcbcbc
}

.popup-form .form-item:not(.form-item--check):before {
    background-color: #363d41
}

.popup-form .form-item--active:before, .popup-form .form-item:hover:before {
    background-color: #b68d5c;
    box-shadow: 0 4px 20px 3px rgb(182 141 92/40%)
}

.popup-form .form-item--check span, .popup-form .form-item--check span a, .popup-form .form-item--radio span, .popup-form .form-item--radio span a {
    color: #363d41
}

.popup-form__title {
    color: #363d41;
    margin-bottom: 40px
}

.popup-form__title, .sucsess-alert {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    letter-spacing: .01em
}

.popup-form__title:last-child {
    margin-bottom: 0
}

.popup-form__title--success, .sucsess-alert {
    margin-bottom: 0 !important
}

.sucsess-alert {
    color: #fff
}

.popup-form__title--big {
    font-size: 45px;
    line-height: 1
}

.custom-popup-close {
    position: absolute;
    right: 35px;
    top: 35px;
    background-image: url(/local/templates/main/css/../images/close.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    cursor: pointer;
    height: 25px;
    transition: .3s
}

.custom-popup-close:hover {
    opacity: .6
}

.popup-form .form-item--check input:checked + .checkbox-custom, .popup-form .form-item--radio input:checked + .radio-custom {
    border: 1px solid #b68d5c
}

.popup-form .form-item--check {
    padding-top: 30px
}

.popup-form__title--center {
    text-align: center
}

.popup-form .errortext {
    display: block;
    border: 0;
    border-radius: 1px;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 20px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.popup-form .select {
    margin-bottom: 30px
}

.popup-form .select label {
    display: block;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: .3px;
    color: #a5a5a7;
    margin-bottom: 5px;
    font-family: "Raleway", sans-serif;
    font-weight: inherit;
    transition: .3s;
    text-transform: none
}

.popup-form .select .form-item:not(.form-item--check):before {
    display: none
}

.auth-form .select .form-item:not(.form-item--check) .field-item:not(.enumeration-select), .popup-form .select .form-item:not(.form-item--check) .field-item:not(.enumeration-select) {
    display: block;
    position: relative
}

.auth-form .select .form-item:not(.form-item--check) .field-item:not(.enumeration-select):before, .popup-form .select .form-item:not(.form-item--check) .field-item:not(.enumeration-select):before {
    content: "";
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #363d41;
    position: absolute;
    transition: .3s
}

.auth-form .select .form-item:not(.form-item--check).form-item--active .field-item:not(.enumeration-select):before, .auth-form .select .form-item:not(.form-item--check):hover .field-item:not(.enumeration-select):before, .popup-form .select .form-item:not(.form-item--check).form-item--active .field-item:not(.enumeration-select):before, .popup-form .select .form-item:not(.form-item--check):hover .field-item:not(.enumeration-select):before {
    background-color: #b68d5c;
    box-shadow: 0 4px 20px 3px rgb(182 141 92/40%)
}

.popup-form .jq-selectbox {
    width: 100%
}

.popup-form .jq-selectbox__select {
    position: relative;
    transition: .3s;
    cursor: pointer;
    border: 0;
    padding: 0;
    height: 40px;
    line-height: 45px;
    font-size: 18px;
    text-transform: none
}

.popup-form .jq-selectbox__select:before, .select__current:before {
    content: "";
    position: absolute;
    right: 15px;
    top: calc(50% - 4px);
    border-right: 1px solid #363d41;
    border-bottom: 1px solid #363d41;
    width: 6px;
    height: 6px;
    transition: .3s;
    transform-origin: 4px 4px;
    cursor: pointer;
    transform: rotate(45deg);
    z-index: 2
}

.popup-form .jq-selectbox.opened .jq-selectbox__select:before {
    transform: rotate(225deg)
}

.popup-form .jq-selectbox__select-text {
    font-weight: unset;
    font-size: unset;
    line-height: unset;
    width: 100% !important
}

.popup-form .jq-selectbox__select:after {
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #363d41;
    position: absolute;
    transition: .3s
}

.popup-form .jq-selectbox__trigger {
    display: none
}

.popup-form .jq-selectbox__dropdown {
    padding: 10px 0;
    border: 1px solid #dfceba;
    border-top: 0;
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: #fff;
    top: 100%;
    box-shadow: none;
    margin: 0
}

.popup-form .jq-selectbox__dropdown ul {
    max-height: 165px;
    overflow-y: auto
}

.popup-form .jq-selectbox.opened .jq-selectbox__dropdown {
    box-shadow: 0 20px 20px rgb(182 141 92/40%)
}

.auth-form .jq-selectbox__dropdown li, .popup-form .jq-selectbox__dropdown li {
    font-weight: unset !important;
    letter-spacing: unset !important;
    font-size: unset !important;
    line-height: unset !important;
    min-height: auto;
    color: #a5a5a7 !important;
    transition: .3s;
    position: relative;
    padding: 0 15px 0 48px !important;
    margin-bottom: 10px !important;
    cursor: pointer
}

.popup-form .jq-selectbox__dropdown li:hover {
    background: 0 0;
    color: #363d41 !important
}

.popup-form .jq-selectbox__dropdown li.sel {
    cursor: default;
    color: #363d41 !important;
    background: 0 0
}

.popup-form .jq-selectbox__dropdown li:before {
    display: block;
    border: 2px solid #b68d5c;
    width: 20px !important;
    height: 20px !important;
    content: "" !important;
    position: absolute;
    left: 15px !important;
    opacity: .4;
    top: 2px !important;
    border-radius: 50% !important;
    transition: .3s;
    background: 0 0 !important
}

.popup-form .jq-selectbox__dropdown li:after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #b68d5c;
    border-radius: 50%;
    left: 20px;
    top: 7px;
    position: absolute;
    opacity: 0
}

.popup-form .jq-selectbox__dropdown li:last-child {
    margin-bottom: 0 !important
}

@media (max-height: 850px) and (min-width: 1229px) {
    .popup-form input {
        height: 30px
    }

    .popup-form {
        padding: 50px 75px
    }

    .popup-form__title, .sucsess-alert {
        font-size: 25px;
        line-height: 35px
    }

    .popup-form__title--big {
        font-size: 35px;
        line-height: 1
    }

    .custom-popup-close {
        right: 20px;
        top: 20px;
        width: 20px;
        height: 20px
    }

    .popup-form {
        width: 700px
    }
}

@media (max-width: 1229px) {
    .popup-form input {
        height: 30px
    }

    .popup-form {
        padding: 50px 75px
    }

    .popup-form__title, .sucsess-alert {
        font-size: 25px;
        line-height: 35px
    }

    .popup-form__title--big {
        font-size: 35px;
        line-height: 1
    }

    .custom-popup-close {
        right: 20px;
        top: 20px;
        width: 20px;
        height: 20px
    }
}

@media (max-width: 991px) {
    .popup-form {
        width: auto;
        padding: 30px 55px
    }

    .popup-form .jq-selectbox__dropdown ul {
        max-height: 95px
    }
}

@media (max-width: 767px) {
    .popup-form button[type=submit] {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 12px
    }

    .popup-form .form-item--check {
        padding-top: 10px
    }

    .popup-form .select {
        margin-bottom: 10px
    }
}

@media (max-width: 600px) {
    .popup-form {
        padding: 30px 20px
    }

    .custom-popup-close {
        right: 10px;
        top: 10px;
        width: 15px;
        height: 15px
    }

    .popup-form__title, .sucsess-alert {
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 25px
    }

    .popup-form__title--big {
        font-size: 30px;
        line-height: 1
    }
}

.bottom-form {
    background-color: #363d41;
    position: relative
}

.bottom-form__inner, .footer-develop__gif img, .media-video video {
    width: 100%
}

.bottom-form__wrap {
    padding-top: 90px;
    padding-bottom: 76px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    border-bottom: 1px solid #bcbcbc
}

.bottom-form .h1, .bottom-form input {
    color: #fff
}

.bottom-form__label {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: .3px;
    font-family: "Raleway", sans-serif;
    color: #fff
}

.bottom-form__col:first-child {
    float: left;
    max-width: 420px;
    width: 51%
}

.bottom-form__col:last-child {
    width: 49%;
    float: right
}

.bottom-form button[type=submit] {
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #363d41;
    padding: 25px 0;
    width: 100%;
    border: 1px solid #fff;
    transition: .3s;
    background-color: #fff
}

.bottom-form button[type=submit]:hover {
    color: #fff;
    background-color: #b68d5c;
    border: 1px solid #b68d5c
}

.bottom-form .form-item--check {
    margin-top: 55px
}

@media (max-width: 1419px) {
    .bottom-form__label {
        font-size: 14px;
        line-height: 21px
    }

    .bottom-form__wrap {
        padding-top: 70px;
        padding-bottom: 40px
    }
}

@media (max-width: 991px) {
    .bottom-form__col:first-child, .bottom-form__col:last-child {
        width: 100%
    }

    .bottom-form__col:first-child {
        margin-bottom: 25px
    }

    .bottom-form {
        min-height: 0 !important
    }
}

@media (max-width: 767px) {
    .bottom-form__wrap {
        padding-top: 36px
    }

    .bottom-form .form-item--check {
        margin-top: 30px
    }

    .bottom-form button[type=submit] {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 12px
    }
}

[class*=ymaps-2][class*=-ground-pane] {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%)
}

.satellite-mode [class*=ymaps-2][class*=-ground-pane] {
    filter: none;
    -webkit-filter: none
}

.select {
    font-size: 13px;
    line-height: 25px;
    text-transform: uppercase;
    color: #363d41;
    position: relative
}

.select__current {
    border: 1px solid #bcbcbc;
    padding: 12px 35px 12px 12px;
    line-height: 18px;
    position: relative;
    transition: .3s;
    cursor: pointer
}

.select__current input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    visibility: hidden
}

.input-text span, .select__current span {
    display: block
}

.select__list {
    padding: 10px 0;
    border: 1px solid #dfceba;
    border-top: 0;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: #fff
}

.select__list:before {
    content: "";
    left: 15px;
    width: calc(100% - 30px);
    height: 1px;
    background-color: #ececec;
    position: absolute;
    top: 0
}

.select-list__item {
    color: #a5a5a7;
    transition: .3s;
    position: relative;
    padding: 0 15px 0 48px;
    margin-bottom: 10px;
    cursor: pointer
}

.select-list__item:last-child, .wrapper .menu-pu__text ul > li:last-child {
    margin-bottom: 0
}

.select-list__item:before {
    border: 2px solid #b68d5c;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    left: 15px;
    opacity: .4;
    top: 2px;
    border-radius: 50%;
    transition: .3s
}

.select-list__item:after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #b68d5c;
    border-radius: 50%;
    left: 20px;
    top: 7px;
    position: absolute;
    opacity: 0
}

.select-list__item--active:after, .select-list__item--active:before, .select-list__item:hover:before {
    opacity: 1
}

.select-list__item--active {
    cursor: default;
    color: #363d41
}

.select-list__item:hover {
    color: #363d41
}

.select--active .select__list {
    box-shadow: 0 20px 20px rgb(182 141 92/40%)
}

.select--active .select__current {
    border: 1px solid #dfceba;
    border-bottom-color: transparent
}

.select--active .select__current, .select:hover .select__current {
    box-shadow: 0 4px 20px rgba(182, 141, 92, .4)
}

.select--active .select__current:before {
    transform: rotate(225deg)
}

.select--active {
    z-index: 100
}

@media (max-width: 1620px) {
    .select {
        font-size: 11px
    }

    .select-list__item:before {
        top: 2px
    }

    .select__current {
        padding: 10px 35px 10px 10px
    }
}

.input-range .ui-widget-header {
    background-color: #b68d5c
}

.input-range .ui-slider-horizontal {
    height: 1px;
    border: 0;
    background-color: #bcbcbc
}

.input-range .ui-slider .ui-slider-handle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    outline: 0;
    top: -7px;
    cursor: pointer;
    border: 1px solid #fff;
    background: #b68e5c;
    background: -moz-linear-gradient(-45deg, #b68e5c 0, #eec99e 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #b68e5c), color-stop(100%, #eec99e));
    background: -webkit-linear-gradient(-45deg, #b68e5c 0, #eec99e 100%);
    background: -o-linear-gradient(-45deg, #b68e5c 0, #eec99e 100%);
    background: -ms-linear-gradient(-45deg, #b68e5c 0%, #eec99e 100%);
    background: linear-gradient(135deg, #b68e5c 0, #eec99e 100%)
}

.input-range .ui-slider .ui-slider-handle:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: #fff;
    transition: .2s
}

.input-range .ui-slider-horizontal .ui-slider-range {
    height: 3px
}

.input-range .ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min, .input-range span.ui-slider-handle.ui-state-default.ui-corner-all {
    transition: 0s
}

.input-range .ui-slider .ui-slider-handle, .input-range .ui-slider .ui-slider-range {
    z-index: 1
}

.input-range__val {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    padding-top: 5px;
    position: absolute;
    width: 100%;
    top: 100%
}

.input-range__val span {
    font-weight: 500;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: #bcbcbc
}

@media (max-width: 1419px) {
    .select {
        font-size: 11px
    }
}

.input-text {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;
    color: #363d41;
    border: 1px solid #bcbcbc;
    padding: 12px 15px;
    position: relative;
    transition: .3s
}

.input-text__input {
    position: relative;
    flex-grow: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    height: 18px
}

.input-text__input input, .input-text__placeholder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 13px;
    line-height: 15px;
    text-align: right;
    z-index: 2
}

.input-text__placeholder {
    color: #999;
    z-index: 1;
    transition: .3s
}

.footer-develop.footer-develop.hover .footer-develop__jpg, .input-text__input--focus .input-text__placeholder {
    opacity: 0
}

.input-text__unit {
    margin-left: auto;
    padding-left: 10px
}

.input-text label {
    font-weight: 500;
    margin: 0 10px 0 0;
    color: #6d6d6d
}

.input-text--active {
    border: 1px solid #dfceba
}

.input-text--active, .input-text:hover {
    box-shadow: 0 4px 20px rgba(182, 141, 92, .4)
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number], input[type=number]:focus, input[type=number]:hover {
    appearance: none;
    -moz-appearance: textfield
}

@media (max-width: 1620px) {
    .input-text {
        padding: 10px;
        font-size: 11px
    }
}

footer {
    background-color: #363d41;
    padding-bottom: 50px;
    position: relative
}

.footer-top {
    padding-top: 45px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff
}

.footer__col {
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    font-family: "Raleway", sans-serif
}

.footer__col:nth-child(1) {
    width: 18%
}

.footer__col:nth-child(2) {
    width: 25%
}

.footer__col:nth-child(3) {
    width: 17%
}

.footer__col:nth-child(4), .footer__col:nth-child(5) {
    width: 20%
}

.footer-col__title {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: 10px;
    font-family: "Gilroy";
    font-weight: 600
}

.footer-callback {
    position: relative;
    padding-left: 33px;
    margin-top: 10px
}

.footer-callback:before {
    width: 24px;
    height: 24px;
    content: "";
    background-image: url(/local/templates/main/css/../images/phone-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: calc(50% - 12px)
}

.footer-callback a {
    display: block;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    transition: .3s;
    font-family: "Raleway", sans-serif
}

.footer-callback:hover a {
    color: #b68d5c
}

.footer__phone a {
    font-size: 20px;
    line-height: 28px;
    display: block;
    margin-bottom: 2px;
    font-family: Gilroy
}

.footer__phone a, .footer__phone a:hover {
    color: #fff;
    text-decoration: none
}

.footer-soc, .footer__col--soc .footer-col__title {
    text-align: right
}

.footer-soc {
    font-size: 0;
    padding-top: 5px
}

.footer-soc__item {
    margin-left: 26px;
    display: inline-block;
    transition: .3s
}

.footer-soc__item:hover {
    opacity: .6
}

.footer-middle {
    padding-top: 40px;
    padding-bottom: 21px
}

.footer-copy {
    float: left;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    font-family: "Raleway", sans-serif;
    margin-top: 5px
}

.footer-develop {
    float: right
}

.footer-develop > a, .footer-develop > span {
    margin-right: 0;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    color: #808999
}

.footer-develop__img {
    height: 21px;
    width: 70px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: .2s
}

.footer-develop__jpg {
    top: 1px;
    background: url(/local/templates/main/css/../images/bq-grey.svg) no-repeat center;
    background-size: contain;
    z-index: 2;
    transition: opacity .3s
}

body.IE .footer-develop {
    overflow: hidden
}

.footer-develop__gif, .footer-develop__jpg, .gallery__img img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0
}

.footer-develop__gif {
    top: 1px;
    background: no-repeat center;
    background-size: contain;
    opacity: 0
}

.footer-develop.footer-develop.hover .footer-develop__gif {
    opacity: 1
}

.cookie-panel p, .footer-alert {
    font-size: 10px;
    line-height: 16px;
    font-family: "Raleway", sans-serif;
    color: #fff
}

.footer-alert a {
    color: #fff;
    text-decoration: underline
}

.footer-alert a:hover {
    text-decoration: none
}

.footer-soc-tg {
    margin-top: 16px
}

.footer-soc-tg__title {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: 10px;
    font-family: "Gilroy";
    font-weight: 600;
    text-align: right
}

.footer-soc-tg__img {
    width: 120px;
    margin-left: auto
}

@media (max-width: 1229px) {
    .footer__col:nth-child(1) {
        width: 20%
    }

    .footer__col:nth-child(2) {
        width: 35%
    }

    .footer__col:nth-child(3), .footer__col:nth-child(4) {
        width: 22.5%
    }

    .footer__col:nth-child(5) {
        width: 100%;
        display: flex;

        display: -webkit-flex;
        display: -ms-flexbox;
        align-items: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        flex-wrap: wrap
    }

    .footer-soc, .footer__col--soc .footer-col__title {
        text-align: left;
        margin: 0;
        padding: 0
    }

    .footer__col:nth-child(4) {
        text-align: right
    }

    .footer-callback {
        display: inline-block
    }

    .footer__col:nth-child(5) {
        margin-top: 30px
    }

    .footer-soc-tg {
        width: 100%
    }

    .footer-soc-tg__title {
        text-align: left
    }

    .footer-soc-tg__img {
        margin-left: 0;
        margin-right: auto
    }
}

@media (max-width: 991px) {
    .footer__phone a {
        font-size: 18px;
        line-height: 26px
    }

    .footer-alert br {
        display: none
    }
}

@media (max-width: 767px) {
    .footer__col:nth-child(1), .footer__col:nth-child(2), .footer__col:nth-child(3) {
        width: 33.33%
    }

    .footer__col:nth-child(3) {
        text-align: right
    }

    .footer__col:nth-child(4) {
        width: 100%;
        display: flex;

        display: -webkit-flex;
        display: -ms-flexbox;
        align-items: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        margin-top: 30px
    }

    .footer__phone a {
        margin-right: 15px
    }

    .footer-callback {
        margin-left: auto
    }
}

@media (max-width: 650px) {
    .footer__col:nth-child(1), .footer__col:nth-child(2), .footer__col:nth-child(3), .footer__col:nth-child(4), .footer__col:nth-child(5) {
        display: block;
        width: 100%;
        text-align: left
    }

    .footer__col:nth-child(1), .footer__col:nth-child(2) {
        margin-bottom: 20px
    }

    .footer__col:nth-child(3), .footer__col:nth-child(4) {
        margin-top: 0;
        margin-bottom: 20px
    }

    .footer__col:nth-child(5) {
        margin-top: 0;
        margin-bottom: 0
    }

    .footer-copy, .footer-develop {
        float: none;
        width: 100%
    }

    .footer-copy {
        margin-bottom: 12px
    }

    .footer-col__title {
        font-size: 14px;
        line-height: 15px
    }

    .footer__col--soc .footer-col__title {
        margin-bottom: 8px
    }

    .footer-soc__item {
        margin-left: 0;
        margin-right: 20px
    }

    .footer-top {
        padding-top: 20px;
        border: 0
    }

    .footer-middle {
        padding-top: 30px
    }

    .footer-middle, footer {
        padding-bottom: 20px
    }

    .footer__phone a {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 0
    }

    .footer-callback {
        padding-left: 28px
    }

    .footer-callback:before {
        width: 20px;
        height: 20px;
        top: calc(50% - 10px)
    }

    .footer-soc-tg__title {
        font-size: 12px
    }
}

.cookie-panel {
    position: fixed;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 8px;
    font-size: 13px;
    color: #121314;
    background: #eff2f2;
    bottom: 0;
    z-index: 2147483647 !important;
    display: none
}

.cookie-panel .container {
    display: flex
}

.cookie-panel p {
    color: #6d6d6d;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 121%;
    padding-right: 15px;
    width: calc(100% - 290px)
}

.cookie-panel__btn, a.media-video-overlay__inner {
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

.cookie-panel__btn {
    transition: .2s;
    height: 39px;
    width: 290px;
    background-color: #363d41;
    border: 1px solid #363d41;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    line-height: 39px
}

.cookie-panel__btn:hover {
    background-color: #fff;
    color: #363d41
}

.cookie-panel.cookie-panel--close {
    display: none
}

@media (max-width: 1229px) {
    .cookie-panel p {
        width: calc(100% - 190px)
    }

    .cookie-panel__btn {
        width: 190px
    }
}

@media (max-width: 991px) {
    .cookie-panel p {
        width: calc(100% - 130px);
        font-size: 12px
    }

    .cookie-panel__btn {
        width: 130px
    }
}

@media (max-width: 767px) {
    .cookie-panel .container {
        flex-wrap: wrap
    }

    .cookie-panel p {
        width: 100%;
        margin-bottom: 5px;
        font-size: 11px
    }

    .cookie-panel__btn {
        height: 30px;
        line-height: 30px
    }
}

.gallery {
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.gallery .swiper-pagination {
    display: none
}

.gallery .swiper-container {
    overflow: visible
}

.gallery__item {
    padding-left: 53px;
    padding-right: 53px;
    transition: transform .5s
}

.gallery, .gallery__item {
    width: 1006px
}

.gallery__img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 500px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden
}

.gallery__img img {
    top: 0;
    margin: auto;
    object-fit: cover
}

.gallery .slick-list {
    overflow: visible;
    padding: 0 !important
}

.gallery__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    letter-spacing: .01em;
    color: #363d41;
    margin-bottom: 10px
}

.gallery__text {
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    letter-spacing: .3px;
    color: #2e2e2e;
    max-width: 725px;
    margin: auto auto 50px
}

.gallery .slider__arrow {
    position: absolute;
    top: 228px;
    z-index: 3
}

.gallery .slider__arrow--prev {
    left: -22px
}

.gallery .slider__arrow--next {
    right: -22px
}

.gallery__info {
    opacity: 0;
    transition: .3s
}

.gallery--alone .gallery__info, .swiper-slide-active .gallery__info {
    opacity: 1
}

.gallery .slick-dots li button, .gallery-center .slick-dots li button {
    background-color: #363d41
}

.gallery .slick-dots li.slick-active button, .gallery-center .slick-dots li.slick-active button {
    border-color: #363d41;
    background-color: transparent
}

.gallery .slick-dots {
    padding-top: 20px;
    padding-bottom: 10px
}

.gallery__slider {
    transition: .3s
}

.gallery__slider.slick-initialized {
    overflow: visible;
    height: auto;
    opacity: 1
}

.gallery__slider--anim .gallery__item {
    transform: scale(.9)
}

@media (max-width: 1619px) {
    .gallery, .gallery__item {
        width: 900px
    }
}

@media (max-width: 1419px) {
    .gallery .slider__arrow {
        top: 232px
    }

    .gallery .slider__arrow--prev {
        left: -18px
    }

    .gallery .slider__arrow--next {
        right: -18px
    }

    .gallery__img {
        margin-bottom: 25px
    }

    .gallery__text {
        margin-bottom: 30px
    }
}

@media (max-height: 850px) and (min-width: 1229px) {
    .gallery, .gallery__item {
        width: 800px
    }

    .gallery__title {
        line-height: 1
    }

    .gallery__img, .gallery__text {
        margin-bottom: 20px
    }

    .gallery__text {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 1229px) {
    .gallery__item {
        padding-left: 30px;
        padding-right: 30px
    }

    .gallery__img, .gallery__text {
        margin-bottom: 15px
    }

    .gallery__text {
        font-size: 14px;
        line-height: 20px
    }

    .gallery, .gallery__item {
        width: 800px
    }

    .gallery__title {
        line-height: 1
    }
}

@media (max-width: 991px) {
    .gallery, .gallery__item {
        width: auto
    }

    .gallery__img {
        height: auto;
        margin-bottom: 10px
    }

    .gallery__img:before {
        content: "";
        padding-top: 56%;
        display: block
    }

    .gallery .slider__arrow--prev {
        left: -16px
    }

    .gallery .slider__arrow--next {
        right: -16px
    }

    .gallery .slider__arrow {
        top: 180px
    }

    .gallery__title {
        font-size: 25px;
        line-height: 35px
    }

    .gallery__text {
        margin-bottom: 20px
    }

    .gallery__slider {
        margin-left: -15px;
        margin-right: -15px
    }

    .gallery__item {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 767px) {
    .gallery .slider__arrow {
        display: none !important
    }

    .gallery__text {
        font-size: 14px;
        line-height: 20px
    }

    .gallery__title {
        font-size: 20px;
        line-height: 30px
    }

    .gallery .swiper-pagination {
        display: block
    }

    .gallery__item {
        padding-left: 15px;
        padding-right: 15px
    }
}

.gallery-center {
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.gallery-center__item {
    width: 1130px;
    transition: transform .5s;
    margin: 0 auto
}

#closer_videopopup, .gallery-center__img {
    background-size: contain;
    background-repeat: no-repeat
}

.gallery-center__img {
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
    position: relative
}

.gallery-center__img img {
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.gallery-center__img:before, .media-video__wr:before {
    content: "";
    padding-top: 58.7%;
    display: block
}

.gallery-center__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    letter-spacing: .01em;
    color: #363d41;
    margin-top: 30px
}

.gallery-center .slider__arrow {
    position: absolute;
    top: calc(50% - 54px);
    z-index: 5
}

.gallery-center .slider__arrow--prev {
    left: 0
}

.gallery-center .slider__arrow--next {
    right: 0
}

.gallery-center__info {
    opacity: 0;
    transition: .3s
}

.media-video__wr.loaded video, .swiper-slide-active .gallery-center__info {
    opacity: 1
}

.gallery-center .slick-dots {
    padding-top: 20px;
    padding-bottom: 10px
}

.gallery-center__slider {
    transition: .3s
}

.gallery-center__slider--anim .gallery-center__item {
    transform: scale(.9)
}

.gallery-center--text .gallery-center__img {
    background-position: center bottom
}

@media (max-width: 1419px) {
    .gallery-center__item {
        width: calc(100% - 120px)
    }
}

@media (max-height: 850px) and (min-width: 1229px) {
    .gallery-center__item {
        width: 900px
    }
}

@media (max-height: 850px) and (min-width: 1419px) {
    .gallery-center {
        max-width: 1200px
    }
}

@media (max-width: 991px) {
    .gallery-center__title {
        font-size: 25px;
        line-height: 40px;
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .gallery-center__item {
        width: 100%
    }

    .gallery-center .slider__arrow {
        display: none
    }

    .gallery-center__title {
        font-size: 20px;
        line-height: 35px;
        margin-top: 15px
    }
}

@media (max-width: 650px) {
    .gallery-center__title {
        font-size: 18px;
        line-height: 28px
    }
}

.media {
    margin-top: 0;
    padding: 0
}

.media-video, .media-video__wr {
    position: relative
}

.media-video__wr {
    width: 100%;
    background: no-repeat center;
    background-size: cover
}

.media-video__wr img {
    object-fit: cover
}

.media-video__wr:before {
    width: 100%;
    padding-top: 56%
}

.media-video__wr video {
    opacity: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s ease
}

a.media-video-overlay__inner {
    display: block
}

.media-video-overlay__play {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(/local/templates/main/css/../images/play.svg);
    background-position: 56% center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: 28px;
    transition: box-shadow .5s, transform 1s
}

.media-video__overlay, .media-video__wr img {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.media-video__overlay {
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center
}

.media-video-overlay__text {
    font-size: 30px;
    line-height: 45px;
    letter-spacing: .01em;
    color: #fff;
    font-weight: 600
}

.media-video-overlay__inner:hover .media-video-overlay__play {
    box-shadow: 0 0 15px 15px rgb(0 0 0/30%);
    transform: scale(1.05)
}

@media (max-width: 1419px) {
    .media-video-overlay__play {
        width: 100px;
        height: 100px;
        background-size: 30px
    }

    .media-video-overlay__text {
        font-size: 25px;
        line-height: 40px
    }
}

@media (max-height: 850px) and (min-width: 1229px) {
    .media-video__wr:before {
        padding-top: 45%
    }
}

@media (max-width: 991px) {
    .media-video-overlay__play {
        width: 73px;
        height: 73px;
        background-size: 26px;
        margin-bottom: 20px
    }

    .media-video-overlay__text {
        font-size: 20px;
        line-height: 35px
    }
}

@media (max-width: 650px) {
    .media-video-overlay__play {
        width: 60px;
        height: 60px;
        background-size: 20px;
        margin-bottom: 14px
    }

    .media-video-overlay__text {
        font-size: 10px;
        line-height: 18px;
        text-transform: uppercase
    }
}

#closer_videopopup {
    position: absolute;
    display: table-cell;
    right: 2%;
    top: 2%;
    font-size: 32px;
    text-align: center;
    vertical-align: middle;
    background: 0 0;
    border: 0;
    color: #fff;
    background-image: url(/local/templates/main/css/../images/close-w.svg);
    z-index: 100004;
    width: 20px;
    cursor: pointer;
    height: 20px
}

#opct, .menu {
    position: fixed;
    top: 0;
    left: 0
}

#opct {
    z-index: 100000;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    opacity: .9
}

#videCont, #yt_video {
    position: relative;
    width: 100%
}

#videCont {
    margin: auto;
    height: auto !important
}

#yt_video {
    height: 100%;
    overflow: hidden
}

#videCont iframe, .media-video__wr video {
    position: absolute;
    top: 0;
    left: 0
}

#videCont iframe, #videCont video {
    width: 100%;
    height: 100%;
    opacity: 1 !important
}

#video1 {
    cursor: pointer
}

.menu {
    z-index: 999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    display: none
}

.menu__main, .menu__submenu {
    position: absolute;
    background-color: #fff;
    height: 100%
}

.menu__main {
    width: 325px;
    right: -325px;
    transition: .6s;
    z-index: 3
}

.menu__submenu {
    border-right: 2px solid #eff2f2;
    z-index: 1;
    right: 0;
    transform: translateX(100%);
    transition: transform .6s;
    text-align: left;
    display: inline-block;
    opacity: 0
}

.menu-submenu__back, a.menu__item--parent span:before {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/local/templates/main/css/../images/menu-arrow.svg);
    transition: .3s
}

.menu-submenu__back {
    width: 40px;
    height: 30px;
    left: 15px;
    top: 10px;
    display: none
}

.menu--active .menu__submenu {
    opacity: 1
}

.menu__submenu--active {
    z-index: 2;
    transform: translateX(-325px)
}

.menu-submenu__inner {
    padding: 0 40px
}

.menu--active .menu__main {
    right: 0
}

.menu__submenu > .scrollbar-dynamic {
    width: 100%;
    height: 100%
}

.menu__main > .scrollbar-dynamic {
    top: 80px;
    width: 100%;
    height: calc(100% - 80px)
}

.menu-main__inner, .menu-submenu__inner {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    height: 100%
}

.menu__item-outer {
    position: relative;
    padding-left: 15px
}

a.menu__item {
    display: block;
    text-decoration: none;
    color: #000;
    text-align: right;
    padding-right: 53px;
    padding-left: 30px;
    margin: 45px 0
}

a.menu__item--adap {
    display: none
}

a.menu__item span {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: .920115px;
    display: inline-block;
    transition: color .3s;
    position: relative
}

a.menu__item--parent span:before {
    left: -10px;
    top: 1px;
    content: "";
    width: 19px;
    height: 19px;
    opacity: 0
}

a.menu-item-list__item:hover, a.menu-objects__item:hover .menu-objects__title, a.menu__item--active span, a.menu__item:hover span {
    color: #b68d5c
}

a.menu__item.selected span {
    color: #b68d5c;
    cursor: default
}

a.menu__item--parent.menu__item--active span:before, a.menu__item--parent:hover span:before {
    opacity: 1;
    left: -30px
}

.menu-item__list, .menu-list {
    margin-top: auto;
    margin-bottom: auto
}

.menu__item:hover .menu-item__list {
    display: block
}

a.menu-item-list__item, a.menu__lk {
    letter-spacing: .01em;
    color: #363d41;
    transition: .3s;
    text-decoration: none
}

a.menu-item-list__item {
    font-size: 30px;
    line-height: 28px;
    padding-top: 22px;
    padding-bottom: 22px;
    display: block
}

.menu-parking__img img, .menu__top {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.menu__top {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    padding-top: 35px;
    padding-left: 15px;
    padding-right: 45px
}

.menu__close {
    background-image: url(/local/templates/main/css/../images/close.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-left: auto;
    transition: .3s
}

.menu__close:hover {
    opacity: .6
}

a.menu__lk {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    border: 1px solid #b68d5c;
    padding: 8px 16px;
    border-radius: 50px;
    background-image: none;
    display: none
}

a.menu__lk:hover {
    background-color: #b68d5c;
    color: #fff
}

a.menu__lk--active {
    font-size: 0;
    border-radius: 50%;
    background-image: url(/local/templates/main/css/images/ava.jpg)
}

.menu__top .header-comparison, .menu__top .header-favorites {
    margin-left: 0;
    margin-right: auto;
    width: 28px;
    height: 28px;
    display: none
}

.menu__top .header-comparison {
    margin-left: auto
}

.menu__top .header-comparison span, .menu__top .header-favorites span {
    width: 20px;
    height: 20px;
    line-height: 20px;
    right: -11px;
    top: -5px;
    font-size: 14px
}

.menu-parking {
    width: 430px;
    margin-top: auto;
    margin-bottom: auto
}

.menu-parking__img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    background: #eff2f2
}

.menu-parking__img img {
    height: 100%;
    margin: auto;
    object-fit: cover;
    transition: .5s
}

.menu-objects__img:before, .menu-parking__img:before {
    padding-top: 57%;
    content: "";
    display: block
}

.menu-parking__text, .menu-pu__text p {
    font-weight: 600;
    letter-spacing: .01em;
    color: #363d41
}

.menu-parking__text {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 30px
}

a.menu-parking__btn {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 30px;
    background-color: #363d41;
    border: 1px solid #363d41;
    transition: .5s;
    cursor: pointer
}

a.menu-parking__btn:hover {
    background-color: #fff;
    color: #363d41;
    text-decoration: none
}

a.menu__item--parent {
    position: relative
}

.menu-item__arrow, .menu-objects__metro:before, .menu-objects__onfoot:before {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.menu-item__arrow {
    right: 8px;
    top: -2px;
    width: 30px;
    height: 25px;
    background-image: url(/local/templates/main/css/../images/menu-arrow.svg);
    transition: .3s;
    display: none;
    transform: rotate(180deg)
}

.menu-adap-top {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 60px;
    z-index: 10;
    right: -325px;
    transition: .6s
}

.menu--active .menu-adap-top {
    right: 0
}

.menu__logo {
    margin-right: 20px
}

.menu__logo img {
    width: 100px
}

.menu-pu__text {
    width: 430px;
    padding-top: 40px
}

.menu-pu__text p {
    font-size: 18px;
    line-height: 25px
}

.wrapper .menu-pu__text ul {
    margin-bottom: 0
}

.wrapper .menu-pu__text ul > li {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 20px
}

.wrapper .menu-pu__text ul > li:before {
    width: 6px;
    height: 6px;
    top: 6px
}

.admin .menu-pu__text {
    display: block
}

@media (max-width: 991px) {
    .menu__main {
        width: 100vw;
        padding-top: 80px
    }

    .menu__submenu {
        width: 100vw;
        z-index: 5;
        padding-top: 100px
    }

    .menu__item-outer {
        padding-right: 40px;
        padding-left: 0
    }

    .menu-submenu__back {
        top: 65px;
        display: block
    }

    .menu-item__arrow {
        display: block
    }

    .menu__submenu--active {
        transform: translateX(0)
    }

    .menu-parking {
        width: 100%;
        max-width: 375px;
        margin: 0 auto
    }

    .menu-parking__text {
        font-weight: 600;
        font-size: 20px;
        line-height: 30px
    }

    a.menu-item-list__item {
        font-size: 25px;
        line-height: 30px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .menu__top {
        padding: 15px
    }

    .menu__top, a.menu__item--parent span:before {
        display: none
    }

    a.menu__item span {
        font-size: 16px;
        line-height: 18px
    }

    a.menu__item {
        padding-left: 15px;
        padding-right: 30px;
        margin: 25px 0;
        text-align: left
    }

    a.menu__item--adap {
        display: block
    }

    .menu__main > .scrollbar-dynamic {
        top: 0;
        height: calc(100% - 60px)
    }

    .menu-adap-top {
        padding: 0 15px
    }

    .menu-adap-top, .menu-adap-top__cont {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .menu-adap-top .header-comparison {
        display: block;
        margin-left: 25px
    }

    .menu-adap-top .header-favorites {
        display: block
    }

    .menu-adap-top .header-lk {
        display: block;
        margin-left: 25px
    }

    .menu-adap-top .header-favorites {
        margin-left: 0
    }

    .menu-adap-top .menu__close {
        margin-left: 15px
    }

    .menu-adap-top a.menu__lk {
        line-height: 1;
        margin-right: 15px;
        padding-top: 10px
    }

    .menu-item__list, .menu-list {
        margin-top: 0
    }

    .menu-list {
        transform: none
    }

    .menu-pu__text {
        width: 100%;
        padding-top: 0;
        padding-bottom: 20px
    }
}

@media (max-height: 750px) and (min-width: 991px) {
    .menu__submenu--active {
        transform: translateX(-240px)
    }

    .menu__main {
        width: 240px
    }

    .menu__top {
        padding: 15px
    }

    a.menu__item span {
        font-size: 16px;
        line-height: 18px
    }

    a.menu__item--parent span:before {
        top: -1px
    }

    a.menu__item {
        padding-right: 25px;
        margin: 20px 0
    }

    a.menu-item-list__item {
        font-size: 25px;
        line-height: 23px;
        padding-top: 17px;
        padding-bottom: 17px
    }

    .menu__main > .scrollbar-dynamic {
        top: 60px;
        height: calc(100% - 60px)
    }
}

@media (max-height: 850px) and (min-width: 991px) {
    a.menu__item {
        margin: 30px 0
    }
}

@media (max-width: 650px) {
    a.menu-item-list__item {
        font-size: 22px;
        line-height: 27px
    }
}

@media (max-width: 450px) {
    a.menu-item-list__item {
        font-size: 18px;
        line-height: 23px;
        padding: 10px 0
    }
}

.menu-objects {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 40px
}

a.menu-objects__item {
    width: 430px;
    margin-bottom: 40px;
    text-decoration: none;
    display: block;
    color: #363d41
}

.menu-objects__img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden
}

a.menu-objects__item:hover .menu-objects__img img {
    transform: scale(1.05)
}

.menu-objects__img img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
    transition: .5s
}

.menu-objects__cost, .menu-objects__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #363d41
}

.menu-objects__title {
    float: left;
    transition: .3s
}

.menu-objects__cost {
    text-align: right;
    float: right
}

.menu-objects__main {
    margin-bottom: 5px
}

.menu-objects__date, .menu-objects__metro, .menu-objects__onfoot {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .04em
}

.menu-objects__date {
    color: #6d6d6d;
    margin-bottom: 10px
}

.menu-objects__metro, .menu-objects__onfoot {
    font-family: "Raleway", sans-serif;
    position: relative;
    padding-left: 25px;
    display: inline-block
}

.menu-objects__metro {
    color: #363d41;
    margin-bottom: 5px;
    margin-right: 15px
}

.menu-objects__onfoot {
    color: #bcbcbc
}

.menu-objects__metro:before, .menu-objects__onfoot:before {
    left: 0;
    top: -1px;
    width: 20px;
    height: 20px
}

.menu-objects__metro:before {
    background-image: url(/local/templates/main/css/../images/metro.svg)
}

.menu-objects__onfoot:before {
    background-image: url(/local/templates/main/css/../images/onfoot.svg)
}

.menu-objects__onfoot--car:before {
    background-image: url(/local/templates/main/css/../images/onfoot-car.svg)
}

.menu-objects__distance {
    margin-bottom: 12px
}

.menu-objects__geo {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .04em;
    font-family: "Raleway", sans-serif
}

@media (max-height: 700px) and (min-width: 991px) {
    .menu-objects__img {
        margin-bottom: 10px
    }

    .menu-objects__cost, .menu-objects__title {
        font-size: 17px;
        line-height: 23px
    }

    .menu-objects__geo {
        font-size: 12px
    }

    a.menu-objects__item {
        margin-bottom: 20px
    }
}

@media (max-width: 991px) {
    .menu-submenu__inner {
        padding: 0 15px 60px
    }

    .menu-objects__cost, .menu-objects__title {
        width: 100%;
        float: none;
        text-align: left;
        font-size: 18px;
        line-height: 24px
    }

    .menu-objects__img {
        margin-bottom: 10px
    }

    a.menu-objects__item {
        margin-bottom: 20px;
        width: 50%;
        padding: 0 10px
    }

    .menu-objects {
        padding-top: 0;
        width: calc(100% + 20px);
        margin: 0 -10px;
        display: flex;
        flex-wrap: wrap
    }
}

@media (max-width: 500px) {
    a.menu-objects__item {
        width: 100%
    }

    .menu-objects__img:before {
        padding-top: 47%
    }

    .menu-objects__cost {
        font-size: 16px;
        line-height: 20px
    }

    .menu-objects__metro {
        font-size: 12px;
        line-height: 16px
    }

    .menu-objects__metro:before, .menu-objects__onfoot:before {
        width: 16px;
        height: 16px
    }
}

.choose-flat {
    position: relative;
    z-index: 1;
}

.choose-flat__item {
    padding-right: 15px;
}

.choose-flat__form-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.choose-flat .button-black {
    margin-left: auto;
}

.choose-flat__form-inner .choose-flat__item {
    width: calc(19% - 25px);
}

.choose-flat__city {
    margin-bottom: 50px;
    font-size: 0;
    cursor: pointer;
}

.choose-flat__city--custom {
    cursor: auto;
}

.choose-flat-city__letter {
    display: inline-block;
    vertical-align: middle;
    padding-right: 22px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.choose-flat-city__current span,
.choose-flat-city__letter {
    font-weight: 600;
    font-size: 58px;
    line-height: 78px;
    letter-spacing: 1.44px;
    color: #a5a5a7;
}

.choose-flat-city__select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.choose-flat-city__select--custom {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.choose-flat-city__list {
    top: 100%;
    right: 0;
    z-index: 3;
    border-radius: 20px;
    position: absolute;
    background-color: #fff;
    font-size: 13px;
    line-height: 25px;
    padding: 40px 0;
    display: none;
    width: auto;
    -webkit-box-shadow: 0 8px 60px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 60px rgba(0, 0, 0, .1)
}

.choose-flat-city-list__item {
    padding: 0 40px;
    color: #a5a5a7;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-weight: 600;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 18px;
    white-space: nowrap;
}

.choose-flat-city-list__item--custom {
    padding: 0;
    color: #a5a5a7;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-weight: 500;
    font-size: 48px;
    line-height: 1.625;
    margin-bottom: 0;
    letter-spacing: 0.0144em;
}

.choose-flat-city-list__item--custom.choose-flat-city-list__item--active {
    font-size: 68px;
    line-height: 1.147;
    font-weight: 600;
}

.choose-flat-city-list__item--custom:not(:last-child) {
    position: relative;
    padding-right: 60px;
}

.choose-flat-city-list__item--custom:not(:last-child)::after {
    width: 1px;
    height: 71px;
    top: 50%;
    background: #A5A5A7;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    position: absolute;
}

.choose-flat-city-list__item:last-child {
    margin-bottom: 0;
}

.choose-flat-city-list__item--active,
.choose-flat-city-list__item:hover {
    cursor: pointer;
    color: #363d41;
}

.choose-flat-city__current {
    font-size: 0;
}

.choose-flat-city__current span {
    display: inline;
    vertical-align: middle;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.choose-flat-city__arrow {
    border-right: 4px solid #a5a5a7;
    border-bottom: 4px solid #a5a5a7;
    width: 24px;
    height: 24px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    vertical-align: middle;
    -webkit-transform-origin: 16px 16px;
    -ms-transform-origin: 16px 16px;
    transform-origin: 16px 16px;
    margin-left: 20px;
}

.choose-flat__city--active .choose-flat-city__current span,
.choose-flat__city--active .choose-flat-city__letter,
.choose-flat__city:hover .choose-flat-city__current span,
.choose-flat__city:hover .choose-flat-city__letter {
    color: #363d41;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.choose-flat__city--active .choose-flat-city__arrow,
.choose-flat__city:hover .choose-flat-city__arrow,
a.pagination__next:hover:before,
a.pagination__prev:hover:before {
    border-color: #363d41
}

.choose-flat__city--active .choose-flat-city__arrow {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.choose-flat__item--active {
    z-index: 100;
    position: relative;
}

@media (max-width: 1419px) {
    .choose-flat__city {
        margin-bottom: 40px;
    }

    .choose-flat-city__current span,
    .choose-flat-city__letter {
        font-size: 60px;
        line-height: 70px;
    }

    .choose-flat-city__arrow {
        width: 19px;
        height: 19px;
        -webkit-transform-origin: 12px 12px;
        -ms-transform-origin: 12px 12px;
        transform-origin: 12px 12px
    }

    .bx-filter-popup-result,
    .choose-flat__form-inner .choose-flat__item,
    .choose-flat__form-inner .choose-flat__item:first-child {
        width: 33.33%;
        margin-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .choice-filter .bx-filter-popup-result {
        width: 160px;
        padding: 15px 10px;
        margin: 0;
    }

    .choose-flat .button-black span {
        display: block;
    }
}

@media (max-width: 1229px) {
    .choose-flat-city__letter {
        padding-right: 12px;
    }

    .choose-flat__city {
        margin-bottom: 30px;
    }

    .choose-flat .button-black {
        width: 33.33%;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0 0 15px;
    }

    .choose-flat-city__current span,
    .choose-flat-city__letter {
        font-size: 30px;
        line-height: 40px;
    }

    .choose-flat-city__arrow {
        width: 11px;
        height: 11px;
        border-right: 2px solid #a5a5a7;
        border-bottom: 2px solid #a5a5a7;
        margin-left: 7px;
        -webkit-transform-origin: 7px 7px;
        -ms-transform-origin: 7px 7px;
        transform-origin: 7px 7px
    }

    .choose-flat-city__list {
        left: 0;
        right: auto;
        padding: 25px 0;
    }

    .choose-flat-city-list__item {
        font-size: 22px;
        line-height: 32px;
        padding: 0 25px;
        margin-bottom: 10px;
    }

    .choose-flat-city-list__item--custom {
        padding: 0;
        font-size: 38px;
        line-height: 1.625;
        margin-bottom: 0;
    }

    .choose-flat-city-list__item--custom.choose-flat-city-list__item--active {
        font-size: 58px;
        line-height: 1.147;
    }

    .choose-flat-city-list__item--custom:not(:last-child) {
        padding-right: 50px;
    }

    .choose-flat-city-list__item--custom:not(:last-child)::after {
        height: 61px;
        right: 25px;
    }
}

@media (max-width: 991px) {
    .choose-flat-city-list__item--custom {
        padding: 0;
        font-size: 28px;
        line-height: 1.625;
        margin-bottom: 0;
    }

    .choose-flat-city-list__item--custom.choose-flat-city-list__item--active {
        font-size: 48px;
        line-height: 1.147;
    }

    .choose-flat-city-list__item--custom:not(:last-child) {
        padding-right: 40px;
    }

    .choose-flat-city-list__item--custom:not(:last-child)::after {
        height: 51px;
        right: 20px;
    }
}

@media (max-width: 767px) {

    .choose-flat .button-black,
    .choose-flat__form-inner .choose-flat__item,
    .choose-flat__form-inner .choose-flat__item:first-child {
        width: 50%
    }

    .choose-flat-city__current span,
    .choose-flat-city__letter {
        font-size: 25px;
        line-height: 28px;
    }

    .choose-flat-city__list {
        padding: 20px 0;
    }

    .choose-flat-city-list__item {
        font-size: 20px;
        line-height: 30px;
    }

    .choose-flat-city-list__item--custom {
        padding: 0;
        font-size: 18px;
        line-height: 1.222;
        margin-bottom: 0;
    }

    .choose-flat-city-list__item--custom.choose-flat-city-list__item--active {
        font-size: 28px;
        line-height: 1.214;
    }

    .choose-flat-city-list__item--custom:not(:last-child) {
        padding-right: 30px;
    }

    .choose-flat-city-list__item--custom:not(:last-child)::after {
        height: 30px;
        right: 15px;
    }
}

@media (max-width: 650px) {

    .choose-flat .button-black,
    .choose-flat__form-inner .choose-flat__item,
    .choose-flat__form-inner .choose-flat__item:first-child {
        width: 100%;
        padding: 0;
    }

    .choose-flat .button-black {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .choose-flat-city__current span,
    .choose-flat-city__letter {
        font-size: 18px;
        line-height: 21px;
    }

    .choose-flat-city__current {
        white-space: nowrap;
    }

    .choose-flat-city__arrow {
        width: 10px;
        height: 10px;
        margin-left: 5px;
        margin-top: -1px;
    }

    .choose-flat-city__letter {
        padding-right: 8px;
    }

    .choose-flat-city__list {
        padding: 20px 0;
    }

    .choose-flat-city-list__item {
        font-size: 18px;
        line-height: 28px;
        padding: 0 20px;
        margin-bottom: 5px;
    }

    .choose-flat-city-list__item--custom {
        padding: 0;
        font-size: 18px;
        line-height: 1.222;
        margin-bottom: 0;
    }

    .choose-flat-city-list__item--custom.choose-flat-city-list__item--active {
        font-size: 28px;
        line-height: 1.214;
    }

    .choose-flat-city-list__item--custom:not(:last-child) {
        padding-right: 30px;
    }

    .choose-flat-city-list__item--custom:not(:last-child)::after {
        height: 30px;
        right: 15px;
    }
}

@media (max-width: 428px) {
    .choose-flat-city-list__item {
        font-size: 18px;
        line-height: 28px;
        padding: 0 20px;
        margin-bottom: 5px
    }

    .choose-flat-city-list__item--custom {
        padding: 0;
        font-size: 14px;
        line-height: 1.222;
        margin-bottom: 0;
    }

    .choose-flat-city-list__item--custom.choose-flat-city-list__item--active {
        font-size: 18px;
        line-height: 1.214;
    }

    .choose-flat-city-list__item--custom:not(:last-child) {
        padding-right: 20px;
    }

    .choose-flat-city-list__item--custom:not(:last-child)::after {
        height: 20px;
        right: 10px;
    }
}

.flat-card {
    padding-left: 30px;
    padding-right: 30px;
    border-right: 2px solid #eff2f2;
    position: relative
}

.flat-card__inner {
    padding-bottom: 1px;
    position: relative;
    z-index: 2
}

.flat-card__img {
    position: relative;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px
}

.flat-card__img:before {
    content: "";
    padding-top: 100%;
    display: block
}

.flat-card__img a, .flat-card__img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.flat-card__img img {
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    max-width: calc(100% - 80px);
    max-height: calc(100% - 80px);
    margin: auto
}

.flat-card__img--kp img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.flat-card__tag {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 6px;
    background: #9f1c37;
	color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.33;
    -webkit-box-align: center;
    pointer-events: none;
    z-index: 1;
    -ms-flex-align: center;
}

@media (max-width:991px) {
    .flat-card__tag {
        font-size: 10px;
        line-height: 1.2;
        padding: 8px 12px;
    }
}

.flat-card__favorites {
    position: absolute;
    top: 10px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    right: 0
}

.flat-card__favorites:after, .flat-card__favorites:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    transition: .3s
}

.flat-card__favorites:before {
    background-image: url(/local/templates/main/css/../images/favor.svg)
}

.flat-card__favorites:after {
    opacity: 0;
    background-image: url(/local/templates/main/css/../images/favor-h.svg)
}

.households__slider .flat-card__comparison, .households__slider .flat-card__favorites {
    right: 14px
}

.households__slider .flat-card__favorites:before {
    background-image: url(/local/templates/main/css/../images/favor-w.svg)
}

.households__slider .flat-card__comparison:before {
    background-image: url(/local/templates/main/css/../images/comp-white.svg)
}

.flat-card__favorites--active:after {
    opacity: 1
}

.flat-card__favorites--active:before {
    opacity: 0
}

.flat-card__favorites:not(.flat-card__favorites--active):hover:after {
    opacity: .4;
    transition: .3s
}

.flat-card__favorites:not(.flat-card__favorites--active):hover:before {
    opacity: 0
}

.flat-card__comparison {
    position: absolute;
    top: 60px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    right: 0
}

.flat-card__comparison:after, .flat-card__comparison:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    background-size: contain;
    content: "";
    transition: .3s
}

.flat-card__comparison:before {
    background-image: url(/local/templates/main/css/../images/comp2.svg?1)
}

.flat-card__comparison:after {
    opacity: 0;
    background-image: url(/local/templates/main/css/../images/comp2-gold.svg?1)
}

.flat-card__comparison--active:after {
    opacity: 1
}

.flat-card__comparison--active:before {
    opacity: 0
}

.flat-card__comparison:not(.flat-card__comparison--active):hover:after {
    opacity: .4;
    transition: .3s
}

.flat-card__comparison:not(.flat-card__comparison--active):hover:before {
    opacity: 0
}

a.flat-card__title {
    font-weight: 500;
    font-size: 30px;
    line-height: 33px;
    letter-spacing: .01em;
    color: #b68d5c;
    margin-bottom: 20px;
    transition: .3s;
    display: block
}

.flat-card__comp, a.flat-card__title:hover {
    color: #363d41;
    text-decoration: none
}

.flat-card__comp {
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    margin-right: 17px;
    margin-bottom: 10px
}

.flat-card__comp:focus, .flat-card__comp:hover, a.flat-card__flat:focus, a.flat-card__flat:hover {
    color: #363d41;
    text-decoration: none
}

.flat-card__flat {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #363d41;
    margin-bottom: 10px
}

a.flat-card__flat {
    display: block
}

.flat-card__lot, .flat-card__ready {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .04em;
    color: #bcbcbc;
    margin-bottom: 10px;
    font-family: "Raleway", sans-serif
}

.flat-card__ready {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: .3px;
    color: #6d6d6d
}

.flat-card__metro, .flat-card__onfoot, .flat-card__transp {
    font-family: "Raleway", sans-serif;
    position: relative;
    padding-left: 25px;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .04em;
    margin-bottom: 10px
}

.flat-card__metro {
    color: #363d41;
    margin-right: 15px
}

.flat-card__onfoot, .flat-card__transp {
    color: #bcbcbc
}

.flat-card__metro:before, .flat-card__onfoot:before, .flat-card__transp:before {
    position: absolute;
    left: 0;
    top: -1px;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.flat-card__metro:before {
    background-image: url(/local/templates/main/css/../images/metro.svg)
}

.flat-card__onfoot:before {
    background-image: url(/local/templates/main/css/../images/onfoot.svg)
}

.flat-card__onfoot--car:before, .flat-card__transp:before {
    background-image: url(/local/templates/main/css/../images/onfoot-car.svg)
}

.flat-card__distance {
    margin-bottom: 2px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center
}

.flat-card__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .04em;
    color: #363d41;
    font-family: "Raleway", sans-serif;
    margin-bottom: 14px
}

.flat-card__cost {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #363d41;
    margin-bottom: 14px;
    margin-top: auto
}

.flat-card__info {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: .3px;
    color: #363d41;
    position: relative;
    z-index: 2
}

.flat-card__info--parking {
    display: block
}

.flat-card__sq {
    position: relative;
    width: 33.33%;
    white-space: nowrap;
    margin-bottom: 3px
}

.flat-card__con, .flat-card__floor, .flat-card__room, .flat-card__sot {
    width: 33.33%
}

.flat-card__buy, .flat-card__con, .flat-card__floor, .flat-card__room, .flat-card__sot {
    position: relative;
    padding-left: 25px;
    white-space: nowrap;
    margin-bottom: 3px
}

.flat-card__rent {
    width: 33.33%;
    margin-bottom: 3px
}

.flat-card__parking, .flat-card__place, .flat-card__rent {
    position: relative;
    padding-left: 25px;
    white-space: nowrap
}

.flat-card__place {
    margin-bottom: 3px
}

.flat-card__sq {
    padding-left: 23px;
    letter-spacing: normal
}

.flat-card .button-black a, .flat-card__parking, .flat-card__place {
    width: 100%
}

.flat-card__parking {
    margin-bottom: 10px
}

.flat-card__buy:before, .flat-card__con:before, .flat-card__floor:before, .flat-card__parking:before, .flat-card__place:before, .flat-card__rent:before, .flat-card__room:before, .flat-card__sot:before, .flat-card__sq:before {
    content: "";
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 1px
}

.flat-card__sq:before {
    background-image: url(/local/templates/main/css/../images/sq-ico.svg)
}

.flat-card__room:before {
    background-image: url(/local/templates/main/css/../images/room-ico.svg)
}

.flat-card__floor:before {
    background-image: url(/local/templates/main/css/../images/floor-ico.svg)
}

.flat-card__sot:before {
    background-image: url(/local/templates/main/css/../images/sot-ico.svg)
}

.flat-card__con:before {
    background-image: url(/local/templates/main/css/../images/con-ico.svg)
}

.flat-card__buy:before, .flat-card__rent:before {
    background-image: url(/local/templates/main/css/../images/card.svg)
}

.flat-card__parking:before {
    background-image: url(/local/templates/main/css/../images/parking.svg)
}

.flat-card__place:before {
    background-image: url(/local/templates/main/css/../images/room-ico.svg)
}

.flat-card__buy {
    width: auto
}

.flat-card .fancybox-form {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 30px;
    background-color: #363d41;
    border: 1px solid #363d41;
    transition: .5s;
    cursor: pointer
}

.flat-card .button-black {
    margin-top: 20px;
    position: relative;
    z-index: 2
}

.flat-card__row {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center
}

.flat-card__row, .flat-card__row:hover {
    text-decoration: none
}

.flat-card__camp {
    position: absolute;
    padding: 8px 12px;
    border-radius: 3px;
    background: #9f1c36;
    color: #fff;
    font-size: 13px
}

.choice-main__table .ch-table-favorites {
    position: relative
}

.ch-table-favorites .flat-card__camp {
    padding: 8px 28px;
    right: 0;
    top: 10px;
    font-size: 13px
}

.choice-main__grid .flat-card__camp {
    padding: 8px 16px;
    left: 0;
    top: 11px;
    font-size: 13px;
    z-index: 1
}

.similar__slider .flat-card {
    padding: 30px;
    border-right-color: transparent;
    width: 25%;
    float: left
}

.similar__slider .flat-card:before {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% - 60px);
    right: -2px;
    top: 30px;
    background: #eff2f2
}

.similar__slider .flat-card:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    box-shadow: 0 0 20px rgb(0 0 0/30%);
    background: #fff;
    transition: .5s;
    opacity: 0
}

.households__slider .flat-card:hover:after, .similar__slider .flat-card:hover:after {
    opacity: 1
}

.similar__slider {
    margin: -30px 0;
    max-height: 900px
}

.similar__slider .slick-list {
    width: calc(100% + 40px);
    margin: -50px -20px;
    padding: 20px
}

.similar__slider .flat-card__camp {
    left: 0;
    top: 11px;
    z-index: 1
}

@media (max-width: 991px) {
    .similar__slider .slick-list {
        margin: -30px -20px;
        padding-top: 0
    }
}

.households__slider .flat-card {
    padding: 30px;
    border-right-color: transparent
}

.households__slider .flat-card:before {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% - 60px);
    right: -2px;
    top: 30px;
    background: #eff2f2
}

.households__slider .flat-card:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    box-shadow: 0 0 20px rgb(0 0 0/30%);
    background: #fff;
    transition: .5s;
    opacity: 0
}

.households__slider {
    margin: -30px 0
}

.households__slider .swiper-container {
    width: calc(100% + 40px);
    margin: -50px -20px;
    padding: 20px
}

@media (max-width: 1419px) {
    .similar__slider {
        margin-left: -15px;
        margin-right: -15px
    }

    .flat-card {
        padding-left: 15px;
        padding-right: 15px
    }

    a.flat-card__title {
        font-size: 25px;
        line-height: 30px
    }
}

@media (max-width: 1230px) {
    .similar__slider .flat-card {
        width: 33.33%
    }
}

@media (max-width: 991px) {
    .households__slider .flat-card:after, .similar__slider .flat-card:after {
        display: none
    }

    .similar__slider {
        max-height: 800px
    }

    .similar__slider .flat-card {
        width: 50%
    }
}

@media (max-width: 767px) {
    .flat-card__img:before {
        padding-top: 70%
    }

    .flat-card__comparison, .flat-card__favorites {
        right: 0;
        width: 30px;
        height: 30px
    }

    .flat-card__comp {
        font-size: 18px;
        line-height: 24px
    }

    .flat-card__lot {
        font-size: 12px;
        line-height: 16px
    }

    .flat-card__ready {
        font-size: 14px;
        line-height: 21px
    }

    .flat-card__metro, .flat-card__onfoot, .flat-card__transp {
        font-size: 12px
    }

    .flat-card__text {
        font-size: 12px;
        line-height: 16px
    }

    .flat-card__cost {
        font-size: 18px;
        line-height: 24px
    }

    .flat-card__info {
        font-size: 14px
    }

    a.flat-card__title {
        font-size: 23px;
        line-height: 25px;
        margin-bottom: 15px
    }
}

@media (max-width: 630px) {
    .similar__slider {
        max-height: 800px
    }

    .flat-card__img {
        max-height: 300px
    }

    .similar__slider .flat-card {
        width: 100%
    }
}

@media (max-width: 450px) {
    .similar__slider {
        max-height: 700px
    }

    .flat-card__img img {
        max-width: calc(100% - 80px);
        max-height: calc(100% - 40px)
    }
}

.placemarkr {
    position: relative;
    font-size: 0;
    width: 260px;
    z-index: 3000
}

.placemarkr__img {
    position: relative;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25)
}

.placemarkr-img__default, .placemarkr-img__hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    transition: .3s;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.fancybox-is-closing.fancybox--flat .fancybox-content:after, .placemarkr-img__hover {
    opacity: 0
}

.placemarkr-active .placemarkr-img__hover, .placemarkr-hover .placemarkr-img__hover {
    opacity: 1
}

.placemarkr__info {
    background: #fff;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: -20px;
    padding: 2px 15px 2px 30px
}

.placemarkr__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px
}

.placemarkr__subtitle {
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a7
}

@media (max-width: 991px) {
    .placemarkr__img {
        width: 34px;
        height: 34px
    }

    .placemarkr__title {
        font-size: 12px;
        line-height: 18px
    }

    .placemarkr__subtitle {
        font-size: 10px;
        line-height: 14px
    }

    .placemarkr__info {
        padding: 2px 10px 2px 24px
    }
}

.pagination {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

a.pagination__next, a.pagination__prev {
    width: 30px;
    height: 30px;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

a.pagination__next:before, a.pagination__prev:before {
    content: "";
    position: absolute;
    right: 8px;
    top: calc(50% - 4px);
    border-right: 2px solid #b68d5c;
    border-bottom: 2px solid #b68d5c;
    width: 9px;
    height: 9px;
    transform-origin: 4px 4px;
    cursor: pointer;
    transform: rotate(135deg);
    transition: border-color .3s
}

a.pagination__next:before {
    transform: rotate(-45deg);
    right: 12px
}

.pagination__item, a.pagination__item {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 20px;
    line-height: 28px;
    color: #363d41;
    transition: color .3s;
    text-decoration: none
}

.pagination__item--current {
    border: 1px solid #b68d5c;
    border-radius: 5px;
    color: #b68d5c
}

a.pagination__item:hover {
    color: #b68d5c
}


.fancybox--flat .fancybox-content:after{
    background: url(/local/templates/main/css/../images/wind_rose_n.svg) no-repeat center;
    background-size: contain;
}

.wind-rose, .wind-rose--n {
    background: url(/local/templates/main/css/../images/wind_rose_n.svg) no-repeat center;
}
.wind-rose--ne {
    background: url(/local/templates/main/css/../images/wind_rose_ne.svg) no-repeat center;
}
.wind-rose--nw {
    background: url(/local/templates/main/css/../images/wind_rose_nw.svg) no-repeat center;
}
.wind-rose--e {
    background: url(/local/templates/main/css/../images/wind_rose_e.svg) no-repeat center;
}
.wind-rose--es {
    background: url(/local/templates/main/css/../images/wind_rose_es.svg) no-repeat center;
}
.wind-rose--w {
    background: url(/local/templates/main/css/../images/wind_rose_w.svg) no-repeat center;
}
.wind-rose--sw {
    background: url(/local/templates/main/css/../images/wind_rose_sw.svg) no-repeat center;
}
.wind-rose--s {
    background: url(/local/templates/main/css/../images/wind_rose_s.svg) no-repeat center;
}

.wind-rose_white, .wind-rose_white.wind-rose--n {
    background: url(/local/templates/main/css/../images/wind_rose_white_n.svg) no-repeat center;
}
.wind-rose_white.wind-rose--ne {
    background: url(/local/templates/main/css/../images/wind_rose_white_ne.svg) no-repeat center;
}
.wind-rose_white.wind-rose--nw {
    background: url(/local/templates/main/css/../images/wind_rose_white_nw.svg) no-repeat center;
}
.wind-rose_white.wind-rose--e {
    background: url(/local/templates/main/css/../images/wind_rose_white_e.svg) no-repeat center;
}
.wind-rose_white.wind-rose--es {
    background: url(/local/templates/main/css/../images/wind_rose_white_es.svg) no-repeat center;
}
.wind-rose_white.wind-rose--w {
    background: url(/local/templates/main/css/../images/wind_rose_white_w.svg) no-repeat center;
}
.wind-rose_white.wind-rose--sw {
    background: url(/local/templates/main/css/../images/wind_rose_white_sw.svg) no-repeat center;
}
.wind-rose_white.wind-rose--s {
    background: url(/local/templates/main/css/../images/wind_rose_white_s.svg) no-repeat center;
}

.wind-rose {
    background-size: contain;
}
.wind-rose:before {
    content: "";
    display: block;
    padding-top: 100%
}

.ptichka__alert {
    padding-top: 40px
}

.content-block .ptichka__alert {
    padding-bottom: 0
}

@media (max-width: 767px) {
    .ptichka__alert {
        padding-top: 20px;
        padding-bottom: 0;
        font-size: 12px
    }
}

@media (max-width: 600px) {
    .ptichka__alert {
        display: none
    }
}

.fancybox--flat .fancybox-content {
    background: #fff;
    overflow: visible !important
}

.fancybox--flat .fancybox-stage {
    opacity: 0;
    transition: opacity .3s
}

.fancybox--choice-flat.fancybox-slide--complete .fancybox-content:after, .fancybox--flat .fancybox-stage--load {
    opacity: 1
}

.fancybox-is-closing .fancybox_caption {
    color: transparent;
    transition: color .3s
}

.fancybox--flat .fancybox-content:after {
    content: "";
    position: absolute;
    right: -35px;
    top: -35px;
    width: 70px;
    height: 70px;
    z-index: 2;
    transition: .3s
}

.fancybox--flat .fancybox_caption {
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: -50px;
    bottom: 0;
    padding: 30px 50px 25px;
    width: calc(100% + 100px);
    font-size: 14px;
    line-height: 1.3;
    background: #fff;
    transform: translateY(100%)
}

.fancybox--flat .fancybox-content:before {
    content: "";
    position: absolute;
    right: -50px;
    top: -50px;
    width: calc(100% + 100px);
    height: calc(100% + 100px);
    background: #fff;
    transition: .3s
}

.fancybox--flat .fancybox-slide--image {
    padding: 100px 50px
}

.fancybox--choice-flat .fancybox-content:after {
    opacity: 0
}

.fancybox--choice-flat .fancybox_caption {
    color: transparent;
    transition: color .3s
}

.fancybox--choice-flat.fancybox-slide--complete .fancybox_caption {
    color: #363d41
}

.fancybox--flat .fancybox-slide--no-pad .fancybox-content:after, .fancybox--flat .fancybox-slide--no-pad .fancybox-content:before, .fancybox-slide--no-rose .fancybox-content:after {
    display: none
}

.fancybox--flat .fancybox-slide--no-pad .fancybox_caption {
    left: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100% !important
}

@media (max-width: 991px) {
    .fancybox--flat .fancybox-content:before {
        right: -30px;
        top: -30px;
        width: calc(100% + 60px);
        height: calc(100% + 60px)
    }

    .fancybox--flat .fancybox_caption {
        left: -30px;
        bottom: 0;
        padding: 30px 40px 10px;
        width: calc(100% + 60px)
    }

    .fancybox--flat .fancybox-slide--image {
        padding: 80px 30px
    }

    .fancybox--flat .fancybox-content:after {
        right: -15px;
        top: -15px
    }
}

@media (max-width: 767px) {
    .fancybox--flat .fancybox_caption {
        font-size: 12px
    }

    .fancybox--flat .fancybox-content:after {
        width: 50px;
        height: 50px;
        opacity: 0
    }

    .fancybox--flat .fancybox-slide--complete .fancybox-content:after {
        opacity: 1
    }
}

@media (max-width: 500px) {
    .fancybox--flat .fancybox_caption {
        font-size: 10px
    }
}

.fancybox--flat--ne .fancybox-content:after {
    /*transform: rotate(315deg);*/
    background: url(/local/templates/main/css/../images/wind_rose_ne.svg) no-repeat center;
}

.fancybox--flat--nw .fancybox-content:after {
    /*transform: rotate(45deg)*/
    background: url(/local/templates/main/css/../images/wind_rose_nw.svg) no-repeat center;
}

.fancybox--flat--e .fancybox-content:after {
    /*transform: rotate(270deg)*/
    background: url(/local/templates/main/css/../images/wind_rose_e.svg) no-repeat center;
}

.fancybox--flat--es .fancybox-content:after {
    /*transform: rotate(225deg)*/
    background: url(/local/templates/main/css/../images/wind_rose_es.svg) no-repeat center;
}

.fancybox--flat--w .fancybox-content:after {
    /*transform: rotate(90deg)*/
    background: url(/local/templates/main/css/../images/wind_rose_w.svg) no-repeat center;
}

.fancybox--flat--sw .fancybox-content:after {
    /*transform: rotate(135deg)*/
    background: url(/local/templates/main/css/../images/wind_rose_sw.svg) no-repeat center;
}

.fancybox--flat--s .fancybox-content:after {
    /*transform: rotate(180deg)*/
    background: url(/local/templates/main/css/../images/wind_rose_s.svg) no-repeat center;
}

.line-filter__tabs {
    font-size: 0
}

.line-filter-tabs__item {
    padding: 17px 30px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: .01em;
    text-transform: uppercase;
    background-color: rgba(54, 61, 65, .6);
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

.line-filter-tabs__item--active {
    background-color: #fff;
    color: #363d41
}

.line-filter-tabs__item:first-child {
    border-radius: 4px 0 0 0
}

.line-filter-tabs__item:last-child {
    border-radius: 0 4px 0 0
}

.line-filter__item, .line-filter__wrap {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.line-filter__wrap {
    border-radius: 0 4px 4px 4px;
    background-color: #fff;
    padding: 14px 30px
}

.line-filter__item {
    width: auto;
    border-right: 1px solid #eec99e;
    padding-left: 20px;
    padding-right: 20px
}

.line-filter__item:first-child {
    width: 230px;
    padding-left: 0;
    padding-right: 23px
}

.line-filter__item:nth-child(3) {
    border-right: none
}

.line-filter__item .select__current {
    border: 0
}

.line-filter__item .input-text--active, .line-filter__item .input-text:hover, .line-filter__item .select--active .select__current, .line-filter__item .select:hover .select__current {
    box-shadow: none
}

.line-filter__item .select__list:before {
    left: 0;
    width: 100%
}

.line-filter__item .select {
    width: 100%
}

.line-filter__item .input-text {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    min-width: 170px
}

.line-filter__item .input-text:first-child {
    margin-right: 13px
}

.line-filter__item:nth-child(2) .input-text__input {
    width: 80px
}

.line-filter__item:nth-child(3) .input-text__input {
    width: 50px
}

.line-filter__wrap .button-gold2 {
    margin-left: auto;
    min-width: 200px
}

#toTop, .line-filter__content, .line-filter__item .select-list__item:after, .line-filter__item .select-list__item:before {
    display: none
}

.line-filter__content--active {
    display: block
}

.line-filter__item .input-text label {
    margin-right: 0
}

.line-filter__item .select-list__item {
    padding-left: 10px
}

@media (max-width: 1620px) {
    .line-filter__wrap {
        padding: 15px
    }

    .line-filter__item, .line-filter__item .select__current {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (max-width: 1419px) {
    .line-filter__wrap {
        display: inline-block;
        padding: 24px
    }

    .line-filter__item {
        border: 0;
        width: 100% !important;
        padding: 0 !important
    }

    .line-filter__item, .line-filter__item .select__current {
        padding-left: 0;
        padding-right: 0
    }

    .line-filter__wrap .button-gold2 {
        margin-top: 20px;
        width: 100%
    }

    .line-filter__wrap .button-gold2 a, .line-filter__wrap .button-gold2 span {
        width: 100%
    }
}

@media (max-width: 1229px) {
    .line-filter-tabs__item {
        padding: 10px 20px;
        font-size: 12px;
        line-height: 13px
    }

    .line-filter__wrap {
        padding: 10px 15px
    }
}

@media (max-width: 767px) {
    .line-filter {
        width: 250px
    }
}

@media (max-width: 650px) {
    .line-filter {
        width: 100%
    }

    .line-filter__wrap {
        width: 100%;
        display: block
    }

    .line-filter__item .input-text:first-child {
        margin-right: 20px
    }

    .line-filter__item .input-text {
        width: calc(50% - 10px);
        min-width: 0
    }

    .line-filter__item .select__current:before {
        right: 0
    }
}

@media (max-width: 380px) {
    .line-filter__item .input-text {
        width: 100%;
        padding: 5px 0
    }

    .line-filter__item .input-text:first-child {
        margin-right: 0
    }
}

#toTop {
    position: fixed;
    right: 100px;
    bottom: 38px;
    width: 46px;
    height: 46px;
    background-color: #eec99e;
    border: 1px solid #eec99e;
    cursor: pointer;
    transition: .2s;
    border-radius: 0;
    opacity: .8;
    z-index: 1000
}

#toTop:before {
    background-image: url(/local/templates/main/css/../images/slider-arrow-white.svg)
}

#toTop:after, #toTop:before {
    content: "";
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-90deg);
    width: 100%;
    height: 100%;
    transition: opacity .3s
}

#toTop:before, #toTop:hover:after, .auth-form .jq-selectbox__dropdown li.sel::after, .auth-form .jq-selectbox__dropdown li.sel:before, .auth-form .jq-selectbox__dropdown li:hover::before {
    opacity: 1
}

#toTop:after {
    background-image: url(/local/templates/main/css/../images/slider-arrow-white.svg);
    opacity: 0
}

#toTop:hover {
    background-color: #b68d5c;
    border-color: #b68d5c
}

@media (max-width: 767px) {
    #toTop {
        right: 15px;
        bottom: 20px;
        width: 36px;
        height: 36px
    }
}

.bqform_wrap.fancybox-content {
    padding: 0 !important
}

.page404 {
    text-align: center;
    margin-top: 100px
}

.page404__num {
    font-size: 300px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 50px
}

.page404__text {
    font-size: 16px;
    line-height: 26px;
    font-family: "Raleway", sans-serif
}

@media (max-height: 850px) and (min-width: 1229px) {
    .page404__num {
        font-size: 230px;
        margin-bottom: 0
    }
}

@media (max-width: 1230px) {
    .page404__num {
        font-size: 230px;
        margin-bottom: 0
    }

    .page404 {
        margin-top: 60px
    }
}

@media (max-width: 600px) {
    .page404__num {
        font-size: 160px
    }

    .page404__text {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 400px) {
    .page404__num {
        font-size: 120px
    }

    .page404__text {
        font-size: 14px;
        line-height: 20px
    }
}

.bq-loading-screen {
    z-index: 99999;
    filter: none;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#loading_screen {
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    height: 64px
}

.header__hint {
    position: absolute;
    right: 0;
    bottom: 10px;
    height: 20px
}

.header-hint__ico {
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.header-hint__hint {
    position: absolute;
    bottom: calc(100% + 15px);
    left: calc(50% - 76px);
    width: 153px;
    padding: 16px 8px;
    text-transform: none;
    font-family: Raleway;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    line-height: 15px;
    box-shadow: 0 4px 4px rgba(0, 32, 51, .04), 0 8px 24px rgba(0, 32, 51, .12);
    transform: scale(0);
    transition: .3s;
    z-index: 100
}

.header__hint:hover .header-hint__hint {
    transform: scale(1)
}

.header-hint__hint:before {
    position: absolute;
    content: "";
    left: calc(50% - 5px);
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background-color: rgba(255, 255, 255, .9);
    bottom: auto;
    top: -4px
}

.header-comparison, .header-favorites, .header-lk {
    position: relative
}

.header-lk {
    overflow: visible;
    text-indent: 0;
    font-size: 0
}

.header__hint {
    width: 100%;
    height: calc(100% + 15px);
    left: 0;
    top: 0;
    z-index: 10
}

.header-hint__hint {
    bottom: auto;
    top: 100%;
    box-shadow: 1px -5px 4px rgb(0 32 51/4%), 0 8px 24px rgb(0 32 51/12%);
    color: #363d41;
    font-size: 12px
}

.header-hint__ico {
    opacity: 0
}

@media (max-width: 991px) {
    .header__hint {
        display: none !important
    }
}

.popup-form__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px
}

.popup-form__link {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: #a5a5a7;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    transition: .3s;
    border-bottom: 1px solid transparent;
    margin: 0 10px
}

.popup-form__link.is-active {
    color: #363d41;
    border-bottom: 1px solid #363d41
}

.popup-form__tab {
    display: none
}

.popup-form__tab.is-active {
    display: block
}

@media (max-width: 1229px) {
    .popup-form__links {
        margin-bottom: 20px
    }
}

.auth-form {
    width: 100%;
    max-width: 670px;
    margin: 0 auto 66px
}

.auth-form .form-item--active label, .auth-form .form-item:hover label, .auth-form label {
    color: #bcbcbc
}

.auth-form .form-item:not(.form-item--check):before {
    background-color: #363d41
}

.auth-form .form-item--active:before, .auth-form .form-item:hover:before {
    background-color: #b68d5c;
    box-shadow: 0 4px 20px 3px rgb(182 141 92/40%)
}

.auth-form .form-item--check span, .auth-form .form-item--check span a, .auth-form .form-item--radio span, .auth-form .form-item--radio span a {
    color: #363d41
}

.auth-form .form-item--check input:checked + .checkbox-custom, .auth-form .form-item--radio input:checked + .radio-custom {
    border: 1px solid #b68d5c
}

.auth-form .form-item--check {
    padding-top: 30px
}

.auth-form .popup-form__title {
    max-width: 14em;
    margin-left: auto;
    margin-right: auto
}

.auth-form .errortext {
    display: block;
    border: 0;
    border-radius: 1px;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 20px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.auth-form .select {
    margin-bottom: 30px
}

.auth-form .select label {
    display: block;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: .3px;
    color: #a5a5a7;
    margin-bottom: 5px;
    font-family: "Raleway", sans-serif;
    font-weight: inherit;
    transition: .3s;
    text-transform: none
}

.auth-form .select.error label {
    color: #e83d3d !important
}

.auth-form .select .form-item:not(.form-item--check):before {
    display: none
}

.auth-form .jq-selectbox {
    width: 100%
}

.auth-form .jq-selectbox__select {
    position: relative;
    transition: .3s;
    cursor: pointer;
    border: 0;
    padding: 0;
    height: 40px;
    line-height: 45px;
    font-size: 18px;
    text-transform: none
}

.auth-form .jq-selectbox__select:before {
    content: "";
    position: absolute;
    right: 15px;
    top: calc(50% - 4px);
    border-right: 1px solid #363d41;
    border-bottom: 1px solid #363d41;
    width: 6px;
    height: 6px;
    transition: .3s;
    transform-origin: 4px 4px;
    cursor: pointer;
    transform: rotate(45deg);
    z-index: 2
}

.auth-form .jq-selectbox.opened .jq-selectbox__select:before {
    transform: rotate(225deg)
}

.auth-form .jq-selectbox__select-text {
    font-weight: unset;
    font-size: unset;
    line-height: unset;
    width: 100% !important
}

.auth-form .jq-selectbox__select:after {
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #363d41;
    position: absolute;
    transition: .3s
}

.auth-form .jq-selectbox__trigger {
    display: none
}

.auth-form .jq-selectbox__dropdown {
    padding: 10px 0;
    border: 1px solid #dfceba;
    border-top: 0;
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: #fff;
    top: 100%;
    box-shadow: none;
    margin: 0
}

.auth-form .jq-selectbox__dropdown ul {
    max-height: 165px;
    overflow-y: auto
}

.auth-form .jq-selectbox.opened .jq-selectbox__dropdown {
    box-shadow: 0 20px 20px rgb(182 141 92/40%)
}

.auth-form .jq-selectbox__dropdown li:hover {
    background: 0 0;
    color: #363d41 !important
}

.auth-form .jq-selectbox__dropdown li.sel {
    cursor: default;
    color: #363d41 !important;
    background: 0 0
}

.auth-form .jq-selectbox__dropdown li:before {
    display: block;
    border: 2px solid #b68d5c;
    width: 20px !important;
    height: 20px !important;
    content: "" !important;
    position: absolute;
    left: 15px !important;
    opacity: .4;
    top: 2px !important;
    border-radius: 50% !important;
    transition: .3s;
    background: 0 0 !important
}

.auth-form .jq-selectbox__dropdown li:after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #b68d5c;
    border-radius: 50%;
    left: 20px;
    top: 7px;
    position: absolute;
    opacity: 0
}

.auth-form .jq-selectbox__dropdown li:last-child {
    margin-bottom: 0 !important
}

@media (max-height: 850px) and (min-width: 1229px) {
    .auth-form input {
        height: 30px
    }
}

@media (max-width: 1229px) {
    .auth-form input {
        height: 30px
    }
}

@media (max-width: 991px) {
    .auth-form {
        margin-bottom: 36px
    }

    .auth-form .jq-selectbox__dropdown ul {
        max-height: 95px
    }
}

@media (max-width: 767px) {
    .auth-form button[type=submit] {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 12px
    }

    .auth-form .form-item--check {
        padding-top: 10px
    }

    .auth-form .select {
        margin-bottom: 10px
    }
}

.siteMessage {
    width: 100%;
    padding: 0 100px;
    background-color: #9f1c37;
    z-index: 12;
    position: relative
}

.siteMessage .content {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 8px 0;
    position: relative
}

.siteMessage .content a {
    color: inherit
}

.siteMessage .close {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    color: #fff;
    cursor: pointer;
    background: url(/local/templates/main/css/../images/close-w.svg) no-repeat center;
    background-size: contain;
    opacity: 1
}

@media (max-width: 1199px) {
    .siteMessage {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (max-width: 767px) {
    .siteMessage .content {
        font-size: 14px;
        line-height: 20px
    }

    .siteMessage .close {
        right: 10px
    }
}

#apply_time_info, #buy_time_info, #feedback_time_info, #lk_time_info, #otdelka_time_info, #parking_time_info, #time_info {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    margin-top: 20px;
    font-size: 14px;
    padding: 15px
}

.apply_form button:disabled, .bottom-form button[type=submit]:disabled, .lk-form button.lk_btn:disabled, .otdelka_form button:disabled, .question-form__form button.question_btn:disabled {
    opacity: .5;
    pointer-events: none
}

#time_info {
    background-color: transparent;
    color: #fff;
    margin-top: 10px;
    padding: 5px;
    text-align: center
}

#apply_time_info, #buy_time_info, #feedback_time_info, #lk_time_info, #otdelka_time_info, #parking_time_info { 
    background-color: transparent;
    color: #363d41;
    margin-top: 10px;
    padding: 5px;
    text-align: center
}

.geo-popup {
    position: fixed;
    top: 110px;
    right: 279px;
    width: 480px;
    max-width: 100%;
    padding: 32px;
    padding-top: 40px;
    background: #FFF;
    z-index: 3;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 16.6px rgba(165, 165, 167, 0.2);
    box-shadow: 1px 1px 16.6px rgba(165, 165, 167, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.geo-popup__title {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #333333;
    margin-bottom: 24px;
}

.geo-popup__btn {
    padding: 0;
    border: 0;
    width: calc(50% - 4px);
    background: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    text-align: left;
    display: inline-block;
    padding: 14px;
    text-align: center;
    border-radius: 6px;
    background: #333333;
    color: #fff;
    font-weight: 600;
    margin-right: 8px;
    font-size: 15px;
    line-height: 1.2;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.geo-popup__btn:hover {
    opacity: .8;
}

.geo-popup__btn:last-child {
    margin-right: 0;
}

@media (max-width: 1876px) {
    .geo-popup {
        right: 220px;
    }
}

.geo-popup__close {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    transition: .2s;
}

.geo-popup__close:hover {
    opacity: .8;
}

.geo-popup__close::before,
.geo-popup__close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    background-color: #333333;
    border-radius: 2px;
}

.geo-popup__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.geo-popup__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

@media (max-width: 1596px) {
    .geo-popup {
        right: 120px;
    }
}

@media (max-width: 1285px) {
    .geo-popup {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media (max-width: 500px) {
    .geo-popup {
        top: 80px;
        width: 100%;
        max-width: 276px;
    }

    .geo-popup__btn {
        width: 100%;
        margin-bottom: 8px;
        margin-right: 0;
    }

    .geo-popup__btn:last-child {
        margin-bottom: 0;
    }
}
/* End */


/* Start:/local/templates/main/css/detail-comp.css?174953596291278*/
.detail-comp__top {
    position: relative;
    padding-top: 53px;
}

.detail-comp__top-main {
    display: flex;
    display: -ms-flexbox;
    position: relative;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    height: calc(100vh - 85px - 89px - 53px);
    min-height: 500px;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    /*opacity: 0;*/
}

.detail-comp__top-main:before {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), color-stop(50%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%);
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%);
    content: '';
    opacity: 0;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.detail-comp-main__fon {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #363D41;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    /*opacity: 0;*/
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;

}

.detail-comp-main__fon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.detail-comp-main__fon .adap {
    display: none;
    z-index: 2;
}

@media (max-width: 767px) {
    .detail-comp-main__fon--adap.detail-comp-main__fon .adap {
        display: block;
    }

    .detail-comp-main__fon--adap.detail-comp-main__fon .desc {
        display: none;
    }
}

.detail-comp-main__front {
    z-index: 1;
    position: relative;
    width: 100%;
}

.detail-comp-main__top-title img {
    display: block;
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
    color: #FFFFFF;
    font-weight: 600;
    font-size: 213.699px;
    line-height: 180px;
    letter-spacing: 2.56438px;
}

.detail-comp__back-title {
    z-index: 2;
    position: absolute;
    top: 0;
    top: 50%;
    left: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    opacity: 0;
}

.detail-comp__back-title2 {
    z-index: 2;
    position: absolute;
    bottom: 17px;
    left: 22px;
    width: 289px;
    overflow: hidden;
    opacity: 0;
}

.detail-comp__back-title img,
.detail-comp__back-title2 img {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.detail-comp__back-title2 img {
    margin-left: 0;
}

.detail-comp__top-main--active {
    opacity: 1;
    -webkit-transition: opacity 1s ease 0s;
    -o-transition: opacity 1s ease 0s;
    transition: opacity 1s ease 0s;
}

.detail-comp__top-main--active .detail-comp-main__fon {
    opacity: 1;
    -webkit-transition: opacity 1s ease .5s;
    -o-transition: opacity 1s ease .5s;
    transition: opacity 1s ease .5s;
}

.detail-comp__top-main--active:before {
    opacity: 1;
    -webkit-transition: opacity 1s ease .8s;
    -o-transition: opacity 1s ease .8s;
    transition: opacity 1s ease .8s;
}

.detail-comp-main-title__1 {
    margin-bottom: 33px;
}

.detail-comp-main-title__1,
.detail-comp-main-title__2 {
    overflow: hidden;
}

.detail-comp__top-main--active .detail-comp-main__top-title .detail-comp-main-title__1 img {
    -webkit-transition: -webkit-transform 1s ease 1s;
    transition: -webkit-transform 1s ease 1s;
    -o-transition: transform 1s ease 1s;
    transition: transform 1s ease 1s;
    transition: transform 1s ease 1s, -webkit-transform 1s ease 1s;
}

.detail-comp__top-main--active .detail-comp-main__top-title .detail-comp-main-title__2 img {
    -webkit-transition: -webkit-transform 1s ease 1.5s;
    transition: -webkit-transform 1s ease 1.5s;
    -o-transition: transform 1s ease 1.5s;
    transition: transform 1s ease 1.5s;
    transition: transform 1s ease 1.5s, -webkit-transform 1s ease 1.5s;
}

.detail-comp__top-main--active .detail-comp-main__top-title img {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.detail-comp__top-main--active .detail-comp__back-title,
.detail-comp__top-main--active .detail-comp__back-title2 {
    opacity: 1;
    -webkit-transition: opacity 1s ease 2s;
    -o-transition: opacity 1s ease 2s;
    transition: opacity 1s ease 2s;
}

.detail-comp__top .detail-comp-main__top-title {
    padding-left: 360px;
}

.detail-comp__back-title2 {
    display: none;
}

.slick-slide .detail-comp__top-main--active {
    opacity: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.detail-commerce-sidebar__if {
    margin-top: 6px;
    color: #6D6D6D;
}

.detail-commerce-sidebar__camp {
    position: absolute;
    top: 20px;
    right: 40px;
    padding: 8px 12px;
    border-radius: 3px;
    background: #9f1c36;
    color: #fff;
    font-size: 14px;
}


@media (max-width: 1419px) {
    .detail-comp__top .detail-comp-main__top-title {
        padding-left: 240px;
    }

    .detail-comp__top .detail-comp-main__top-title img,
    .detail-comp__top .detail-comp__back-title img {
        height: 120px;
    }

    .detail-comp-main__top-title span {
        font-size: 150px;
        line-height: 140px;
    }
}

@media (max-width: 1229px) {
    .detail-comp__top .detail-comp-main__top-title {
        padding-left: 190px;
    }

    .detail-comp__top .detail-comp-main__top-title img,
    .detail-comp__top .detail-comp__back-title img {
        height: 90px;
    }

    .detail-comp-main__top-title span {
        font-size: 120px;
        line-height: 110px;
    }
}

@media (max-height: 850px) and (min-width: 1229px) {

    .detail-comp__top .detail-comp-main__top-title img,
    .detail-comp__top .detail-comp__back-title img {
        height: 120px;
    }

    .detail-comp-main__top-title span {
        font-size: 120px;
        line-height: 110px;
    }

    .detail-commerce-sidebar__camp {
        right: 30px;
    }
}

@media (max-width: 991px) {
    .detail-comp__top {
        padding-top: 0;
    }

    .detail-comp__top .detail-comp-main__top-title img {
        height: 58px;
    }
}

@media (max-width: 767px) {
    .detail-comp__top .detail-comp-main__top-title {
        padding-left: 0;
    }

    .detail-comp__top .detail-comp-main__top-title img {
        height: 80px;
    }

    .detail-comp__back-title {
        top: auto;
        bottom: 100px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .detail-comp__top-main {
        height: auto !important;
        min-height: 0;
        padding-top: 517px;
    }

    .detail-comp__back-title {
        display: none;
    }

    .detail-comp__back-title2 {
        display: block;
    }

    .detail-comp-main__front {
        position: absolute;
        bottom: 61px;
    }
}


.detail-comp-slider {
    position: relative;
}

.detail-comp-slider__nav {
    position: relative;
}

.detail-comp-slider__arr {
    position: absolute;
    top: -146px;
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 0;
    outline: none;

    background-color: rgba(54, 61, 65, .3);
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.detail-comp-slider__arr:focus {
    border: 1px solid #363D41;
    border-radius: 0;
    outline: none;
}

.detail-comp-slider__arr--left {
    left: 15px;
}

.detail-comp-slider__arr--right {
    left: 95px;
}

.detail-comp-slider__arr:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/local/templates/main/css/../images/slider-arrow-white.svg);
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    content: '';
}

.detail-comp-slider__arr:not(.slick-disabled):hover {
    background-color: rgba(54, 61, 65, .7);
}

.detail-comp-slider__arr--left {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.detail-comp-slider__slider {
    width: 100%;
    min-height: 800px;
    max-height: 1567px;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}

.detail-comp-slider__slider.slick-initialized {
    opacity: 1;
}

.detail-comp-slider__item {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.detail-comp-slider__item.slick-slide {
    position: relative;
    min-height: 800px;
    max-height: 1567px;
}

.detail-comp-slider__item-link {
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
.detail-comp-slider__item-fone,
.detail-comp-slider__item-fone img {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background: no-repeat center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	object-fit: cover;
}
*/

.detail-comp-slider__item-fone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.detail-comp-slider__item-fone:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    content: "";
    opacity: .2;
}

.detail-comp-slider__item-cont {
    z-index: 2;
    position: relative;
    text-decoration: none;
}

.detail-comp-slider__item-cont:hover {
    text-decoration: none;
}

.detail-comp-slider__item-cont-text {
    max-width: 780px;
    padding-top: 210px;
    padding-bottom: 170px;
    color: #fff;
}

.detail-comp-slider__item-subtitle {
    display: none;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 28px;
    line-height: 105%;
    letter-spacing: 0.01em;
}

.detail-comp-slider__item-slogan {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 90px;
    line-height: 80%;
}

.detail-comp-slider__item-descr {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 28px;
    line-height: 105%;
    letter-spacing: 0.01em;
}

.detail-comp-slider__item-btn {
    display: inline-block;
    padding: 16px 32px;
    border-radius: 8px;
    background: #950f2e;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.detail-comp-slider__item-btn:hover {
    background: #B68D5C;
}

.detail-comp-slider__item-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.detail-comp-slider .slick-dots {
    display: none !important;
    position: absolute !important;
    bottom: 34px;
    padding-bottom: 0;
}

.detail-comp-slider .slick-dots li.slick-active button {
    border-color: #fff !important;
    background: none;
}

.detail-comp-slider .slick-dots li button {
    background: #fff !important;
}


.detail-comp-desk__sm-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.detail-comp-desk__sm-slider.swiper-container {
    position: absolute;
}

.detail-comp-desk__sm-slider .swiper-wrapper:not(.otdelka__white .swiper-wrapper):not(.otdelka__what .swiper-wrapper) {
    height: 100% !important;
}

.detail-comp-desk__sm-slider img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.detail-comp-desk__sm-slider.swiper-container-horizontal>.detail-comp-desk__pagination.swiper-pagination-bullets {
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    position: absolute;
    bottom: 25px;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.detail-comp-desk__pagination .swiper-pagination-bullet {
    position: relative !important;
    width: 8px !important;
    height: 8px !important;
    overflow: hidden;
    border: 0 !important;
    background-color: #d9d9d9 !important;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.detail-comp-desk__pagination .swiper-pagination-bullet::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    background: #fff;
    content: '';
}

.detail-comp-desk__pagination .swiper-pagination-bullet-active {
    width: 134px !important;
    height: 6px !important;
    border: 0 !important;
    border-radius: 100px !important;
    background-color: #d9d9d9 !important;
}

@-webkit-keyframes bullet {
    from {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes bullet {
    from {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.detail-comp-desk__pagination .swiper-pagination-bullet-active::after {
    -webkit-animation: bullet 5s linear;
    animation: bullet 5s linear;
}

.detail-comp-desk__sm-slider.swiper-container-horizontal>.detail-comp-desk__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block !important;
    margin: 0 4px !important;
    vertical-align: middle !important;
}

@media (max-width: 600px) {
    .detail-comp-desk__pagination .swiper-pagination-bullet-active {
        width: 100px !important;
    }
}

@media (max-width: 1819px) {
    .detail-comp-slider__item-cont-text {
        max-width: 695px;
        padding-top: 118px;
        padding-bottom: 96px;
    }

    .detail-comp-slider__item-subtitle {
        margin-bottom: 18px;
        font-size: 24px;
    }

    .detail-comp-slider__item-descr {
        margin-bottom: 36px;
        font-size: 24px;
    }

    .detail-comp-slider__item-slogan {
        margin-bottom: 18px;
        font-size: 80px;
    }

    .detail-comp-slider__slider,
    .detail-comp-slider__item.slick-slide {
        min-height: 650px;
    }

    .detail-comp-slider__arr {
        top: -105px;
        width: 50px;
        height: 50px;
    }

    .detail-comp-slider__arr--right {
        left: 83px;
    }
}

@media (max-width: 1619px) {


    .detail-comp-slider__item-subtitle {
        margin-bottom: 16px;
        font-size: 22px;
    }

    .detail-comp-slider__item-descr {
        margin-bottom: 32px;
        font-size: 22px;
    }

    .detail-comp-slider__item-slogan {
        margin-bottom: 16px;
        font-size: 72px;
    }
}

@media (max-width: 1440px) {
    .detail-comp-slider__item-cont-text {
        max-width: 522px;
        padding-top: 78px;
        padding-bottom: 64px;
    }

    .detail-comp-slider__item-slogan {
        margin-bottom: 14px;
        font-size: 64px;
    }

    .detail-comp-slider__item-subtitle {
        margin-bottom: 14px;
        font-size: 18px;
    }

    .detail-comp-slider__item-descr {
        margin-bottom: 28px;
        font-size: 18px;
    }

    .detail-comp-slider__slider,
    .detail-comp-slider__item.slick-slide {
        min-height: 500px;
    }

    .detail-comp-slider__arr {
        top: -86px;
        width: 30px;
        height: 30px;
    }

    .detail-comp-slider__arr--right {
        left: 58px;
    }


}

@media (max-width: 1199px) {

    .detail-comp-slider__slider,
    .detail-comp-slider__item.slick-slide {
        min-height: 500px;
        max-height: 800px;
    }
}

@media (max-width: 991px) {

    .detail-comp-slider__slider .detail-comp-slider__item,
    .detail-comp-slider__slider.slick-initialized .detail-comp-slider__item.slick-slide {
        display: -ms-flexbox;
        display: flex;
        align-items: flex-start;
        padding: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
    }

    .detail-comp-slider__item-cont-text {
        padding-top: 85px;
        padding-bottom: 22px;
    }

    .detail-comp-slider__item-slogan {
        margin-bottom: 10px;
        font-size: 41px;
        line-height: 85%;
    }

    .detail-comp-slider__item-subtitle {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .detail-comp-slider__item-descr {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .detail-comp-slider__item-btn {
        padding: 10px 20px;
        font-size: 12px;
    }

    .detail-comp-slider__nav {
        display: none;
    }
}

@media (max-width: 767px) {
    .detail-comp-slider__item {
        height: 500px !important;
    }

    .detail-comp-slider__arr {
        /* 		display: none !important; */
    }

}

@media (max-width: 600px) {
    .detail-comp-slider__item-slogan {
        /* 		max-width: 90%; */
    }
}

@media (max-width: 350px) {
    .detail-comp-slider__item-slogan {
        max-width: 100%;
    }
}


.detail-comp-anchors__logo {
    position: absolute;
    top: calc(50% - 15px);
    left: 40px;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.detail-comp-anchors__menu {
    position: absolute;
    top: calc(50% - 8px);
    right: 40px;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.detail-comp-anchors__logo img {
    display: block;
    width: 126px;
    height: 31px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
}

.detail-comp-anchors__wrap {
    font-size: 0;
    text-align: center;
}

.detail-comp-anchors__inner {
    position: relative;
    padding: 35px 160px;
    background-color: #fff;
    background-color: #EFF2F2;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.detail-comp-anchors__inner--fix {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 4px 4px 20px rgb(0 0 0 / 12%);
    box-shadow: 4px 4px 20px rgb(0 0 0 / 12%);
}

.detail-comp-anchors__inner--fix .detail-comp-anchors__logo,
.detail-comp-anchors__inner--fix .detail-comp-anchors__menu {
    opacity: 1;
}

.detail-comp-anchors__item {
    display: inline-block;
    position: relative;
    margin-right: 12px;
    margin-left: 12px;
    vertical-align: bottom;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.detail-comp-anchors__item:before {
    position: absolute;
    top: 2px;
    left: -27px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #B68D5C;
    content: '';
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.detail-comp-anchors__item--active:before {
    opacity: 1;
}

.detail-comp-anchors__item,
.detail-comp-anchors__item a {
    color: #363D41;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.detail-comp-anchors__item--active {
    margin-left: 36px;
    color: #B68D5C;
}

.detail-comp-anchors__item:hover,
.detail-comp-anchors__item a:hover {
    color: #B68D5C;
}

.detail-comp-anchors__item--flat,
.detail-comp-anchors__item--flat.detail-comp-anchors__item--active {
    outline: 5px solid #B68D5C;
    background-color: #B68D5C;
    color: #fff;
}

.detail-comp-anchors__item--flat.detail-comp-anchors__item--active {
    margin-left: 12px;
}

.detail-comp-anchors__item--flat:before,
.detail-comp-anchors__item--flat.detail-comp-anchors__item--active:before {
    top: -7px;
    left: -5px;
    width: calc(100% + 10px);
    height: 3px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-color: #B68D5C;
    opacity: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.detail-comp-anchors__item--flat,
.detail-comp-anchors__item--flat.detail-comp-anchors__item--active:hover,
.detail-comp-anchors__item--flat:hover,
.detail-comp-anchors__item--flat a:hover {
    color: #fff;
}

@media (max-width: 1620px) {

    .detail-comp-anchors__item,
    .detail-comp-anchors__item a {
        font-size: 13px;
        line-height: 16px;
    }
}

@media (max-width: 1596px) {
    .detail-comp-anchors__logo img {
        width: 100px;
    }
}

@media (max-width: 1419px) {
    .detail-comp-anchors__inner {
        padding: 20px 140px;
    }

    .detail-comp-anchors__logo {
        /*display: none;*/
        top: calc(50% - 10px);
    }

    .detail-comp-anchors__item {
        margin-right: 8px;
        margin-left: 8px;
    }

    .detail-comp-anchors__item--active {
        margin-left: 25px;
    }

    .detail-comp-anchors__item:before {
        top: 4px;
        left: -17px;
        width: 9px;
        height: 9px;
    }
}

@media (max-width: 1229px) {

    .detail-comp-anchors__item,
    .detail-comp-anchors__item a {
        font-size: 10px;
        line-height: 13px;
    }

    .detail-comp-anchors__item:before {
        top: 3px;
        width: 7px;
        height: 7px;
    }
}

@media (max-width: 991px) {
    .detail-comp__anchors {
        display: none !important;
    }
}


/**/
.media {
    background-color: #EFF2F2;
}

@media (max-width: 767px) {
    .media {
        background-color: transparent;
    }
}

/**/


.detail-comp__gallery {
    margin-bottom: 100px;
}

@media (max-height: 850px) and (min-width: 1229px) {
    .detail-comp__gallery {
        margin-bottom: 80px;
    }

}

@media (max-width: 1230px) {
    .detail-comp__gallery {
        margin-bottom: 80px;
    }

}

@media (max-width: 991px) {
    .detail-comp__gallery {
        margin-bottom: 80px;
    }

}

@media (max-width: 600px) {
    .detail-comp__gallery {
        margin-bottom: 30px;
    }

}


/**/

.subscribe-form {
    padding-top: 40px;
    padding-right: 15px;
    padding-left: 15px;
}

.subscribe-form form {
    margin-bottom: 0;
}

.subscribe-form .form-item label {
    color: #BCBCBC;
    /*!important*/
}

.subscribe-form .form-item:not(.form-item--check):before {
    background-color: #363D41;
}

.subscribe-form .form-item--active:before,
.subscribe-form .form-item:hover:before {
    background-color: #B68D5C;
    -webkit-box-shadow: 0px 4px 20px 3px rgb(182 141 92 / 40%);
    box-shadow: 0px 4px 20px 3px rgb(182 141 92 / 40%);
}

.subscribe-form .form-item--check span,
.subscribe-form .form-item--radio span,
.subscribe-form .form-item--check span a,
.subscribe-form .form-item--radio span a {
    color: #363D41;
}

.subscribe-form button[type="submit"] {
    width: 100%;
    padding: 25px 0;
    border: none;
    border: 1px solid #fff;
    background-color: #363D41;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.subscribe-form button[type="submit"]:hover {
    border: 1px solid #B68D5C;
    background-color: #B68D5C;
    color: #fff;
}

.subscribe-form .form-item--check isvut:checked+.checkbox-custom,
.subscribe-form .form-item--radio isvut:checked+.radio-custom {
    border: 1px solid #B68D5C;
}

.subscribe-form .form-item--check {
    padding-top: 56px;
}

@media (max-width: 1229px) {
    .subscribe-form .form-item--check {
        padding-top: 26px;
    }
}

@media (max-height: 850px) and (min-width: 1229px) {
    .subscribe-form .form-item--check {
        padding-top: 30px;
    }
}

@media (max-width: 991px) {
    .subscribe-form {
        padding-right: 0;
        padding-left: 0;
    }
}

/**/


.our-projects {
    z-index: 2;
    position: relative;
    background-color: #363D41;
}

.our-projects__wr {
    border-bottom: 1px solid #BCBCBC;
}

.our-projects .objects-for-sale-grid__title,
.our-projects .objects-for-sale-grid__price,
.our-projects .objects-for-sale-grid__tags {
    color: #fff;
}

.our-projects .big-title {
    display: inline-block;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 20px;
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.our-projects a.big-title {
    text-decoration: none;
}

.our-projects .big-title:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    content: '';
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.our-projects a.big-title:hover:before {
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    background-color: #B68D5C;
}

.our-projects a.big-title:hover {
    color: #B68D5C;
}

@media (max-width: 1229px) {
    .our-projects .big-title {
        padding-bottom: 10px;
    }
}

@media (max-height: 850px) and (min-width: 1229px) {
    .our-projects .big-title {
        padding-bottom: 10px;
    }
}

@media (max-width: 650px) {
    .our-projects .objects-for-sale__grid {
        margin-bottom: 0;
    }

    .our-projects .objects-for-sale-grid__item:last-child {
        margin-bottom: 0;
    }
}

/**/


.circle-button {
    display: block;
    z-index: 2;
    position: relative;
    position: absolute;
    top: 0px;
    right: 119px;
    width: 133px;
    height: 133px;
    border-radius: 50%;
}

.circle-button .circle-button__img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-name: circle-button;
    animation-name: circle-button;
}

.circle-button:before,
.circle-button:after {
    z-index: 1;
    position: absolute;
    top: calc(34% - 1px);
    /*
	left: calc(50% - 23px);
	top: calc(50% - 1px);
	width: 46px;
*/
    left: calc(50% - 12px);
    width: 24px;
    height: 2px;
    background-color: #fff;
    content: '';
}

.circle-button:after {
    top: calc(50% - 33px);
    /* 	height: 46px; */
    /* 	top: calc(50% - 23px); */
    left: calc(50% - 1px);
    width: 2px;
    height: 24px;
}

.circle-button__text {
    z-index: 2;
    position: absolute;
    bottom: 32px;
    left: 50%;
    width: 80px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
}

/*
.circle-button:hover .circle-button__img
{
	animation-play-state: running;
}
*/

@-webkit-keyframes circle-button {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes circle-button {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media (max-width: 1419px) {
    .circle-button {
        width: 100px;
        height: 100px;
    }

    .circle-button:after {
        top: calc(50% - 28px);
    }

    .circle-button__text {
        bottom: 22px;
        font-size: 10px;
    }
}

@media (max-width: 991px) {
    .circle-button {
        top: 10px;
        right: 18px;
        width: 66px;
        height: 66px;
    }

    .circle-button:after {
        top: calc(50% - 13px);
        height: 26px;
    }

    .circle-button:before {
        top: calc(50% - 1px);
        left: calc(50% - 13px);
        width: 26px;
    }

    .circle-button__text {
        display: none;
    }
}

/**/


/**/
.detail-comp__text-1 {
    max-width: 740px;
    margin-right: auto;
    margin-left: auto;
    color: #363D41;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    font-family: 'Raleway', sans-serif;
}

.detail-comp__main {
    position: relative;
    margin-bottom: 70px;
}

.detail-comp-main__title {
    z-index: 2;
    position: relative;
    margin-top: auto;
    margin-bottom: 72px;
    margin-left: 115px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 68px;
    line-height: 78px;
    letter-spacing: 1.44px;
}

.detail-comp__img {
    position: relative;
    background: #fff;
}

.detail-comp-desk__img:not(:last-child) {
    margin-bottom: 25px;
}

.detail-comp__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 992px) {
    .detail-comp-desk__video-overlay .media-video-overlay__play {
        width: 73px;
        height: 73px;
        background-size: 26px;
    }
}

.detail-comp__img-1 {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    width: 91.5%;
    height: 600px;
    padding-right: 270px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;

}

.detail-comp__img-2 {
    position: absolute;
    right: 0;
    bottom: -240px;
    width: 358px;
    height: 411px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.detail-comp__text-2 {
    max-width: 550px;
    margin-right: auto;
    margin-left: auto;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Raleway', sans-serif;
}

.detail-comp-info__col:first-child {
    width: 433px;
    float: left;
}

.detail-comp__img-3 {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.detail-comp__img-3:before {
    display: block;
    padding-top: 120%;
    content: '';
}

.detail-comp-info__col:last-child {
    width: calc(100% - 433px);
    padding-top: 48px;
    padding-left: 140px;
    float: right;
}

.detail-comp__adv {

    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -45px;
    margin-left: -45px;

}

.detail-comp__item {
    display: flex;
    display: -ms-flexbox;
    position: relative;
    flex-direction: column;
    -ms-flex-direction: column;
    width: calc(50% - 90px);
    margin-right: 45px;
    margin-bottom: 60px;
    margin-left: 45px;
    padding-bottom: 20px;
    border-bottom: 1px solid #A5A5A7;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}


.detail-comp-item__title {
    margin-bottom: 15px;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: 2.42px;
}

.detail-comp-item__subtitle {
    margin-top: auto;
    color: #A5A5A7;
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.3px;
}

.detail-comp-info__col .files-block {
    margin-top: 0;
    margin-right: -45px;
    margin-bottom: 0;
    margin-left: -45px;
}

.detail-comp-info__col .files-block__item {
    width: calc(50% - 90px);
    margin-right: 45px;
    margin-left: 45px;
}

.detail-comp-desk__video {
    margin-top: auto;
}

.detail-comp-desk__video-overlay {
    background: rgba(0, 0, 0, .1);
}

@media (max-width: 1419px) {
    .detail-comp__text-1 {
        font-size: 25px;
        line-height: 35px;
    }

    .detail-comp__img-1 {

        height: 520px;
        padding-right: 420px;
    }

    .detail-comp__img-2 {
        bottom: -190px;
        width: 278px;
        height: 321px;
    }

    .detail-comp-main__title {
        margin-bottom: 52px;
        margin-left: 75px;
        font-size: 58px;
        line-height: 68px;
    }

    .detail-comp__main {
        margin-bottom: 50px;
    }

    .detail-comp-info__col:last-child {
        padding-top: 35px;
        padding-left: 100px;
    }

    .detail-comp-item__title {
        font-size: 32px;
        line-height: 36px;
    }

    .detail-comp__adv,
    .detail-comp-info__col .files-block {
        margin-right: -35px;
        margin-left: -35px;
    }

    .detail-comp__item,
    .detail-comp-info__col .files-block__item {
        width: calc(50% - 70px);
        margin-right: 35px;
        margin-left: 35px;
    }
}

@media (max-width: 1229px) {
    .detail-comp__img-1 {
        height: 440px;
        padding-right: 420px;
    }

    .detail-comp__text-2 {
        margin-left: 0;
    }

    .detail-comp__img-2 {
        bottom: -140px;
        width: 230px;
        height: 261px;
    }

    .detail-comp-main__title {
        margin-bottom: 35px;
        margin-left: 40px;
        font-size: 40px;
        line-height: 50px;
    }

    .detail-comp-info__col:last-child {
        padding-top: 15px;
        padding-left: 50px;
    }

    .detail-comp-item__title {
        margin-bottom: 5px;
        font-size: 26px;
        line-height: 30px;
    }

    .detail-comp-item__subtitle {
        font-size: 14px;
        line-height: 21px;
    }

    .detail-comp__text-1 {
        font-size: 22px;
        line-height: 32px;
    }

    .detail-comp__adv,
    .detail-comp-info__col .files-block {
        margin-right: -15px;
        margin-left: -15px;
    }

    .detail-comp__item,
    .detail-comp-info__col .files-block__item {
        width: calc(50% - 30px);
        margin-right: 15px;
        margin-left: 15px;
    }

    .detail-comp__item {
        margin-bottom: 30px;
    }
}

@media (max-height: 850px) and (min-width: 1229px) {
    .detail-comp__img-1 {
        height: 440px;
        padding-right: 420px;
    }

    .detail-comp__text-2 {
        margin-left: 0;
    }

    .detail-comp__img-2 {
        bottom: -140px;
        width: 230px;
        height: 261px;
    }

    .detail-comp-main__title {
        margin-bottom: 35px;
        margin-left: 40px;
        font-size: 40px;
        line-height: 50px;
    }

    .detail-comp-info__col:last-child {
        padding-top: 15px;
        padding-left: 50px;
    }

    .detail-comp-item__title {
        margin-bottom: 5px;
        font-size: 26px;
        line-height: 30px;
    }

    .detail-comp-item__subtitle {
        font-size: 14px;
        line-height: 21px;
    }

    .detail-comp__text-1 {
        font-size: 22px;
        line-height: 32px;
    }

    .detail-comp__adv,
    .detail-comp-info__col .files-block {
        margin-right: -15px;
        margin-left: -15px;
    }

    .detail-comp__item,
    .detail-comp-info__col .files-block__item {
        width: calc(50% - 30px);
        margin-right: 15px;
        margin-left: 15px;
    }

    .detail-comp__item {
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .detail-comp__img-2 {
        display: none !important;
    }

    .detail-comp__img-1 {
        width: 100%;
        height: 350px;
        padding-right: 0;
    }

    .detail-comp__text-2 {
        max-width: 100%;
    }

    .detail-comp__main {
        margin-bottom: 30px;
    }

    .detail-comp-info__col:first-child {
        width: 360px;
    }

    .detail-comp-info__col:last-child {
        padding-left: 40px;
    }

    .detail-comp-info__col:last-child {
        width: calc(100% - 360px);
    }

    .detail-comp-info__col .files-block {
        margin-top: 30px;
    }

    .detail-comp-info__col .files-block__item {
        margin-bottom: 20px;
    }

    .detail-comp__item {
        padding-bottom: 10px;
    }

    .detail-comp-item__title {
        margin-bottom: 5px;
        font-size: 22px;
        line-height: 26px;
    }

    .detail-comp__about {
        padding-top: 0 !important;
    }

    .detail-comp__text-1 {
        font-size: 20px;
        line-height: 30px;
    }

    .detail-comp-main__title {
        margin-bottom: 30px;
        margin-left: 30px;
        font-size: 30px;
        line-height: 40px;
    }

    .detail-comp-info__col:first-child {
        width: 100%;
    }

    .detail-comp-info__col:last-child {
        width: 100%;
        padding-left: 0;
    }

    .detail-comp__adv {
        margin-top: 40px;
    }

    .detail-comp__adv,
    .detail-comp-info__col .files-block {
        margin-right: -10px;
        margin-left: -10px;
    }

    .detail-comp__item,
    .detail-comp-info__col .files-block__item {
        width: calc(50% - 20px);
        margin-right: 10px;
        margin-left: 10px;
    }
}

@media (max-width: 767px) {
    .detail-comp__about {
        background-color: #fff;
    }

    .detail-comp-main__title {
        margin-bottom: 20px;
        margin-left: 15px;
        font-size: 25px;
        line-height: 28px;
    }

    .detail-comp__img-1 {
        width: calc(100% + 30px);
        margin-right: -15px;
        margin-left: -15px;
    }

    .detail-comp__adv {
        margin-top: 30px;
    }

    .detail-comp-item__title {
        font-size: 20px;
        line-height: 24px;
    }

    .detail-comp-item__subtitle {
        font-size: 12px;
        line-height: 18px;
    }

    .detail-comp-info__col .files-block {
        margin-top: 20px;
    }
}

@media (max-width: 450px) {
    .detail-comp__item {
        margin-bottom: 20px;
    }

    .detail-comp-info__col .files-block__item {
        padding-left: 33px;
    }

    .detail-comp-info__col .files-block__item:before {
        width: 25px;
        height: 25px;
    }

    .detail-comp-info__col .files-block__title {
        font-size: 14px;
        line-height: 20px;
    }
}


/**/
.detail-comp__desk {
    background-color: #EFF2F2;
}

.detail-comp-desk__text {
    padding-bottom: 25px;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    font-family: 'Raleway', sans-serif;
}

.detail-comp-desk__img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.detail-comp-desk__img:before {
    display: block;
    content: '';
}

.detail-comp-desk__wrap {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}


.detail-comp-desk__col--img .detail-comp-desk__img:before {
    padding-top: 120%;
}

.detail-comp-desk__wrap--right .detail-comp-desk__col--img .detail-comp-desk__img:before {
    padding-top: 115%;
}

.detail-comp-desk__wrap--left .detail-comp-desk__col--img .detail-comp-desk__img:before {
    padding-top: 132%;
}

.detail-comp-desk__col--text .detail-comp-desk__img {
    width: 300px;
    margin-top: auto;
}

.detail-comp-desk__col--text {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.detail-comp-desk__col--text .detail-comp-desk__img:before {
    padding-top: 100%;
}

.detail-comp-desk__wrap--right .detail-comp-desk__col--img {
    width: 760px;
}

.detail-comp-desk__wrap--right .detail-comp-desk__col--text {
    width: calc(100% - 760px);
    padding-left: 170px;
}

.detail-comp-desk__wrap--left .detail-comp-desk__col--img {
    width: calc(100% - 930px);
    ;
}

.detail-comp-desk__wrap--left .detail-comp-desk__col--text {
    width: 930px;
    padding-right: 170px;
}

.detail-comp-desk__wrap--left .detail-comp-desk__col--text .detail-comp-desk__img {
    margin-left: auto;
}

@media (max-width: 1419px) {

    .detail-comp-desk__wrap--right .detail-comp-desk__col,
    .detail-comp-desk__wrap--left .detail-comp-desk__col {
        width: 50%;
    }

    .detail-comp-desk__wrap--right .detail-comp-desk__col--text {
        padding-left: 100px;
    }

    .detail-comp-desk__wrap--left .detail-comp-desk__col--text {
        padding-right: 100px;
    }

    .detail-comp-desk__col--text .detail-comp-desk__img {
        width: 200px;
    }

    .detail-comp-desk__text {
        padding-bottom: 50px;
        font-size: 20px;
        line-height: 30px;
    }

    .detail-comp-desk__img:not(:last-child),
    .detail-comp-desk__video:not(:last-child) {
        margin-bottom: 50px;
    }
}

@media (max-height: 850px) and (min-width: 1229px) {

    .detail-comp-desk__wrap--right .detail-comp-desk__col,
    .detail-comp-desk__wrap--left .detail-comp-desk__col {
        width: 50%;
    }

    .detail-comp-desk__wrap--right .detail-comp-desk__col--text {
        padding-left: 60px;
    }

    .detail-comp-desk__wrap--left .detail-comp-desk__col--text {
        padding-right: 60px;
    }

    .detail-comp-desk__col--text .detail-comp-desk__img {
        width: 200px;
    }

    .detail-comp-desk__wrap--right .detail-comp-desk__col--img .detail-comp-desk__img:before {
        padding-top: 95%;
    }

    .detail-comp-desk__wrap--left .detail-comp-desk__col--img .detail-comp-desk__img:before {
        padding-top: 111%;
    }

    .detail-comp-desk__text {
        padding-bottom: 30px;
        font-size: 18px;
        line-height: 28px;
    }

    .detail-comp-desk__img:not(:last-child) {
        margin-bottom: 30px;
    }
}

@media (max-width: 1229px) {

    .detail-comp-desk__wrap--right .detail-comp-desk__col--text {
        padding-left: 60px;
    }

    .detail-comp-desk__wrap--left .detail-comp-desk__col--text {
        padding-right: 60px;
    }

    .detail-comp-desk__text {
        padding-bottom: 30px;
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width: 991px) {
    .detail-comp-desk__wrap--right .detail-comp-desk__col--text {
        padding-left: 30px;
    }

    .detail-comp-desk__wrap--left .detail-comp-desk__col--text {
        padding-right: 30px;
    }

    .detail-comp-desk__text {
        padding-bottom: 25px;
        font-size: 16px;
        line-height: 26px;
    }

    .detail-comp-desk__img:not(:last-child) {
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .detail-comp-desk__col--img .detail-comp-desk__img:before {
        padding-top: 80% !important;
    }

    .detail-comp-desk__wrap--right .detail-comp-desk__col,
    .detail-comp-desk__wrap--left .detail-comp-desk__col {
        width: 100%;
    }

    .detail-comp-desk__wrap--right .detail-comp-desk__col--text {
        padding-left: 0px;
    }

    .detail-comp-desk__wrap--left .detail-comp-desk__col--text {
        padding-right: 0px;
    }

    .detail-comp-desk__col--text .detail-comp-desk__img {
        display: none !important;
    }

    .detail-comp-desk__wrap--left .detail-comp-desk__col--img {
        order: -1;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
    }


    .detail-comp__desk {
        background-color: #fff;
    }

    .detail-comp-desk__text {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .detail-comp-desk__img {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .detail-comp-desk__text br {
        display: none;
    }

    .detail-comp-desk__video {
        margin-top: 20px;
    }

}

@media (max-width: 500px) {
    .detail-comp__content .content-block {
        margin-bottom: 40px;
    }

    .detail-comp__content .content-block-top-p-min {
        padding-top: 20px;
    }

    .detail-comp__content h2,
    .detail-comp__content .h2 {
        margin-bottom: 15px;
    }
}


.detail-comp__content {
    background-color: #EFF2F2;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.detail-comp__content.content-block + .ajax-form,
.detail-comp__content.content-block + .our-projects {
    margin-top: -185px;
}

@media (max-width: 1820px) {
    .detail-comp__content.content-block + .ajax-form,
    .detail-comp__content.content-block + .our-projects {
        margin-top: -150px;
    }
}

@media (max-width: 1620px) {
    .detail-comp__content.content-block + .ajax-form,
    .detail-comp__content.content-block + .our-projects {
        margin-top: -100px;
    }
}

@media (max-width: 1230px) {
    .detail-comp__content.content-block + .ajax-form,
    .detail-comp__content.content-block + .our-projects {
        margin-top: -80px;
    }
}

@media (max-width: 767px) {
    .detail-comp__content.content-block + .ajax-form,
    .detail-comp__content.content-block + .our-projects {
        margin-top: 0;
    }
}

.detail-comp__content.content-block:last-child {
    margin-bottom: 0!important;
}

.detail-comp__content--active {
    opacity: 1;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

@media (max-width: 767px) {
    .detail-comp__content {
        margin-bottom: 0 !important;
        background-color: #fff;
    }
}


.similar .h1 {
    margin-bottom: 0;
}

.similar .container {
    position: relative;
}

.similar__tab {
    display: inline-block;
    margin-right: 20px;
    color: #BCBCBC;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.similar__tab--active,
.similar__tab:hover {
    color: #363D41;
}

.similar .button-gold {
    display: inline-block;
}


.similar-slider__item {
    display: block;
    width: 600px;
    padding-right: 25px;
    padding-bottom: 20px;
    padding-left: 25px;
    border-right: 2px solid #EFF2F2;
}

.similar__content {
    display: none;
}

.similar__content--active {
    display: block;
}

@media (max-width: 767px) {
    .similar__tab {
        margin-right: 15px;
    }
}

.similar__content--active {}


.design .h1 {
    margin-bottom: 0;
}

.design .container {
    position: relative;
}

.design__controls--2,
.design__controls--1 {
    display: none;
}

.design__btns {
    display: inline-block;
    vertical-align: bottom;
}

.design__tab {
    display: inline-block;
    margin-right: 20px;
    color: #BCBCBC;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.design__tab--active,
.design__tab:hover {
    color: #363D41;
}

.design-slider__img {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.design-slider__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.design-slider__img.active-gallery {
    cursor: pointer;
}

.design-slider__img:before {
    display: block;
    padding-top: 50%;
    content: '';
}

.design__controls--1 .design-slider__controls,
.design__controls--2 .design-slider__controls {
    display: none;
}

.design__slider {
    margin-right: -25px;
    margin-left: -25px;
}

.design-slider__item {
    padding-right: 25px;
    padding-left: 25px;
}

.design-slider__title {
    margin-bottom: 27px;
    font-size: 30px;
    line-height: 28px;
    letter-spacing: 0.01em;
    text-align: center;
}

.design-slider__text {
    margin-bottom: 30px;
    color: #363D41;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    font-family: 'Raleway', sans-serif;
    text-align: center;
}

.design-slider__item .button-black a,
.design-slider__item .design-slider__img {
    display: block;
}

.design-slider__item .button-black span,
.design-slider__item .button-black a {
    padding: 19px 30px;
    background-color: #fff;
    color: #363D41;
}

.design__slider .swiper-container:not(.swiper-container-initialized) .swiper-slide {
    width: 50%;
}

@media (min-width: 768px) {

    .design-slider__item .button-black span:hover,
    .design-slider__item .button-black a:hover {
        background-color: #363D41;
        color: #FFFFFF;
    }
}

.design__slider .swiper-pagination {
    display: none;
}

@media (max-width: 1419px) {
    .design-slider__img {
        margin-bottom: 30px;
    }

    .design-slider__title {
        margin-bottom: 20px;
        font-size: 25px;
        line-height: 23px;
    }

    .design-slider__text {
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 28px;
    }

    .design__slider {
        margin-right: -15px;
        margin-left: -15px;
    }

    .design-slider__item {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 1229px) {
    .design-slider__title {
        margin-bottom: 15px;
        font-size: 22px;
        line-height: 20px;
    }

    .design-slider__text {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 26px;
    }

    .design-slider__img {
        margin-bottom: 25px;
    }
}

@media (max-height: 850px) and (min-width: 1229px) {
    .design-slider__title {
        margin-bottom: 15px;
        font-size: 22px;
        line-height: 20px;
    }

    .design-slider__text {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 26px;
    }

    .design-slider__img {
        margin-bottom: 25px;
    }
}

@media (max-width: 991px) {

    .design-slider__item .button-black span,
    .design-slider__item .button-black a {
        padding: 14px 20px;
    }
}

@media (max-width: 767px) {
    .design__tab {
        margin-right: 15px;
    }
}

@media (max-width: 650px) {
    .design-slider__text {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .design__slider .swiper-pagination {
        display: block;
    }

    .design__slider .swiper-container:not(.swiper-container-initialized) .swiper-slide {
        width: 100%;
    }
}


.building .h1 {
    margin-bottom: 0;
}

.building .container {
    position: relative;
}

.building__tab {
    display: inline-block;
    margin-right: 20px;
    color: #BCBCBC;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.building__tab--active,
.building__tab:hover {
    color: #363D41;
}

.building .button-gold {
    display: inline-block;
}


.building-slider__img {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.building-slider__item:hover .building-slider__img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.building-slider__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.building-slider__img:before {
    display: block;
    padding-top: 57%;
    content: '';
}

.building-slider__item {
    width: 50%;
    padding: 0 15px 20px;
    cursor: pointer;
}

.building__slider {
    max-height: 550px;
    margin-right: -15px;
    margin-left: -15px;
    overflow: hidden;
}

.building-slider__title {
    float: left;
    font-size: 30px;
    line-height: 28px;
    letter-spacing: 0.01em;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.building-slider__date {
    float: right;
    color: #A5A5A7;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    text-align: right;
}

.building__content {
    display: none;
}

.building__content--active {
    display: block;
}

.building-slider__item:hover .building-slider__title {
    color: #B68D5C;
}


@media (max-width: 767px) {
    .building-slider__item {
        width: 100%;
    }

    .building__tab {
        margin-right: 15px;
    }

    .building-slider__img {
        margin-bottom: 20px;
    }

    .building-slider__title {
        font-size: 25px;
        line-height: 23px;
    }
}

@media (max-width: 650px) {
    .building-slider__title {
        font-size: 20px;
        line-height: 20px;
    }
}


.how-buy {
    z-index: 2;
    position: relative;
    background-color: #363D41;
}

.how-buy .big-title {
    color: #fff;
}

.how-buy__wrap {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -25px;
    margin-left: -25px;
}

a.how-buy__item {
    display: block;
    width: 33.33%;
    margin-bottom: 50px;
    padding-right: 25px;
    padding-left: 25px;
    text-decoration: none;

}

.how-buy__title {
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    letter-spacing: 0.01em;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.how-buy__text {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.94193px;
}

a.how-buy__item:hover .how-buy__title {
    color: #B68D5C;
}


.how-buy--wt {
    padding-top: 0;
    background-color: transparent;
}

.how-buy--wt .how-buy__text,
.how-buy--wt .how-buy__title,
.how-buy--wt .big-title {
    color: #363D41;
}

.how-buy--wt .big-title {
    margin-bottom: 100px;
    font-size: 100px;
    line-height: 1;

}

.how-buy--wt-d {
    background-color: transparent;
}

.how-buy--wt-d .how-buy__text,
.how-buy--wt-d .how-buy__title,
.how-buy--wt-d .big-title {
    color: #363D41;
}

.how-buy--wt-d .how-buy__outer {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.how-buy--wt-d .how-buy__outer .how-buy__wrap {
    width: calc(100% - 467px);
}

.how-buy--wt-d a.how-buy__item {
    width: 50%;
}

.how-buy--wt-d .how-buy__form {
    width: 467px;
    padding-left: 117px;
}

.how-buy--wt-d .how-buy-form__title {
    margin-bottom: 40px;
    color: #363D41;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    letter-spacing: 0.01em;
}

.how-buy--wt-d .form-item--check span {
    color: #363D41;
}

.how-buy--wt-d .form-item--check input:checked+.checkbox-custom {
    border-color: #B68D5C;
    background-color: #B68D5C;
}

.how-buy--wt-d .how-buy__form button[type="submit"] {
    width: 100%;
    padding: 25px 0;
    border: 1px solid #B68D5C;
    background-color: #fff;
    color: #363D41;
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.how-buy--wt-d .how-buy__form button[type="submit"]:hover {
    border: 1px solid #B68D5C;
    background-color: #B68D5C;
    color: #fff;
}

.how-buy--wt-d .how-buy__form input {
    color: #fff;
}

.anchor-target .how-buy--wt-d .how-buy__form input {
    color: #000;
}


.form-item--check span a,
.form-item--radio span a {
    color: #b68d5c;
}

.how-buy--wt-d .form-item label {
    color: #A5A5A7;
}

.how-buy--wt-d .form-item:not(.form-item--check):before {
    background-color: #363D41;
}


@media (max-width: 1229px) {
    a.how-buy__item {
        width: 50%;
        margin-bottom: 35px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .how-buy__wrap {
        margin-right: -15px;
        margin-left: -15px;
    }

    .how-buy__title {
        margin-bottom: 15px;
        font-size: 25px;
        line-height: 35px;
    }

    .how-buy__text {
        font-size: 14px;
        line-height: 24px;
    }

    .how-buy--wt-d a.how-buy__item {
        width: 100%;
    }

    .how-buy--wt .big-title {
        margin-bottom: 80px;
        font-size: 70px;
    }
}

@media (max-height: 850px) and (min-width: 1229px) {
    a.how-buy__item {
        width: 50%;
        margin-bottom: 35px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .how-buy__wrap {
        margin-right: -15px;
        margin-left: -15px;
    }

    .how-buy__title {
        margin-bottom: 15px;
        font-size: 25px;
        line-height: 35px;
    }

    .how-buy__text {
        font-size: 14px;
        line-height: 24px;
    }

    .how-buy--wt .big-title {
        margin-bottom: 80px;
        font-size: 70px;
    }
}

@media (max-width: 991px) {

    .how-buy--wt-d .how-buy__form,
    .how-buy--wt-d .how-buy__outer .how-buy__wrap {
        width: 100%;
        padding-left: 0;
    }

    .how-buy--wt-d .how-buy__form {
        padding-top: 50px;
    }
}

@media (max-width: 600px) {
    a.how-buy__item {
        width: 100%;
        margin-bottom: 25px;
    }

    .how-buy--wt .big-title {
        margin-bottom: 50px;
        font-size: 50px;
    }

    .how-buy--wt-d .how-buy__form {
        padding-top: 20px;
    }
}


.house-projects .h1 {
    margin: 0;
}

.house-projects__controls--1 .house-projects-slider__controls,
.house-projects__controls--2 .house-projects-slider__controls {
    display: none;
}

.house-projects__slider {
    margin-right: -15px;
    margin-left: -15px;
}

.house-projects-slider__item {
    padding-right: 15px;
    padding-left: 15px;
}

.house-projects-slider__img {
    display: block;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.house-projects-slider__img:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.house-projects-slider__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.house-projects-slider__img:before {
    display: block;
    padding-top: 50%;
    content: '';
}

.house-projects-slider__title {
    margin-bottom: 25px;
    color: #B68D5C;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: 1px;
}

.house-projects-slider__grid {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-bottom: 40px;
    margin-left: -15px;
}

.house-projects-slider-grid__item {
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #363D41;
}

.house-projects-slider-grid__title {
    margin-bottom: 5px;
    color: #363D41;
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0.01em;

}

.house-projects-slider-grid__subtitle {
    color: #A5A5A7;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.house-projects-slider__item .button-black a {
    width: 100%;
}

.house-projects__slider .swiper-container:not(.swiper-container-initialized) .swiper-slide {
    width: 50%;
}

@media (min-width: 650px) {
    .house-projects__slider .swiper-pagination {
        display: none;
    }
}

@media (max-width: 1419px) {
    .house-projects__slider {
        margin-right: -15px;
        margin-left: -15px;
    }

    .house-projects-slider__title {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 36px;
    }

    .house-projects-slider__img {
        margin-bottom: 20px;
    }

    .house-projects-slider-grid__title {
        font-size: 25px;
        line-height: 35px;
    }

    .house-projects-slider-grid__subtitle {
        font-size: 12px;
        line-height: 17px;
    }

    .house-projects-slider__grid {
        margin-bottom: 30px;
    }
}

@media (max-width: 1229px) {
    .house-projects-slider__title {
        font-size: 25px;
        line-height: 29px;
    }

    .house-projects-slider__img {
        margin-bottom: 15px;
    }

    .house-projects-slider-grid__title {
        font-size: 20px;
        line-height: 30px;
    }

    .house-projects-slider-grid__subtitle {
        font-size: 12px;
        line-height: 17px;
    }

    .house-projects-slider__grid {
        margin-bottom: 30px;
    }
}

@media (max-height: 850px) and (min-width: 1229px) {
    .house-projects-slider__title {
        font-size: 25px;
        line-height: 29px;
    }

    .house-projects-slider__img {
        margin-bottom: 15px;
    }

    .house-projects-slider-grid__title {
        font-size: 20px;
        line-height: 30px;
    }

    .house-projects-slider-grid__subtitle {
        font-size: 12px;
        line-height: 17px;
    }

    .house-projects-slider__grid {
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {

    .house-projects-slider__title {
        font-size: 23px;
        line-height: 28px;
    }

    .house-projects-slider__img {
        margin-bottom: 10px;
    }

    .house-projects-slider-grid__title {
        font-size: 18px;
        line-height: 28px;
    }

    .house-projects-slider-grid__subtitle {
        font-size: 10px;
        line-height: 15px;
    }

    .house-projects-slider__grid {
        margin-bottom: 20px;
    }

    .house-projects-slider__grid {
        margin-right: -10px;
        margin-left: -10px;
    }

    .house-projects-slider-grid__item {
        width: calc(50% - 20px);
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
    }
}

@media (max-width: 650px) {
    .house-projects__slider .swiper-container:not(.swiper-container-initialized) .swiper-slide {
        width: 100%;
    }
}


.households__controls--1 .households-slider__controls,
.households__controls--2 .households-slider__controls {
    display: none;
}

.households__slider .swiper-container:not(.swiper-container-initialized) .swiper-wrapper {
    /*justify-content: center;*/
}

.households__slider .swiper-container:not(.swiper-container-initialized) .swiper-slide {
    width: 25%;
}


@media (min-width: 650px) {
    .households__slider .swiper-pagination {
        display: none;
    }
}

@media (max-width: 1419px) {
    .households__slider {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (max-width: 1228px) {
    .households__slider .swiper-container:not(.swiper-container-initialized) .swiper-slide {
        width: 33.33%;
    }
}

@media (max-width: 991px) {
    .households__slider .swiper-container:not(.swiper-container-initialized) .swiper-slide {
        width: 50%;
    }
}

@media (max-width: 650px) {
    .households__slider .swiper-container:not(.swiper-container-initialized) .swiper-slide {
        width: 100%;
    }
}


.area-block svg image {
    pointer-events: none;
}

.area-block {

    position: relative;
    width: 100%;
}

.area-block__wr {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.area-block__in {
    position: relative;
}

.area-block__in:before {
    display: block;
    width: 100%;
    padding-top: 45.45%;
    content: "";
}

.area-block svg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.area-block .pinch-zoom-container {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
}

.area-info {
    position: absolute;
    pointer-events: none;
}

.area-info--show {
    z-index: 3;
    pointer-events: auto;
}

.area-info[data-status="1"].area-info--show {
    pointer-events: none;
}

.area-tooltip:before {
    position: absolute;
    top: -50px;
    left: calc(50% - 30px);
    border: 30px solid transparent;
    border-bottom: 20px solid rgba(255, 255, 255, .9);
    content: '';
}

.area-tooltip {
    /*z-index: -1;*/
    position: relative;
    width: 186px;
    padding: 25px 10px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .9);
    -webkit-box-shadow: 4px 4px 20px rgb(0 0 0 / 12%);
    box-shadow: 4px 4px 20px rgb(0 0 0 / 12%);
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;

}

.area-tooltip--show {
    z-index: 999;
    opacity: 1;
}

.area-info--show .area-tooltip {
    opacity: 1;
}

.area-area {
    display: flex;
    display: -ms-flexbox;
    z-index: 2;
    position: absolute;
    bottom: 100%;

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
}

.area-area--show {
    z-index: 9999;
}


.area-tooltip__title {
    margin-bottom: 10px;
    color: #363D41;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
}

.area-tooltip__row {
    margin-bottom: 5px;
    font-size: 0;
}

.area-tooltip__row span {
    font-size: 12px;
    line-height: 17px;
    font-family: Raleway;
}

.area-tooltip__row span:first-child {
    padding-right: 5px;
    font-weight: bold;
}

.area-tooltip__row a {
    color: #B68D5C;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.area-tooltip__row a:hover {
    text-decoration: none;
}

a.area-tooltip__btn,
div.area-tooltip__btn {
    display: block;
    width: 85px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    padding: 5px 0;
    border-radius: 20px;
    background-color: #B68D5C;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 17px;
    font-family: Raleway;
    letter-spacing: 0.04em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a.area-tooltip__btn:hover {
    background-color: #8c683e;
}

div.area-tooltip__btn--grey,
div.area-tooltip__btn--grey:hover {
    width: 112px;
    background-color: #989898;
}

.area-area-list {
    display: none;
}

.area-info--right {
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
}

.area-info--right .area-tooltip:before {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.area-info--left {
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
}

.area-info--left .area-tooltip:before {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

.area-info--bottom {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.area-info--bottom .area-tooltip:before {
    top: calc(50% - 30px);
    right: -50px;
    left: auto;
    border: 30px solid transparent;
    border-left: 20px solid rgba(255, 255, 255, .9);
}

.area-info--left.area-info--bottom {
    -webkit-transform: translateX(-70%) translateY(-50%);
    -ms-transform: translateX(-70%) translateY(-50%);
    transform: translateX(-70%) translateY(-50%);
}

.area-info--left.area-info--bottom .area-tooltip:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.area-info--right.area-info--bottom {
    -webkit-transform: translateX(70%) translateY(-50%);
    -ms-transform: translateX(70%) translateY(-50%);
    transform: translateX(70%) translateY(-50%);
}

.area-info--right.area-info--bottom .area-tooltip:before {
    right: auto;
    left: -50px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border: 30px solid transparent;
    border-right: 20px solid rgba(255, 255, 255, .9);
}

.area-block-zoom__btn {
    display: none;
}

.content-block__top-map-arr {
    display: none;
}


@media (max-width: 1200px) {
    .area-tooltip {
        width: 165px;
        padding: 15px 10px;
    }

    .area-tooltip__title {
        font-size: 16px;
        line-height: 1.2;
    }

    a.area-tooltip__btn,
    div.area-tooltip__btn {
        margin-top: 10px;
        padding: 3px 0;
    }
}


@media (max-width: 991px) {
    .area-block-zoom {
        position: relative;
        padding-right: 70px;
    }

    .area-block-zoom__btn {
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }

    .area-block-zoom__btn-item {
        width: 30px;
        height: 30px;
        margin: 5px;
        border: 1px solid #000;
        font-size: 20px;
        line-height: 33px;
        text-align: center;
    }


    .area-tooltip {
        width: 140px;
        padding: 15px 10px;
    }

    .area-tooltip__title {
        font-size: 14px;
        line-height: 1.2;
    }

    .area-tooltip__row span,
    .area-tooltip__row a {
        font-size: 10px;
        line-height: 1.3;
    }

    a.area-tooltip__btn,
    div.area-tooltip__btn {
        font-size: 10px;

        line-height: 1.2;
    }

    .area-tooltip:before {
        top: -18px;
        left: calc(50% - 12px);
        border: 12px solid transparent;
        border-bottom: 6px solid rgba(255, 255, 255, .9);
        pointer-events: none;
    }

    .area-info--bottom .area-tooltip:before {
        right: -18px;
        border: 12px solid transparent;
        border-left: 6px solid rgba(255, 255, 255, .9);
    }

    .area-info--right.area-info--bottom .area-tooltip:before {
        left: -18px;
        border: 12px solid transparent;
        border-right: 6px solid rgba(255, 255, 255, .9);
    }


    .area-tooltip__img,
    .area-tooltip__row--house {
        display: none;
    }
}

@media (max-width: 450px) {

    .area-block-zoom {
        position: relative;
        padding-right: 0;
    }

    .area-block-zoom__btn {
        width: 60px;
        height: 25px;
    }

    .area-block-zoom__btn-item {
        width: 25px;
        height: 25px;
        margin: 0 5px;
        font-size: 18px;
        line-height: 26px;
    }

    .area-info {
        display: none;
        position: relative;
        top: auto !important;
        left: auto !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }

    .area-info--show {
        display: block;
    }

    .area-tooltip {
        width: 100%;
        padding-right: 150px;
        opacity: 1;
    }

    .area-tooltip:before {
        display: none;
    }

    a.area-tooltip__btn,
    div.area-tooltip__btn {
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        height: 22px;
        margin: auto;
    }

    .content-block__top-map-arr {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 30px;
    }

    .area-block-zoom .area-block-zoom__btn {
        display: none;
    }

    .area-block-zoom__btn {
        /*width:*/
    }
}

.area-item {
    z-index: 99;
    position: relative;
}

.area-item__place {
    -webkit-transition: opacity .3s, fill .3s;
    -o-transition: opacity .3s, fill .3s;
    transition: opacity .3s, fill .3s;
    stroke: #fff;
    stroke-width: 1.5;
    stroke-dasharray: 1.69 1.69;
}

.area-item[data-status="1"] .area-item__place {
    fill: #E7E7E7;
}

.area-item[data-status="2"] .area-item__place {
    fill: #779db5;
}

.area-item[data-status="3"] .area-item__place {
    fill: #6a8868;
}

.area-item[data-status="4"] .area-item__place {
    fill: #C2A079;
}

.area-item__num {
    fill: #363D41;
}

.area-item[data-status="1"] .area-item__num {
    fill: #363D41;
}

.area-item[data-status="2"] .area-item__num,
.area-item[data-status="3"] .area-item__num,
.area-item[data-status="4"] .area-item__num {
    fill: #fff;
}


#area-item--hover .area-item__place {
    opacity: 1;
}

#area-item--hover[data-status="1"] .area-item__place {

    fill: #fff;
}

#area-item--hover[data-status="2"] .area-item__place {

    fill: #79a6c1;
}

#area-item--hover[data-status="3"] .area-item__place {

    fill: rgb(56 103 52);
}

#area-item--hover[data-status="4"] .area-item__place {

    fill: #8c683e;
}


.area-num {
    position: absolute;
    color: #363D41;
    font-size: 14.25px;
    line-height: 120%;
    text-align: center;
}

.area-info[data-status="2"] .area-num,
.area-info[data-status="3"] .area-num,
.area-info[data-status="4"] .area-num {
    color: #fff;
}

.area-tooltip__img {
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.area-tooltip__img:before {
    display: block;
    padding-top: 50%;
    content: '';
}


.area-adap {
    display: none;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);


}

.area-adap .button-gold2 {
    width: 100%;
}

@media (max-width: 1229px) {
    .area-num {
        font-size: 10px;
    }
}

@media (max-width: 991px) {

    .area-num {
        font-size: 6px;
    }

    .area-item {
        opacity: 0.85;
    }

    #area-item--hover {
        opacity: 1;
    }
}


.ptichka__aero {
    display: block;
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    width: 150px;
    margin: auto;
    padding-top: 74px;
    color: #FFFFFF !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    font-family: Gilroy;
    letter-spacing: 0.01em;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    cursor: pointer;
}

.ptichka__aero:before,
.ptichka__aero:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 64px;
    height: 64px;
    margin: auto;
    background: no-repeat center;
    background-size: contain;
    content: "";
    -webkit-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
}

.ptichka__aero:before {
    background-image: url(/local/templates/main/css/../images/aero_ico.svg);
}

.ptichka__aero:after {
    background-image: url(/local/templates/main/css/../images/aero_ico_h.svg);
    opacity: 0;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.ptichka__aero:hover:before {
    opacity: 0;
}

.ptichka__aero:hover:after {
    opacity: 1;
}


@media (max-height: 850px) and (min-width: 1229px) {
    .ptichka__aero {
        padding-top: 60px;
        font-size: 12px;
    }

    .ptichka__aero:before,
    .ptichka__aero:after {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 1230px) {
    .ptichka__aero {
        padding-top: 60px;
        font-size: 12px;
    }

    .ptichka__aero:before,
    .ptichka__aero:after {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 991px) {

    .ptichka__aero {
        display: none;
        z-index: 10;
    }

}


.detail-area {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.detail-area__img {
    position: relative;
    width: 57%;
    background: no-repeat center;
    background-size: cover;
}

.detail-area__img:after {
    display: block;
    position: relative;
    padding-top: 81.7%;
    content: "";
}

.detail-area__info {
    width: 43%;
    padding-left: 145px;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.45;
    font-family: Raleway;
}

.detail-area__info .button-black {
    margin-top: 30px;
}

.detail-area__info .button-black * {
    display: block !important;
}

@media (max-width: 1420px) {
    .detail-area__info {
        padding-left: 100px;
        font-size: 20px;
    }

}

@media (max-width: 1229px) {
    .detail-area__info {
        padding-left: 75px;
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .detail-area__img {
        width: 40%;
    }

    .detail-area__info {
        width: 60%;
        padding-left: 50px;
        font-size: 16px;
    }
}

@media (max-width: 650px) {
    .detail-area__img {
        width: 100%;
        margin-bottom: 30px;
    }

    .detail-area__info {
        width: 100%;
        padding-left: 00px;
    }
}


[data-id="75"] .detail-comp-main__adv-title {
    opacity: 0;
    -webkit-transition: opacity 1s ease 2s;
    -o-transition: opacity 1s ease 2s;
    transition: opacity 1s ease 2s;
}

[data-id="75"] .detail-comp__top-main--active .detail-comp-main__adv-title {
    opacity: 1;
}

[data-id="75"] .detail-comp-main__adv-title img {
    display: block;
    position: relative;
    bottom: -50px;
    max-width: 410px;
    margin: 80px auto 0px auto;
}

[data-id="75"] .detail-comp__back-title {
    top: calc(50% - 105px);
}

@media (min-width: 768px) and (max-height: 880px) {
    [data-id="75"] .detail-comp-main__adv-title img {
        bottom: 0;
    }
}

@media (max-width: 1229px) {
    [data-id="75"] .detail-comp-main__adv-title img {
        max-width: 280px;
    }
}

@media (max-width: 767px) {
    [data-id="75"] .detail-comp-main__adv-title img {
        position: absolute;
        bottom: -120px;
        width: 250px;
        margin: 0;
    }

    [data-id="75"] .detail-comp-main__front {
        bottom: 145px;
    }

    [data-id="75"] .detail-comp__back-title2 {
        bottom: 107px;
    }
}


[data-id="52946"].detail-comp__top .detail-comp-main__top-title {
    padding-left: 0;
}

[data-id="52946"] .detail-comp-main-title__1 {
    text-align: center;
}

[data-id="52946"] .detail-comp-main__top-title img {
    display: inline-block;
}

[data-id="52946"] .detail-comp__top-main {
    display: block;
}

[data-id="52946"] .detail-comp-main__front {
    position: absolute;
    bottom: 76px;
}

[data-id="52946"] .detail-comp__top-main--active .detail-comp-main__ar-title {
    opacity: 1;
    -webkit-transition: opacity 1s ease 2s;
    -o-transition: opacity 1s ease 2s;
    transition: opacity 1s ease 2s;
}

[data-id="52946"] .detail-comp__back-title {
    top: auto;
    bottom: 110px;
}

[data-id="52946"].detail-comp__top .detail-comp-main__top-title img {
    max-width: 80%;
}

[data-id="52946"].detail-comp__top .detail-comp__back-title {
    bottom: 388px;
}

@media (max-width: 1419px) {
    [data-id="52946"].detail-comp__top .detail-comp-main__top-title img {
        height: auto;
    }
}

@media (max-width: 1229px) {
    [data-id="52946"].detail-comp__top .detail-comp-main__top-title img {
        height: 270px;
    }

    [data-id="52946"] .detail-comp__back-title {
        bottom: 140px;
    }
}

@media (max-height: 850px) and (min-width: 1229px) {

    [data-id="52946"].detail-comp__top .detail-comp-main__top-title img,
    [data-id="52946"].detail-comp__top .detail-comp__back-title img {
        /*height: auto;*/
    }
}

@media (max-width: 767px) {
    [data-id="52946"].detail-comp__top .detail-comp__back-title img {
        height: auto;
    }

    [data-id="52946"] .detail-comp__back-title2 {
        display: none;
    }

    [data-id="52946"] .detail-comp__back-title {
        display: block;
        bottom: 93px;
        left: 50%;
        width: 288px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    [data-id="52946"] .detail-comp-main__front {
        bottom: 16px;
    }

    [data-id="52946"] .detail-comp-main-title__1 {
        margin-bottom: 25px;
    }

    [data-id="52946"].detail-comp__top .detail-comp-main__top-title img {
        width: 252px;
        height: auto;
    }


}


/**/

[data-id="52946"] .detail-comp-main__adv-title {
    opacity: 0;
    -webkit-transition: opacity 1s ease 2s;
    -o-transition: opacity 1s ease 2s;
    transition: opacity 1s ease 2s;
}

[data-id="52946"] .detail-comp__top-main--active .detail-comp-main__adv-title {
    opacity: 1;
}

[data-id="52946"] .detail-comp-main__adv-title img {
    display: block;
    position: relative;
    max-width: 410px;
    margin: 80px auto 0px auto;

}

[data-id="52946"] .detail-comp__back-title {
    bottom: 210px;
}

@media (min-width: 1229px) and (max-height: 1050px) {
    [data-id="52946"].detail-comp__top .detail-comp-main__top-title img {
        height: 270px;
    }

    [data-id="52946"] .detail-comp__back-title img {
        height: 79px;
    }

    [data-id="52946"] .detail-comp-main__adv-title img {
        max-width: 280px;
    }

    [data-id="52946"] .detail-comp__back-title {
        bottom: 250px;
    }
}

@media (min-width: 768px) and (max-height: 880px) {
    [data-id="52946"] .detail-comp-main__adv-title img {
        bottom: 0;
    }

}

@media (max-width: 1229px) {
    [data-id="52946"] .detail-comp__back-title {
        bottom: 250px;
    }

    [data-id="52946"] .detail-comp-main__adv-title img {
        max-width: 280px;
    }

}

@media (max-width: 767px) {
    [data-id="52946"] .detail-comp-main__adv-title img {
        position: absolute;
        bottom: -100px;
        left: calc(50% - 125px);
        width: 250px;
        margin: 0;
    }

    [data-id="52946"] .detail-comp-main__front {
        bottom: 145px;
    }

    [data-id="52946"] .detail-comp__back-title2 {
        bottom: 107px;
    }
}


.top-features {
    margin-top: 70px;
    margin-bottom: 100px;
}

.top-features__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.top-features__item {
    width: 25%;
    padding: 21px 70px;
}

.top-features__item {
    border-right: 2px solid #EFF2F2;
}

.top-features__item:last-child {
    border: none;
}

.top-features__title {
    margin-bottom: 17px;
    color: #363D41;
    font-weight: 600;
    font-size: 25px;
    line-height: 35px;
}

.top-features__subtitle {
    color: #A5A5A7;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    font-family: 'Raleway';
    letter-spacing: 0.3px;
}

@media (max-width: 1419px) {
    .top-features {
        margin-top: 50px;
        margin-bottom: 60px;
    }

    .top-features__title {
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 32px;
    }

    .top-features__item {
        padding: 21px 50px;
    }

    .top-features__wrap {
        margin-right: -50px;
        margin-left: -50px;
    }
}

@media (max-width: 1229px) {
    .top-features__title {
        font-size: 18px;
        line-height: 28px;
    }

    .top-features__subtitle {
        font-size: 11px;
        line-height: 18px;
    }
}

@media (max-width: 991px) {
    .top-features {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .top-features__wrap {
        margin-right: -13px;
        margin-left: -13px;
    }

    .top-features__item {
        width: 50%;
        padding: 20px 13px;
        border: none;
    }
}

.anchor-target.relative {
    position: relative;
}

.anchor-target-fake {
    position: absolute;
    top: -96px;
    width: 100%;
    height: 96px;
}

@media (max-width: 1419px) {
    .anchor-target-fake {
        top: -76px;
        height: 76px;
    }
}

@media (max-width: 991px) {
    .anchor-target-fake {
        top: -46px;
        height: 46px;
    }
}

.parking__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.parking__left {
    width: 58.25%;
    height: auto;
}

.parking__left img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.parking__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 41.75%;
    height: auto;
    padding-left: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.parking__title {
    margin-bottom: auto;
}

.parking__text {
    margin-top: 15px;
    font-weight: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.44;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.01875em;
}

.parking__btn {
    width: 100%;
    max-width: 287px;
    margin-top: 52px;
    padding: 19.5px;
    border: 1px solid #363D41;
    background: #363D41;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.07;
    font-family: 'Gilroy', sans-serif;
    letter-spacing: 0.01em;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background 0.3s ease, border-color 0.3s ease;
    -o-transition: background 0.3s ease, border-color 0.3s ease;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.parking__btn:hover {
    border-color: #B68D5C;
    background: #B68D5C;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 1229px) {
    .parking__text {
        font-size: 14px;
        line-height: 1.71;
    }
}

@media (max-width: 991px) {
    .parking__left {
        width: 100%;
    }

    .parking__left img {
        height: auto;
    }

    .parking__right {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }

    .parking__btn {
        margin-top: 30px;
    }
}

@media (max-width: 650px) {
    .parking__btn {
        max-width: none;
    }
}

.apartments {
    padding-top: 120px;
    padding-bottom: 120px;
}

.apartments__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.apartments__right {
    position: relative;
    width: 75%;
    height: auto;
}

.apartments__slider {
    width: 100%;
}

.apartments__slide {
    position: relative;
    z-index: 1;
    width: calc(33.333% - 10.666px) !important;
    border-radius: 6px;
    overflow: hidden;
}

.apartments__slide::after {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 126.315%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 1;
    position: relative;
}

.apartments__slide img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.apartments__slide-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 24px;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: #FFFFFF;
    z-index: 2;
}

.apartments__left {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    padding-top: 32px;
    padding-bottom: 32px;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%;
    height: auto;
    padding-right: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.apartments__title {
    font-weight: 500;
    font-size: 40px;
    line-height: 1.2;
    color: #333333;
    font-family: 'Gilroy', sans-serif;
    margin-bottom: 64px;
}

.apartments__title:last-child {
    margin-bottom: 0;
}

.apartments__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Gilroy', sans-serif;
    color: #363D41;
    margin-bottom: 32px;
}

.apartments__text:last-child {
    margin-bottom: 0;
}

.apartments__btn {
    margin-top: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 17.5px 20px;
    border: 1px solid #333333;
    background: #333333;
    color: #FFFFFF;
    font-weight: 400;
    border-radius: 6px;
    font-size: 16px;
    line-height: 1.2;
    font-family: 'Gilroy', sans-serif;
    text-align: center;
    -webkit-transition: background 0.3s ease, border-color 0.3s ease;
    -o-transition: background 0.3s ease, border-color 0.3s ease;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.apartments__btn:hover,
.apartments__btn:focus {
    border-color: #B68D5C;
    background: #B68D5C;
    color: #fff;
    text-decoration: none;
}

.apartments__btn--mobile {
    display: none;
}

@media (max-width: 1620px) {
    .apartments {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width: 1419px) {
    .apartments__left {
        width: 50%;
    }

    .apartments__right {
        width: 50%;
    }

    .apartments__slide {
        width: calc(50% - 8px) !important;
    }
}

@media (max-width: 1230px) {
    .apartments {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 991px) {
    .apartments {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .apartments__right {
        width: 100%;
        margin-top: 32px;
    }

    .apartments__left {
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
        padding-right: 0;
    }

    .apartments__btn {
        margin-top: 32px;
    }

    .apartments__btn--desktop {
        display: none;
    }

    .apartments__btn--mobile {
        display: block;
    }

    .apartments__slider {
        overflow: visible;
    }

    .apartments__slide {
        width: 300px !important;
    }

    .apartments__slide-title {
        padding: 16px;
        font-size: 16px;
    }

    .apartments__title {
        font-size: 32px;
        margin-bottom: 16px;
    }

    .apartments__text {
        font-size: 15px;
        line-height: 1.466;
        margin-bottom: 0;
    }

    .apartments__text:last-child {
        margin-bottom: 0;
    }

    .apartments__btn {
        width: 100%;
        font-size: 15px;
        line-height: 1.466;
    }
}
/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.css?171586201164*/
font.errortext
{
	color:red;
}

font.notetext
{
	color:green;
}

/* End */
/* /local/templates/main/css/ptichka.css?17158624775930 */
/* /local/js.lib/bootstrap/bootstrap.css?171586247842395 */
/* /local/templates/main/css/common.css?1747904626185675 */
/* /local/templates/main/css/detail-comp.css?174953596291278 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.css?171586201164 */
