/*

* 	Owl Carousel Owl Demo Theme 

*	v1.3.3

*/



.owl-theme .owl-controls {

    margin-top: -30px;

    text-align: center;

}


#owl-demo2.owl-theme .owl-controls {
    /* margin-top: -30px; */
    text-align: center;
    position: absolute !important;
    bottom: 40px !important;
    left: 0 !important;
    right: 0 !important;
}

/* Styling Next and Prev buttons */



.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);/*IE7 fix*/

	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: inline-block;

	zoom: 1;

	*display: inline;/*IE7 life-saver */

}

.owl-theme .owl-controls .owl-page span {

    background: #FFCD0B;

    border-radius: 20px;

    display: block;

    height: 9px;

    margin: 5px 4px;

    opacity: 0.9;

    width: 9px;

}



.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {

    background: hsl(0, 0%, 0%) none repeat scroll 0 0;

    opacity: 0.9;

}



/* 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(AjaxLoader.gif) no-repeat center center

}



#owl-demo4 .owl-prev {

    background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0 !important;

    color: hsl(0, 0%, 100%) !important;

    font-size: 24px !important;

    font-weight: bold;

    left: 1%;

    top: 30%;

}

#owl-demo4 .owl-next{

 	background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0 !important;

    color: hsl(0, 0%, 100%) !important;

    font-size: 24px !important;

    font-weight: bold;

    right: 1%;

    top: 30%;

}