/* Copyright Art. Lebedev | http://www.artlebedev.ru/ */



/*panorama*/

.header_w {
	z-index:101;
}

#panorama {
	position: relative;
	width: 100%;
	max-width:2800px;
	margin:-100px auto 30px auto;
	line-height:0;
	background-color: transparent;
	
	height: 685px;
}

#panorama .panorama_cover {
	position:relative;
	top:0;
	left:0;
	/*z-index: 12;*/
	background: transparent;
}
.bogie.ui-draggable:after {
	content: '';
	position: absolute;
	top: 160px;
	left: 123px;
	width: 46px;
	height: 16px;
	background: #ff430f;
	background:url("../img/arrow.png") 0 0 no-repeat;
}
#mask_cover {
	width:2800px;
	height:683px;
	position:relative;
	/*z-index:9;*/
	overflow:hidden;
	margin:0;
	padding:0;
	top:0;
	left:0;
	background:url("../img/bg.jpg") repeat-x;
}

#mask_cover li {
	bottom:0;
	position:absolute;
	margin:0;
	padding:0;
	cursor:pointer;
	list-style-type: none;
}

#mask_cover li a {
	text-decoration:none!important;
	border:none!important;
	display:inline-block;
  position:relative;
}

#mask_cover li:before {
	display:none;
}

#mask_cover li b {
	position:absolute;
	display:block;
	height:100%;
	top:0;
	left:0;
	width:100%;
}

#mask_cover .fix {
	position:absolute;
	display:block;
	bottom:0;
	z-index:4;
}

#x0 {
	left:176px;
	bottom:209px!important;
}

#x0 .fix {
	width:205px;
	height:180px;
	left:365px;
}

#x1 {
	left:447px;
	bottom:187px!important;
}

#x2 {
	bottom: 223px !important;
    left: 764px !important;
}

#x2 a{
	z-index:3;
}

#x3 {
	bottom: 194px !important;
    left: 904px !important;
}

#x3 .fix {
	height: 170px;
	left: 100px;
	width: 200px;
}

#x4 {
	bottom: 211px !important;
    left: 1255px !important;
}

#x5 {	
	bottom: 189px !important;
    left: 1967px !important;
}

#x6 {
	left: 2126px!important;
	bottom: 189px !important;
}

#x6 a {
	z-index:4;
}

#x7 {
	left:1667px;
}

#x7 a {
	z-index:1;
}

#x8 {
	left:1793px;
}

#x8 a {
	z-index: 1;
}

#x9 {
	left:1894px;
}

#x9 a {
	z-index:3;
}

#x10 {
	left:2004px;
}

#mask_cover .brightening,
#mask_cover .true_brightening	{
	opacity: 0.7;
	filter: alpha(opacity=50)
}


#x0 .brightening,
#x0 .true_brightening {
	background:url('../img/1/2-hvr.png') 0 0 no-repeat;
}

#x1 .brightening,
#x1 .true_brightening {
	background:url('../img/1/1-hvr.png') 0 0 no-repeat;
}

#x2 .brightening,
#x2 .true_brightening {
	background:url('../img/1/3-hvr.png') 0 0 no-repeat;
}

#x3 .brightening,
#x3 .true_brightening {
	background:url('../img/1/4-hvr.png') 0 0 no-repeat;
}

#x4 .brightening,
#x4 .true_brightening {
	background:url('../img/1/5-hvr.png') 0 0 no-repeat;
}

#x5 .brightening,
#x5 .true_brightening {
	background:url('../img/1/6-hvr.png') 0 0 no-repeat;
}

#x6 .brightening,
#x6 .true_brightening {
	background:url('../img/1/7-hvr.png') 0 0 no-repeat;
}

#x7 .brightening,
#x7 .true_brightening {
	background:url('/f/1/projects/pnr-silhouette-7.png') 0 0 no-repeat;
}

#x8 .brightening,
#x8 .true_brightening {
	background:url('/f/1/projects/pnr-silhouette-8.png') 0 0 no-repeat;
}

#x9 .brightening,
#x9 .true_brightening {
	background:url('/f/1/projects/pnr-silhouette-9.png') 0 0 no-repeat;
}

#x10 .brightening,
#x10 .true_brightening {
	background:url('/f/1/projects/pnr-silhouette-10.png') 0 0 no-repeat;
}



.project_title {
  display:inline-block;
	position:absolute;
	z-index:991;
	background: rgb(20, 66, 112);
	background: rgba(20, 66, 112, 0.5);
	text-shadow: 1px 1px 0 #144270;
	color:#fff;
	border-radius:20px;
	padding:0.5em 1em;
	width:150px;
	text-align:center;
	line-height:1.3em;
}

#panorama .bogie {
	position:absolute;
	z-index:99;
	bottom:2px;
	left:0;
	cursor: url(https://maps.gstatic.com/mapfiles/openhand_8_8.cur), default;
}
#panorama .bogie.ui-draggable-dragging {
     cursor: url(https://maps.gstatic.com/mapfiles/closedhand_8_8.cur), move;
}
#panorama .bogie b {
	position:absolute;
	width:150px;
	height:78px;
	top:0px;
	left:-14px;
}

#panorama .bogie b .larr,
#panorama .bogie b .rarr {
  content:'';
  display:inline-block;
  position:absolute;
  top:0;
  width:0px;
  height:100%;
  z-index:9;
}

#panorama .bogie b .larr {
  left:0px;
  background: url('/f/1/projects/panorama_arrow_bogie.png') 0% 66% no-repeat;
}

#panorama .bogie b .rarr {
  right:0px;
  background: url('/f/1/projects/panorama_arrow_bogie.png') 100% 66% no-repeat;
}

#panorama .bogie b {
	display:none;
}


#panorama .panorama_cover .panorama {
	position:relative;
	top:0;
	left:0;
}

#content {
	max-width: 1800px;
	margin: 0 auto;
}

.nox {
	position:relative;
	display:inline-block;
	width: 100%;
}

#scroll_view {
	position:absolute;
	z-index:14;
	width:250px;
	height:50px;
	top:85px;
	right:50px;
	overflow:hidden;
	background: url('/f/1/projects/panorama_mini.png') 0 0 no-repeat;
}

.with_project_title #scroll_view { z-index:11; }

#scroll_view div {
	position:absolute;
	width:48px;
	height:48px;
	bottom:0;
	left:0;
	border:1px solid red;
	border-radius:6px;
	/*box-shadow:inset 0px 0px 4px 0px rgba(66,66,66,0.5);*/
	cursor: url(https://maps.gstatic.com/mapfiles/openhand_8_8.cur), default;
}

#scroll_view div.ui-draggable-dragging {
     cursor: url(https://maps.gstatic.com/mapfiles/closedhand_8_8.cur), move;
}

#scroll_view div:before,
#scroll_view div:after {
  content:'';
  display:inline-block;
  position:absolute;
  top:0;
  width:6px;
  height:100%;
  z-index:9;
}

#scroll_view div:before {
  left:-10px;
  background: url('/f/1/projects/panorama_arrow.png') -142px 50% no-repeat;
}

#scroll_view div:after {
  right:-10px;
  background: url('/f/1/projects/panorama_arrow.png') -149px 50% no-repeat;
}

.ui-draggable-stopped {
	position: absolute;
	bottom: 0;
	left:0;
	z-index: 98;
	width: 168px;
	height:168px;
	border:1px solid red;
	background: none;
}



.top-ul {
	width: 100%;
	height: 250px;
}