@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
html,body{
	height: 100%;
}
body {
	font-family: 'PT Sans Caption', Arial;
	font-size: 13px;
	color:#fff;
	background-color:#0a385c;
	opacity:0;
	background:url(images/load.gif) no-repeat #0a385c;
	background-position:50% 250px;
	min-width:1000px;
}
a{
	color:#fff;
	transition:all 0.5s;
}
a:hover{
	text-decoration:none;
	transition:all 0.5s;
}
h1{
	font-weight:normal;
	font-family: 'Open Sans Condensed', Arial;
	<!-- text-shadow:0px 0px 15px #000, 0px 0px 15px #000, 0px 0px 15px #000;-->
}
.clear {
	clear: both;
	float:none;
}

.errors {
	color:#da251d!important;
	font-size:14px;
	background-color:#fff;
}
.requiredValue {
	border:1px solid red!important;
}

.slides_main{
	
}
textarea{
	font-family: 'PT Sans Caption', Arial;
}

.image img{
	width:100%;
	height:100%;
}
#bg{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;
}
#bg img{
	filter: blur(3px); 
	-webkit-filter: blur(3px); 
	-moz-filter: blur(3px);
	-o-filter: blur(3px); 
	-ms-filter: blur(3px);
	/*filter: url(blur.svg#blur);*/
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');  
  position:absolute;
  top:0;
  left:0;
  width:100%;
}



#wrapper{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#outer {
	position: relative;
	min-height: 100%;
}
#wrapper{

	min-height:600px;
}
#logo{
	background:url(images/logo.png) no-repeat top;
	position:fixed;
	top:20px;
	left:-8px;
	height:294px;
	width:155px;
	text-indent:-10000px;
	z-index:100;
}
#header-out{
	background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
	background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0.8)), color-stop(100%, transparent));
	background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, transparent 100%);
	background:-o-linear-gradient(top, rgba(0,0,0,0.8) 0%, transparent 100%);
	background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, transparent 100%);
	background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, transparent 100%);
	position:fixed;
	z-index:30;
	top:0;
	left:0;
	right:0;
	height:100px;
}
#header{
	position: fixed;
	width:95%;
	right:0;
	top:0;
	height:50px;
	z-index:40;
}
#header a{
	text-decoration:none;
}
#header-bg{
	background-color:#0a385c;
	opacity:0.8;
	position:absolute;
	width:100%;
	right:0;
	top:0;
	height:50px;
}
#menu{
	position:relative;
	top:0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:1.4em;
}
#menu .akciya{
	background-color:#F1D05E;
}
#menu .akciya:hover{
	background-color:#F9C718;
}
#menu li {
	float:left;
	list-style:none;
	width:12%;
	margin-right:2px;
	height:50px;
}
#menu li  a{
	text-transform:uppercase;
	display:block;
	height:50px;
	line-height:50px;
	transition:all 0.5s;
	text-align:center;
	letter-spacing:-0.3px;
}
#menu li  .level2 a{
	display:table-cell;
	vertical-align:middle;
	line-height:19px;
	padding:0 10px;
}
#menu li  a:hover, #menu li.active  a{
	opacity:1;
	background-color:#0a385c;
	transition:all 0.5s;
	text-shadow:0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff;
}
.level2{
	position:relative;
	opacity:0;
	height:0;
	overflow:hidden;	
}
.level2-bg{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0.8;
	background-color:#0a385c;
}
#menu ul ul{
	position:relative;
}
#menu ul ul li{
	float:none;
	width:100%;
	margin-right:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:table;	
}
#menu ul ul li a{
	background-color:transparent!important;
	transition:all 0.5s;
	text-shadow:none!important;
}
#menu ul li:hover .level2{
	transition:all 1s;
	height:auto;
	overflow:visible;
	opacity:1;
}
#menu li li a:hover, #menu li li.active  a{
	background-color:#0a385c!important;
	transition:all 0.5s;
	text-shadow:0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff!important;
}

