
	.head.sh1475{
		width: 100%;
		margin-bottom: 30px; 
	}

	.head.sh1475 .border{
		width: 100%; height: 0px;
		margin-top: 0px;
		border-bottom: 1px  #111111; 
		
	}
	.head.sh1475 .ico{
		position: absolute;
		top: 0; left: 0;
		text-align: center;
		color: #999999; 
	}
	.head.sh1475 .i_bckg{
		position: relative;
		float: left;
		
		
		
		overflow: hidden;
	}
	
		.head.sh1475 .t1{
			font-family: 'metro_lt' ;
			font-size: 24px;
			color: #ffffff ;
		}
		.head.sh1475 .t2{
			font-family: 'metro_lt' ;
			font-size: 24px;
			color: #999999 ;
		}
	
		.head.sh1475 .ico{
			width: 40px; height: 40px;
			line-height: 40px;
			font-size: 20px;
		}
		.head.sh1475 img.ico{
			width: 30px; height: 30px;
			margin: 5px;
		}
		.head.sh1475 .i_bckg{
			width: 40px; height: 40px;
			margin-right: 10px;
		}
		.head.sh1475.one_line .t1{
			width: 80%; height: 40px; line-height: 40px;
		}
		.head.sh1475.two_line .t1{
			width: 80%; height: 24px; line-height: 24px;
		}
		.head.sh1475.two_line .t2{
			width: 80%; height: 14px; line-height: 14px;
		}
		.content{	padding: 100px 150px 80px 150px;	min-height: -moz-calc(100% - 180px);	min-height: -webkit-calc(100% - 180px);	min-height: calc(100% - 180px);	width: auto;	width: -moz-calc(100% - 300px);	width: -webkit-calc(100% - 300px);	width: calc(100% - 300px);}#header #logo{	margin-left: 150px;}@media screen and (max-width: 1024px) {	#header #logo{		margin-left: 50px;	}}@media screen and (max-width: 600px) {	#header #logo{		margin-left: 10px;	}	#header{		display: none;	}}.bloobclass .content{	padding: 100px 50px 50px 200px}.sheetpage .content{	padding: 0px 0px 0px 0px}#SL{	margin-bottom: 0px}#footer{	padding-left: 150px;	padding-right: 150px;	width: auto;	width: -moz-calc(100% - 300px);	width: -webkit-calc(100% - 300px);	width: calc(100% - 300px);}#footer_bottom{	padding-left: 150px;	padding-right: 150px;	width: auto;	width: -moz-calc(100% - 300px);	width: -webkit-calc(100% - 300px);	width: calc(100% - 300px);}
	.footer_block{
		padding: 20px 10px;
	}
	.footer_block.bl1{
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
	}
	.footer_block.bl2{
		width: -moz-calc(50% - 20px);
		width: -webkit-calc(50% - 20px);
		width: calc(50% - 20px);
	}
	.footer_block.bl3{
		width: -moz-calc(33.3% - 20px);
		width: -webkit-calc(33.3% - 20px);
		width: calc(33.3% - 20px);
	}
	.footer_block.bl4{
		width: -moz-calc(25% - 20px);
		width: -webkit-calc(25% - 20px);
		width: calc(25% - 20px);
	}
	.footer_block.bl5{
		width: -moz-calc(20% - 20px);
		width: -webkit-calc(20% - 20px);
		width: calc(20% - 20px);
	}
	@media screen and (max-width: 1024px) {	#footer{		padding-left: 75px;		padding-right: 75px;		width: -moz-calc(100% - 150px);		width: -webkit-calc(100% - 150px);		width: calc(100% - 150px);	}}@media screen and (max-width: 600px) {	#footer{		padding-left: 10px;		padding-right: 10px;		width: -moz-calc(100% - 20px);		width: -webkit-calc(100% - 20px);		width: calc(100% - 20px);	}
			.footer_block{
				padding: 20px 10px;
			}
			.footer_block.bl1,
			.footer_block.bl2,
			.footer_block.bl3,
			.footer_block.bl4,
			.footer_block.bl5{
				width: -moz-calc(100% - 20px);
				width: -webkit-calc(100% - 20px);
				width: calc(100% - 20px);
			}
	}#men{position: fixed;}#men_m{	width: auto;	margin-left: 150px;}
