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.

217 lines
5.1 KiB

2 years ago
  1. /**
  2. * Owl Carousel v2.2.1
  3. * Copyright 2013-2017 David Deutsch
  4. * Licensed under ()
  5. */
  6. /*
  7. * Owl Carousel - Core
  8. */
  9. .owl-carousel {
  10. display: none;
  11. width: 100%;
  12. -webkit-tap-highlight-color: transparent;
  13. /* position relative and z-index fix webkit rendering fonts issue */
  14. position: relative;
  15. z-index: 1; }
  16. .owl-carousel .owl-stage {
  17. position: relative;
  18. -ms-touch-action: pan-Y;
  19. -moz-backface-visibility: hidden;
  20. /* fix firefox animation glitch */ }
  21. .owl-carousel .owl-stage:after {
  22. content: ".";
  23. display: block;
  24. clear: both;
  25. visibility: hidden;
  26. line-height: 0;
  27. height: 0; }
  28. .owl-carousel .owl-stage-outer {
  29. position: relative;
  30. overflow: hidden;
  31. /* fix for flashing background */
  32. -webkit-transform: translate3d(0px, 0px, 0px); }
  33. .owl-carousel .owl-wrapper,
  34. .owl-carousel .owl-item {
  35. -webkit-backface-visibility: hidden;
  36. -moz-backface-visibility: hidden;
  37. -ms-backface-visibility: hidden;
  38. -webkit-transform: translate3d(0, 0, 0);
  39. -moz-transform: translate3d(0, 0, 0);
  40. -ms-transform: translate3d(0, 0, 0); }
  41. .owl-carousel .owl-item {
  42. position: relative;
  43. min-height: 1px;
  44. float: left;
  45. -webkit-backface-visibility: hidden;
  46. -webkit-tap-highlight-color: transparent;
  47. -webkit-touch-callout: none; }
  48. .owl-carousel .owl-item img {
  49. display: block;
  50. width: 100%; }
  51. .owl-carousel .owl-nav.disabled,
  52. .owl-carousel .owl-dots.disabled {
  53. display: none; }
  54. .owl-carousel .owl-nav .owl-prev,
  55. .owl-carousel .owl-nav .owl-next,
  56. .owl-carousel .owl-dot {
  57. cursor: pointer;
  58. cursor: hand;
  59. -webkit-user-select: none;
  60. -khtml-user-select: none;
  61. -moz-user-select: none;
  62. -ms-user-select: none;
  63. user-select: none; }
  64. .owl-carousel.owl-loaded {
  65. display: block; }
  66. .owl-carousel.owl-loading {
  67. opacity: 0;
  68. display: block; }
  69. .owl-carousel.owl-hidden {
  70. opacity: 0; }
  71. .owl-carousel.owl-refresh .owl-item {
  72. visibility: hidden; }
  73. .owl-carousel.owl-drag .owl-item {
  74. -webkit-user-select: none;
  75. -moz-user-select: none;
  76. -ms-user-select: none;
  77. user-select: none; }
  78. .owl-carousel.owl-grab {
  79. cursor: move;
  80. cursor: grab; }
  81. .owl-carousel.owl-rtl {
  82. direction: rtl; }
  83. .owl-carousel.owl-rtl .owl-item {
  84. float: right; }
  85. /* No Js */
  86. .no-js .owl-carousel {
  87. display: block; }
  88. /*
  89. * Owl Carousel - Animate Plugin
  90. */
  91. .owl-carousel .animated {
  92. animation-duration: 1000ms;
  93. animation-fill-mode: both; }
  94. .owl-carousel .owl-animated-in {
  95. z-index: 0; }
  96. .owl-carousel .owl-animated-out {
  97. z-index: 1; }
  98. .owl-carousel .fadeOut {
  99. animation-name: fadeOut; }
  100. @keyframes fadeOut {
  101. 0% {
  102. opacity: 1; }
  103. 100% {
  104. opacity: 0; } }
  105. /*
  106. * Owl Carousel - Auto Height Plugin
  107. */
  108. .owl-height {
  109. transition: height 500ms ease-in-out; }
  110. /*
  111. * Owl Carousel - Lazy Load Plugin
  112. */
  113. .owl-carousel .owl-item .owl-lazy {
  114. opacity: 0;
  115. transition: opacity 400ms ease; }
  116. .owl-carousel .owl-item img.owl-lazy {
  117. transform-style: preserve-3d; }
  118. /*
  119. * Owl Carousel - Video Plugin
  120. */
  121. .owl-carousel .owl-video-wrapper {
  122. position: relative;
  123. height: 100%;
  124. background: #000; }
  125. .owl-carousel .owl-video-play-icon {
  126. position: absolute;
  127. height: 80px;
  128. width: 80px;
  129. left: 50%;
  130. top: 50%;
  131. margin-left: -40px;
  132. margin-top: -40px;
  133. background: url("owl.video.play.png") no-repeat;
  134. cursor: pointer;
  135. z-index: 1;
  136. -webkit-backface-visibility: hidden;
  137. transition: transform 100ms ease; }
  138. .owl-carousel .owl-video-play-icon:hover {
  139. -ms-transform: scale(1.3, 1.3);
  140. transform: scale(1.3, 1.3); }
  141. .owl-carousel .owl-video-playing .owl-video-tn,
  142. .owl-carousel .owl-video-playing .owl-video-play-icon {
  143. display: none; }
  144. .owl-carousel .owl-video-tn {
  145. opacity: 0;
  146. height: 100%;
  147. background-position: center center;
  148. background-repeat: no-repeat;
  149. background-size: contain;
  150. transition: opacity 400ms ease; }
  151. .owl-carousel .owl-video-frame {
  152. position: relative;
  153. z-index: 1;
  154. height: 100%;
  155. width: 100%; }
  156. /*
  157. * Default theme - Owl Carousel CSS File
  158. */
  159. .owl-theme .owl-nav {
  160. margin-top: 10px;
  161. text-align: center;
  162. -webkit-tap-highlight-color: transparent; }
  163. .owl-theme .owl-nav [class*='owl-'] {
  164. color: #FFF;
  165. font-size: 14px;
  166. margin: 5px;
  167. padding: 4px 7px;
  168. background: #D6D6D6;
  169. display: inline-block;
  170. cursor: pointer;
  171. border-radius: 3px; }
  172. .owl-theme .owl-nav [class*='owl-']:hover {
  173. background: #869791;
  174. color: #FFF;
  175. text-decoration: none; }
  176. .owl-theme .owl-nav .disabled {
  177. opacity: 0.5;
  178. cursor: default; }
  179. .owl-theme .owl-nav.disabled + .owl-dots {
  180. margin-top: 10px; }
  181. .owl-theme .owl-dots {
  182. text-align: center;
  183. -webkit-tap-highlight-color: transparent; }
  184. .owl-theme .owl-dots .owl-dot {
  185. display: inline-block;
  186. zoom: 1;
  187. *display: inline; }
  188. .owl-theme .owl-dots .owl-dot span {
  189. width: 10px;
  190. height: 10px;
  191. margin: 5px 7px;
  192. background: #D6D6D6;
  193. display: block;
  194. -webkit-backface-visibility: visible;
  195. transition: opacity 200ms ease;
  196. border-radius: 30px; }
  197. .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  198. background: #869791; }