j1-template 2024.3.23 → 2024.3.24

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