#video-controls{display:block; opacity:0; position:absolute; z-index:9999; width:80px; bottom:10px; left:50px; margin-left:-40px; height:40px; 
		transform: scale(4); 
					-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.0s;
   }
   a.tubular-play {display:block; float:right; width:36px; height:25px; background:url(../img/play.png)center no-repeat;}
   a.tubular-pause {display:block; float:left; width:36px; height:25px; background:url(../img/pause.png)center no-repeat;}

	
/*-------adaptive-------*/	

@media (max-width: 1600px) {		
		#video-frame h1 {margin: 200px auto 0px !important;}
		img.logo-main {width:250px !important; margin-top:100px !important;}
	}

@media (max-width: 1280px) {		
		#video-frame h1 {margin: 200px auto 0px !important;}
		#logo {top:20px !important;}
		#logo img{width:120px !important;}
		#tubular-container {display:none !important;}
		#tubular-container.show-fast {display:block !important;}
		#video-controls.show-fast {opacity:1;
		transform: scale(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.0s;
		}
		img.logo-main.active.trans {background-image:url(../img/logo-main-anna.png)!important;}
		p.descript.trans {color:#24448c !important;}
		ul#link-about li a.trans{background:#24448c !important; color:#fff !important; box-shadow:1px 3px 0 rgba(153, 158, 158, 0.38) !important;}
		
}
	
@media (max-width: 1100px) {		
		#video-frame h1 {margin: 200px auto 100px !important; font-size:5em !important;}
		img.logo-main {width:230px !important; margin-top:110px !important;}
		ul#link-about {margin-top:10px !important;}
		
		
	}

@media (max-height: 619px) {
		
}
	
@media (max-width: 950px) {		
		#top #descript-wrap {display:none !important;}
		#top.pro-head {height:230px !important;}
	}

@media (max-width: 920px) {		
		#video-frame h1 {margin: 180px auto 80px !important; font-size:5em !important;}
		img.logo-main {width:200px !important; margin-top:110px !important;}
		ul#link-about li a{padding:10px 15px !important;}
	}

	
@media (max-width: 880px) {		
		#video-frame h1 {margin: 180px auto 80px !important; font-size:4em !important;}
		#logo img{width:100px !important;}
		
	}
	
@media (max-width: 820px) {		
		#cols-wrap div.col1 {clear:both !important; width:100% !important;}
		#cols-wrap div.col2 {clear:both !important; width:100% !important;}
		#download-wrap a{display:inline-block !important; margin:10px 0 !important;}
	}

@media (max-width: 790px) {		
		h3.vtor {padding-left:0 !important; background:none !important;}
	}
@media (max-width: 760px) {		
		#video-frame h1 {margin: 180px auto 50px !important; font-size:4em !important;}
		#logo {left:30px !important;}
		#content-seriya h1 {font-size:3em !important;}
		#top a.logo {margin:10 !important;}
		#logo a {margin:0 !important;}
		#content div.left {float:none !important; width:100% !important;}
		#content div.left p{font-size:1.4em !important;}
		#content div.right {position:relative !important; max-width:none !important; float:none !important; width:100% !important; border-radius: 50%/15px !important; margin-top:-90px !important;}
		#genplan-wrap {margin-top:-15px !important;}
		a.our-pro {margin-top:20px !important;}
		#content div.right p:nth-child(1) {padding-top:30px !important; background-position-y:30px !important;}
		#top.pro-head {height:200px !important;}
	}

	
@media (max-width: 670px) {		
		#video-frame h1 {margin: 180px auto 50px !important; font-size:4em !important;}
		#logo {left:30px !important;}
		#link-sale-wrap {bottom:10px !important;}
		.sert  {width:40% !important; height:auto !important;}
		.sert p{font-size:1.3em !important;}
		#kakkupit.col1 {width:45% !important;}
		#kakkupit.col2 {width:45% !important; float:right !important;}
		#kakkupit.col3 {clear:both !important; float:Left !important; width:100% !important;}
	}

@media (max-width: 570px) {		
		#logo {left:10px !important; top:20px !important;}
		#logo img{width:80px !important; }
		#top a img{width:80px !important; margin-top:20px !important; }
		#sale #content p {font-size:1.5em !important;}
		#top.pro-head {height:170px !important;}
	}

	
@media (max-width: 530px) {		
		#video-over h1{font-size:3em !important;}
		div.descript h1{font-size:3em !important;}
		div.descript p{font-size:1.4em !important;}
		div.descript table {display:none;}
		#kakkupit.col1 {width:100% !important;  float:left !important;}
		#kakkupit.col2 {width:100% !important; float:left !important;}
	}

	@media (max-width: 460px) {		
		#logo img{width:60px !important; }
		#content div.right p {font-size:1.4em !important;}
		#top.pro-head {height:160px !important;}
	}
	@media (max-width: 440px) {		
		a.our-pro {margin:0 auto !important; display:block !important; text-align:center !important;}
		
	}	
	@media (max-width: 420px) {		
		#logo img{width:60px !important; }
		img.logo-main {width:120px !important; margin-top:110px !important;}
		ul#link-about li a{padding:6px 10px !important; font-size:1.3em !important;}
		p.descript.main {font-size:1.3em !important;}
		
	}

	
	@media (max-width: 365px) {		
		#top.pro-head {height:140px !important;}
	}	
	
	@media (max-width: 350px) {		
		div.descript p{font-size:1.3em !important;}
		#top a.logo {margin:10px 0 0 !important;}
	}