#choose-apart{
	position:fixed;
	width:13%;
	left:44%;
	height:120px;
	bottom:80px;
	text-align:center;
	z-index:12;
}
#choose-apart-img, #choose-apart-img-hover{
	background:url(images/choose-apart.png) no-repeat top center;
	width:81px;
	height:81px;
	position:absolute;
	background-position: 0px 0px;
	left:50%;
	margin-left:-40px;
}
#choose-apart-img-hover{
	background-position: 0px -91px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;	
}
#choose-apart a{
	font-family: 'Open Sans Condensed', sans-serif;
	text-decoration:none;
	font-size:1.6em;
}
#choose-apart a:hover #choose-apart-img-hover, #choose-apart a:hover #choose-apart-text{
	opacity:1;
}
#choose-apart-text{
	position:absolute;
	width:100%;
	left:0;
	text-align:center;
	bottom:0;
	background-color:#0a385c;
	padding-bottom:2px;
	opacity:0.8;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	border:1px solid #fff;
	border-radius:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	text-transform:uppercase;
}
#rus2019{
	position:absolute;
	right:15%;
	top:10%;
}
#main_slider{
	position:absolute;
	width:96%;
	height:65%;
	left:3%;
}
.mainlead{	
	position:absolute;
	right:3%;
	top:10%;
	bottom:10%;
	width:20%;
	padding:50px 20px;
	background:#f1d05e;
	border-radius:5px;
	color:#0d3656;
	
}
.mainlead_head{
	font-size:30px;
	color:#0d3656;
	font-weight:bold;
	font-family:'Open Sans Condensed', sans-serif;
	margin-bottom:20px;
}
.mainlead_desc{
	line-height:30px;
	font-size:20px;
}
.mainlead_form a{
	display:block;
	border-radius:5px;
	line-height:40px;
	font-size:20px;
	text-decoration:none;
	background:#103653;
	bottom:50px;
	margin:0 auto;
	width:90%;
	text-align:center;
	position:absolute;
}

#video{
	position:fixed;
	width:13%;
	right:10px;
	height:120px;
	top:20%;
	text-align:center;
	z-index:10;
}
#video-img, #video-img-hover{
	background:url(images/video.png) no-repeat top center;
	width:81px;
	height:81px;
	position:absolute;
	background-position: 0px 0px;
	left:50%;
	margin-left:-40px;
}
#video-img-hover{
	background-position: 0px -91px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;	
}
#video a{
	font-family: 'Open Sans Condensed', sans-serif;
	text-decoration:none;
	font-size:1.6em;
}
#video a:hover #video-img-hover, #video a:hover #video-text{
	opacity:1;
}
#video-text{
	position:absolute;
	width:100%;
	left:0;
	text-align:center;
	bottom:0;
	background-color:#0a385c;
	padding-bottom:2px;
	opacity:0.8;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	border:1px solid #fff;
	border-radius:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	text-transform:uppercase;
}

#arrow-left{
	position:fixed;
	width:81px;
	left:55px;
	height:81px;
	top:50%;
	text-align:center;
	z-index:10;
}
#arrow-left-img, #arrow-left-img-hover{
	background:url(images/arrow-left.png) no-repeat top center;
	width:81px;
	height:81px;
	position:absolute;
	background-position: 0px 0px;
	left:50%;
	margin-left:-40px;
}
#arrow-left-img-hover{
	background-position: 0px -91px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;	
}

#arrow-left a:hover #arrow-left-img-hover{
	opacity:1;
}

#arrow-right{
	position:fixed;
	width:81px;
	right:55px;
	height:81px;
	top:50%;
	text-align:center;
	z-index:10;
}
#arrow-right-img, #arrow-right-img-hover{
	background:url(images/arrow-right.png) no-repeat top center;
	width:81px;
	height:81px;
	position:absolute;
	background-position: 0px 0px;
	left:50%;
	margin-left:-40px;
}
#arrow-right-img-hover{
	background-position: 0px -91px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;	
}

#arrow-right a:hover #arrow-right-img-hover{
	opacity:1;
}

