/* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-row { margin: 0 -15px; } .owl-carousel .owl-item { padding: 0 15px; } .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #000; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 8px 15px; font-size: 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #eeeeee; filter: Alpha(Opacity=50);/*IE7 fix*/ } /* 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; background: rgba(0, 0, 0, 0.3); color: #fff; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .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; } .owl-theme .owl-controls .owl-page span { display: block; width: 16px; height: 16px; margin: 5px 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border: 2px solid #fff; background-color: transparent; position: relative; -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .owl-theme .owl-controls .owl-page span:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .owl-theme .owl-controls.clickable .owl-page:hover span:before { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); background-color: black; background-color: rgba(244, 244, 244, 0.17); zoom: 1; background-color: transparent\9; } .owl-theme .owl-controls .owl-page.active span { border-color: #fff; } .owl-theme .owl-controls .owl-page.active span:before { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); background-color: #fff; } /* 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(../img/AjaxLoader.gif) no-repeat center center }