#banner{
	width:100%;
	margin:0 auto;
	height:auto;
	background:url(../images/bg_banner.png) no-repeat center;
	overflow:hidden;
	position:relative;
	background-size:auto 100%;
	padding:0;
}
#banner > .main{position:relative;}
#banner .left{
	float:left;
	width:45%;
	text-align:center;margin:0 auto;
	height:100%;
}
#banner .left img{
	width:auto;
	position:relative;
	padding-top:5%;
	top:1px;
	left:2%;
	text-align:center;
	height:auto;
}
#banner .right{
	float:right;
	width:54%;
	position:relative;
	right:2%;
	height:auto;
	text-align:center;
	overflow:hidden;
	padding:0;
}
#banner .right .bn1{
	width:100%;
	padding-top:9%;
	display:block;
	float:left;
	text-align:center;
	height:auto;
}
#banner .right .bn1 img{padding-right:2%;float:left}
#banner .right .bn1 img:nth-child(1){position:relative;top:70px}

#banner .bstuvan{width:90%; max-width:321px;padding:3% 0 2%;text-align:center;clear:both;margin:0 auto;max-height:58px;position:relative;}	
#banner .bstuvan a{
	width:321px;
	height:58px; 
	background:url(../images/tuvan_banner.png) no-repeat center;
	background-size:100%;
	text-align:center;
	display:block;
}
#banner .bstuvan a:hover{
	transition:all 0.2s ease;
	background:url(../images/tuvan_banner_hover.png) no-repeat center;
	background-size:100%;
	animation-name: pulssing;
	-webkit-animation-name: pulssing;
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulssing {
	0% {
		transform: scale(1);
		opacity: 1;		
	}
	50% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}			
}

@-webkit-keyframes pulssing {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;		
	}
	50% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}			
}
@media screen and (max-width:1024px) {
	#banner{overflow:hidden;margin:0;padding:0;
	background-size:180% 100%;}
	#banner .left{
		position:relative;
		bottom:0;
		max-width:40%;
	}
}
@media screen and (max-width:800px) {
	#banner{background-size:200% 100%;background-position:48% 50%;margin-top:60px;}
	#banner .left img{padding-top:18%;}
	#banner .right{width: 60%;}
	#banner .bstuvan{padding:12% 0 0;position:relative;top:3px;}
	#banner .right .bn3{padding-bottom:30%;}
	#banner .right .bn1{padding-top: 16%}
	#banner .right .bn1 img{}
	#banner .right .bn1 img:nth-child(1){width:50%;float:left;top: 0; padding-top:16%;}
	#banner .right .bn1 img:nth-child(2){width:46%;float:right;}
}
@media screen and (max-width:480px) {
	#banner{background-size:222% 100%;background-position:45% 50%;}
	#banner .left img{padding-top:28%;}
}