.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}
.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
/*	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);
	opacity: 0.5;*/
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: none;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(../images/AjaxLoader.gif) no-repeat center center
}

#owl-demo .item{
  display: block;
  padding: 30px 0px;
  margin: 17px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  
  
}
.owl-theme .owl-controls .owl-buttons div {
  padding: 5px 9px;
}
 
.owl-theme .owl-buttons i{
  margin-top: 2px;
}
 
 
.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -45px;
 /* top: 55px; */
 top:134px;
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
  right: -45px;
  top:134px;
}

/* ---------------------  New Change  ---------------------- */
.owl-carousel .item img{
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
			}			
@media (min-width: 1200px) {
	.owl-carousel img{
		height: 100%;
		width: 100%;
		}	
	.radius {
		border-radius: 50%;
	}
	.owl-carousel figure {
		float: left;
		clear: both;
		position: relative;
		overflow: auto;
		margin: 0 auto;
		/* padding: 30px 0 0 0;*/
		font-size: 17px;
		font-weight: 400;
		border: #97c00e solid 0px;
		width: 100%;
	}
	.owl-carousel figure img {
		vertical-align: bottom;
		width: 100%;
		height: 100%;
	}
	.owl-carousel figure figcaption {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 90%;
		width: 100%;
		background: url(../images/circle.png);
		background-repeat: no-repeat;		
		width: 100%;
		background-position: 16px 148px;
		color: #FFF;
		text-align: center;
		padding-top: 174px;
		visibility: visible;
		opacity: 1; overflow:hidden;
	}
	.owl-carousel figure:hover figcaption {
		visibility: hidden;
		opacity: 0;
		transition: visibility 0.5s, opacity 0.5s linear;
	}
	.item p {
		font-size: 17px;
		color: #333;
		text-align: center;
		padding-top: 2px;
		font-weight: 400;
		padding-bottom: 5px;
	}
	
	.owl-carousel figure:hover .hoverarea {
		display: block !important;
	}
	.hoverarea {
		background: rgba(230, 47, 42, 0.7) none repeat scroll 0 0;
		border-radius: 50%;
		height: 72%;
		width: 88%;
		left: 17px;
		top: 48px;
		position: absolute;
		transition: all 0.3s ease-out 0.03s;
		text-align: center;
		color: #fff;
	}
	.hoverarea h3 {
		margin: 0;
		padding-top: 30%;
		font-size: 17px;
		/*padding-bottom: 5px;*/
	}
	.hoverarea p {
		margin: 0;
		height: 60px;
		overflow: hidden;
		padding-bottom: 30px; 
		width:100%; 
		display:block;
		clear:both;
		font-size: 15px; padding-top:5px;
	}
	.hoverarea a {		
		border: 1px solid #fff;
		color: #ffffff;
		font-size: 14px;
		padding: 5px 10px;
		text-transform: capitalize;
		padding-bottom: 7px;
	}
	.hoverarea a:hover {
		background: #22287e none repeat scroll 0 0;
	}
	.hoverarea {
		display: block;
	}
}
@media (min-width: 320px) and (max-width: 480px) {
	.owl-carousel figure {
		float: left;
		clear: both;
		position: relative;
		overflow: auto;
		margin: 0 auto;
		/* padding: 30px 0 0 0;*/
		font-size: 17px;
		font-weight: 900;
		border: #97c00e solid 0px;
		width: 100%;
	}
	.owl-carousel figure img {
		vertical-align: bottom;
		width: 100%;
		height: 100%;
	}
	.owl-carousel figure figcaption {
		position: absolute;
		background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
		border-radius: 50%;
		height: 72%;
		width: 88%;
		left: 17px;
		top: 48px;
		color: #FFF;
		text-align: center;
		padding-top: 120px;
		visibility: visible;
		opacity: 1; 
	}
	.owl-carousel figure:hover figcaption {
		visibility: hidden;
		opacity: 0;
		transition: visibility 0.5s, opacity 0.5s linear;
	}
	.item p {
		font-size: 17px;
		color: #333;
		text-align: center;
		padding-top: 2px;
		font-weight: 400;
		padding-bottom: 5px;
	}
	
	.owl-carousel figure:hover .hoverarea {
		display: block !important;
	}
	.hoverarea {
		background: rgba(230, 47, 42, 0.7) none repeat scroll 0 0;
		border-radius: 50%;
		height: 72%;
		width: 88%;
		left: 17px;
		top: 48px;
		position: absolute;
		transition: all 0.3s ease-out 0.03s;
		text-align: center;
		color: #fff;
	}
	.hoverarea h3 {
		margin: 0;
		padding-top: 30%;font-size: 20px;
		/*padding-bottom: 5px;*/
	}
	.hoverarea p {
		margin: 0;
		height: 60px;
		overflow: hidden;
		padding-bottom: 30px;
	}
	.hoverarea a {
		border: 1px solid #fff;
		color: #ffffff;
		font-size: 14px;
		padding: 5px 10px;
		text-transform: capitalize;
		padding-bottom: 7px;
	}
	.hoverarea a:hover {
		background: #22287e none repeat scroll 0 0;
	}
	.hoverarea {
		display: block;
	}
	
}