Issues:
1/*
2 * Owl Carousel - Animate Plugin
3 */
4
5.owl-carousel .animated {
6 -webkit-animation-duration: 1000ms;
7 animation-duration: 1000ms;
8 -webkit-animation-fill-mode: both;
9 animation-fill-mode: both;
10}
11
12.owl-carousel .owl-animated-in {
13 z-index: 0;
14}
15
16.owl-carousel .owl-animated-out {
17 z-index: 1;
18}
19
20.owl-carousel .fadeOut {
21 -webkit-animation-name: fadeOut;
22 animation-name: fadeOut;
23}
24
25@-webkit-keyframes fadeOut {
26 0% {
27 opacity: 1;
28 }
29 100% {
30 opacity: 0;
31 }
32}
33
34@keyframes fadeOut {
35 0% {
36 opacity: 1;
37 }
38 100% {
39 opacity: 0;
40 }
41}
42
43
44/*
45 * Owl Carousel - Auto Height Plugin
46 */
47
48.owl-height {
49 -webkit-transition: height 500ms ease-in-out;
50 transition: height 500ms ease-in-out;
51}
52
53
54/*
55 * Core Owl Carousel CSS File
56 */
57
58.owl-carousel {
59 display: none;
60 width: 100%;
61 -webkit-tap-highlight-color: transparent;
62 /* position relative and z-index fix webkit rendering fonts issue */
63 position: relative;
64 z-index: 1;
65}
66
67.owl-carousel .owl-stage {
68 position: relative;
69 -ms-touch-action: pan-Y;
70}
71
72.owl-carousel .owl-stage:after {
73 content: ".";
74 display: block;
75 clear: both;
76 visibility: hidden;
77 line-height: 0;
78 height: 0;
79}
80
81.owl-carousel .owl-stage-outer {
82 position: relative;
83 overflow: hidden;
84 /* fix for flashing background */
85 -webkit-transform: translate3d(0px, 0px, 0px);
86}
87
88.owl-carousel .owl-controls .owl-nav .owl-prev,
89.owl-carousel .owl-controls .owl-nav .owl-next,
90.owl-carousel .owl-controls .owl-dot {
91 cursor: pointer;
92 cursor:
hand;
93 -webkit-user-select: none;
94 -moz-user-select: none;
95 -ms-user-select: none;
96 user-select: none;
97}
98
99.owl-carousel.owl-loaded {
100 display: block;
101}
102
103.owl-carousel.owl-loading {
104 opacity: 0;
105 display: block;
106}
107
108.owl-carousel.owl-hidden {
109 opacity: 0;
110}
111
112.owl-carousel .owl-refresh .owl-item {
113 display: none;
114}
115
116.owl-carousel .owl-item {
117 position: relative;
118 min-height: 1px;
119 float: left;
120 -webkit-backface-visibility: hidden;
121 -webkit-tap-highlight-color: transparent;
122 -webkit-touch-callout: none;
123 -webkit-user-select: none;
124 -moz-user-select: none;
125 -ms-user-select: none;
126 user-select: none;
127}
128
129.owl-carousel .owl-item img {
130 display: block;
131 width: 100%;
132 -webkit-transform-style: preserve-3d;
133}
134
135.owl-carousel.owl-text-select-on .owl-item {
136 -webkit-user-select: auto;
137 -moz-user-select: auto;
138 -ms-user-select: auto;
139 user-select: auto;
140}
141
142.owl-carousel .owl-grab {
143 cursor: move;
144 cursor: -webkit-grab;
145 cursor: -o-grab;
146 cursor: -ms-grab;
147 cursor: grab;
148}
149
150.owl-carousel.owl-rtl {
151 direction: rtl;
152}
153
154.owl-carousel.owl-rtl .owl-item {
155 float: right;
156}
157
158
159/* No Js */
160
161.no-js .owl-carousel {
162 display: block;
163}
164
165
166/*
167 * Owl Carousel - Lazy Load Plugin
168 */
169
170.owl-carousel .owl-item .owl-lazy {
171 opacity: 0;
172 -webkit-transition: opacity 400ms ease;
173 transition: opacity 400ms ease;
174}
175
176.owl-carousel .owl-item img {
177 -webkit-transform-style: preserve-3d;
178 transform-style: preserve-3d;
179}
180
181
182/*
183 * Owl Carousel - Video Plugin
184 */
185
186.owl-carousel .owl-video-wrapper {
187 position: relative;
188 height: 100%;
189 background: #000;
190}
191
192.owl-carousel .owl-video-play-icon {
193 position: absolute;
194 height: 80px;
195 width: 80px;
196 left: 50%;
197 top: 50%;
198 margin-left: -40px;
199 margin-top: -40px;
200 background: url("../img/owl.video.play.png") no-repeat;
201 cursor: pointer;
202 z-index: 1;
203 -webkit-backface-visibility: hidden;
204 -webkit-transition: scale 100ms ease;
205 transition: scale 100ms ease;
206}
207
208.owl-carousel .owl-video-play-icon:hover {
209 -webkit-transition: scale(1.3, 1.3);
210 transition: scale(1.3, 1.3);
211}
212
213.owl-carousel .owl-video-playing .owl-video-tn,
214.owl-carousel .owl-video-playing .owl-video-play-icon {
215 display: none;
216}
217
218.owl-carousel .owl-video-tn {
219 opacity: 0;
220 height: 100%;
221 background-position: center center;
222 background-repeat: no-repeat;
223 background-size: contain;
224 -webkit-transition: opacity 400ms ease;
225 transition: opacity 400ms ease;
226}
227
228.owl-carousel .owl-video-frame {
229 position: relative;
230 z-index: 1;
231}