/*.drop{
	position: absolute;
	top:10%;
	left:50%;
	width: 120px;
	height: 120px;
	margin: 80px 50px 30px;
	background: url('../img/realist_logo_big.png')repeat;
	border-radius: 0 100% 100% 100%;
	transform: rotateZ(45deg);
	border:10px solid #fff;
}
.drop:hover{
	border:10px solid blue;
}*/
.ul-margin, .popup-cont-column ul{
	list-style: none;
}
#mainMenu, #mainMenu-mob{
	position: absolute;
	bottom: 60px;
	padding-bottom: 0;
}
#mainMenu {
	font-family: 'PFBeauSansPro-Regular';
	text-align: left;
	z-index: 10;
	width: 100%;
	/*padding-bottom: 20px;*/
}


#mainMenu-mob ul {
	border-radius: 50px;
	margin-left: 24px;
	position: relative;
	/*display: inline-table;*/
	display: inline-block;
}

#mainMenu-mob li {
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	list-style: none;
	position: relative;
	margin-top: 5px;
}

#mainMenu-mob ul li a {
	font-size: 18px;
	text-transform: uppercase;
	display: block;
	padding: 6px 14px;
	line-height: 21px;
}
#mainMenu-mob.brown ul li:hover a.sub-menu-corner:after,
#mainMenu-mob.brown ul li.active a.sub-menu-corner:after,
#mainMenu-mob ul li a.sub-menu-corner:after{
	content:" ";
	display: inline-block;
	width: 11px;
	height:6px;
	background: url('../img/arrow-down.png')no-repeat 0 0;
	position: relative;
	top:-3px;
	left:5px;
}
#mainMenu-mob ul li:hover a.sub-menu-corner:after,
#mainMenu-mob ul li.active a.sub-menu-corner:after,
#mainMenu-mob.brown ul li a.sub-menu-corner:after{
	background-position:0px -7px;
}
#mainMenu-mob ul ul li a {
	text-transform: none;
	font-size:16px;
}

/*.brown ul ul li:hover a{
	color:#34c6f4 !important;
	background-color: transparent !important;
}*/

#mainMenu-mob ul ul.clicked {
	visibility: visible;
	opacity: 1;
}

#mainMenu-mob ul ul {
	margin-left: 0px;
	position: absolute;
	top: 40px;
	left: 0;
	visibility: hidden;
	opacity: 0;
	color: #FFF;
	border-radius: 50px;
	text-align: left;
	transition: all 0.2s ease-in-out;
	height: 33px;
}




footer{
	height:24px;
}
#dev a{
	top:-75px;
}
.orient-layout{
	width:100%;
	height:100%;
	background:rgba(38,21,1,0.9);
	position: fixed;
	top:0;
	left:0;
	z-index: 10000;
	display: none;
	opacity:0;
}
.orient-text{
	width:200px;
	height:110px;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	color:#fff;
	text-transform: uppercase;
}
.orient-text img{
	display: block;
	margin:20px auto 0;
	width:60px;
}
.popup-cont-column{
	text-align:justify; /*выравнивание текста внутри колонок*/
	column-count: 2; /*количество колонок, на которое хотим разбить текст*/
	-moz-column-count: 2; /*для мозилы*/
	-webkit-column-count: 2; /*для webkit браузеров*/
	column-gap: 20px; /*отступ между колонками*/
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	margin:25px 0;
}
#mainMenu-mob, .button-menu{
	display: none;
}
.column-1 span.span-title{
	color:#33c6f4;
	text-transform: uppercase;
	font-size: 14px;
}
.newsSlideWrap{
	float:none;
	text-align: center;
}
.newsSlide a h3{
	text-align: left;
	margin:0;
}
.newsSlide p{
	text-align: left;
}
.newsSlide .data{
	margin:40px 0 14px;
}
.newsSlideWrapDoc{
	margin-top:0px;
}
.newsSlide{
	float:none;
	display: inline-block;
	width:250px;
	margin-right:40px;
	vertical-align: top;
	text-align: left;
}
.newsSlide p{
	margin:0;
}
#newsWrap{
	background:none;
}
#wrapContacts{
	height: 100% !important;
}
.gallerySlide{
	width:235px;
}

.visualSlide{
	width:235px;
}
.visualSlide:nth-child(5){
	margin-left:25px;

}
.visualSlideWrap{
	height:462px;
}
.footer-tree,.tree-up{
	display:none;
}
#slider{
	height:100%;
}
.slider-img{
	height:100%;
}

