/* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ position: absolute; text-align: center; width: 100%; bottom: 5%; } /* 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: 10vw; margin: 5px 7px;*/ filter: Alpha(Opacity=100); opacity: 1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 0px; border: 5px solid transparent; overflow: hidden; } .owl-theme .owl-controls .owl-page span img{max-width: 100%;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=80);/*IE7 fix*/ opacity: 0.8; border: 5px solid black; } /* 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-controls .owlpage-pre,.owlpage-next{display: inline-block; height: 61px; width: 3vw; margin: 5px 7px;cursor:pointer} .owl-controls .owlpage-pre{background: url("../images/pre.png") no-repeat 50% 50%;} .owl-controls .owlpage-next{background: url("../images/next.png") no-repeat 50% 50%;}