@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,900&subset=latin,cyrillic);
@import 'https://fonts.googleapis.com/css?family=Roboto:400,700,900&subset=cyrillic';
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700,900&subset=latin,cyrillic); 

body{font-family: 'Roboto Condensed', sans-serif;font-size:14px;color:#000;}
h1,h2{font-family: 'Roboto Condensed', sans-serif;text-align:center;text-transform:uppercase;}
li{list-style-type: none;}
.fa{color:#cd0303;margin-right:10px;}
p, li, a{font-size:1.28em;}
.bluetext{color:#017cc2;}
.row{margin:0;}
.title{color:#2f2f2f;text-transform:uppercase;font-weight:900;font-size:250%;text-align:center;margin:50px 0 80px 0;}
	.title span{padding:0 50px;border-left:5px solid #07b14c;border-right:5px solid #07b14c;}

div{border:1px solid #000;}
div{border:none;}
	
	.orderform{text-align:center;margin:35px 0 10px 0;}
		.orderform .title{font-size:180%;font-weight:bold;text-transform:uppercase;margin:10px 0;}
		.orderform input{padding:10px 40px;font-size:120%;text-transform:uppercase;margin:5px 15px;border:none;color:#000;}
		.orderform #tel{width:400px;padding:10px 15px;border:1px solid #e0e0e0;}
			.orderform .submitbutton{background-color:#f8cf62;color:#000;}
			.orderform .submitbutton:hover{background-color:#fbe097;color:#000;}
	
	.roominfo_orderform{padding:5px 15px 15px 15px;text-align:center;}
		.roominfo_orderform .title{font-size:130%;color:#2f2f2f;text-transform:uppercase;margin:0;text-align:center;}
		.roominfo_orderform input{padding:7px 10px;width:90%;font-size:120%;text-transform:uppercase;margin:10px 0;border:1px solid #ccc;color:#000;}
			.roominfo_orderform .submitbutton{background-color:#f8cf62;color:#000;border:none;}
			.roominfo_orderform .submitbutton:hover{background-color:#fbe097;color:#000;}
	
	.mobilemenu {width:100%;z-index:1000;display:none;}
	.mobilemenu .topmenutrigger{text-align:center;padding:5px 0;background-color:#017cc2;}
		.mobilemenu .topmenutrigger a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:150%;}
		.mobilemenu .topmenutrigger .fa{color:#fff;}
		.mobilemenu #collapseMenu{width:100%;z-index:1000;}
	.mobilemenu  .linkblock{text-align:center;background-color:#2b99e2;padding:10px 0;}
		.mobilemenu  .linkblock a{display:block;color:#fff;text-decoration:none;text-transform:uppercase;font-size:130%;line-height:200%;}
			.mobilemenu  .linkblock a:hover, .mobilemenu  .linkblock .current{background-color:#2468ac;}
	
	.headsection{background:url('/images/headbg.jpg') center top no-repeat;background-size:cover;}
	.headsection-bestdeveloper{background:url('/images/headbg-bestdeveloper.jpg') center top no-repeat;background-size:cover;}
	.header{padding:15px 0;}
	.bigpic1{padding:40px 0 120px 0;}
		.headlink_block{text-align:center;}
			.headlink_block a{display:inline-block;margin:10px;-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
			.headlink_block a:hover{background-color:#04bdd4;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px;}
		.headform_area{padding:20px 0 50px 0;}
		.headform_block{width:370px;margin:0 auto;}
		.headform_block_title{color:#fff;text-transform:uppercase;text-align:center;font-size:140%;background-color:#df0000;border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0;padding:5px 15px;}
		.headform_block_body{background-color:rgba(0,0,0,0.4);color:#fff;text-align:center;padding:15px 0;}
			.headform_block_body p{font-size:270%;font-weight:bold;line-height:110%;}
		.headform_block_body .orderform{text-align:center;margin:0;}
			.headform_block_body .orderform .title{font-size:180%;font-weight:bold;text-transform:uppercase;margin:10px 0;}
			.headform_block_body .orderform input{width:300px;padding:10px 15px;font-size:120%;text-transform:uppercase;margin:5px 15px;border:none;color:#000;}
			.headform_block_body .orderform #tel{width:300px;padding:10px 15px;border:1px solid #e0e0e0;}
				.headform_block_body .orderform .submitbutton{background-color:#f8cf62;color:#000;}
				.headform_block_body .orderform .submitbutton:hover{background-color:#fbe097;color:#000;}
		.header .logo{color:#fff;text-transform:uppercase;font-size:140%;line-height:140%;}
			.header .logo b{display:block;color:#fff;font-size:210%;font-weight:900;}
		.header .phone{color:#000;font-size:140%;line-height:140%;text-align:right;}
			.header .phone b{display:block;color:#3e3f3e;font-size:210%;font-weight:900;}
			.header .phone a{color:#f00;font-size:70%;text-decoration:underline;}
	
	.topmenu{padding:25px 0;text-align:center;width:100%;z-index:1000;background-color:rgba(255,255,255,0.3);}
	.topmenu.is-sticky{background-color:#fff;}
		.topmenu .topmenulink{font-size:130%;color:#000;text-transform:uppercase;margin:0 22px;padding:4px 0 7px 0;}
			.topmenu .topmenulink:hover{color:#df0000;text-decoration:none;}
	.topmenu.is-sticky{padding:15px 0;box-shadow:0px 1px 2px #ccc;}


	.youtubevideo{height:200px;}
	
	.strongitem{}
		.strongitem img{margin-bottom:15px;}
	.paramsline{}
		.paramsunit{font-size:130%;line-height:130%;text-align:center;padding:15px 0 25px 0;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;}
		.paramsunit img{display:block;}
		.paramsunit b{display:block;text-transform:uppercase;}
		.paramsunit:hover{background-color:#f0f0f0;}
	
	.sloganline{background:url('/images/slogan_bg.jpg') center top no-repeat;text-align:center;padding:100px 0;}
		.slogan{padding:80px 0;width:100%;color:#fff;text-transform:uppercase;font-size:430%;font-weight:900;border:2px solid #fff;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;}
	
	.roomplans{padding:45px 0;}
		.roomplanlink, .roomplanlink:hover{text-decoration:none;}
		.planitem{background-color:#f0f0f0;text-align:center;font-size:110%;line-height:130%;color:#2f2f2f;border:1px solid #e0e0e0;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px;margin:10px 0;}
			.planitem b{display:block;text-transform:uppercase;font-weight:900;font-size:120%;}
			.planitem img{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px;margin-bottom:5px;}
		.planitem:hover{border:1px solid #07b14c;}
	
	.roomplan{cursor:pointer;}
	.modal-body{padding:0;}
	.roomplaninfo_header{font-size:150%;text-align:center;padding:15px 0;background-color:#09669c;color:#fff;font-weight:bold;}
	.roomplaninfo_body{padding:15px;}
	.roomparam, .roomparam_value{font-size:130%;}
	.roomparam{color:#09669c;}
	
	.newroomplans{padding:30px 0;}
		.newroomplans h3{font-size:340%;color:#000;font-weight:900;padding:5px 0 10px 0;}
		.newroomplans .room-params, .newroomplans .room-params2{color:#656565;}
			.newroomplans .room-params b{color:#000;}
			.newroomplans .room-price1 h4, .newroomplans .room-price2 h4{font-size:340%;font-weight:900;padding:0;margin:0;}
			.newroomplans .room-price1 h5, .newroomplans .room-price2 h5{font-size:250%;font-weight:900;padding:0;margin:0;color:#be0707;}
				.newroomplans .room-price2 h4{color:#be0707;}
				.newroomplans .room-price1 p, .newroomplans .room-price2 p{font-size:13px;font-weight:normal;color:#7c7c7c;padding:0;margin:0;}
				.newroomplans .room-price1 p span, .newroomplans .room-price2 p span{color:#be0707;}
					.newroomplans .modalbuttonblock{padding:15px 0 0 15px;}
						.newroomplans .modalbutton{background-color:#febf01;color:#000;text-transform:uppercase;padding:7px 40px;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px;font-size:100%;}
							.newroomplans .modalbutton:hover{text-decoration:none;background-color:#ffcc32;}
					.modaltitle{color:#000;font-size:200%;font-weight:bold;text-transform:uppercase;text-align:center;}
						#contactform {text-align:center;line-height:12px;padding-bottom:50px;}
							#contactform label{color:#3f3f3f;display:block;margin:20px 0 10px 0;font-size:160%;}
							#contactform input, #contactform  select, #contactform  textarea{color:#3f3f3f;width:300px;padding:5px 10px;font-size:130%;margin:0 auto;}
							#contactform  select{width:300px;}
							#contactform option{font:12px Arial;}
							#contactform  .sendbutton{cursor:pointer;margin-top:15px;
							padding:15px 40px 15px 40px;text-transform:uppercase;color:#000;background-color:#febf01;border:none;font-size:150%;text-decoration:none;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
								#contactform  .sendbutton:hover{color:#000;background-color:#ffcc32;}
		
	
	.buyinfo{padding:0 0 45px 0;}
		.buyinfo .col-xs-12 {text-align:center;line-height:130%;font-size:150%;}
		.buyinfo .orderform{width:100%;}
		.buyinfo .orderform .row{margin:0 -15px;}
	
	.remoteselling{}
		.remoteselling .row div{text-align:center;margin:10px 0;}
		.remoteselling .point{background-color:#7fe8fe;color:#fff;font-size:400%;font-weight:700;padding:10px 35px;border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -khtml-border-radius:50%;}
		.remoteselling .row div p{margin:15px 0;font-size:120%;}
	
	.photos{padding:65px 0;background:url('/images/photos_bg.jpg') center top no-repeat;background-size:cover;}
		.photos img{border:4px solid #fff;}
		.owl-theme .owl-controls .owl-nav [class*="owl-"]{background-color:#62c2f9;padding:4px 10px 8px 10px !important;}
	.photosblock{}
		.photosblock.container-fluid{padding:0;margin:0;}
		.photosblock .col-xs-12{padding:0;}
			.photosblock img{z-index:900;-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
			.photosblock img:hover{z-index:1000;box-shadow:0px 0px 20px #555;}
	
	.etaps{padding-bottom:50px;}
		.panel-heading{background-color:#f0f0f0;padding:5px 15px;margin:5px;}
		.panel-heading a{color:#000;}
		.panel-heading a:hover, .panel-heading a[aria-expanded=true]{color:#069c42;}
		.panel-body{padding:15px 0;}
		.etaps .morephotobutton {background-color:#f8cf62;color:#000;font-weight:normal;padding:10px 50px;text-transform:uppercase;}
			.etaps .morephotobutton:hover{background-color:#fbe097;color:#000;text-decoration:none;}

	.floorswitch{}
	.floorswitchtext{font-size:130%;}
	
	.floorplan{position:relative;}
		.statusblock {position:absolute;text-align:center;}
		.status{color:#fff;font-size:120%;font-family: 'PT Sans Narrow', sans-serif;background-color:rgba(2,192,74,0.7);border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px;padding:3px 10px 5px 10px !important;cursor:pointer;}
			.status:active, .status:focus{color:#fff;text-decoration:none;}
			.status:hover{color:#fff;text-decoration:none;background-color:rgba(2,192,74,0.9);}
		.status.bron{background-color:rgba(2,120,192,0.7);}
			.status.bron:hover{background-color:rgba(2,120,192,0.9);}
		.status.sold{background-color:rgba(194,54,47,0.7);}
			.status.sold:hover{background-color:rgba(194,54,47,0.9);}
		
		.building1plan1{bottom:160px;left:330px;width:168px;}
		.building1plan2{bottom:160px;left:240px;width:85px;}
		.building1plan3{bottom:160px;left:60px;width:172px;}
		.building1plan4{top:180px;left:60px;width:172px;}
		.building1plan5{top:180px;left:240px;width:170px;}
		.building1plan6{top:180px;left:416px;width:170px;}
		.building1plan7{top:180px;left:592px;width:170px;}
		.building1plan8{top:180px;left:768px;width:172px;}
		.building1plan9{top:180px;left:946px;width:172px;}
		.building1plan10{bottom:160px;left:854px;width:180px;}
		.building1plan11{bottom:160px;left:682px;width:166px;}		
		.building1plan12{top:180px;left:946px;width:172px;}
		
		.modal-header, .modal-footer{border:none;}
		.modal-header{padding:10px 15px 0px 15px;}
		.modal-footer{padding:10px 15px;}
		.roominfo{}
			.roominfo h4{color:#2f2f2f;font-weight:bold;margin-bottom:25px;}
			.roominfo p{color:#2f2f2f;}
			.roominfo .bronformopis{font-size:90%;text-align:left;line-height:100%;font-weight:normal;padding:5px 15px 0 15px;}
			.roominfo .roominfotext{padding-top:15px;}
			.roominfo .price{color:#2f2f2f;font-weight:bold;font-size:140%;text-align:right;}
	
	.documents{background-color:#f0f0f0;padding:30px 0;line-height:150%;font-size:120%;}
		.documents a{font-size:100%;font-weight:normal;text-decoration:underline;}
	
	.contact{background:url('/images/contact_bg.jpg') center top no-repeat;background-size:cover;color:#fff;font-size:130%;padding:50px 0;font-weight:bold;text-align:center;line-height:140%;}
		.contact big{font-size:200%;}
		.contact a{color:#fff;font-size:90%;text-decoration:underline;font-weight:normal;}
		.contact a:hover{text-decoration:none;}
	.contactmap{height:500px;}
	.footer{padding:25px 0;}
		.copy{padding:10px 0 10px 80px;background:url('/images/trikota.png') left top no-repeat;line-height:120%;text-align:left;font-size:85%;color:#555;}
			.copy a{text-decoration:underline;color:#cd0303;font-size:100%;}
				.copy a:hover{color:#000;text-decoration:none;}
	
	.owl-theme .owl-controls .owl-nav [class*=owl-]{font-size:120%;font-weight:bold;padding:4px 10px 6px 10px;}
	.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#017cc2;}
	.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#017cc2}
	
	/* clockline */
	.clockline{background-color:#058622;padding:25px 0 40px 0;color:#fff;}
	.clockline .title{color:#fff;margin:0 0 30px 0;}
	.clockline .clock{width:650px;margin:0 auto;}
	.clockline .flip-clock-label{color:#fff;}
	.clockline .inn{color:#fff;}
	
	@media screen and (min-width: 992px) { 
		.mobile{display:none;}
		.desktop{display:block;}
	}
	
	@media screen and (max-width: 992px) { 
		.mobile{display:block;}
		.desktop{display:none;}
		.header .orderform, .buyinfo .orderform, .cityview .orderform{float:none;margin:0 auto;}
		.topmenu .topmenulink{margin:0 15px;}
		
		.youtubevideo{height:450px;}
	}
	
	@media screen and (max-width: 600px) { 
		.mobilehide{display:none;}
		.title{font-size:150%;text-align:center;margin:40px 0;}
			.title span{padding:0 20px;}
		.header{padding:55px 0 15px 0;text-align:center;}
		.header .phone{text-align:center;margin:10px 0;}
		.topmenu{display:none;}		
		.mobilemenu{display:inline-block;}
		.pano3d, .pano3d iframe{height:300px;margin-bottom:140px;}
		.orderform #tel{width:100%;margin:0;}
		.contact .text-right{text-align:center;}
		.sloganline{padding:60px 0;}
		.slogan{padding:60px 0;width:100%;color:#fff;text-transform:uppercase;font-size:280%;font-weight:900;border:2px solid #fff;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;}
		
		.paramsunit{font-size:120%;line-height:110%;text-align:center;padding-bottom:20px;}
			.paramsunit img{display:block;width:160px;}
		
		.youtubevideo{height:300px;}
	}
	
	@media screen and (max-width: 400px) { 
		.mobile{display:block;}
		.desktop{display:none;}
		.orderform{padding:25px;width:auto;}
		.paramsunit{font-size:120%;line-height:110%;text-align:center;padding-bottom:20px;}
			.paramsunit img{display:block;width:140px;}
		.header .phone b{font-size:180%;}
		.headform_block{width:300px;}
		.headform_block_title{font-size:140%;padding:5px 10px;}
		.headform_block_body{padding:15px 0;}
			.headform_block_body p{font-size:200%;}
			.headform_block_body .orderform input{width:230px;font-size:120%;margin:5px 10px;}
			.headform_block_body .orderform #tel{width:230px;margin:5px 10px;}
		.youtubevideo{height:250px;}
	}