a.developer{
	z-index: 100;
}
footer{
	z-index: 100;
}
.footer-popup{
	padding:25px 10px;
}
.docInfo{
	left:126px;
}
#showAero p:nth-child(3){
	display: none;
}
/*.content{
	padding:14% 0 0 50%;
}*/
.slideRoom{
	float:none;
	display: inline-block;
}
.flatsItemsWrap{
	width:auto;
}
#chooseFlat{
	min-width:initial;
}
/*.slideRoom{
	margin:0;
}*/
.sliderFlatsWrap{
	height: 440px;
	text-align: left;
	-moz-column-gap:0;
	-webkit-column-gap:0;
	column-gap:0;
}
.wrapChooseHouse .edit .right{
	height:37px;
}
.compass_flat_mob{
	display: none;
}
#chooseFlat{
	width:1055px;
}
.open-filter{
	display: none;
}
#arrow div{
	vertical-align: middle;
}
.slider-wrap{
	overflow: hidden;
	height: 33px;
}
#arrow div.slider-cont{
	margin:0;
	display: block;
	height: 100%;
}
.bullet{
	width:22px;
	height:22px;
	border-radius:50%;
	background:transparent;
	font-size: 16px;
	line-height: 22px;
}
.bullet:hover, #arrow .active{
	background:#34c6f4;
}
/*slider-select*/
.ui-slider {
	position: relative;
	text-align: left;
	margin-top:65px;
}
.ui-slider span:hover{
	cursor:pointer;
}
.ui-slider input{
	border:none;
	background-color: transparent;
	color:#fff;
	font-size:30px;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 70px;
	height: 92px;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: 4px;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -6px;
	margin-left: -7px;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.span-inner{
	position: absolute;
	top:-30px;
	left:0;
	text-align: left;
	font-size: 20px;
	width: 200px;
	font-family: 'PFBeauSansPro-Light';
}
/* Component containers
----------------------------------*/

.ui-widget-content {
	/*border-bottom: 1px solid #1daae3;*/
	background: rgba(166,141,113,0.25);
	color: #333333;
}
.ui-widget-content:after{
	content: "";
	position: absolute;
	right:-4px;
	top:-6px;
	height:15px;
	border-right:4px solid rgba(166,141,113,0.25);
	display: block;
}
.ui-widget-content:before{
	content: "";
	position: absolute;
	left:-4px;
	top:-6px;
	height:15px;
	border-left:4px solid rgba(166,141,113,0.25);
	display: block;
}
.ui-widget-header {
	border: 1px solid #e78f08;
	background-color: #34c5f3;
	color: #ffffff;
	font-weight: bold;
}
span.ui-slider-handle.text{
	font-size:17px;
	text-transform:uppercase;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background:#34c5f3 50% 50% repeat-x;
	font-size:20px;
	font-family: 'PFDinTextCondPro-Medium';
	color: #5b3913;
	text-align: center;
	width:15px;
	height:15px;
	border-radius: 50%;
}
.ui-state-default:focus,
.ui-widget-content .ui-state-default:focus,
.ui-widget-header .ui-state-default:focus{
	outline:none;
}

/*End slider-select*/
.kvartal{
	display: none;
}
.newsSlide a h3{
	height:44px;
	overflow: hidden;
}
.section-wrapper{
	overflow: hidden;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

}
.section-container{
	height: 100%;
	width: 100%;
	position: relative;
}
.onepage-pagination{
	position: absolute;
	right:0;
	top:50%;
	z-index: 10;
	list-style: none;
}
.onepage-pagination li span{
	color:#fff;
	background-color:blue;
	padding: 10px;
}
.onepage-pagination li span:first-child{
	border-right:1px solid #fff;
}

@media screen and (max-height:750px){
	.icons{
		width:62%;
		margin:0;
	}
	body{
		min-height:650px;
	}
	.mainCircle{
		height:650px;
	}
	.oneDoc img{
		max-height: 268px;
	}
	.innerWrapDoc{
		max-height:300px;
	}
	.newsSlide{
		text-align: center;
	}
	.newsSlide p{
		text-align:center;
	}
	.newsSlide a h3{
		text-align:center;
	}
	.content .text p{
		margin:7px 0;
	}
	#newsFull{
		margin:80px auto 0;
	}
	.oneNews{
		min-height:initial;
	}
	.arrowFlat{
		bottom:16px;
	}
	.flatTitle{
		top:2%;
	}
	.planRoom img{
		width:450px;
		height:450px;
	}
	.bgRoomCircle{
		width:450px;
		height:450px;
	}
	#room,.bgRoomCircle{
		top:0;
	}
	.phone_callback{
		top:140px;
		padding: 6px 9px 6px 34px;
	    font-size: 11px;
	    background-position: 13px center;
	    background-size: 15px;
	}
	.socials_wr {
		top: 13px;
	}
	.phone_callback_nomber{
		top:140px;
	}
	.phone p, .phone a{
		font-size:19px;
		font-size: 25px;
	}
	#backToFilter, #backToFilterBizness{
		width:120px;
		height:120px;
		background-size:contain;
	}
	#backToFilter p{
		font-size:18px;
	}
	#backToFilter p:last-child{
		font-size:25px;
	}
	#backToFilter p:first-child{
		margin-top:36px;
	}
}
@media screen and (max-height:700px){

}
@media screen and (max-width: 1400px){
	#contacts{
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		transform:scale(0.8);
		left:0;
	}
	#contacts {
		top: -5%;
	}
	.mainCircle{
		height:650px;
	}
}
@media screen and (max-width: 1200px){
	#logoShadow a{
		width:147px;
		height:145px;
		background-size:contain;
		top:0;
		right:200px;
	}

}
@media screen and (max-width: 1100px){
	.mainCircle h2{
		font-size:36px;
		margin-top:55%;
	}
	.mainCircle{
		width:470px;
	}
	.mainCircle h3{
		font-size:36px;
	}
	.footer-popup{
		padding:15px 10px;
		height:143px;
	}
	.popup-cont-column{
		margin:13px 10px;
	}
	.content{
		padding:14% 0 110px 53%;
	}
	.icons{
		margin-left:-57px;
	}
	.prew, .next, #close{
		width:50px;
		height: 50px;
		background-size:contain;
	}
	.next{
		right:5px;
	}
	.prew{
		left:5px;
	}
	.prew:hover, .next:hover{
		width:50px;
		background-size:contain;
	}
	.contactText h2{
		font-size:36px;
	}
	.contactText table{
		width: 329px;
		margin:6px auto 16px;
	}
	.contactText p, .contactText table, .contactText table a{
		font-size:14px;
	}
	#contacts{
		background-position: top;
		width:405px;
		height:405px;
		/* width: 70vh;
		height: 70vh; */
		background-size:contain;
		top:0;
		bottom:0;
		left:20px;
		margin:auto;
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	.contactText{
		margin-top:45px;
	}
	.result_info{
		width:400px;
	}

}
@media screen and (max-width:1024px), screen and (max-height: 620px){
	html, body, .wrap{
		height:100%;
		width:100%;
		min-height:initial;
		min-width:initial;
		overflow: hidden;
	}
	footer{
		min-height:initial;
		min-width:initial;
	}
	.wrap{
		background-attachment: fixed;
		background-position: -70px;
		position: absolute;
		top:0;
		left:0;
		height:auto;
		min-height: 100%;
	}
	.content{
		padding: 0 0 74px 50%;
		width:50%;
		position: relative;
		z-index: 10;
		margin-top:150px;
	}
	.phone-main{
		top:15px;
		right:15px;
		position: absolute;
		z-index: 10;
		background: url(../img/texture.jpg) center repeat;
		border-radius:10px;
	}
	.phone_callback{
		right:15px;
		top:123px;
		font-size: 11px;
		padding:10px 10px 5px 32px;
	}
	.socials_wr{
		right:15px;
		top:162px;
		top: 58px;
	}
	.phone_callback_nomber{
		top:123px;
	}
	.phone-main p, .phone-main a{
		padding: 0px 6px;
		font-size: 20px;
		color:#5b3913;
		font-family: 'PFBeauSansPro-Light';
	}
	#logoStolitsa a {
	    display: block;
	    position: absolute;
	    width: 134px;
	    height: 57px;
	    background: url(../img/stolitsa_gr_logo.png) center no-repeat;
	    background-size: contain;
	    top: 1vh;
	    left: 65px;
	    z-index: 10;
	}
	.button-menu{
		width:45px;
		height:45px;
		background: #34c6f4;
		border-radius:50%;
		display: block;
		position: absolute;
		top: 10px;
		left:15px;
		z-index:100;
	}
	span.si-icon{
		display: inline-block;
		width:26px;
		height:26px;
		cursor:pointer;
		position: absolute;
		top:10px;
		left:9px;
	}
	.wrapper{
		width:100%;
	}
	#logoBig a{
		width:139px;
		height:123px;
		background: url('../img/mobile/logo-mob.png') no-repeat;
		background: url('../img/logo_varshavskiy_mini.svg') no-repeat;
		background-size: contain;
		top: 7px;
    	right: 47%;
	}
	#mainMenu, #mainMenu-mob{
		padding: 0;
		width:162px;
		display: none;
		position: static;
		bottom: 0;
		/*height: 320px;
		overflow-y:scroll;*/
	}
	#mainMenu-mob{
		position: absolute;
		z-index: 99;
		top:0;
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		width:480px;
		width: 100%;;
		height:320px;
		height: 100%;
		overflow: hidden;
	}
	#mainMenu-mob > ul{
		-webkit-column-count:3;
		-moz-column-count:3;
		column-count:3;
		height: 230px;
		/*overflow: hidden;*/
	}

	#mainMenu ul, #mainMenu-mob ul{
		background: url('../img/texture.jpg') center repeat;
		border-radius: 10px;
		margin: 0;
		padding: 58px 0 0;
	}
	#mainMenu-mob > ul{
		background:rgba(58,31,1,0.95);
		border-radius: 0 0 10px 10px;
		/*height:auto;
		max-height: 100%;*/
		padding:58px 5px 32px;
		width:470px;
		width: 100%;
		height: 100%;
	}
	#mainMenu ul li a{
		color:#5b3913;
	}
	#mainMenu-mob ul li a{
		color:#fff;
	}
	#mainMenu-mob > ul > li > a{
		color:#34c6f4;
	}
	#mainMenu.brown ul li a.sub-menu-corner:after{
		background-position: 0 0;
	}
	#mainMenu.brown ul li a.sub-menu-corner.open:after,
	#mainMenu-mob.brown ul li a.sub-menu-corner.open:after{
		background-position: 0 -14px;
	}
	#mainMenu li,#mainMenu-mob li{
		white-space: normal;
		text-align: left;
		width:100%;
	}
	#mainMenu ul ul,
	#mainMenu-mob ul ul{
		height:auto;
		border-radius:0;
		visibility: visible;
		display: none;
		opacity:1;
		position: relative;
		padding-top:0;
		top:0;
		/*border-bottom: 1px solid #c2b2a0;*/
		transition:none;
	}
	#mainMenu-mob ul ul{
		display: block;
		background:transparent;
	}
	#mainMenu ul ul li, #mainMenu-mob ul ul li{
		text-align: left;
	}
	.brown ul li:hover a, .brown ul .active a{
		background: #34c6f4;
		color: #fff;
		border-radius: 50px;
	}
	#mainMenu ul li:hover a, #mainMenu ul .active a,
	#mainMenu-mob ul li.active a, #mainMenu-mob ul li:hover a{
		color: #fff;
	}
	#mainMenu-mob.brown ul li:hover a.sub-menu-corner:after,
	#mainMenu-mob.brown ul li.active a.sub-menu-corner:after,
	#mainMenu-mob ul li a.sub-menu-corner:after{
		display: none;
	}
	#mainMenu-mob ul ul li a{
		padding:0 14px;
	}
	#animCircle{
		height:355px;
		width:355px;
		top:13%;
	}
	.mainCircle{
		width:auto;
		height:auto;
		background:none;
	}
	.mainHeader {
		position: absolute;
		top:303px;
		right:21px;
		text-shadow:0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 40px #fff;
	}

	.mainHeader h2, .mainHeader h3{
		font-size:32px;
		margin-top:0;
		text-transform: uppercase;

	}
	.mainHeader h2{
		color:#34c6f4;
		font-family: 'PFBeauSansPro-Bold';
	}
	.mainHeader h3{
		font-family: 'PFBeauSansPro-SemiBold';
		color:#5b3913;
		margin-top:20px;
	}


	#room, #news, #contacts, .filter, .content, .kvartal{
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	#contacts {
		width: 555px;
		height: 555px;
	}
	.content h1, .content h2{
		padding-left:70px;
	}
	.content h1{
		font-size:36px;

	}
	.content h2{
		font-size:15px;

	}
	#logoSmall a{
		right:208px;
		top:20px;
		width:72px;
		height:68px;
		background-size:contain;
	}
	.icons{
		position: absolute;
		bottom:10px;
		left:50%;
		right:35px;
		margin:auto;
		width:45%;
	}
	.content .text{
		font-size:14px;
		margin:35px 0 0;
		padding:0 25px;
	}

	#mainMenu{
		display: none;
	}
	/*#mainMenu-mob{
		display: block;
	}*/
	#logoShadow a{
		top:15px;
		right:170px;
	}

	.phone p, .phone a{
		font-size: 20px;
		padding: 0 6px;
	}
	/*.innerWrap,#news,#newsItems,.newsSlideWrap{
		width:auto;
	}*/
	.mainMenuBottom{
		width:396px;
	}
	.column-1{
		margin-left:0;
		width: 176px;
	}
	.column-1.column-first{
		width:160px;
		margin-left: 12px;
	}
	a.footer-mail{
		margin-left:0;
	}
	.popup-line-click a#popup-footer.open{
		padding: 12px 0;
	}
	.newsSlide{
		margin-right:6px;
	}
	.innerWrap,#newsItems{
		width:auto;
	}
	#logoSmall a{
		z-index: 11;
	}

	.oneDoc img{
		max-width:208px;
	}
	.docsTitle h2,
	.docsTitle h1{
		font-size: 40px;
	}
	.newsTitle{
		top:0;
	}

	.btn_subcr_news {
	    top: auto;
	    bottom: 10%;
	    right: 0;
	    left: 45%;
	    width: 60vmin;
	    margin: auto;
	}

	.innerWrapDoc{
		/*top:105px;*/
		margin:0;
	}
	.docInfo{
		width:375px;
		top: auto;
		/*bottom:0px;*/
	}
	.newsTitle h1{
		font-size:40px;
	}
	.newsTitle h2{
		font-size:24px;
	}
	#newsFull{
		width:auto;
		margin:80px 100px;
	}
	.oneNews{
		min-height: inherit;
		position: relative;
	}
	.back{
		top:0;
	}
	#arrow, #news{
		position: relative;
	}
	#arrow{
		margin-top:20px;
		padding-bottom: 105px;
	}
	.innerWrap{
		max-height: inherit;
		position: relative;
		padding-bottom: 24px;
	}
	#slider{
		min-height: initial;
	}
	#slider img{
		max-width:100%;
		max-height:100%;
		height:auto;
	}
	#visualItems, 	#galleryItems{
		width: auto;
		height: 210px;
		position: absolute;
		top:-128px;
		bottom:0;
		margin:auto;
	}
	#galleryItems{
		top:0;
	}

	.visualSlideWrap, #visual{
		height:auto;
	}
	 #visual{
	 	margin:112px auto 0;
	}
	 .visualSlide{
	 	width:200px;
	}
	 .galTitle{
	 	top:0;
	}
	.visualSlideWrap{
	 	-webkit-column-count: inherit; /* Chrome, Safari, Opera */
	    -moz-column-count: inherit; /* Firefox */
	    column-count: inherit;
	}
	.visualSlide:nth-child(5){
		margin-left:0;
	}
	#gallery{
		padding-top: 110px;
		position: relative;
		padding-bottom:40px;
		box-sizing:border-box;
	}
	.newsSlideWrap{
		margin-top:140px;
	}
	#gallery{
		height:100%;
	}
	.docInfo{
		left:72px;
	}
	.gallerySlide{
		width:200px;
	}
	.gallerySlide p:first-child{
		width:180px;
		height:180px;
	}
	.brown ul ul li:hover a, .brown ul ul li.active a{
		color:#34c6f4 !important;
		background-color:transparent !important;
	}
	.kvartal{
		background:url('../img/bg_kvartal_mob.png') center no-repeat;
		top:10% !important;
		left:79% !important;
	}
	#popUp{
		z-index: 1201;
	}
	#showPlan{
		min-width:initial;
		min-height: 100%;
		height:auto;
		background:url(../img/texture.jpg) center repeat;
		margin:0;
		width:auto;
	}
	.planTurn{
		height:auto;
		width:100%;
		right:auto;
		position: relative;
	}
	.planInfo{
		position: relative;
		top:0;
		left:0;
		width:auto;
	}
	#logoPlan a{
		display: none;
	}
	.planInfo h2{
		font-size:36px;
	}
	#goToMapFP.goToMap{
		bottom: auto;
		top: 19px !important;
		left:10px;
	}
	.planInfo table{
		margin:20px auto 0;
	}
	.compas{
		top:455px;
		right:10px;
		width:80px;
	}
	.planInfo table tr td:first-child{
		padding:2px;
	}
	#room, .bgRoomCircle{
		width: 350px;
		height:350px;
		transform:scale(1);
		min-width:initial;
	}
	.planRoom img{
		width:300px;
		height:300px;
	}
	.alians{
		width:125px;
		float: none;
		position: absolute;
		top:0;
		left:-145px;
		font-size: 14px;
	}
	.otherInfo{
		float:none;
		position: absolute;
		right:-146px;
		width:140px;
	}
	.alians .bigNum{
		font-size: 30px;
	}
	.alians table{
		font-size: 13px;
		width:164px;
		margin-left:-19px;
	}
	.alians table tr td:last-child{
		width:auto;
	}
	.planRoom .metrika{
		font-size: 14px;
	}
	.otherInfo > p a, .map p:last-child{
		font-size:13px;
	}
	.ask_price{
	    transform: scale(0.7);
	    font-size:13px;
	}
	.map img{
		width:90%;
	}
	#backToFilter, #backToFilterBizness{
		width:95px;
		height:95px;
		top:20px;
	}
	#backToFilter p:first-child{
		margin-top:31px;
	}
	#backToFilter p{
		font-size:13px;
	}
	#backToFilter p:last-child{
		font-size:19px;
	}
	.planHouses{
		max-height:initial;
		min-width:initial;
		max-width:initial;
	}
	table.trackbar{
		width:230px !important;
	}
	.wrapChooseHouse,.filter{
		width:230px;
	}
	#chooseFlat{
		width:760px;
	}
	#chooseFlat form{
		margin-left:30px;
	}
	.wrapChooseHouse .edit .right{
		left:164%;
	}
	.wrapChooseHouse .edit:hover .right{
		left:268%;
	}
	.wrapChooseHouse .edit:hover .slide-text{
		left:160%;
	}
	.wrapChooseHouse p{
		width:76px;
	}
	#chooseBut{
		margin-left:50px;
	}
	.flatTitle{
		position: relative;
		top:auto;
		left: auto;
		padding-top:10px;
		padding-left:40px;
		width:400px;
	}
	#chooseFlat{
		position: relative;
		top:auto;
		margin-top:30px;
	}
	#flatWrap{
		height:auto;
		min-height:100%;
	}
	.wrapChooseHouse p{
		padding: 10px 1px;
		width:98px;
	}
	.wrapChooseHouse .off:hover span{
		padding-left:10px;
	}
	.wrapChooseHouse .edit .right{
		left:149%;
	}

	.wrapChooseHouse .edit .slide-text{
		left:27%;
	}
	.wrapChooseHouse .edit .text{
		left:0;
	}
	.wrapChooseHouse{
		width:246px;
	}
	.raphael{
		position: absolute;
		/*top:100px;*/
		height:100%;
		width:100%;
	}
	.galTitle h1{
		font-size: 40px;
	}
	.galTitle h2{
		font-size: 24px;
	}
	.list_mar_inf a:hover{
		background: none;
		color:#7d4e19;
	}
	.list_mar_inf a.here{
		background: url('../img/galka.png') no-repeat 15px 8px;
		color: #fff;
	}
	.galTitle h3 {
    	font-size: 14px;
    	max-width: 544px;
	}
	.innerWrapTour {
	    position: relative;
	    width: 100%;
	    height: 500px;
	    margin-top: 85px;
	}
}
@media (orientation: landscape) {
	html, body, .wrap {
		overflow: auto;
	}
}
/* ---- (c) Mostick ---- */
@media (max-width: 970px){
	.galTitle h3 {
	    font-size: 13px;
	    max-width: 505px;
	}
}
@media (max-width: 920px){
	.galTitle h3 {
	    display: none;
	}
}
@media (max-height: 480px){
	.wrapp_video_slide{
		height: 200px;
	}
}
/*@media (max-height: 305px){
	.wrapp_video_slide{
		height: 170px;
	}
}*/
@media (max-height: 620px){

}

