/* Start:/testf/css/flats_act.css?177381995029492*/
.content-wrap{
	overflow: hidden;
}
.mobile-helper{
	display: none;
}
.mobile-helper span:before,
.mobile-helper span:after{
	display: block;
	height: 100%;
	position: absolute;
	top: 25%;
}
.mobile-helper span:before{
	content: "←";
	left: 15px;
}
.mobile-helper span:after{
	content: "→";
	right: 15px;
}
.liter {
	/* position: fixed; */
	left: 0;
	top: 0;
	width: 100%;
	/* height: 100vh; */
	z-index: 200;
	/* background-color: rgba(0,0,0, 0.7); */
}

.liter .wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* height: 100%; */
}

.liter-in {
	position: relative;
	display: flex;
	margin:  0 auto;
	/* max-width: 1600px; */
	width: 100%;
	/* min-width: 600px; */
	/* height: 95%; */
}

.liter-in .row {
	/* height: 100%; */
}


.liter-model,
.sect-model,
.flat-model {
	margin: auto 0;
	max-width: 1200px;
}

.liter-model {
	position: relative;
	flex-grow: 1;
	height: 100%;
	/*background-image: url(/testf/css/../img/floor_plan.png);*/
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.sect-model {
	position: relative;
	flex-grow: 1;
	/* height: 100%; */
	/*background-image: url(/testf/css/../img/sect_plan.png);*/
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.flat-model {
	position: relative;
	flex-grow: 1;
	height: 100%;
	background-image: url(/testf/css/../img/flat.png);
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/***************** SLIDE2-FLOOR SVG BLOCK *******************/
.liter-model .liter-model-in{
	position: relative;
}
.liter-model-in svg {
	width: 100%;
	height: auto;
}
.liter-model #floor-img{
	position: relative;
	width: 100%;
	/* max-width: none; */
	z-index: 53;
}
.liter-model #floor-color{
	position: absolute;
	left: 0;
	top: 0;
	/*width: 100%;*/
	z-index: 52;
}
.liter-model #floor-color svg path{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.liter-model #floor-color svg path.hover{
	fill: #fff;
}
/*.liter-model #floor-color svg path.rooms_0{
	fill: #FFC600;
}
.liter-model #floor-color svg path.rooms_1{
	fill: #69B70C;
}
.liter-model #floor-color svg path.rooms_2{
	fill: #007EFF;
}
.liter-model #floor-color svg path.rooms_3{
	fill: #EB3030;
}
.liter-model #floor-color svg path.rooms_o{
	fill: #8f58a4;
}

.liter-model #floor-color svg path.rooms_0.hover{
	fill: #FFD812;
}
.liter-model #floor-color svg path.rooms_1.hover{
	fill: #7BC91E;
}
.liter-model #floor-color svg path.rooms_2.hover{
	fill: #1290FF;
}
.liter-model #floor-color svg path.rooms_3.hover{
	fill: #FD4242;
}
.liter-model #floor-color svg path.rooms_o.hover{
	fill: #9a70ab;
}*/

.floor-color-line {
	font-size: 1.4rem;
	display: flex;
	margin-bottom: .45em;
}

.floor-color {
	flex: 0 0 auto;
	font-size: 2.2rem;
	width: 1em;
	height: 1em;
	border-radius: 1em;
	margin-right: .45em;
}

.floor-color-c {
	background-color: #5C2C87;
}

.floor-color-1 {
	background-color: #DA9B3D;
}

.floor-color-2 {
	background-color: #8685CC;
}

.floor-color-3 {
	background-color: #69bef9;
}

.floor-color-4 {
	background-color: #F74F9D;
}

.liter-model #floor-color svg g.r_c path{
	fill: #5C2C87;
}
.liter-model #floor-color svg g.r_0 path{
	/* fill: #FFC600; */
	fill: #DA9B3D;
}
.liter-model #floor-color svg g.r_1 path{
	/* fill: #69B70C; */
	fill: #DA9B3D;
}
.liter-model #floor-color svg g.r_2 path{
	/* fill: #007EFF; */
	fill: #8685CC;
}
.liter-model #floor-color svg g.r_3 path{
	/* fill: #EB3030; */
	fill: #69bef9;
}
.liter-model #floor-color svg g.r_4 path{
	fill: #F74F9D;
}
.liter-model #floor-color svg g.r_o path{
	fill: #9a70ab;
}
.liter-model #floor-color svg g.r_c path.hover{
	fill: #5C2C87;
}
.liter-model #floor-color svg g.r_0 path.hover{
	/* fill: #FFD812; */
	fill: #D99901;
}
.liter-model #floor-color svg g.r_1 path.hover{
	/* fill: #7BC91E; */
	fill: #D99901;
}
.liter-model #floor-color svg g.r_2 path.hover{
	/* fill: #1290FF; */
	fill: #7574af;
}
.liter-model #floor-color svg g.r_3 path.hover{
	/* fill: #FD4242; */
	fill: #a187aa;
}
.liter-model #floor-color svg g.r_4 path.hover{
	fill: #FF69B4;
}
.liter-model #floor-color svg g.r_o path.hover{
	fill: #A77ABA;
}