#question, #order{
	position:fixed;
	width:81px;
	right:55px;
	height:81px;
	bottom:120px;
	z-index:100;
}
#order{
	left:135px;
	top:220px;
}
#question-img, #order-img{
	background:url(images/question.png) no-repeat top center;
	width:81px;
	height:81px;
	position:absolute;
	background-position: 0px 0px;
	opacity:0.7;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;	
}


#question a:hover #question-img, #order a:hover #order-img{
	opacity:1;
}




form, .thank{
	background-color:#0a385c;
	padding:10px;
	height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}
.thank{
	color:#fff;
	font-size:2.3em;
	font-family: 'Open Sans Condensed', Arial;
}

form h2{
	text-align:center;
	font-weight:normal;
	font-family: 'Open Sans Condensed', Arial;
	font-size:2.3em;
	text-shadow:0px 0px 15px #fff, 0px 0px 15px #fff;
	color:#fff;
	margin-bottom:20px;
	
}
form p{
	width:80%;
	margin:10px auto;
}
form input[type=text], form textarea{
	width:100%;
	height:30px;
	padding:5px;
	font-size:1.3em!important;
	color:#0a385c;
	border:1px solid #0a385c;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:    all 0.3s ease-in-out;
	-ms-transition:     all 0.3s ease-in-out;
	-o-transition:      all 0.3s ease-in-out;
	background-color:#EBEFF2;
	outline: none;
}
form textarea{
	height:90px;
}
form input[type=text]:focus, form textarea:focus{

	box-shadow:0px 0px 10px 2px #fff;
	-webkit-box-shadow:0px 0px 10px 2px #fff;
	-moz-box-shadow:0px 0px 10px 2px #fff;	
	border:1px solid #0a385c;
	background-color:#fff;
}
form #submit{
	width:60%;
	height:50px;
	text-transform:uppercase;
	outline: none;
	color:#fff;
	font-family: 'Open Sans Condensed', Arial;
	font-size:1.8em;
	border:none;
	background: rgba(72,110,163,1);
	background: -moz-linear-gradient(top, rgba(72,110,163,1) 0%, rgba(173,196,227,1) 0%, rgba(1,55,116,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(72,110,163,1)), color-stop(0%, rgba(173,196,227,1)), color-stop(100%, rgba(1,55,116,1)));
	background: -webkit-linear-gradient(top, rgba(72,110,163,1) 0%, rgba(173,196,227,1) 0%, rgba(1,55,116,1) 100%);
	background: -o-linear-gradient(top, rgba(72,110,163,1) 0%, rgba(173,196,227,1) 0%, rgba(1,55,116,1) 100%);
	background: -ms-linear-gradient(top, rgba(72,110,163,1) 0%, rgba(173,196,227,1) 0%, rgba(1,55,116,1) 100%);
	background: linear-gradient(to bottom, rgba(72,110,163,1) 0%, rgba(173,196,227,1) 0%, rgba(1,55,116,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#486ea3', endColorstr='#013774', GradientType=0 );
	box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	-moz-box-shadow:0px 0px 10px #000;

	-webkit-transition: background-position 0.5s;
	-moz-transition:    background-position 0.5s;
	-ms-transition:     background-position 0.5s;
	-o-transition:      background-position 0.5s;	
    background-size: auto 200%;
    background-position: 0 100%;
}
form #submit:hover{
	cursor:pointer;
	-webkit-transition: background-position 0.5s;
	-moz-transition:    background-position 0.5s;
	-ms-transition:     background-position 0.5s;
	-o-transition:      background-position 0.5s;
	background-position: 0 0;
}
.form-border .fancybox-skin{
	box-shadow:0px 0px 15px 3px #fff!important;
	-webkit-box-shadow:0px 0px 15px 3px #fff!important;
	-moz-box-shadow:0px 0px 15px 3px #fff!important;
}

