@font-face {
    font-family: 'ArnoProSemibold';
    src: url('font/arnopro-smbd-webfont.eot');
    src: url('font/arnopro-smbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/arnopro-smbd-webfont.woff') format('woff'),
         url('font/arnopro-smbd-webfont.ttf') format('truetype'),
         url('font/arnopro-smbd-webfont.svg#ArnoProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* NEW CSS */
body { font-family:"ArnoProSemibold"; color:#898989; font-size:16px; position:relative; background:#fff }
td, th { font-family:"ArnoProSemibold"; color:#898989; font-size:16px; }

a { font-family:"ArnoProSemibold"; color:#898989; font-size:16px; text-decoration:none; }
a:hover { font-family:"ArnoProSemibold"; color:#ff6600; font-size:16px; text-decoration:none;}

.clear   { clear:both}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}


* {  
 margin: 0;  
 padding: 0;  
}  
html {height: 100%;}  
body {  
 height: auto !important;  
 height: 100%;  
 min-height: 100%;  
 position: relative;  
} 

#wrapper { z-index:10;  }
.wrapper { margin:auto; width:960px;  }

a, img, input, button, textarea, select { outline: none; resize:none }
strong, b { font-weight:bold; }
em { font-style:italic}

.fl { float:left}
.fr { float:right}

a, .trans { 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


h1 { font-size:20px; }
h1 a, h1 a:hover { font-size:20px; }

h2 { font-size:20px; }
h2 a, h2 a:hover { font-size:20px; }

h3 { font-size:16px; }
h3 a, h3 a:hover { font-size:16px; }

h4 { }
h4 a, h4 a:hover { }

h5 { }
h5 a, h5 a:hover { }

.bg-main { background-image:url(../images/pattern-main.jpg); background-position:50% 50%; background-size:cover; left:0; right:0; top:0; bottom:0; position:fixed}
.bg-contact { background-image:url(../images/back.jpg);  background-position:50% 50%; background-size:cover; left:0; right:0; top:0; bottom:0; position:fixed}


.bg-list div { left:0; top:0; right:0; bottom:0; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; position:fixed; z-index:2; display:none}
.bg-list .project-bg-1 { background-image:url(../images/project-bg-1.jpg);}
.bg-list .project-bg-2 { background-image:url(../images/project-bg-2.jpg);}

#main { position:fixed; left:0; right:0; top:0; bottom:0; z-index:10}
.main-content .sale { position:absolute; right:50px; top:-30px}
.main-content .big-house { height:290px}
.main-content .sale:hover {
	-moz-transform: rotate(360deg); /* Для Firefox */
    -ms-transform: rotate(360deg); /* Для IE */
    -webkit-transform: rotate(360deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(360deg); /* Для Opera */
    transform: rotate(360deg);
}

.main-content { width:540px; margin-left:-290px; position:absolute; left:50%; top:50%; margin-top:-240px; text-align:center}

.main-content .main-menu { position:relative; padding:32px 0; margin:5px 0 5px 40px; width:515px}
.main-content .main-menu:after { content:''; height:90px; width:20px; background:url(../images/vertical-line.png) no-repeat 50% 50%; position:absolute; left:221px; top:0}
.main-content .main-menu a { font-size:16px; color:#fff; margin:0 20px}
.main-content .main-menu a:hover { font-size:16px; color:#ff6600;}

.main-content .address {color: #919191; font-size: 11px;text-align: center; position:relative; padding:20px 0}
.main-content .address:after { content:''; height:13px; width:100%; background:url(../images/horizontal-line.png) no-repeat 50% 50%; position:absolute; left:0; bottom:0}
.main-content .address:before { content:''; height:13px; width:100%; background:url(../images/horizontal-line.png) no-repeat 50% 50%; position:absolute; left:0; top:0}

.main-footer { border-top:4px solid #ff6600; background:url(../images/pattern-main.jpg) ; height:100px; position:absolute; width:100%; bottom:0; left:0 }

#header { background:url(../images/header.png) no-repeat 50% 0; width:100%; height:182px; margin:auto; position:absolute; top:-180px; z-index:20; opacity:0.2}
#header .logo { width:172px; margin:auto; padding-top:12px}

#header ul { margin-top:-20px; opacity:0}
#header li { display:inline; margin:0 10px}
#header li a { color:#fff; text-transform:uppercase; font-size:16px}
#header li a:hover { color:#ff6600}

.control-header { width:140px; margin:auto; height:16px;}
.control-header a { background:url(../images/menu-arrow-top.png) no-repeat 50% 50%; display:block; height:16px; }
.control-header a.active { background:url(../images/menu-arrow-bottom.png) no-repeat 50% 50%;}

#center { padding:190px 0 70px 0; height:360px; position: ; z-index:10}
.plans #center { padding:40px 0 70px 0; height:500px; position:relative; z-index:10}

.content-block { z-index: 2; height:360px; width:960px; margin:auto; position: absolute;  }

.plans-block { height:500px; width:960px; margin:auto; position: absolute; }

.content-block .left-part { width:520px; height:360px; float:left; overflow:hidden; position:relative}
.content-block .right-part { width:440px; height:360px; float:left; background:url(../images/pattern-main.jpg) no-repeat;  overflow:hidden}
.content-block .close { padding:10px 16px 0 0; text-align:right}
.content-block .close a { color:#898989; font-size:14px; }
.content-block .close a:hover { color:#fff;}

.submenu { position:absolute; top:0; left:0; z-index:10; background:url(../images/submenu-bg.png) no-repeat 0 100%; width:137px; padding-bottom:20px }
.submenu ul { padding:10px}
.submenu ul li a { color:#fff; font-size:12px; text-transform:uppercase}
.submenu ul li a:hover, .submenu ul li a.active { color:#ff6600}

#gallery li { width:520px; height:360px}
.next-gal, .prev-gal { position:absolute; left:50%; width:24px; height:24px; z-index:3; margin-left:-12px; cursor:pointer; background:rgba(255,255,255,0.3); opacity:0.2}
.next-gal  { bottom:0; } 
.prev-gal  { top:0; } 
.next-gal span { background:url(../images/arrow-bottom.png) no-repeat 50% 50%; display:block; width:24px; height:24px} 
.prev-gal span { background:url(../images/arrow-top.png) no-repeat 50% 50%; display:block; width:24px; height:24px} 
.left-part:hover .next-gal, .left-part:hover .prev-gal {  opacity:1}

.contentHolder { position:relative; margin:10px 10px 0 20px; padding:0; overflow:hidden; height:298px}
.contentHolder .content { padding-right:20px; color:#fff}
.contentHolder .content strong { color:#ff6600}

.contentHolder .content ul { padding-left:30px}

.contact-text { height:360px; background:#fff; color:#000;}
.contact-text img { height:360px; float:left; margin-right:20px}
.contact-text .phone { padding-left:320px; padding-top:20px}
.contact-text .phone a { font-size:14px}
.contact-text h1 { line-height:1.2; font-size:20px; padding:60px 0 20px 0}



#footer { background:url(../images/footer.png) no-repeat; width:546px; height:70px; position:absolute; bottom:0; left:50%; margin-left:-273px; z-index:20; overflow:hidden}
#footer .footer-action-wrapper { cursor:pointer;}
#footer .phone { text-align:center; padding-top:16px; color:#ff6600}
#footer .phone a { color:#ff6600; font-size:16px;}
#footer .address { text-align:center; color:#fff}

#footer .map { height:120px; width:390px; margin:14px auto 0 auto}

.map-wrapper { position:fixed; z-index:10000; left:0; top:0; right:0; bottom:0; display:none}
.map-wrapper .shadow { background:#000; opacity:0.5; left:0; top:0; right:0; bottom:0; position:fixed;}
#map { position:absolute; z-index:10000; left:50%; top:50%; margin:-224px 0 0 -324px; width:640px; height:440px; border:4px solid #fff}


#audioplayer {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100000;
}


.plans-list { position:relative; width:575px; height:490px; float:left}
.plans-list:after { background:url(../images/plans/compas.png) no-repeat; content:''; width:150px; height:76px; position:absolute; bottom:-64px; left:170px}


.plans-list .plans-item { position:absolute; z-index:10; display:none}
.room-1 { left:16px; top:355px; width:286px; height:109px; background:url(../images/plans/room_1.png) no-repeat}
.room-2 { left:307px; top:366px; width:248px; height:96px; background:url(../images/plans/room_2.png) no-repeat}
.room-3 { left:15px; top:307px; width:287px; height:110px; background:url(../images/plans/room_3.png) no-repeat}
.room-4 { left:307px; top:317px; width:250px; height:93px; background:url(../images/plans/room_4.png) no-repeat}
.room-5 { left:13px; top:258px; width:289px; height:109px; background:url(../images/plans/room_5.png) no-repeat}
.room-6 { left:307px; top:264px; width:253px; height:91px; background:url(../images/plans/room_6.png) no-repeat}
.room-7 { left:12px; top:207px; width:291px; height:107px; background:url(../images/plans/room_7.png) no-repeat}
.room-8 { left:307px; top:213px; width:256px; height:92px; background:url(../images/plans/room_8.png) no-repeat}
.room-9 { left:12px; top:153px; width:291px; height:109px; background:url(../images/plans/room_9.png) no-repeat}
.room-10 { left:307px; top:164px; width:259px; height:90px; background:url(../images/plans/room_10.png) no-repeat}
.room-11 { left:3px; top:24px; width:304px; height:181px; background:url(../images/plans/room_11.png) no-repeat}
.room-12 { left:239px; top:7px; width:333px; height:186px; background:url(../images/plans/room_12.png) no-repeat}
.plans-list .plans-item a { position:absolute; width:100%; height:100%}
/*.plans-list .plans-item:hover, .plans-list .plans-item.active { opacity:1}*/


.plans-detail { float:right; width:360px; margin-top:40px}
.plans-detail .tab li { float:left; margin-right:4px; border-radius:4px 4px 0 0; overflow:hidden }
.plans-detail .tab li a { display:block; color:#fff; background:#838383; padding:2px 8px; font-size:14px}
.plans-detail .tab li a.active, .plans-detail .tab li a:hover { background:#ff6600}

.plans-detail .tab .zoom { float:right}
.plans-detail .tab .zoom a { color:#fff; font-size:14px;}

.plans-detail .tab-content { border:1px solid #ffa513; overflow:hidden; position:relative; min-height:100px; background:#000}
.plans-detail .tab-content .text { color:#fff; font-size:18px;   text-align: center; padding:100px 0}

.plans-detail .tab-content img { width:360px}

.plans-detail .info { padding:10px; font-size:16px; color:#ff6600} 

.callback-text-wrapper { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:11100; display:none}
.callback-text { width:460px; font-size:20px; color:white; line-height:22px; position:absolute; left:50%; top:50%; margin-left:-250px; margin-top:-200px;  background: url(../images/pattern-main.jpg); border:2px solid #ff6600; padding:0px 20px 20px 20px }
.callback-button { text-align:center; padding-top:20px;}
.callback-button a { display:inline-block; border:1px solid #fff; color:#ff6600; padding:3px 10px; text-decoration:none; font-size:14px }

.callback-button a:hover { border:1px solid #ff6600; color:#fff; font-size:14px ;}

.callback-text-wrapper .close, .callback-form-wrapper .close  { color:#919191; text-decoration:none;}

.callback-form-wrapper { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:11100; display:none}
.callback-form { width:460px; font-size:20px; color:white; line-height:22px; position:absolute; left:50%; top:50%; margin-left:-250px; margin-top:-200px;  background: url(../images/pattern-main.jpg); border:2px solid #ff6600; padding:20px }


.callback-form .field { padding:0 0 16px 0; text-align:center}
.callback-form .field input { font-family:"ArnoProSemibold"; border:1px solid #7f7f7f; background:#7f7f7f; padding:4px; font-size:18px; color:#0d0d0d; width:280px;}

.callback-form .button {width:290px; margin:auto}
.callback-form .button input { font-family:"ArnoProSemibold"; font-size:20px; background:none; display:inline-block; border:1px solid #fff; color:#ff6600; padding:3px 10px; text-decoration:none; }

.callback-form .button input:hover { border:1px solid #ff6600; color:#fff; cursor:pointer }

.callback-form .button input.fl { float:left;}

.callback-form .button input.fr { float:right;}


.blur {
		-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	-o-filter: blur(5px);
	filter: blur(5px);
	transition: all 500ms;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
}



/**/
.animation {
	-webkit-transition: all 200ms linear;
	   -moz-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
         -o-transition: all 200ms linear;
	        transition: all 200ms linear;
}

.panorama {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.nav {
	/*background: rgba(255,255,255, .5);*/
	background:url(../pano/images/site/logo-menu.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	width: 200px;
	height: 460px;
	padding-bottom: 16px;
	padding-left: 19px;
	padding-right: 24px;
	margin-top:-230px;
	z-index: 99999;
	text-shadow: 0px 0px 3px #e0e0e0;
	filter: dropshadow(color=#e0e0e0, offx=0, offy=0);
}

.toggle__button {
	background: rgba(255,255,255, .5);
	position: absolute;
	left: -16px;
	top: 50%;
	margin-top: -11px;
	width: 16px;
	height: 22px;
	cursor: pointer;
	text-align: center;
	line-height: 22px;
}

.toggle__button:hover {
	background: rgba(255,255,255, .5);
}
.toggle__button span.glyphicon-chevron-left { width:13px; height:21px; background:url(../pano/arrow-pano-left.png) no-repeat 50% 50%; display:block}
.toggle__button span.glyphicon-chevron-right { width:13px; height:21px; background:url(../pano/arrow-pano.png) no-repeat 50% 50%; display:block}

a:hover {
	color:#782c00;
	font-size:18px
}

.nav__toggled {
	right: -248px;
}

.nav ul {
	padding: 0;
}
 
.nav__star {
	background: url(../pano/images/site/stars.png) no-repeat;
	position: absolute;
	height: 24px;
	width: 24px;
	left: 73px;
	top: 212px;
	z-index: 99999;
	color: #CE2323;
	display: none;
}

.nav__element {
	list-style-type: none;
	text-align: center;
	line-height: 20px;
}

.nav__element__link {
	font-weight:bold;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
}

.nav__element__link.selected {
	color: #782c00;
}

.nav__house {
/*	background: url(../images/site/house.png) 50% 22px no-repeat;*/
	position: relative;
	height: 240px;
	margin-left: -24px;
	margin-right: -24px;
/*tt*/
	/*opacity: 0.05;*/
}

.address {
	text-align: center;
}

.address h2 {
	line-height: 20px;
}

.address small {
	font-size: 11px;
	margin-left: -24px;
	margin-right: -24px;
}


.video-wrapper { position:fixed; left:0; top:0; right:0; bottom:0; z-index:10; overflow:hidden;}
.close-video { position:absolute; right:20px; top:20px;  z-index:100}
.close-video a { color:#898989; font-size:14px; }
.close-video a:hover { color:#fff;}
#video_background { height:100%; width: 100%; overflow: hidden; margin:auto }

/* Large desktop */
@media (min-width: 1200px) {

}

/* Large desktop */
@media (max-width: 1200px) {
	.main-content .big-house { height:250px}
	.main-footer { border-top:4px solid #ff6600; background:url(../images/pattern-main.jpg) ; height:50px; position:absolute; width:100%; bottom:0; left:0 }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

}