/* * Owl Carousel Owl Demo Theme * v1.3.3 */ #sg_events .item { display:block; margin:15px 2px 0px 2px; border:1px solid #eee; border-bottom:2px solid #f9b03f; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; position:relative; } #sg_events .item img { display:block; width:100%; } #sg_events .item .item_content { display:block; color:#222; padding:0px 15px; background:url(../img/bg_event.png) repeat; position:absolute; left:0px; right:0px; bottom:0px; overflow:hidden; height:115px; } #sg_events .item .item_content strong { display:block; min-height:35px; font-size:14px; line-height:normal; font-weight:700; margin:15px 0px 10px 0px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; } #sg_events .item .item_content .more_info { display:block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0.0; -moz-opacity: 0.0; opacity: 0.0; } #sg_events .item .item_content .info span { display:inline-block; min-width:60px; color:#f9b03f; } #sg_events .item .item_content .content { display:block; padding-top:10px; padding-bottom:30px; } #sg_events .item .item_content .price { display:block; font-size:16px; font-weight:700; color:#f9b03f; padding:15px; position:absolute; left:0px; bottom:0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0.0; -moz-opacity: 0.0; opacity: 0.0; } #sg_events .item .item_content .view { display:block; font-size:14px; font-weight:700; color:#222; padding:15px; position:absolute; right:0px; bottom:0px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0.0; -moz-opacity: 0.0; opacity: 0.0; } #sg_events .item:hover { border:1px solid #f9b03f; border-bottom:2px solid #f9b03f; } #sg_events .item:hover .item_content strong:hover, #td_events .item:hover .item_content .view:hover { color:#f9b03f; } #sg_testimonials { display:block; padding:0px; } #sg_testimonials .testimonials { display:block; text-align:center; padding:0px 10px; } #sg_testimonials .testimonials .fa-quote-left { color:#f9b03f; font-size:30px; margin-right:5px; } #sg_testimonials .testimonials .testimonials_info { display:block; padding-top:10px; } #sg_testimonials .testimonials .testimonials_info span { display:inline-block; font-weight:bold; padding:0px 10px; color:#f9b03f; } #sg_slider .owl-controls { position:static; top:auto; z-index:auto; right:auto; } #sg_slider .owl-controls .owl-buttons .owl-prev { display:block; color: #fff; position:absolute; z-index:2; left:30px; top:50%; margin-top:-15px; width:30px; height:30px; color:#fff; border:1px solid #fff; border-radius:50%; text-align:center; padding: 0px; font-size: 20px; background:none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } #sg_slider .owl-controls .owl-buttons .owl-next { display:block; color: #fff; position:absolute; z-index:2; right:30px; top:50%; margin-top:-15px; width:30px; height:30px; color:#fff; border:1px solid #fff; border-radius:50%; text-align:center; padding: 0px; font-size: 20px; background:none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } #sg_slider .owl-controls .owl-buttons .owl-prev:hover, #sg_slider .owl-controls .owl-buttons .owl-next:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls { position:absolute; top:-45px; right:0; text-align:right; z-index:1; } .owl-theme .owl-controls .owl-buttons div{ color: #aaa; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ border: 1px solid #fff; padding: 6px 10px; font-size: 14px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; background: #e7e7e7; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; cursor:pointer; } /* 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{ background: #f9b03f; color: #fff; 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: 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border:1px solid #fff; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ border:1px solid #fd4950; background:#fd4950; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0; } /* If PaginationNumbers is true */ .owl-pagination { display:block; position:absolute; z-index:1; text-align:center; left:0px; right:0px; bottom:10px; } .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/preloader.gif) no-repeat center center } @media (min-width: 768px) and (max-width: 979px) { .owl-theme .owl-controls { top:-38px; } } @media (max-width: 767px) { .owl-theme .owl-controls { top:-38px; } #td_slider .owl-controls .owl-buttons .owl-prev { left:10px; top:45%; } #td_slider .owl-controls .owl-buttons .owl-next { right:10px; top:45%; } } @media (max-width: 599px) { #td_slider .owl-controls .owl-buttons .owl-prev { top:35%; } #td_slider .owl-controls .owl-buttons .owl-next { top:35%; } } @media (max-width: 479px) { .owl-theme .owl-controls .owl-buttons div{ padding: 5px; } }