.liter-model #floor-color svg g.r_0 text{
	fill: #ffffff;
}
.liter-model #floor-color svg g.r_c text,
.liter-model #floor-color svg g.r_1 text,
.liter-model #floor-color svg g.r_2 text,
.liter-model #floor-color svg g.r_3 text,
.liter-model #floor-color svg g.r_4 text,
.liter-model #floor-color svg g.r_o text{
	fill: #ffffff;
}

.liter-model #floor-color svg g.r_c.sold path,
.liter-model #floor-color svg g.r_0.sold path,
.liter-model #floor-color svg g.r_1.sold path,
.liter-model #floor-color svg g.r_2.sold path,
.liter-model #floor-color svg g.r_3.sold path,
.liter-model #floor-color svg g.r_o.sold path{
	fill: #CECECE;
}
.liter-model #floor-color svg g.sold text{
	fill: #ffffff;
}





.liter-model #floor-hover{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 54;
}
.liter-model #floor-hover svg path{
	cursor: pointer;
}

.model-popup{
	display: none;
	position: absolute;
	left: 235px;
	top: 108px;
	z-index: 55;
}
.model-popup.right{
	margin-top: -51px;
	margin-left: 14px;
}
.model-popup.left{
	margin-top: -51px;
	margin-left: -174px;
}
.model-popup.top{
	margin-top: -116px;
	margin-left: -80px;
}
.model-popup.bottom{
	margin-top: 14px;
	margin-left: -80px;
}
.model-popup-in{
	position: relative;
	width: 160px;
	padding: 11px 20px;
	color: #fff;
	font-size: 12px;

	background: #8f58a4;
}
.model-popup.right:after,
.model-popup.left:after,
.model-popup.top:after,
.model-popup.bottom:after {
	position: absolute;
	content: " ";
	height: 0;
	width: 0;
	z-index: 55;
	pointer-events: none;
	border: solid transparent;
	border-color: rgba(248, 199, 68, 0);
	border-width: 14px;
}
.model-popup.right:after {
	right: 100%;
	top: 50%;
	border-right-color: #8f58a4;
	margin-top: -14px;
}
.model-popup.left:after {
	left: 100%;
	top: 50%;
	border-left-color: #8f58a4;
	margin-top: -14px;
}
.model-popup.top:after {
	top: 100%;
	left: 50%;
	border-top-color: #8f58a4;
	margin-left: -14px;
}
.model-popup.bottom:after {
	bottom: 100%;
	left: 50%;
	border-bottom-color: #8f58a4;
	margin-left: -14px;
}
.model-popup-line{
	line-height: 10px;
	margin: 8px 0;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjCGJ1kDAAAAFElEQVQYV2P4////FiCO+v//PwMARuQKBksWtGcAAAAASUVORK5CYII=') repeat-x bottom;
}
.model-popup-line:after{
	display: block;
	content: '';
	clear: both;
}
.model-popup-title,
.model-popup-val{
	background: #8f58a4;
}
.model-popup-title{
	float: left;
}
.model-popup-val{
	float: right;
}


/***************** SLIDE3-SECT SVG BLOCK *******************/
.sect-model .sect-model-in{
	position: relative;
}
.sect-model-in svg {
	/* width: 100%; */
	max-width: 100%;
	height: auto;
}
#fullsect_svg {
	text-align: center;
}
.sect-model #sect-img{
	position: relative;
	/* width: 100%; */
	max-width: 100%;
	/* max-width: none; */
	z-index: 53;
}
.sect-model #sect-color{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 52;
}
.sect-model #sect-color svg path{
	fill: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.sect-model #sect-color svg path.active{
	/*opacity: 1 !important;*/
	fill: #F7BB4C;
}
.sect-model #sect-color svg path.hover{
	fill: #FFB401;
}
.sect-model #sect-color svg path.sold{
	fill: #676767;
}