#content{
	margin-top: 75px;
	height: 100%;
	min-width: 1024px;
	overflow: hidden;
	position: absolute;
	width: 100%;
}
#content2{
	background-color: #fff;
	opacity: 0.8;
	padding-bottom: 220px;
	padding-top: 80px;
	position: relative;
	width: 100%;
	z-index: 11;
	color: #000;
	min-height: 85%;
}
.container{
	max-width: 75%;
	margin: 0 auto;
}
#content-bg{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	left:0;
	overflow:hidden;
	background-color:#fff;
	opacity:0.6;
}
.post {
	padding:20px;
	height:100%;
	overflow:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.post-about {
	position:absolute;
	width:70%;
	left:0;
	padding:20px;
	top:5%;
	font-size:0.9em;
	height:90%;
}
.post-about h1 {
	width:18%;
	text-align:center;
	margin-left:28%;
	font-family: 'Open Sans Condensed', Arial;
	font-size:2.3em;
	text-shadow:0px 0px 15px #000, 0px 0px 15px #000, 0px 0px 15px #000;
}
.post-about p {
	margin:0 0 20px 0;
}
#about-table{
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', Arial;
	font-size:1.1em;
	text-align:center;
}
#about-table img{
	height:25%;
	width:25%;
}
.next-prev{
	background:url(images/next-prev.png) no-repeat;
	text-indent:-10000px;
}
.prev{
	position:absolute;
	bottom:10%;
	left:5px;
	background-position: 0px -124px;
	width:171px;
	height:52px;
	z-index:10;
}
.prev span{
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(images/next-prev.png) no-repeat;
	background-position: 0px -186px;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition:    opacity 0.3s;
	-o-transition:      opacity 0.3s;
}
.prev:hover span{
	opacity:1;
}
.next{
	position:absolute;
	top:30%;
	right:20%;
	background-position: 0px 0px;
	width:171px;
	height:52px;
}
.next span{
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(images/next-prev.png) no-repeat;
	background-position: 0px -62px;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition:    opacity 0.3s;
	-o-transition:      opacity 0.3s;
}
.next:hover span{
	opacity:1;
}



