* {
	margin: 0;
	padding: 0;
}
html {

}
body {
	font-family: CharterOSCRegular;
	background: #f3f4f5;
	font-size: 15px;
	line-height: 21px;
}

#header {
	position: fixed;
    width: 100%;
    height: 34px;
    z-index: 102;
	top: 0;
}

#wrapper {
	width: 1200px;
	margin: 35px auto;
}

.fixed-menu{
	position: fixed;
	z-index: 9999;
	font: 20px/30px 'LineaturaLight';
	letter-spacing: 4px;
	text-align: right;
	margin-left: 630px;
}

.block {
	position: relative;
}

.screen1{
	background: url(../images/zahod.jpg) no-repeat left top;
	width: 1200px;
	height: 800px;
}

.screen2{
	background: url(../images/screen2/dedushka.jpg) no-repeat left top;
	width: 1200px;
	height:2189px;
	
	h2{
		text-indent: -9999px;
	}
	
	.editor-bg{
		margin-top: 265px;
		margin-left: 475px;
		width: 494px;
		height: 345px;
		background: url(../images/screen2/dnevnik.png) no-repeat left top;
		
		.editor{
			margin: 24px 0 0 5px;
			width: 482px;
			height: 314px;
			resize: none;
			outline: none;
		}
	}
	
	.portrait{
		top: 255px;
		right: 40px;
	}
	
	.gif{
		bottom: 0px;
		left: 200px;
	}
	
	:last-child{
		margin-top: 480px;
		margin-left: 545px;
	}
}

.screen3{
	width: 1200px;
	height: 796px;
	background: url(../images/screen3/bg.jpg);
		
		h2{
			text-indent: -9999px;
		}
		
		.description{
			font: 13px/16px 'CirceRegular';
			color: #000;
			text-align: center;
		}
		
		.birds-wrap{
			left: 70px;
			top: 40px;
			
			.bird{
				width: 224px;
				height: 226px;
				float: left;
				margin-right: 40px;
				cursor: pointer;
				position: relative;
			}
			
			.b1{
				background: url(../images/screen3/birds/1.png) no-repeat center center;
				margin-left: 300px;
			}
			.b1:hover{
				background: url(../images/screen3/birds/1b.png) no-repeat center center!important;
			}
			
			.b2{
				background: url(../images/screen3/birds/2.png) no-repeat center center;
				top: 20px;
			}
			.b2:hover{
				background: url(../images/screen3/birds/2b.png) no-repeat center center!important;
			}
			
			.b3{
				background: url(../images/screen3/birds/3.png) no-repeat center center;
			}
			.b3:hover{
				background: url(../images/screen3/birds/3b.png) no-repeat center center!important;
			}
			
			.b4{
				background: url(../images/screen3/birds/4.png) no-repeat center center;
				top: 50px;
				left: 40px;
			}
			.b4:hover{
				background: url(../images/screen3/birds/4b.png) no-repeat center center!important;
			}
			
			.b5{
				background: url(../images/screen3/birds/5.png) no-repeat center center;
				left: 50px;
			}
			.b5:hover{
				background: url(../images/screen3/birds/5b.png) no-repeat center center!important;
			}
			
			.b6{
				background: url(../images/screen3/birds/6.png) no-repeat center center;
				top: 50px;
				left: 40px;
			}
			.b6:hover{
				background: url(../images/screen3/birds/6b.png) no-repeat center center!important;
			}
			
			.b7{
				background: url(../images/screen3/birds/7.png) no-repeat center center;
				left: 40px;
			}
			.b7:hover{
				background: url(../images/screen3/birds/7b.png) no-repeat center center!important;
			}
			
			.b8{
				background: url(../images/screen3/birds/8.png) no-repeat center center;
				top: 50px;
				left: 30px;
			}
			.b8:hover{
				background: url(../images/screen3/birds/8b.png) no-repeat center center!important;
			}
			
			.b9{
				background: url(../images/screen3/birds/9.png) no-repeat center center;
				left: 30px;
				top: 20px;
			}
			.b9:hover{
				background: url(../images/screen3/birds/9b.png) no-repeat center center!important;
			}
			
			.b10{
				background: url(../images/screen3/birds/10.png) no-repeat center center;
				top: 50px;
				left: 20px;
			}
			.b10:hover{
				background: url(../images/screen3/birds/10b.png) no-repeat center center!important;
			}
			
			.b11{
				background: url(../images/screen3/birds/11.png) no-repeat center center;
				left: 30px;
			}
			.b11:hover{
				background: url(../images/screen3/birds/11b.png) no-repeat center center!important;
			}
		}
		
		/*.audio {
			position: fixed;
			bottom: 30px;
			left: 30px;
			z-index: 1000;
			
			.mp3 {
				position: relative;
				margin-bottom: 3px;
				
				span {
					font-family: CirceRegular;
					font-size: 13px;
					line-height: 15px;
					letter-spacing: 1px;
				}
				.jPlayer {
					width: 20px; 
					.play-button {
						position: absolute;
						left: 50px;
						top: 0px;
						width: 20px;
						height: 20px;
						cursor: pointer;
		
						.ico-pause {
							width: 20px;
							height: 20px;
							background: url(../images/pause.png) no-repeat center center;
						}
						.ico-play {
							width: 20px;
							height: 20px;
							background: url(../images/play.png) no-repeat center center;
						}
					}
				}
			}
		}*/
		
}

h2 {
	font: 56px/72px 'LineaturaLight';
	letter-spacing: 4px;
	color: #fff;
}

.description{
	font: 14px/18px 'CirceRegular';
	color: #fff;
	width: 225px;
}



/*.screen4{
	
	.scroll-pane {
		width: 100%;
		height: 600px;
		overflow: auto;
			
		.wrap-scroll{
			width: 7331px;
			height: 600px;
			
			img{
				float: left;
			}
		}
	}
}*/

