PluginProbe
Photonic Gallery & Lightbox for Flickr, SmugMug & Others / 3.37
Photonic Gallery & Lightbox for Flickr, SmugMug & Others v3.37
3.37 3.36 3.35 3.34 3.33 2.19 2.20 2.21 2.22 2.23 2.24 2.25 2.26 2.27 2.28 2.29 2.30 2.31 2.32 2.33 2.34 2.40 2.41 2.42 2.43 All 142 releases
photonic / include / ext / lightgallery / lightgallery-transitions.css

lightgallery-transitions.css in Photonic Gallery & Lightbox for Flickr, SmugMug & Others 3.37, at include/ext/lightgallery/lightgallery-transitions.css

960 lines 38.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .lg-css3.lg-zoom-in .lg-item {
2 opacity: 0;
3 }
4
5 .lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
6 -webkit-transform: scale3d(1.3, 1.3, 1.3);
7 transform: scale3d(1.3, 1.3, 1.3);
8 }
9
10 .lg-css3.lg-zoom-in .lg-item.lg-next-slide {
11 -webkit-transform: scale3d(1.3, 1.3, 1.3);
12 transform: scale3d(1.3, 1.3, 1.3);
13 }
14
15 .lg-css3.lg-zoom-in .lg-item.lg-current {
16 -webkit-transform: scale3d(1, 1, 1);
17 transform: scale3d(1, 1, 1);
18 opacity: 1;
19 }
20
21 .lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current {
22 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
23 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
24 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
25 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
26 }
27
28 .lg-css3.lg-lollipop-rev .lg-item {
29 opacity: 0;
30 }
31
32 .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
33 -moz-transform: translate3d(0, 0, 0) scale(0.5);
34 -o-transform: translate3d(0, 0, 0) scale(0.5);
35 -ms-transform: translate3d(0, 0, 0) scale(0.5);
36 -webkit-transform: translate3d(0, 0, 0) scale(0.5);
37 transform: translate3d(0, 0, 0) scale(0.5);
38 }
39
40 .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
41 -webkit-transform: translate3d(100%, 0, 0);
42 transform: translate3d(100%, 0, 0);
43 }
44
45 .lg-css3.lg-lollipop-rev .lg-item.lg-current {
46 -webkit-transform: translate3d(0, 0, 0);
47 transform: translate3d(0, 0, 0);
48 opacity: 1;
49 }
50
51 .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current {
52 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
53 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
54 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
55 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
56 }
57
58 .lg-css3.lg-slide-skew-ver-cross .lg-item {
59 opacity: 0;
60 }
61
62 .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
63 -moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
64 -o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
65 -ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
66 -webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
67 transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
68 }
69
70 .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
71 -moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
72 -o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
73 -ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
74 -webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
75 transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
76 }
77
78 .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
79 -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
80 -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
81 -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
82 -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
83 transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
84 opacity: 1;
85 }
86
87 .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
88 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
89 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
90 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
91 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
92 }
93
94 .lg-css3.lg-lollipop .lg-item {
95 opacity: 0;
96 }
97
98 .lg-css3.lg-lollipop .lg-item.lg-prev-slide {
99 -webkit-transform: translate3d(-100%, 0, 0);
100 transform: translate3d(-100%, 0, 0);
101 }
102
103 .lg-css3.lg-lollipop .lg-item.lg-next-slide {
104 -moz-transform: translate3d(0, 0, 0) scale(0.5);
105 -o-transform: translate3d(0, 0, 0) scale(0.5);
106 -ms-transform: translate3d(0, 0, 0) scale(0.5);
107 -webkit-transform: translate3d(0, 0, 0) scale(0.5);
108 transform: translate3d(0, 0, 0) scale(0.5);
109 }
110
111 .lg-css3.lg-lollipop .lg-item.lg-current {
112 -webkit-transform: translate3d(0, 0, 0);
113 transform: translate3d(0, 0, 0);
114 opacity: 1;
115 }
116
117 .lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current {
118 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
119 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
120 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
121 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
122 }
123
124 .lg-css3.lg-slide-skew-ver-rev .lg-item {
125 opacity: 0;
126 }
127
128 .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
129 -moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
130 -o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
131 -ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
132 -webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
133 transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
134 }
135
136 .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
137 -moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
138 -o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
139 -ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
140 -webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
141 transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
142 }
143
144 .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
145 -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
146 -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
147 -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
148 -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
149 transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
150 opacity: 1;
151 }
152
153 .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
154 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
155 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
156 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
157 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
158 }
159
160 .lg-css3.lg-rotate-rev .lg-item {
161 opacity: 0;
162 }
163
164 .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
165 -moz-transform: rotate(360deg);
166 -o-transform: rotate(360deg);
167 -ms-transform: rotate(360deg);
168 -webkit-transform: rotate(360deg);
169 transform: rotate(360deg);
170 }
171
172 .lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
173 -moz-transform: rotate(-360deg);
174 -o-transform: rotate(-360deg);
175 -ms-transform: rotate(-360deg);
176 -webkit-transform: rotate(-360deg);
177 transform: rotate(-360deg);
178 }
179
180 .lg-css3.lg-rotate-rev .lg-item.lg-current {
181 -moz-transform: rotate(0deg);
182 -o-transform: rotate(0deg);
183 -ms-transform: rotate(0deg);
184 -webkit-transform: rotate(0deg);
185 transform: rotate(0deg);
186 opacity: 1;
187 }
188
189 .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current {
190 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
191 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
192 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
193 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
194 }
195
196 .lg-css3.lg-slide-skew-ver .lg-item {
197 opacity: 0;
198 }
199
200 .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
201 -moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
202 -o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
203 -ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
204 -webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
205 transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
206 }
207
208 .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
209 -moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
210 -o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
211 -ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
212 -webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
213 transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
214 }
215
216 .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
217 -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
218 -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
219 -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
220 -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
221 transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
222 opacity: 1;
223 }
224
225 .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
226 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
227 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
228 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
229 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
230 }
231
232 .lg-css3.lg-rotate .lg-item {
233 opacity: 0;
234 }
235
236 .lg-css3.lg-rotate .lg-item.lg-prev-slide {
237 -moz-transform: rotate(-360deg);
238 -o-transform: rotate(-360deg);
239 -ms-transform: rotate(-360deg);
240 -webkit-transform: rotate(-360deg);
241 transform: rotate(-360deg);
242 }
243
244 .lg-css3.lg-rotate .lg-item.lg-next-slide {
245 -moz-transform: rotate(360deg);
246 -o-transform: rotate(360deg);
247 -ms-transform: rotate(360deg);
248 -webkit-transform: rotate(360deg);
249 transform: rotate(360deg);
250 }
251
252 .lg-css3.lg-rotate .lg-item.lg-current {
253 -moz-transform: rotate(0deg);
254 -o-transform: rotate(0deg);
255 -ms-transform: rotate(0deg);
256 -webkit-transform: rotate(0deg);
257 transform: rotate(0deg);
258 opacity: 1;
259 }
260
261 .lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current {
262 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
263 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
264 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
265 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
266 }
267
268 .lg-css3.lg-slide-skew .lg-item {
269 opacity: 0;
270 }
271
272 .lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
273 -moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
274 -o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
275 -ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
276 -webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
277 transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
278 }
279
280 .lg-css3.lg-slide-skew .lg-item.lg-next-slide {
281 -moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
282 -o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
283 -ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
284 -webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
285 transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
286 }
287
288 .lg-css3.lg-slide-skew .lg-item.lg-current {
289 -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
290 -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
291 -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
292 -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
293 transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
294 opacity: 1;
295 }
296
297 .lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current {
298 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
299 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
300 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
301 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
302 }
303
304 .lg-css3.lg-scale-up .lg-item {
305 opacity: 0;
306 }
307
308 .lg-css3.lg-scale-up .lg-item.lg-prev-slide {
309 -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
310 -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
311 -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
312 -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
313 transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
314 }
315
316 .lg-css3.lg-scale-up .lg-item.lg-next-slide {
317 -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
318 -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
319 -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
320 -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
321 transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
322 }
323
324 .lg-css3.lg-scale-up .lg-item.lg-current {
325 -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
326 -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
327 -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
328 -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
329 transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
330 opacity: 1;
331 }
332
333 .lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current {
334 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
335 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
336 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
337 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
338 }
339
340 .lg-css3.lg-slide-vertical-growth .lg-item {
341 opacity: 0;
342 }
343
344 .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
345 -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
346 -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
347 -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
348 -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
349 transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
350 }
351
352 .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
353 -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
354 -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
355 -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
356 -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
357 transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
358 }
359
360 .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
361 -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
362 -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
363 -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
364 -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
365 transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
366 opacity: 1;
367 }
368
369 .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
370 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
371 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
372 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
373 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
374 }
375
376 .lg-css3.lg-slide-circular-vertical .lg-item {
377 opacity: 0;
378 }
379
380 .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
381 -moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
382 -o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
383 -ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
384 -webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
385 transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
386 }
387
388 .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
389 -moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
390 -o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
391 -ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
392 -webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
393 transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
394 }
395
396 .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
397 -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
398 -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
399 -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
400 -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
401 transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
402 opacity: 1;
403 }
404
405 .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
406 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
407 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
408 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
409 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
410 }
411
412 .lg-css3.lg-slide-vertical .lg-item {
413 opacity: 0;
414 }
415
416 .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
417 -webkit-transform: translate3d(0, -100%, 0);
418 transform: translate3d(0, -100%, 0);
419 }
420
421 .lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
422 -webkit-transform: translate3d(0, 100%, 0);
423 transform: translate3d(0, 100%, 0);
424 }
425
426 .lg-css3.lg-slide-vertical .lg-item.lg-current {
427 -webkit-transform: translate3d(0, 0, 0);
428 transform: translate3d(0, 0, 0);
429 opacity: 1;
430 }
431
432 .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current {
433 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
434 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
435 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
436 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
437 }
438
439 .lg-css3.lg-slide-circular .lg-item {
440 opacity: 0;
441 }
442
443 .lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
444 -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
445 -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
446 -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
447 -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
448 transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
449 }
450
451 .lg-css3.lg-slide-circular .lg-item.lg-next-slide {
452 -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
453 -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
454 -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
455 -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
456 transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
457 }
458
459 .lg-css3.lg-slide-circular .lg-item.lg-current {
460 -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
461 -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
462 -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
463 -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
464 transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
465 opacity: 1;
466 }
467
468 .lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current {
469 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
470 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
471 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
472 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
473 }
474
475 .lg-css3.lg-soft-zoom .lg-item {
476 opacity: 0;
477 }
478
479 .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
480 -webkit-transform: scale3d(1.1, 1.1, 1.1);
481 transform: scale3d(1.1, 1.1, 1.1);
482 }
483
484 .lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
485 -webkit-transform: scale3d(0.9, 0.9, 0.9);
486 transform: scale3d(0.9, 0.9, 0.9);
487 }
488
489 .lg-css3.lg-soft-zoom .lg-item.lg-current {
490 -webkit-transform: scale3d(1, 1, 1);
491 transform: scale3d(1, 1, 1);
492 opacity: 1;
493 }
494
495 .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current {
496 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
497 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
498 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
499 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
500 }
501
502 .lg-css3.lg-slide-skew-cross-rev .lg-item {
503 opacity: 0;
504 }
505
506 .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
507 -moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
508 -o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
509 -ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
510 -webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
511 transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
512 }
513
514 .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
515 -moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
516 -o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
517 -ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
518 -webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
519 transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
520 }
521
522 .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
523 -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
524 -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
525 -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
526 -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
527 transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
528 opacity: 1;
529 }
530
531 .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
532 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
533 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
534 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
535 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
536 }
537
538 .lg-css3.lg-tube .lg-item {
539 opacity: 0;
540 }
541
542 .lg-css3.lg-tube .lg-item.lg-prev-slide {
543 -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
544 -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
545 -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
546 -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
547 transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
548 }
549
550 .lg-css3.lg-tube .lg-item.lg-next-slide {
551 -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
552 -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
553 -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
554 -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
555 transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
556 }
557
558 .lg-css3.lg-tube .lg-item.lg-current {
559 -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
560 -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
561 -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
562 -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
563 transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
564 opacity: 1;
565 }
566
567 .lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current {
568 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
569 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
570 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
571 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
572 }
573
574 .lg-css3.lg-slide-skew-cross .lg-item {
575 opacity: 0;
576 }
577
578 .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
579 -moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
580 -o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
581 -ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
582 -webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
583 transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
584 }
585
586 .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
587 -moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
588 -o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
589 -ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
590 -webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
591 transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
592 }
593
594 .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
595 -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
596 -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
597 -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
598 -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
599 transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
600 opacity: 1;
601 }
602
603 .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
604 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
605 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
606 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
607 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
608 }
609
610 .lg-css3.lg-zoom-in-big .lg-item {
611 opacity: 0;
612 }
613
614 .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
615 -webkit-transform: scale3d(2, 2, 2);
616 transform: scale3d(2, 2, 2);
617 }
618
619 .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
620 -webkit-transform: scale3d(2, 2, 2);
621 transform: scale3d(2, 2, 2);
622 }
623
624 .lg-css3.lg-zoom-in-big .lg-item.lg-current {
625 -webkit-transform: scale3d(1, 1, 1);
626 transform: scale3d(1, 1, 1);
627 opacity: 1;
628 }
629
630 .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current {
631 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
632 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
633 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
634 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
635 }
636
637 .lg-css3.lg-slide-skew-only-rev .lg-item {
638 opacity: 0;
639 }
640
641 .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
642 -moz-transform: skew(-10deg, 0deg);
643 -o-transform: skew(-10deg, 0deg);
644 -ms-transform: skew(-10deg, 0deg);
645 -webkit-transform: skew(-10deg, 0deg);
646 transform: skew(-10deg, 0deg);
647 }
648
649 .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
650 -moz-transform: skew(-10deg, 0deg);
651 -o-transform: skew(-10deg, 0deg);
652 -ms-transform: skew(-10deg, 0deg);
653 -webkit-transform: skew(-10deg, 0deg);
654 transform: skew(-10deg, 0deg);
655 }
656
657 .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
658 -moz-transform: skew(0deg, 0deg);
659 -o-transform: skew(0deg, 0deg);
660 -ms-transform: skew(0deg, 0deg);
661 -webkit-transform: skew(0deg, 0deg);
662 transform: skew(0deg, 0deg);
663 opacity: 1;
664 }
665
666 .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
667 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
668 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
669 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
670 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
671 }
672
673 .lg-css3.lg-zoom-in-out .lg-item {
674 opacity: 0;
675 }
676
677 .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
678 -webkit-transform: scale3d(2, 2, 2);
679 transform: scale3d(2, 2, 2);
680 }
681
682 .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
683 -webkit-transform: scale3d(0, 0, 0);
684 transform: scale3d(0, 0, 0);
685 }
686
687 .lg-css3.lg-zoom-in-out .lg-item.lg-current {
688 -webkit-transform: scale3d(1, 1, 1);
689 transform: scale3d(1, 1, 1);
690 opacity: 1;
691 }
692
693 .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current {
694 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
695 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
696 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
697 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
698 }
699
700 .lg-css3.lg-slide-skew-only-y-rev .lg-item {
701 opacity: 0;
702 }
703
704 .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
705 -moz-transform: skew(0deg, -10deg);
706 -o-transform: skew(0deg, -10deg);
707 -ms-transform: skew(0deg, -10deg);
708 -webkit-transform: skew(0deg, -10deg);
709 transform: skew(0deg, -10deg);
710 }
711
712 .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
713 -moz-transform: skew(0deg, -10deg);
714 -o-transform: skew(0deg, -10deg);
715 -ms-transform: skew(0deg, -10deg);
716 -webkit-transform: skew(0deg, -10deg);
717 transform: skew(0deg, -10deg);
718 }
719
720 .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
721 -moz-transform: skew(0deg, 0deg);
722 -o-transform: skew(0deg, 0deg);
723 -ms-transform: skew(0deg, 0deg);
724 -webkit-transform: skew(0deg, 0deg);
725 transform: skew(0deg, 0deg);
726 opacity: 1;
727 }
728
729 .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
730 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
731 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
732 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
733 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
734 }
735
736 .lg-css3.lg-slide-skew-only-y .lg-item {
737 opacity: 0;
738 }
739
740 .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
741 -moz-transform: skew(0deg, 10deg);
742 -o-transform: skew(0deg, 10deg);
743 -ms-transform: skew(0deg, 10deg);
744 -webkit-transform: skew(0deg, 10deg);
745 transform: skew(0deg, 10deg);
746 }
747
748 .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
749 -moz-transform: skew(0deg, 10deg);
750 -o-transform: skew(0deg, 10deg);
751 -ms-transform: skew(0deg, 10deg);
752 -webkit-transform: skew(0deg, 10deg);
753 transform: skew(0deg, 10deg);
754 }
755
756 .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
757 -moz-transform: skew(0deg, 0deg);
758 -o-transform: skew(0deg, 0deg);
759 -ms-transform: skew(0deg, 0deg);
760 -webkit-transform: skew(0deg, 0deg);
761 transform: skew(0deg, 0deg);
762 opacity: 1;
763 }
764
765 .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
766 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
767 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
768 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
769 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
770 }
771
772 .lg-css3.lg-zoom-out-big .lg-item {
773 opacity: 0;
774 }
775
776 .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
777 -webkit-transform: scale3d(0, 0, 0);
778 transform: scale3d(0, 0, 0);
779 }
780
781 .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
782 -webkit-transform: scale3d(0, 0, 0);
783 transform: scale3d(0, 0, 0);
784 }
785
786 .lg-css3.lg-zoom-out-big .lg-item.lg-current {
787 -webkit-transform: scale3d(1, 1, 1);
788 transform: scale3d(1, 1, 1);
789 opacity: 1;
790 }
791
792 .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current {
793 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
794 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
795 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
796 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
797 }
798
799 .lg-css3.lg-slide-skew-only .lg-item {
800 opacity: 0;
801 }
802
803 .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
804 -moz-transform: skew(10deg, 0deg);
805 -o-transform: skew(10deg, 0deg);
806 -ms-transform: skew(10deg, 0deg);
807 -webkit-transform: skew(10deg, 0deg);
808 transform: skew(10deg, 0deg);
809 }
810
811 .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
812 -moz-transform: skew(10deg, 0deg);
813 -o-transform: skew(10deg, 0deg);
814 -ms-transform: skew(10deg, 0deg);
815 -webkit-transform: skew(10deg, 0deg);
816 transform: skew(10deg, 0deg);
817 }
818
819 .lg-css3.lg-slide-skew-only .lg-item.lg-current {
820 -moz-transform: skew(0deg, 0deg);
821 -o-transform: skew(0deg, 0deg);
822 -ms-transform: skew(0deg, 0deg);
823 -webkit-transform: skew(0deg, 0deg);
824 transform: skew(0deg, 0deg);
825 opacity: 1;
826 }
827
828 .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current {
829 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
830 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
831 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
832 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
833 }
834
835 .lg-css3.lg-zoom-out-in .lg-item {
836 opacity: 0;
837 }
838
839 .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
840 -webkit-transform: scale3d(0, 0, 0);
841 transform: scale3d(0, 0, 0);
842 }
843
844 .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
845 -webkit-transform: scale3d(2, 2, 2);
846 transform: scale3d(2, 2, 2);
847 }
848
849 .lg-css3.lg-zoom-out-in .lg-item.lg-current {
850 -webkit-transform: scale3d(1, 1, 1);
851 transform: scale3d(1, 1, 1);
852 opacity: 1;
853 }
854
855 .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current {
856 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
857 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
858 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
859 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
860 }
861
862 .lg-css3.lg-slide-skew-rev .lg-item {
863 opacity: 0;
864 }
865
866 .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
867 -moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
868 -o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
869 -ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
870 -webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
871 transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
872 }
873
874 .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
875 -moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
876 -o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
877 -ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
878 -webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
879 transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
880 }
881
882 .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
883 -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
884 -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
885 -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
886 -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
887 transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
888 opacity: 1;
889 }
890
891 .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
892 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
893 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
894 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
895 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
896 }
897
898 .lg-css3.lg-zoom-out .lg-item {
899 opacity: 0;
900 }
901
902 .lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
903 -webkit-transform: scale3d(0.7, 0.7, 0.7);
904 transform: scale3d(0.7, 0.7, 0.7);
905 }
906
907 .lg-css3.lg-zoom-out .lg-item.lg-next-slide {
908 -webkit-transform: scale3d(0.7, 0.7, 0.7);
909 transform: scale3d(0.7, 0.7, 0.7);
910 }
911
912 .lg-css3.lg-zoom-out .lg-item.lg-current {
913 -webkit-transform: scale3d(1, 1, 1);
914 transform: scale3d(1, 1, 1);
915 opacity: 1;
916 }
917
918 .lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current {
919 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
920 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
921 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
922 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
923 }
924
925 .lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
926 opacity: 0;
927 }
928
929 .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
930 -moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
931 -o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
932 -ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
933 -webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
934 transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
935 }
936
937 .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
938 -moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
939 -o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
940 -ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
941 -webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
942 transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
943 }
944
945 .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
946 -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
947 -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
948 -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
949 -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
950 transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
951 opacity: 1;
952 }
953
954 .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
955 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
956 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
957 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
958 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
959 }
960