.owl-carousel .owl-nav {
width: 100%;
position: absolute;
top: 50%;
-webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-nav [class*='owl-'] {
color: #FFF;
display: inline-block;
zoom: 1;
margin: 5px;
width: 25px;
height: 25px;
font-size: 12px;
line-height: 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #D6D6D6;
filter: Alpha(Opacity=50);
opacity: 0.5;
}
.owl-carousel .owl-nav .owl-prev{
float: left;
position: absolute;
left: -30px;
}
.owl-carousel .owl-nav .owl-next{
float: right;
position: absolute;
right: -30px;
}
.owl-carousel .owl-nav [class*='owl-']:hover {
background: #f5d006;
color: #FFF;
text-decoration: none;
}
.owl-carousel .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-carousel .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-carousel .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-carousel .owl-dots .owl-dot span {
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #dddede;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
background: #f5d006;
}