2 * Owl Carousel - Animate Plugin
4 .owl-carousel .animated {
5 -webkit-animation-duration: 1000ms;
6 animation-duration: 1000ms;
7 -webkit-animation-fill-mode: both;
8 animation-fill-mode: both;
10 .owl-carousel .owl-animated-in {
13 .owl-carousel .owl-animated-out {
16 .owl-carousel .fadeOut {
17 -webkit-animation-name: fadeOut;
18 animation-name: fadeOut;
21 @-webkit-keyframes fadeOut {
41 * Owl Carousel - Auto Height Plugin
44 -webkit-transition: height 500ms ease-in-out;
45 -moz-transition: height 500ms ease-in-out;
46 -ms-transition: height 500ms ease-in-out;
47 -o-transition: height 500ms ease-in-out;
48 transition: height 500ms ease-in-out;
52 * Core Owl Carousel CSS File
57 -webkit-tap-highlight-color: transparent;
58 /* position relative and z-index fix webkit rendering fonts issue */
62 .owl-carousel .owl-stage {
64 -ms-touch-action: pan-Y;
66 .owl-carousel .owl-stage:after {
74 .owl-carousel .owl-stage-outer {
77 /* fix for flashing background */
78 -webkit-transform: translate3d(0px, 0px, 0px);
80 .owl-carousel .owl-controls .owl-nav .owl-prev,
81 .owl-carousel .owl-controls .owl-nav .owl-next,
82 .owl-carousel .owl-controls .owl-dot {
85 -webkit-user-select: none;
86 -khtml-user-select: none;
87 -moz-user-select: none;
88 -ms-user-select: none;
91 .owl-carousel.owl-loaded {
94 .owl-carousel.owl-loading {
98 .owl-carousel.owl-hidden {
101 .owl-carousel .owl-refresh .owl-item {
104 .owl-carousel .owl-item {
108 -webkit-backface-visibility: hidden;
109 -webkit-tap-highlight-color: transparent;
110 -webkit-touch-callout: none;
111 -webkit-user-select: none;
112 -moz-user-select: none;
113 -ms-user-select: none;
116 .owl-carousel .owl-item img {
119 -webkit-transform-style: preserve-3d;
121 .owl-carousel.owl-text-select-on .owl-item {
122 -webkit-user-select: auto;
123 -moz-user-select: auto;
124 -ms-user-select: auto;
127 .owl-carousel .owl-grab {
129 cursor: -webkit-grab;
134 .owl-carousel.owl-rtl {
137 .owl-carousel.owl-rtl .owl-item {
142 .no-js .owl-carousel {
147 * Owl Carousel - Lazy Load Plugin
149 .owl-carousel .owl-item .owl-lazy {
151 -webkit-transition: opacity 400ms ease;
152 -moz-transition: opacity 400ms ease;
153 -ms-transition: opacity 400ms ease;
154 -o-transition: opacity 400ms ease;
155 transition: opacity 400ms ease;
157 .owl-carousel .owl-item img {
158 transform-style: preserve-3d;
162 * Owl Carousel - Video Plugin
164 .owl-carousel .owl-video-wrapper {
169 .owl-carousel .owl-video-play-icon {
177 background: url("owl.video.play.png") no-repeat;
180 -webkit-backface-visibility: hidden;
181 -webkit-transition: scale 100ms ease;
182 -moz-transition: scale 100ms ease;
183 -ms-transition: scale 100ms ease;
184 -o-transition: scale 100ms ease;
185 transition: scale 100ms ease;
187 .owl-carousel .owl-video-play-icon:hover {
188 -webkit-transition: scale(1.3, 1.3);
189 -moz-transition: scale(1.3, 1.3);
190 -ms-transition: scale(1.3, 1.3);
191 -o-transition: scale(1.3, 1.3);
192 transition: scale(1.3, 1.3);
194 .owl-carousel .owl-video-playing .owl-video-tn,
195 .owl-carousel .owl-video-playing .owl-video-play-icon {
198 .owl-carousel .owl-video-tn {
201 background-position: center center;
202 background-repeat: no-repeat;
203 -webkit-background-size: contain;
204 -moz-background-size: contain;
205 -o-background-size: contain;
206 background-size: contain;
207 -webkit-transition: opacity 400ms ease;
208 -moz-transition: opacity 400ms ease;
209 -ms-transition: opacity 400ms ease;
210 -o-transition: opacity 400ms ease;
211 transition: opacity 400ms ease;
213 .owl-carousel .owl-video-frame {