Edit file File name : owl.carousel.css Content :/* Owl Carousel - Animate Plugin */ .owl-carousel .animated{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in{ z-index : 0; } .owl-carousel .owl-animated-out{ z-index : 1; } .owl-carousel .fadeOut{ -webkit-animation-name : fadeOut; animation-name : fadeOut; } .owl-carousel .fadeIn{ -webkit-animation-name : fadeIn; animation-name : fadeIn; } @-webkit-keyframes fadeOut{ from{ opacity: 1; } to{ opacity: 0; } } @keyframes fadeOut{ from{ opacity: 1; } to{ opacity: 0; } } @-webkit-keyframes fadeIn{ from{ opacity: 0; } to{ opacity: 1; } } @keyframes fadeIn{ from{ opacity: 0; } to{ opacity: 1; } } /* Owl Carousel - Auto Height Plugin */ .owl-height{ -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; } /* Core Owl Carousel CSS File */ .owl-carousel{ display : none; width : 100%; -webkit-tap-highlight-color : transparent; /* position relative and z-index fix webkit rendering fonts issue */ position : relative; z-index : 1; } .owl-carousel .owl-stage{ position : relative; -ms-touch-action : pan-Y; } .owl-carousel .owl-stage:after{ content : "."; display : block; clear : both; visibility : hidden; line-height : 0; height : 0; } .owl-carousel .owl-stage-outer{ position : relative; overflow : hidden; /* fix for flashing background */ -webkit-transform : translate3d(0px, 0px, 0px); } .owl-carousel .owl-item{ position : relative; min-height : 1px; float : left; -webkit-backface-visibility : hidden; -webkit-tap-highlight-color : transparent; -webkit-touch-callout : none; } .owl-carousel .owl-item img{ display : block; width : 100%; -webkit-transform-style : preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{ display : none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{ cursor : pointer; cursor : hand; -webkit-user-select : none; -khtml-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; } .owl-carousel.owl-loaded{ display : block; } .owl-carousel.owl-loading{ opacity : 0; display : block; } .owl-carousel.owl-hidden{ opacity : 0; } .owl-carousel.owl-refresh .owl-item{ display : none; } .owl-carousel.owl-drag .owl-item{ -webkit-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; } .owl-carousel.owl-grab{ cursor : move; cursor : -webkit-grab; cursor : -o-grab; cursor : -ms-grab; cursor : grab; } .owl-carousel.owl-rtl{ direction : rtl; } .owl-carousel.owl-rtl .owl-item{ float : right; } /* No Js */ .no-js .owl-carousel{ display : block; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy{ opacity : 0; -webkit-transition : opacity 400ms ease; -moz-transition : opacity 400ms ease; -ms-transition : opacity 400ms ease; -o-transition : opacity 400ms ease; transition : opacity 400ms ease; } .owl-carousel .owl-item img{ transform-style : preserve-3d; } /* Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper{ position : relative; height : 100%; background : #000; } .owl-carousel .owl-video-play-icon{ position : absolute; height : 80px; width : 80px; left : 50%; top : 50%; margin-left : -40px; margin-top : -40px; background : url("owl.video.play.html") no-repeat; cursor : pointer; z-index : 1; -webkit-backface-visibility : hidden; -webkit-transition : scale 100ms ease; -moz-transition : scale 100ms ease; -ms-transition : scale 100ms ease; -o-transition : scale 100ms ease; transition : scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover{ -webkit-transition : scale(1.3, 1.3); -moz-transition : scale(1.3, 1.3); -ms-transition : scale(1.3, 1.3); -o-transition : scale(1.3, 1.3); transition : scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon{ display : none; } .owl-carousel .owl-video-tn{ opacity : 0; height : 100%; background-position : center center; background-repeat : no-repeat; -webkit-background-size : contain; -moz-background-size : contain; -o-background-size : contain; background-size : contain; -webkit-transition : opacity 400ms ease; -moz-transition : opacity 400ms ease; -ms-transition : opacity 400ms ease; -o-transition : opacity 400ms ease; transition : opacity 400ms ease; } .owl-carousel .owl-video-frame{ position : relative; z-index : 1; height : 100%; width : 100%; }Save