/*
* Owl Carousel Owl Demo Theme
* v1.3.2
*/
/* Styling Next and Prev buttons */
.owl-theme .owl-buttons div{
display: block;
font-size: 0;
color:#000;
height: 34px;
position: absolute;
text-align: center;
width: 34px;
top: 33%;
line-height:34px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
border: 1px solid #000;
background: #fff ;
border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
-moz-border-radius:50px;
opacity:0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity:0;
}
.owl-theme:hover .owl-buttons div ,.custom-testimonial:hover .owl-theme .owl-buttons div{ opacity:1; -khtml-opacity: 1;-webkit-opacity: 1; -moz-opacity:1;}
.owl-theme .owl-buttons div:hover{ border-color:#8ab816; background:#8ab816;}
.owl-theme .owl-buttons div:before{
content:'';
font-family:'FontAwesome';
font-size: 25px;
text-align:center;
position:absolute;
right:0;
left:0;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.owl-theme .owl-buttons div.owl-prev:before{ left:-2px;}
.owl-theme .owl-buttons div.owl-next:before{ right:-3px;}
.owl-theme .owl-buttons div:hover:before{ color:#fff; }
.testimonial-carousel.owl-theme .owl-buttons div:hover:before{color:#8ab816;}
.testimonial-carousel.owl-theme .owl-buttons div{background:transparent;}
.owl-theme .owl-buttons div.owl-prev { left:-41px; }
.owl-theme .owl-buttons div.owl-next { right:-41px; }
.owl-theme .owl-buttons div.owl-prev:before{ content:'\f104'; }
.testimonial-carousel.owl-theme .owl-buttons div {
border-color: #000;
color: #000;
opacity:1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity:1;
top:-40px;
}
.testimonial-carousel.owl-theme .owl-buttons div:hover { border-color: #8ab816; }
.testimonial-carousel.owl-theme .owl-controls .owl-buttons .owl-prev{left:-11px;}
.testimonial-carousel.owl-theme .owl-buttons div.owl-next{right:-12px;}
.blog-posts-content .owl-theme .owl-buttons div.owl-prev{left:-35px;}
.blog-posts-content .owl-theme .owl-buttons div.owl-next{right:-35px;}
.blog-posts-content .owl-theme .owl-buttons div{top:28%;}
#brand-products .owl-theme .owl-buttons div.owl-prev { left:-55px; }
#brand-products .owl-theme .owl-buttons div.owl-next { right:-55px; }
.owl-theme .owl-buttons div.owl-next:before{
content:'\f105';
}
#brand-products .owl-carousel
{
width: 100%;
margin:0 auto;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
display: inline-block;
margin: 0 5px;
}
.owl-pagination .owl-page span {
background-color: #9c9ea1;
border: 3px solid #8c8c8c;
display: block;
height: 10px;
width: 10px;
border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
}
.owl-pagination .owl-page:hover span,
.owl-pagination .owl-page.active:hover span,
.owl-pagination .owl-page.active span {
background: #000;
border:3px solid #8ab816;
}
.owl-pagination .owl-page.active span {
cursor: default;
}
.product-page .owl-pagination {
margin: 10px 0;
}
/* 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;
}
.owl-pagination {
margin: 0;
text-align: center;
}
/* preloading images */
.owl-item.loading {
min-height: 150px;
background: url(../../images/owl/AjaxLoader.gif) no-repeat center center;
}
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer;
}
/* mouse grab icon */
.grabbing {
cursor: url("../../images/owl/grabbing.png") 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel {
position: relative;
}
/*== Recent Portfolio Slider ==*/
.portfolio-container,
#latest_news {
margin: 0 auto;
}
.fashion-category .owl-theme .owl-controls {
left: -21%;
position: absolute;
right: auto;
top: 130px;
width: 50px;
}
.home-product #woo-products .owl-theme .owl-controls .owl-buttons {
display: inline-block;
vertical-align: top;
}
.team-carousel.owl-theme .owl-controls .owl-buttons {
display: inline-block;
vertical-align: top;
margin-top: 0;
}
.team-carousel.owl-theme .owl-controls {
text-align: center;
bottom: -30px;
}
.testimonial-parallax .owl-controls {
bottom: -10px;
}
.testimonials-container .owl-pagination .owl-page span {
background: none;
border: 2px solid #777777;
height: 6px;
width: 6px;
border-radius: 0;
-webkit-border-radius:0;
-khtml-border-radius:0;
-moz-border-radius:0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-moz-transform:rotate(45deg);
margin: 0 5px;
}
.testimonials-container .owl-pagination .owl-page:hover span,
.testimonials-container .owl-pagination .owl-page.active:hover span,
.testimonials-container .owl-pagination .owl-page.active span {
background: #ffffff;
border-color: #ffffff;
}
.testimonials-container .owl-controls.clickable {
bottom: -20px;
}
.woocommerce ul.products .owl-buttons,
.woocommerce-page ul.products .owl-buttons {
display: inline-block;
vertical-align: top;
}
/*******************Plugins Instafeed css Start *******************/
#sb_instagram #sbi_images .owl-item .sbi_item {
width: 100% !important;
}
#sb_instagram .owl-theme .owl-controls .owl-buttons div {
background: #000000;
border: 1px solid #000000;
color: #ffffff;
display: block;
font-size: 0;
height: 45px;
line-height: 45px;
position: absolute;
right: 0;
text-align: center;
top: 0;
transition: all 300ms ease 0s;
-webkit-transition:all 300ms ease 0s;
-moz-transition:all 300ms ease 0s;
-ms-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
width: 45px;
border-radius: 0;
-webkit-border-radius:0;
-khtml-border-radius:0;
-moz-border-radius:0;
padding: 0;
margin: 0;
}
#sb_instagram .owl-theme .owl-controls .owl-buttons .owl-next {
right: 0;
left: auto;
}
#sb_instagram .owl-theme .owl-controls .owl-buttons .owl-prev {
left: 0;
right: auto;
}
#sb_instagram #sbi_images .sbi_item {
display: block;
float: left;
}
#sb_instagram .sb_instagram_header a {
display: inline-block;
float: none;
}
#sb_instagram .sb_instagram_header {
text-align: center;
}
#sb_instagram .owl-theme .owl-controls {
margin-top: 0;
top: 45%;
bottom: auto;
}
#sb_instagram #sbi_load {
padding: 0 !important;
}