#owl-demo .owl-buttons{display: none;}
body{
	padding: 0;
	margin: 0;
}
#owl-demo{
	display: block;
	overflow: hidden;
	width: 100%;
	position: relative;
	background: #fff;
}
@media only screen and  (max-width: 800px){
	#owl-demo{
		display: block;
		overflow: hidden;
		width: 100%;
		position: relative;
		background: #fff;
	}
}

.items{
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 20;
	visibility: inherit;
	opacity: 1;
}
#owl-demo .item img{
	display: block;
	width: 100%;
	height: 100%; 
}

div.owl-prev,div.owl-next{
	top:45%;
	font-size: 18px !important;
	background: #0052a5 !important;
	opacity: 1 !important;
	color: #FFF !important;
	border-radius: 0!important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
div.owl-prev{
	left: 2%;
}
div.owl-next{
	right: 2%;
}
.owl-controls.clickable .owl-buttons div{
	line-height: 34px;
	text-align: center;
	color: #fff;
	padding: 0; 
}
.owl-pagination{
	position: absolute;
	bottom: 3%;
	width: 100%;
	margin: 0 auto;
	display: none;
}
.owl-controls .owl-page span{  
	cursor: pointer;
	position: relative !important;
	background: #fff !important;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 17px !important;
	height: 17px !important;
	border: 2px solid#222!important;
	display: inline-block;
	margin-right: 2px !important;
	margin-bottom: 0px !important;
	-webkit-transition: background-color 0.2s, border-color 0.2s;
	-moz-transition: background-color 0.2s, border-color 0.2s;
	transition: background-color 0.2s, border-color 0.2s;
	float:none !important;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
.owl-controls .owl-page.active span{
	background: #CCAE16 !important;
	width: 17px !important;
	height: 17px !important;
	border: 2px solid#222!important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#owl-demo2  .item{
	margin:5px 10px ;
}
#owl-demo2, 
#owl-demo2 .item img{
	display: block;
	height: auto;
}



#owl-demo1{
	display: block;
	overflow: hidden;
	width: 100%;
	position: relative;
	background: #fff;
}
@media only screen and  (max-width: 800px){
	#owl-demo1{
		display: block;
		overflow: hidden;
		width: 100%;
		position: relative;
		background: #fff;
	}
}
#owl-demo1 .item img{
	display: block;
	width: 100%;
	height: 100%; 
}