@font-face {font-family: AleksandraC; src: url(/font/AleksandraC_regular.otf);}
html {font-size: 62.5%; font-family: 'AleksandraC';}
body {margin:0; height:100%; }

	#video-frame {position:relative; width:100%; height:100%; overflow:hidden; background:#000 url(../img/main.jpg) center no-repeat; background-size: cover;}
	#video-frame h1 {margin:300px auto 150px; display:block; text-align:center; font-size:6em; font-weight:normal; color:#fff; text-shadow:0 5px 22px #00000090;}
	#video-frame h1 span {display:inline; background:rgba(1, 14, 25, 0); }
		#video-frame a#prod {display:inline-block; position:absolute; bottom:215px; left:48%; }
	
		
		#video-wrapper {min-width: 100%; min-height: 100%; width: auto; height: auto; opacity:0;}
		#tubular-container {opacity:0; }
		#tubular-container.show {opacity:1; 
			-webkit-transition: all 0.5s ease-out;
			-moz-transition: all 0.5s ease-out;
			-o-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out;
			transition-delay: 0.5s;}
		
	#video-over {position:absolute;  top:0; width:100%; height:100%; z-index:9991; }
	
#logo {position:absolute; left:120px; top:55px;}	
	
#hornav {font-size:1.6em; float:right; margin-top:100px; background:rgba(1, 14, 25, 0.55); border-left:2px solid rgba(6, 128, 226, 0.85);}
#hornav a {color:#fff; display:inline-block; padding:15px 15px; margin:0; text-decoration:none;}
#hornav a.current {background:rgba(6, 128, 226, 0.85);}
#hornav a.current:hover {background:rgba(6, 128, 226, 0.85);}
#hornav a:hover {background:rgba(191, 154, 29, 0.85);}

	a.about {text-decoration:none; color:#fff; font-size:1.8em; text-align:Center; display:block; margin:30px auto 0; width:62px; height:62px; background:rgba(4, 67, 109, 0.8) url(../img/arrow-down.png) center center no-repeat; background-size:55px;  border-radius:50%;	padding: 5px; 
			
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			transition-delay: 0.2s;
   }
		a.about:hover {width:106px; height:106px; background-size:55px; background-position:center 40px; color:#fff;  text-decoration:none; background-color:rgba(103, 100, 12, 0.68);
				border-radius:50%/1em; 
				border-top-left-radius:5px;
				border-top-right-radius:5px;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			transition-delay: 0s;
		}
		a.about:hover span {opacity:1;
			-webkit-transition: all 0.5s ease-out;
			-moz-transition: all 0.5s ease-out;
			-o-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out;
			transition-delay: 0.2s;}
			
		a.about span {opacity:0; 
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			transition-delay: 0s;}

	#link-sale-wrap	{position:absolute; width:100%; text-align:Center; bottom:60px;}			
	#sale {width:100%; padding: 0; position:relative; z-index:9992; background:url(/pro/img/textil.jpg)repeat;}
	#content {padding:50px 0 20px; width:95%; max-width:1200px; margin:0 auto;}
	#content p{font-size:1.8em; margin:0;}
	
	#content-seriya {padding:50px 0 20px; width:95%; max-width:1000px; margin:0 auto;}
	#content-seriya h1{font-size:3.2em; margin:10px 0;}
	#content-seriya p{font-size:1.8em; margin:0;}
	
		#download-wrap {width:100%; max-width:800px; margin:40px auto; text-align:Center;}
		#download-wrap a{font-size:1.8em; background:#aaa; display:inline-block; padding:10px; color:#fff; text-decoration:none; background:#eb135a;}
		#download-wrap a:hover{background:#bf114a;}
		
		hr.yellow {width:100%; height:8px; border:none; background:url(../img/line.png)repeat-x;}
	
a.seriya-link {font-size:1.8em; color:#007efe; display:inline-block; padding:10px; }	
a.seriya-link:hover {color:#fff; background:#bf114a; text-decoration:none;}	
a.seriya-link.current {color:#fff; background:#007efe;}	

	#line-img-link a {display:block; margin:20px 0;}
	#line-img-link a:hover {box-shadow:0 0 10px #aaa;}
	#line-img-link a img {width:100%; max-width:1000px;}