#plan-bg{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#fff;
	opacity:0.7;
}
#plan{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
}
#plan-head{
	position:absolute;
	top:0;
	left:0;
	min-height:180px;
	min-width:270px;
	font-family: 'Open Sans Condensed', Arial;
	z-index:30;
}
.plan-bg1{
	position:absolute;
	top:0;
	left:0;
	background: url(images/plan-bg1.png) no-repeat;
	height:100%;
	width:100%;
	background-size:contain;
}
#plan-head h1{
	position:absolute;
	width:24%;
	text-align:center;
	font-size:1.7em;
	top:33%;
	left:0px;
	line-height:1.2em;
}
#apart-sq{
	position:absolute;
	top:16%;
	width:30%;
	left:52%;
	height:20%;
	color:#0a385c;
	font-size:2.3em;
	text-align:center;
	line-height:0.9em;
	opacity:0;
}
#apart-sq span{ 
	font-size:1.3em;
}
#back-bg{
	position:absolute;
	top:0;
	left:0;
	background: url(images/back-bg.png) no-repeat;
	height:100%;
	width:100%;
	background-size:contain;
	display:none;
}
#apart-num-bg{
	position:absolute;
	top:-1px;
	left:180px;
	background: url(images/apart-num-bg.png) no-repeat;
	height:91px;
	width:220px;
	background-size:contain;
}
#apart-num{
	position:absolute;
	top:16%;
	width:30%;
	left:57px;
	height:20%;
	color:#fff;
	font-size:2em;
	text-align:center;
	line-height:1em;
	opacity:0;
}
#apart-num span{ 
	font-size:1.7em;
}
.back {
	position:absolute;
	bottom:0;
	left:0;
	background: url(images/back.png) no-repeat;
	width:15%;
	height:25%;
	z-index:100;
}
.back a{
	position:absolute;
	bottom:10px;
	left:10px;
	width:40%;
	height:auto;
	font-family: 'Open Sans Condensed', Arial;
	font-size:1.5em;
	text-decoration:none;
}
.apart-compas{
	background: url(images/compas.png) no-repeat;
	position:absolute;
	top:10px;
	right:10px;
	width:132px;
	height:132px;
}
.apart-desc{
	position:absolute;
	top:0px;
	left:0px;
	width:38%;
	height:auto;
	padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	font-family: 'Open Sans Condensed', Arial;
	color:#0e405e;
	font-size:1.6em;
}
.apart-center{
	position:absolute;
	top:10px;
	bottom:10px;
	left:35%;
	width:40%;
	text-align:center;
}
.apart-center-img{
	position:relative;
	height:80%;
}
.apart-center img{
	height:100%;
}
.apart-view{
	position:relative;;
	height:20%;
	left:0;
	width:100%;
	text-align:center;
	font-size:2em;
	font-family: 'Open Sans Condensed', Arial;
	color:#0e405e;
}
.apart-left-view{
	position:absolute;
	top:40%;
	width:20%;
	left:15%;
	height:20%;
	text-align:center;
	font-size:2em;
	font-family: 'Open Sans Condensed', Arial;
	color:#0e405e;
}
.apart-right-view{
	position:absolute;
	top:40%;
	width:20%;
	right:5%;
	height:20%;
	text-align:center;
	font-size:2em;
	font-family: 'Open Sans Condensed', Arial;
	color:#0e405e;
}
.apart-view-sea{
	background: url(images/sea.png) no-repeat center;
	height:100%;
}
.apart-view-dvor{
	background: url(images/dvor.png) no-repeat center;
	height:100%;
	background-position:20% 20px;
}
.apart-view-gory{
	background: url(images/gory.png) no-repeat center;
	height:100%;
	background-position:50% 20px;
}
.apart-view-gorod{
	background: url(images/gorod.png) no-repeat center;
	height:100%;
}
.floor-view-gorod{
	background: url(images/gorod-left.png) no-repeat top center;
	height:100%;
}
.floor-view-sea{
	background: url(images/sea-right.png) no-repeat top center;
	height:100%;
}
#planirovka{
	position:absolute;
	bottom:0px;
	left:10px;
	right:10px;
	top:107px;
}
#plan-center{
	position:relative;
	display:inline-block;
	height:100%;
	z-index:1;
}
#plan-center h2{
	font-family: 'Open Sans Condensed', Arial;
	color:#0e405e;
	position:absolute;
	top:5px;
	right:10px;
	font-size:2em;
	width:auto;
	height:auto;
	z-index:30;
	font-weight:normal;
}
#plan-img-bg{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#fff;
	border:2px solid #0a385c;
}
#floor-plan{
	height:468px;
	opacity:0.6;
	position:relative;
	width:880px;
	z-index:20;
}
.floor-view{
	position:relative;
	height:20%;
	left:40%;
	width:30%;
	text-align:center;
	font-size:2em;
	font-family: 'Open Sans Condensed', Arial;
	color:#0e405e;
}
.floor-bottom-view{
	position:relative;
	height:15%;
	width:80%;
	z-index:100;
	font-family: 'Open Sans Condensed', Arial;
	font-size:1.8em;
	left:10%;
	margin:-80px auto;
	max-width:800px;
}
.floor-left-view{
	position:absolute;
	left:0;
	top:20%;
	width:10%;
	height:40%;
	font-family: 'Open Sans Condensed', Arial;
	font-size:1.8em;
	color:#0e405e;
}
.floor-right-view{
	position:absolute;
	right:0;
	top:20%;
	width:8%;
	height:40%;
	font-family: 'Open Sans Condensed', Arial;
	font-size:1.8em;
	color:#0e405e;
}

.rotateText-l {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
    width: 300px;
    height: 200px;
}
.rotateText-r{
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
    width: 300px;
    height: 200px;
}

#floor-compass{
	background: url(images/compas.png) no-repeat;
	position:absolute;
	top:10px;
	right:10px;
	width:90px;
	height:90px;
	background-size:contain;
}