/* ---- (c) Mostick ---- */

@media screen and (max-width:767px), (max-width:767px){
	footer{
		z-index: 9;
	}
	#animCircle{
		height:230px;
		width:230px;
	}
	.popup-line-click{
		display: none;
	}
	#dev a{
		top:-35px;
	}
	.mainHeader{
		top:206px;
		right:15px;
	}
	#logoBig a{
		/*right:55px;
		top:81px;*/
	}
	#animCircle{
		left:3%;
		top:12%;
	}
	.button-menu{
		left:10px;
	}
	.mainHeader h2, .mainHeader h3{
		font-size:20px;
	}

	.mainHeader h3{
		margin-top:0;
	}
	#contacts{
		background:url('../img/texture.jpg')repeat;
		border: 2px solid #34c6f4;
		height: auto;
		left:0;
		right:0;
		margin:auto;
		top:8%;
		bottom: auto;
	}
	.contactText{
		margin-top:30px;
	}
	.contactText table{
		width:380px;
		margin:0 auto 0px;
	}
	.contactText h2{
		color:#5b3913;
		font-size:33px;
		margin-bottom: 0;
	}
	a.message-list{
		color:#5b3913;
	}
	.contactText p, .contactText table{
		color:#5b3913;
		font-size: 14px;
	}
	.contactText table a{
		color:#5b3913;
		font-size: 14px;
	}
	.contactText h3{
		font-size:15px;
	}
	#closeCont, #closeContPopUp{
		top:-33px;
	}
	#closeCont{
		width:50px;
		background-size:contain;
		top:-25px;
		height:50px;
		margin-left:-25px;
	}
	#closeCont:hover, #closeContPopUp:hover{
		background-size:contain;
	}
	.phone{
		top:auto;
		bottom: 20px;
		right:auto;
		left:10px;
	}
	.video_title{
		display: none;
	}
	.phone p, .phone a{
		font-size: 18px;
		display: inline-block;
	}
	.phone_callback_nomber{
		top:100px;
	}
	.phone_callback {
		top: 100px;
		font-size: 11px;
		padding: 10px 10px 5px 32px;
	}
	.socials_wr {
		top: 26px;
		right: 5px;
	}
	.phone-main {
		top: 5px;
		right: 5px;
		bottom: auto;
		left: auto;
	}
	.phone-main p, .phone-main a {
		font-size: 14px;
		display: block;
	}
	#logoBig a {
    	right: 47%;
    	top: 7px;
    	width: 107px;
    	height: 95px;
	}
	#showForm {
		width: 105px;
		height: 105px;
		background-size: contain;
		top: auto;
		bottom: 12%;
		left: 4%;
	}
	#showForm:hover {
		width: 105px;
	}
	#showForm p {
		font-size: 14px;
	}
	#showForm p:last-child {
		font-size: 19px;
	}
	#showForm p:first-child{
		margin-top:33px;
	}
	#logoShadow a{
		right:0;
		top:0;
		background-size: contain;
		width:149px;
	}
	#logoSmall a{
		right:10px;
	}
	.content{
		width:100%;
		padding:0;
		margin-top:0px;
		padding-top:10px;
	}
	.content h1{
		text-shadow:0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 40px #fff;
		/*margin-right:87px;*/
	}
	.h1_wrap {
	    padding-right: 92px;
	}
	.go_to_next{
	    font-size: 15px;
	}
	.go_to_next_arr {
	    width: 7px;
	    height: 13px;
	}
	.content h2{
		text-shadow:0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 40px #fff;
		margin-right:87px;
	}
	.icons{
		bottom: 37px;
		left:0;
		width:435px;
		right:0;
	}
	.content .text{
		padding:0 25px 90px;
		margin: 40px 0 57px;
	}
	.wrap{
		background-position: right center;
		background-size:inherit;
		min-height: 100%;
		margin-top:0;
		height:auto !important;
	}
	.scroll_content {
		height: auto;
	}
	.slider_video{
		padding: 110px 0;
		transform: none;
		-webkit-transform: none;
	}
	#flat_wrap{
		/*height:100% !important;*/
		background: url(../img/texture.jpg) center repeat !important;
	}
	.wrap-main{
		background-position: 0;
		background-size:cover;
	}
	footer{
		margin-top:-24px;
	}
	.footer_seo {
		position: absolute;
		bottom: 51px;
		left: 37px;
		color: #482b0a;
	}
	.pop_up_seo_block {
		border-radius: 0;
	}
	.retroville{
		margin-top:0;
		width: 60%;
		margin-left: 68px;
	}
	/*#retroville{
		background-image: url('../files/fon/mobile/bg_sychasnii_mob.jpg') !important;
		background-position: right center;
		background-size:inherit;
	}*/
	.newsSlide{
		width:208px;
	}
	.docsTitle h2,
	.docsTitle h1{
		font-size: 30px;
	}
	.innerWrapDoc{
		margin-top:105px;
		top:0;
		position: relative;
	}
	#newsWrap{
		padding:1px 0 80px;
	}
	/*.newsTitle{
		position: static;
		margin-right:26%;
		margin-left:15%;
	}*/
	#news, .docInfo, #arrow{
		position: relative;
	}
	.innerWrapDoc h3{
		height: 40px !important;
	}
	.newsTitle h1{
		font-size:36px;
	}
	.newsTitle h2{
		font-size:20px;
	}
	.newsText img{
		max-width:100%;
		height:auto;
	}
	.innerWrap{
		max-height:inherit;
		position: relative;
	}
	.newsSlideWrap{
		margin-top:105px;
	}
	.newsSlideWrapDoc{
		margin-top:0px;
	}
	#galleryWrap{
		height:auto;
	}
	#visual{
		padding: 112px 0;
		margin:auto;
		position: relative;
	}

	.footer-tree{
		position: absolute;
		bottom:0;
		left:0;
		width:385px;
		height: 137px;
		z-index:9;
		display: block;
	}
	.tree-up{
		position: absolute;
		top:0;
		left:0;
		width:350px;
		height: 107px;
		display: block;
	}
	#visualItems, #galleryItems{
		position: static;
		margin:0;
		height:auto;
	}

	.newsSlide .data{
		margin:25px 0 14px;
	}
	#showAero{
		width:100px;
		height:100px;
		background-size:contain;
		top:auto;
		bottom:10px;
		left:10px;
	}
	#showAero p:nth-child(1), #showAero p:nth-child(2){
		display: none;
	}
	#showAero p:nth-child(3){
		display: block;
		margin-top:54px;
		font-size:14px;
	}
	.select_mar_inf{
		bottom:15px;
		right:10px;
		top:auto;
	}
	.phone-roztashyvannya{
		display: none;
	}
	.select_mar_inf{
		width:auto;
	}
	.sel_mar_inf{
		padding:5px 8px;
		float:left;
	}
	.sel_mar_inf:first-child{
		margin-right: 20px;
	}
	.list_mar_inf_hidden{
		position: absolute;
		bottom:0;
		left:182px;
	}
	.select_mar_inf div:nth-child(2){
		left:0;
		width:166px;
	}
	.list_mar_inf{
		padding: 10px 0 30px 0;
	}
	#logoShadow a{
		background:url('../img/logo_circle.png')no-repeat top;
		background-size: contain;
		height: 52px;
		width:52px;
		top: 10px;
		right:10px;
	}
	/*.list_mar_inf a{
		padding:3px 0 3px 15px;
	}*/
	.goToMap p:first-child{
		display: none;
	}
	.goToMap p:last-child{
		margin-top:41px;
		font-size: 16px;
	}
	.goToMap{
		width: 90px;
		height:90px;
		background-size: contain;
		bottom:10px;
		top:auto !important;
		left:10px !important;
	}
	.alians table{
		display: none;
	}
	.ask_price{
		display:none;
	}
	.ask_price_2{
		display:block;
		position: absolute;
	    top: 186px;
	    left: 10px;
	    font-family: 'PFBeauSansPro-Regular';
	    font-size: 12px;
	    color: #5b3913;
	    background-color: #33c6f4;
	    border-radius: 30px;
	    margin-bottom: 10px;
	    padding: 5px 8px 5px 8px;
	    display: block;
	    text-align: center;
	    white-space: nowrap;
	}
	.otherInfo{
		right:0;
	}
	.alians{
		left:0;
		-webkit-column-count:3;
		-moz-column-count:3;
		column-count:3;
		-webkit-column-gap:77px;
		-moz-column-gap:77px;
		column-gap:77px;
		width:415px;
		padding-top:15px;
		right:0;
		margin:auto;
		position: relative;
	}
	#room{
		position: relative;
		top:0;
	}
	#room:after{
		content: "";
		display: block;
		width:100%;
		height:100%;
		background: rgba(51, 198, 244, 0.2);
		border-radius: 50%;
		position: absolute;
		top:0;
	}
	.bgRoomCircle{
		display: none;
	}

	.alians .bigNum{
		border:0;
	}
	#backToFilter, #backToFilterBizness{
		top:70px;
		left:10px;

	}
	.otherInfo{
		/*left:0;
		margin:auto;
		bottom: 30px;*/
		width:auto;
		position: relative;
		padding-bottom: 23px;
	}
	.map img{
		display: none;
	}
	.otherInfo > p, .map{
		display: inline-block;
	}
	.compass_flat_mob{
		display: block;
		position: absolute;
		top: 120px;
		right:40px;
	}
	.compass_flat{
		display: none;
	}
	.otherInfo > p{
		padding: 8px 9px;
	}
	.otherInfo > p a{
		padding: 5px 8px 5px 18px;
	}
	.map p:last-child{
		padding: 8px 11px;
	}
	.map{
		background-color:transparent;
	}
	#chooseFlat{
		width:auto;
		height:auto;
	}
	#chooseFlat form,.flatsItemsWrap{
		float:none;
	}
	.sliderFlatsWrap{
		height:auto;
	}
	.filter{
		float: none;
		margin:0 auto;
		padding-bottom: 20px;
	}
	.wrapChooseHouse{
		margin:0px auto 30px;
	}
	.open-filter{
		display: block;
		color:#5b3913;
		font-size:16px;
		text-transform: uppercase;
		background:#34c5f3;
		text-align: center;
		padding:6px 20px;
		border-radius:10px;
		box-sizing:border-box;
		position: relative;

	}
	.open-filter:after, .open-filter:before{
		content: "";
		display: block;
		position: absolute;
		right:20px;
		width:11px;
		height:6px;
		top:12px;
		background: url('../img/arrow-down.png')no-repeat 0 0;

	}
	.open-filter:before{
		left:20px;
	}
	.open-filter.open:after, .open-filter.open:before{
		background-position: 0 -14px;
	}
	.filter-container{
		background:rgba(166, 141, 113, 0.2);
		width:390px;
		margin:0 auto 20px;
		border-radius:10px 10px 0 0;
	}
	#chooseFlat form{
		margin:0;
		padding-top:20px;
		display: none;
	}
	.filter > p{
		margin-bottom:0;
	}
	.border{
		margin-top:40px;
	}
	#chooseBut{
		margin-top:15px;
	}
	#flatsItems{
		margin:0 auto;
	}
	.flatTitle h2{
		font-size: 36px;
	}
	.flatTitle h3{
		font-size:20px;
	}
	.flatTitle{
		width:320px;
	}
	.flatsItemsWrap{
		height:330px;
		height: 370px;
	}
	.planHouses{
		height:auto;
		width:100%;
		margin:62px 0 0;
	}
	#img-for-plan.planHouses, #raphael{
		margin:0;
	}
	#svgHouses{
		margin:62px 0 0;
	}
	#chooseAppartment .housesTitle, .housesTitle{
		margin-top:15px;
		margin-left:15px;
		position: relative;
		display: inline-block;
		top:auto;
		left:auto;
	}
	#chooseAppartment .housesTitle h2{
		font-size: 34px;
	}
	#chooseAppartment .housesTitle h3{
		font-size: 32px;
	}
	#save p{
		top:115px;
		left:15px;
	}
	.raphael .compas{
		top: 555px;
		bottom:auto;
		right:auto;
		left:15px;
		/*top:auto;
		bottom:15px;
		right:auto;
		left:120px;*/
	}
	/*#raphael, .planHouses{
		margin-top:85px;
		margin-bottom: 85px;
	}*/
	.goToRoom{
		width:90px;
		background-size:contain;
		left:auto;
		right:15px;
		top:15px;
		height: 90px;
		background-image: url('../img/back_room_mob.png');
	}
	.goToRoom p, .goToRoom p:first-child{
		font-size:14px;
	}
	.goToRoom p:first-child{
		margin-top:41px;
	}
	#popUp.availableHouses{
		min-height:600px;
	}
	#dev a{
		display: none;
	}
	.galTitle h1{
		font-size: 36px;
	}
	.galTitle h2{
		font-size: 20px;
	}
	#result_info.slideRoom{
		width:100%;
		margin:0;
		position: absolute;
	}
	.phone_callback{
		top: 100px;
	    font-size: 9px;
	    background-size: 13px;
	    background-position: 5px center;
	    padding: 7px 5px 5px 22px;
	}


	#bizness_floor{
		position: relative;
    padding-top: 76px;
    overflow-x: auto;
    display: block;
        overflow-x: scroll;
	}
	.biz_floor_wr{
	    position: relative;
		left: 0;
		text-align: center;
    	pointer-events: none;
	}
	.bizbess_floor_img{
	    position: relative;
	}

}
@media screen and (max-width:660px){
	.alians{
		width:70%;
		-webkit-column-gap:1px;
		-moz-column-gap:1px;
		column-gap:1px;
	}
	.alians .bigNum{
		font-size: 21px;
	}
	.alians .bigNum span{
		font-size: 14px;
	}
	.compass_flat_mob{
		width:60px;
		right:17px;
	}

}
@media screen and (max-width:480px){
	#mainMenu-mob ul{
		height: 230px;
		/*overflow-y:scroll;*/
	}
}

