/*out
=================================================================*/
.out {
	position: relative;
	height: 2805px;
	background:url(../images/bg.jpg);
	font: 14px Tahoma, sans-serif;
}
.out * {
	padding: 0;
	margin: 0;
}		
/*container
=================================================================*/
.container {
	position: absolute;
	top: 82px;
	left: 50%;
	margin-left: -800px;
	width: 1600px;
	height: 2645px;
	background:url(../images/bg1.jpg) no-repeat 0 0;
	-webkit-background-size: 1600px 2645px;
}
/*light
=================================================================*/
.lights-out {
	position: absolute;
	left: 50%;
	top: 7px;
	height: 105px;
	width:2000px;
}
.lights {
	position:absolute;
	top: 0px;
	left: 330px;
	width: 39px;
	height: 105px;
	background:url(../images/lights.png) no-repeat 0 0;
	z-index:100;
	-webkit-transition:.3s all ease-in-out;
	transition:.3s all ease-in-out;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.lights-out{
	position:fixed;
	top:88px;
}
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	.lights-out{
		position:fixed;
		top:88px;
	}
}


	.lights button {
		position: absolute;
		left: 7px;
		width: 24px;
		height: 24px;
		border: none;
		cursor: pointer;		
	}
		.lights__red {
			top: 17px;
			background: url(../images/lights-ico.png) no-repeat 4px 2px;
		}
			.lights__red:hover, .lights__red.active {
				background: url(../images/lights-ico.png) no-repeat -24px 2px;
			}
		.lights__yellow {
			top: 47px;
			background: url(../images/lights-ico.png) no-repeat 4px -22px;
		}
			.lights__yellow:hover, .lights__yellow.active {
				background: url(../images/lights-ico.png) no-repeat -24px -22px;
			}
		.lights__green {
			top: 79px;
			background: url(../images/lights-ico.png) no-repeat 4px -48px;
		}
			.lights__green:hover, .lights__green.active {
				background: url(../images/lights-ico.png) no-repeat -24px -48px;
			}
/*title
=================================================================*/
.title {
	position: absolute;
	top: 70px;
	left: 480px;
	width: 576px;
	height: 132px;
	background:url(../images/ftp.png) no-repeat 0 0;
}
	.title a {
		display: block;
		width: 576px;
		height: 132px;
		text-indent: -2000em;
	}
	.title:hover {
		background:url(../images/ftp.png) no-repeat 0 -132px;
	}
/*task
=================================================================*/
.task {
	position: absolute;
	top: 270px;
	left: 460px;
	width: 750px;
	height: 177px;
	background:url(../images/task.png) no-repeat 0 0;
}
	.task ul {
		position: absolute;
		top: 45px;
		left: 245px;		
	}
		.task li, .solution li, .techno li, .team li {
			padding-left: 12px;
			margin: 0 0 15px 0 !important;
			list-style: none;
			color: #fff;
			text-shadow: 1px -1px 1px #202020;
			background:url(../images/arr1.png) no-repeat 0 6px;
		}
		.task li a, .solution li a, .techno li a {
			color: #f1ff0d;
			text-decoration: none;
		}
/*go
=================================================================*/
.go {
	position: absolute;
	top: 470px;
	left: 720px;
	width: 167px;
	height: 362px;
	background:url(../images/go.png) no-repeat 0 0;
}
/*solution
=================================================================*/
.solution {
	position: absolute;
	top: 1470px;
	left: 2460px;
	width: 750px;
	height: 177px;
	background:url(../images/solution.png) no-repeat 0 0;
}
	.solution ul {
		position: absolute;
		top: 15px;
	}
		.solution__list1 {
			left: 200px;
		}
		.solution__list2 {
			left: 495px;
		}