#foto-bg{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	overflow:hidden;
}
#foto-bg img, #foto-bg a{
	border:none;
	outline:none;
}
#foto-bg-img{
	position:relative;
	z-index:10;
}
#foto-bg-img{
	height:800px;
}
#foto-bg-left{
	position:absolute;
	height:100%;
	min-height:800px;
	width:50%;
	left:0;
	top:0;
	background:url(images/foto-bg-left.jpg) repeat-x;
	background-size:contain;
	-webkit-filter:blur(10px);
}
#foto-bg-right{
	position:absolute;
	height:100%;
	min-height:800px;
	width:50%;
	right:0;
	top:0;
	background:url(images/foto-bg-right.jpg) repeat-x;
	background-size:contain;
	-webkit-filter:blur(10px);
}
#select-floor{
	position:relative;
	width:1067px;
	height:800px;
	margin:0 auto;
}
#floors-num a{
	display:block;
	width:40px;
	height:40px;
	background:url(images/etaj-num-bg.png) no-repeat;
	text-align:center;
	line-height:38px;
	font-size:1.4em;
	background-size:contain;
	text-decoration:none;
	font-family: 'Open Sans Condensed', Arial;
	opacity:0.7;
	transition:all 0.3s;
	margin-top:1px;
}
#floors-num a:hover{	
	opacity:1;
	transition:all 0.3s;
}
#floors{
	position:absolute;
	top:87px;
	left:167px;
	opacity:0;
	z-index:30;
	width:552px;
	height:498px;
}
#floor1{
	position:absolute;
	top:510px;
	left:167px;
	opacity:0;
	z-index:20;
	width:542px;
	height:70px;
}

