UNPKG

36.3 kBCSSView Raw
1@font-face {
2 font-family: 'lg';
3 src: url("../fonts/lg.woff2?io9a6k") format("woff2"), url("../fonts/lg.ttf?io9a6k") format("truetype"), url("../fonts/lg.woff?io9a6k") format("woff"), url("../fonts/lg.svg?io9a6k#lg") format("svg");
4 font-weight: normal;
5 font-style: normal;
6 font-display: block;
7}
8
9.lg-icon {
10 /* use !important to prevent issues with browser extensions that change fonts */
11 font-family: 'lg' !important;
12 speak: never;
13 font-style: normal;
14 font-weight: normal;
15 font-variant: normal;
16 text-transform: none;
17 line-height: 1;
18 /* Better Font Rendering =========== */
19 -webkit-font-smoothing: antialiased;
20 -moz-osx-font-smoothing: grayscale;
21}
22
23.lg-container {
24 font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
25}
26
27.lg-next,
28.lg-prev {
29 background-color: rgba(0, 0, 0, 0.45);
30 border-radius: 2px;
31 color: #999;
32 cursor: pointer;
33 display: block;
34 font-size: 22px;
35 margin-top: -10px;
36 padding: 8px 10px 9px;
37 position: absolute;
38 top: 50%;
39 z-index: 1084;
40 outline: none;
41 border: none;
42}
43
44.lg-next.disabled,
45.lg-prev.disabled {
46 opacity: 0 !important;
47 cursor: default;
48}
49
50.lg-next:hover:not(.disabled),
51.lg-prev:hover:not(.disabled) {
52 color: #fff;
53}
54
55.lg-single-item .lg-next, .lg-single-item
56.lg-prev {
57 display: none;
58}
59
60.lg-next {
61 right: 20px;
62}
63
64.lg-next:before {
65 content: '\e095';
66}
67
68.lg-prev {
69 left: 20px;
70}
71
72.lg-prev:after {
73 content: '\e094';
74}
75
76@-webkit-keyframes lg-right-end {
77 0% {
78 left: 0;
79 }
80 50% {
81 left: -30px;
82 }
83 100% {
84 left: 0;
85 }
86}
87
88@-moz-keyframes lg-right-end {
89 0% {
90 left: 0;
91 }
92 50% {
93 left: -30px;
94 }
95 100% {
96 left: 0;
97 }
98}
99
100@-ms-keyframes lg-right-end {
101 0% {
102 left: 0;
103 }
104 50% {
105 left: -30px;
106 }
107 100% {
108 left: 0;
109 }
110}
111
112@keyframes lg-right-end {
113 0% {
114 left: 0;
115 }
116 50% {
117 left: -30px;
118 }
119 100% {
120 left: 0;
121 }
122}
123
124@-webkit-keyframes lg-left-end {
125 0% {
126 left: 0;
127 }
128 50% {
129 left: 30px;
130 }
131 100% {
132 left: 0;
133 }
134}
135
136@-moz-keyframes lg-left-end {
137 0% {
138 left: 0;
139 }
140 50% {
141 left: 30px;
142 }
143 100% {
144 left: 0;
145 }
146}
147
148@-ms-keyframes lg-left-end {
149 0% {
150 left: 0;
151 }
152 50% {
153 left: 30px;
154 }
155 100% {
156 left: 0;
157 }
158}
159
160@keyframes lg-left-end {
161 0% {
162 left: 0;
163 }
164 50% {
165 left: 30px;
166 }
167 100% {
168 left: 0;
169 }
170}
171
172.lg-outer.lg-right-end .lg-object {
173 -webkit-animation: lg-right-end 0.3s;
174 -o-animation: lg-right-end 0.3s;
175 animation: lg-right-end 0.3s;
176 position: relative;
177}
178
179.lg-outer.lg-left-end .lg-object {
180 -webkit-animation: lg-left-end 0.3s;
181 -o-animation: lg-left-end 0.3s;
182 animation: lg-left-end 0.3s;
183 position: relative;
184}
185
186.lg-toolbar {
187 z-index: 1082;
188 left: 0;
189 position: absolute;
190 top: 0;
191 width: 100%;
192}
193
194.lg-media-overlap .lg-toolbar {
195 background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
196}
197
198.lg-toolbar .lg-icon {
199 color: #999;
200 cursor: pointer;
201 float: right;
202 font-size: 24px;
203 height: 47px;
204 line-height: 27px;
205 padding: 10px 0;
206 text-align: center;
207 width: 50px;
208 text-decoration: none !important;
209 outline: medium none;
210 will-change: color;
211 -webkit-transition: color 0.2s linear;
212 -o-transition: color 0.2s linear;
213 transition: color 0.2s linear;
214 background: none;
215 border: none;
216 box-shadow: none;
217}
218
219.lg-toolbar .lg-icon.lg-icon-18 {
220 font-size: 18px;
221}
222
223.lg-toolbar .lg-icon:hover {
224 color: #fff;
225}
226
227.lg-toolbar .lg-close:after {
228 content: '\e070';
229}
230
231.lg-toolbar .lg-maximize {
232 font-size: 22px;
233}
234
235.lg-toolbar .lg-maximize:after {
236 content: '\e90a';
237}
238
239.lg-toolbar .lg-download:after {
240 content: '\e0f2';
241}
242
243.lg-sub-html {
244 color: #eee;
245 font-size: 16px;
246 padding: 10px 40px;
247 text-align: center;
248 z-index: 1080;
249 opacity: 0;
250 -webkit-transition: opacity 0.2s ease-out 0s;
251 -o-transition: opacity 0.2s ease-out 0s;
252 transition: opacity 0.2s ease-out 0s;
253}
254
255.lg-sub-html h4 {
256 margin: 0;
257 font-size: 13px;
258 font-weight: bold;
259}
260
261.lg-sub-html p {
262 font-size: 12px;
263 margin: 5px 0 0;
264}
265
266.lg-sub-html a {
267 color: inherit;
268}
269
270.lg-sub-html a:hover {
271 text-decoration: underline;
272}
273
274.lg-media-overlap .lg-sub-html {
275 background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
276}
277
278.lg-item .lg-sub-html {
279 position: absolute;
280 bottom: 0;
281 right: 0;
282 left: 0;
283}
284
285.lg-error-msg {
286 font-size: 14px;
287 color: #999;
288}
289
290.lg-counter {
291 color: #999;
292 display: inline-block;
293 font-size: 16px;
294 padding-left: 20px;
295 padding-top: 12px;
296 height: 47px;
297 vertical-align: middle;
298}
299
300.lg-closing .lg-toolbar,
301.lg-closing .lg-prev,
302.lg-closing .lg-next,
303.lg-closing .lg-sub-html {
304 opacity: 0;
305 -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
306 -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
307 -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
308 transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
309}
310
311body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
312body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
313 opacity: 0;
314 -moz-transform: scale3d(0.5, 0.5, 0.5);
315 -o-transform: scale3d(0.5, 0.5, 0.5);
316 -ms-transform: scale3d(0.5, 0.5, 0.5);
317 -webkit-transform: scale3d(0.5, 0.5, 0.5);
318 transform: scale3d(0.5, 0.5, 0.5);
319 will-change: transform, opacity;
320 -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
321 -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
322 -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
323 transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
324}
325
326body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
327body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
328 opacity: 1;
329 -moz-transform: scale3d(1, 1, 1);
330 -o-transform: scale3d(1, 1, 1);
331 -ms-transform: scale3d(1, 1, 1);
332 -webkit-transform: scale3d(1, 1, 1);
333 transform: scale3d(1, 1, 1);
334}
335
336.lg-icon:focus-visible {
337 color: #fff;
338 border-radius: 3px;
339 outline: 1px dashed rgba(255, 255, 255, 0.6);
340}
341
342.lg-toolbar .lg-icon:focus-visible {
343 border-radius: 8px;
344 outline-offset: -5px;
345}
346
347.lg-outer .lg-thumb-outer {
348 background-color: #0d0a0a;
349 width: 100%;
350 max-height: 350px;
351 overflow: hidden;
352 float: left;
353}
354
355.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
356 cursor: -webkit-grab;
357 cursor: -moz-grab;
358 cursor: -o-grab;
359 cursor: -ms-grab;
360 cursor: grab;
361}
362
363.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
364 cursor: move;
365 cursor: -webkit-grabbing;
366 cursor: -moz-grabbing;
367 cursor: -o-grabbing;
368 cursor: -ms-grabbing;
369 cursor: grabbing;
370}
371
372.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
373 -webkit-transition-duration: 0s !important;
374 transition-duration: 0s !important;
375}
376
377.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
378 -webkit-transition-duration: 0s !important;
379 transition-duration: 0s !important;
380}
381
382.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
383 text-align: center;
384}
385
386.lg-outer .lg-thumb-outer.lg-thumb-align-left {
387 text-align: left;
388}
389
390.lg-outer .lg-thumb-outer.lg-thumb-align-right {
391 text-align: right;
392}
393
394.lg-outer.lg-single-item .lg-thumb-outer {
395 display: none;
396}
397
398.lg-outer .lg-thumb {
399 padding: 5px 0;
400 height: 100%;
401 margin-bottom: -5px;
402 display: inline-block;
403 vertical-align: middle;
404}
405
406@media (min-width: 768px) {
407 .lg-outer .lg-thumb {
408 padding: 10px 0;
409 }
410}
411
412.lg-outer .lg-thumb-item {
413 cursor: pointer;
414 float: left;
415 overflow: hidden;
416 height: 100%;
417 border-radius: 2px;
418 margin-bottom: 5px;
419 will-change: border-color;
420}
421
422@media (min-width: 768px) {
423 .lg-outer .lg-thumb-item {
424 border-radius: 4px;
425 border: 2px solid #fff;
426 -webkit-transition: border-color 0.25s ease;
427 -o-transition: border-color 0.25s ease;
428 transition: border-color 0.25s ease;
429 }
430}
431
432.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
433 border-color: #a90707;
434}
435
436.lg-outer .lg-thumb-item img {
437 width: 100%;
438 height: 100%;
439 object-fit: cover;
440 display: block;
441}
442
443.lg-outer.lg-can-toggle .lg-item {
444 padding-bottom: 0;
445}
446
447.lg-outer .lg-toggle-thumb:after {
448 content: '\e1ff';
449}
450
451.lg-outer.lg-animate-thumb .lg-thumb {
452 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
453 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
454}
455
456.lg-outer .lg-video-cont {
457 text-align: center;
458 display: inline-block;
459 vertical-align: middle;
460 position: relative;
461}
462
463.lg-outer .lg-video-cont .lg-object {
464 width: 100% !important;
465 height: 100% !important;
466}
467
468.lg-outer .lg-has-iframe .lg-video-cont {
469 -webkit-overflow-scrolling: touch;
470 overflow: auto;
471}
472
473.lg-outer .lg-video-object {
474 position: absolute;
475 left: 0;
476 right: 0;
477 width: 100%;
478 height: 100%;
479 top: 0;
480 bottom: 0;
481 z-index: 3;
482}
483
484.lg-outer .lg-video-poster {
485 z-index: 1;
486}
487
488.lg-outer .lg-has-video .lg-video-object {
489 opacity: 0;
490 will-change: opacity;
491 -webkit-transition: opacity 0.3s ease-in;
492 -o-transition: opacity 0.3s ease-in;
493 transition: opacity 0.3s ease-in;
494}
495
496.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster,
497.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button {
498 opacity: 0 !important;
499}
500
501.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
502 opacity: 1;
503}
504
505@keyframes lg-play-stroke {
506 0% {
507 stroke-dasharray: 1, 200;
508 stroke-dashoffset: 0;
509 }
510 50% {
511 stroke-dasharray: 89, 200;
512 stroke-dashoffset: -35px;
513 }
514 100% {
515 stroke-dasharray: 89, 200;
516 stroke-dashoffset: -124px;
517 }
518}
519
520@keyframes lg-play-rotate {
521 100% {
522 -webkit-transform: rotate(360deg);
523 transform: rotate(360deg);
524 }
525}
526
527.lg-video-play-button {
528 width: 18%;
529 max-width: 140px;
530 position: absolute;
531 top: 50%;
532 left: 50%;
533 z-index: 2;
534 cursor: pointer;
535 transform: translate(-50%, -50%) scale(1);
536 will-change: opacity, transform;
537 -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
538 -moz-transition: -moz-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
539 -o-transition: -o-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
540 transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
541}
542
543.lg-video-play-button:hover .lg-video-play-icon-bg,
544.lg-video-play-button:hover .lg-video-play-icon {
545 opacity: 1;
546}
547
548.lg-video-play-icon-bg {
549 fill: none;
550 stroke-width: 3%;
551 stroke: #fcfcfc;
552 opacity: 0.6;
553 will-change: opacity;
554 -webkit-transition: opacity 0.12s ease-in;
555 -o-transition: opacity 0.12s ease-in;
556 transition: opacity 0.12s ease-in;
557}
558
559.lg-video-play-icon-circle {
560 position: absolute;
561 top: 0;
562 left: 0;
563 bottom: 0;
564 right: 0;
565 fill: none;
566 stroke-width: 3%;
567 stroke: rgba(30, 30, 30, 0.9);
568 stroke-opacity: 1;
569 stroke-linecap: round;
570 stroke-dasharray: 200;
571 stroke-dashoffset: 200;
572}
573
574.lg-video-play-icon {
575 position: absolute;
576 width: 25%;
577 max-width: 120px;
578 left: 50%;
579 top: 50%;
580 transform: translate3d(-50%, -50%, 0);
581 opacity: 0.6;
582 will-change: opacity;
583 -webkit-transition: opacity 0.12s ease-in;
584 -o-transition: opacity 0.12s ease-in;
585 transition: opacity 0.12s ease-in;
586}
587
588.lg-video-play-icon .lg-video-play-icon-inner {
589 fill: #fcfcfc;
590}
591
592.lg-video-loading .lg-video-play-icon-circle {
593 animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
594}
595
596.lg-video-loaded .lg-video-play-button {
597 opacity: 0;
598 transform: translate(-50%, -50%) scale(0.7);
599}
600
601.lg-progress-bar {
602 background-color: #333;
603 height: 5px;
604 left: 0;
605 position: absolute;
606 top: 0;
607 width: 100%;
608 z-index: 1083;
609 opacity: 0;
610 will-change: opacity;
611 -webkit-transition: opacity 0.08s ease 0s;
612 -moz-transition: opacity 0.08s ease 0s;
613 -o-transition: opacity 0.08s ease 0s;
614 transition: opacity 0.08s ease 0s;
615}
616
617.lg-progress-bar .lg-progress {
618 background-color: #a90707;
619 height: 5px;
620 width: 0;
621}
622
623.lg-progress-bar.lg-start .lg-progress {
624 width: 100%;
625}
626
627.lg-show-autoplay .lg-progress-bar {
628 opacity: 1;
629}
630
631.lg-autoplay-button:after {
632 content: '\e01d';
633}
634
635.lg-show-autoplay .lg-autoplay-button:after {
636 content: '\e01a';
637}
638
639.lg-single-item .lg-autoplay-button {
640 opacity: 0.75;
641 pointer-events: none;
642}
643
644.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
645.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
646 -webkit-transition-duration: 0ms !important;
647 transition-duration: 0ms !important;
648}
649
650.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
651 will-change: transform;
652 -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
653 -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
654 -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
655 transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
656}
657
658.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
659 will-change: transform;
660 -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
661 -moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
662 -o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
663 transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
664}
665
666.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
667 -webkit-transform: translate3d(0, 0, 0);
668 transform: translate3d(0, 0, 0);
669 -webkit-backface-visibility: hidden;
670 -moz-backface-visibility: hidden;
671 backface-visibility: hidden;
672}
673
674.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
675.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
676 -webkit-transform: scale3d(1, 1, 1);
677 transform: scale3d(1, 1, 1);
678 -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
679 -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
680 -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
681 transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
682 -webkit-backface-visibility: hidden;
683 -moz-backface-visibility: hidden;
684 backface-visibility: hidden;
685}
686
687.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition,
688.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition {
689 transition: none !important;
690}
691
692.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition,
693.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition {
694 transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
695 max-width: none !important;
696 max-height: none !important;
697 top: 50% !important;
698 left: 50% !important;
699}
700
701.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x,
702.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x {
703 transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
704 top: 0 !important;
705 left: 50% !important;
706 max-width: none !important;
707 max-height: none !important;
708}
709
710.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y,
711.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y {
712 transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
713 top: 50% !important;
714 left: 0% !important;
715 max-width: none !important;
716 max-height: none !important;
717}
718
719.lg-icon.lg-zoom-in:after {
720 content: '\e311';
721}
722
723.lg-actual-size .lg-icon.lg-zoom-in {
724 opacity: 0.5;
725 pointer-events: none;
726}
727
728.lg-icon.lg-actual-size {
729 font-size: 20px;
730}
731
732.lg-icon.lg-actual-size:after {
733 content: '\e033';
734}
735
736.lg-icon.lg-zoom-out {
737 opacity: 0.5;
738 pointer-events: none;
739}
740
741.lg-icon.lg-zoom-out:after {
742 content: '\e312';
743}
744
745.lg-zoomed .lg-icon.lg-zoom-out {
746 opacity: 1;
747 pointer-events: auto;
748}
749
750.lg-outer[data-lg-slide-type='video'] .lg-zoom-in,
751.lg-outer[data-lg-slide-type='video'] .lg-actual-size,
752.lg-outer[data-lg-slide-type='video'] .lg-zoom-out, .lg-outer[data-lg-slide-type='iframe'] .lg-zoom-in,
753.lg-outer[data-lg-slide-type='iframe'] .lg-actual-size,
754.lg-outer[data-lg-slide-type='iframe'] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in,
755.lg-outer.lg-first-slide-loading .lg-actual-size,
756.lg-outer.lg-first-slide-loading .lg-zoom-out {
757 opacity: 0.75;
758 pointer-events: none;
759}
760
761.lg-outer .lg-pager-outer {
762 text-align: center;
763 z-index: 1080;
764 height: 10px;
765 margin-bottom: 10px;
766}
767
768.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
769 overflow: visible;
770}
771
772.lg-outer.lg-single-item .lg-pager-outer {
773 display: none;
774}
775
776.lg-outer .lg-pager-cont {
777 cursor: pointer;
778 display: inline-block;
779 overflow: hidden;
780 position: relative;
781 vertical-align: top;
782 margin: 0 5px;
783}
784
785.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
786 opacity: 1;
787 -webkit-transform: translate3d(0, 0, 0);
788 transform: translate3d(0, 0, 0);
789}
790
791.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
792 box-shadow: 0 0 0 2px white inset;
793}
794
795.lg-outer .lg-pager-thumb-cont {
796 background-color: #fff;
797 color: #fff;
798 bottom: 100%;
799 height: 83px;
800 left: 0;
801 margin-bottom: 20px;
802 margin-left: -60px;
803 opacity: 0;
804 padding: 5px;
805 position: absolute;
806 width: 120px;
807 border-radius: 3px;
808 will-change: transform, opacity;
809 -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
810 -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
811 -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
812 transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
813 -webkit-transform: translate3d(0, 5px, 0);
814 transform: translate3d(0, 5px, 0);
815}
816
817.lg-outer .lg-pager-thumb-cont img {
818 width: 100%;
819 height: 100%;
820}
821
822.lg-outer .lg-pager {
823 background-color: rgba(255, 255, 255, 0.5);
824 border-radius: 50%;
825 box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
826 display: block;
827 height: 12px;
828 -webkit-transition: box-shadow 0.3s ease 0s;
829 -o-transition: box-shadow 0.3s ease 0s;
830 transition: box-shadow 0.3s ease 0s;
831 width: 12px;
832}
833
834.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
835 box-shadow: 0 0 0 8px white inset;
836}
837
838.lg-outer .lg-caret {
839 border-left: 10px solid transparent;
840 border-right: 10px solid transparent;
841 border-top: 10px dashed;
842 bottom: -10px;
843 display: inline-block;
844 height: 0;
845 left: 50%;
846 margin-left: -5px;
847 position: absolute;
848 vertical-align: middle;
849 width: 0;
850}
851
852.lg-fullscreen:after {
853 content: "\e20c";
854}
855
856.lg-fullscreen-on .lg-fullscreen:after {
857 content: "\e20d";
858}
859
860.lg-outer .lg-dropdown-overlay {
861 background-color: rgba(0, 0, 0, 0.25);
862 bottom: 0;
863 cursor: default;
864 left: 0;
865 position: absolute;
866 right: 0;
867 top: 0;
868 z-index: 1081;
869 opacity: 0;
870 visibility: hidden;
871 will-change: visibility, opacity;
872 -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
873 -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
874 transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
875}
876
877.lg-outer.lg-dropdown-active .lg-dropdown,
878.lg-outer.lg-dropdown-active .lg-dropdown-overlay {
879 -webkit-transition-delay: 0s;
880 transition-delay: 0s;
881 -moz-transform: translate3d(0, 0px, 0);
882 -o-transform: translate3d(0, 0px, 0);
883 -ms-transform: translate3d(0, 0px, 0);
884 -webkit-transform: translate3d(0, 0px, 0);
885 transform: translate3d(0, 0px, 0);
886 opacity: 1;
887 visibility: visible;
888}
889
890.lg-outer.lg-dropdown-active .lg-share {
891 color: #fff;
892}
893
894.lg-outer .lg-dropdown {
895 background-color: #fff;
896 border-radius: 2px;
897 font-size: 14px;
898 list-style-type: none;
899 margin: 0;
900 padding: 10px 0;
901 position: absolute;
902 right: 0;
903 text-align: left;
904 top: 50px;
905 opacity: 0;
906 visibility: hidden;
907 -moz-transform: translate3d(0, 5px, 0);
908 -o-transform: translate3d(0, 5px, 0);
909 -ms-transform: translate3d(0, 5px, 0);
910 -webkit-transform: translate3d(0, 5px, 0);
911 transform: translate3d(0, 5px, 0);
912 will-change: visibility, opacity, transform;
913 -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
914 -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
915 -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
916 transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
917}
918
919.lg-outer .lg-dropdown:after {
920 content: '';
921 display: block;
922 height: 0;
923 width: 0;
924 position: absolute;
925 border: 8px solid transparent;
926 border-bottom-color: #fff;
927 right: 16px;
928 top: -16px;
929}
930
931.lg-outer .lg-dropdown > li:last-child {
932 margin-bottom: 0px;
933}
934
935.lg-outer .lg-dropdown > li:hover a {
936 color: #333;
937}
938
939.lg-outer .lg-dropdown a {
940 color: #333;
941 display: block;
942 white-space: pre;
943 padding: 4px 12px;
944 font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
945 font-size: 12px;
946}
947
948.lg-outer .lg-dropdown a:hover {
949 background-color: rgba(0, 0, 0, 0.07);
950}
951
952.lg-outer .lg-dropdown .lg-dropdown-text {
953 display: inline-block;
954 line-height: 1;
955 margin-top: -3px;
956 vertical-align: middle;
957}
958
959.lg-outer .lg-dropdown .lg-icon {
960 color: #333;
961 display: inline-block;
962 float: none;
963 font-size: 20px;
964 height: auto;
965 line-height: 1;
966 margin-right: 8px;
967 padding: 0;
968 vertical-align: middle;
969 width: auto;
970}
971
972.lg-outer .lg-share {
973 position: relative;
974}
975
976.lg-outer .lg-share:after {
977 content: '\e80d';
978}
979
980.lg-outer .lg-share-facebook .lg-icon {
981 color: #3b5998;
982}
983
984.lg-outer .lg-share-facebook .lg-icon:after {
985 content: '\e904';
986}
987
988.lg-outer .lg-share-twitter .lg-icon {
989 color: #00aced;
990}
991
992.lg-outer .lg-share-twitter .lg-icon:after {
993 content: '\e907';
994}
995
996.lg-outer .lg-share-pinterest .lg-icon {
997 color: #cb2027;
998}
999
1000.lg-outer .lg-share-pinterest .lg-icon:after {
1001 content: '\e906';
1002}
1003
1004.lg-comment-box {
1005 width: 420px;
1006 max-width: 100%;
1007 position: absolute;
1008 right: 0;
1009 top: 0;
1010 bottom: 0;
1011 z-index: 9999;
1012 background-color: #fff;
1013 will-change: transform;
1014 -moz-transform: translate3d(100%, 0, 0);
1015 -o-transform: translate3d(100%, 0, 0);
1016 -ms-transform: translate3d(100%, 0, 0);
1017 -webkit-transform: translate3d(100%, 0, 0);
1018 transform: translate3d(100%, 0, 0);
1019 -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
1020 -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
1021 -o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
1022 transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
1023}
1024
1025.lg-comment-box .lg-comment-title {
1026 margin: 0;
1027 color: #fff;
1028 font-size: 18px;
1029}
1030
1031.lg-comment-box .lg-comment-header {
1032 background-color: #000;
1033 padding: 12px 20px;
1034 position: absolute;
1035 left: 0;
1036 right: 0;
1037 top: 0;
1038}
1039
1040.lg-comment-box .lg-comment-body {
1041 height: 100% !important;
1042 padding-top: 43px !important;
1043 width: 100% !important;
1044}
1045
1046.lg-comment-box .fb-comments {
1047 height: 100%;
1048 width: 100%;
1049 background: url("../images/loading.gif") no-repeat scroll center center #fff;
1050 overflow-y: auto;
1051 display: inline-block;
1052}
1053
1054.lg-comment-box .fb-comments[fb-xfbml-state='rendered'] {
1055 background-image: none;
1056}
1057
1058.lg-comment-box .fb-comments > span {
1059 max-width: 100%;
1060}
1061
1062.lg-comment-box .lg-comment-close {
1063 position: absolute;
1064 right: 5px;
1065 top: 12px;
1066 cursor: pointer;
1067 font-size: 20px;
1068 color: #999;
1069 will-change: color;
1070 -webkit-transition: color 0.2s linear;
1071 -o-transition: color 0.2s linear;
1072 transition: color 0.2s linear;
1073}
1074
1075.lg-comment-box .lg-comment-close:hover {
1076 color: #fff;
1077}
1078
1079.lg-comment-box .lg-comment-close:after {
1080 content: '\e070';
1081}
1082
1083.lg-comment-box iframe {
1084 max-width: 100% !important;
1085 width: 100% !important;
1086}
1087
1088.lg-comment-box #disqus_thread {
1089 padding: 0 20px;
1090}
1091
1092.lg-outer .lg-comment-overlay {
1093 background-color: rgba(0, 0, 0, 0.25);
1094 bottom: 0;
1095 cursor: default;
1096 left: 0;
1097 position: fixed;
1098 right: 0;
1099 top: 0;
1100 z-index: 1081;
1101 opacity: 0;
1102 visibility: hidden;
1103 will-change: visibility, opacity;
1104 -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
1105 -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
1106 transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
1107}
1108
1109.lg-outer .lg-comment-toggle:after {
1110 content: '\e908';
1111}
1112
1113.lg-outer.lg-comment-active .lg-comment-overlay {
1114 -webkit-transition-delay: 0s;
1115 transition-delay: 0s;
1116 -moz-transform: translate3d(0, 0px, 0);
1117 -o-transform: translate3d(0, 0px, 0);
1118 -ms-transform: translate3d(0, 0px, 0);
1119 -webkit-transform: translate3d(0, 0px, 0);
1120 transform: translate3d(0, 0px, 0);
1121 opacity: 1;
1122 visibility: visible;
1123}
1124
1125.lg-outer.lg-comment-active .lg-comment-toggle {
1126 color: #fff;
1127}
1128
1129.lg-outer.lg-comment-active .lg-comment-box {
1130 -moz-transform: translate3d(0, 0, 0);
1131 -o-transform: translate3d(0, 0, 0);
1132 -ms-transform: translate3d(0, 0, 0);
1133 -webkit-transform: translate3d(0, 0, 0);
1134 transform: translate3d(0, 0, 0);
1135}
1136
1137.lg-outer .lg-img-rotate {
1138 position: absolute;
1139 left: 0;
1140 right: 0;
1141 top: 0;
1142 bottom: 0;
1143 -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
1144 -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
1145 -o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
1146 transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
1147}
1148
1149.lg-outer[data-lg-slide-type='video'] .lg-rotate-left,
1150.lg-outer[data-lg-slide-type='video'] .lg-rotate-right,
1151.lg-outer[data-lg-slide-type='video'] .lg-flip-ver,
1152.lg-outer[data-lg-slide-type='video'] .lg-flip-hor, .lg-outer[data-lg-slide-type='iframe'] .lg-rotate-left,
1153.lg-outer[data-lg-slide-type='iframe'] .lg-rotate-right,
1154.lg-outer[data-lg-slide-type='iframe'] .lg-flip-ver,
1155.lg-outer[data-lg-slide-type='iframe'] .lg-flip-hor {
1156 opacity: 0.75;
1157 pointer-events: none;
1158}
1159
1160.lg-outer .lg-img-rotate:before {
1161 content: '';
1162 display: inline-block;
1163 height: 100%;
1164 vertical-align: middle;
1165}
1166
1167.lg-rotate-left:after {
1168 content: '\e900';
1169}
1170
1171.lg-rotate-right:after {
1172 content: '\e901';
1173}
1174
1175.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
1176 font-size: 26px;
1177}
1178
1179.lg-flip-ver:after {
1180 content: '\e903';
1181}
1182
1183.lg-flip-hor:after {
1184 content: '\e902';
1185}
1186
1187.lg-medium-zoom-item {
1188 cursor: zoom-in;
1189}
1190
1191.lg-medium-zoom .lg-outer {
1192 cursor: zoom-out;
1193}
1194
1195.lg-medium-zoom .lg-outer.lg-grab img.lg-object {
1196 cursor: zoom-out;
1197}
1198
1199.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object {
1200 cursor: zoom-out;
1201}
1202
1203.lg-relative-caption .lg-outer .lg-sub-html {
1204 white-space: normal;
1205 bottom: auto;
1206 padding: 0;
1207 background-image: none;
1208}
1209
1210.lg-relative-caption .lg-outer .lg-relative-caption-item {
1211 opacity: 0;
1212 padding: 16px 0;
1213 transition: 0.5s opacity ease;
1214}
1215
1216.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item {
1217 opacity: 1;
1218}
1219
1220.lg-group:after {
1221 content: '';
1222 display: table;
1223 clear: both;
1224}
1225
1226.lg-container {
1227 display: none;
1228 outline: none;
1229}
1230
1231.lg-container.lg-show {
1232 display: block;
1233}
1234
1235.lg-on {
1236 scroll-behavior: unset;
1237}
1238
1239.lg-overlay-open {
1240 overflow: hidden;
1241}
1242
1243.lg-toolbar,
1244.lg-prev,
1245.lg-next,
1246.lg-pager-outer,
1247.lg-hide-sub-html .lg-sub-html {
1248 opacity: 0;
1249 will-change: transform, opacity;
1250 -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
1251 -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
1252 -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
1253 transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
1254}
1255
1256.lg-show-in .lg-toolbar,
1257.lg-show-in .lg-prev,
1258.lg-show-in .lg-next,
1259.lg-show-in .lg-pager-outer {
1260 opacity: 1;
1261}
1262
1263.lg-show-in.lg-hide-sub-html .lg-sub-html {
1264 opacity: 1;
1265}
1266
1267.lg-show-in .lg-hide-items .lg-prev {
1268 opacity: 0;
1269 -webkit-transform: translate3d(-10px, 0, 0);
1270 transform: translate3d(-10px, 0, 0);
1271}
1272
1273.lg-show-in .lg-hide-items .lg-next {
1274 opacity: 0;
1275 -webkit-transform: translate3d(10px, 0, 0);
1276 transform: translate3d(10px, 0, 0);
1277}
1278
1279.lg-show-in .lg-hide-items .lg-toolbar {
1280 opacity: 0;
1281 -webkit-transform: translate3d(0, -10px, 0);
1282 transform: translate3d(0, -10px, 0);
1283}
1284
1285.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
1286 opacity: 0;
1287 -webkit-transform: translate3d(0, 20px, 0);
1288 transform: translate3d(0, 20px, 0);
1289}
1290
1291.lg-outer {
1292 width: 100%;
1293 height: 100%;
1294 position: fixed;
1295 top: 0;
1296 left: 0;
1297 z-index: 1050;
1298 text-align: left;
1299 opacity: 0.001;
1300 outline: none;
1301 will-change: auto;
1302 overflow: hidden;
1303 -webkit-transition: opacity 0.15s ease 0s;
1304 -o-transition: opacity 0.15s ease 0s;
1305 transition: opacity 0.15s ease 0s;
1306}
1307
1308.lg-outer * {
1309 -webkit-box-sizing: border-box;
1310 -moz-box-sizing: border-box;
1311 box-sizing: border-box;
1312}
1313
1314.lg-outer.lg-zoom-from-image {
1315 opacity: 1;
1316}
1317
1318.lg-outer.lg-visible {
1319 opacity: 1;
1320}
1321
1322.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
1323 -webkit-transition-duration: inherit !important;
1324 transition-duration: inherit !important;
1325 -webkit-transition-timing-function: inherit !important;
1326 transition-timing-function: inherit !important;
1327}
1328
1329.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
1330 -webkit-transition-duration: 0s !important;
1331 transition-duration: 0s !important;
1332 opacity: 1;
1333}
1334
1335.lg-outer.lg-grab img.lg-object {
1336 cursor: -webkit-grab;
1337 cursor: -moz-grab;
1338 cursor: -o-grab;
1339 cursor: -ms-grab;
1340 cursor: grab;
1341}
1342
1343.lg-outer.lg-grabbing img.lg-object {
1344 cursor: move;
1345 cursor: -webkit-grabbing;
1346 cursor: -moz-grabbing;
1347 cursor: -o-grabbing;
1348 cursor: -ms-grabbing;
1349 cursor: grabbing;
1350}
1351
1352.lg-outer .lg-content {
1353 position: absolute;
1354 top: 0;
1355 left: 0;
1356 right: 0;
1357 bottom: 0;
1358}
1359
1360.lg-outer .lg-inner {
1361 width: 100%;
1362 position: absolute;
1363 left: 0;
1364 top: 0;
1365 bottom: 0;
1366 -webkit-transition: opacity 0s;
1367 -o-transition: opacity 0s;
1368 transition: opacity 0s;
1369 white-space: nowrap;
1370}
1371
1372.lg-outer .lg-item {
1373 display: none !important;
1374}
1375
1376.lg-outer .lg-item:not(.lg-start-end-progress) {
1377 background: url("../images/loading.gif") no-repeat scroll center center transparent;
1378}
1379
1380.lg-outer.lg-css3 .lg-prev-slide,
1381.lg-outer.lg-css3 .lg-current,
1382.lg-outer.lg-css3 .lg-next-slide {
1383 display: inline-block !important;
1384}
1385
1386.lg-outer.lg-css .lg-current {
1387 display: inline-block !important;
1388}
1389
1390.lg-outer .lg-item,
1391.lg-outer .lg-img-wrap {
1392 display: inline-block;
1393 text-align: center;
1394 position: absolute;
1395 width: 100%;
1396 height: 100%;
1397}
1398
1399.lg-outer .lg-item:before,
1400.lg-outer .lg-img-wrap:before {
1401 content: '';
1402 display: inline-block;
1403 height: 100%;
1404 vertical-align: middle;
1405}
1406
1407.lg-outer .lg-img-wrap {
1408 position: absolute;
1409 left: 0;
1410 right: 0;
1411 top: 0;
1412 bottom: 0;
1413 white-space: nowrap;
1414 font-size: 0;
1415}
1416
1417.lg-outer .lg-item.lg-complete {
1418 background-image: none;
1419}
1420
1421.lg-outer .lg-item.lg-current {
1422 z-index: 1060;
1423}
1424
1425.lg-outer .lg-object {
1426 display: inline-block;
1427 vertical-align: middle;
1428 max-width: 100%;
1429 max-height: 100%;
1430 width: auto;
1431 height: auto;
1432 position: relative;
1433}
1434
1435.lg-outer .lg-empty-html.lg-sub-html,
1436.lg-outer .lg-empty-html .lg-sub-html {
1437 display: none;
1438}
1439
1440.lg-outer.lg-hide-download .lg-download {
1441 opacity: 0.75;
1442 pointer-events: none;
1443}
1444
1445.lg-outer .lg-first-slide .lg-dummy-img {
1446 position: absolute;
1447 top: 50%;
1448 left: 50%;
1449}
1450
1451.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
1452 -webkit-transform: translate3d(0, 0%, 0);
1453 transform: translate3d(0, 0%, 0);
1454 opacity: 1;
1455}
1456
1457.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
1458 opacity: 1;
1459 transition: opacity 0.2s ease-out 0.15s;
1460}
1461
1462.lg-backdrop {
1463 position: fixed;
1464 top: 0;
1465 left: 0;
1466 right: 0;
1467 bottom: 0;
1468 z-index: 1040;
1469 background-color: #000;
1470 opacity: 0;
1471 will-change: auto;
1472 -webkit-transition: opacity 333ms ease-in 0s;
1473 -o-transition: opacity 333ms ease-in 0s;
1474 transition: opacity 333ms ease-in 0s;
1475}
1476
1477.lg-backdrop.in {
1478 opacity: 1;
1479}
1480
1481.lg-css3.lg-no-trans .lg-prev-slide,
1482.lg-css3.lg-no-trans .lg-next-slide,
1483.lg-css3.lg-no-trans .lg-current {
1484 -webkit-transition: none 0s ease 0s !important;
1485 -moz-transition: none 0s ease 0s !important;
1486 -o-transition: none 0s ease 0s !important;
1487 transition: none 0s ease 0s !important;
1488}
1489
1490.lg-css3.lg-use-css3 .lg-item {
1491 -webkit-backface-visibility: hidden;
1492 -moz-backface-visibility: hidden;
1493 backface-visibility: hidden;
1494}
1495
1496.lg-css3.lg-fade .lg-item {
1497 opacity: 0;
1498}
1499
1500.lg-css3.lg-fade .lg-item.lg-current {
1501 opacity: 1;
1502}
1503
1504.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
1505 -webkit-transition: opacity 0.1s ease 0s;
1506 -moz-transition: opacity 0.1s ease 0s;
1507 -o-transition: opacity 0.1s ease 0s;
1508 transition: opacity 0.1s ease 0s;
1509}
1510
1511.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
1512 -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
1513 -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
1514 -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
1515 transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
1516}
1517
1518.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
1519 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
1520 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
1521 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
1522 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
1523}
1524
1525.lg-css3.lg-slide.lg-use-css3 .lg-item {
1526 opacity: 0;
1527}
1528
1529.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
1530 -webkit-transform: translate3d(-100%, 0, 0);
1531 transform: translate3d(-100%, 0, 0);
1532}
1533
1534.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
1535 -webkit-transform: translate3d(100%, 0, 0);
1536 transform: translate3d(100%, 0, 0);
1537}
1538
1539.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
1540 -webkit-transform: translate3d(0, 0, 0);
1541 transform: translate3d(0, 0, 0);
1542 opacity: 1;
1543}
1544
1545.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
1546 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
1547 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
1548 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
1549 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
1550}
1551
1552.lg-container {
1553 display: none;
1554}
1555
1556.lg-container.lg-show {
1557 display: block;
1558}
1559
1560.lg-container.lg-dragging-vertical .lg-backdrop {
1561 -webkit-transition-duration: 0s !important;
1562 transition-duration: 0s !important;
1563}
1564
1565.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
1566 -webkit-transition-duration: 0s !important;
1567 transition-duration: 0s !important;
1568 opacity: 1;
1569}
1570
1571.lg-inline .lg-backdrop,
1572.lg-inline .lg-outer {
1573 position: absolute;
1574}
1575
1576.lg-inline .lg-backdrop {
1577 z-index: 1;
1578}
1579
1580.lg-inline .lg-outer {
1581 z-index: 2;
1582}
1583
1584.lg-inline .lg-maximize:after {
1585 content: '\e909';
1586}
1587
1588.lg-components {
1589 -webkit-transform: translate3d(0, 100%, 0);
1590 transform: translate3d(0, 100%, 0);
1591 will-change: transform;
1592 -webkit-transition: -webkit-transform 0.35s ease-out 0s;
1593 -moz-transition: -moz-transform 0.35s ease-out 0s;
1594 -o-transition: -o-transform 0.35s ease-out 0s;
1595 transition: transform 0.35s ease-out 0s;
1596 z-index: 1080;
1597 position: absolute;
1598 bottom: 0;
1599 right: 0;
1600 left: 0;
1601}