/* ####### INTRO  */
	#intro {
	position:fixed;
	display:block;
	overflow-x:hidden;
overflow-y:hidden;
	z-index:1000;
	}
	#intro:before {
	content:'';
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url("../_img/intro.png");
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	z-index:-100;
	}
	#intro .intro { 
	width:960px;
	height:600px;
	position:relative;
	}
	.zel1 {
	position:absolute;
	left:141px;
	top:0;
	width:146px;
	height:156px;
	overflow:hidden;
	}

		.zel2 .zel2_on,
		.zel5 .zel5_on,
		.zel6 .zel6_on,
		.zel7 .zel7_on,
		.zel8 .zel8_on,
		.zel9 .zel9_on,
		.zel10 .zel10_on,
		.zel1 .zel1_arka,
		.zel2 .zel2_arka,
		.zel4 .zel4_arka,
		.zel6 .zel6_arka,
		.zel7 .zel7_arka,
		.zel8 .zel8_arka,
		.zel9 .zel9_arka,
		.zel10 .zel10_arka
		{
		position:absolute;
		backface-visibility:hidden;
		}
		.zel1_on,.zel3 .zel3_on,.zel5 .zel5_on,.zel4 .zel4_on{
			height: 100%;
			left: 0;
			margin: 0;
			overflow: hidden;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 20;
		}
		.zel1  img,
		.zel2  img,
		.zel3  img,
		.zel6  img,
		.zel7  img,
		.zel8  img,
		.zel9  img,
		.zel10 img
		{
		display: block;
		height: 100%;
		margin: 0;
		text-decoration: none;
		width: 100%;
		}
	.zel2 {
	position:absolute;
	left:0;
	top:149px;
	width:287px;
	height:147px;
	overflow:hidden;
	z-index:100;
	}
	.zel3 {
	position:absolute;
	left:132px;
	top:295px;
	width:155px;
	height:234px;
	overflow:hidden;
	}
	.zel4 {
	position:absolute;
	left:287px;
	top:50px;
	width:309px;
	height:157px;
	overflow:hidden;
	}
	.zel5 {
	position:absolute;
	left:596px;
	top:50px;
	width:156px;
	height:158px;
	overflow:hidden;
	}
	.zel6 {
	position:absolute;
	right:56px;
	top:50px;
	width:152px;
	height:158px;
	overflow:hidden;
	}
	.zel7{
	position:absolute;
	left:287px;
	top:207px;
	width:307px;
	height:150px;
	overflow:hidden;
	}
	.zel8{
	position:absolute;
	right:210px;
	top:207px;
	width:155px;
	height:150px;
	overflow:hidden;
	}
	.zel9{
	position:absolute;
	right:-58px;
	top:207px;
	width:269px;
	height:151px;
	overflow:hidden;
	}
	.zel10{ 
	position:absolute;
	right:-60px;
	top:355px;
	z-index:600;
	width:733px;
	height:11px;
	overflow:hidden;
	}
	.zel11{ 
	position:absolute;
	right:367px;
	top:367px;
	width:156px;
	height:67px;
	}
	.zel12{ 
	position:absolute;
	right:211px;
	top:367px;
	width:156px;
	height:67px;
	}
	
	
	.introalt {
	width:100%;
	position:absolute;
	height:116px;
	left:0;
	bottom:95px;
	}
	.introalt:before {
	content:'';
	background:url("../_img/introalt.png");
	background-repeat:repeat-x;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-90;
	opacity:1;
	}
	.introalt_x {
	width:960px;
	height:100px;
	margin:0 auto;
	}
	.logos_x {
	float:left;
	width:100%;
	}
	.logos_x ul {
	float:left;
	}
	.logos_x ul li{
	float:left;
	list-style-type:none;
	margin-right:3px;
	}
	.logos_x ul li img{ 
	max-height:54px;
	}
	.infos_x {
	float:left;
	width:100%;
	}
	.infos_left {
	float:left;
	}
	.infos_right {
	float:right;
	}
	.infos_right_text{
	float:left;
	margin-top:7px;
	}
	.infos_right_text p {
	display:block;
	color:#fff;
	font-weight:300;
	font-size:12px;
	text-align:right;
	}
	.gir a{
	float:left;
	}
	a.sub1{
	width:156px;
	height:66px;
	float:left;
	position:relative;
	-webkit-transition:all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
	}
	a.sub1:before{ 
	content:'';
	background:url("../_intro/10.jpg");
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-25;
	}
	a.sub1:after{ 
	content:'';
	background:url("../_intro/10arka.jpg");
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-24;
	opacity:0;
	-webkit-transition:all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
	}
	a.sub1:hover::after {
	opacity:1;
	}
	a.sub2 {
	width:156px;
	height:66px;
	float:left;
	position:relative;
	-webkit-transition:all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
	}
	a.sub2:before {
	content:'';
	background:url("../_intro/11.jpg");
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-25;
	}
	a.sub2:after{ 
	content:'';
	background:url("../_intro/11arka.jpg");
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-24;
	opacity:0;
	-webkit-transition:all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
	}
	a.sub2:hover::after {
	opacity:1;
	}