.sect-model #sect-hover{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 54;
	width: 100%;
}
.sect-model #sect-hover svg path{
	fill: rgba(0,0,0,0.01);
	cursor: pointer;
}

/***************** /SLIDE3-SECT SVG BLOCK *******************/

.flat-head{
	width: 100%;
	font-size: 1.5em;
	font-weight: 500;
	color: #000;
	text-align: center;
}

.flat-head__alternate{
	font-size: 0.8em;
	margin-top: 10px;
}
.flat-head__alternate-items{
	font-size: 0.9em;
	margin-top: 5px;
}
.flat-head__alternate-item{
	display: inline-block;
	color: #000;
    padding: 5px 15px;
    margin: 0 5px;
    border: 2px solid #8f58a4;
    border-radius: 20px;
    transition: 200ms;
}
.flat-head__alternate-item.active,
.flat-head__alternate-item:hover{
	color: #fff;
    background-color: #8f58a4;
}


.flat-head-mark {
	/* font-weight: bold; */
	/* color: #8f58a4; */
}

.liter-controls {
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
	justify-content: space-between;
	padding: 43px 18px 35px;
	/*padding: 10px 18px 10px;*/
	width: 225px;
	height: 100%;
	background-color: #8f58a4;
	overflow: auto;
}

.liter-close{
	position: absolute;
	right: 15px;
	top: 13px;
	width: 23px;
	height: 23px;
	background-image: url(/testf/css/../img/close-btn.png);
	background-size: 100% 100%;
}
.liter-controls button {
	width: 100%;
	height: 40px;
}
.liter-controls button + button{
	margin-top: 10px;
}

.liter-controls-left {
	padding: 10px 18px 10px;
	/*justify-content: space-between;*/
	justify-content: space-around;
}

.compas {
	position: relative;
	margin: 0 auto;
	width: 100px;
	padding-bottom: 100px;
	background: url(/testf/css/../img/compas.png?time=1) no-repeat center;
	background-size: contain;
	transition: 300ms;
}
.compas .compas-letter{
	position: absolute;
	width: 6px;
	height: 7px;
	background: url(/testf/css/../img/compas-let.png) no-repeat;
	transition: 300ms;
}
.compas .compas-letter.let-n{
	left: 50%;
	top: 0;
	margin-left: -3px;
	background-position: 0 0;
}
.compas .compas-letter.let-s{
	width: 10px;
	left: 50%;
	bottom: 0;
	margin-left: -5px;
	background-position: 0 -8px;
}
.compas .compas-letter.let-w{
	left: 0;
	top: 50%;
	margin-top: -2px;
	background-position: 0 -16px;
}
.compas .compas-letter.let-e{
	right: 0;
	top: 50%;
	margin-top: -2px;
	background-position: 0 -24px;
}

.liter-controls hr {
	width: 100%;
	margin: 20px 0;
	border-color: rgba(255,255,255, 0.1);
}
.liter-controls table{
	width: 100%;
}
.liter-controls table td{
	padding: 5px 0
}
.liter-controls table tr td:nth-child(1){
	text-align: left;
}
.liter-controls table tr td:nth-child(2){
	text-align: right;
	font-weight: bold;
}
/*
.mini-map {
	display: block;
	margin: 0 auto;
	width: 156px;
	height:  239px;
	background-image: url(/testf/css/../img/mikro.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	line-height: 165px;
	text-align: center;
	font-size: 21px;
	color: #000;
}
*/
.mikro,
.minlit {
	/*margin: 0 auto;
	width: 165px;*/
}

/*.mini-lit {
	display: block;
	width: 100%;
	height:  156px;
	line-height: 157px;
	text-align: center;
	font-size: 21px;
	color: #000;
	background: url(/testf/css/../img/small_lit.png) no-repeat center;
	background-size: contain;
}
.mini-sect {
	display: block;
	margin: 0 auto;
	width: 157px;
	height:  67px;
	line-height: 165px;
	text-align: center;
	font-size: 21px;
	color: #000;
	background: url(/testf/css/../img/small_sect.png) no-repeat center;
	background-size: contain;
}*/
/*.mini-floor {
	margin: 0 auto;
	width: 165px;
}*/
.control-tit {
	display: block;
	margin: 0 5px 20px;
	color: #fff;
}

.floor {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	color: #000;
}

