vc_carousel_css-css.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519
  1. .vc_images_carousel .vc_carousel-indicators {
  2. position: absolute;
  3. bottom: 10px;
  4. left: 50%;
  5. z-index: 15;
  6. width: 60%;
  7. margin-left: -30%;
  8. padding-left: 0;
  9. list-style: none;
  10. text-align: center;
  11. }
  12. .vc_images_carousel .vc_carousel-indicators li {
  13. display: inline-block;
  14. width: 10px;
  15. height: 10px;
  16. margin: 1px;
  17. text-indent: -999px;
  18. border-radius: 10px;
  19. cursor: pointer;
  20. border: 1px solid #808080;
  21. background-color: #808080;
  22. }
  23. .vc_images_carousel .vc_carousel-indicators .vc_active {
  24. margin: 1px;
  25. width: 10px;
  26. height: 10px;
  27. background-color: transparent;
  28. border: 1px solid #808080;
  29. }
  30. .vc_images_carousel .vc_carousel-indicators .vc_partial {
  31. opacity: 0.5;
  32. }
  33. .vc_images_carousel {
  34. position: relative;
  35. }
  36. .vc_images_carousel .vc_carousel-inner {
  37. position: relative;
  38. overflow: hidden;
  39. width: 100%;
  40. }
  41. .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline {
  42. position: relative;
  43. overflow: hidden;
  44. }
  45. .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner {
  46. left: 0;
  47. position: relative;
  48. width: 100%;
  49. }
  50. .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition {
  51. -webkit-transition: 0.5s ease left;
  52. transition: 0.5s ease left;
  53. }
  54. .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition.vc_swipe-transition {
  55. -webkit-transition-duration: 0.2s;
  56. transition-duration: 0.2s;
  57. }
  58. .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {
  59. float: left;
  60. visibility: hidden;
  61. }
  62. .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > img,
  63. .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > a > img {
  64. display: block;
  65. max-width: 100%;
  66. height: auto;
  67. line-height: 1;
  68. }
  69. .vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner {
  70. margin: 0 10px;
  71. }
  72. .vc_images_carousel.vc_carousel_vertical .vc_carousel-slideline {
  73. overflow: hidden;
  74. }
  75. .vc_images_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner {
  76. width: 100%;
  77. }
  78. .vc_images_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition {
  79. -webkit-transition-property: top;
  80. transition-property: top;
  81. }
  82. .vc_images_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item {
  83. float: none;
  84. }
  85. .vc_images_carousel.vc_carousel_vertical .vc_carousel-indicators {
  86. position: absolute;
  87. top: 2%;
  88. right: 3%;
  89. left: auto;
  90. width: 10px;
  91. }
  92. .vc_images_carousel.vc_carousel_vertical .vc_carousel-indicators li {
  93. display: block;
  94. margin: 0 auto 3px;
  95. width: 6px;
  96. height: 6px;
  97. }
  98. .vc_images_carousel.vc_carousel_vertical .vc_carousel-indicators li.vc_active {
  99. width: 8px;
  100. height: 8px;
  101. margin: 0 auto 1px;
  102. }
  103. .vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {
  104. visibility: visible;
  105. }
  106. .vc_images_carousel .vc_carousel-control {
  107. position: absolute;
  108. padding: 0;
  109. top: 50%;
  110. left: 0;
  111. bottom: 0;
  112. margin-top: -15px;
  113. width: 60px;
  114. height: 30px;
  115. opacity: 0.5;
  116. filter: alpha(opacity=50);
  117. font-size: 30px;
  118. text-align: center;
  119. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  120. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  121. }
  122. .vc_images_carousel .vc_carousel-control:hover,
  123. .vc_images_carousel .vc_carousel-control:focus {
  124. text-decoration: none;
  125. opacity: 0.9;
  126. filter: alpha(opacity=90);
  127. }
  128. .vc_images_carousel .vc_carousel-control.vc_left {
  129. /*
  130. background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  131. background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  132. background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  133. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  134. background-repeat: repeat-x;
  135. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  136. */
  137. }
  138. .vc_images_carousel .vc_carousel-control.vc_right {
  139. left: auto;
  140. right: 0;
  141. /*
  142. background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  143. background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  144. background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  145. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  146. background-repeat: repeat-x;
  147. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  148. */
  149. }
  150. .vc_images_carousel .vc_carousel-control .icon-prev,
  151. .vc_images_carousel .vc_carousel-control .icon-next,
  152. .vc_images_carousel .vc_carousel-control .glyphicon-chevron-left,
  153. .vc_images_carousel .vc_carousel-control .glyphicon-chevron-right {
  154. position: absolute;
  155. top: 50%;
  156. left: 50%;
  157. z-index: 5;
  158. display: inline-block;
  159. }
  160. .vc_images_carousel .vc_carousel-control .icon-prev,
  161. .vc_images_carousel .vc_carousel-control .icon-next {
  162. width: 20px;
  163. height: 20px;
  164. margin-top: -10px;
  165. margin-left: -10px;
  166. font-family: serif;
  167. }
  168. .vc_images_carousel .vc_carousel-control .icon-prev:before {
  169. content: '\2039';
  170. position: relative;
  171. top: -10px;
  172. }
  173. .vc_images_carousel .vc_carousel-control .icon-next:before {
  174. content: '\203a';
  175. position: relative;
  176. top: -10px;
  177. }
  178. .vc_images_carousel .vc_carousel-caption {
  179. position: absolute;
  180. left: 15%;
  181. right: 15%;
  182. bottom: 20px;
  183. z-index: 10;
  184. padding-top: 20px;
  185. padding-bottom: 20px;
  186. color: #ffffff;
  187. text-align: center;
  188. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  189. }
  190. .vc_images_carousel .vc_carousel-caption .btn {
  191. text-shadow: none;
  192. }
  193. @media screen and (min-width: 768px) {
  194. .vc_images_carousel .vc_carousel-control .icon-prev,
  195. .vc_images_carousel .vc_carousel-control .icon-next {
  196. width: 30px;
  197. height: 30px;
  198. margin-top: -15px;
  199. margin-left: -15px;
  200. font-size: 30px;
  201. display: block;
  202. padding: 0;
  203. }
  204. .vc_images_carousel .vc_carousel-caption {
  205. left: 20%;
  206. right: 20%;
  207. padding-bottom: 30px;
  208. }
  209. .vc_images_carousel .vc_carousel-indicators {
  210. bottom: 20px;
  211. }
  212. }
  213. .vc_images_carousel {
  214. /* Wordpress fix. */
  215. }
  216. .vc_images_carousel .clearfix:before,
  217. .vc_images_carousel .clearfix:after {
  218. content: " ";
  219. /* 1 */
  220. display: table;
  221. /* 2 */
  222. }
  223. .vc_images_carousel .clearfix:after {
  224. clear: both;
  225. }
  226. .vc_images_carousel .pull-right {
  227. float: right !important;
  228. }
  229. .vc_images_carousel .pull-left {
  230. float: left !important;
  231. }
  232. .vc_images_carousel .hide {
  233. display: none !important;
  234. }
  235. .vc_images_carousel .show {
  236. display: block !important;
  237. }
  238. .vc_images_carousel .invisible {
  239. visibility: hidden;
  240. }
  241. .vc_images_carousel .text-hide {
  242. font: 0/0 a;
  243. color: transparent;
  244. text-shadow: none;
  245. background-color: transparent;
  246. border: 0;
  247. }
  248. .vc_images_carousel ol.vc_carousel-indicators {
  249. margin: 0 0 0 -30%;
  250. }
  251. .vc_images_carousel .vc_carousel_vertical ol.vc_carousel-indicators {
  252. margin: 1px 0 0 0;
  253. bottom: auto;
  254. }
  255. .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .item > a {
  256. display: block;
  257. }
  258. .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .item > a > img {
  259. margin: auto;
  260. }
  261. .vc_carousel .vc_carousel-indicators {
  262. position: absolute;
  263. bottom: 10px;
  264. left: 50%;
  265. z-index: 15;
  266. width: 60%;
  267. margin-left: -30%;
  268. padding-left: 0;
  269. list-style: none;
  270. text-align: center;
  271. }
  272. .vc_carousel .vc_carousel-indicators li {
  273. display: inline-block;
  274. width: 10px;
  275. height: 10px;
  276. margin: 1px;
  277. text-indent: -999px;
  278. border-radius: 10px;
  279. cursor: pointer;
  280. border: 1px solid #808080;
  281. background-color: #808080;
  282. }
  283. .vc_carousel .vc_carousel-indicators .vc_active {
  284. margin: 1px;
  285. width: 10px;
  286. height: 10px;
  287. background-color: transparent;
  288. border: 1px solid #808080;
  289. }
  290. .vc_carousel .vc_carousel-indicators .vc_partial {
  291. opacity: 0.5;
  292. }
  293. .vc_carousel {
  294. position: relative;
  295. }
  296. .vc_carousel .vc_carousel-inner {
  297. position: relative;
  298. overflow: hidden;
  299. width: 100%;
  300. }
  301. .vc_carousel .vc_carousel-inner .vc_carousel-slideline {
  302. position: relative;
  303. overflow: hidden;
  304. }
  305. .vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner {
  306. left: 0;
  307. position: relative;
  308. width: 100%;
  309. }
  310. .vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition {
  311. -webkit-transition: 0.5s ease left;
  312. transition: 0.5s ease left;
  313. }
  314. .vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition.vc_swipe-transition {
  315. -webkit-transition-duration: 0.2s;
  316. transition-duration: 0.2s;
  317. }
  318. .vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {
  319. float: left;
  320. visibility: hidden;
  321. }
  322. .vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > img,
  323. .vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > a > img {
  324. display: block;
  325. max-width: 100%;
  326. height: auto;
  327. line-height: 1;
  328. }
  329. .vc_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner {
  330. margin: 0 10px;
  331. }
  332. .vc_carousel.vc_carousel_vertical .vc_carousel-slideline {
  333. overflow: hidden;
  334. }
  335. .vc_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner {
  336. width: 100%;
  337. }
  338. .vc_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition {
  339. -webkit-transition-property: top;
  340. transition-property: top;
  341. }
  342. .vc_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item {
  343. float: none;
  344. }
  345. .vc_carousel.vc_carousel_vertical .vc_carousel-indicators {
  346. position: absolute;
  347. top: 2%;
  348. right: 3%;
  349. left: auto;
  350. width: 10px;
  351. }
  352. .vc_carousel.vc_carousel_vertical .vc_carousel-indicators li {
  353. display: block;
  354. margin: 0 auto 3px;
  355. width: 6px;
  356. height: 6px;
  357. }
  358. .vc_carousel.vc_carousel_vertical .vc_carousel-indicators li.vc_active {
  359. width: 8px;
  360. height: 8px;
  361. margin: 0 auto 1px;
  362. }
  363. .vc_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {
  364. visibility: visible;
  365. }
  366. .vc_carousel .vc_carousel-control {
  367. position: absolute;
  368. padding: 0;
  369. top: 50%;
  370. left: 0;
  371. bottom: 0;
  372. margin-top: -15px;
  373. width: 60px;
  374. height: 30px;
  375. opacity: 0.5;
  376. filter: alpha(opacity=50);
  377. font-size: 30px;
  378. text-align: center;
  379. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  380. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  381. }
  382. .vc_carousel .vc_carousel-control:hover,
  383. .vc_carousel .vc_carousel-control:focus {
  384. text-decoration: none;
  385. opacity: 0.9;
  386. filter: alpha(opacity=90);
  387. }
  388. .vc_carousel .vc_carousel-control.vc_left {
  389. /*
  390. background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  391. background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  392. background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  393. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  394. background-repeat: repeat-x;
  395. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  396. */
  397. }
  398. .vc_carousel .vc_carousel-control.vc_right {
  399. left: auto;
  400. right: 0;
  401. /*
  402. background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  403. background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  404. background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  405. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  406. background-repeat: repeat-x;
  407. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  408. */
  409. }
  410. .vc_carousel .vc_carousel-control .icon-prev,
  411. .vc_carousel .vc_carousel-control .icon-next,
  412. .vc_carousel .vc_carousel-control .glyphicon-chevron-left,
  413. .vc_carousel .vc_carousel-control .glyphicon-chevron-right {
  414. position: absolute;
  415. top: 50%;
  416. left: 50%;
  417. z-index: 5;
  418. display: inline-block;
  419. }
  420. .vc_carousel .vc_carousel-control .icon-prev,
  421. .vc_carousel .vc_carousel-control .icon-next {
  422. width: 20px;
  423. height: 20px;
  424. margin-top: -10px;
  425. margin-left: -10px;
  426. font-family: serif;
  427. }
  428. .vc_carousel .vc_carousel-control .icon-prev:before {
  429. content: '\2039';
  430. position: relative;
  431. top: -10px;
  432. }
  433. .vc_carousel .vc_carousel-control .icon-next:before {
  434. content: '\203a';
  435. position: relative;
  436. top: -10px;
  437. }
  438. .vc_carousel .vc_carousel-caption {
  439. position: absolute;
  440. left: 15%;
  441. right: 15%;
  442. bottom: 20px;
  443. z-index: 10;
  444. padding-top: 20px;
  445. padding-bottom: 20px;
  446. color: #ffffff;
  447. text-align: center;
  448. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  449. }
  450. .vc_carousel .vc_carousel-caption .btn {
  451. text-shadow: none;
  452. }
  453. @media screen and (min-width: 768px) {
  454. .vc_carousel .vc_carousel-control .icon-prev,
  455. .vc_carousel .vc_carousel-control .icon-next {
  456. width: 30px;
  457. height: 30px;
  458. margin-top: -15px;
  459. margin-left: -15px;
  460. font-size: 30px;
  461. display: block;
  462. padding: 0;
  463. }
  464. .vc_carousel .vc_carousel-caption {
  465. left: 20%;
  466. right: 20%;
  467. padding-bottom: 30px;
  468. }
  469. .vc_carousel .vc_carousel-indicators {
  470. bottom: 20px;fa-rocket
  471. }
  472. .vc_carousel {
  473. /* Wordpress fix. */
  474. }
  475. .vc_carousel .clearfix:before,
  476. .vc_carousel .clearfix:after {
  477. content: " ";
  478. /* 1 */
  479. display: table;
  480. /* 2 */
  481. }
  482. .vc_carousel .clearfix:after {
  483. clear: both;
  484. }
  485. .vc_carousel .pull-right {
  486. float: right !important;
  487. }
  488. .vc_carousel .pull-left {
  489. float: left !important;
  490. }
  491. .vc_carousel .hide {
  492. display: none !important;
  493. }
  494. .vc_carousel .show {
  495. display: block !important;
  496. }
  497. .vc_carousel .invisible {
  498. visibility: hidden;
  499. }
  500. .vc_carousel .text-hide {
  501. font: 0/0 a;
  502. color: transparent;
  503. text-shadow: none;
  504. background-color: transparent;
  505. border: 0;
  506. }
  507. .vc_carousel ol.vc_carousel-indicators {
  508. margin: 0 0 0 -30%;
  509. }
  510. .vc_carousel .vc_carousel_vertical ol.vc_carousel-indicators {
  511. margin: 1px 0 0 0;
  512. bottom: auto;
  513. }
  514. .vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .item > a {
  515. display: block;
  516. }
  517. .vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .item > a > img {
  518. margin: auto;
  519. }