/* CSS Document */

/*
--------------- BANNERS -------------------
*/
/*
#banners {
	float: none;
	margin: 0 auto;
	max-width: 2000px;
	position: relative;
	z-index: 1;
}
*/

#banners{
	margin-top: 68px;
	width:100%;
	position:relative;
}
#banners > div{	
	max-width:none !important;
	overflow:hidden;	
}
#banners .owl-item,
#banners .owl-item img{
	width: 600px !important;
	/*height:144px !important;*/
}

#banners .owl-nav-button{
	position:absolute;
	top:43%;
	font-size:36px;
	color:#ccc;
	cursor:pointer;
	text-shadow: 2px 2px 4px #666;
	opacity:0.5;
}
#banners .owl-nav-button:hover{
	color:#fff;
	opacity:0.7;	
}
#banners .owl-prev{
	left:10px;
}
#banners .owl-next{
	right:10px;
}
#banners .owl-dots{
	position:absolute;
	bottom:0;
	width:100%;
}
#banners .owl-dots span{	
	border-radius: 50%;
	display: inline-block;
	height: 12px;
	margin: 0 5px;
	width: 12px;
}
#banners .owl-dots .active span{
	background: #ffd000;
}

@media screen and (min-width: 768px){
	#banners{
		margin-top: 0;
	}
	#banners .owl-item,
	#banners .owl-item img{
		width: 1024px !important;
	}
}
@media screen and (min-width: 992px){
	#banners .owl-item,
	#banners .owl-item img{
		width: 1104px !important;
	}
}
@media screen and (min-width: 1170px){
	#banners .owl-item,
	#banners .owl-item img{
		width: 1250px !important;
	}
}
@media screen and (min-width: 1280px){
	#banners .owl-item,
	#banners .owl-item img{
		width: 1360px !important;
	}
}
@media screen and (min-width: 1366px){
	#banners .owl-item,
	#banners .owl-item img{
		width: 1546px !important;
	}
}
@media screen and (min-width: 1440px){
	#banners .owl-item,
	#banners .owl-item img{
		width: 1646px !important;
	}
}
@media screen and (min-width: 1680px){
	#banners .owl-item,
	#banners .owl-item img{
		width: 1760px !important;
	}
}
@media screen and (min-width: 1920px){
	#banners .owl-item,
	#banners .owl-item img{
		width: 2000px !important;
	}
}