html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

html {height: 100%; margin: 0; padding: 0;}
body{height: 100%; padding:0px; margin:0px; color:#222; font-family: 'Roboto', sans-serif; font-size:1em; background:#fff; line-height:1.5em;}
input, textarea, select {font-size: 14px; font-weight:300; font-family: 'Roboto', sans-serif;}	
		
		

table {border-collapse: collapse;}
td, th {padding:0.2em 0.4em; vertical-align:top}
p {padding: 0.4em 0 0.4em 0; margin:0;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
ul {list-style:none; margin:0px;}
ul li{padding:0px;}

 
.fr {float:right;}
.fl {float:left;}
.cl{clear:both; height:0px;}
img{border:0px;}  
iframe{border:0px;}  
strong{font-weight:bold;}



@font-face {
    font-family: 'Rouble';
	src: url('/fonts/rouble.eot');
	src: local('ALS Rubl'),
	local('Rouble'),
	url('/fonts/rouble.woff') format('woff'),
	url('/fonts/rouble.svg') format('svg'),
	url('/fonts/rouble.otf') format('opentype');
}




.city2-up{position: relative; top: -7.5em; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 1; background: url(/i/city2-up.jpg) no-repeat; background-size: cover; width:100% !important; height:100%; min-width:1024px; min-height:600px; box-sizing: border-box; }
.city2-up-dark{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background-color: rgba(0, 133, 189, 0);}
.header-menu{ font-size:1em;  width:100%;  height:7.5em;  position:relative; z-index: 100; margin: 0px 0 0 0; overflow:hidden;}
.header-menu.header-color{background:#00425e; position:fixed; padding: 0px 0 0 0; margin:0;}
.header{float:left;  margin:1.7em 0 0 0;  box-sizing: border-box;  width: 18%; padding:0 0 0 3%; color:#fff; font-size:1em; text-align: center;  text-transform: uppercase; font-weight: 400;}
.header img{margin:0 0 0 0; vertical-align:top; height:40px;}
.header a{color:#fff; text-decoration:none;}
.header span{padding:0.5em 0 0 0; display:inline-block;}
.nav {float:right; box-sizing: border-box;  width: 62%; margin:2.8em 0 0 0; padding:0 3% 0 0; position: relative; z-index: 100; font-size:0.95em;  }
.nav ul li{ float:left; color:#fff; margin:0; padding:0.4em 0.5em;  text-transform:uppercase;  font-weight: 400;} 
.nav a{color:#fff; text-decoration:none; text-shadow:1px 0px 0px #000; }
.nav a:hover{ }
.header-contacts{float:right; width:20%; font-size:1em; text-transform:uppercase; margin:1.5em 0 0 0;}
.header-contacts-phone{padding:7px 1em 7px 0; font-size:1.3em; background:none; margin:0 0 0.3em 0;}
.header-contacts-phone a{color:#fff; text-decoration:none; text-shadow:1px 0px 0px #000; }
.header-contacts-phone a:hover{color:#fff;}
.header-contacts-call{background:none; position:relative; font-size:0.8em;}
.header-contacts-call a{ text-shadow:1px 0px 0px #000; display:inline-block; border:1px solid #fff;  text-decoration:none;  padding:0.5em 1em; color:#fff;  -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out;  transition: all 1s ease-out;}
.header-contacts-call a:hover{background:#eee; color:#391807; text-shadow:none;}
.city2-up-text{border:2px solid #fff; box-shadow: 0 0 3px rgba(255,255,255,0.9); background-color: rgba(0, 0, 0, 0.2); position:absolute; bottom:15%; left:3%; font-weight:300;  text-shadow:1px 1px 3px #000; padding:5%; width:50%; font-size:1.5em; color:#fff;  z-index: 100; margin:0px 0 0 0px; line-height: 1.3em;}
.city2-up-text span{ display:block; padding:0 0 30px 0; font-size:2.5em; line-height:1.0em; font-weight:300;}
.city2-up-text span em{text-transform: uppercase;  font-style:normal; font-weight:500; display:inline-block; padding:10px 0 0 0;}
.city2-up-action{position:absolute; top:23%; right:0;  font-size:1em;   font-weight:300;  text-shadow:1px 1px 3px #000; color:#fff;  z-index: 100; margin:0px 0 0 0px;}
.city2-up-action span{border:2px solid #fff; box-shadow: 0 0 3px rgba(255,255,255,0.9); text-align:center; display:block; background-color: rgba(0, 0, 0, 0.3); padding:0.8em 1.2em; font-size:1.2em; margin:0 0 1em 0; font-weight:400;}
.city2-up-action span img{height:2.6em;}
.city2-up-action span em{display:block; padding:0.3em 0 0 0; font-style:normal; font-size:1.5em; font-weight:600;}

.city2-about-bg{width:100%; border-bottom:1px solid #ccc; }
.city2-about{box-sizing: border-box;   padding:0px 1% 4.8em 1%;  font-size:1em; margin:-2.2em auto 0 auto; max-width:1600px;}
.city2-about-title{position:relative; top:-0.7em; left:0; padding:0 0 0.8em 1%; font-size:2.0em; line-height:1.0em; text-transform: uppercase; font-weight:400;} 
.city2-about-text{width:30%; float:left; padding:0 0 0 1%; font-size:1.4em; line-height:1.2em;   font-weight:100;}
.city2-about-img{width:60%; float:right;  padding:0 1% 0 0;}
.city2-about-img img{width:100%;}

.city2-object-bg{width:100%; border-bottom:1px solid #ccc; }
.city2-object{box-sizing: border-box;  width:100%; margin:0 auto; max-width:1600px; padding:100px 2% 50px 2%; box-sizing: border-box; }
.city2-object-title{position:relative;  top:-0.7em; left:0; padding:0 0 0.5em 0; text-align:left; font-size:2.0em; line-height:1.0em; text-transform: uppercase;  font-weight:400;} 
.city2-object-sub{font-size:1.5em;  font-weight:300; padding:0 0 40px 0;}
.city2-object-item{display:inline-block; width:31%; margin:0 1% 30px 1%;  vertical-align:top;  }
.city2-object-item-title{font-size:1.7em; padding:0 0 10px 0; line-height:1em; font-weight:300;} 
.city2-object-item-img{height:16.6em; margin:0 0 2em 0;}
.city2-object-line{font-weight:300; box-sizing: border-box; display:inline-block; padding:3%; width:22%; margin:0 1.5% 30px 1%;  vertical-align:top; border:1px solid #ccc; }
.city2-object-line img{width:100%;}
.city2-object-line em{font-weight:400; font-style:normal; white-space:nowrap; font-size:1.1em; }
.city2-object-line p{font-size:1.2em; }

.city2-location{font-size:1.0em;  border-bottom:1px solid #ccc; box-sizing: border-box; width:100%; padding:0px 0 0px 0; overflow: hidden;}
.city2-location-title{box-sizing: border-box; position:relative; top: -0.7em; margin:0 auto 0 auto; max-width:1600px; padding:3.1em 2% 0.8em 2%; font-size:2.0em; line-height:1.0em; text-transform: uppercase;  font-weight:400; }
.city2-location-title-sub{ padding:0 0 0.5em 0; font-size:1.6em; line-height:1.5em; text-transform: uppercase; font-weight:300;}
.city2-location-item{position:absolute; top:2em; right:3%; z-index:2;  width:24em; box-sizing: border-box; padding:1.2em 1em 1em 1em;  overflow:hidden;  background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 0 3px rgba(34,34,34,0.3);}
.city2-location-item p{padding:0.4em 0 1em 0;}
.city2-location-item p img{margin:0 0.5em 0 0 ;}
.city2-location-item p b{display:inline-block; position:relative; top:-0.4em;}
.city2-location-map{height:600px; position:relative; z-index:1;}

.city2-plan-bg{width:100%; border-bottom:1px solid #ccc; }
.city2-plan{ box-sizing: border-box;  width:100%; margin:0 auto; max-width:1600px; padding:100px 2% 50px 2%; box-sizing: border-box; }
.city2-plan-title{position:relative;  top:-0.7em; left:0; padding:0 0 0.5em 0; text-align:left; font-size:2.0em; line-height:1.0em; text-transform: uppercase;  font-weight:400;} 
.city2-plan-item{padding:0;}
.city2-plan-item img{width:100%;}

.city2-room-bg{width:100%; border-bottom:1px solid #ccc; font-size:1em;}
.city2-room{margin:0 auto; max-width:1600px; padding:100px 2% 50px 2%; box-sizing: border-box; overflow:hidden;}
.city2-room-title{position:relative;  top:-0.7em; left:0; padding:0 0 0.5em 0; text-align:left; font-size:2.0em; line-height:1.0em; text-transform: uppercase;  font-weight:400;} 

.city2-room-text{width:30%; float:right; padding:0 1% 0 0; font-size:1.4em; line-height:1.2em;   font-weight:100;}
.city2-room-img{width:60%; float:left;  padding:0 0 0 1%; }
.city2-room-img img{width:100%;}
.city2-room-iframe{display:inline-block; box-sizing: border-box;  width:36%; margin:3.2em 1% 1.5em 1%;  vertical-align:top;}
.city2-room-iframe iframe{max-width:426px; max-height:240px; width:100%;}

.city2-gallery-bg{width:100%;} 
.city2-gallery-title{margin:0 auto; max-width:1600px; padding:100px 2% 50px 2%; position:relative;  top:-0.7em; left:0;  text-align:left; font-size:2.0em; line-height:1.0em; text-transform: uppercase;  font-weight:400;} 

 
.projects-list{box-sizing: border-box; margin:0 auto; max-width:1600px; width:100%; border-bottom:1px solid #ccc; font-size:1em; padding:70px 0 0px 0; overflow: hidden;}
.projects-list-title{ padding:0 0 1.6em 2%; font-size:2.0em; line-height:1.0em; text-transform: uppercase;  font-weight:400; }
.projects-list-item{float:left; width:33.3%; height:300px; overflow:hidden; position:relative;}
.projects-list-project{position:absolute; top:0px; left:0px; width:100%; height:100%;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
}
.projects-list-item:hover .projects-list-project{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -ms-transform: scale(1.1); 
 -o-transform: scale(1.1);
 transform: scale(1.1);
}
.projects-list-project-title{box-sizing: border-box; padding:10px 3% 0 3%; position:absolute; bottom:0px; left:0px; overflow:hidden;  width:100%; height:70px; font-size:1.2em;  background-color: rgba(255, 255, 255, 0.7); white-space:nowrap; text-overflow: ellipsis; }
.projects-list-project-title span{font-size:0.8em; font-weight:100; display:block; }
.projects-list-project-button{font-weight:300; opacity:0; display:block; position:absolute; top:50%; left:50%; width:120px; height:40px; margin: -40px 0 0 -60px;}
.projects-list-project-button a{border:2px solid #fff; display:block;  background-color: rgba(255, 255, 255, 1); font-weight:100; padding:0;  line-height:40px; text-align:center; text-decoration:none; color:#222;   -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out;  transition: all 1s ease-out;} 
.projects-list-project-button a:hover{background-color: rgba(255, 255, 255, 1); color:#222;}

.city-news-bg{width:100%; border-bottom:1px solid #ccc; font-size:1em; padding:4.5em 0 6em 0; }
.city-news-title{position:relative; padding:0 0 1.6em 2%; font-size:2.0em; line-height:1.0em; text-transform: uppercase; font-weight:400;}
.city-news{margin:0 auto; max-width:1600px; padding:0.5em 2% 0 2%; overflow-x: auto; height:15em;} 
.city-news-item{display:inline-block; width:31%; margin:0 1% 3em 1%; vertical-align:top; font-weight:100;}
.city-news-item span{font-size:1.6em; padding:0 0 1em 0; line-height:1em; font-weight:300;} 
.city-news-item span em{font-style:normal; font-size:1.6em;}
.city-news-item a{color:#222; text-decoration:none;}
.city-news-item a:hover{color:#999;}


.city-mortgage-bg{width:100%; font-size:1em; border-bottom:1px solid #ccc;}
.city-mortgage{box-sizing: border-box; margin:0 auto; max-width:1600px;   padding:4.5em  1em 4.8em  1em; overflow: hidden;}
.city-mortgage-title{ padding:0 0 1.6em 2%; font-size:2.0em; line-height:1.0em; text-transform: uppercase;  font-weight:400; }
.city-mortgage-item{font-weight:300; font-size:1.2em; box-sizing: border-box; display:inline-block; padding:3%; width:22%; margin:0 1.5% 30px 1%;  vertical-align:top; border:1px solid #ccc; }
.city-mortgage-item img{width:100%;}

.city-progress-bg{width:100%; font-size:1em; border-bottom:1px solid #ccc;}
.city-progress{box-sizing: border-box; margin:0 auto; max-width:1600px;   padding:4.5em  1em 4.8em  1em; overflow: hidden;}
.city-progress-title{overflow:hidden;  padding:0 2% 1.6em 2%; font-size:2.0em; line-height:1.0em; text-transform: uppercase;  font-weight:400; }
.city-progress-title span{float: right; font-size:0.6em; text-transform:none;}
.city-progress-title span img{vertical-align:middle; margin:0 0.2em 0 0; height:1.4em;}
.city-progress-title span a{color:#222; text-decoration:none; }
.city-progress-item{font-weight:300; font-size:1.2em; box-sizing: border-box; display:inline-block; padding:3%; width:31%; margin:0 1% 30px 1%;  vertical-align:top;  border:1px solid #ccc;}
.city-progress-item img{width:100%;}
.city-progress-item b{font-size:1.2em;}


.city-docs-bg{width:100%; font-size:1em; border-bottom:1px solid #ccc;}
.city-docs{box-sizing: border-box; margin:0 auto; max-width:1600px;   padding:4.5em  2em 4.8em  2em; overflow: hidden;}
.city-docs-title{overflow:hidden;  padding:0 2% 1.6em 2%; font-size:2.0em; line-height:1.0em; text-transform: uppercase;  font-weight:400; }
.city-docs-left{float:left; width:25%; }
.city-docs-left a.city-btn{box-sizing: border-box;  width:100%; margin:0 0 1em 0; font-size:1.2em;}
.city-docs-right{float:right; width:70%; min-height:300px;}
.city-docs-item{display:none;}
.display-block{display:block;}
.city-docs-item a{display:inline-block; padding:0 0 1.5em 0; text-decoration:none; color:#222;}
.city-docs-item a:hover{opacity:0.7;}
.city-docs-item b{display:block; font-size:1.3em; font-weight:300;}
.city-docs-item span{display:block; font-weight:100;}



.footer{box-sizing: border-box; width:100%; background:#ccc; min-width:1024px; padding:0 3%;  color:#002f40; overflow: hidden; font-size:1em; font-weight: 100;} 
.footer-inner{margin:0px auto 0px auto;   min-width:1000px; max-width:1200px; height:120px; overflow:hidden; padding: 25px 0 0px 0;}
.footer-left{float:left; width:31%; font-size:1em; padding:0 0 0 2%;}
.footer-left span{font-size:0.7em; line-height:0.5em;  font-weight: 400;}
.footer-center{float:left; width:33%; text-align:center; }
.footer-center img{margin:0 10px;}
.footer-right{float:left; width:31%; text-align:left; padding:0 2% 0 0; font-size:1em; line-height:1.5em;}
.footer-right a{color:#002f40;}
.footer-right p{font-weight:400;}

a.city-btn{display:inline-block; color:#00425e; border:1px solid #00425e; background:none; padding:0.5em 1em; text-decoration:none; font-weight:400; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out;  transition: all 1s ease-out;}
a.city-btn:hover{background:#00425e; color:#fff;}
a.city-btn2{display:inline-block; color:#fff; background:#00425e; padding:0.5em 1em; text-decoration:none; font-weight:400; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out;  transition: all 1s ease-out;}
a.city-btn2:hover{background:#0375a5;}
a.city-btn.btn-active{background:#00425e; color:#fff; }

.roubl{font-family: Rouble, Arial, sans-serif;}
.vr-tour-form{border-top:1px solid #ccc; box-sizing: border-box; width:100%; background:#002f40; min-width:1024px; padding:70px 0 70px 0; text-align:center; font-weight:100; color:#fff;}
.vr-tour-form-title{margin:0 auto; width:960px; padding:0 20px 50px 0px; font-size:2em; line-height:1.0em; text-transform: uppercase;  }
.vr-tour-form-inner{box-sizing: border-box; margin:0 auto; width:1024px; padding:0 3% 0px; font-size: 1.4em; line-height: 1.3em;}
.vr-tour-input{margin:0 0 20px 0;}
.vr-tour-input input{box-sizing: border-box; padding:10px 10px; width:100%; border:2px solid #ccc; border-radius:5px;}
.vr-tour-input input.err{border:2px solid #ff0000;}
.vr-tour-input textarea{box-sizing: border-box; padding:10px 10px; width:100%; height:80px; border:2px solid #ccc; border-radius:5px;}
.vr-tour-input button{border:0px solid; width:100%; font-size: 1em; border-radius:5px; padding:6px 10px; color:#002f40; background:#facd00; text-transform: none; font-weight: 100;}
.vr-tour-input button:hover{background:#fbd940;}

.city2-price-bg{box-sizing: border-box; width:100%; background:#002f40; min-width:1024px; font-size:1em; color:#fff;}
.city2-price{box-sizing: border-box; margin:0 auto; max-width:1600px;   padding:4.5em  2em 4.8em  2em; overflow: hidden;}
.city2-price-left{vertical-align:middle; box-sizing: border-box; padding:0 2em 0 0; display:inline-block; width:55%; line-height:1.3em; font-size:3em; font-weight:300;}
.city2-price-right{text-transform: uppercase; vertical-align:middle; box-sizing: border-box; padding:0; display:inline-block; width:44%; line-height:1.3em; font-size:5em; font-weight:600;}

.city2-price-right span{text-transform: lowercase;}

/* Media screen */
@media screen and (max-width: 1279px) {
.services-list-text{width: 65%;}
.services-list-text span{font-size:1.3em;}
.services-list-text{font-size:0.9em;}
}