body{margin:0; font-family: 'Source Sans Pro', sans-serif; background-color: #000;}

h1, h1a {margin: 0; padding-left: 10; padding-top: 15; text-decoration:none; font-weight: 300; font-size: 16pt;}
h2, h2a {margin: 0; padding: 0; text-decoration:none;  font-weight: 300;}
h3, h3a {margin: 0; padding: 0; text-decoration:none; text-transform:uppercase; font-weight: 300;}
h4, h4a {margin: 0; padding: 0; text-decoration:none; text-transform:uppercase; font-weight: 300;}
p, pa {margin: 0; padding: 0; text-decoration:none; font-weight: 300; }
a {text-decoration: none;}


@media screen and (min-width: 1200px){}

#site { position: absolute; width: 100%; height: 100%; top:0px; left: 0px;  margin: 0px; }
	#headscreen { position: absolute; width: 100%; min-height: 100%; top:0px; left: 0px;z-index: 60001; } /*//headscreen//*/
		#header{ position: absolute; width: 100%; height: 60px; top: 0px; left: 0px; background-color: rgba(20,129,211, 0.05)} /*//header//*/
	
		#logoposition { position: relative;  width: 100%; min-height: 0px; left: 0px;}
			#cologo { position: relative; width: 283px; min-height: 363px; margin: 10% auto;  z-index: 80000; }
					#cologo img{width:283px; height: 363px; }
				
	
		
	#maincontent { position: relative; width: 100%; min-height: 500px; left: 0px; background-color: rgba(255,255,255, 1); border-top : 1px solid #4c4c4c; z-index: 70000;}/*//content space//*/
		.mcposition {margin-top:0px;}

#contactinfo { position: relative; width:200px ; margin: 60 auto; border : 0px solid ; font-size: 18px; color: #4c4c4c }

		
	/*///WORK BENCH///*/	
		
	

		
			

/*////*/
	

			
@media screen and (max-width: 1199px) and (min-width: 768px){


	
}

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


	
	
}



/*// HEADSCREEN ///////////////////////////////////////////////////////////////////////////////////////////////*/

/*///BG image///*/
@media (min-width:320px){#slides { display: block; position: fixed;}}
@media (max-width:319px){#slides { display: none; position: fixed;}}
#slides .slides-container { display: none;}
#slides .scrollable {*zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 60%;}
#slides .scrollable:after { content: ""; display: table; clear: both;}
.slides-navigation { left: 0px; position: absolute;  top: 50%;width: 100%;}
.slides-navigation a { position: absolute; display: block;}
.slides-navigation a.prev { left: 0px; top: 20px;}
.slides-navigation a.next {right: 0px; top: 20px;}
.slides-pagination {position: absolute; bottom: 0; text-align: center;width: 100%;}
.slides-pagination a { border: 0px solid #222; border-radius: 15px; width: 10px; height: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto;zoom: 1; *display: inline; margin: 2px; overflow: hidden; text-indent: -100%;}
.slides-pagination a.current {}

/*//#nexti {position: absolute; width: 28px; height: 70px; top:0px; right: 0px; background: #ff0000; z-index: 10000;}
#previ {position: absolute; width: 28px; height: 70px; top:0px; left: 0px; background: #ff0000; z-index: 20000; }//*/


/*// MAIN FRAMES ////////////////////////////////////////////////////////////////////////////////////////////////*/
	
		
	
	

				
					.frameS h1, h1a { font-size: 23px; color: rgba(255,255,255, 0.8); text-align: center; font-style: normal; font-weight: 200; letter-spacing: -1.2px;}
				
		
		
	
								   
								   

								   
								   
								   
								   
								   
								   
								   
								   
		@media (min-width:520px){}
		@media (max-width:519px){.Xposition {margin-top:-100px;}}
		

			
			
			

		
		#frameX4 { position: relative; width: 300px; min-height: 0px; margin: 0 auto;  overflow: hidden;}		
		.opac {opacity: 0.4;}	
		#frameX4 ul { position: relative; padding:0px; width: 300px; float: left; list-style: none; display:inline;  }
		#frameX4  li{ position: relative; padding:0px; float: left; list-style: none; display:inline; }
		.wicon { width: 40px;}
		.imprint {text-decoration: none; color: #fff; font-weight: 400; font-size: 14px; line-height: 27px;}
		
/*// SYS PARALLAX /////////////////////////////////////////////////////////////////////////////////////////////*/
.js .hero{background-image:none!important}
.js .hero>.wrapper{position: absolute; width: 100%; min-height: 1500px; top:100%; bottom: 0px; left: 0px;  z-index: 10000; background: rgba(0, 0, 0, 1);}
.js .hero .hero__img{display:block;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}
.js .hero .hero__img.fixed-parallax{top:50}.js .hero .hero__img .parallax-layer{background:#001414 no-repeat center top;background-size:cover;height:10%;width:100%;}
		.fixed-parallax{left:0;overflow:hidden;position:fixed!important;top:0;width:100%;z-index:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
		.parallax-layer{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);z-index:2}
		.parallax-next{position:relative;z-index:4}.product-page{overflow-x:hidden;width:100%}
		
/*// SYS SCROLL UP /////////////////////////////////////////////////////////////////////////////////////////////*/
.scrollup {width: 50px; height: 50px; position: fixed; bottom: 0px; right: 0px; display: none; background-color: rgba(135,154,221, 0);z-index: 9999999;}
.linkplho2 {position: absolute; top: 10px; left:10px; width: 20px; height:20px; border: 0px solid #ff0000; z-index:9999999;}