/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
    text-align: center;
    background-color: #ffc107;
    height: 90px;
    /*display: inline-flex;*/
    align-items: center;
    justify-content: center;
    width: 100%;
    display:none;
}

/* 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{
	display: block;
	width: 15px;
	height: 15px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	/*opacity: 0.5;*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: white;
}

.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;*/
    background: #000000;
}

/* 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
}


/*custom code by vasko on 24.02.2016*/
.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
}
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
    left: 0px;
    top: 30%; 
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
    right: 0px;
    top: 30%;
}

.owl-theme .owl-controls .owl-buttons .owl-prev:hover{
   opacity:0.5;
}
 
.owl-theme .owl-controls .owl-buttons .owl-next:hover{
   opacity:0.5;
}

@media only screen and (max-width : 480px) {
    .owl-theme .owl-controls{
         display: inline-flex !important;
    }

}
@media (min-width: 481px) {
      .owl-theme .owl-controls{
         display:none !important;
    }
}
