scratch – Blame information for rev 117
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
117 | office | 1 | /** |
2 | * Swiper 3.4.2 |
||
3 | * Most modern mobile touch slider and framework with hardware accelerated transitions |
||
4 | * |
||
5 | * http://www.idangero.us/swiper/ |
||
6 | * |
||
7 | * Copyright 2017, Vladimir Kharlampidi |
||
8 | * The iDangero.us |
||
9 | * http://www.idangero.us/ |
||
10 | * |
||
11 | * Licensed under MIT |
||
12 | * |
||
13 | * Released on: March 10, 2017 |
||
14 | */ |
||
15 | .swiper-container { |
||
16 | margin-left: auto; |
||
17 | margin-right: auto; |
||
18 | position: relative; |
||
19 | overflow: hidden; |
||
20 | /* Fix of Webkit flickering */ |
||
21 | z-index: 1; |
||
22 | } |
||
23 | .swiper-container-no-flexbox .swiper-slide { |
||
24 | float: left; |
||
25 | } |
||
26 | .swiper-container-vertical > .swiper-wrapper { |
||
27 | -webkit-box-orient: vertical; |
||
28 | -moz-box-orient: vertical; |
||
29 | -ms-flex-direction: column; |
||
30 | -webkit-flex-direction: column; |
||
31 | flex-direction: column; |
||
32 | } |
||
33 | .swiper-wrapper { |
||
34 | position: relative; |
||
35 | width: 100%; |
||
36 | height: 100%; |
||
37 | z-index: 1; |
||
38 | display: -webkit-box; |
||
39 | display: -moz-box; |
||
40 | display: -ms-flexbox; |
||
41 | display: -webkit-flex; |
||
42 | display: flex; |
||
43 | -webkit-transition-property: -webkit-transform; |
||
44 | -moz-transition-property: -moz-transform; |
||
45 | -o-transition-property: -o-transform; |
||
46 | -ms-transition-property: -ms-transform; |
||
47 | transition-property: transform; |
||
48 | -webkit-box-sizing: content-box; |
||
49 | -moz-box-sizing: content-box; |
||
50 | box-sizing: content-box; |
||
51 | } |
||
52 | .swiper-container-android .swiper-slide, |
||
53 | .swiper-wrapper { |
||
54 | -webkit-transform: translate3d(0px, 0, 0); |
||
55 | -moz-transform: translate3d(0px, 0, 0); |
||
56 | -o-transform: translate(0px, 0px); |
||
57 | -ms-transform: translate3d(0px, 0, 0); |
||
58 | transform: translate3d(0px, 0, 0); |
||
59 | } |
||
60 | .swiper-container-multirow > .swiper-wrapper { |
||
61 | -webkit-box-lines: multiple; |
||
62 | -moz-box-lines: multiple; |
||
63 | -ms-flex-wrap: wrap; |
||
64 | -webkit-flex-wrap: wrap; |
||
65 | flex-wrap: wrap; |
||
66 | } |
||
67 | .swiper-container-free-mode > .swiper-wrapper { |
||
68 | -webkit-transition-timing-function: ease-out; |
||
69 | -moz-transition-timing-function: ease-out; |
||
70 | -ms-transition-timing-function: ease-out; |
||
71 | -o-transition-timing-function: ease-out; |
||
72 | transition-timing-function: ease-out; |
||
73 | margin: 0 auto; |
||
74 | } |
||
75 | .swiper-slide { |
||
76 | -webkit-flex-shrink: 0; |
||
77 | -ms-flex: 0 0 auto; |
||
78 | flex-shrink: 0; |
||
79 | width: 100%; |
||
80 | height: 100%; |
||
81 | position: relative; |
||
82 | } |
||
83 | /* Auto Height */ |
||
84 | .swiper-container-autoheight, |
||
85 | .swiper-container-autoheight .swiper-slide { |
||
86 | height: auto; |
||
87 | } |
||
88 | .swiper-container-autoheight .swiper-wrapper { |
||
89 | -webkit-box-align: start; |
||
90 | -ms-flex-align: start; |
||
91 | -webkit-align-items: flex-start; |
||
92 | align-items: flex-start; |
||
93 | -webkit-transition-property: -webkit-transform, height; |
||
94 | -moz-transition-property: -moz-transform; |
||
95 | -o-transition-property: -o-transform; |
||
96 | -ms-transition-property: -ms-transform; |
||
97 | transition-property: transform, height; |
||
98 | } |
||
99 | /* a11y */ |
||
100 | .swiper-container .swiper-notification { |
||
101 | position: absolute; |
||
102 | left: 0; |
||
103 | top: 0; |
||
104 | pointer-events: none; |
||
105 | opacity: 0; |
||
106 | z-index: -1000; |
||
107 | } |
||
108 | /* IE10 Windows Phone 8 Fixes */ |
||
109 | .swiper-wp8-horizontal { |
||
110 | -ms-touch-action: pan-y; |
||
111 | touch-action: pan-y; |
||
112 | } |
||
113 | .swiper-wp8-vertical { |
||
114 | -ms-touch-action: pan-x; |
||
115 | touch-action: pan-x; |
||
116 | } |
||
117 | /* Arrows */ |
||
118 | .swiper-button-prev, |
||
119 | .swiper-button-next { |
||
120 | position: absolute; |
||
121 | top: 50%; |
||
122 | width: 27px; |
||
123 | height: 44px; |
||
124 | margin-top: -22px; |
||
125 | z-index: 10; |
||
126 | cursor: pointer; |
||
127 | -moz-background-size: 27px 44px; |
||
128 | -webkit-background-size: 27px 44px; |
||
129 | background-size: 27px 44px; |
||
130 | background-position: center; |
||
131 | background-repeat: no-repeat; |
||
132 | } |
||
133 | .swiper-button-prev.swiper-button-disabled, |
||
134 | .swiper-button-next.swiper-button-disabled { |
||
135 | opacity: 0.35; |
||
136 | cursor: auto; |
||
137 | pointer-events: none; |
||
138 | } |
||
139 | .swiper-button-prev, |
||
140 | .swiper-container-rtl .swiper-button-next { |
||
141 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); |
||
142 | left: 10px; |
||
143 | right: auto; |
||
144 | } |
||
145 | .swiper-button-prev.swiper-button-black, |
||
146 | .swiper-container-rtl .swiper-button-next.swiper-button-black { |
||
147 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); |
||
148 | } |
||
149 | .swiper-button-prev.swiper-button-white, |
||
150 | .swiper-container-rtl .swiper-button-next.swiper-button-white { |
||
151 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); |
||
152 | } |
||
153 | .swiper-button-next, |
||
154 | .swiper-container-rtl .swiper-button-prev { |
||
155 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); |
||
156 | right: 10px; |
||
157 | left: auto; |
||
158 | } |
||
159 | .swiper-button-next.swiper-button-black, |
||
160 | .swiper-container-rtl .swiper-button-prev.swiper-button-black { |
||
161 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); |
||
162 | } |
||
163 | .swiper-button-next.swiper-button-white, |
||
164 | .swiper-container-rtl .swiper-button-prev.swiper-button-white { |
||
165 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); |
||
166 | } |
||
167 | /* Pagination Styles */ |
||
168 | .swiper-pagination { |
||
169 | position: absolute; |
||
170 | text-align: center; |
||
171 | -webkit-transition: 300ms; |
||
172 | -moz-transition: 300ms; |
||
173 | -o-transition: 300ms; |
||
174 | transition: 300ms; |
||
175 | -webkit-transform: translate3d(0, 0, 0); |
||
176 | -ms-transform: translate3d(0, 0, 0); |
||
177 | -o-transform: translate3d(0, 0, 0); |
||
178 | transform: translate3d(0, 0, 0); |
||
179 | z-index: 10; |
||
180 | } |
||
181 | .swiper-pagination.swiper-pagination-hidden { |
||
182 | opacity: 0; |
||
183 | } |
||
184 | /* Common Styles */ |
||
185 | .swiper-pagination-fraction, |
||
186 | .swiper-pagination-custom, |
||
187 | .swiper-container-horizontal > .swiper-pagination-bullets { |
||
188 | bottom: 10px; |
||
189 | left: 0; |
||
190 | width: 100%; |
||
191 | } |
||
192 | /* Bullets */ |
||
193 | .swiper-pagination-bullet { |
||
194 | width: 8px; |
||
195 | height: 8px; |
||
196 | display: inline-block; |
||
197 | border-radius: 100%; |
||
198 | background: #000; |
||
199 | opacity: 0.2; |
||
200 | } |
||
201 | button.swiper-pagination-bullet { |
||
202 | border: none; |
||
203 | margin: 0; |
||
204 | padding: 0; |
||
205 | box-shadow: none; |
||
206 | -moz-appearance: none; |
||
207 | -ms-appearance: none; |
||
208 | -webkit-appearance: none; |
||
209 | appearance: none; |
||
210 | } |
||
211 | .swiper-pagination-clickable .swiper-pagination-bullet { |
||
212 | cursor: pointer; |
||
213 | } |
||
214 | .swiper-pagination-white .swiper-pagination-bullet { |
||
215 | background: #fff; |
||
216 | } |
||
217 | .swiper-pagination-bullet-active { |
||
218 | opacity: 1; |
||
219 | background: #007aff; |
||
220 | } |
||
221 | .swiper-pagination-white .swiper-pagination-bullet-active { |
||
222 | background: #fff; |
||
223 | } |
||
224 | .swiper-pagination-black .swiper-pagination-bullet-active { |
||
225 | background: #000; |
||
226 | } |
||
227 | .swiper-container-vertical > .swiper-pagination-bullets { |
||
228 | right: 10px; |
||
229 | top: 50%; |
||
230 | -webkit-transform: translate3d(0px, -50%, 0); |
||
231 | -moz-transform: translate3d(0px, -50%, 0); |
||
232 | -o-transform: translate(0px, -50%); |
||
233 | -ms-transform: translate3d(0px, -50%, 0); |
||
234 | transform: translate3d(0px, -50%, 0); |
||
235 | } |
||
236 | .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { |
||
237 | margin: 5px 0; |
||
238 | display: block; |
||
239 | } |
||
240 | .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { |
||
241 | margin: 0 5px; |
||
242 | } |
||
243 | /* Progress */ |
||
244 | .swiper-pagination-progress { |
||
245 | background: rgba(0, 0, 0, 0.25); |
||
246 | position: absolute; |
||
247 | } |
||
248 | .swiper-pagination-progress .swiper-pagination-progressbar { |
||
249 | background: #007aff; |
||
250 | position: absolute; |
||
251 | left: 0; |
||
252 | top: 0; |
||
253 | width: 100%; |
||
254 | height: 100%; |
||
255 | -webkit-transform: scale(0); |
||
256 | -ms-transform: scale(0); |
||
257 | -o-transform: scale(0); |
||
258 | transform: scale(0); |
||
259 | -webkit-transform-origin: left top; |
||
260 | -moz-transform-origin: left top; |
||
261 | -ms-transform-origin: left top; |
||
262 | -o-transform-origin: left top; |
||
263 | transform-origin: left top; |
||
264 | } |
||
265 | .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { |
||
266 | -webkit-transform-origin: right top; |
||
267 | -moz-transform-origin: right top; |
||
268 | -ms-transform-origin: right top; |
||
269 | -o-transform-origin: right top; |
||
270 | transform-origin: right top; |
||
271 | } |
||
272 | .swiper-container-horizontal > .swiper-pagination-progress { |
||
273 | width: 100%; |
||
274 | height: 4px; |
||
275 | left: 0; |
||
276 | top: 0; |
||
277 | } |
||
278 | .swiper-container-vertical > .swiper-pagination-progress { |
||
279 | width: 4px; |
||
280 | height: 100%; |
||
281 | left: 0; |
||
282 | top: 0; |
||
283 | } |
||
284 | .swiper-pagination-progress.swiper-pagination-white { |
||
285 | background: rgba(255, 255, 255, 0.5); |
||
286 | } |
||
287 | .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { |
||
288 | background: #fff; |
||
289 | } |
||
290 | .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { |
||
291 | background: #000; |
||
292 | } |
||
293 | /* 3D Container */ |
||
294 | .swiper-container-3d { |
||
295 | -webkit-perspective: 1200px; |
||
296 | -moz-perspective: 1200px; |
||
297 | -o-perspective: 1200px; |
||
298 | perspective: 1200px; |
||
299 | } |
||
300 | .swiper-container-3d .swiper-wrapper, |
||
301 | .swiper-container-3d .swiper-slide, |
||
302 | .swiper-container-3d .swiper-slide-shadow-left, |
||
303 | .swiper-container-3d .swiper-slide-shadow-right, |
||
304 | .swiper-container-3d .swiper-slide-shadow-top, |
||
305 | .swiper-container-3d .swiper-slide-shadow-bottom, |
||
306 | .swiper-container-3d .swiper-cube-shadow { |
||
307 | -webkit-transform-style: preserve-3d; |
||
308 | -moz-transform-style: preserve-3d; |
||
309 | -ms-transform-style: preserve-3d; |
||
310 | transform-style: preserve-3d; |
||
311 | } |
||
312 | .swiper-container-3d .swiper-slide-shadow-left, |
||
313 | .swiper-container-3d .swiper-slide-shadow-right, |
||
314 | .swiper-container-3d .swiper-slide-shadow-top, |
||
315 | .swiper-container-3d .swiper-slide-shadow-bottom { |
||
316 | position: absolute; |
||
317 | left: 0; |
||
318 | top: 0; |
||
319 | width: 100%; |
||
320 | height: 100%; |
||
321 | pointer-events: none; |
||
322 | z-index: 10; |
||
323 | } |
||
324 | .swiper-container-3d .swiper-slide-shadow-left { |
||
325 | background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); |
||
326 | /* Safari 4+, Chrome */ |
||
327 | background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
328 | /* Chrome 10+, Safari 5.1+, iOS 5+ */ |
||
329 | background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
330 | /* Firefox 3.6-15 */ |
||
331 | background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
332 | /* Opera 11.10-12.00 */ |
||
333 | background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
334 | /* Firefox 16+, IE10, Opera 12.50+ */ |
||
335 | } |
||
336 | .swiper-container-3d .swiper-slide-shadow-right { |
||
337 | background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); |
||
338 | /* Safari 4+, Chrome */ |
||
339 | background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
340 | /* Chrome 10+, Safari 5.1+, iOS 5+ */ |
||
341 | background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
342 | /* Firefox 3.6-15 */ |
||
343 | background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
344 | /* Opera 11.10-12.00 */ |
||
345 | background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
346 | /* Firefox 16+, IE10, Opera 12.50+ */ |
||
347 | } |
||
348 | .swiper-container-3d .swiper-slide-shadow-top { |
||
349 | background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); |
||
350 | /* Safari 4+, Chrome */ |
||
351 | background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
352 | /* Chrome 10+, Safari 5.1+, iOS 5+ */ |
||
353 | background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
354 | /* Firefox 3.6-15 */ |
||
355 | background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
356 | /* Opera 11.10-12.00 */ |
||
357 | background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
358 | /* Firefox 16+, IE10, Opera 12.50+ */ |
||
359 | } |
||
360 | .swiper-container-3d .swiper-slide-shadow-bottom { |
||
361 | background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); |
||
362 | /* Safari 4+, Chrome */ |
||
363 | background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
364 | /* Chrome 10+, Safari 5.1+, iOS 5+ */ |
||
365 | background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
366 | /* Firefox 3.6-15 */ |
||
367 | background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
368 | /* Opera 11.10-12.00 */ |
||
369 | background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
370 | /* Firefox 16+, IE10, Opera 12.50+ */ |
||
371 | } |
||
372 | /* Coverflow */ |
||
373 | .swiper-container-coverflow .swiper-wrapper, |
||
374 | .swiper-container-flip .swiper-wrapper { |
||
375 | /* Windows 8 IE 10 fix */ |
||
376 | -ms-perspective: 1200px; |
||
377 | } |
||
378 | /* Cube + Flip */ |
||
379 | .swiper-container-cube, |
||
380 | .swiper-container-flip { |
||
381 | overflow: visible; |
||
382 | } |
||
383 | .swiper-container-cube .swiper-slide, |
||
384 | .swiper-container-flip .swiper-slide { |
||
385 | pointer-events: none; |
||
386 | -webkit-backface-visibility: hidden; |
||
387 | -moz-backface-visibility: hidden; |
||
388 | -ms-backface-visibility: hidden; |
||
389 | backface-visibility: hidden; |
||
390 | z-index: 1; |
||
391 | } |
||
392 | .swiper-container-cube .swiper-slide .swiper-slide, |
||
393 | .swiper-container-flip .swiper-slide .swiper-slide { |
||
394 | pointer-events: none; |
||
395 | } |
||
396 | .swiper-container-cube .swiper-slide-active, |
||
397 | .swiper-container-flip .swiper-slide-active, |
||
398 | .swiper-container-cube .swiper-slide-active .swiper-slide-active, |
||
399 | .swiper-container-flip .swiper-slide-active .swiper-slide-active { |
||
400 | pointer-events: auto; |
||
401 | } |
||
402 | .swiper-container-cube .swiper-slide-shadow-top, |
||
403 | .swiper-container-flip .swiper-slide-shadow-top, |
||
404 | .swiper-container-cube .swiper-slide-shadow-bottom, |
||
405 | .swiper-container-flip .swiper-slide-shadow-bottom, |
||
406 | .swiper-container-cube .swiper-slide-shadow-left, |
||
407 | .swiper-container-flip .swiper-slide-shadow-left, |
||
408 | .swiper-container-cube .swiper-slide-shadow-right, |
||
409 | .swiper-container-flip .swiper-slide-shadow-right { |
||
410 | z-index: 0; |
||
411 | -webkit-backface-visibility: hidden; |
||
412 | -moz-backface-visibility: hidden; |
||
413 | -ms-backface-visibility: hidden; |
||
414 | backface-visibility: hidden; |
||
415 | } |
||
416 | /* Cube */ |
||
417 | .swiper-container-cube .swiper-slide { |
||
418 | visibility: hidden; |
||
419 | -webkit-transform-origin: 0 0; |
||
420 | -moz-transform-origin: 0 0; |
||
421 | -ms-transform-origin: 0 0; |
||
422 | transform-origin: 0 0; |
||
423 | width: 100%; |
||
424 | height: 100%; |
||
425 | } |
||
426 | .swiper-container-cube.swiper-container-rtl .swiper-slide { |
||
427 | -webkit-transform-origin: 100% 0; |
||
428 | -moz-transform-origin: 100% 0; |
||
429 | -ms-transform-origin: 100% 0; |
||
430 | transform-origin: 100% 0; |
||
431 | } |
||
432 | .swiper-container-cube .swiper-slide-active, |
||
433 | .swiper-container-cube .swiper-slide-next, |
||
434 | .swiper-container-cube .swiper-slide-prev, |
||
435 | .swiper-container-cube .swiper-slide-next + .swiper-slide { |
||
436 | pointer-events: auto; |
||
437 | visibility: visible; |
||
438 | } |
||
439 | .swiper-container-cube .swiper-cube-shadow { |
||
440 | position: absolute; |
||
441 | left: 0; |
||
442 | bottom: 0px; |
||
443 | width: 100%; |
||
444 | height: 100%; |
||
445 | background: #000; |
||
446 | opacity: 0.6; |
||
447 | -webkit-filter: blur(50px); |
||
448 | filter: blur(50px); |
||
449 | z-index: 0; |
||
450 | } |
||
451 | /* Fade */ |
||
452 | .swiper-container-fade.swiper-container-free-mode .swiper-slide { |
||
453 | -webkit-transition-timing-function: ease-out; |
||
454 | -moz-transition-timing-function: ease-out; |
||
455 | -ms-transition-timing-function: ease-out; |
||
456 | -o-transition-timing-function: ease-out; |
||
457 | transition-timing-function: ease-out; |
||
458 | } |
||
459 | .swiper-container-fade .swiper-slide { |
||
460 | pointer-events: none; |
||
461 | -webkit-transition-property: opacity; |
||
462 | -moz-transition-property: opacity; |
||
463 | -o-transition-property: opacity; |
||
464 | transition-property: opacity; |
||
465 | } |
||
466 | .swiper-container-fade .swiper-slide .swiper-slide { |
||
467 | pointer-events: none; |
||
468 | } |
||
469 | .swiper-container-fade .swiper-slide-active, |
||
470 | .swiper-container-fade .swiper-slide-active .swiper-slide-active { |
||
471 | pointer-events: auto; |
||
472 | } |
||
473 | .swiper-zoom-container { |
||
474 | width: 100%; |
||
475 | height: 100%; |
||
476 | display: -webkit-box; |
||
477 | display: -moz-box; |
||
478 | display: -ms-flexbox; |
||
479 | display: -webkit-flex; |
||
480 | display: flex; |
||
481 | -webkit-box-pack: center; |
||
482 | -moz-box-pack: center; |
||
483 | -ms-flex-pack: center; |
||
484 | -webkit-justify-content: center; |
||
485 | justify-content: center; |
||
486 | -webkit-box-align: center; |
||
487 | -moz-box-align: center; |
||
488 | -ms-flex-align: center; |
||
489 | -webkit-align-items: center; |
||
490 | align-items: center; |
||
491 | text-align: center; |
||
492 | } |
||
493 | .swiper-zoom-container > img, |
||
494 | .swiper-zoom-container > svg, |
||
495 | .swiper-zoom-container > canvas { |
||
496 | max-width: 100%; |
||
497 | max-height: 100%; |
||
498 | object-fit: contain; |
||
499 | } |
||
500 | /* Scrollbar */ |
||
501 | .swiper-scrollbar { |
||
502 | border-radius: 10px; |
||
503 | position: relative; |
||
504 | -ms-touch-action: none; |
||
505 | background: rgba(0, 0, 0, 0.1); |
||
506 | } |
||
507 | .swiper-container-horizontal > .swiper-scrollbar { |
||
508 | position: absolute; |
||
509 | left: 1%; |
||
510 | bottom: 3px; |
||
511 | z-index: 50; |
||
512 | height: 5px; |
||
513 | width: 98%; |
||
514 | } |
||
515 | .swiper-container-vertical > .swiper-scrollbar { |
||
516 | position: absolute; |
||
517 | right: 3px; |
||
518 | top: 1%; |
||
519 | z-index: 50; |
||
520 | width: 5px; |
||
521 | height: 98%; |
||
522 | } |
||
523 | .swiper-scrollbar-drag { |
||
524 | height: 100%; |
||
525 | width: 100%; |
||
526 | position: relative; |
||
527 | background: rgba(0, 0, 0, 0.5); |
||
528 | border-radius: 10px; |
||
529 | left: 0; |
||
530 | top: 0; |
||
531 | } |
||
532 | .swiper-scrollbar-cursor-drag { |
||
533 | cursor: move; |
||
534 | } |
||
535 | /* Preloader */ |
||
536 | .swiper-lazy-preloader { |
||
537 | width: 42px; |
||
538 | height: 42px; |
||
539 | position: absolute; |
||
540 | left: 50%; |
||
541 | top: 50%; |
||
542 | margin-left: -21px; |
||
543 | margin-top: -21px; |
||
544 | z-index: 10; |
||
545 | -webkit-transform-origin: 50%; |
||
546 | -moz-transform-origin: 50%; |
||
547 | transform-origin: 50%; |
||
548 | -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; |
||
549 | -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; |
||
550 | animation: swiper-preloader-spin 1s steps(12, end) infinite; |
||
551 | } |
||
552 | .swiper-lazy-preloader:after { |
||
553 | display: block; |
||
554 | content: ""; |
||
555 | width: 100%; |
||
556 | height: 100%; |
||
557 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); |
||
558 | background-position: 50%; |
||
559 | -webkit-background-size: 100%; |
||
560 | background-size: 100%; |
||
561 | background-repeat: no-repeat; |
||
562 | } |
||
563 | .swiper-lazy-preloader-white:after { |
||
564 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); |
||
565 | } |
||
566 | @-webkit-keyframes swiper-preloader-spin { |
||
567 | 100% { |
||
568 | -webkit-transform: rotate(360deg); |
||
569 | } |
||
570 | } |
||
571 | @keyframes swiper-preloader-spin { |
||
572 | 100% { |
||
573 | transform: rotate(360deg); |
||
574 | } |
||
575 | } |