@media screen and (max-width: 1024px) {		
}

@media screen and (max-width: 600px) {		
}

			#men{
				background: #222222;
			}
			
			ul#men_m li.act > a > span, 
			ul#men_m ul li.act > a > span {
				color: #ffffff;
			}
			
			#men_m li,
			#men_m li a,
			#men_m li ul li a{
				background: #191919;
				color: #ffffff;
			}
			ul#men_m li a .ico{
				color: #e1edf5;
			}
			
			#men_m li ul {
    			border-top: 1px solid  #e1edf5;
			}
			
			
			#men_m li:hover,
			#men_m li:hover > a,
			#men_m li ul li:hover > a{
				background: #007889;
				color: #ffffff;
			}
			ul#men_m li:hover > a > .ico{
				color: #FFFFFF;
			}
			ul#men_m li li:hover > a > img{
				border-width:15px;
				padding-right: 5px;
			}
			
			
			#men_m li.act,
			#men_m li.act > a,
			#men_m li ul li.act a{
				background: #007889;
			}
			#men_m li ul li.act a > span{
				color: #ffffff;
			}
			
			ul#men_m li.act a .ico{
				color: #daedee;
			}
			#men_m li ul {
				border-top: 1px solid #007889;
			}
			ul#men_m li.separator {
				background-color: rgba(0,120,137,0.7);
			}
			ul#men_m ul li.back_b,
			ul#men_m ul li.back_b a {
				background: #007889;
			}
			
			ul#men_m ul li.back_b:hover,
			ul#men_m ul li.back_b a:hover {
				background: #007889;
			}
			ul#men_m ul li.back_b a span.arrow {
				background: #007889;
			}
			ul#men_m ul li.back_b a span,
			ul#men_m ul li.back_b a .close,
			ul#men_m ul li.back_b a .txt {
				color: #ffffff;
			}
			
			@media screen and (max-width: 700px) {
				ul#men_m li > ul li{
					border-bottom: 1px solid rgba(0,120,137, 0.2);
				}
				ul#men_m ul{
					background : #ffffff;
				}
			}
			
		
			.b-gra{
				background: #222222;	
			}
			
			.b-gra .b-i{
				background: #111111;
				background: -moz-linear-gradient(left,  rgba(17,17,17,0.79) 0%, rgba(0,124,173,0.79) 100%);
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(17,17,17,0.79)), color-stop(100%,rgba(0,124,173,0.79)));
				background: -webkit-linear-gradient(left,  rgba(17,17,17,0.79) 0%,rgba(0,124,173,0.79) 100%);
				background: -o-linear-gradient(left,  rgba(17,17,17,0.79) 0%,rgba(0,124,173,0.79) 100%);
				background: -ms-linear-gradient(left,  rgba(17,17,17,0.79) 0%,rgba(0,124,173,0.79) 100%);
				background: linear-gradient(to right,  rgba(17,17,17,0.79) 0%,rgba(0,124,173,0.79) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#007cad',GradientType=1 ); 	
			}
			
			.b-gra .f-i{
				background-image: url(/_shemas/pattern-texture-1386000264.png);
				background-repeat: repeat;
				
				-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=56)';
  				filter: alpha(opacity=56);
  				-moz-opacity: 0.56;
  				-khtml-opacity: 0.56;
  				opacity: 0.56;
			}

			.md-overlay {
				background: #222222;
				opacity:0.4;
				filter:alpha(opacity=40);
			}
			.md-modal.plus .md-content #pops {
				background: #222222;
			}

						
			
			
		
			h1, h2{color: #FFFFFF; text-shadow: px px px , px px px , px px px ;}
			h1 .ico, h2 .ico{color: #FFFFFF;}
		
			.btn{
				background: #222222;  
				
				-webkit-border-radius: 5px;
				border-radius: 5px; 
				
				box-shadow: 0px 0px 0px 0px #000000; 
				-webkit-box-shadow: 0px 0px 0px 0px #000000; 
				transition: background .25s ease-in-out;
			    -moz-transition: background .25s ease-in-out;
			    -webkit-transition: background .25s ease-in-out;
			    -o-transition: background .25s ease-in-out;
			}
			.btn .ico{
				color: #dddddd;
				transition: color .25s ease-in-out;
			    -moz-transition: color .25s ease-in-out;
			    -webkit-transition: color .25s ease-in-out;
			    -o-transition: color .25s ease-in-out;
			}
			.btn .txt{
				color: #dddddd;
				transition: color .25s ease-in-out;
			    -moz-transition: color .25s ease-in-out;
			    -webkit-transition: color .25s ease-in-out;
			    -o-transition: color .25s ease-in-out;
			}
			
			.btn:hover{background: #333333;}
			.btn:hover .ico{color: #FFFFFF;}
			.btn:hover .txt{color: #ffffff;}
		
			.open_content .content_block_in{
				background: #000000;
				background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(255,255,255,0) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(255,255,255,0)));
				background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(255,255,255,0) 100%);
				background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(255,255,255,0) 100%);
				background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(255,255,255,0) 100%);
				background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(255,255,255,0) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
				
				box-shadow: 0px 0px 0px 0px #ffffff; 
				-webkit-box-shadow: 0px 0px 0px 0px #ffffff;  	
			}
						
			.open_content .content_block_in_in{
				color: #ffffff;	
				text-shadow: 0px 0px 4px #050505, 0px 0px 4px #050505;
			}
			.open_content .content_block_in .tema span{
				color: #ffffff;	
			}
			.open_content .content_block_in .tema > .ico{
				color: #FFFFFF;	
			}
			.open_content .content_block_in .tema{
				border-color: #FFFFFF;	
			}	
			.open_content .pattern1{
				background-image: url(/_shemas/);
				background-repeat: repeat;
					
				-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  				filter: alpha(opacity=100);
  				-moz-opacity: 1;
  				-khtml-opacity: 1;
  				opacity: 1;
			}
			.open_content .pattern2{
				background-image: url(/_shemas/);
				background-repeat: repeat;
					
				-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  				filter: alpha(opacity=100);
  				-moz-opacity: 1;
  				-khtml-opacity: 1;
  				opacity: 1;
			}	

		