.screen4{
	overflow: auto;
	width: 1200px;
	height: 620px;
	
	h2{
		text-indent: -9999px;
		position: absolute;
	}
	
	.scroll{
		width: 7331px;
		height: 600px;
		
		img{
			display: block;
			float: left;
		}
	}
	
	.audio {
		position: absolute;
		bottom: 30px;
		left: 30px;
		z-index: 1000;
		
		.mp3 {
			position: relative;
			margin-bottom: 3px;
			
			span {
				font-family: CirceRegular;
				font-size: 13px;
				line-height: 15px;
				letter-spacing: 1px;
			}
			.jPlayer {
				width: 20px; 
				.play-button {
					position: absolute;
					left: 220px;
					top: 0px;
					width: 20px;
					height: 20px;
					cursor: pointer;
	
					.ico-pause {
						width: 20px;
						height: 20px;
						background: url(../images/pause.png) no-repeat center center;
					}
					.ico-play {
						width: 20px;
						height: 20px;
						background: url(../images/play.png) no-repeat center center;
					}
				}
			}
		}
	}
	
}

.screen5{
	overflow: auto;
	width: 1200px;
	height: 820px;
	
	h2{
		text-indent: -9999px;
		position: absolute;
	}
	.scroll{
		width: 17160px;
		height: 800px;
		
		img{
			display: block;
			float: left;
		}
	}
}

.screen6{
	width: 1200px;
	height: 720px;
	background: url(../images/screen6/bg.jpg) no-repeat left top;
	
	h2{
		text-indent: -9999px;
	}
	
	.tv-wrap{
		margin: 100px 0 0 250px;
		position: relative;
		
		.tv-button{
			position: absolute;
			top: 420px;
			left: 320px;
		}
		
		.arr{
			width: 44px;
			height: 59px;
			float: left;
			position: relative;
			top: 150px;
			cursor: pointer;
		}
		.prev{
			background: url(../images/screen6/left.png) no-repeat center center;
		}
		.next{
			background: url(../images/screen6/right.png) no-repeat center center;
		}
		
		.tv{
			width: 470px;
			height: 562px;
			float: left;
			margin: 0 100px;
			
			.img-tv{
				position: absolute;
				z-index: 100;
			}
			.img-noise{
				position: absolute;
				z-index: 1;
				margin: 30px;
			}
			iframe{
				margin: 54px 0 0 51px;
			}
			p{
				font: 14px/17px 'CirceRegular';
				margin: 70px 0 0 50px;
				text-transform: uppercase;
			}
			
		}
		
	}
}

.screen7{
	width: 1200px;
	height: 900px;
	background: url(../images/screen7/bg.jpg) no-repeat left top;
	
	h2{
		text-indent: -9999px;
	}
	
	.embed7-wrap{
		margin-left: 236px;
	}
	.input-wrap{
		margin: 30px 0 0 500px;
		
		input{
			margin-right: 100px;
		}
		p{
			float: left;
			position: absolute;
			margin-top: 10px;
			color: #fff;
			font: 30px/40px 'CirceRegular';
		}
	}
}


.screen8{
	width: 1200px;
	height: 760px;
	background: url(../images/screen8/bg.jpg) no-repeat left top;
	
	h2{
		text-indent: -9999px;
	}
	
	
	.t1{
		background: url(../images/screen8/1.png) no-repeat center top;
		margin-left: 200px;
	}
	
	.t2{
		background: url(../images/screen8/2.png) no-repeat center top;
	}
	
	.t3{
		background: url(../images/screen8/3.png) no-repeat center top;
	}
	
	.t4{
		background: url(../images/screen8/4.png) no-repeat center top;
	}
	
	.t5{
		background: url(../images/screen8/5.png) no-repeat center top;
	}
	
	.t6{
		background: url(../images/screen8/6.png) no-repeat center top;
		margin-right: 0!important;
	}
	
	.tmb{
		font: 12px/17px 'CirceRegular';
		width: 100px;
		float: left;
		cursor: pointer;
		margin-right: 70px;
		margin-top: -20px;
		
		p{
			text-align: center;
			padding-top: 80px;
		}
	}
	
	.accords{
		
		.video{
			width: 380px;
			float: left;
			padding-left: 60px;
		}
		.text{
			float: left;
			width: 450px;
			display: none;
			
			pre{
				font: 14px/16px 'Courier New';
			}
		}
		.show{
			display: block;
		}
		
	}
	
}

.screen9{
	width: 1200px;
	height: 700px;
	background: url(../images/screen9/bg.jpg);
	
	h2{
		text-indent: -9999px;
		position: absolute;
	}
	.wrap-book{
		width: 1051px;
		margin-left: 149px;
		overflow: auto;
	}
	.scroll{
		width: 2861px;
		height: 520px;
		margin-top: 100px;
		
		
		.book{
			float: left;
			width: 310px;
			height: 512px;
			margin-left: 75px;
			font: 14px/16px 'CirceRegular';
			color: #fff;
			
			p{
				margin-left: 20px;
				margin-bottom: 10px;
			}
		}
	}
}

.screen10{
	p{
		font: 14px/17px 'CirceRegular';
		margin: 70px 0 50px 100px;
		text-transform: uppercase;
		width: 800px;
		text-align: center;
	}
}












.arrow-left {
	position: absolute;
	left: 0;
	width: 50px;
	height: 125px;
	background: url(../images/arrow_left.png) no-repeat center center;
	z-index: 9999999;
}
.arrow-right {
	position: absolute;
	right: 0;
	width: 50px;
	height: 125px;
	background: url(../images/arrow_right.png) no-repeat center center;
	z-index: 9999999;	
}