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