@media screen and (max-width: 600px) {
	
	.content {
		padding: 25px 0px 10px 0px;
		width: 100%;
	}
	.left .t1 .ico{
		margin-left: 10px;	
	}
	.sheetpage .content {
		padding: 50px 0 0 0;
		width: 100%;	
	}
	#SL{
		margin-bottom: 0;	
	}
	

	#men_m{
		width: 100%;
		margin-left: 0;
	}
	

	.mar_left .t1,
	.mar_left .t2{
		padding-left: 10px;	
	}
	h1 .left .ico, h2 .left .ico{
		text-indent: 0px;
	}

} 
0px);
	}
	
	
	#men_m{
		margin-left: 50px;
	}
} 

#graphic1804{
	background: #fff;
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 50px;
	left: -40px;
	padding-top: 30px;
	padding-bottom: 30px;
	width: calc(100%);
	width: calc(100% + 20px);
	width: -o-calc(100% + 20px);
	width: -webkit-calc(100% + 20px);
	width: -moz-calc(100% + 20px);
}
div.anim1 .img_block{
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-backface-visibility: hidden;
}

div.anim1 .img_block img{

	  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}
div.anim1:hover .img_block img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}

div.anim1{
  perspective: 1400px;
  -webkit-perspective: 1400px;
  
}