#floor2{
	position:absolute;
	top:472px;
	left:170px;
	opacity:0;
	z-index:20;
	width:542px;
	height:78px;
}
#floor3{
	position:absolute;
	top:442px;
	left:170px;
	opacity:0;
	z-index:20;
	width:542px;
	height:78px;
}
#floor4{
	position:absolute;
	top:403px;
	left:170px;
	opacity:0;
	z-index:20;
	width:542px;
	height:98px;
}
#floor5{
	position:absolute;
	top:367px;
	left:169px;
	opacity:0;
	z-index:20;
	width:542px;
	height:106px;
}
#floor6{
	position:absolute;
	top:333px;
	left:167px;
	opacity:0;
	z-index:20;
	width:542px;
	height:113px;
}
#floor7{
	position:absolute;
	top:296px;
	left:167px;
	opacity:0;
	z-index:20;
	width:542px;
	height:122px;
}
#floor8{
	position:absolute;
	top:257px;
	left:168px;
	opacity:0;
	z-index:20;
	width:542px;
	height:140px;
}
#floor9{
	position:absolute;
	top:228px;
	left:167px;
	opacity:0;
	z-index:20;
	width:543px;
	height:135px;
}
#floor10{
	position:absolute;
	top:192px;
	left:168px;
	opacity:0;
	z-index:20;
	width:542px;
	height:149px;
}
#floor11{
	position:absolute;
	top:159px;
	left:168px;
	opacity:0;
	z-index:20;
	width:542px;
	height:155px;
}
#floor12{
	position:absolute;
	top:126px;
	left:166px;
	opacity:0;
	z-index:20;
	width:542px;
	height:163px;
}
#floor13{
	position:absolute;
	top:90px;
	left:169px;
	opacity:0;
	z-index:20;
	width:542px;
	height:173px;
}
#b-1-1, .b-1-1-st{
	position:absolute;
	top:232px;
	left:369px;
	opacity:0;
	width:114px;
	height:165px;
}
#b-1-1-1, .b-1-1-1-st{
	position:absolute;
	top:233px;
	left:370px;
	opacity:0;
	width:116px;
	height:173px;
}
#b-1-2, .b-1-2-st{
	position:absolute;
	top:277px;
	left:311px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-1-3, .b-1-3-st{
	position:absolute;
	top:276px;
	left:268px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-1-4, .b-1-4-st{
	position:absolute;
	top:276px;
	left:185px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-1-5, .b-1-5-st{
	position:absolute;
	top:277px;
	left:142px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-1-6, .b-1-6-st{
	position:absolute;
	top:252px;
	left:6px;
	opacity:0;
	width:163px;
	height:144px;
}
#b-1-7, .b-1-7-st{
	position:absolute;
	top:74px;
	left:37px;
	opacity:0;
	width:162px;
	height:181px;
}
#b-1-8, .b-1-8-st{
	position:absolute;
	top:74px;
	left:142px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-1-9, .b-1-9-st{
	position:absolute;
	top:75px;
	left:185px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-1-10, .b-1-10-st{
	position:absolute;
	top:75px;
	left:268px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-1-11, .b-1-11-st{
	position:absolute;
	top:73px;
	left:314px;
	opacity:0;
	width:83px;
	height:143px;
}
#b-2-1, .b-2-1-st{
	position:absolute;
	top:72px;
	left:397px;
	opacity:0;
	width:114px;
	height:165px;
}
#b-2-1-1, .b-2-1-1-st{
	position:absolute;
	top:62px;
	left:395px;
	opacity:0;
	width:116px;
	height:173px;
}
#b-2-2, .b-2-2-st{
	position:absolute;
	top:74px;
	left:484px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-2-3, .b-2-3-st{
	position:absolute;
	top:74px;
	left:526px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-2-4, .b-2-4-st{
	position:absolute;
	top:75px;
	left:610px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-2-5, .b-2-5-st{
	position:absolute;
	top:74px;
	left:653px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-2-6, .b-2-6-st{
	position:absolute;
	top:74px;
	left:681px;
	opacity:0;
	width:163px;
	height:181px;
}
#b-2-7, .b-2-7-st{
	position:absolute;
	top:252px;
	left:712px;
	opacity:0;
	width:163px;
	height:144px;
}
#b-2-8, .b-2-8-st{
	position:absolute;
	top:277px;
	left:653px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-2-9, .b-2-9-st{
	position:absolute;
	top:276px;
	left:610px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-2-10, .b-2-10-st{
	position:absolute;
	top:276px;
	left:526px;
	opacity:0;
	width:86px;
	height:118px;
}
#b-2-11, .b-2-11-st{
	position:absolute;
	top:253px;
	left:484px;
	opacity:0;
	width:83px;
	height:143px;
}
.z30{
	z-index:30;
	opacity:1;
	color:#fff;
	width:auto;
	height:auto;
	padding:5px;
	background-color:#0a385c;
	margin-left:10px;
	margin-top:50px;
	font-size:12px;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	box-shadow:4px 8px 15px #000;
	-webkit-box-shadow:4px 8px 15px #000;
	-moz-box-shadow:4px 8px 15px #000;
	-webkit-user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	user-select:none;
	text-transform:uppercase;
	cursor:default;
}

.apart-sq, .apart-num{
	display:none;
}




#contacts{
	position:absolute;
	top:100px;
	left:100px;
	height:50%;
	width:62%;
	overflow:hidden;
	min-height:220px;
	font-family: 'Open Sans Condensed', Arial;
}
#contacts-head{
	position:absolute;
	top:42%;
	width:43%;
	height:auto;
	left:0;
	font-size:2.3em;
	text-align:center;
}
#contacts-bg img{
	height:100%;
	z-index:10;
	width:100%;
	opacity:0.8;
}
#contacts-bg{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
#contacts-body{
	position:absolute;
	top:0;
	height:100%;
	width:55%;
	right:0;
	padding:4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:1.4em;
	text-align:right;
	color:#0e405e;
	line-height:2.1em;
}
#contacts-body p{

	font-size:1.3em;
}

.fancybox img{
	width:230px;
	height:173px;
	margin:5px 10px;
	box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
}















#footer-out{
	background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
	position:fixed;
	width:100%;
	right:0;
	bottom:0;
	height:100px;
	z-index: 20;
}

#footer{
	position:absolute;
	width:100%;
	right:0;
	bottom:0;
	height:80px;
	color:#fff;
	z-index:100;
	overflow:hidden;
}
#footer .phone{
	font-family: 'Open Sans Condensed', Arial;
}
#footer-bg{
	background-color:#0a385c;
	opacity:0.6;
	position:absolute;
	width:100%;
	right:0;
	top:0;
	height:80px;
}
#footer-text{
	position:absolute;
	top:0;
	width:100%;
	bottom:0;
	left:0;
}
#footer-text #work-time{
	float:right;
	margin-right: 30px;
	font-size: 10px;
	margin-top: 10px;
}