@media screen and (min-width:600px){
	.content .text p{
		font-size:16px;
	}
}
@media screen and  (max-width: 750px) {
	#logoStolitsa a {
		top: 2vh;
		left: 60px;
		width: 118px;
		height: 50px;
	}
	#backToFilterBizness p {
		font-size: 12px;
	}
	.biz_floor_tittle {
		font-size: 17px!important;
	}
	.biz_floor_wr {
		margin-top: 11%;
	}
	.biz_floor_p {
		font-size: 13px;
	}
	.biz_floor_n {
		font-size: 17px;
	}
	.biz_floor_info {
		margin-left: 20%;
	}

	#backToFilterBizness p {
		font-size: 10px;
	}
	#backToFilterBizness {
		left: 29px;
		top: 0px;
	}
	.biz_floor_links {
		position: relative;
	}
	.phone {
		width: 32vmin;
	}
	#bizness_floor{
		max-width: 150%;
		max-height: 100%;
	}
	.prew, .next {
	/*	top: 24%;
		display: none;*/
	}
	.biz_floor_plan {
		margin-left: 30px;
	}
}
@media screen and (max-width: 1023px), screen and (max-height: 620px) {

	#backToFilterBizness p{
		font-size: 12px;
	}

}
 @media screen and (max-width: 481px) {
	#backToFilterBizness {
		top: 22px;
		left: 5px;
		width: 80px;
		height: 80px;
	}

	.biz_floor_right {
		margin:0;
	}
}

#mainMenu-mob ul {
	overflow: auto;
}