div.anim1:hover > .content_block{

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-backface-visibility: hidden;
  
  transform: rotateX(40deg);
  -webkit-transform: rotateX(40deg);
}

div.anim1 > .content_block{
  transform: rotate(0);
  -webkit-transform: rotate(0)
}

div.anim1 > .content_block > .content_block_in{
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-backface-visibility: hidden;
	
  
  box-shadow: -3px 3px 2px -3px  rgba(93,77,61,.8);
  display: inline-block;
}
div.anim1:hover .content_block_in{
  box-shadow: -30px 20px 15px 0px rgba(0,0,0,.2);
  display: inline-block;
}

#graphic350{
	background: #5d4d3d;
	padding-left: 70px;
	margin-bottom: 50px;
	left: -70px;
	padding-top: 50px;
	padding-bottom: 50px;
	width: calc(100%);
	width: calc(100% + 70px);
	width: -o-calc(100% + 70px);
	width: -webkit-calc(100% + 70px);
	width: -moz-calc(100% + 70px);
}



div.anim1 .graphic_arrow{
  position: absolute;
  top: 50%; left: 50%;
  margin-top: 0px;
  margin-left: -30px;
  width: 60px; height: 60px;
  z-index: 899;
  opacity: 0.0;
  color: #fff;
  font-size: 40px;
  
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;	
	-webkit-backface-visibility: hidden;
	
	font-family: "Icon";
	cursor: pointer;
	
	line-height: 60px;
	text-align: center;
	box-shadow: -30px 20px 15px 0px rgba(0,0,0,.5);
	
	background: #bb0000;
}


div.anim1 .graphic_arrow:before{
	content:"\f062";		
}


div.anim1:hover .graphic_arrow{
	
	
  margin-top: -30px;
  opacity: 1.0;
  

}























div.anim2 .img_block{
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-backface-visibility: hidden;
}

div.anim2 .img_block img{

	  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}
div.anim2:hover .img_block img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}

div.anim2{
  perspective: 1400px;
  -webkit-perspective: 1400px;
  
}

div.anim2:hover > .content_block{

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-backface-visibility: hidden;
  
  transform: rotateY(40deg);
  -webkit-transform: rotateY(40deg);
}

div.anim2 > .content_block{
  transform: rotate(0);
  -webkit-transform: rotate(0)
}

div.anim2 > .content_block > .content_block_in{
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-backface-visibility: hidden;
	
  
  box-shadow: -3px 3px 2px -3px  rgba(93,77,61,.8);
  display: inline-block;
}
div.anim2:hover .content_block_in{
  box-shadow: -30px 20px 15px 0px rgba(0,0,0,.2);
  display: inline-block;
}



div.anim2 .graphic_arrow{
  position: absolute;
  top: 50%; left: 50%;
  margin-top: -30px;
  margin-left: 0px;
  width: 60px; height: 60px;
  opacity: 0.0;
  color: #fff;
  font-size: 40px;
  
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;	
	-webkit-backface-visibility: hidden;
	
	font-family: "Icon";
	cursor: pointer;
	
	line-height: 60px;
	text-align: center;
	box-shadow: -30px 20px 15px 0px rgba(0,0,0,.5);
	
	background: #bb0000;
}



#con_344.anim2 .graphic_arrow{
	background: #00b167;
}
#con_345.anim2 .graphic_arrow{
	background: #e4c100;
}
#con_346.anim2 .graphic_arrow{
	background: #f04738;
}
#con_347.anim2 .graphic_arrow{
	background: #2656a3;
}
#con_348.anim2 .graphic_arrow{
	background: #faa616;
}
#con_349.anim2 .graphic_arrow{
	background: #4fc3be;
}


div.anim2 .graphic_arrow:before{
	content:"\f061";		
}


div.anim2:hover .graphic_arrow{
	
	transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  margin-left: -30px;
  opacity: 1.0;
  

}




