/*Черно-Голубой: #13212e; */
/*Голубой: #00a1cc; */
/*Охристый: #c1a500; */
/*Белый: #f6f6f8; */
/*Малиновый: #eb135a; */


/*@import "http://webfonts.ru/import/aleksandrac.css";
html {font-size: 62.5%; font-family: 'AleksandraC';}*/

@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-bg--*/
	#video-frame {position:relative; width:100%; height:100%; overflow:hidden; background:#fff url(../img/main-anna.jpg) center no-repeat; background-size: cover;}
	#video-frame h1 { position:absolute; bottom:50px; left:0px; font-size:9em; font-weight:normal; color:#fff;}
	#video-frame h1 span {display:inline; background:rgba(1, 14, 25, 0.25); padding:0 15px 0 115px; border-right:2px solid rgba(6, 128, 226, 0.85);}
		#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//-bg*/	
	#video-over {position:absolute;  top:0; width:100%; height:100%; z-index:9991;  background:rgba(7, 23, 37, 0);}
	img.logo-main {margin:0 auto; display:block; margin-top:150px; width:300px;  transform: scale(1.2); opacity:0;  background:url(../img/logo-main-anna.png)center no-repeat;  background-size: cover;}
	img.logo-main.active.trans {background:url(../img/logo-main4.png)center no-repeat;  background-size: cover;}
	
	img.logo-main.active {transform: scale(1); opacity:1; 
					-webkit-transition: all 0.7s ease-out;
					-moz-transition: all 0.7s ease-out;
					-o-transition: all 0.7s ease-out;
					transition: all 0.7s ease-out;
					transition-delay: 0.5s;}
		
		img.logo-main.trans {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.0s;}

		ul#hornav {width:100%; text-align:Center; margin:40px auto 0; padding:0; background:rgba(7, 104, 157, 0.56); max-width:840px;
			
		}
		ul#hornav li{display:inline-block; }
		ul#hornav li a{display:block; color:#fff; padding:20px 25px; font-size:2.0em; text-decoration:none; }
		ul#hornav li a:hover{color:#00c9ff;  text-shadow:0 0 2px #51daff; text-decoration:underline;
					-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;
					}
		
			p.descript {color:#24448c; font-size:2.0em; text-align:Center; 
			width:100%; max-width:500px; margin: 15px auto 0; border-radius:13px/30px;  transform: scale(1.2); opacity:0; 
					-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: 1.0s;}
			p.descript.active {transform: scale(1); opacity:1;}
			p.descript.trans {color:#fff;}
			
		a.about {text-decoration:none; color:rgba(0,0,0,0); font-size:1.8em; text-align:Center; display:block; margin:30px auto 0; width:62px; height:62px; background: url(../img/arrow-down-anna.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.trans {text-decoration:none; color:rgba(0,0,0,0); font-size:1.8em; text-align:Center; display:block; margin:30px auto 0; width:62px; height:62px; background: url(../img/arrow-down-anna2.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-image: url(../img/arrow-down-anna2.png); background-size:55px; background-position:center 40px; color:#fff;  text-decoration:none; background-color:rgba(36, 68, 140, 0.61);
				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;}
	
				ul#link-about {width:100%; text-align:Center; margin:30px 0 0; padding:0;  transform: scale(1.2); opacity:0; 
					-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.7s;}
				ul#link-about.active {transform: scale(1);  opacity:1; margin:40px 0 0;}
				ul#link-about li{display:inline-block; margin: 5px 8px;}
				
				ul#link-about li a{background:#24448c; border-radius:0.5em; display:block; color:#fff; padding:13px 18px; font-size:1.8em; font-weight:bold; text-decoration:none; box-shadow:1px 3px 0 rgba(153, 158, 158, 0.38);
				-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;}
						
						ul#link-about li a.trans{background:#24448c; color:#fff; text-shadow:0 0 15px #829090; box-shadow:1px 3px 0 rgba(153, 158, 158, 0.38);
						-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;}
					
				ul#link-about li a:hover{color:#fff; background:#eb135a; 
					-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;
				}
				
/*--Если нажали видео play в мобильном--*/		

		img.logo-main.active.trans.show-fast {background-image:url(../img/logo-main4.png)!important;}
		p.descript.trans.show-fast {color:#fff !important; transition-delay: 0s !important;}
		ul#link-about li a.trans.show-fast{background:#24448c !important;; color:#fff !important;; text-shadow:0 0 15px #829090 !important;; box-shadow:1px 3px 0 rgba(153, 158, 158, 0.38) !important;}
		a.about.trans.show-fast {background-image: url(../img/arrow-down-anna2.png) !important;}	
		
/*--//Если нажали видео play в мобильном//--*/	

@media (max-width: 1280px) {		

		a.about {background-image: url(../img/arrow-down-anna.png) !important;}
}