owl.carousel.min.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. /**
  2. * Owl Carousel v2.3.4
  3. * Copyright 2013-2018 David Deutsch
  4. * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
  5. */
  6. .owl-carousel,
  7. .owl-carousel .owl-item {
  8. -webkit-tap-highlight-color: transparent;
  9. position: relative
  10. }
  11. .owl-carousel {
  12. display: none;
  13. width: 100%;
  14. z-index: 1
  15. }
  16. .owl-carousel .owl-stage {
  17. position: relative;
  18. -ms-touch-action: pan-Y;
  19. touch-action: manipulation;
  20. -moz-backface-visibility: hidden
  21. }
  22. .owl-carousel .owl-stage:after {
  23. content: ".";
  24. display: block;
  25. clear: both;
  26. visibility: hidden;
  27. line-height: 0;
  28. height: 0
  29. }
  30. .owl-carousel .owl-stage-outer {
  31. position: relative;
  32. overflow: hidden;
  33. -webkit-transform: translate3d(0, 0, 0)
  34. }
  35. .owl-carousel .owl-item,
  36. .owl-carousel .owl-wrapper {
  37. -webkit-backface-visibility: hidden;
  38. -moz-backface-visibility: hidden;
  39. -ms-backface-visibility: hidden;
  40. -webkit-transform: translate3d(0, 0, 0);
  41. -moz-transform: translate3d(0, 0, 0);
  42. -ms-transform: translate3d(0, 0, 0)
  43. }
  44. .owl-carousel .owl-item {
  45. min-height: 1px;
  46. float: left;
  47. -webkit-backface-visibility: hidden;
  48. -webkit-touch-callout: none
  49. }
  50. .owl-carousel .owl-item img {
  51. display: block;
  52. width: 100%
  53. }
  54. .owl-carousel .owl-dots.disabled,
  55. .owl-carousel .owl-nav.disabled {
  56. display: none
  57. }
  58. .no-js .owl-carousel,
  59. .owl-carousel.owl-loaded {
  60. display: block
  61. }
  62. .owl-carousel .owl-dot,
  63. .owl-carousel .owl-nav .owl-next,
  64. .owl-carousel .owl-nav .owl-prev {
  65. cursor: pointer;
  66. -webkit-user-select: none;
  67. -khtml-user-select: none;
  68. -moz-user-select: none;
  69. -ms-user-select: none;
  70. user-select: none
  71. }
  72. .owl-carousel .owl-nav button.owl-next,
  73. .owl-carousel .owl-nav button.owl-prev,
  74. .owl-carousel button.owl-dot {
  75. background: 0 0;
  76. color: inherit;
  77. border: none;
  78. padding: 0 !important;
  79. font: inherit
  80. }
  81. .owl-carousel.owl-loading {
  82. opacity: 0;
  83. display: block
  84. }
  85. .owl-carousel.owl-hidden {
  86. opacity: 0
  87. }
  88. .owl-carousel.owl-refresh .owl-item {
  89. visibility: hidden
  90. }
  91. .owl-carousel.owl-drag .owl-item {
  92. -ms-touch-action: pan-y;
  93. touch-action: pan-y;
  94. -webkit-user-select: none;
  95. -moz-user-select: none;
  96. -ms-user-select: none;
  97. user-select: none
  98. }
  99. .owl-carousel.owl-grab {
  100. cursor: move;
  101. cursor: grab
  102. }
  103. .owl-carousel.owl-rtl {
  104. direction: rtl
  105. }
  106. .owl-carousel.owl-rtl .owl-item {
  107. float: right
  108. }
  109. .owl-carousel .animated {
  110. animation-duration: 1s;
  111. animation-fill-mode: both
  112. }
  113. .owl-carousel .owl-animated-in {
  114. z-index: 0
  115. }
  116. .owl-carousel .owl-animated-out {
  117. z-index: 1
  118. }
  119. .owl-carousel .fadeOut {
  120. animation-name: fadeOut
  121. }
  122. @keyframes fadeOut {
  123. 0% {
  124. opacity: 1
  125. }
  126. 100% {
  127. opacity: 0
  128. }
  129. }
  130. .owl-height {
  131. transition: height .5s ease-in-out
  132. }
  133. .owl-carousel .owl-item .owl-lazy {
  134. opacity: 0;
  135. transition: opacity .4s ease
  136. }
  137. .owl-carousel .owl-item .owl-lazy:not([src]),
  138. .owl-carousel .owl-item .owl-lazy[src^=""] {
  139. max-height: 0
  140. }
  141. .owl-carousel .owl-item img.owl-lazy {
  142. transform-style: preserve-3d
  143. }
  144. .owl-carousel .owl-video-wrapper {
  145. position: relative;
  146. height: 100%;
  147. background: #000
  148. }
  149. .owl-carousel .owl-video-play-icon {
  150. position: absolute;
  151. height: 80px;
  152. width: 80px;
  153. left: 50%;
  154. top: 50%;
  155. margin-left: -40px;
  156. margin-top: -40px;
  157. background: url(owl.video.play.png) no-repeat;
  158. cursor: pointer;
  159. z-index: 1;
  160. -webkit-backface-visibility: hidden;
  161. transition: transform .1s ease
  162. }
  163. .owl-carousel .owl-video-play-icon:hover {
  164. -ms-transform: scale(1.3, 1.3);
  165. transform: scale(1.3, 1.3)
  166. }
  167. .owl-carousel .owl-video-playing .owl-video-play-icon,
  168. .owl-carousel .owl-video-playing .owl-video-tn {
  169. display: none
  170. }
  171. .owl-carousel .owl-video-tn {
  172. opacity: 0;
  173. height: 100%;
  174. background-position: center center;
  175. background-repeat: no-repeat;
  176. background-size: contain;
  177. transition: opacity .4s ease
  178. }
  179. .owl-carousel .owl-video-frame {
  180. position: relative;
  181. z-index: 1;
  182. height: 100%;
  183. width: 100%
  184. }