.choice-num {
	position: relative;
	display: inline-block;
	padding-left: 40px;
	line-height: 1;
	font-size: 4.125em;
	border-bottom: 2px solid #fff;
	color: #fff;
}

.floor-text {
	font-size: 1.1em;
	text-align: center;
	line-height: 1;
	color: #fff;
}

.floor-text a {
	color: #fff;
}

.legend {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.props {
	text-align: center;
	color: #fff;
}

.prop {
	margin-bottom: 15px;
}

.prop-name,
.prop-num {
	display: block;
}

.prop-num {
	font-size: 1.5em;
	font-weight: bold;
}

.control-btns .btn {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
	padding: 10px 5px;
	font-size: 15px;
	font-weight: 300;
	background-color: #ffae00;
	color: #000;
	transition: 200ms;
}

.control-btns .btn-fn-modal {
	color: #fff;
	background-color: #ad68ca;
	border: 2px solid #ad68ca;
}
.control-btns .btn-fn-modal:hover {
	color: #fff;
	border-color: #fff;
	background-color: transparent;
}
.control-btns .btn-order {
	color: #fff;
	background-color: #69b70c;
	border: none;
}
.control-btns .btn-order:hover {
	background-color: #94C659;
}
.control-btns .btn-print {
	color: #000;
	background-color: #ffae00;
	border: 2px solid #ffae00;
}
.control-btns .btn-print:hover {
	color: #fff;
	border-color: #fff;
	background-color: transparent;
}

.control-btns .btn:last-child {
	margin-bottom: 0;
}
/*
.leg {
	margin-right: 10px;
	display: inline-block;
	width: 32px;
	height: 25px;
	line-height: 2.000em;
	vertical-align: middle;
}

.legend li {
	margin-bottom: 10px;
}

.leg-y {
	background-color: #FFDF74;
}
.leg-r {
	background-color: #10C79A;
}
.leg-g {
	background-color: #038EBD;
}
.leg-b {
	background-color: #FF6E70;
}
*/

/******** GENPLAN ********/

.genplan-wrap {
	position: relative;
	width: 100%;
	max-height: 100vh;
	height: 100vh;
	overflow: hidden;
	/*min-height: 630px;*/
}

.genplan-wrap .slide{
	display: none;
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
}
.genplan-wrap .slide.active{
	display: block;
}
.genplan-wrap svg .area_path {
	cursor: pointer;
}

/****** end genplan ******/

.model-block {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	background-color: #FFF;
	padding: 5rem 0 6.5rem;
	border-radius: 10px;
}

.model-wrap {
	position: relative;
	flex-grow: 1;
	height: 100%;
}

.liter-model-wrap,
.sect-model-wrap,
.flat-model-wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-grow: 1;
	/*padding: 15px;*/
	/* height: 100%; */
	/* padding: 40px; */
	padding: 40px 10px 40px 40px;
	justify-content: right;
}

.flat-model-wrap {
	padding: 7% 7% 2%;
	flex-direction: column;
}

.flat-model-wrap .flat-thumbs {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 30px;
}

.flat-model-wrap .flat-thumbs-item {
    position: relative;
    margin: 0 5px;
    padding: 5px;
    cursor: pointer;
    width: 80px;
    height: 80px;
    border-radius: 3px;
    border: 3px solid #CACACA;
    background-color: #fff;
    transition: 200ms;
}
.flat-model-wrap .flat-thumbs-item span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.flat-model-wrap .flat-thumbs-item:hover{
	border-color: #8f58a4;
}
.flat-model-wrap .flat-thumbs-item.active{
	border-color: #8f58a4;
}
.flat-block-info{
	width: 100%;
	height: 100%;
}
.fancy-white-bg .fancybox-bg {
    background: #ffffff;
}
.fancy-white-bg.fancybox-is-open .fancybox-bg{
	opacity: 0.95;
}


/******** SECTION POPUP ********/
/*.sect-block .sect-block-cont {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

.sect-svg-wrap {
	position: relative;
}
.sect-svg-wrap .sect-svg svg path{
	cursor: pointer;
}

.sect-svg-wrap .sect-svg{
	position: relative;
}
.sect-svg-wrap #sect-color{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 52;
}
.sect-svg-wrap #sect-color svg path{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.sect-svg-wrap #sect-color .active{
	opacity: 1 !important;
	fill: #FFB401;
}
.sect-svg-wrap #sect-img{
	position: relative;
	width: 100%;
	z-index: 53;
}
.sect-svg-wrap #sect-hover{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 54;
}*/
/******** /SECTION POPUP ********/