/*slider
=================================================================*/
.slider {
	position: absolute;
	top: 1720px;
	left: 680px;
	width: 415px;
	height: 292px;
}
	.slider__link {
		position:absolute;
		top: -30px;
		left: 10px;
		height: 30px;
		line-height: 30px;
	}
		.slider__link a {
			font-size: 12px;
			color: #fff;
		}
	.slider__str {
		position: absolute;
		top: 50%;
		margin-top: -14px;
		width: 15px;
		height: 27px;
		cursor: pointer;
	}
		.prev {
			left: -40px;
			background:url(../images/slider-nav.png) no-repeat 0 0;
		}
			.prev:hover {
				background:url(../images/slider-nav.png) no-repeat 0 -27px;
			}
		.next {
			right: -40px;
			background:url(../images/slider-nav.png) no-repeat -15px 0;
		}
			.next:hover {
				background:url(../images/slider-nav.png) no-repeat -15px -27px;
			}
	.navi {
		position: absolute;
		bottom: -15px;
		left: 0px;
		width: 415px;
		text-align: center;
	}
		.navi a {
			display: inline-block;
			margin: 0 7px;
			width: 6px;
			height: 6px;
			background:url(../images/slider-nav1.png) no-repeat 0 0;
			cursor: pointer;
		}
			.navi .active {
				background:url(../images/slider-nav1.png) no-repeat -6px 0;
			}
	.slider__cont {
		position: relative;
		width: 415px;
		height: 292px;
		overflow: hidden;
	}
		.items {
			position: absolute;
			width: 2000em;
		}
			.items img {
				float: left;
				width: 415px;
				height: 292px;
				cursor: pointer;
			}
/*techno
=================================================================*/
.techno {
	position: absolute;
	top: 2060px;
	left: 460px;
	width: 750px;
	height: 177px;
	background:url(../images/techno.png) no-repeat 0 0;
}
	.techno ul {
		position: absolute;
		top: 63px;
		left: 270px;
	}
		.techno li {
			margin: 0 !important;
		}
/*team	
=================================================================*/
.team {
	position: absolute;
	bottom: 120px;
	bottom:137px;
	bottom:157px;
	left: 460px;
	width: 750px;
	height: 100px;
	background:url(../images/team.png) no-repeat 27px 10px;
}
	.team ul {
		position: absolute;
		top: 20px;
	}
		.team li {
			padding: 0;
			background: none;
		}
			.team span {
				margin-left: 5px;
				color: #6aff44;
			}
			.team__list1 {
				left: 215px;
			}
			.team__list2 {
				left: 480px;
			}
/*social
=================================================================*/
.social {
	position: absolute;
	z-index:20;
	bottom:87px;
	left: 670px;
	padding: 7px 10px;
	background: #343434;
	background: url(../images/soc-bg.png) no-repeat 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 16px rgba(255,255,255,0.3);
	-moz-box-shadow: 0 0 16px rgba(255,255,255,0.3);
	box-shadow: 0 0 16px rgba(255,255,255,0.3);
}
	.social__fb {
		float: left;
		width: 100px;
	}
	.social__vk {
		float: left;
		width: 100px;
		position: relative;
	}
	.social__tw {
    position: relative;
		float: left;
		width: 100px;
    z-index: 10;
	}
/*babka
=================================================================*/
.babka {
	position: absolute;
	top: 1160px;
	right: 390px;
	width: 190px;
	height: 90px;
	background:url(../images/babka.gif) no-repeat 0	0;
}
.babka_active {
	background:url(../images/babka1.gif) no-repeat 0	0;
}
/*hatch
=================================================================*/
.hatch {
	position: absolute;
	top: 1315px;
	right: 465px;
	width: 136px;
	height: 137px;
	background:url(../images/hatch.png) no-repeat 0 0;
}
	.hatch__out {
		position: absolute;
		top: 27px;
		right: 23px;
		width: 83px;
		height: 83px;
		background:url(../images/hatch-out.png) no-repeat 0 0;
		-webkit-transition: all 0.5s linear;
	}
		.hatch__out:hover {
			right: 0px;
			-webkit-transition: all 0.5s linear;
		}
/*car1
=================================================================*/
.car {
	position: absolute;
	top: 795px;	
	width: 65px;
	height: 126px;	
}
	.car1 {
		left: 677px;
		background:url(../images/car.png) no-repeat 0 0;
	}
	.car2 {
		left: 743px;
		background:url(../images/car.png) no-repeat -65px 0;
	}
	.car3 {
		left: 855px;
		background:url(../images/car.png) no-repeat -130px 0;
	}
/*human1
=================================================================*/
.human1 {
	position: absolute;
	top: 700px;
	left: 490px;
	width: 137px;
	height: 86px;
	background:url(../images/human1.gif) no-repeat 0 0;
}
.human2 {
	position: absolute;
	top: 670px;
	left: 840px;
	width: 279px;
	height: 170px;
	background:url(../images/human2.gif) no-repeat 0 0;
}
/*faer
=================================================================*/
.faer {
	position: absolute;
	top: 600px;
	left: 1010px;
	width: 100px;
	height: 100px;
	background:url(../images/faer1.gif) no-repeat 0 0;
}