@font-face {font-family: AleksandraC; src: url(/font/AleksandraC_regular.otf);}
html {font-size: 62.5%; font-family: 'AleksandraC';}
body {margin:0; height:100%; }
div.descript p a {color:#00a1cc;}
div.descript p a:hover {color:#c1a500;}

	#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;}
	#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 {position:relative; z-index:9992; }	
	#sale h1 {position:relative; width:100%; max-width:1000px;  font-size:5em; font-weight:normal; color:#000; text-align:center; margin:0 auto; padding:0px 0 50px;}
	#sale h1 span { width:100%; top:100px; font-size:0.5em; font-weight:normal; color:#000; text-align:center; margin:0;}
	#sale div.descript {background:#f6f6f8 url(../img/bg.png) left center no-repeat; width:100%; padding:30px 0 60px;}
	#sale div.descript h2{font-size:2.4em; width:90%; margin:10px auto 0px; max-width:800px; padding:10px 0 20px; color:#13212e;}
	#sale div.descript h3{font-size:2.4em; width:90%; margin:10px auto 0px; max-width:800px; padding:20px 0 20px 0; color:#00aeff;}
	#sale div.descript p {width:90%; max-width:800px; margin:50px auto 0px; display:block; font-size:1.8em; color:#13212e;}
	#sale div.descript p b.gost {color:#ffdc3f;}
	#sale div.descript img.colors {width:20%; display:inline; float:Left;}
	
	#sale img { display:block; width:100%; margin:0 auto;}
	#sale #wrap-buy-link {position:absolute; bottom:28%; width:100%; z-index:9993; text-align:center;}
	#sale a.buy {display:inline-block; color:#fff; background:#eb135a; padding:12px 16px; font-size:1.2em; margin:20px auto; text-decoration:none;}
	#sale a.buy:hover {background:#ce0a4b;}
	
	#cols-wrap {width:90%; max-width:1200px; margin:0 auto;}
		div.col1 {float:right; width:50%;}
		div.col2 {float:left; width:50%;}
			div.col2 p u {text-decoration:none; border-bottom:1px dotted #aaa; display:block; padding:5px 0;} 
			div.col2 p u span{display:block; float:right;}