/******** MINI GENPLAN ********/
.choose-liter-svg {
	width: 189px;
	height: 249px;
	padding-right: 39px;
	background: url(/img/mini-genplan-icons.png) no-repeat right center;
	background-size: auto 100%;
}
.choose-liter-svg g {
	cursor: pointer;
	-webkit-user-select: none;
}
.choose-liter-svg g path {
	fill: rgba(255,255,255,0.6);
	transition: 200ms;
}
.choose-liter-svg g text {
	fill: #8f58a4;
	transition: 200ms;
}
.choose-liter-svg g:hover path {
	fill: rgba(255,255,255,0.72);
}
.choose-liter-svg g.active path {
	fill: #FFC600;
}
.choose-liter-svg g.active text {
	fill: #000;
}
.choose-liter-svg g.disabled {
	cursor: default;
}
.choose-liter-svg g.disabled path {
	fill: rgba(255,255,255,0.2);
}

/******** /MINI GENPLAN ********/

/******** MINI FLOOR ********/
.choose-sect-svg {
	width: 189px;
	height: 189px;
}
.choose-sect-svg g {
	cursor: pointer;
	-webkit-user-select: none;
}
.choose-sect-svg g path {
	fill: rgba(255,255,255,0.5);
	stroke: #8f58a4;
	stroke-width: 6;
	transition: 200ms;
}
.choose-sect-svg g text {
	fill: #8f58a4;
	transition: 200ms;
}
.choose-sect-svg g:hover path {
	fill: rgba(255,255,255,0.72);
}

.choose-sect-svg g.active path {
	fill: #FFC600;
}
.choose-sect-svg g.active text {
	fill: #000;
}


.choose-sect-svg g.disabled {
	cursor: default;
}
.choose-sect-svg g.disabled path {
	fill: rgba(255,255,255,0.2);
}
.choose-sect-svg g.disabled text {
	fill: #515151;
}

/*.choose-sect-svg path {
	cursor: pointer;
	fill: rgba(255,255,255,0.5);
	stroke: #8f58a4;
	stroke-width: 6;
	transition: 200ms;
}
.choose-sect-svg path:hover {
	fill: rgba(255,255,255,0.72);
}
.choose-sect-svg path.active {
	fill: #FFC600;
}
.choose-sect-svg path.disabled {
	cursor: default;
	fill: rgba(255,255,255,0.2);
}*/

/******** /MINI FLOOR ********/


/******** MINI SECT ********/
.choose-flat-svg {
	width: 189px;
	/*max-height: 120px;*/
}
.choose-flat-svg g {
	cursor: pointer;
	-webkit-user-select: none;
}
.choose-flat-svg g path {
	fill: rgba(255,255,255,0.5);
	stroke: #8f58a4;
	stroke-width: 6;
	transition: 200ms;
}
.choose-flat-svg g text {
	fill: #8f58a4;
	transition: 200ms;
}
.choose-flat-svg g:hover path {
	fill: rgba(255,255,255,0.72);
}
.choose-flat-svg g.active path {
	fill: #FFC600;
}
.choose-flat-svg g.active text {
	fill: #000;
}

.choose-flat-svg g.disabled {
	cursor: default;
}
.choose-flat-svg g.disabled path {
	fill: rgba(255,255,255,0.2);
}
.choose-flat-svg g.disabled text {
	fill: #515151;
}


/******** /MINI SECT ********/

.space {
	display: block;
	height: 107px;
}

.flat-btn {
	position: absolute;
	left: 40px;
	bottom: 20px;
}

.arrow-up {
	position: absolute;
	top: 7px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12.5px 22px 12.5px;
	border-color: transparent transparent #fff transparent;
	transition: 200ms;
}

.arrow-down {
	position: absolute;
	bottom: 7px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22px 12.5px 0 12.5px;
	border-color: #fff transparent transparent transparent;
	transition: 200ms
}

.arrow-up:hover {
	cursor: pointer;
	border-color: transparent transparent #69b70c transparent;
}
.arrow-down:hover {
	cursor: pointer;
	border-color: #69b70c transparent transparent transparent;
}

.flat-head {
	width: 100%;
	position: static;
	align-self: flex-start;
}

.flat-foot {
	width: 100%;
	font-size: 1.5em;
	font-weight: 300;
	color: #000;
	text-align: center;
}

.legend-list {
	padding: 0;
	margin: 0;
	color: #fff;
}

.legend-wrap {
	padding-left: 5px;
	margin: 0 auto;
	width: 165px;
}

