lg-transitions.css 38 KB

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