You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

554 lines
20 KiB

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