.legend-list li {
	display: flex;
	-ms-align-items: center;
	align-items: center;
	line-height: 25px;
	margin-bottom: 8px;
	font-size: 0.688em;
}

.legend {
	flex-shrink: 0;
	margin-right: 5px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #fff;
}

.leg-st {
	background-color: #ffc600;
}
.leg-1k {
	background-color: #69b70c;
}
.leg-2k{
	background-color: #007eff;
}
.leg-3k {
	background-color: #eb3030;
}
.leg-com {
	border: 1px solid #ffffff;
	background-color: #8f58a4;
}
.leg-sold {
	background-color: #CECECE;
}

.mini-floor,
.minlit,
.props-wrap {
	display: none;
}

.model-flat-in {
	display: flex;
	flex-grow: 1;
}

.flat-model {
	display: block;
}

.controls-double {
	background: #8f58a4;
}

.model {
	/* padding: 40px 0; */
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	/* min-height: 95vh; */
	height: auto;
	padding-bottom: 4rem;
}

.model-btn-back{
	position: absolute;
	top: 40px;
	left: 30px;
}
.model-btn-back a{
	display: block;
	padding: 5px 10px;
	color: #000;
	background: #FFAE00;
	border-radius: 20px;
	border: 2px solid #FFAE00;
	transition: 200ms;
}
.model-btn-back a:hover{
	border-color: #8f58a4;
	background: transparent;
}

/* Показать этаж */
.show-sect .liter-controls-left {
	justify-content: space-between;
}

.show-sect .space,
.show-sect .minlit {
	display: block;
}

.show-sect .legend-wrap {
	display: none;
}

/* Показать квартиры */
.show-flat .space {
	display: none;
}
/*
.show-flat .minilit,
.show-flat .props-wrap,
.show-flat .mini-floor {
	display: block;
}
*/
.flat-model-cont {
	flex-grow: 1;
}

.controls-double {
	display: none;
}


.load:before{
	position: absolute;
	display: block !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	content: '';
	background: #fff;
}
.load:after{
	position: absolute;
	display: block !important;
	left: 50%;
	top: 50%;
	width: 71px;
	height: 97px;
	margin-left: -35px;
	margin-top: -49px;
	z-index: 1000;
	content: '';
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 354 488" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style><![CDATA[.fil0{fill:url(#id0)}.fil2{fill:url(#id1)}.fil4{fill:url(#id2)}.fil3{fill:url(#id3)}.fil1{fill:url(#id4)}]]></style><linearGradient id="id0" gradientUnits="userSpaceOnUse" x1="243.876" x2="243.876" y2="294.326"><stop offset="0" stop-color="#faea1c"/><stop offset=".502" stop-color="#abc932"/><stop offset="1" stop-color="#3fab3c"/></linearGradient><linearGradient id="id1" gradientUnits="userSpaceOnUse" x1="243.882" y1="487.775" x2="243.882" y2="314.709"><stop offset="0" stop-color="#faea1c"/><stop offset="1" stop-color="#3fab3c"/></linearGradient><linearGradient id="id2" gradientUnits="userSpaceOnUse" xlink:href="#id1" x1="28.339" y1="176.83" x2="234.006" y2="299.364"/><linearGradient id="id3" gradientUnits="userSpaceOnUse" xlink:href="#id1" x1="64.398" y1="403.186" x2="233.97" y2="309.687"/><linearGradient id="id4" gradientUnits="userSpaceOnUse" xlink:href="#id1" x1="342.497" y1="355.534" x2="254.138" y2="310.461"/></defs><path fill="url(#id0)" d="M141 90c12 40 103 204 103 204s91-164 103-204c10-39-31-90-103-90-73 0-114 51-103 90z"/><path fill="url(#id4)" d="M303 310h-2c-22 0-47 1-47 1s38 56 49 66c10 10 33 5 45-18s3-45-12-48c-5-1-19-1-33-1z"/><path fill="url(#id1)" d="M184 435c-7 23 17 53 60 53s67-30 60-53c-6-24-60-120-60-120s-54 96-60 120z"/><path fill="url(#id3)" d="M218 310h-4c-39 0-119 0-141 5-27 7-45 50-20 95s70 53 91 33c20-21 90-133 90-133h-16z"/><path fill="url(#id2)" d="M234 299s-84-136-109-161c-9-9-21-13-34-13-26 0-56 16-76 52-31 54-10 106 24 114s185 8 195 8z"/></svg>') no-repeat;
	animation: HEARTBEAT 2s infinite;
	transform-origin: 70% 65%;
}