#footer-text p{
	margin-top: 10px;
	height:60px;
	line-height:60px;
	float:left;
	width:13%;
	margin-right: 10px;
	text-align:center;
}
#footer-text p a{
	height:80px;
}
#doc{
	background:url(images/doc.png) no-repeat top left;
	background-position:0px 15px;
}
.soc a{
	width:20px;
	display:inline!important;
	text-decoration:none;
	font-size:2em;
	opacity:0.8;
}
.soc a:hover{
	opacity:1;
}

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?27352287');
  src: url('font/fontello.eot?27352287#iefix') format('embedded-opentype'),
       url('font/fontello.woff?27352287') format('woff'),
       url('font/fontello.ttf?27352287') format('truetype'),
       url('font/fontello.svg?27352287#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?27352287#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-vkontakte:before { content: '\f189'; } /* '' */
.icon-facebook-official:before { content: '\f230'; } /* '' */
.icon-odnoklassniki-rect:before { content: '\f30d'; font-size:0.9em;} /* '' */
.icon-instagram:before { content: '\f32d'; } /* '' */
.icon-youtube:before{content: '\F166';}

.parallax-viewport{
	height: 100%;
	min-width: 1024px;
	overflow: hidden;
	position: fixed;
	width: 100%;
} 

/*Версия для слабовидящих*/
.CecutientWrapperOpen{
	height:45px!important;
}
#CecutientWrapper{
    position:absolute;
    width:100%;
    background:#fff;
	color:#000;
    display:block;
    height:0px;
    z-index:100;
    box-shadow: 0px 0px 5px #000;
    overflow: hidden;
}
#CecutientBlock{
    position:absolute;
    width:auto;
    left:50%;
    margin-left:-490px;
    font-size: 18px;
    line-height: 35px;
}
a#CecutientBtn{
    position:absolute;
    right:0; 
    margin-left:00px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    box-shadow: 0px -10px #fff, 0px 0px 5px #000;
    padding: 12px 0px;
    background: #fff;
    cursor:pointer;
    display: inline-block;
    width: 45px;
    height: 23px;
    z-index: 1000;
}
#CecutientBtn img{
    width: 45px;
}
#CecutientOn, #CecutientOff, #ImageOn, #ImageOff{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
    padding: 0px;
    height: 20px;
    width: 50px;
    text-align: center;
    line-height: 18px;
    text-decoration: none;
    margin-top: -2px;
    border: 1px solid #000;
    color:#000;
    cursor: pointer;
}
#CecutientOn, #ImageOff{
    display:inline-block;
}
#CecutientOff, #ImageOn{
    display:none;
}
#SmallFonts, #MediumFonts, #BigFonts, #WhiteStyle, #BlackStyle, #BlueStyle, #GreenStyle{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display:inline-block;
    vertical-align: middle;
    padding: 0px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 18px;
    text-decoration: none;
    margin-top: -2px;
    cursor: pointer;
}
#SmallFonts, #MediumFonts, #BigFonts{
    border: 1px solid #000;
    color:#000;
}
#SmallFonts{
    font-size:14px;
}
#MediumFonts{
    font-size:19px;
}
#BigFonts{
    font-size:24px;
}
#WhiteStyle, #BlackStyle, #BlueStyle, #GreenStyle{
    font-size:18px;
}
#WhiteStyle{
    border: 1px solid #000;
    color:#000;
}
#BlackStyle{
    border: 1px solid #000;
    color:#fff;
    background-color:#000;
}
#BlueStyle{
    border: 1px solid #063462;
    color:#063462;
    background-color:#9DD1FF;
}
#GreenStyle{
    border: 1px solid #A9E44D;
    color:#A9E44D;
    background-color:#3B2716;
}
#CecutientTop, .CecutientTopMenu{
    display:none
}
#CecutientTop{
    position:relative;
    width:980px;
    left:50%;
    margin-left:-490px;
    font-size:18px;
}
.SmallFonts{
    font-size:14px !important;
}
.MediumFonts{
    font-size:18px !important;
}
.BigFonts{
    font-size:22px !important;
}