html{height:100%;min-height:100%;}
body{font-family:'Lato', sans-serif;font-size:14px;line-height:18px;background:#000000 url(../img/bg0.jpg) top center no-repeat; min-height:2250px;
color:#ffffff;margin:0px 0px;padding:0;padding:0px;font-weight:400;


}
img{padding:0px;margin:0px;border:0px;}


a{color:#ffffff;text-decoration:none;text-decoration:underline;}
a:hover{text-decoration:underline;}
.fota{cursor:pointer;}
.bold{font-weight:700;}


.cookie{background:#000000;width:100%;font-size:13px;color:#ffffff;padding:7px 0px;display:block;float:left;position:fixed;bottom:0px;z-index:1000;}
.cookie a { color:#ffffff; }
.cookie_p{display:block;float:left; padding:0px 10px; }
.cookie_close{display:block;float:right;border:0px solid #000000;padding:0px 10px;cursor:pointer;}
.cookie_close img{display:block;padding:0px;margin:0px;}
.cookie table{width:100%;border-spacing:0;border-collapse:collapse;}
.cookie td{border:0px solid #000000;padding:4px;}





#zoom h1, h2, h3, h4{padding:0px 0px 0px 0px;margin:0px 0px 15px 0px; font-size:18px; line-height:18px; color:#000000; text-transform:uppercase;  }
#zoom a { color:#000000; }
#zoom a:hover { color:#000000; text-decoration:underline;  }




#zoom{position:absolute;top:100px;left:0px;z-index:9999;padding:0px;display:none;

	-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;
	font-size:13px; 
    background-image: url(../img/bg.png);


margin-bottom:50px; width:calc(100% - 40px); padding:20px 20px 40px 20px; color:#000000; }

#zoom:before /* triangle decoration */
{
	width: 15px;
	height: 15px;
    background-image: url(../img/cookie_law23.png);
	content: '';
	position: absolute;
	top: 20px;
	right: 20px;
	margin: 0;
	cursor:pointer; 
	opacity: 0.5; 
}


#zoom:hover:before /* triangle decoration */
{
	opacity: 1; 
}

 
#zoom2:after /* triangle decoration */
{
	width: 50px;
	height: 30px;
    background-image: url(../img/l.png);
	content: '';
	position: absolute;
	bottom: -30px;
	right: calc(50% - 120px);
	margin: 0;
}


#fade{background:#000000;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;display:none; 	opacity: 0.5; }










a.logo { display:block; float:left; width:250px; height:176px; 
background-image: url(../img/logo.png);
background-repeat: no-repeat;
background-size: 100%;
cursor:pointer; 
position:absolute; 
top:70px; 
left:calc(50% - 125px);
z-index:1;  
 border:0px solid #999999; 
}




a.i1 { display:block; float:left; width:310px; height:310px;  border:0px solid #999999; 
background-image: url(../img/i1.png);
background-repeat: no-repeat;
cursor:pointer; 
position:absolute; 
top:470px; 
left:120px; 
z-index:2;  

}



a.i2 { display:block; float:right; width:310px; height:350px; border:0px solid #999999; 
background-image: url(../img/i2.png);
background-repeat: no-repeat;
cursor:pointer; 
position:absolute; 
top:670px; 
right:65px; 
z-index:2;  

}


a.i3 { display:block; float:left; width:310px; height:350px; border:0px solid #999999; 
background-image: url(../img/i3.png);
background-repeat: no-repeat;
cursor:pointer; 
position:absolute; 
top:1100px; 
left:10px;
z-index:2;  

}



a.i4 { display:block; float:right; width:310px; height:400px; border:0px solid #999999; 
background-image: url(../img/i4.png);
background-repeat: no-repeat;
cursor:pointer; 
position:absolute; 
top:1230px; 
right:35px; 
z-index:2;  

}



a.i1:hover { background-image: url(../img/i1_a.png); }
a.i2:hover { background-image: url(../img/i2_a.png); }
a.i3:hover { background-image: url(../img/i3_a.png); }
a.i4:hover { background-image: url(../img/i4_a.png); }


.track { 
display:block; 
float:right; 
width:169px;
position:absolute; 
left:calc(50% - 84px);
top:650px;  
z-index:1;   
height:1300px; 
}



.kam { display:block; float:right; width:169px; height:274px; 
background-image: url(../img/kam.png);
background-repeat: no-repeat;
position:absolute; 
left:calc(50% - 84px);
z-index:1;  
}



.kam_m { display:block; float:right; width:169px; height:274px; 
background-image: url(../img/kam.png);
background-repeat: no-repeat;
position:absolute; 
bottom:0; 
left:calc(50% - 84px);
z-index:1;  
}



.kam_x { display:block; float:right; width:169px; height:274px; 
background-image: url(../img/kam.png);
background-repeat: no-repeat;
position:fixed; 
top:calc(50vh - 137px);
left:calc(50% - 84px);
z-index:1;  
}




#tooltip
{
	color:#3c4858;
    background-image: url(../img/bg.png);
    position: absolute;
    padding: 20px 20px 40px 20px;
	-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;
	font-size:13px; 
	z-index:10; 
	left:0;
}

 
#tooltip:after /* triangle decoration */
{
	width: 50px;
	height: 30px;
    background-image: url(../img/l.png);
	content: '';
	position: absolute;
	bottom: -30px;
	right: calc(50% - 120px);
	margin: 0;
}



#tooltip h1, h2, h3, h4{padding:0px 0px 0px 0px;margin:0px 0px 15px 0px; font-size:18px; line-height:18px; color:#000000; text-transform:uppercase;  }
#tooltip a { color:#000000; }
#tooltip a:hover { color:#000000; text-decoration:underline;  }


#tooltip:before /* triangle decoration */
{
	width: 15px;
	height: 15px;
    background-image: url(../img/cookie_law23.png);
	content: '';
	position: absolute;
	top: 20px;
	right: 20px;
	margin: 0;
	cursor:pointer; 
	opacity: 0.5; 
}


#tooltip:hover:before /* triangle decoration */
{
	opacity: 1; 
}






#tooltip2
{
	color:#3c4858;
    background-image: url(../img/bg.png);
    position: absolute;
    padding: 20px 20px 40px 20px;
	-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;
	font-size:13px; 
	z-index:10; 
	right:0;
}

 
#tooltip2:after /* triangle decoration */
{
	width: 50px;
	height: 30px;
    background-image: url(../img/r.png);
	content: '';
	position: absolute;
	bottom: -30px;
	right: calc(50% - 25px);
	margin: 0;
}

 
#tooltip2:before /* triangle decoration */
{
	width: 15px;
	height: 15px;
    background-image: url(../img/cookie_law23.png);
	content: '';
	position: absolute;
	top: 20px;
	right: 20px;
	margin: 0;
	cursor:pointer; 
	opacity: 0.5; 
}


#tooltip2:hover:before /* triangle decoration */
{
	opacity: 1; 
}









#tooltip2 h1, h2, h3, h4{padding:0px 0px 0px 0px;margin:0px 0px 15px 0px; font-size:18px; line-height:18px; color:#000000; text-transform:uppercase;  }
#tooltip2 a { color:#000000; }
#tooltip2 a:hover { color:#000000; text-decoration:underline;  }

.help_box{display:none;}




.clear{clear:both;}
.page{border:0px solid #999999;margin:0 auto;width:960px;min-height:2250px; clear:both;padding:0px;padding-bottom:0px;display:block;}
.rel{position:relative;}

.foot{padding-bottom:50px;color:#ffffff; position:absolute; bottom:0px; left:0px; width:100%; text-align:center; }
.foot b{color:#ffffff; font-weight:900; }
.foot a{color:#ffffff; }





.box{margin:40px 30px;padding:0px;position:relative; border:0px solid orange }
.box h1 { font-size:22px; line-height:25px;  padding:0px; margin:0px; font-weight:900; }
.box h2 { font-size:22px; line-height:25px;  padding:0px; margin:0px; font-weight:900; }
.box h3 { font-size:22px; line-height:25px;  padding:0px; margin:0px; font-weight:900; }
.box h4 { font-size:22px; line-height:25px;  padding:0px; margin:0px; font-weight:900; }
.box h5 { font-size:22px; line-height:25px;  padding:0px; margin:0px; font-weight:900; }
.box h6 { font-size:22px; line-height:25px;  padding:0px; margin:0px; font-weight:900; }



.box hr {
    border: 0px;
    border-top: 1px dotted #cccccc;
    height: 1px;
    line-height: 1px;
    margin: 15px 0px;
}


a.more_click { text-decoration:none; font-weight:900; display:block; float:right; color:#34495e; font-size:13px; margin-top:0px;  }
a.more_click:hover { text-decoration:underline }


a.more_click2 { text-decoration:none; font-weight:900; display:block; margin:0px auto; width:200px; color:#34495e; font-size:13px; text-align:center;   }
a.more_click2:hover { text-decoration:underline }






.group{display:block;float:left;border:0px solid #ffcc00;width:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
overflow-x:hidden; 

 }
.col{display:block;float:left;border:1px solid #99ffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}


.set1{width:100%;}
.set2{width:50%;}
.set22{width:50%;}
.set3{width:33.33333%;}
.set33{width:33.33333%;}
.set4{width:66.66666%;}
.set44{width:66.66666%;}


.set20{width:20%;}
.set25{width:25%;}
.set75{width:75%;}



.set9{width:90%;}
.set10{width:10%;}
.set40{width:40%;}
.set60{width:60%;}
.rwd{display:none;}


.rwd4{display:none;}
.rwd5{display:none;}

.bg11 { background:#6f7a83; }
.bg22 { background:#ffffff; }

.norwd3{display:block;}



.bor1 { border-left:1px dotted #cccccc; }


@media only screen and (max-width:1024px){
	.page{width:960px; min-height:2250px; }	
}



@media only screen and (max-width:980px){
	.page{width:760px; min-height:2250px; }		
	

	a.i1 { left:0px; }
	a.i2 { right:-20px; }
	a.i3 { left:-90px; }
	a.i4 { right:-80px; }

		
}


@media only screen and (max-width:960px){

	#tooltip:after /* triangle decoration */
	{
		left: 250px;
	}
	
	#tooltip2:after /* triangle decoration */
	{
		right: 150px;
	}
			
		
}




@media only screen and (max-width:840px){
	
	.page{width:600px; min-height:2250px; }		
	a.i1 { left:-80px; }
	a.i2 { right:-80px; }
	a.i4 { right:-120px; }
	

	
	
	
}




@media only screen and (max-width:700px){
	
	body{background:#000000 url(../img/bg1.jpg) top center no-repeat; min-height:1800px;}
	.page{width:500px; min-height:1800px; }		

	

	a.logo { 
		display:block; float:left; width:200px; height:141px; 
		background-image: url(../img/logo1.png);
		background-repeat: no-repeat;
		cursor:pointer; 
		position:absolute; 
		top:50px; 
		left:calc(50% - 100px);
		z-index:1;  
		background-size: 100%;

	}


	a.i1 { 
		display:block; 
		float:left; 
		width:256px; 
		height:256px;  
		background-image: url(../img/i11.png);
		background-repeat: no-repeat;
		cursor:pointer; 
		position:absolute; 
		top:370px; 
		left:-60px; 
		z-index:2;  

	}


	a.i2 { 
	display:block; 
	float:right; 
	width:256px; 
	height:280px; 
	background-image: url(../img/i21.png);
	background-repeat: no-repeat;
	cursor:pointer; 
	position:absolute; 
	top:520px; 
	right:-70px; 
	z-index:2;  

	}


	a.i3 { 
		display:block; float:left; width:256px; height:280px;
		background-image: url(../img/i31.png);
		background-repeat: no-repeat;
		cursor:pointer; 
		position:absolute; 
		top:880px; 
		left:-70px;
		z-index:2;  

	}

	a.i4 { 
	display:block; 
	float:right; 
	width:256px; 
	height:320px;  
	background-image: url(../img/i41.png);
	background-repeat: no-repeat;
	cursor:pointer; 
	position:absolute; 
	top:990px; 
	right:-90px; 
	z-index:2;  

	}
	

	.track { 
		display:block; 
		float:right; 
		width:135px;
		position:absolute; 
		left:calc(50% - 67px);
		top:480px;  
		z-index:1;  
		height:1000px; 
	}


	.kam { display:block; float:right; width:135px; height:198px; 
	background-image: url(../img/kam1.png);
	background-repeat: no-repeat;
	position:absolute; 
	left:calc(50% - 67px);
	z-index:1;  
	}



	.kam_m { display:block; float:right; width:135px; height:198px; 
	background-image: url(../img/kam1.png);
	background-repeat: no-repeat;
	position:absolute; 
	bottom:0; 
	left:calc(50% - 67px);
	z-index:1;  
	}



	.kam_x { display:block; float:right; width:135px; height:198px; 
	background-image: url(../img/kam1.png);
	background-repeat: no-repeat;
	position:fixed; 
	top:calc(50vh - 99px);
	left:calc(50% - 67px);
	z-index:1;  
	}

	
	

	
	a.i1:hover { background-image: url(../img/i11_a.png); }
	a.i2:hover { background-image: url(../img/i21_a.png); }
	a.i3:hover { background-image: url(../img/i31_a.png); }
	a.i4:hover { background-image: url(../img/i41_a.png); }

	#tooltip:after /* triangle decoration */
	{
		left: 200px;
	}
	
	#tooltip2:after /* triangle decoration */
	{
		right: 100px;
	}
			
	
}






@media only screen and (max-width:560px){
	
	body{background:#000000 url(../img/bg2.jpg) top center no-repeat; min-height:1450px;}
	.page{width:340px; min-height:1450px; }		

	

	a.logo { 
		display:block; float:left; width:160px; height:113px; 
		background-image: url(../img/logo2.png);
		background-repeat: no-repeat;
		cursor:pointer; 
		position:absolute; 
		top:30px; 
		left:calc(50% - 80px);
		z-index:1;  
		background-size: 100%;

	}


	a.i1 { 
		display:block; 
		float:left; 
		width:205px; 
		height:205px;  
		background-image: url(../img/i12.png);
		background-repeat: no-repeat;
		cursor:pointer; 
		position:absolute; 
		top:300px; 
		left:-50px; 
		z-index:2;  

	}


	a.i2 { 
	display:block; 
	float:right; 
	width:205px; 
	height:224px; 
	background-image: url(../img/i22.png);
	background-repeat: no-repeat;
	cursor:pointer; 
	position:absolute; 
	top:420px; 
	right:-40px; 
	z-index:2;  

	}


	a.i3 { 
		display:block; float:left; width:205px; height:224px;
		background-image: url(../img/i32.png);
		background-repeat: no-repeat;
		cursor:pointer; 
		position:absolute; 
		top:680px; 
		left:-50px;
		z-index:2;  

	}

	a.i4 { 
	display:block; 
	float:right; 
	width:205px; 
	height:256px;  
	background-image: url(../img/i42.png);
	background-repeat: no-repeat;
	cursor:pointer; 
	position:absolute; 
	top:790px; 
	right:-50px; 
	z-index:2;  

	}
	

	.track { 
		display:block; 
		float:right; 
		width:90px;
		position:absolute; 
		left:calc(50% - 45px);
		top:420px;  
		z-index:1;  
		height:1000px; 
	}


	.kam { display:block; float:right; width:90px; height:132px; 
	background-image: url(../img/kam2.png);
	background-repeat: no-repeat;
	position:absolute; 
	left:calc(50% - 45px);
	z-index:1;  
	}



	.kam_m { display:block; float:right;width:90px; height:132px; 
	background-image: url(../img/kam2.png);
	background-repeat: no-repeat;
	position:absolute; 
	bottom:0; 
	left:calc(50% - 45px);
	z-index:1;  
	}



	.kam_x { display:block; float:right; width:90px; height:132px;  
	background-image: url(../img/kam2.png);
	background-repeat: no-repeat;
	position:fixed; 
	top:calc(50vh - 79px);
	left:calc(50% - 45px);
	z-index:1;  
	}

	
	

	
	a.i1:hover { background-image: url(../img/i12_a.png); }
	a.i2:hover { background-image: url(../img/i22_a.png); }
	a.i3:hover { background-image: url(../img/i32_a.png); }
	a.i4:hover { background-image: url(../img/i42_a.png); }

	
	
}