/******* ORIENT ERROR SCREEN *******/

.orient_error {
	display:none;
}
.orient_error {
	position: fixed;
	z-index: 9999;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	background: #000000d4;
	height: 100%;
}

.orient_error .icon_orient{
	display: block;
	max-width: 100%;
	height: 100%;
	margin-top: 50px;
	background: url(/testf/css/../img/rotate_phone.png) center no-repeat;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-animation: imageBounce 2s ease-in-out infinite;
	animation: imageBounce 2s ease-in-out infinite;
}
.orient_error p{
	position: absolute;
	top: 20px;
	width: 100%;
	font-size: 20px;
	text-align: center;
	color: #fff;
}
.pl_group {
	pointer-events: none;
}
@-webkit-keyframes imageBounce {
	0% {
		transform: scale(0.8);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.8);
  }
}

@keyframes imageBounce {
	0% {
		transform: scale(0.8);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.8);
  }
}


@media only screen and (max-width: 1000px) {
	.liter-model-wrap, .sect-model-wrap, .flat-model-wrap{
		padding: 0px;
		margin-bottom: 10px;
	}
	.flat-model-cont {
		/*padding-top: 40px;*/
		display: flex;
    	flex-direction: column;
	}

	.flat-model-wrap {
		height: 100%;
	}

	.liter-close {
		display: none;
	}

	.liter {
		z-index: 195;
	}

	.top-line {
		z-index: 197;
	}

	.liter-controls {
		display: none;
	}

	.liter-close {
		background-color: #000;
	}

	.liter {
		position: relative;
	}

	.liter .wrap {
		padding: 0;
		position: relative;
	}

	.liter-in {
		width: 100%;
		margin: 0;
	}

	.liter {
		height: auto;
	}

	.flat-model {
		flex-grow: 1;
		/*height: 450px;*/
		height: 100%;
	}

	.flat-model-wrap .flat-thumbs-item {
		width: 64px;
		height: 64px;
	}

	.liter-in {
		min-width: auto;
	}

	.model {
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		/* border-bottom: 3px solid #000; */
	}

	.model:last-child {
		border: none;
	}

	.model-btn-back{
		display: none;
	}

	.liter-model {
		-webkit-background-size: contain;
		background-size: contain;
		/*padding-bottom: contain;*/
	}

	.liter-close {
		top: 5px;
		right: 5px;
	}

	.flat-head {
		font-size: 1.3em;
		padding: 15px;
		/*margin-bottom: 15px;*/
	}
	.genplan-wrap,
	.main-slide {
		height: calc(100vh - 50px);
	}

	.floorsel_mobile .arrow-down{
		border-top-color: #9157a8;
		transform: rotate(90deg);
		left: -40px;
		bottom: initial;
		top: 10px;
	}

	.floorsel_mobile .arrow-up{
		border-bottom-color: #9157a8;
		transform: rotate(90deg);
		left: initial;
		top: 10px;
		right: -40px;
	}
	.choice-num.floorsel_mobile{
		display: block;
		width: auto;
		padding-left: 0;
		margin: 0 auto;
	}
	#popup-sbr-floor-mob{
		font-size: 150%;
		color: #9157a8;
		font-weight: bold;
	}

	.liter-controls-right {
		display: block;
		width: 100%;
		background-color: #fff;
		border-bottom: 1px solid #ececec;
		padding-top: 20px;
	}

	.liter-in {
		flex-direction: column;
	}

	.compas,
	.floor {
		display: none;
	}

	.control-btns .btn {
		width: 280px;
	}

	.controls-double {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex-basis: 170px;
	}

	.model-flat {
		padding: 0;
	}

	.flat-model-in {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		padding-top: 30px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 20px;
	}

	.controls-double .compas {
		margin-bottom: 10px;
		display: block;
		width: 100px;
    	/*padding-bottom: 70px;*/
	}

	.controls-double .floor {
		display: block;
		flex-grow: initial;
		text-align: center;
	}

	.controls-double {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 20px;
	}

	.props-wrap {
		display: block;
	}

	.flat-model-wrap{
		padding: 15px;
		flex-grow: 1;
	}

	.choice-num-wrap {
		text-align: center;
	}

	.choice-num-wrap .floor-text {
		padding-top: 5px;
	}

	.choice-num-wrap .choice-num {
		padding-bottom: 3px;
	}

	.choice-num-wrap .arrow-up {
		top: 4px;
	}

	.choice-num-wrap .arrow-up {
		bottom: 6px;
	}
	.mobile-helper{
		display: block;
		position: absolute;
		bottom: 10vh;
		background: rgba(255,255,255,0.3);
		width: 100%;
		padding: 20px;
		color: white;
		font-size: 25px;
		text-align: center;
	}
}

/****** choice-floor ******/

.choice-floor {
	font-size: 1rem;
	font-weight: 400;
}

.choice-floor__title {
	font-size: 2em;
	margin-bottom: 1em;
}

.choice-floor__flex {
	display: flex;
	align-items: center;
}

.choice-floor__btns {
	margin-right: 2em;
}

.choice-floor__count {
	font-size: 1.8em;
	line-height: 1;
	font-weight: 400;
	margin-bottom: .25em;
}

.choice-floor__count-big {
	font-size: 3.5em;
	font-weight: 900;
}

@media screen and (max-width: 768px) {
	.choice-floor__count-big {
		font-size: 2em;
	}
}

.choice-floor__count-small {
	font-size: 1.3em;
}

/***** genplan-mini *****/

.genplan-mini-wrap {
	display: flex;
}

.genplan-mini {
	position: relative;
}

.genplan-mini img,
.genplan-mini svg {
	max-width: 100%;
	height: auto;
}

.genplan-mini img {
	pointer-events: none;
}

.genplan-mini__up {
	position: relative;
	z-index: 2;
}

.genplan-mini__svg,
.genplan-mini__low {
	z-index: 1;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.genplan-mini__svg path:not(.genplan-mini__path) {
	fill: #EEEEEE;
	pointer-events: none;
	cursor: auto;
}

.genplan-mini__path {
	fill: #FFF;
	stroke-width: 2px;
	stroke: #FFF;
	cursor: pointer;
	transition: fill .2s ease-in-out;
}

.genplan-mini__path:hover,
.genplan-mini__path.hover,
.genplan-mini__path.active {
	fill: #553282;
}

.flat-plans__north.flat-plans__north-section {
	top: 130%;
    right: 40%;
	width: 6.5em;
    height: 6.5em;
}

.flat-plans__north.flat-plans__north-section div {
	font-size: 0.8em;
}

@media screen and (max-width: 768px) {
	.flat-plans__north.flat-plans__north-section {
		width: 9.5em;
		height: 9.5em;
		right: 0%;
		top: auto;
	}
}



.flat-plans__north-section-hard {
	transform: rotate(22deg) !important;
}

.flat-plans__letter-hard {
	transform: rotate(-22deg) !important;
}

.model-block {
	min-height: 500px;
}

@media screen and (max-width: 768px) {
	.model-block {
		min-height: auto;
		padding-bottom: 0;
	}
}

/* End */


/* Start:/local/templates/aist/css/leaflet.css?167204560214001*/
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(/local/templates/aist/css/images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/local/templates/aist/css/images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(/local/templates/aist/css/images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */
	
@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

/* End */


/* Start:/local/templates/aist/css/leaflet-gesture-handling.min.css?16749214571022*/
@-webkit-keyframes leaflet-gestures-fadein{0%{opacity:0}100%{opacity:1}}@keyframes leaflet-gestures-fadein{0%{opacity:0}100%{opacity:1}}.leaflet-container:after{-webkit-animation:leaflet-gestures-fadein .8s backwards;animation:leaflet-gestures-fadein .8s backwards;color:#fff;font-family:Roboto,Arial,sans-serif;font-size:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:461;pointer-events:none}.leaflet-gesture-handling-scroll-warning:after,.leaflet-gesture-handling-touch-warning:after{-webkit-animation:leaflet-gestures-fadein .8s forwards;animation:leaflet-gestures-fadein .8s forwards}.leaflet-gesture-handling-touch-warning:after{content:attr(data-gesture-handling-touch-content)}.leaflet-gesture-handling-scroll-warning:after{content:attr(data-gesture-handling-scroll-content)}
/* End */


/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1476782292666*/
div.bx-yandex-map {color: black; font-size: 11px;}
div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td {
	padding: 0px !important;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{
	font-size: 11px;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b {
	background-image: none !important;
}

/* End */
/* /testf/css/flats_act.css?177381995029492 */
/* /local/templates/aist/css/leaflet.css?167204560214001 */
/* /local/templates/aist/css/leaflet-gesture-handling.min.css?16749214571022 */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1476782292666 */