No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
 
 
 
 

6483 líneas
117 KiB

  1. @charset "UTF-8";
  2. @import "../bower_components/videojs/src/css/video-js.scss";
  3. @import "includes/video-js.scss";
  4. /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
  5. article,
  6. aside,
  7. details,
  8. figcaption,
  9. figure,
  10. footer,
  11. header,
  12. hgroup,
  13. main,
  14. nav,
  15. section,
  16. summary {
  17. display: block;
  18. }
  19. audio,
  20. canvas,
  21. video {
  22. display: inline-block;
  23. }
  24. audio:not([controls]) {
  25. display: none;
  26. height: 0;
  27. }
  28. [hidden],
  29. template {
  30. display: none;
  31. }
  32. html {
  33. font-family: sans-serif;
  34. -ms-text-size-adjust: 100%;
  35. -webkit-text-size-adjust: 100%;
  36. }
  37. body {
  38. margin: 0;
  39. }
  40. a {
  41. background: transparent;
  42. }
  43. a:focus {
  44. outline: thin dotted;
  45. }
  46. a:active,
  47. a:hover {
  48. outline: 0;
  49. }
  50. h1 {
  51. font-size: 2em;
  52. margin: 0.67em 0;
  53. }
  54. abbr[title] {
  55. border-bottom: 1px dotted;
  56. }
  57. b,
  58. strong {
  59. font-weight: bold;
  60. }
  61. dfn {
  62. font-style: italic;
  63. }
  64. hr {
  65. -moz-box-sizing: content-box;
  66. box-sizing: content-box;
  67. height: 0;
  68. }
  69. mark {
  70. background: #ff0;
  71. color: #000;
  72. }
  73. code,
  74. kbd,
  75. pre,
  76. samp {
  77. font-family: monospace, serif;
  78. font-size: 1em;
  79. }
  80. pre {
  81. white-space: pre-wrap;
  82. }
  83. q {
  84. quotes: "\201C" "\201D" "\2018" "\2019";
  85. }
  86. small {
  87. font-size: 80%;
  88. }
  89. sub,
  90. sup {
  91. font-size: 75%;
  92. line-height: 0;
  93. position: relative;
  94. vertical-align: baseline;
  95. }
  96. sup {
  97. top: -0.5em;
  98. }
  99. sub {
  100. bottom: -0.25em;
  101. }
  102. img {
  103. border: 0;
  104. }
  105. svg:not(:root) {
  106. overflow: hidden;
  107. }
  108. figure {
  109. margin: 0;
  110. }
  111. fieldset {
  112. border: 1px solid #c0c0c0;
  113. margin: 0 2px;
  114. padding: 0.35em 0.625em 0.75em;
  115. }
  116. legend {
  117. border: 0;
  118. padding: 0;
  119. }
  120. button,
  121. input,
  122. select,
  123. textarea {
  124. font-family: inherit;
  125. font-size: 100%;
  126. margin: 0;
  127. }
  128. button,
  129. input {
  130. line-height: normal;
  131. }
  132. button,
  133. select {
  134. text-transform: none;
  135. }
  136. button,
  137. html input[type="button"],
  138. input[type="reset"],
  139. input[type="submit"] {
  140. -webkit-appearance: button;
  141. cursor: pointer;
  142. }
  143. button[disabled],
  144. html input[disabled] {
  145. cursor: default;
  146. }
  147. input[type="checkbox"],
  148. input[type="radio"] {
  149. box-sizing: border-box;
  150. padding: 0;
  151. }
  152. input[type="search"] {
  153. -webkit-appearance: textfield;
  154. -moz-box-sizing: content-box;
  155. -webkit-box-sizing: content-box;
  156. box-sizing: content-box;
  157. }
  158. input[type="search"]::-webkit-search-cancel-button,
  159. input[type="search"]::-webkit-search-decoration {
  160. -webkit-appearance: none;
  161. }
  162. button::-moz-focus-inner,
  163. input::-moz-focus-inner {
  164. border: 0;
  165. padding: 0;
  166. }
  167. textarea {
  168. overflow: auto;
  169. vertical-align: top;
  170. }
  171. table {
  172. border-collapse: collapse;
  173. border-spacing: 0;
  174. }
  175. @media print {
  176. * {
  177. text-shadow: none !important;
  178. color: #000 !important;
  179. background: transparent !important;
  180. box-shadow: none !important;
  181. }
  182. a,
  183. a:visited {
  184. text-decoration: underline;
  185. }
  186. a[href]:after {
  187. content: " (" attr(href) ")";
  188. }
  189. abbr[title]:after {
  190. content: " (" attr(title) ")";
  191. }
  192. a[href^="javascript:"]:after,
  193. a[href^="#"]:after {
  194. content: "";
  195. }
  196. pre,
  197. blockquote {
  198. border: 1px solid #999;
  199. page-break-inside: avoid;
  200. }
  201. thead {
  202. display: table-header-group;
  203. }
  204. tr,
  205. img {
  206. page-break-inside: avoid;
  207. }
  208. img {
  209. max-width: 100% !important;
  210. }
  211. @page {
  212. margin: 2cm .5cm;
  213. }
  214. p,
  215. h2,
  216. h3 {
  217. orphans: 3;
  218. widows: 3;
  219. }
  220. h2,
  221. h3 {
  222. page-break-after: avoid;
  223. }
  224. select {
  225. background: #fff !important;
  226. }
  227. .navbar {
  228. display: none;
  229. }
  230. .table td,
  231. .table th {
  232. background-color: #fff !important;
  233. }
  234. .btn > .caret,
  235. .dropup > .btn > .caret {
  236. border-top-color: #000 !important;
  237. }
  238. .label {
  239. border: 1px solid #000;
  240. }
  241. .table {
  242. border-collapse: collapse !important;
  243. }
  244. .table-bordered th,
  245. .table-bordered td {
  246. border: 1px solid #ddd !important;
  247. }
  248. }
  249. *,
  250. *:before,
  251. *:after {
  252. -webkit-box-sizing: border-box;
  253. -moz-box-sizing: border-box;
  254. box-sizing: border-box;
  255. }
  256. html {
  257. font-size: 62.5%;
  258. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  259. }
  260. body {
  261. font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  262. font-size: 14px;
  263. line-height: 1.42857143;
  264. color: #3b3b3b;
  265. background-color: #ffffff;
  266. }
  267. input,
  268. button,
  269. select,
  270. textarea {
  271. font-family: inherit;
  272. font-size: inherit;
  273. line-height: inherit;
  274. }
  275. a {
  276. color: #3b3b3b;
  277. text-decoration: none;
  278. }
  279. a:hover,
  280. a:focus {
  281. color: #151515;
  282. text-decoration: underline;
  283. }
  284. a:focus {
  285. outline: thin dotted;
  286. outline: 5px auto -webkit-focus-ring-color;
  287. outline-offset: -2px;
  288. }
  289. img {
  290. vertical-align: middle;
  291. }
  292. .img-responsive {
  293. display: block;
  294. max-width: 100%;
  295. height: auto;
  296. }
  297. .img-rounded {
  298. border-radius: 6px;
  299. }
  300. .img-thumbnail {
  301. padding: 4px;
  302. line-height: 1.42857143;
  303. background-color: #ffffff;
  304. border: 1px solid #dddddd;
  305. border-radius: 4px;
  306. -webkit-transition: all 0.2s ease-in-out;
  307. transition: all 0.2s ease-in-out;
  308. display: inline-block;
  309. max-width: 100%;
  310. height: auto;
  311. }
  312. .img-circle {
  313. border-radius: 50%;
  314. }
  315. hr {
  316. margin-top: 20px;
  317. margin-bottom: 20px;
  318. border: 0;
  319. border-top: 1px solid #eeeeee;
  320. }
  321. .sr-only {
  322. position: absolute;
  323. width: 1px;
  324. height: 1px;
  325. margin: -1px;
  326. padding: 0;
  327. overflow: hidden;
  328. clip: rect(0, 0, 0, 0);
  329. border: 0;
  330. }
  331. h1,
  332. h2,
  333. h3,
  334. h4,
  335. h5,
  336. h6,
  337. .h1,
  338. .h2,
  339. .h3,
  340. .h4,
  341. .h5,
  342. .h6 {
  343. font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  344. font-weight: 100;
  345. line-height: 1.1;
  346. color: inherit;
  347. }
  348. h1 small,
  349. h2 small,
  350. h3 small,
  351. h4 small,
  352. h5 small,
  353. h6 small,
  354. .h1 small,
  355. .h2 small,
  356. .h3 small,
  357. .h4 small,
  358. .h5 small,
  359. .h6 small,
  360. h1 .small,
  361. h2 .small,
  362. h3 .small,
  363. h4 .small,
  364. h5 .small,
  365. h6 .small,
  366. .h1 .small,
  367. .h2 .small,
  368. .h3 .small,
  369. .h4 .small,
  370. .h5 .small,
  371. .h6 .small {
  372. font-weight: normal;
  373. line-height: 1;
  374. color: #999999;
  375. }
  376. h1,
  377. h2,
  378. h3 {
  379. margin-top: 20px;
  380. margin-bottom: 10px;
  381. }
  382. h1 small,
  383. h2 small,
  384. h3 small,
  385. h1 .small,
  386. h2 .small,
  387. h3 .small {
  388. font-size: 65%;
  389. }
  390. h4,
  391. h5,
  392. h6 {
  393. margin-top: 10px;
  394. margin-bottom: 10px;
  395. }
  396. h4 small,
  397. h5 small,
  398. h6 small,
  399. h4 .small,
  400. h5 .small,
  401. h6 .small {
  402. font-size: 75%;
  403. }
  404. h1,
  405. .h1 {
  406. font-size: 36px;
  407. }
  408. h2,
  409. .h2 {
  410. font-size: 30px;
  411. }
  412. h3,
  413. .h3 {
  414. font-size: 24px;
  415. }
  416. h4,
  417. .h4 {
  418. font-size: 18px;
  419. }
  420. h5,
  421. .h5 {
  422. font-size: 14px;
  423. }
  424. h6,
  425. .h6 {
  426. font-size: 12px;
  427. }
  428. p {
  429. margin: 0 0 10px;
  430. }
  431. .lead {
  432. margin-bottom: 20px;
  433. font-size: 16px;
  434. font-weight: 200;
  435. line-height: 1.4;
  436. }
  437. @media (min-width: 768px) {
  438. .lead {
  439. font-size: 21px;
  440. }
  441. }
  442. small,
  443. .small {
  444. font-size: 85%;
  445. }
  446. cite {
  447. font-style: normal;
  448. }
  449. .text-muted {
  450. color: #999999;
  451. }
  452. .text-primary {
  453. color: #428bca;
  454. }
  455. .text-primary:hover {
  456. color: #3071a9;
  457. }
  458. .text-warning {
  459. color: #8a6d3b;
  460. }
  461. .text-warning:hover {
  462. color: #66512c;
  463. }
  464. .text-danger {
  465. color: #a94442;
  466. }
  467. .text-danger:hover {
  468. color: #843534;
  469. }
  470. .text-success {
  471. color: #3c763d;
  472. }
  473. .text-success:hover {
  474. color: #2b542c;
  475. }
  476. .text-info {
  477. color: #31708f;
  478. }
  479. .text-info:hover {
  480. color: #245269;
  481. }
  482. .text-left {
  483. text-align: left;
  484. }
  485. .text-right {
  486. text-align: right;
  487. }
  488. .text-center {
  489. text-align: center;
  490. }
  491. .page-header {
  492. padding-bottom: 9px;
  493. margin: 40px 0 20px;
  494. border-bottom: 1px solid #eeeeee;
  495. }
  496. ul,
  497. ol {
  498. margin-top: 0;
  499. margin-bottom: 10px;
  500. }
  501. ul ul,
  502. ol ul,
  503. ul ol,
  504. ol ol {
  505. margin-bottom: 0;
  506. }
  507. .list-unstyled {
  508. padding-left: 0;
  509. list-style: none;
  510. }
  511. .list-inline {
  512. padding-left: 0;
  513. list-style: none;
  514. }
  515. .list-inline > li {
  516. display: inline-block;
  517. padding-left: 5px;
  518. padding-right: 5px;
  519. }
  520. .list-inline > li:first-child {
  521. padding-left: 0;
  522. }
  523. dl {
  524. margin-top: 0;
  525. margin-bottom: 20px;
  526. }
  527. dt,
  528. dd {
  529. line-height: 1.42857143;
  530. }
  531. dt {
  532. font-weight: bold;
  533. }
  534. dd {
  535. margin-left: 0;
  536. }
  537. @media (min-width: 768px) {
  538. .dl-horizontal dt {
  539. float: left;
  540. width: 160px;
  541. clear: left;
  542. text-align: right;
  543. overflow: hidden;
  544. text-overflow: ellipsis;
  545. white-space: nowrap;
  546. }
  547. .dl-horizontal dd {
  548. margin-left: 180px;
  549. }
  550. .dl-horizontal dd:before,
  551. .dl-horizontal dd:after {
  552. content: " ";
  553. display: table;
  554. }
  555. .dl-horizontal dd:after {
  556. clear: both;
  557. }
  558. .dl-horizontal dd:before,
  559. .dl-horizontal dd:after {
  560. content: " ";
  561. display: table;
  562. }
  563. .dl-horizontal dd:after {
  564. clear: both;
  565. }
  566. }
  567. abbr[title],
  568. abbr[data-original-title] {
  569. cursor: help;
  570. border-bottom: 1px dotted #999999;
  571. }
  572. .initialism {
  573. font-size: 90%;
  574. text-transform: uppercase;
  575. }
  576. blockquote {
  577. padding: 10px 20px;
  578. margin: 0 0 20px;
  579. border-left: 5px solid #eeeeee;
  580. }
  581. blockquote p {
  582. font-size: 17.5px;
  583. font-weight: 300;
  584. line-height: 1.25;
  585. }
  586. blockquote p:last-child {
  587. margin-bottom: 0;
  588. }
  589. blockquote small,
  590. blockquote .small {
  591. display: block;
  592. line-height: 1.42857143;
  593. color: #999999;
  594. }
  595. blockquote small:before,
  596. blockquote .small:before {
  597. content: '\2014 \00A0';
  598. }
  599. blockquote.pull-right {
  600. padding-right: 15px;
  601. padding-left: 0;
  602. border-right: 5px solid #eeeeee;
  603. border-left: 0;
  604. }
  605. blockquote.pull-right p,
  606. blockquote.pull-right small,
  607. blockquote.pull-right .small {
  608. text-align: right;
  609. }
  610. blockquote.pull-right small:before,
  611. blockquote.pull-right .small:before {
  612. content: '';
  613. }
  614. blockquote.pull-right small:after,
  615. blockquote.pull-right .small:after {
  616. content: '\00A0 \2014';
  617. }
  618. blockquote:before,
  619. blockquote:after {
  620. content: "";
  621. }
  622. address {
  623. margin-bottom: 20px;
  624. font-style: normal;
  625. line-height: 1.42857143;
  626. }
  627. .container {
  628. margin-right: auto;
  629. margin-left: auto;
  630. padding-left: 35px;
  631. padding-right: 35px;
  632. }
  633. .container:before,
  634. .container:after {
  635. content: " ";
  636. display: table;
  637. }
  638. .container:after {
  639. clear: both;
  640. }
  641. .container:before,
  642. .container:after {
  643. content: " ";
  644. display: table;
  645. }
  646. .container:after {
  647. clear: both;
  648. }
  649. @media (min-width: 768px) {
  650. .container {
  651. width: 790px;
  652. }
  653. }
  654. @media (min-width: 992px) {
  655. .container {
  656. width: 1010px;
  657. }
  658. }
  659. @media (min-width: 1200px) {
  660. .container {
  661. width: 1210px;
  662. }
  663. }
  664. .row {
  665. margin-left: -35px;
  666. margin-right: -35px;
  667. }
  668. .row:before,
  669. .row:after {
  670. content: " ";
  671. display: table;
  672. }
  673. .row:after {
  674. clear: both;
  675. }
  676. .row:before,
  677. .row:after {
  678. content: " ";
  679. display: table;
  680. }
  681. .row:after {
  682. clear: both;
  683. }
  684. .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  685. position: relative;
  686. min-height: 1px;
  687. padding-left: 35px;
  688. padding-right: 35px;
  689. }
  690. .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  691. float: left;
  692. }
  693. .col-xs-12 {
  694. width: 100%;
  695. }
  696. .col-xs-11 {
  697. width: 91.66666667%;
  698. }
  699. .col-xs-10 {
  700. width: 83.33333333%;
  701. }
  702. .col-xs-9 {
  703. width: 75%;
  704. }
  705. .col-xs-8 {
  706. width: 66.66666667%;
  707. }
  708. .col-xs-7 {
  709. width: 58.33333333%;
  710. }
  711. .col-xs-6 {
  712. width: 50%;
  713. }
  714. .col-xs-5 {
  715. width: 41.66666667%;
  716. }
  717. .col-xs-4 {
  718. width: 33.33333333%;
  719. }
  720. .col-xs-3 {
  721. width: 25%;
  722. }
  723. .col-xs-2 {
  724. width: 16.66666667%;
  725. }
  726. .col-xs-1 {
  727. width: 8.33333333%;
  728. }
  729. .col-xs-pull-12 {
  730. right: 100%;
  731. }
  732. .col-xs-pull-11 {
  733. right: 91.66666667%;
  734. }
  735. .col-xs-pull-10 {
  736. right: 83.33333333%;
  737. }
  738. .col-xs-pull-9 {
  739. right: 75%;
  740. }
  741. .col-xs-pull-8 {
  742. right: 66.66666667%;
  743. }
  744. .col-xs-pull-7 {
  745. right: 58.33333333%;
  746. }
  747. .col-xs-pull-6 {
  748. right: 50%;
  749. }
  750. .col-xs-pull-5 {
  751. right: 41.66666667%;
  752. }
  753. .col-xs-pull-4 {
  754. right: 33.33333333%;
  755. }
  756. .col-xs-pull-3 {
  757. right: 25%;
  758. }
  759. .col-xs-pull-2 {
  760. right: 16.66666667%;
  761. }
  762. .col-xs-pull-1 {
  763. right: 8.33333333%;
  764. }
  765. .col-xs-pull-0 {
  766. right: 0%;
  767. }
  768. .col-xs-push-12 {
  769. left: 100%;
  770. }
  771. .col-xs-push-11 {
  772. left: 91.66666667%;
  773. }
  774. .col-xs-push-10 {
  775. left: 83.33333333%;
  776. }
  777. .col-xs-push-9 {
  778. left: 75%;
  779. }
  780. .col-xs-push-8 {
  781. left: 66.66666667%;
  782. }
  783. .col-xs-push-7 {
  784. left: 58.33333333%;
  785. }
  786. .col-xs-push-6 {
  787. left: 50%;
  788. }
  789. .col-xs-push-5 {
  790. left: 41.66666667%;
  791. }
  792. .col-xs-push-4 {
  793. left: 33.33333333%;
  794. }
  795. .col-xs-push-3 {
  796. left: 25%;
  797. }
  798. .col-xs-push-2 {
  799. left: 16.66666667%;
  800. }
  801. .col-xs-push-1 {
  802. left: 8.33333333%;
  803. }
  804. .col-xs-push-0 {
  805. left: 0%;
  806. }
  807. .col-xs-offset-12 {
  808. margin-left: 100%;
  809. }
  810. .col-xs-offset-11 {
  811. margin-left: 91.66666667%;
  812. }
  813. .col-xs-offset-10 {
  814. margin-left: 83.33333333%;
  815. }
  816. .col-xs-offset-9 {
  817. margin-left: 75%;
  818. }
  819. .col-xs-offset-8 {
  820. margin-left: 66.66666667%;
  821. }
  822. .col-xs-offset-7 {
  823. margin-left: 58.33333333%;
  824. }
  825. .col-xs-offset-6 {
  826. margin-left: 50%;
  827. }
  828. .col-xs-offset-5 {
  829. margin-left: 41.66666667%;
  830. }
  831. .col-xs-offset-4 {
  832. margin-left: 33.33333333%;
  833. }
  834. .col-xs-offset-3 {
  835. margin-left: 25%;
  836. }
  837. .col-xs-offset-2 {
  838. margin-left: 16.66666667%;
  839. }
  840. .col-xs-offset-1 {
  841. margin-left: 8.33333333%;
  842. }
  843. .col-xs-offset-0 {
  844. margin-left: 0%;
  845. }
  846. @media (min-width: 768px) {
  847. .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  848. float: left;
  849. }
  850. .col-sm-12 {
  851. width: 100%;
  852. }
  853. .col-sm-11 {
  854. width: 91.66666667%;
  855. }
  856. .col-sm-10 {
  857. width: 83.33333333%;
  858. }
  859. .col-sm-9 {
  860. width: 75%;
  861. }
  862. .col-sm-8 {
  863. width: 66.66666667%;
  864. }
  865. .col-sm-7 {
  866. width: 58.33333333%;
  867. }
  868. .col-sm-6 {
  869. width: 50%;
  870. }
  871. .col-sm-5 {
  872. width: 41.66666667%;
  873. }
  874. .col-sm-4 {
  875. width: 33.33333333%;
  876. }
  877. .col-sm-3 {
  878. width: 25%;
  879. }
  880. .col-sm-2 {
  881. width: 16.66666667%;
  882. }
  883. .col-sm-1 {
  884. width: 8.33333333%;
  885. }
  886. .col-sm-pull-12 {
  887. right: 100%;
  888. }
  889. .col-sm-pull-11 {
  890. right: 91.66666667%;
  891. }
  892. .col-sm-pull-10 {
  893. right: 83.33333333%;
  894. }
  895. .col-sm-pull-9 {
  896. right: 75%;
  897. }
  898. .col-sm-pull-8 {
  899. right: 66.66666667%;
  900. }
  901. .col-sm-pull-7 {
  902. right: 58.33333333%;
  903. }
  904. .col-sm-pull-6 {
  905. right: 50%;
  906. }
  907. .col-sm-pull-5 {
  908. right: 41.66666667%;
  909. }
  910. .col-sm-pull-4 {
  911. right: 33.33333333%;
  912. }
  913. .col-sm-pull-3 {
  914. right: 25%;
  915. }
  916. .col-sm-pull-2 {
  917. right: 16.66666667%;
  918. }
  919. .col-sm-pull-1 {
  920. right: 8.33333333%;
  921. }
  922. .col-sm-pull-0 {
  923. right: 0%;
  924. }
  925. .col-sm-push-12 {
  926. left: 100%;
  927. }
  928. .col-sm-push-11 {
  929. left: 91.66666667%;
  930. }
  931. .col-sm-push-10 {
  932. left: 83.33333333%;
  933. }
  934. .col-sm-push-9 {
  935. left: 75%;
  936. }
  937. .col-sm-push-8 {
  938. left: 66.66666667%;
  939. }
  940. .col-sm-push-7 {
  941. left: 58.33333333%;
  942. }
  943. .col-sm-push-6 {
  944. left: 50%;
  945. }
  946. .col-sm-push-5 {
  947. left: 41.66666667%;
  948. }
  949. .col-sm-push-4 {
  950. left: 33.33333333%;
  951. }
  952. .col-sm-push-3 {
  953. left: 25%;
  954. }
  955. .col-sm-push-2 {
  956. left: 16.66666667%;
  957. }
  958. .col-sm-push-1 {
  959. left: 8.33333333%;
  960. }
  961. .col-sm-push-0 {
  962. left: 0%;
  963. }
  964. .col-sm-offset-12 {
  965. margin-left: 100%;
  966. }
  967. .col-sm-offset-11 {
  968. margin-left: 91.66666667%;
  969. }
  970. .col-sm-offset-10 {
  971. margin-left: 83.33333333%;
  972. }
  973. .col-sm-offset-9 {
  974. margin-left: 75%;
  975. }
  976. .col-sm-offset-8 {
  977. margin-left: 66.66666667%;
  978. }
  979. .col-sm-offset-7 {
  980. margin-left: 58.33333333%;
  981. }
  982. .col-sm-offset-6 {
  983. margin-left: 50%;
  984. }
  985. .col-sm-offset-5 {
  986. margin-left: 41.66666667%;
  987. }
  988. .col-sm-offset-4 {
  989. margin-left: 33.33333333%;
  990. }
  991. .col-sm-offset-3 {
  992. margin-left: 25%;
  993. }
  994. .col-sm-offset-2 {
  995. margin-left: 16.66666667%;
  996. }
  997. .col-sm-offset-1 {
  998. margin-left: 8.33333333%;
  999. }
  1000. .col-sm-offset-0 {
  1001. margin-left: 0%;
  1002. }
  1003. }
  1004. @media (min-width: 992px) {
  1005. .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  1006. float: left;
  1007. }
  1008. .col-md-12 {
  1009. width: 100%;
  1010. }
  1011. .col-md-11 {
  1012. width: 91.66666667%;
  1013. }
  1014. .col-md-10 {
  1015. width: 83.33333333%;
  1016. }
  1017. .col-md-9 {
  1018. width: 75%;
  1019. }
  1020. .col-md-8 {
  1021. width: 66.66666667%;
  1022. }
  1023. .col-md-7 {
  1024. width: 58.33333333%;
  1025. }
  1026. .col-md-6 {
  1027. width: 50%;
  1028. }
  1029. .col-md-5 {
  1030. width: 41.66666667%;
  1031. }
  1032. .col-md-4 {
  1033. width: 33.33333333%;
  1034. }
  1035. .col-md-3 {
  1036. width: 25%;
  1037. }
  1038. .col-md-2 {
  1039. width: 16.66666667%;
  1040. }
  1041. .col-md-1 {
  1042. width: 8.33333333%;
  1043. }
  1044. .col-md-pull-12 {
  1045. right: 100%;
  1046. }
  1047. .col-md-pull-11 {
  1048. right: 91.66666667%;
  1049. }
  1050. .col-md-pull-10 {
  1051. right: 83.33333333%;
  1052. }
  1053. .col-md-pull-9 {
  1054. right: 75%;
  1055. }
  1056. .col-md-pull-8 {
  1057. right: 66.66666667%;
  1058. }
  1059. .col-md-pull-7 {
  1060. right: 58.33333333%;
  1061. }
  1062. .col-md-pull-6 {
  1063. right: 50%;
  1064. }
  1065. .col-md-pull-5 {
  1066. right: 41.66666667%;
  1067. }
  1068. .col-md-pull-4 {
  1069. right: 33.33333333%;
  1070. }
  1071. .col-md-pull-3 {
  1072. right: 25%;
  1073. }
  1074. .col-md-pull-2 {
  1075. right: 16.66666667%;
  1076. }
  1077. .col-md-pull-1 {
  1078. right: 8.33333333%;
  1079. }
  1080. .col-md-pull-0 {
  1081. right: 0%;
  1082. }
  1083. .col-md-push-12 {
  1084. left: 100%;
  1085. }
  1086. .col-md-push-11 {
  1087. left: 91.66666667%;
  1088. }
  1089. .col-md-push-10 {
  1090. left: 83.33333333%;
  1091. }
  1092. .col-md-push-9 {
  1093. left: 75%;
  1094. }
  1095. .col-md-push-8 {
  1096. left: 66.66666667%;
  1097. }
  1098. .col-md-push-7 {
  1099. left: 58.33333333%;
  1100. }
  1101. .col-md-push-6 {
  1102. left: 50%;
  1103. }
  1104. .col-md-push-5 {
  1105. left: 41.66666667%;
  1106. }
  1107. .col-md-push-4 {
  1108. left: 33.33333333%;
  1109. }
  1110. .col-md-push-3 {
  1111. left: 25%;
  1112. }
  1113. .col-md-push-2 {
  1114. left: 16.66666667%;
  1115. }
  1116. .col-md-push-1 {
  1117. left: 8.33333333%;
  1118. }
  1119. .col-md-push-0 {
  1120. left: 0%;
  1121. }
  1122. .col-md-offset-12 {
  1123. margin-left: 100%;
  1124. }
  1125. .col-md-offset-11 {
  1126. margin-left: 91.66666667%;
  1127. }
  1128. .col-md-offset-10 {
  1129. margin-left: 83.33333333%;
  1130. }
  1131. .col-md-offset-9 {
  1132. margin-left: 75%;
  1133. }
  1134. .col-md-offset-8 {
  1135. margin-left: 66.66666667%;
  1136. }
  1137. .col-md-offset-7 {
  1138. margin-left: 58.33333333%;
  1139. }
  1140. .col-md-offset-6 {
  1141. margin-left: 50%;
  1142. }
  1143. .col-md-offset-5 {
  1144. margin-left: 41.66666667%;
  1145. }
  1146. .col-md-offset-4 {
  1147. margin-left: 33.33333333%;
  1148. }
  1149. .col-md-offset-3 {
  1150. margin-left: 25%;
  1151. }
  1152. .col-md-offset-2 {
  1153. margin-left: 16.66666667%;
  1154. }
  1155. .col-md-offset-1 {
  1156. margin-left: 8.33333333%;
  1157. }
  1158. .col-md-offset-0 {
  1159. margin-left: 0%;
  1160. }
  1161. }
  1162. @media (min-width: 1200px) {
  1163. .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  1164. float: left;
  1165. }
  1166. .col-lg-12 {
  1167. width: 100%;
  1168. }
  1169. .col-lg-11 {
  1170. width: 91.66666667%;
  1171. }
  1172. .col-lg-10 {
  1173. width: 83.33333333%;
  1174. }
  1175. .col-lg-9 {
  1176. width: 75%;
  1177. }
  1178. .col-lg-8 {
  1179. width: 66.66666667%;
  1180. }
  1181. .col-lg-7 {
  1182. width: 58.33333333%;
  1183. }
  1184. .col-lg-6 {
  1185. width: 50%;
  1186. }
  1187. .col-lg-5 {
  1188. width: 41.66666667%;
  1189. }
  1190. .col-lg-4 {
  1191. width: 33.33333333%;
  1192. }
  1193. .col-lg-3 {
  1194. width: 25%;
  1195. }
  1196. .col-lg-2 {
  1197. width: 16.66666667%;
  1198. }
  1199. .col-lg-1 {
  1200. width: 8.33333333%;
  1201. }
  1202. .col-lg-pull-12 {
  1203. right: 100%;
  1204. }
  1205. .col-lg-pull-11 {
  1206. right: 91.66666667%;
  1207. }
  1208. .col-lg-pull-10 {
  1209. right: 83.33333333%;
  1210. }
  1211. .col-lg-pull-9 {
  1212. right: 75%;
  1213. }
  1214. .col-lg-pull-8 {
  1215. right: 66.66666667%;
  1216. }
  1217. .col-lg-pull-7 {
  1218. right: 58.33333333%;
  1219. }
  1220. .col-lg-pull-6 {
  1221. right: 50%;
  1222. }
  1223. .col-lg-pull-5 {
  1224. right: 41.66666667%;
  1225. }
  1226. .col-lg-pull-4 {
  1227. right: 33.33333333%;
  1228. }
  1229. .col-lg-pull-3 {
  1230. right: 25%;
  1231. }
  1232. .col-lg-pull-2 {
  1233. right: 16.66666667%;
  1234. }
  1235. .col-lg-pull-1 {
  1236. right: 8.33333333%;
  1237. }
  1238. .col-lg-pull-0 {
  1239. right: 0%;
  1240. }
  1241. .col-lg-push-12 {
  1242. left: 100%;
  1243. }
  1244. .col-lg-push-11 {
  1245. left: 91.66666667%;
  1246. }
  1247. .col-lg-push-10 {
  1248. left: 83.33333333%;
  1249. }
  1250. .col-lg-push-9 {
  1251. left: 75%;
  1252. }
  1253. .col-lg-push-8 {
  1254. left: 66.66666667%;
  1255. }
  1256. .col-lg-push-7 {
  1257. left: 58.33333333%;
  1258. }
  1259. .col-lg-push-6 {
  1260. left: 50%;
  1261. }
  1262. .col-lg-push-5 {
  1263. left: 41.66666667%;
  1264. }
  1265. .col-lg-push-4 {
  1266. left: 33.33333333%;
  1267. }
  1268. .col-lg-push-3 {
  1269. left: 25%;
  1270. }
  1271. .col-lg-push-2 {
  1272. left: 16.66666667%;
  1273. }
  1274. .col-lg-push-1 {
  1275. left: 8.33333333%;
  1276. }
  1277. .col-lg-push-0 {
  1278. left: 0%;
  1279. }
  1280. .col-lg-offset-12 {
  1281. margin-left: 100%;
  1282. }
  1283. .col-lg-offset-11 {
  1284. margin-left: 91.66666667%;
  1285. }
  1286. .col-lg-offset-10 {
  1287. margin-left: 83.33333333%;
  1288. }
  1289. .col-lg-offset-9 {
  1290. margin-left: 75%;
  1291. }
  1292. .col-lg-offset-8 {
  1293. margin-left: 66.66666667%;
  1294. }
  1295. .col-lg-offset-7 {
  1296. margin-left: 58.33333333%;
  1297. }
  1298. .col-lg-offset-6 {
  1299. margin-left: 50%;
  1300. }
  1301. .col-lg-offset-5 {
  1302. margin-left: 41.66666667%;
  1303. }
  1304. .col-lg-offset-4 {
  1305. margin-left: 33.33333333%;
  1306. }
  1307. .col-lg-offset-3 {
  1308. margin-left: 25%;
  1309. }
  1310. .col-lg-offset-2 {
  1311. margin-left: 16.66666667%;
  1312. }
  1313. .col-lg-offset-1 {
  1314. margin-left: 8.33333333%;
  1315. }
  1316. .col-lg-offset-0 {
  1317. margin-left: 0%;
  1318. }
  1319. }
  1320. table {
  1321. max-width: 100%;
  1322. background-color: transparent;
  1323. }
  1324. th {
  1325. text-align: left;
  1326. }
  1327. .table {
  1328. width: 100%;
  1329. margin-bottom: 20px;
  1330. }
  1331. .table > thead > tr > th,
  1332. .table > tbody > tr > th,
  1333. .table > tfoot > tr > th,
  1334. .table > thead > tr > td,
  1335. .table > tbody > tr > td,
  1336. .table > tfoot > tr > td {
  1337. padding: 8px;
  1338. line-height: 1.42857143;
  1339. vertical-align: top;
  1340. border-top: 1px solid #dddddd;
  1341. }
  1342. .table > thead > tr > th {
  1343. vertical-align: bottom;
  1344. border-bottom: 2px solid #dddddd;
  1345. }
  1346. .table > caption + thead > tr:first-child > th,
  1347. .table > colgroup + thead > tr:first-child > th,
  1348. .table > thead:first-child > tr:first-child > th,
  1349. .table > caption + thead > tr:first-child > td,
  1350. .table > colgroup + thead > tr:first-child > td,
  1351. .table > thead:first-child > tr:first-child > td {
  1352. border-top: 0;
  1353. }
  1354. .table > tbody + tbody {
  1355. border-top: 2px solid #dddddd;
  1356. }
  1357. .table .table {
  1358. background-color: #ffffff;
  1359. }
  1360. .table-condensed > thead > tr > th,
  1361. .table-condensed > tbody > tr > th,
  1362. .table-condensed > tfoot > tr > th,
  1363. .table-condensed > thead > tr > td,
  1364. .table-condensed > tbody > tr > td,
  1365. .table-condensed > tfoot > tr > td {
  1366. padding: 5px;
  1367. }
  1368. .table-bordered {
  1369. border: 1px solid #dddddd;
  1370. }
  1371. .table-bordered > thead > tr > th,
  1372. .table-bordered > tbody > tr > th,
  1373. .table-bordered > tfoot > tr > th,
  1374. .table-bordered > thead > tr > td,
  1375. .table-bordered > tbody > tr > td,
  1376. .table-bordered > tfoot > tr > td {
  1377. border: 1px solid #dddddd;
  1378. }
  1379. .table-bordered > thead > tr > th,
  1380. .table-bordered > thead > tr > td {
  1381. border-bottom-width: 2px;
  1382. }
  1383. .table-striped > tbody > tr:nth-child(odd) > td,
  1384. .table-striped > tbody > tr:nth-child(odd) > th {
  1385. background-color: #f9f9f9;
  1386. }
  1387. .table-hover > tbody > tr:hover > td,
  1388. .table-hover > tbody > tr:hover > th {
  1389. background-color: #f5f5f5;
  1390. }
  1391. table col[class*="col-"] {
  1392. position: static;
  1393. float: none;
  1394. display: table-column;
  1395. }
  1396. table td[class*="col-"],
  1397. table th[class*="col-"] {
  1398. float: none;
  1399. display: table-cell;
  1400. }
  1401. .table > thead > tr > .active,
  1402. .table > tbody > tr > .active,
  1403. .table > tfoot > tr > .active,
  1404. .table > thead > .active > td,
  1405. .table > tbody > .active > td,
  1406. .table > tfoot > .active > td,
  1407. .table > thead > .active > th,
  1408. .table > tbody > .active > th,
  1409. .table > tfoot > .active > th {
  1410. background-color: #f5f5f5;
  1411. }
  1412. .table-hover > tbody > tr > .active:hover,
  1413. .table-hover > tbody > .active:hover > td,
  1414. .table-hover > tbody > .active:hover > th {
  1415. background-color: #e8e8e8;
  1416. }
  1417. .table > thead > tr > .success,
  1418. .table > tbody > tr > .success,
  1419. .table > tfoot > tr > .success,
  1420. .table > thead > .success > td,
  1421. .table > tbody > .success > td,
  1422. .table > tfoot > .success > td,
  1423. .table > thead > .success > th,
  1424. .table > tbody > .success > th,
  1425. .table > tfoot > .success > th {
  1426. background-color: #dff0d8;
  1427. }
  1428. .table-hover > tbody > tr > .success:hover,
  1429. .table-hover > tbody > .success:hover > td,
  1430. .table-hover > tbody > .success:hover > th {
  1431. background-color: #d0e9c6;
  1432. }
  1433. .table > thead > tr > .danger,
  1434. .table > tbody > tr > .danger,
  1435. .table > tfoot > tr > .danger,
  1436. .table > thead > .danger > td,
  1437. .table > tbody > .danger > td,
  1438. .table > tfoot > .danger > td,
  1439. .table > thead > .danger > th,
  1440. .table > tbody > .danger > th,
  1441. .table > tfoot > .danger > th {
  1442. background-color: #f2dede;
  1443. }
  1444. .table-hover > tbody > tr > .danger:hover,
  1445. .table-hover > tbody > .danger:hover > td,
  1446. .table-hover > tbody > .danger:hover > th {
  1447. background-color: #ebcccc;
  1448. }
  1449. .table > thead > tr > .warning,
  1450. .table > tbody > tr > .warning,
  1451. .table > tfoot > tr > .warning,
  1452. .table > thead > .warning > td,
  1453. .table > tbody > .warning > td,
  1454. .table > tfoot > .warning > td,
  1455. .table > thead > .warning > th,
  1456. .table > tbody > .warning > th,
  1457. .table > tfoot > .warning > th {
  1458. background-color: #fcf8e3;
  1459. }
  1460. .table-hover > tbody > tr > .warning:hover,
  1461. .table-hover > tbody > .warning:hover > td,
  1462. .table-hover > tbody > .warning:hover > th {
  1463. background-color: #faf2cc;
  1464. }
  1465. @media (max-width: 767px) {
  1466. .table-responsive {
  1467. width: 100%;
  1468. margin-bottom: 15px;
  1469. overflow-y: hidden;
  1470. overflow-x: scroll;
  1471. -ms-overflow-style: -ms-autohiding-scrollbar;
  1472. border: 1px solid #dddddd;
  1473. -webkit-overflow-scrolling: touch;
  1474. }
  1475. .table-responsive > .table {
  1476. margin-bottom: 0;
  1477. }
  1478. .table-responsive > .table > thead > tr > th,
  1479. .table-responsive > .table > tbody > tr > th,
  1480. .table-responsive > .table > tfoot > tr > th,
  1481. .table-responsive > .table > thead > tr > td,
  1482. .table-responsive > .table > tbody > tr > td,
  1483. .table-responsive > .table > tfoot > tr > td {
  1484. white-space: nowrap;
  1485. }
  1486. .table-responsive > .table-bordered {
  1487. border: 0;
  1488. }
  1489. .table-responsive > .table-bordered > thead > tr > th:first-child,
  1490. .table-responsive > .table-bordered > tbody > tr > th:first-child,
  1491. .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  1492. .table-responsive > .table-bordered > thead > tr > td:first-child,
  1493. .table-responsive > .table-bordered > tbody > tr > td:first-child,
  1494. .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  1495. border-left: 0;
  1496. }
  1497. .table-responsive > .table-bordered > thead > tr > th:last-child,
  1498. .table-responsive > .table-bordered > tbody > tr > th:last-child,
  1499. .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  1500. .table-responsive > .table-bordered > thead > tr > td:last-child,
  1501. .table-responsive > .table-bordered > tbody > tr > td:last-child,
  1502. .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  1503. border-right: 0;
  1504. }
  1505. .table-responsive > .table-bordered > tbody > tr:last-child > th,
  1506. .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  1507. .table-responsive > .table-bordered > tbody > tr:last-child > td,
  1508. .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  1509. border-bottom: 0;
  1510. }
  1511. }
  1512. fieldset {
  1513. padding: 0;
  1514. margin: 0;
  1515. border: 0;
  1516. }
  1517. legend {
  1518. display: block;
  1519. width: 100%;
  1520. padding: 0;
  1521. margin-bottom: 20px;
  1522. font-size: 21px;
  1523. line-height: inherit;
  1524. color: #333333;
  1525. border: 0;
  1526. border-bottom: 1px solid #e5e5e5;
  1527. }
  1528. label {
  1529. display: inline-block;
  1530. margin-bottom: 5px;
  1531. font-weight: bold;
  1532. }
  1533. input[type="search"] {
  1534. -webkit-box-sizing: border-box;
  1535. -moz-box-sizing: border-box;
  1536. box-sizing: border-box;
  1537. }
  1538. input[type="radio"],
  1539. input[type="checkbox"] {
  1540. margin: 4px 0 0;
  1541. margin-top: 1px \9;
  1542. /* IE8-9 */
  1543. line-height: normal;
  1544. }
  1545. input[type="file"] {
  1546. display: block;
  1547. }
  1548. select[multiple],
  1549. select[size] {
  1550. height: auto;
  1551. }
  1552. select optgroup {
  1553. font-size: inherit;
  1554. font-style: inherit;
  1555. font-family: inherit;
  1556. }
  1557. input[type="file"]:focus,
  1558. input[type="radio"]:focus,
  1559. input[type="checkbox"]:focus {
  1560. outline: thin dotted;
  1561. outline: 5px auto -webkit-focus-ring-color;
  1562. outline-offset: -2px;
  1563. }
  1564. input[type="number"]::-webkit-outer-spin-button,
  1565. input[type="number"]::-webkit-inner-spin-button {
  1566. height: auto;
  1567. }
  1568. output {
  1569. display: block;
  1570. padding-top: 7px;
  1571. font-size: 14px;
  1572. line-height: 1.42857143;
  1573. color: #555555;
  1574. vertical-align: middle;
  1575. }
  1576. .form-control {
  1577. display: block;
  1578. width: 100%;
  1579. height: 34px;
  1580. padding: 6px 12px;
  1581. font-size: 14px;
  1582. line-height: 1.42857143;
  1583. color: #555555;
  1584. vertical-align: middle;
  1585. background-color: #ffffff;
  1586. background-image: none;
  1587. border: 1px solid #cccccc;
  1588. border-radius: 4px;
  1589. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1590. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1591. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1592. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1593. }
  1594. .form-control:focus {
  1595. border-color: #66afe9;
  1596. outline: 0;
  1597. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  1598. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  1599. }
  1600. .form-control:-moz-placeholder {
  1601. color: #999999;
  1602. }
  1603. .form-control::-moz-placeholder {
  1604. color: #999999;
  1605. opacity: 1;
  1606. }
  1607. .form-control:-ms-input-placeholder {
  1608. color: #999999;
  1609. }
  1610. .form-control::-webkit-input-placeholder {
  1611. color: #999999;
  1612. }
  1613. .form-control[disabled],
  1614. .form-control[readonly],
  1615. fieldset[disabled] .form-control {
  1616. cursor: not-allowed;
  1617. background-color: #eeeeee;
  1618. }
  1619. textarea.form-control {
  1620. height: auto;
  1621. }
  1622. .form-group {
  1623. margin-bottom: 15px;
  1624. }
  1625. .radio,
  1626. .checkbox {
  1627. display: block;
  1628. min-height: 20px;
  1629. margin-top: 10px;
  1630. margin-bottom: 10px;
  1631. padding-left: 20px;
  1632. vertical-align: middle;
  1633. }
  1634. .radio label,
  1635. .checkbox label {
  1636. display: inline;
  1637. margin-bottom: 0;
  1638. font-weight: normal;
  1639. cursor: pointer;
  1640. }
  1641. .radio input[type="radio"],
  1642. .radio-inline input[type="radio"],
  1643. .checkbox input[type="checkbox"],
  1644. .checkbox-inline input[type="checkbox"] {
  1645. float: left;
  1646. margin-left: -20px;
  1647. }
  1648. .radio + .radio,
  1649. .checkbox + .checkbox {
  1650. margin-top: -5px;
  1651. }
  1652. .radio-inline,
  1653. .checkbox-inline {
  1654. display: inline-block;
  1655. padding-left: 20px;
  1656. margin-bottom: 0;
  1657. vertical-align: middle;
  1658. font-weight: normal;
  1659. cursor: pointer;
  1660. }
  1661. .radio-inline + .radio-inline,
  1662. .checkbox-inline + .checkbox-inline {
  1663. margin-top: 0;
  1664. margin-left: 10px;
  1665. }
  1666. input[type="radio"][disabled],
  1667. input[type="checkbox"][disabled],
  1668. .radio[disabled],
  1669. .radio-inline[disabled],
  1670. .checkbox[disabled],
  1671. .checkbox-inline[disabled],
  1672. fieldset[disabled] input[type="radio"],
  1673. fieldset[disabled] input[type="checkbox"],
  1674. fieldset[disabled] .radio,
  1675. fieldset[disabled] .radio-inline,
  1676. fieldset[disabled] .checkbox,
  1677. fieldset[disabled] .checkbox-inline {
  1678. cursor: not-allowed;
  1679. }
  1680. .input-sm {
  1681. height: 30px;
  1682. padding: 5px 10px;
  1683. font-size: 12px;
  1684. line-height: 1.5;
  1685. border-radius: 3px;
  1686. }
  1687. select.input-sm {
  1688. height: 30px;
  1689. line-height: 30px;
  1690. }
  1691. textarea.input-sm {
  1692. height: auto;
  1693. }
  1694. .input-lg {
  1695. height: 46px;
  1696. padding: 10px 16px;
  1697. font-size: 18px;
  1698. line-height: 1.33;
  1699. border-radius: 6px;
  1700. }
  1701. select.input-lg {
  1702. height: 46px;
  1703. line-height: 46px;
  1704. }
  1705. textarea.input-lg {
  1706. height: auto;
  1707. }
  1708. .has-warning .help-block,
  1709. .has-warning .control-label,
  1710. .has-warning .radio,
  1711. .has-warning .checkbox,
  1712. .has-warning .radio-inline,
  1713. .has-warning .checkbox-inline {
  1714. color: #8a6d3b;
  1715. }
  1716. .has-warning .form-control {
  1717. border-color: #8a6d3b;
  1718. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1719. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1720. }
  1721. .has-warning .form-control:focus {
  1722. border-color: #66512c;
  1723. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  1724. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  1725. }
  1726. .has-warning .input-group-addon {
  1727. color: #8a6d3b;
  1728. border-color: #8a6d3b;
  1729. background-color: #fcf8e3;
  1730. }
  1731. .has-error .help-block,
  1732. .has-error .control-label,
  1733. .has-error .radio,
  1734. .has-error .checkbox,
  1735. .has-error .radio-inline,
  1736. .has-error .checkbox-inline {
  1737. color: #a94442;
  1738. }
  1739. .has-error .form-control {
  1740. border-color: #a94442;
  1741. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1742. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1743. }
  1744. .has-error .form-control:focus {
  1745. border-color: #843534;
  1746. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  1747. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  1748. }
  1749. .has-error .input-group-addon {
  1750. color: #a94442;
  1751. border-color: #a94442;
  1752. background-color: #f2dede;
  1753. }
  1754. .has-success .help-block,
  1755. .has-success .control-label,
  1756. .has-success .radio,
  1757. .has-success .checkbox,
  1758. .has-success .radio-inline,
  1759. .has-success .checkbox-inline {
  1760. color: #3c763d;
  1761. }
  1762. .has-success .form-control {
  1763. border-color: #3c763d;
  1764. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1765. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1766. }
  1767. .has-success .form-control:focus {
  1768. border-color: #2b542c;
  1769. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  1770. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  1771. }
  1772. .has-success .input-group-addon {
  1773. color: #3c763d;
  1774. border-color: #3c763d;
  1775. background-color: #dff0d8;
  1776. }
  1777. .form-control-static {
  1778. margin-bottom: 0;
  1779. }
  1780. .help-block {
  1781. display: block;
  1782. margin-top: 5px;
  1783. margin-bottom: 10px;
  1784. color: #7b7b7b;
  1785. }
  1786. @media (min-width: 768px) {
  1787. .form-inline .form-group {
  1788. display: inline-block;
  1789. margin-bottom: 0;
  1790. vertical-align: middle;
  1791. }
  1792. .form-inline .form-control {
  1793. display: inline-block;
  1794. }
  1795. .form-inline select.form-control {
  1796. width: auto;
  1797. }
  1798. .form-inline .radio,
  1799. .form-inline .checkbox {
  1800. display: inline-block;
  1801. margin-top: 0;
  1802. margin-bottom: 0;
  1803. padding-left: 0;
  1804. }
  1805. .form-inline .radio input[type="radio"],
  1806. .form-inline .checkbox input[type="checkbox"] {
  1807. float: none;
  1808. margin-left: 0;
  1809. }
  1810. }
  1811. .form-horizontal .control-label,
  1812. .form-horizontal .radio,
  1813. .form-horizontal .checkbox,
  1814. .form-horizontal .radio-inline,
  1815. .form-horizontal .checkbox-inline {
  1816. margin-top: 0;
  1817. margin-bottom: 0;
  1818. padding-top: 7px;
  1819. }
  1820. .form-horizontal .radio,
  1821. .form-horizontal .checkbox {
  1822. min-height: 27px;
  1823. }
  1824. .form-horizontal .form-group {
  1825. margin-left: -35px;
  1826. margin-right: -35px;
  1827. }
  1828. .form-horizontal .form-group:before,
  1829. .form-horizontal .form-group:after {
  1830. content: " ";
  1831. display: table;
  1832. }
  1833. .form-horizontal .form-group:after {
  1834. clear: both;
  1835. }
  1836. .form-horizontal .form-group:before,
  1837. .form-horizontal .form-group:after {
  1838. content: " ";
  1839. display: table;
  1840. }
  1841. .form-horizontal .form-group:after {
  1842. clear: both;
  1843. }
  1844. .form-horizontal .form-control-static {
  1845. padding-top: 7px;
  1846. }
  1847. @media (min-width: 768px) {
  1848. .form-horizontal .control-label {
  1849. text-align: right;
  1850. }
  1851. }
  1852. .fade {
  1853. opacity: 0;
  1854. -webkit-transition: opacity 0.15s linear;
  1855. transition: opacity 0.15s linear;
  1856. }
  1857. .fade.in {
  1858. opacity: 1;
  1859. }
  1860. .collapse {
  1861. display: none;
  1862. }
  1863. .collapse.in {
  1864. display: block;
  1865. }
  1866. .collapsing {
  1867. position: relative;
  1868. height: 0;
  1869. overflow: hidden;
  1870. -webkit-transition: height 0.35s ease;
  1871. transition: height 0.35s ease;
  1872. }
  1873. /* @import "../bower_components/bootstrap/less/navs.less";
  1874. @import "../bower_components/bootstrap/less/navbar.less"; */
  1875. @-webkit-keyframes progress-bar-stripes {
  1876. from {
  1877. background-position: 40px 0;
  1878. }
  1879. to {
  1880. background-position: 0 0;
  1881. }
  1882. }
  1883. @keyframes progress-bar-stripes {
  1884. from {
  1885. background-position: 40px 0;
  1886. }
  1887. to {
  1888. background-position: 0 0;
  1889. }
  1890. }
  1891. .progress {
  1892. overflow: hidden;
  1893. height: 20px;
  1894. margin-bottom: 20px;
  1895. background-color: #85b5bb;
  1896. border-radius: 4px;
  1897. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  1898. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  1899. }
  1900. .progress-bar {
  1901. float: left;
  1902. width: 0%;
  1903. height: 100%;
  1904. font-size: 12px;
  1905. line-height: 20px;
  1906. color: #ffffff;
  1907. text-align: center;
  1908. background-color: #428bca;
  1909. -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  1910. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  1911. -webkit-transition: width 0.6s ease;
  1912. transition: width 0.6s ease;
  1913. }
  1914. .progress-striped .progress-bar {
  1915. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1916. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1917. background-size: 40px 40px;
  1918. }
  1919. .progress.active .progress-bar {
  1920. -webkit-animation: progress-bar-stripes 2s linear infinite;
  1921. animation: progress-bar-stripes 2s linear infinite;
  1922. }
  1923. .progress-bar-success {
  1924. background-color: #5cb85c;
  1925. }
  1926. .progress-striped .progress-bar-success {
  1927. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1928. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1929. }
  1930. .progress-bar-info {
  1931. background-color: #5bc0de;
  1932. }
  1933. .progress-striped .progress-bar-info {
  1934. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1935. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1936. }
  1937. .progress-bar-warning {
  1938. background-color: #f0ad4e;
  1939. }
  1940. .progress-striped .progress-bar-warning {
  1941. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1942. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1943. }
  1944. .progress-bar-danger {
  1945. background-color: #d9534f;
  1946. }
  1947. .progress-striped .progress-bar-danger {
  1948. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1949. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1950. }
  1951. .clearfix:before,
  1952. .clearfix:after {
  1953. content: " ";
  1954. display: table;
  1955. }
  1956. .clearfix:after {
  1957. clear: both;
  1958. }
  1959. .center-block {
  1960. display: block;
  1961. margin-left: auto;
  1962. margin-right: auto;
  1963. }
  1964. .pull-right {
  1965. float: right !important;
  1966. }
  1967. .pull-left {
  1968. float: left !important;
  1969. }
  1970. .hide {
  1971. display: none !important;
  1972. }
  1973. .show {
  1974. display: block !important;
  1975. }
  1976. .invisible {
  1977. visibility: hidden;
  1978. }
  1979. .text-hide {
  1980. font: 0/0 a;
  1981. color: transparent;
  1982. text-shadow: none;
  1983. background-color: transparent;
  1984. border: 0;
  1985. }
  1986. .hidden {
  1987. display: none !important;
  1988. visibility: hidden !important;
  1989. }
  1990. .affix {
  1991. position: fixed;
  1992. }
  1993. @-ms-viewport {
  1994. width: device-width;
  1995. }
  1996. .visible-xs,
  1997. tr.visible-xs,
  1998. th.visible-xs,
  1999. td.visible-xs {
  2000. display: none !important;
  2001. }
  2002. @media (max-width: 767px) {
  2003. .visible-xs {
  2004. display: block !important;
  2005. }
  2006. table.visible-xs {
  2007. display: table;
  2008. }
  2009. tr.visible-xs {
  2010. display: table-row !important;
  2011. }
  2012. th.visible-xs,
  2013. td.visible-xs {
  2014. display: table-cell !important;
  2015. }
  2016. }
  2017. @media (min-width: 768px) and (max-width: 991px) {
  2018. .visible-xs.visible-sm {
  2019. display: block !important;
  2020. }
  2021. table.visible-xs.visible-sm {
  2022. display: table;
  2023. }
  2024. tr.visible-xs.visible-sm {
  2025. display: table-row !important;
  2026. }
  2027. th.visible-xs.visible-sm,
  2028. td.visible-xs.visible-sm {
  2029. display: table-cell !important;
  2030. }
  2031. }
  2032. @media (min-width: 992px) and (max-width: 1199px) {
  2033. .visible-xs.visible-md {
  2034. display: block !important;
  2035. }
  2036. table.visible-xs.visible-md {
  2037. display: table;
  2038. }
  2039. tr.visible-xs.visible-md {
  2040. display: table-row !important;
  2041. }
  2042. th.visible-xs.visible-md,
  2043. td.visible-xs.visible-md {
  2044. display: table-cell !important;
  2045. }
  2046. }
  2047. @media (min-width: 1200px) {
  2048. .visible-xs.visible-lg {
  2049. display: block !important;
  2050. }
  2051. table.visible-xs.visible-lg {
  2052. display: table;
  2053. }
  2054. tr.visible-xs.visible-lg {
  2055. display: table-row !important;
  2056. }
  2057. th.visible-xs.visible-lg,
  2058. td.visible-xs.visible-lg {
  2059. display: table-cell !important;
  2060. }
  2061. }
  2062. .visible-sm,
  2063. tr.visible-sm,
  2064. th.visible-sm,
  2065. td.visible-sm {
  2066. display: none !important;
  2067. }
  2068. @media (max-width: 767px) {
  2069. .visible-sm.visible-xs {
  2070. display: block !important;
  2071. }
  2072. table.visible-sm.visible-xs {
  2073. display: table;
  2074. }
  2075. tr.visible-sm.visible-xs {
  2076. display: table-row !important;
  2077. }
  2078. th.visible-sm.visible-xs,
  2079. td.visible-sm.visible-xs {
  2080. display: table-cell !important;
  2081. }
  2082. }
  2083. @media (min-width: 768px) and (max-width: 991px) {
  2084. .visible-sm {
  2085. display: block !important;
  2086. }
  2087. table.visible-sm {
  2088. display: table;
  2089. }
  2090. tr.visible-sm {
  2091. display: table-row !important;
  2092. }
  2093. th.visible-sm,
  2094. td.visible-sm {
  2095. display: table-cell !important;
  2096. }
  2097. }
  2098. @media (min-width: 992px) and (max-width: 1199px) {
  2099. .visible-sm.visible-md {
  2100. display: block !important;
  2101. }
  2102. table.visible-sm.visible-md {
  2103. display: table;
  2104. }
  2105. tr.visible-sm.visible-md {
  2106. display: table-row !important;
  2107. }
  2108. th.visible-sm.visible-md,
  2109. td.visible-sm.visible-md {
  2110. display: table-cell !important;
  2111. }
  2112. }
  2113. @media (min-width: 1200px) {
  2114. .visible-sm.visible-lg {
  2115. display: block !important;
  2116. }
  2117. table.visible-sm.visible-lg {
  2118. display: table;
  2119. }
  2120. tr.visible-sm.visible-lg {
  2121. display: table-row !important;
  2122. }
  2123. th.visible-sm.visible-lg,
  2124. td.visible-sm.visible-lg {
  2125. display: table-cell !important;
  2126. }
  2127. }
  2128. .visible-md,
  2129. tr.visible-md,
  2130. th.visible-md,
  2131. td.visible-md {
  2132. display: none !important;
  2133. }
  2134. @media (max-width: 767px) {
  2135. .visible-md.visible-xs {
  2136. display: block !important;
  2137. }
  2138. table.visible-md.visible-xs {
  2139. display: table;
  2140. }
  2141. tr.visible-md.visible-xs {
  2142. display: table-row !important;
  2143. }
  2144. th.visible-md.visible-xs,
  2145. td.visible-md.visible-xs {
  2146. display: table-cell !important;
  2147. }
  2148. }
  2149. @media (min-width: 768px) and (max-width: 991px) {
  2150. .visible-md.visible-sm {
  2151. display: block !important;
  2152. }
  2153. table.visible-md.visible-sm {
  2154. display: table;
  2155. }
  2156. tr.visible-md.visible-sm {
  2157. display: table-row !important;
  2158. }
  2159. th.visible-md.visible-sm,
  2160. td.visible-md.visible-sm {
  2161. display: table-cell !important;
  2162. }
  2163. }
  2164. @media (min-width: 992px) and (max-width: 1199px) {
  2165. .visible-md {
  2166. display: block !important;
  2167. }
  2168. table.visible-md {
  2169. display: table;
  2170. }
  2171. tr.visible-md {
  2172. display: table-row !important;
  2173. }
  2174. th.visible-md,
  2175. td.visible-md {
  2176. display: table-cell !important;
  2177. }
  2178. }
  2179. @media (min-width: 1200px) {
  2180. .visible-md.visible-lg {
  2181. display: block !important;
  2182. }
  2183. table.visible-md.visible-lg {
  2184. display: table;
  2185. }
  2186. tr.visible-md.visible-lg {
  2187. display: table-row !important;
  2188. }
  2189. th.visible-md.visible-lg,
  2190. td.visible-md.visible-lg {
  2191. display: table-cell !important;
  2192. }
  2193. }
  2194. .visible-lg,
  2195. tr.visible-lg,
  2196. th.visible-lg,
  2197. td.visible-lg {
  2198. display: none !important;
  2199. }
  2200. @media (max-width: 767px) {
  2201. .visible-lg.visible-xs {
  2202. display: block !important;
  2203. }
  2204. table.visible-lg.visible-xs {
  2205. display: table;
  2206. }
  2207. tr.visible-lg.visible-xs {
  2208. display: table-row !important;
  2209. }
  2210. th.visible-lg.visible-xs,
  2211. td.visible-lg.visible-xs {
  2212. display: table-cell !important;
  2213. }
  2214. }
  2215. @media (min-width: 768px) and (max-width: 991px) {
  2216. .visible-lg.visible-sm {
  2217. display: block !important;
  2218. }
  2219. table.visible-lg.visible-sm {
  2220. display: table;
  2221. }
  2222. tr.visible-lg.visible-sm {
  2223. display: table-row !important;
  2224. }
  2225. th.visible-lg.visible-sm,
  2226. td.visible-lg.visible-sm {
  2227. display: table-cell !important;
  2228. }
  2229. }
  2230. @media (min-width: 992px) and (max-width: 1199px) {
  2231. .visible-lg.visible-md {
  2232. display: block !important;
  2233. }
  2234. table.visible-lg.visible-md {
  2235. display: table;
  2236. }
  2237. tr.visible-lg.visible-md {
  2238. display: table-row !important;
  2239. }
  2240. th.visible-lg.visible-md,
  2241. td.visible-lg.visible-md {
  2242. display: table-cell !important;
  2243. }
  2244. }
  2245. @media (min-width: 1200px) {
  2246. .visible-lg {
  2247. display: block !important;
  2248. }
  2249. table.visible-lg {
  2250. display: table;
  2251. }
  2252. tr.visible-lg {
  2253. display: table-row !important;
  2254. }
  2255. th.visible-lg,
  2256. td.visible-lg {
  2257. display: table-cell !important;
  2258. }
  2259. }
  2260. .hidden-xs {
  2261. display: block !important;
  2262. }
  2263. table.hidden-xs {
  2264. display: table;
  2265. }
  2266. tr.hidden-xs {
  2267. display: table-row !important;
  2268. }
  2269. th.hidden-xs,
  2270. td.hidden-xs {
  2271. display: table-cell !important;
  2272. }
  2273. @media (max-width: 767px) {
  2274. .hidden-xs,
  2275. tr.hidden-xs,
  2276. th.hidden-xs,
  2277. td.hidden-xs {
  2278. display: none !important;
  2279. }
  2280. }
  2281. @media (min-width: 768px) and (max-width: 991px) {
  2282. .hidden-xs.hidden-sm,
  2283. tr.hidden-xs.hidden-sm,
  2284. th.hidden-xs.hidden-sm,
  2285. td.hidden-xs.hidden-sm {
  2286. display: none !important;
  2287. }
  2288. }
  2289. @media (min-width: 992px) and (max-width: 1199px) {
  2290. .hidden-xs.hidden-md,
  2291. tr.hidden-xs.hidden-md,
  2292. th.hidden-xs.hidden-md,
  2293. td.hidden-xs.hidden-md {
  2294. display: none !important;
  2295. }
  2296. }
  2297. @media (min-width: 1200px) {
  2298. .hidden-xs.hidden-lg,
  2299. tr.hidden-xs.hidden-lg,
  2300. th.hidden-xs.hidden-lg,
  2301. td.hidden-xs.hidden-lg {
  2302. display: none !important;
  2303. }
  2304. }
  2305. .hidden-sm {
  2306. display: block !important;
  2307. }
  2308. table.hidden-sm {
  2309. display: table;
  2310. }
  2311. tr.hidden-sm {
  2312. display: table-row !important;
  2313. }
  2314. th.hidden-sm,
  2315. td.hidden-sm {
  2316. display: table-cell !important;
  2317. }
  2318. @media (max-width: 767px) {
  2319. .hidden-sm.hidden-xs,
  2320. tr.hidden-sm.hidden-xs,
  2321. th.hidden-sm.hidden-xs,
  2322. td.hidden-sm.hidden-xs {
  2323. display: none !important;
  2324. }
  2325. }
  2326. @media (min-width: 768px) and (max-width: 991px) {
  2327. .hidden-sm,
  2328. tr.hidden-sm,
  2329. th.hidden-sm,
  2330. td.hidden-sm {
  2331. display: none !important;
  2332. }
  2333. }
  2334. @media (min-width: 992px) and (max-width: 1199px) {
  2335. .hidden-sm.hidden-md,
  2336. tr.hidden-sm.hidden-md,
  2337. th.hidden-sm.hidden-md,
  2338. td.hidden-sm.hidden-md {
  2339. display: none !important;
  2340. }
  2341. }
  2342. @media (min-width: 1200px) {
  2343. .hidden-sm.hidden-lg,
  2344. tr.hidden-sm.hidden-lg,
  2345. th.hidden-sm.hidden-lg,
  2346. td.hidden-sm.hidden-lg {
  2347. display: none !important;
  2348. }
  2349. }
  2350. .hidden-md {
  2351. display: block !important;
  2352. }
  2353. table.hidden-md {
  2354. display: table;
  2355. }
  2356. tr.hidden-md {
  2357. display: table-row !important;
  2358. }
  2359. th.hidden-md,
  2360. td.hidden-md {
  2361. display: table-cell !important;
  2362. }
  2363. @media (max-width: 767px) {
  2364. .hidden-md.hidden-xs,
  2365. tr.hidden-md.hidden-xs,
  2366. th.hidden-md.hidden-xs,
  2367. td.hidden-md.hidden-xs {
  2368. display: none !important;
  2369. }
  2370. }
  2371. @media (min-width: 768px) and (max-width: 991px) {
  2372. .hidden-md.hidden-sm,
  2373. tr.hidden-md.hidden-sm,
  2374. th.hidden-md.hidden-sm,
  2375. td.hidden-md.hidden-sm {
  2376. display: none !important;
  2377. }
  2378. }
  2379. @media (min-width: 992px) and (max-width: 1199px) {
  2380. .hidden-md,
  2381. tr.hidden-md,
  2382. th.hidden-md,
  2383. td.hidden-md {
  2384. display: none !important;
  2385. }
  2386. }
  2387. @media (min-width: 1200px) {
  2388. .hidden-md.hidden-lg,
  2389. tr.hidden-md.hidden-lg,
  2390. th.hidden-md.hidden-lg,
  2391. td.hidden-md.hidden-lg {
  2392. display: none !important;
  2393. }
  2394. }
  2395. .hidden-lg {
  2396. display: block !important;
  2397. }
  2398. table.hidden-lg {
  2399. display: table;
  2400. }
  2401. tr.hidden-lg {
  2402. display: table-row !important;
  2403. }
  2404. th.hidden-lg,
  2405. td.hidden-lg {
  2406. display: table-cell !important;
  2407. }
  2408. @media (max-width: 767px) {
  2409. .hidden-lg.hidden-xs,
  2410. tr.hidden-lg.hidden-xs,
  2411. th.hidden-lg.hidden-xs,
  2412. td.hidden-lg.hidden-xs {
  2413. display: none !important;
  2414. }
  2415. }
  2416. @media (min-width: 768px) and (max-width: 991px) {
  2417. .hidden-lg.hidden-sm,
  2418. tr.hidden-lg.hidden-sm,
  2419. th.hidden-lg.hidden-sm,
  2420. td.hidden-lg.hidden-sm {
  2421. display: none !important;
  2422. }
  2423. }
  2424. @media (min-width: 992px) and (max-width: 1199px) {
  2425. .hidden-lg.hidden-md,
  2426. tr.hidden-lg.hidden-md,
  2427. th.hidden-lg.hidden-md,
  2428. td.hidden-lg.hidden-md {
  2429. display: none !important;
  2430. }
  2431. }
  2432. @media (min-width: 1200px) {
  2433. .hidden-lg,
  2434. tr.hidden-lg,
  2435. th.hidden-lg,
  2436. td.hidden-lg {
  2437. display: none !important;
  2438. }
  2439. }
  2440. .visible-print,
  2441. tr.visible-print,
  2442. th.visible-print,
  2443. td.visible-print {
  2444. display: none !important;
  2445. }
  2446. @media print {
  2447. .visible-print {
  2448. display: block !important;
  2449. }
  2450. table.visible-print {
  2451. display: table;
  2452. }
  2453. tr.visible-print {
  2454. display: table-row !important;
  2455. }
  2456. th.visible-print,
  2457. td.visible-print {
  2458. display: table-cell !important;
  2459. }
  2460. .hidden-print,
  2461. tr.hidden-print,
  2462. th.hidden-print,
  2463. td.hidden-print {
  2464. display: none !important;
  2465. }
  2466. }
  2467. /*
  2468. Animate.less
  2469. Cross-browser LESS animation library for Bootstrap
  2470. Licensed under the ☺ license (http://licence.visualidiot.com/)
  2471. Documenation: https://github.com/machito/animate.less
  2472. -------------------------------------------------------
  2473. Copyright © 2012 Michael Castilla
  2474. Email: yo@machito.co
  2475. Twitter: https://twitter.com/micr0bitz
  2476. */
  2477. body {
  2478. -webkit-backface-visibility: hidden;
  2479. }
  2480. @-webkit-keyframes bounce {
  2481. 0%,
  2482. 20%,
  2483. 50%,
  2484. 80%,
  2485. 100% {
  2486. -webkit-transform: translateY(0);
  2487. }
  2488. 40% {
  2489. -webkit-transform: translateY(-30px);
  2490. }
  2491. 60% {
  2492. -webkit-transform: translateY(-15px);
  2493. }
  2494. }
  2495. @-moz-keyframes bounce {
  2496. 0%,
  2497. 20%,
  2498. 50%,
  2499. 80%,
  2500. 100% {
  2501. -moz-transform: translateY(0);
  2502. }
  2503. 40% {
  2504. -moz-transform: translateY(-30px);
  2505. }
  2506. 60% {
  2507. -moz-transform: translateY(-15px);
  2508. }
  2509. }
  2510. @-o-keyframes bounce {
  2511. 0%,
  2512. 20%,
  2513. 50%,
  2514. 80%,
  2515. 100% {
  2516. -o-transform: translateY(0);
  2517. }
  2518. 40% {
  2519. -o-transform: translateY(-30px);
  2520. }
  2521. 60% {
  2522. -o-transform: translateY(-15px);
  2523. }
  2524. }
  2525. @keyframes bounce {
  2526. 0%,
  2527. 20%,
  2528. 50%,
  2529. 80%,
  2530. 100% {
  2531. transform: translateY(0);
  2532. }
  2533. 40% {
  2534. transform: translateY(-30px);
  2535. }
  2536. 60% {
  2537. transform: translateY(-15px);
  2538. }
  2539. }
  2540. .bounce {
  2541. -webkit-animation-name: bounce;
  2542. -moz-animation-name: bounce;
  2543. -o-animation-name: bounce;
  2544. animation-name: bounce;
  2545. }
  2546. @-webkit-keyframes bounceIn {
  2547. 0% {
  2548. opacity: 0;
  2549. -webkit-transform: scale(0.3);
  2550. }
  2551. 50% {
  2552. opacity: 1;
  2553. -webkit-transform: scale(1.05);
  2554. }
  2555. 70% {
  2556. -webkit-transform: scale(0.9);
  2557. }
  2558. 100% {
  2559. -webkit-transform: scale(1);
  2560. }
  2561. }
  2562. @-moz-keyframes bounceIn {
  2563. 0% {
  2564. opacity: 0;
  2565. -moz-transform: scale(0.3);
  2566. }
  2567. 50% {
  2568. opacity: 1;
  2569. -moz-transform: scale(1.05);
  2570. }
  2571. 70% {
  2572. -moz-transform: scale(0.9);
  2573. }
  2574. 100% {
  2575. -moz-transform: scale(1);
  2576. }
  2577. }
  2578. @-o-keyframes bounceIn {
  2579. 0% {
  2580. opacity: 0;
  2581. -o-transform: scale(0.3);
  2582. }
  2583. 50% {
  2584. opacity: 1;
  2585. -o-transform: scale(1.05);
  2586. }
  2587. 70% {
  2588. -o-transform: scale(0.9);
  2589. }
  2590. 100% {
  2591. -o-transform: scale(1);
  2592. }
  2593. }
  2594. @keyframes bounceIn {
  2595. 0% {
  2596. opacity: 0;
  2597. transform: scale(0.3);
  2598. }
  2599. 50% {
  2600. opacity: 1;
  2601. transform: scale(1.05);
  2602. }
  2603. 70% {
  2604. transform: scale(0.9);
  2605. }
  2606. 100% {
  2607. transform: scale(1);
  2608. }
  2609. }
  2610. .bounceIn {
  2611. -webkit-animation-name: bounceIn;
  2612. -moz-animation-name: bounceIn;
  2613. -o-animation-name: bounceIn;
  2614. animation-name: bounceIn;
  2615. }
  2616. @-webkit-keyframes bounceInDown {
  2617. 0% {
  2618. opacity: 0;
  2619. -webkit-transform: translateY(-2000px);
  2620. }
  2621. 60% {
  2622. opacity: 1;
  2623. -webkit-transform: translateY(30px);
  2624. }
  2625. 80% {
  2626. -webkit-transform: translateY(-10px);
  2627. }
  2628. 100% {
  2629. -webkit-transform: translateY(0);
  2630. }
  2631. }
  2632. @-moz-keyframes bounceInDown {
  2633. 0% {
  2634. opacity: 0;
  2635. -moz-transform: translateY(-2000px);
  2636. }
  2637. 60% {
  2638. opacity: 1;
  2639. -moz-transform: translateY(30px);
  2640. }
  2641. 80% {
  2642. -moz-transform: translateY(-10px);
  2643. }
  2644. 100% {
  2645. -moz-transform: translateY(0);
  2646. }
  2647. }
  2648. @-o-keyframes bounceInDown {
  2649. 0% {
  2650. opacity: 0;
  2651. -o-transform: translateY(-2000px);
  2652. }
  2653. 60% {
  2654. opacity: 1;
  2655. -o-transform: translateY(30px);
  2656. }
  2657. 80% {
  2658. -o-transform: translateY(-10px);
  2659. }
  2660. 100% {
  2661. -o-transform: translateY(0);
  2662. }
  2663. }
  2664. @keyframes bounceInDown {
  2665. 0% {
  2666. opacity: 0;
  2667. transform: translateY(-2000px);
  2668. }
  2669. 60% {
  2670. opacity: 1;
  2671. transform: translateY(30px);
  2672. }
  2673. 80% {
  2674. transform: translateY(-10px);
  2675. }
  2676. 100% {
  2677. transform: translateY(0);
  2678. }
  2679. }
  2680. .bounceInDown {
  2681. -webkit-animation-name: bounceInDown;
  2682. -moz-animation-name: bounceInDown;
  2683. -o-animation-name: bounceInDown;
  2684. animation-name: bounceInDown;
  2685. }
  2686. @-webkit-keyframes bounceInLeft {
  2687. 0% {
  2688. opacity: 0;
  2689. -webkit-transform: translateX(-2000px);
  2690. }
  2691. 60% {
  2692. opacity: 1;
  2693. -webkit-transform: translateX(30px);
  2694. }
  2695. 80% {
  2696. -webkit-transform: translateX(-10px);
  2697. }
  2698. 100% {
  2699. -webkit-transform: translateX(0);
  2700. }
  2701. }
  2702. @-moz-keyframes bounceInLeft {
  2703. 0% {
  2704. opacity: 0;
  2705. -moz-transform: translateX(-2000px);
  2706. }
  2707. 60% {
  2708. opacity: 1;
  2709. -moz-transform: translateX(30px);
  2710. }
  2711. 80% {
  2712. -moz-transform: translateX(-10px);
  2713. }
  2714. 100% {
  2715. -moz-transform: translateX(0);
  2716. }
  2717. }
  2718. @-o-keyframes bounceInLeft {
  2719. 0% {
  2720. opacity: 0;
  2721. -o-transform: translateX(-2000px);
  2722. }
  2723. 60% {
  2724. opacity: 1;
  2725. -o-transform: translateX(30px);
  2726. }
  2727. 80% {
  2728. -o-transform: translateX(-10px);
  2729. }
  2730. 100% {
  2731. -o-transform: translateX(0);
  2732. }
  2733. }
  2734. @keyframes bounceInLeft {
  2735. 0% {
  2736. opacity: 0;
  2737. transform: translateX(-2000px);
  2738. }
  2739. 60% {
  2740. opacity: 1;
  2741. transform: translateX(30px);
  2742. }
  2743. 80% {
  2744. transform: translateX(-10px);
  2745. }
  2746. 100% {
  2747. transform: translateX(0);
  2748. }
  2749. }
  2750. .bounceInLeft {
  2751. -webkit-animation-name: bounceInLeft;
  2752. -moz-animation-name: bounceInLeft;
  2753. -o-animation-name: bounceInLeft;
  2754. animation-name: bounceInLeft;
  2755. }
  2756. @-webkit-keyframes bounceInRight {
  2757. 0% {
  2758. opacity: 0;
  2759. -webkit-transform: translateX(2000px);
  2760. }
  2761. 60% {
  2762. opacity: 1;
  2763. -webkit-transform: translateX(-30px);
  2764. }
  2765. 80% {
  2766. -webkit-transform: translateX(10px);
  2767. }
  2768. 100% {
  2769. -webkit-transform: translateX(0);
  2770. }
  2771. }
  2772. @-moz-keyframes bounceInRight {
  2773. 0% {
  2774. opacity: 0;
  2775. -moz-transform: translateX(2000px);
  2776. }
  2777. 60% {
  2778. opacity: 1;
  2779. -moz-transform: translateX(-30px);
  2780. }
  2781. 80% {
  2782. -moz-transform: translateX(10px);
  2783. }
  2784. 100% {
  2785. -moz-transform: translateX(0);
  2786. }
  2787. }
  2788. @-o-keyframes bounceInRight {
  2789. 0% {
  2790. opacity: 0;
  2791. -o-transform: translateX(2000px);
  2792. }
  2793. 60% {
  2794. opacity: 1;
  2795. -o-transform: translateX(-30px);
  2796. }
  2797. 80% {
  2798. -o-transform: translateX(10px);
  2799. }
  2800. 100% {
  2801. -o-transform: translateX(0);
  2802. }
  2803. }
  2804. @keyframes bounceInRight {
  2805. 0% {
  2806. opacity: 0;
  2807. transform: translateX(2000px);
  2808. }
  2809. 60% {
  2810. opacity: 1;
  2811. transform: translateX(-30px);
  2812. }
  2813. 80% {
  2814. transform: translateX(10px);
  2815. }
  2816. 100% {
  2817. transform: translateX(0);
  2818. }
  2819. }
  2820. .bounceInRight {
  2821. -webkit-animation-name: bounceInRight;
  2822. -moz-animation-name: bounceInRight;
  2823. -o-animation-name: bounceInRight;
  2824. animation-name: bounceInRight;
  2825. }
  2826. @-webkit-keyframes bounceInUp {
  2827. 0% {
  2828. opacity: 0;
  2829. -webkit-transform: translateY(2000px);
  2830. }
  2831. 60% {
  2832. opacity: 1;
  2833. -webkit-transform: translateY(-30px);
  2834. }
  2835. 80% {
  2836. -webkit-transform: translateY(10px);
  2837. }
  2838. 100% {
  2839. -webkit-transform: translateY(0);
  2840. }
  2841. }
  2842. @-moz-keyframes bounceInUp {
  2843. 0% {
  2844. opacity: 0;
  2845. -moz-transform: translateY(2000px);
  2846. }
  2847. 60% {
  2848. opacity: 1;
  2849. -moz-transform: translateY(-30px);
  2850. }
  2851. 80% {
  2852. -moz-transform: translateY(10px);
  2853. }
  2854. 100% {
  2855. -moz-transform: translateY(0);
  2856. }
  2857. }
  2858. @-o-keyframes bounceInUp {
  2859. 0% {
  2860. opacity: 0;
  2861. -o-transform: translateY(2000px);
  2862. }
  2863. 60% {
  2864. opacity: 1;
  2865. -o-transform: translateY(-30px);
  2866. }
  2867. 80% {
  2868. -o-transform: translateY(10px);
  2869. }
  2870. 100% {
  2871. -o-transform: translateY(0);
  2872. }
  2873. }
  2874. @keyframes bounceInUp {
  2875. 0% {
  2876. opacity: 0;
  2877. transform: translateY(2000px);
  2878. }
  2879. 60% {
  2880. opacity: 1;
  2881. transform: translateY(-30px);
  2882. }
  2883. 80% {
  2884. transform: translateY(10px);
  2885. }
  2886. 100% {
  2887. transform: translateY(0);
  2888. }
  2889. }
  2890. .bounceInUp {
  2891. -webkit-animation-name: bounceInUp;
  2892. -moz-animation-name: bounceInUp;
  2893. -o-animation-name: bounceInUp;
  2894. animation-name: bounceInUp;
  2895. }
  2896. @-webkit-keyframes bounceOut {
  2897. 0% {
  2898. -webkit-transform: scale(1);
  2899. }
  2900. 25% {
  2901. -webkit-transform: scale(0.95);
  2902. }
  2903. 50% {
  2904. opacity: 1;
  2905. -webkit-transform: scale(1.1);
  2906. }
  2907. 100% {
  2908. opacity: 0;
  2909. -webkit-transform: scale(0.3);
  2910. }
  2911. }
  2912. @-moz-keyframes bounceOut {
  2913. 0% {
  2914. -moz-transform: scale(1);
  2915. }
  2916. 25% {
  2917. -moz-transform: scale(0.95);
  2918. }
  2919. 50% {
  2920. opacity: 1;
  2921. -moz-transform: scale(1.1);
  2922. }
  2923. 100% {
  2924. opacity: 0;
  2925. -moz-transform: scale(0.3);
  2926. }
  2927. }
  2928. @-o-keyframes bounceOut {
  2929. 0% {
  2930. -o-transform: scale(1);
  2931. }
  2932. 25% {
  2933. -o-transform: scale(0.95);
  2934. }
  2935. 50% {
  2936. opacity: 1;
  2937. -o-transform: scale(1.1);
  2938. }
  2939. 100% {
  2940. opacity: 0;
  2941. -o-transform: scale(0.3);
  2942. }
  2943. }
  2944. @keyframes bounceOut {
  2945. 0% {
  2946. transform: scale(1);
  2947. }
  2948. 25% {
  2949. transform: scale(0.95);
  2950. }
  2951. 50% {
  2952. opacity: 1;
  2953. transform: scale(1.1);
  2954. }
  2955. 100% {
  2956. opacity: 0;
  2957. transform: scale(0.3);
  2958. }
  2959. }
  2960. .bounceOut {
  2961. -webkit-animation-name: bounceOut;
  2962. -moz-animation-name: bounceOut;
  2963. -o-animation-name: bounceOut;
  2964. animation-name: bounceOut;
  2965. }
  2966. @-webkit-keyframes bounceOutDown {
  2967. 0% {
  2968. -webkit-transform: translateY(0);
  2969. }
  2970. 20% {
  2971. opacity: 1;
  2972. -webkit-transform: translateY(-20px);
  2973. }
  2974. 100% {
  2975. opacity: 0;
  2976. -webkit-transform: translateY(2000px);
  2977. }
  2978. }
  2979. @-moz-keyframes bounceOutDown {
  2980. 0% {
  2981. -moz-transform: translateY(0);
  2982. }
  2983. 20% {
  2984. opacity: 1;
  2985. -moz-transform: translateY(-20px);
  2986. }
  2987. 100% {
  2988. opacity: 0;
  2989. -moz-transform: translateY(2000px);
  2990. }
  2991. }
  2992. @-o-keyframes bounceOutDown {
  2993. 0% {
  2994. -o-transform: translateY(0);
  2995. }
  2996. 20% {
  2997. opacity: 1;
  2998. -o-transform: translateY(-20px);
  2999. }
  3000. 100% {
  3001. opacity: 0;
  3002. -o-transform: translateY(2000px);
  3003. }
  3004. }
  3005. @keyframes bounceOutDown {
  3006. 0% {
  3007. transform: translateY(0);
  3008. }
  3009. 20% {
  3010. opacity: 1;
  3011. transform: translateY(-20px);
  3012. }
  3013. 100% {
  3014. opacity: 0;
  3015. transform: translateY(2000px);
  3016. }
  3017. }
  3018. .bounceOutDown {
  3019. -webkit-animation-name: bounceOutDown;
  3020. -moz-animation-name: bounceOutDown;
  3021. -o-animation-name: bounceOutDown;
  3022. animation-name: bounceOutDown;
  3023. }
  3024. @-webkit-keyframes bounceOutLeft {
  3025. 0% {
  3026. -webkit-transform: translateX(0);
  3027. }
  3028. 20% {
  3029. opacity: 1;
  3030. -webkit-transform: translateX(20px);
  3031. }
  3032. 100% {
  3033. opacity: 0;
  3034. -webkit-transform: translateX(-2000px);
  3035. }
  3036. }
  3037. @-moz-keyframes bounceOutLeft {
  3038. 0% {
  3039. -moz-transform: translateX(0);
  3040. }
  3041. 20% {
  3042. opacity: 1;
  3043. -moz-transform: translateX(20px);
  3044. }
  3045. 100% {
  3046. opacity: 0;
  3047. -moz-transform: translateX(-2000px);
  3048. }
  3049. }
  3050. @-o-keyframes bounceOutLeft {
  3051. 0% {
  3052. -o-transform: translateX(0);
  3053. }
  3054. 20% {
  3055. opacity: 1;
  3056. -o-transform: translateX(20px);
  3057. }
  3058. 100% {
  3059. opacity: 0;
  3060. -o-transform: translateX(-2000px);
  3061. }
  3062. }
  3063. @keyframes bounceOutLeft {
  3064. 0% {
  3065. transform: translateX(0);
  3066. }
  3067. 20% {
  3068. opacity: 1;
  3069. transform: translateX(20px);
  3070. }
  3071. 100% {
  3072. opacity: 0;
  3073. transform: translateX(-2000px);
  3074. }
  3075. }
  3076. .bounceOutLeft {
  3077. -webkit-animation-name: bounceOutLeft;
  3078. -moz-animation-name: bounceOutLeft;
  3079. -o-animation-name: bounceOutLeft;
  3080. animation-name: bounceOutLeft;
  3081. }
  3082. @-webkit-keyframes bounceOutRight {
  3083. 0% {
  3084. -webkit-transform: translateX(0);
  3085. }
  3086. 20% {
  3087. opacity: 1;
  3088. -webkit-transform: translateX(-20px);
  3089. }
  3090. 100% {
  3091. opacity: 0;
  3092. -webkit-transform: translateX(2000px);
  3093. }
  3094. }
  3095. @-moz-keyframes bounceOutRight {
  3096. 0% {
  3097. -moz-transform: translateX(0);
  3098. }
  3099. 20% {
  3100. opacity: 1;
  3101. -moz-transform: translateX(-20px);
  3102. }
  3103. 100% {
  3104. opacity: 0;
  3105. -moz-transform: translateX(2000px);
  3106. }
  3107. }
  3108. @-o-keyframes bounceOutRight {
  3109. 0% {
  3110. -o-transform: translateX(0);
  3111. }
  3112. 20% {
  3113. opacity: 1;
  3114. -o-transform: translateX(-20px);
  3115. }
  3116. 100% {
  3117. opacity: 0;
  3118. -o-transform: translateX(2000px);
  3119. }
  3120. }
  3121. @keyframes bounceOutRight {
  3122. 0% {
  3123. transform: translateX(0);
  3124. }
  3125. 20% {
  3126. opacity: 1;
  3127. transform: translateX(-20px);
  3128. }
  3129. 100% {
  3130. opacity: 0;
  3131. transform: translateX(2000px);
  3132. }
  3133. }
  3134. .bounceOutRight {
  3135. -webkit-animation-name: bounceOutRight;
  3136. -moz-animation-name: bounceOutRight;
  3137. -o-animation-name: bounceOutRight;
  3138. animation-name: bounceOutRight;
  3139. }
  3140. @-webkit-keyframes bounceOutUp {
  3141. 0% {
  3142. -webkit-transform: translateY(0);
  3143. }
  3144. 20% {
  3145. opacity: 1;
  3146. -webkit-transform: translateY(20px);
  3147. }
  3148. 100% {
  3149. opacity: 0;
  3150. -webkit-transform: translateY(-2000px);
  3151. }
  3152. }
  3153. @-moz-keyframes bounceOutUp {
  3154. 0% {
  3155. -moz-transform: translateY(0);
  3156. }
  3157. 20% {
  3158. opacity: 1;
  3159. -moz-transform: translateY(20px);
  3160. }
  3161. 100% {
  3162. opacity: 0;
  3163. -moz-transform: translateY(-2000px);
  3164. }
  3165. }
  3166. @-o-keyframes bounceOutUp {
  3167. 0% {
  3168. -o-transform: translateY(0);
  3169. }
  3170. 20% {
  3171. opacity: 1;
  3172. -o-transform: translateY(20px);
  3173. }
  3174. 100% {
  3175. opacity: 0;
  3176. -o-transform: translateY(-2000px);
  3177. }
  3178. }
  3179. @keyframes bounceOutUp {
  3180. 0% {
  3181. transform: translateY(0);
  3182. }
  3183. 20% {
  3184. opacity: 1;
  3185. transform: translateY(20px);
  3186. }
  3187. 100% {
  3188. opacity: 0;
  3189. transform: translateY(-2000px);
  3190. }
  3191. }
  3192. .bounceOutUp {
  3193. -webkit-animation-name: bounceOutUp;
  3194. -moz-animation-name: bounceOutUp;
  3195. -o-animation-name: bounceOutUp;
  3196. animation-name: bounceOutUp;
  3197. }
  3198. @-webkit-keyframes fadeIn {
  3199. 0% {
  3200. opacity: 0;
  3201. }
  3202. 100% {
  3203. opacity: 1;
  3204. }
  3205. }
  3206. @-moz-keyframes fadeIn {
  3207. 0% {
  3208. opacity: 0;
  3209. }
  3210. 100% {
  3211. opacity: 1;
  3212. }
  3213. }
  3214. @-o-keyframes fadeIn {
  3215. 0% {
  3216. opacity: 0;
  3217. }
  3218. 100% {
  3219. opacity: 1;
  3220. }
  3221. }
  3222. @keyframes fadeIn {
  3223. 0% {
  3224. opacity: 0;
  3225. }
  3226. 100% {
  3227. opacity: 1;
  3228. }
  3229. }
  3230. .fadeIn {
  3231. -webkit-animation-name: fadeIn;
  3232. -moz-animation-name: fadeIn;
  3233. -o-animation-name: fadeIn;
  3234. animation-name: fadeIn;
  3235. }
  3236. @-webkit-keyframes fadeInDown {
  3237. 0% {
  3238. opacity: 0;
  3239. -webkit-transform: translateY(-20px);
  3240. }
  3241. 100% {
  3242. opacity: 1;
  3243. -webkit-transform: translateY(0);
  3244. }
  3245. }
  3246. @-moz-keyframes fadeInDown {
  3247. 0% {
  3248. opacity: 0;
  3249. -moz-transform: translateY(-20px);
  3250. }
  3251. 100% {
  3252. opacity: 1;
  3253. -moz-transform: translateY(0);
  3254. }
  3255. }
  3256. @-o-keyframes fadeInDown {
  3257. 0% {
  3258. opacity: 0;
  3259. -ms-transform: translateY(-20px);
  3260. }
  3261. 100% {
  3262. opacity: 1;
  3263. -ms-transform: translateY(0);
  3264. }
  3265. }
  3266. @keyframes fadeInDown {
  3267. 0% {
  3268. opacity: 0;
  3269. transform: translateY(-20px);
  3270. }
  3271. 100% {
  3272. opacity: 1;
  3273. transform: translateY(0);
  3274. }
  3275. }
  3276. .fadeInDown {
  3277. -webkit-animation-name: fadeInDown;
  3278. -moz-animation-name: fadeInDown;
  3279. -o-animation-name: fadeInDown;
  3280. animation-name: fadeInDown;
  3281. }
  3282. @-webkit-keyframes fadeInDownBig {
  3283. 0% {
  3284. opacity: 0;
  3285. -webkit-transform: translateY(-2000px);
  3286. }
  3287. 100% {
  3288. opacity: 1;
  3289. -webkit-transform: translateY(0);
  3290. }
  3291. }
  3292. @-moz-keyframes fadeInDownBig {
  3293. 0% {
  3294. opacity: 0;
  3295. -moz-transform: translateY(-2000px);
  3296. }
  3297. 100% {
  3298. opacity: 1;
  3299. -moz-transform: translateY(0);
  3300. }
  3301. }
  3302. @-o-keyframes fadeInDownBig {
  3303. 0% {
  3304. opacity: 0;
  3305. -o-transform: translateY(-2000px);
  3306. }
  3307. 100% {
  3308. opacity: 1;
  3309. -o-transform: translateY(0);
  3310. }
  3311. }
  3312. @keyframes fadeInDownBig {
  3313. 0% {
  3314. opacity: 0;
  3315. transform: translateY(-2000px);
  3316. }
  3317. 100% {
  3318. opacity: 1;
  3319. transform: translateY(0);
  3320. }
  3321. }
  3322. .fadeInDownBig {
  3323. -webkit-animation-name: fadeInDownBig;
  3324. -moz-animation-name: fadeInDownBig;
  3325. -o-animation-name: fadeInDownBig;
  3326. animation-name: fadeInDownBig;
  3327. }
  3328. @-webkit-keyframes fadeInLeft {
  3329. 0% {
  3330. opacity: 0;
  3331. -webkit-transform: translateX(-20px);
  3332. }
  3333. 100% {
  3334. opacity: 1;
  3335. -webkit-transform: translateX(0);
  3336. }
  3337. }
  3338. @-moz-keyframes fadeInLeft {
  3339. 0% {
  3340. opacity: 0;
  3341. -moz-transform: translateX(-20px);
  3342. }
  3343. 100% {
  3344. opacity: 1;
  3345. -moz-transform: translateX(0);
  3346. }
  3347. }
  3348. @-o-keyframes fadeInLeft {
  3349. 0% {
  3350. opacity: 0;
  3351. -o-transform: translateX(-20px);
  3352. }
  3353. 100% {
  3354. opacity: 1;
  3355. -o-transform: translateX(0);
  3356. }
  3357. }
  3358. @keyframes fadeInLeft {
  3359. 0% {
  3360. opacity: 0;
  3361. transform: translateX(-20px);
  3362. }
  3363. 100% {
  3364. opacity: 1;
  3365. transform: translateX(0);
  3366. }
  3367. }
  3368. .fadeInLeft {
  3369. -webkit-animation-name: fadeInLeft;
  3370. -moz-animation-name: fadeInLeft;
  3371. -o-animation-name: fadeInLeft;
  3372. animation-name: fadeInLeft;
  3373. }
  3374. @-webkit-keyframes fadeInLeftBig {
  3375. 0% {
  3376. opacity: 0;
  3377. -webkit-transform: translateX(-2000px);
  3378. }
  3379. 100% {
  3380. opacity: 1;
  3381. -webkit-transform: translateX(0);
  3382. }
  3383. }
  3384. @-moz-keyframes fadeInLeftBig {
  3385. 0% {
  3386. opacity: 0;
  3387. -moz-transform: translateX(-2000px);
  3388. }
  3389. 100% {
  3390. opacity: 1;
  3391. -moz-transform: translateX(0);
  3392. }
  3393. }
  3394. @-o-keyframes fadeInLeftBig {
  3395. 0% {
  3396. opacity: 0;
  3397. -o-transform: translateX(-2000px);
  3398. }
  3399. 100% {
  3400. opacity: 1;
  3401. -o-transform: translateX(0);
  3402. }
  3403. }
  3404. @keyframes fadeInLeftBig {
  3405. 0% {
  3406. opacity: 0;
  3407. transform: translateX(-2000px);
  3408. }
  3409. 100% {
  3410. opacity: 1;
  3411. transform: translateX(0);
  3412. }
  3413. }
  3414. .fadeInLeftBig {
  3415. -webkit-animation-name: fadeInLeftBig;
  3416. -moz-animation-name: fadeInLeftBig;
  3417. -o-animation-name: fadeInLeftBig;
  3418. animation-name: fadeInLeftBig;
  3419. }
  3420. @-webkit-keyframes fadeInRight {
  3421. 0% {
  3422. opacity: 0;
  3423. -webkit-transform: translateX(20px);
  3424. }
  3425. 100% {
  3426. opacity: 1;
  3427. -webkit-transform: translateX(0);
  3428. }
  3429. }
  3430. @-moz-keyframes fadeInRight {
  3431. 0% {
  3432. opacity: 0;
  3433. -moz-transform: translateX(20px);
  3434. }
  3435. 100% {
  3436. opacity: 1;
  3437. -moz-transform: translateX(0);
  3438. }
  3439. }
  3440. @-o-keyframes fadeInRight {
  3441. 0% {
  3442. opacity: 0;
  3443. -o-transform: translateX(20px);
  3444. }
  3445. 100% {
  3446. opacity: 1;
  3447. -o-transform: translateX(0);
  3448. }
  3449. }
  3450. @keyframes fadeInRight {
  3451. 0% {
  3452. opacity: 0;
  3453. transform: translateX(20px);
  3454. }
  3455. 100% {
  3456. opacity: 1;
  3457. transform: translateX(0);
  3458. }
  3459. }
  3460. .fadeInRight {
  3461. -webkit-animation-name: fadeInRight;
  3462. -moz-animation-name: fadeInRight;
  3463. -o-animation-name: fadeInRight;
  3464. animation-name: fadeInRight;
  3465. }
  3466. @-webkit-keyframes fadeInRightBig {
  3467. 0% {
  3468. opacity: 0;
  3469. -webkit-transform: translateX(2000px);
  3470. }
  3471. 100% {
  3472. opacity: 1;
  3473. -webkit-transform: translateX(0);
  3474. }
  3475. }
  3476. @-moz-keyframes fadeInRightBig {
  3477. 0% {
  3478. opacity: 0;
  3479. -moz-transform: translateX(2000px);
  3480. }
  3481. 100% {
  3482. opacity: 1;
  3483. -moz-transform: translateX(0);
  3484. }
  3485. }
  3486. @-o-keyframes fadeInRightBig {
  3487. 0% {
  3488. opacity: 0;
  3489. -o-transform: translateX(2000px);
  3490. }
  3491. 100% {
  3492. opacity: 1;
  3493. -o-transform: translateX(0);
  3494. }
  3495. }
  3496. @keyframes fadeInRightBig {
  3497. 0% {
  3498. opacity: 0;
  3499. transform: translateX(2000px);
  3500. }
  3501. 100% {
  3502. opacity: 1;
  3503. transform: translateX(0);
  3504. }
  3505. }
  3506. .fadeInRightBig {
  3507. -webkit-animation-name: fadeInRightBig;
  3508. -moz-animation-name: fadeInRightBig;
  3509. -o-animation-name: fadeInRightBig;
  3510. animation-name: fadeInRightBig;
  3511. }
  3512. @-webkit-keyframes fadeInUp {
  3513. 0% {
  3514. opacity: 0;
  3515. -webkit-transform: translateY(20px);
  3516. }
  3517. 100% {
  3518. opacity: 1;
  3519. -webkit-transform: translateY(0);
  3520. }
  3521. }
  3522. @-moz-keyframes fadeInUp {
  3523. 0% {
  3524. opacity: 0;
  3525. -moz-transform: translateY(20px);
  3526. }
  3527. 100% {
  3528. opacity: 1;
  3529. -moz-transform: translateY(0);
  3530. }
  3531. }
  3532. @-o-keyframes fadeInUp {
  3533. 0% {
  3534. opacity: 0;
  3535. -o-transform: translateY(20px);
  3536. }
  3537. 100% {
  3538. opacity: 1;
  3539. -o-transform: translateY(0);
  3540. }
  3541. }
  3542. @keyframes fadeInUp {
  3543. 0% {
  3544. opacity: 0;
  3545. transform: translateY(20px);
  3546. }
  3547. 100% {
  3548. opacity: 1;
  3549. transform: translateY(0);
  3550. }
  3551. }
  3552. .fadeInUp {
  3553. -webkit-animation-name: fadeInUp;
  3554. -moz-animation-name: fadeInUp;
  3555. -o-animation-name: fadeInUp;
  3556. animation-name: fadeInUp;
  3557. }
  3558. @-webkit-keyframes fadeInUpBig {
  3559. 0% {
  3560. opacity: 0;
  3561. -webkit-transform: translateY(2000px);
  3562. }
  3563. 100% {
  3564. opacity: 1;
  3565. -webkit-transform: translateY(0);
  3566. }
  3567. }
  3568. @-moz-keyframes fadeInUpBig {
  3569. 0% {
  3570. opacity: 0;
  3571. -moz-transform: translateY(2000px);
  3572. }
  3573. 100% {
  3574. opacity: 1;
  3575. -moz-transform: translateY(0);
  3576. }
  3577. }
  3578. @-o-keyframes fadeInUpBig {
  3579. 0% {
  3580. opacity: 0;
  3581. -o-transform: translateY(2000px);
  3582. }
  3583. 100% {
  3584. opacity: 1;
  3585. -o-transform: translateY(0);
  3586. }
  3587. }
  3588. @keyframes fadeInUpBig {
  3589. 0% {
  3590. opacity: 0;
  3591. transform: translateY(2000px);
  3592. }
  3593. 100% {
  3594. opacity: 1;
  3595. transform: translateY(0);
  3596. }
  3597. }
  3598. .fadeInUpBig {
  3599. -webkit-animation-name: fadeInUpBig;
  3600. -moz-animation-name: fadeInUpBig;
  3601. -o-animation-name: fadeInUpBig;
  3602. animation-name: fadeInUpBig;
  3603. }
  3604. @-webkit-keyframes fadeOut {
  3605. 0% {
  3606. opacity: 1;
  3607. }
  3608. 100% {
  3609. opacity: 0;
  3610. }
  3611. }
  3612. @-moz-keyframes fadeOut {
  3613. 0% {
  3614. opacity: 1;
  3615. }
  3616. 100% {
  3617. opacity: 0;
  3618. }
  3619. }
  3620. @-o-keyframes fadeOut {
  3621. 0% {
  3622. opacity: 1;
  3623. }
  3624. 100% {
  3625. opacity: 0;
  3626. }
  3627. }
  3628. @keyframes fadeOut {
  3629. 0% {
  3630. opacity: 1;
  3631. }
  3632. 100% {
  3633. opacity: 0;
  3634. }
  3635. }
  3636. .fadeOut {
  3637. -webkit-animation-name: fadeOut;
  3638. -moz-animation-name: fadeOut;
  3639. -o-animation-name: fadeOut;
  3640. animation-name: fadeOut;
  3641. }
  3642. @-webkit-keyframes fadeOutDown {
  3643. 0% {
  3644. opacity: 1;
  3645. -webkit-transform: translateY(0);
  3646. }
  3647. 100% {
  3648. opacity: 0;
  3649. -webkit-transform: translateY(20px);
  3650. }
  3651. }
  3652. @-moz-keyframes fadeOutDown {
  3653. 0% {
  3654. opacity: 1;
  3655. -moz-transform: translateY(0);
  3656. }
  3657. 100% {
  3658. opacity: 0;
  3659. -moz-transform: translateY(20px);
  3660. }
  3661. }
  3662. @-o-keyframes fadeOutDown {
  3663. 0% {
  3664. opacity: 1;
  3665. -o-transform: translateY(0);
  3666. }
  3667. 100% {
  3668. opacity: 0;
  3669. -o-transform: translateY(20px);
  3670. }
  3671. }
  3672. @keyframes fadeOutDown {
  3673. 0% {
  3674. opacity: 1;
  3675. transform: translateY(0);
  3676. }
  3677. 100% {
  3678. opacity: 0;
  3679. transform: translateY(20px);
  3680. }
  3681. }
  3682. .fadeOutDown {
  3683. -webkit-animation-name: fadeOutDown;
  3684. -moz-animation-name: fadeOutDown;
  3685. -o-animation-name: fadeOutDown;
  3686. animation-name: fadeOutDown;
  3687. }
  3688. @-webkit-keyframes fadeOutDownBig {
  3689. 0% {
  3690. opacity: 1;
  3691. -webkit-transform: translateY(0);
  3692. }
  3693. 100% {
  3694. opacity: 0;
  3695. -webkit-transform: translateY(2000px);
  3696. }
  3697. }
  3698. @-moz-keyframes fadeOutDownBig {
  3699. 0% {
  3700. opacity: 1;
  3701. -moz-transform: translateY(0);
  3702. }
  3703. 100% {
  3704. opacity: 0;
  3705. -moz-transform: translateY(2000px);
  3706. }
  3707. }
  3708. @-o-keyframes fadeOutDownBig {
  3709. 0% {
  3710. opacity: 1;
  3711. -o-transform: translateY(0);
  3712. }
  3713. 100% {
  3714. opacity: 0;
  3715. -o-transform: translateY(2000px);
  3716. }
  3717. }
  3718. @keyframes fadeOutDownBig {
  3719. 0% {
  3720. opacity: 1;
  3721. transform: translateY(0);
  3722. }
  3723. 100% {
  3724. opacity: 0;
  3725. transform: translateY(2000px);
  3726. }
  3727. }
  3728. .fadeOutDownBig {
  3729. -webkit-animation-name: fadeOutDownBig;
  3730. -moz-animation-name: fadeOutDownBig;
  3731. -o-animation-name: fadeOutDownBig;
  3732. animation-name: fadeOutDownBig;
  3733. }
  3734. @-webkit-keyframes fadeOutLeft {
  3735. 0% {
  3736. opacity: 1;
  3737. -webkit-transform: translateX(0);
  3738. }
  3739. 100% {
  3740. opacity: 0;
  3741. -webkit-transform: translateX(-20px);
  3742. }
  3743. }
  3744. @-moz-keyframes fadeOutLeft {
  3745. 0% {
  3746. opacity: 1;
  3747. -moz-transform: translateX(0);
  3748. }
  3749. 100% {
  3750. opacity: 0;
  3751. -moz-transform: translateX(-20px);
  3752. }
  3753. }
  3754. @-o-keyframes fadeOutLeft {
  3755. 0% {
  3756. opacity: 1;
  3757. -o-transform: translateX(0);
  3758. }
  3759. 100% {
  3760. opacity: 0;
  3761. -o-transform: translateX(-20px);
  3762. }
  3763. }
  3764. @keyframes fadeOutLeft {
  3765. 0% {
  3766. opacity: 1;
  3767. transform: translateX(0);
  3768. }
  3769. 100% {
  3770. opacity: 0;
  3771. transform: translateX(-20px);
  3772. }
  3773. }
  3774. .fadeOutLeft {
  3775. -webkit-animation-name: fadeOutLeft;
  3776. -moz-animation-name: fadeOutLeft;
  3777. -o-animation-name: fadeOutLeft;
  3778. animation-name: fadeOutLeft;
  3779. }
  3780. @-webkit-keyframes fadeOutLeftBig {
  3781. 0% {
  3782. opacity: 1;
  3783. -webkit-transform: translateX(0);
  3784. }
  3785. 100% {
  3786. opacity: 0;
  3787. -webkit-transform: translateX(-2000px);
  3788. }
  3789. }
  3790. @-moz-keyframes fadeOutLeftBig {
  3791. 0% {
  3792. opacity: 1;
  3793. -moz-transform: translateX(0);
  3794. }
  3795. 100% {
  3796. opacity: 0;
  3797. -moz-transform: translateX(-2000px);
  3798. }
  3799. }
  3800. @-o-keyframes fadeOutLeftBig {
  3801. 0% {
  3802. opacity: 1;
  3803. -o-transform: translateX(0);
  3804. }
  3805. 100% {
  3806. opacity: 0;
  3807. -o-transform: translateX(-2000px);
  3808. }
  3809. }
  3810. @keyframes fadeOutLeftBig {
  3811. 0% {
  3812. opacity: 1;
  3813. transform: translateX(0);
  3814. }
  3815. 100% {
  3816. opacity: 0;
  3817. transform: translateX(-2000px);
  3818. }
  3819. }
  3820. .fadeOutLeftBig {
  3821. -webkit-animation-name: fadeOutLeftBig;
  3822. -moz-animation-name: fadeOutLeftBig;
  3823. -o-animation-name: fadeOutLeftBig;
  3824. animation-name: fadeOutLeftBig;
  3825. }
  3826. @-webkit-keyframes fadeOutRight {
  3827. 0% {
  3828. opacity: 1;
  3829. -webkit-transform: translateX(0);
  3830. }
  3831. 100% {
  3832. opacity: 0;
  3833. -webkit-transform: translateX(20px);
  3834. }
  3835. }
  3836. @-moz-keyframes fadeOutRight {
  3837. 0% {
  3838. opacity: 1;
  3839. -moz-transform: translateX(0);
  3840. }
  3841. 100% {
  3842. opacity: 0;
  3843. -moz-transform: translateX(20px);
  3844. }
  3845. }
  3846. @-o-keyframes fadeOutRight {
  3847. 0% {
  3848. opacity: 1;
  3849. -o-transform: translateX(0);
  3850. }
  3851. 100% {
  3852. opacity: 0;
  3853. -o-transform: translateX(20px);
  3854. }
  3855. }
  3856. @keyframes fadeOutRight {
  3857. 0% {
  3858. opacity: 1;
  3859. transform: translateX(0);
  3860. }
  3861. 100% {
  3862. opacity: 0;
  3863. transform: translateX(20px);
  3864. }
  3865. }
  3866. .fadeOutRight {
  3867. -webkit-animation-name: fadeOutRight;
  3868. -moz-animation-name: fadeOutRight;
  3869. -o-animation-name: fadeOutRight;
  3870. animation-name: fadeOutRight;
  3871. }
  3872. @-webkit-keyframes fadeOutRightBig {
  3873. 0% {
  3874. opacity: 1;
  3875. -webkit-transform: translateX(0);
  3876. }
  3877. 100% {
  3878. opacity: 0;
  3879. -webkit-transform: translateX(2000px);
  3880. }
  3881. }
  3882. @-moz-keyframes fadeOutRightBig {
  3883. 0% {
  3884. opacity: 1;
  3885. -moz-transform: translateX(0);
  3886. }
  3887. 100% {
  3888. opacity: 0;
  3889. -moz-transform: translateX(2000px);
  3890. }
  3891. }
  3892. @-o-keyframes fadeOutRightBig {
  3893. 0% {
  3894. opacity: 1;
  3895. -o-transform: translateX(0);
  3896. }
  3897. 100% {
  3898. opacity: 0;
  3899. -o-transform: translateX(2000px);
  3900. }
  3901. }
  3902. @keyframes fadeOutRightBig {
  3903. 0% {
  3904. opacity: 1;
  3905. transform: translateX(0);
  3906. }
  3907. 100% {
  3908. opacity: 0;
  3909. transform: translateX(2000px);
  3910. }
  3911. }
  3912. .fadeOutRightBig {
  3913. -webkit-animation-name: fadeOutRightBig;
  3914. -moz-animation-name: fadeOutRightBig;
  3915. -o-animation-name: fadeOutRightBig;
  3916. animation-name: fadeOutRightBig;
  3917. }
  3918. @-webkit-keyframes fadeOutUp {
  3919. 0% {
  3920. opacity: 1;
  3921. -webkit-transform: translateY(0);
  3922. }
  3923. 100% {
  3924. opacity: 0;
  3925. -webkit-transform: translateY(-20px);
  3926. }
  3927. }
  3928. @-moz-keyframes fadeOutUp {
  3929. 0% {
  3930. opacity: 1;
  3931. -moz-transform: translateY(0);
  3932. }
  3933. 100% {
  3934. opacity: 0;
  3935. -moz-transform: translateY(-20px);
  3936. }
  3937. }
  3938. @-o-keyframes fadeOutUp {
  3939. 0% {
  3940. opacity: 1;
  3941. -o-transform: translateY(0);
  3942. }
  3943. 100% {
  3944. opacity: 0;
  3945. -o-transform: translateY(-20px);
  3946. }
  3947. }
  3948. @keyframes fadeOutUp {
  3949. 0% {
  3950. opacity: 1;
  3951. transform: translateY(0);
  3952. }
  3953. 100% {
  3954. opacity: 0;
  3955. transform: translateY(-20px);
  3956. }
  3957. }
  3958. .fadeOutUp {
  3959. -webkit-animation-name: fadeOutUp;
  3960. -moz-animation-name: fadeOutUp;
  3961. -o-animation-name: fadeOutUp;
  3962. animation-name: fadeOutUp;
  3963. }
  3964. @-webkit-keyframes fadeOutUpBig {
  3965. 0% {
  3966. opacity: 1;
  3967. -webkit-transform: translateY(0);
  3968. }
  3969. 100% {
  3970. opacity: 0;
  3971. -webkit-transform: translateY(-2000px);
  3972. }
  3973. }
  3974. @-moz-keyframes fadeOutUpBig {
  3975. 0% {
  3976. opacity: 1;
  3977. -moz-transform: translateY(0);
  3978. }
  3979. 100% {
  3980. opacity: 0;
  3981. -moz-transform: translateY(-2000px);
  3982. }
  3983. }
  3984. @-o-keyframes fadeOutUpBig {
  3985. 0% {
  3986. opacity: 1;
  3987. -o-transform: translateY(0);
  3988. }
  3989. 100% {
  3990. opacity: 0;
  3991. -o-transform: translateY(-2000px);
  3992. }
  3993. }
  3994. @keyframes fadeOutUpBig {
  3995. 0% {
  3996. opacity: 1;
  3997. transform: translateY(0);
  3998. }
  3999. 100% {
  4000. opacity: 0;
  4001. transform: translateY(-2000px);
  4002. }
  4003. }
  4004. .fadeOutUpBig {
  4005. -webkit-animation-name: fadeOutUpBig;
  4006. -moz-animation-name: fadeOutUpBig;
  4007. -o-animation-name: fadeOutUpBig;
  4008. animation-name: fadeOutUpBig;
  4009. }
  4010. @-webkit-keyframes flash {
  4011. 0%,
  4012. 50%,
  4013. 100% {
  4014. opacity: 1;
  4015. }
  4016. 25%,
  4017. 75% {
  4018. opacity: 0;
  4019. }
  4020. }
  4021. @-moz-keyframes flash {
  4022. 0%,
  4023. 50%,
  4024. 100% {
  4025. opacity: 1;
  4026. }
  4027. 25%,
  4028. 75% {
  4029. opacity: 0;
  4030. }
  4031. }
  4032. @-o-keyframes flash {
  4033. 0%,
  4034. 50%,
  4035. 100% {
  4036. opacity: 1;
  4037. }
  4038. 25%,
  4039. 75% {
  4040. opacity: 0;
  4041. }
  4042. }
  4043. @keyframes flash {
  4044. 0%,
  4045. 50%,
  4046. 100% {
  4047. opacity: 1;
  4048. }
  4049. 25%,
  4050. 75% {
  4051. opacity: 0;
  4052. }
  4053. }
  4054. .flash {
  4055. -webkit-animation-name: flash;
  4056. -moz-animation-name: flash;
  4057. -o-animation-name: flash;
  4058. animation-name: flash;
  4059. }
  4060. @-webkit-keyframes flip {
  4061. 0% {
  4062. -webkit-transform: perspective(400px) rotateY(0);
  4063. -webkit-animation-timing-function: ease-out;
  4064. }
  4065. 40% {
  4066. -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
  4067. -webkit-animation-timing-function: ease-out;
  4068. }
  4069. 50% {
  4070. -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  4071. -webkit-animation-timing-function: ease-in;
  4072. }
  4073. 80% {
  4074. -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
  4075. -webkit-animation-timing-function: ease-in;
  4076. }
  4077. 100% {
  4078. -webkit-transform: perspective(400px) scale(1);
  4079. -webkit-animation-timing-function: ease-in;
  4080. }
  4081. }
  4082. @-moz-keyframes flip {
  4083. 0% {
  4084. -moz-transform: perspective(400px) rotateY(0);
  4085. -moz-animation-timing-function: ease-out;
  4086. }
  4087. 40% {
  4088. -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
  4089. -moz-animation-timing-function: ease-out;
  4090. }
  4091. 50% {
  4092. -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  4093. -moz-animation-timing-function: ease-in;
  4094. }
  4095. 80% {
  4096. -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
  4097. -moz-animation-timing-function: ease-in;
  4098. }
  4099. 100% {
  4100. -moz-transform: perspective(400px) scale(1);
  4101. -moz-animation-timing-function: ease-in;
  4102. }
  4103. }
  4104. @-o-keyframes flip {
  4105. 0% {
  4106. -o-transform: perspective(400px) rotateY(0);
  4107. -o-animation-timing-function: ease-out;
  4108. }
  4109. 40% {
  4110. -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
  4111. -o-animation-timing-function: ease-out;
  4112. }
  4113. 50% {
  4114. -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  4115. -o-animation-timing-function: ease-in;
  4116. }
  4117. 80% {
  4118. -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
  4119. -o-animation-timing-function: ease-in;
  4120. }
  4121. 100% {
  4122. -o-transform: perspective(400px) scale(1);
  4123. -o-animation-timing-function: ease-in;
  4124. }
  4125. }
  4126. @keyframes flip {
  4127. 0% {
  4128. transform: perspective(400px) rotateY(0);
  4129. animation-timing-function: ease-out;
  4130. }
  4131. 40% {
  4132. transform: perspective(400px) translateZ(150px) rotateY(170deg);
  4133. animation-timing-function: ease-out;
  4134. }
  4135. 50% {
  4136. transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  4137. animation-timing-function: ease-in;
  4138. }
  4139. 80% {
  4140. transform: perspective(400px) rotateY(360deg) scale(0.95);
  4141. animation-timing-function: ease-in;
  4142. }
  4143. 100% {
  4144. transform: perspective(400px) scale(1);
  4145. animation-timing-function: ease-in;
  4146. }
  4147. }
  4148. .flip {
  4149. -webkit-transform-style: preserve-3d;
  4150. -moz-transform-style: preserve-3d;
  4151. -o-transform-style: preserve-3d;
  4152. transform-style: preserve-3d;
  4153. -webkit-backface-visibility: visible !important;
  4154. -webkit-animation-name: flip;
  4155. -moz-backface-visibility: visible !important;
  4156. -moz-animation-name: flip;
  4157. -o-backface-visibility: visible !important;
  4158. -o-animation-name: flip;
  4159. backface-visibility: visible !important;
  4160. animation-name: flip;
  4161. }
  4162. @-webkit-keyframes flipInX {
  4163. 0% {
  4164. -webkit-transform: perspective(400px) rotateX(90deg);
  4165. opacity: 0;
  4166. }
  4167. 40% {
  4168. -webkit-transform: perspective(400px) rotateX(-10deg);
  4169. }
  4170. 70% {
  4171. -webkit-transform: perspective(400px) rotateX(10deg);
  4172. }
  4173. 100% {
  4174. -webkit-transform: perspective(400px) rotateX(0deg);
  4175. opacity: 1;
  4176. }
  4177. }
  4178. @-moz-keyframes flipInX {
  4179. 0% {
  4180. -moz-transform: perspective(400px) rotateX(90deg);
  4181. opacity: 0;
  4182. }
  4183. 40% {
  4184. -moz-transform: perspective(400px) rotateX(-10deg);
  4185. }
  4186. 70% {
  4187. -moz-transform: perspective(400px) rotateX(10deg);
  4188. }
  4189. 100% {
  4190. -moz-transform: perspective(400px) rotateX(0deg);
  4191. opacity: 1;
  4192. }
  4193. }
  4194. @-o-keyframes flipInX {
  4195. 0% {
  4196. -o-transform: perspective(400px) rotateX(90deg);
  4197. opacity: 0;
  4198. }
  4199. 40% {
  4200. -o-transform: perspective(400px) rotateX(-10deg);
  4201. }
  4202. 70% {
  4203. -o-transform: perspective(400px) rotateX(10deg);
  4204. }
  4205. 100% {
  4206. -o-transform: perspective(400px) rotateX(0deg);
  4207. opacity: 1;
  4208. }
  4209. }
  4210. @keyframes flipInX {
  4211. 0% {
  4212. transform: perspective(400px) rotateX(90deg);
  4213. opacity: 0;
  4214. }
  4215. 40% {
  4216. transform: perspective(400px) rotateX(-10deg);
  4217. }
  4218. 70% {
  4219. transform: perspective(400px) rotateX(10deg);
  4220. }
  4221. 100% {
  4222. transform: perspective(400px) rotateX(0deg);
  4223. opacity: 1;
  4224. }
  4225. }
  4226. .flipInX {
  4227. -webkit-backface-visibility: visible !important;
  4228. -webkit-animation-name: flipInX;
  4229. -moz-backface-visibility: visible !important;
  4230. -moz-animation-name: flipInX;
  4231. -o-backface-visibility: visible !important;
  4232. -o-animation-name: flipInX;
  4233. backface-visibility: visible !important;
  4234. animation-name: flipInX;
  4235. }
  4236. @-webkit-keyframes flipInY {
  4237. 0% {
  4238. -webkit-transform: perspective(400px) rotateY(90deg);
  4239. opacity: 0;
  4240. }
  4241. 40% {
  4242. -webkit-transform: perspective(400px) rotateY(-10deg);
  4243. }
  4244. 70% {
  4245. -webkit-transform: perspective(400px) rotateY(10deg);
  4246. }
  4247. 100% {
  4248. -webkit-transform: perspective(400px) rotateY(0deg);
  4249. opacity: 1;
  4250. }
  4251. }
  4252. @-moz-keyframes flipInY {
  4253. 0% {
  4254. -moz-transform: perspective(400px) rotateY(90deg);
  4255. opacity: 0;
  4256. }
  4257. 40% {
  4258. -moz-transform: perspective(400px) rotateY(-10deg);
  4259. }
  4260. 70% {
  4261. -moz-transform: perspective(400px) rotateY(10deg);
  4262. }
  4263. 100% {
  4264. -moz-transform: perspective(400px) rotateY(0deg);
  4265. opacity: 1;
  4266. }
  4267. }
  4268. @-o-keyframes flipInY {
  4269. 0% {
  4270. -o-transform: perspective(400px) rotateY(90deg);
  4271. opacity: 0;
  4272. }
  4273. 40% {
  4274. -o-transform: perspective(400px) rotateY(-10deg);
  4275. }
  4276. 70% {
  4277. -o-transform: perspective(400px) rotateY(10deg);
  4278. }
  4279. 100% {
  4280. -o-transform: perspective(400px) rotateY(0deg);
  4281. opacity: 1;
  4282. }
  4283. }
  4284. @keyframes flipInY {
  4285. 0% {
  4286. transform: perspective(400px) rotateY(90deg);
  4287. opacity: 0;
  4288. }
  4289. 40% {
  4290. transform: perspective(400px) rotateY(-10deg);
  4291. }
  4292. 70% {
  4293. transform: perspective(400px) rotateY(10deg);
  4294. }
  4295. 100% {
  4296. transform: perspective(400px) rotateY(0deg);
  4297. opacity: 1;
  4298. }
  4299. }
  4300. .flipInY {
  4301. -webkit-backface-visibility: visible !important;
  4302. -webkit-animation-name: flipInY;
  4303. -moz-backface-visibility: visible !important;
  4304. -moz-animation-name: flipInY;
  4305. -o-backface-visibility: visible !important;
  4306. -o-animation-name: flipInY;
  4307. backface-visibility: visible !important;
  4308. animation-name: flipInY;
  4309. }
  4310. @-webkit-keyframes flipOutX {
  4311. 0% {
  4312. -webkit-transform: perspective(400px) rotateX(0deg);
  4313. opacity: 1;
  4314. }
  4315. 100% {
  4316. -webkit-transform: perspective(400px) rotateX(90deg);
  4317. opacity: 0;
  4318. }
  4319. }
  4320. @-moz-keyframes flipOutX {
  4321. 0% {
  4322. -moz-transform: perspective(400px) rotateX(0deg);
  4323. opacity: 1;
  4324. }
  4325. 100% {
  4326. -moz-transform: perspective(400px) rotateX(90deg);
  4327. opacity: 0;
  4328. }
  4329. }
  4330. @-o-keyframes flipOutX {
  4331. 0% {
  4332. -o-transform: perspective(400px) rotateX(0deg);
  4333. opacity: 1;
  4334. }
  4335. 100% {
  4336. -o-transform: perspective(400px) rotateX(90deg);
  4337. opacity: 0;
  4338. }
  4339. }
  4340. @keyframes flipOutX {
  4341. 0% {
  4342. transform: perspective(400px) rotateX(0deg);
  4343. opacity: 1;
  4344. }
  4345. 100% {
  4346. transform: perspective(400px) rotateX(90deg);
  4347. opacity: 0;
  4348. }
  4349. }
  4350. .flipOutX {
  4351. -webkit-animation-name: flipOutX;
  4352. -webkit-backface-visibility: visible !important;
  4353. -moz-animation-name: flipOutX;
  4354. -moz-backface-visibility: visible !important;
  4355. -o-animation-name: flipOutX;
  4356. -o-backface-visibility: visible !important;
  4357. animation-name: flipOutX;
  4358. backface-visibility: visible !important;
  4359. }
  4360. @-webkit-keyframes flipOutY {
  4361. 0% {
  4362. -webkit-transform: perspective(400px) rotateY(0deg);
  4363. opacity: 1;
  4364. }
  4365. 100% {
  4366. -webkit-transform: perspective(400px) rotateY(90deg);
  4367. opacity: 0;
  4368. }
  4369. }
  4370. @-moz-keyframes flipOutY {
  4371. 0% {
  4372. -moz-transform: perspective(400px) rotateY(0deg);
  4373. opacity: 1;
  4374. }
  4375. 100% {
  4376. -moz-transform: perspective(400px) rotateY(90deg);
  4377. opacity: 0;
  4378. }
  4379. }
  4380. @-o-keyframes flipOutY {
  4381. 0% {
  4382. -o-transform: perspective(400px) rotateY(0deg);
  4383. opacity: 1;
  4384. }
  4385. 100% {
  4386. -o-transform: perspective(400px) rotateY(90deg);
  4387. opacity: 0;
  4388. }
  4389. }
  4390. @keyframes flipOutY {
  4391. 0% {
  4392. transform: perspective(400px) rotateY(0deg);
  4393. opacity: 1;
  4394. }
  4395. 100% {
  4396. transform: perspective(400px) rotateY(90deg);
  4397. opacity: 0;
  4398. }
  4399. }
  4400. .flipOutY {
  4401. -webkit-backface-visibility: visible !important;
  4402. -webkit-animation-name: flipOutY;
  4403. -moz-backface-visibility: visible !important;
  4404. -moz-animation-name: flipOutY;
  4405. -o-backface-visibility: visible !important;
  4406. -o-animation-name: flipOutY;
  4407. backface-visibility: visible !important;
  4408. animation-name: flipOutY;
  4409. }
  4410. @-webkit-keyframes hinge {
  4411. 0% {
  4412. -webkit-transform: rotate(0);
  4413. -webkit-transform-origin: top left;
  4414. -webkit-animation-timing-function: ease-in-out;
  4415. }
  4416. 20%,
  4417. 60% {
  4418. -webkit-transform: rotate(80deg);
  4419. -webkit-transform-origin: top left;
  4420. -webkit-animation-timing-function: ease-in-out;
  4421. }
  4422. 40% {
  4423. -webkit-transform: rotate(60deg);
  4424. -webkit-transform-origin: top left;
  4425. -webkit-animation-timing-function: ease-in-out;
  4426. }
  4427. 80% {
  4428. -webkit-transform: rotate(60deg) translateY(0);
  4429. opacity: 1;
  4430. -webkit-transform-origin: top left;
  4431. -webkit-animation-timing-function: ease-in-out;
  4432. }
  4433. 100% {
  4434. -webkit-transform: translateY(700px);
  4435. opacity: 0;
  4436. }
  4437. }
  4438. @-moz-keyframes hinge {
  4439. 0% {
  4440. -moz-transform: rotate(0);
  4441. -moz-transform-origin: top left;
  4442. -moz-animation-timing-function: ease-in-out;
  4443. }
  4444. 20%,
  4445. 60% {
  4446. -moz-transform: rotate(80deg);
  4447. -moz-transform-origin: top left;
  4448. -moz-animation-timing-function: ease-in-out;
  4449. }
  4450. 40% {
  4451. -moz-transform: rotate(60deg);
  4452. -moz-transform-origin: top left;
  4453. -moz-animation-timing-function: ease-in-out;
  4454. }
  4455. 80% {
  4456. -moz-transform: rotate(60deg) translateY(0);
  4457. opacity: 1;
  4458. -moz-transform-origin: top left;
  4459. -moz-animation-timing-function: ease-in-out;
  4460. }
  4461. 100% {
  4462. -moz-transform: translateY(700px);
  4463. opacity: 0;
  4464. }
  4465. }
  4466. @-o-keyframes hinge {
  4467. 0% {
  4468. -o-transform: rotate(0);
  4469. -o-transform-origin: top left;
  4470. -o-animation-timing-function: ease-in-out;
  4471. }
  4472. 20%,
  4473. 60% {
  4474. -o-transform: rotate(80deg);
  4475. -o-transform-origin: top left;
  4476. -o-animation-timing-function: ease-in-out;
  4477. }
  4478. 40% {
  4479. -o-transform: rotate(60deg);
  4480. -o-transform-origin: top left;
  4481. -o-animation-timing-function: ease-in-out;
  4482. }
  4483. 80% {
  4484. -o-transform: rotate(60deg) translateY(0);
  4485. opacity: 1;
  4486. -o-transform-origin: top left;
  4487. -o-animation-timing-function: ease-in-out;
  4488. }
  4489. 100% {
  4490. -o-transform: translateY(700px);
  4491. opacity: 0;
  4492. }
  4493. }
  4494. @keyframes hinge {
  4495. 0% {
  4496. transform: rotate(0);
  4497. transform-origin: top left;
  4498. animation-timing-function: ease-in-out;
  4499. }
  4500. 20%,
  4501. 60% {
  4502. transform: rotate(80deg);
  4503. transform-origin: top left;
  4504. animation-timing-function: ease-in-out;
  4505. }
  4506. 40% {
  4507. transform: rotate(60deg);
  4508. transform-origin: top left;
  4509. animation-timing-function: ease-in-out;
  4510. }
  4511. 80% {
  4512. transform: rotate(60deg) translateY(0);
  4513. opacity: 1;
  4514. transform-origin: top left;
  4515. animation-timing-function: ease-in-out;
  4516. }
  4517. 100% {
  4518. transform: translateY(700px);
  4519. opacity: 0;
  4520. }
  4521. }
  4522. .hinge {
  4523. -webkit-animation-name: hinge;
  4524. -moz-animation-name: hinge;
  4525. -o-animation-name: hinge;
  4526. animation-name: hinge;
  4527. }
  4528. @-webkit-keyframes lightSpeedIn {
  4529. 0% {
  4530. -webkit-transform: translateX(100%) skewX(-30deg);
  4531. opacity: 0;
  4532. }
  4533. 60% {
  4534. -webkit-transform: translateX(-20%) skewX(30deg);
  4535. opacity: 1;
  4536. }
  4537. 80% {
  4538. -webkit-transform: translateX(0%) skewX(-15deg);
  4539. opacity: 1;
  4540. }
  4541. 100% {
  4542. -webkit-transform: translateX(0%) skewX(0deg);
  4543. opacity: 1;
  4544. }
  4545. }
  4546. @-moz-keyframes lightSpeedIn {
  4547. 0% {
  4548. -moz-transform: translateX(100%) skewX(-30deg);
  4549. opacity: 0;
  4550. }
  4551. 60% {
  4552. -moz-transform: translateX(-20%) skewX(30deg);
  4553. opacity: 1;
  4554. }
  4555. 80% {
  4556. -moz-transform: translateX(0%) skewX(-15deg);
  4557. opacity: 1;
  4558. }
  4559. 100% {
  4560. -moz-transform: translateX(0%) skewX(0deg);
  4561. opacity: 1;
  4562. }
  4563. }
  4564. @-o-keyframes lightSpeedIn {
  4565. 0% {
  4566. -o-transform: translateX(100%) skewX(-30deg);
  4567. opacity: 0;
  4568. }
  4569. 60% {
  4570. -o-transform: translateX(-20%) skewX(30deg);
  4571. opacity: 1;
  4572. }
  4573. 80% {
  4574. -o-transform: translateX(0%) skewX(-15deg);
  4575. opacity: 1;
  4576. }
  4577. 100% {
  4578. -o-transform: translateX(0%) skewX(0deg);
  4579. opacity: 1;
  4580. }
  4581. }
  4582. @keyframes lightSpeedIn {
  4583. 0% {
  4584. transform: translateX(100%) skewX(-30deg);
  4585. opacity: 0;
  4586. }
  4587. 60% {
  4588. transform: translateX(-20%) skewX(30deg);
  4589. opacity: 1;
  4590. }
  4591. 80% {
  4592. transform: translateX(0%) skewX(-15deg);
  4593. opacity: 1;
  4594. }
  4595. 100% {
  4596. transform: translateX(0%) skewX(0deg);
  4597. opacity: 1;
  4598. }
  4599. }
  4600. .lightSpeedIn {
  4601. -webkit-animation-name: lightSpeedIn;
  4602. -moz-animation-name: lightSpeedIn;
  4603. -o-animation-name: lightSpeedIn;
  4604. animation-name: lightSpeedIn;
  4605. -webkit-animation-timing-function: ease-out;
  4606. -moz-animation-timing-function: ease-out;
  4607. -o-animation-timing-function: ease-out;
  4608. animation-timing-function: ease-out;
  4609. }
  4610. @-webkit-keyframes lightSpeedOut {
  4611. 0% {
  4612. -webkit-transform: translateX(0%) skewX(0deg);
  4613. opacity: 1;
  4614. }
  4615. 100% {
  4616. -webkit-transform: translateX(100%) skewX(-30deg);
  4617. opacity: 0;
  4618. }
  4619. }
  4620. @-moz-keyframes lightSpeedOut {
  4621. 0% {
  4622. -moz-transform: translateX(0%) skewX(0deg);
  4623. opacity: 1;
  4624. }
  4625. 100% {
  4626. -moz-transform: translateX(100%) skewX(-30deg);
  4627. opacity: 0;
  4628. }
  4629. }
  4630. @-o-keyframes lightSpeedOut {
  4631. 0% {
  4632. -o-transform: translateX(0%) skewX(0deg);
  4633. opacity: 1;
  4634. }
  4635. 100% {
  4636. -o-transform: translateX(100%) skewX(-30deg);
  4637. opacity: 0;
  4638. }
  4639. }
  4640. @keyframes lightSpeedOut {
  4641. 0% {
  4642. transform: translateX(0%) skewX(0deg);
  4643. opacity: 1;
  4644. }
  4645. 100% {
  4646. transform: translateX(100%) skewX(-30deg);
  4647. opacity: 0;
  4648. }
  4649. }
  4650. .lightSpeedOut {
  4651. -webkit-animation-name: lightSpeedOut;
  4652. -moz-animation-name: lightSpeedOut;
  4653. -o-animation-name: lightSpeedOut;
  4654. animation-name: lightSpeedOut;
  4655. -webkit-animation-timing-function: ease-in;
  4656. -moz-animation-timing-function: ease-in;
  4657. -o-animation-timing-function: ease-in;
  4658. animation-timing-function: ease-in;
  4659. }
  4660. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  4661. @-webkit-keyframes pulse {
  4662. 0% {
  4663. -webkit-transform: scale(1);
  4664. }
  4665. 50% {
  4666. -webkit-transform: scale(1.1);
  4667. }
  4668. 100% {
  4669. -webkit-transform: scale(1);
  4670. }
  4671. }
  4672. @-moz-keyframes pulse {
  4673. 0% {
  4674. -moz-transform: scale(1);
  4675. }
  4676. 50% {
  4677. -moz-transform: scale(1.1);
  4678. }
  4679. 100% {
  4680. -moz-transform: scale(1);
  4681. }
  4682. }
  4683. @-o-keyframes pulse {
  4684. 0% {
  4685. -o-transform: scale(1);
  4686. }
  4687. 50% {
  4688. -o-transform: scale(1.1);
  4689. }
  4690. 100% {
  4691. -o-transform: scale(1);
  4692. }
  4693. }
  4694. @keyframes pulse {
  4695. 0% {
  4696. transform: scale(1);
  4697. }
  4698. 50% {
  4699. transform: scale(1.1);
  4700. }
  4701. 100% {
  4702. transform: scale(1);
  4703. }
  4704. }
  4705. .pulse {
  4706. -webkit-animation-name: pulse;
  4707. -moz-animation-name: pulse;
  4708. -o-animation-name: pulse;
  4709. animation-name: pulse;
  4710. }
  4711. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  4712. @-webkit-keyframes rollIn {
  4713. 0% {
  4714. opacity: 0;
  4715. -webkit-transform: translateX(-100%) rotate(-120deg);
  4716. }
  4717. 100% {
  4718. opacity: 1;
  4719. -webkit-transform: translateX(0px) rotate(0deg);
  4720. }
  4721. }
  4722. @-moz-keyframes rollIn {
  4723. 0% {
  4724. opacity: 0;
  4725. -moz-transform: translateX(-100%) rotate(-120deg);
  4726. }
  4727. 100% {
  4728. opacity: 1;
  4729. -moz-transform: translateX(0px) rotate(0deg);
  4730. }
  4731. }
  4732. @-o-keyframes rollIn {
  4733. 0% {
  4734. opacity: 0;
  4735. -o-transform: translateX(-100%) rotate(-120deg);
  4736. }
  4737. 100% {
  4738. opacity: 1;
  4739. -o-transform: translateX(0px) rotate(0deg);
  4740. }
  4741. }
  4742. @keyframes rollIn {
  4743. 0% {
  4744. opacity: 0;
  4745. transform: translateX(-100%) rotate(-120deg);
  4746. }
  4747. 100% {
  4748. opacity: 1;
  4749. transform: translateX(0px) rotate(0deg);
  4750. }
  4751. }
  4752. .rollIn {
  4753. -webkit-animation-name: rollIn;
  4754. -moz-animation-name: rollIn;
  4755. -o-animation-name: rollIn;
  4756. animation-name: rollIn;
  4757. }
  4758. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  4759. @-webkit-keyframes rollOut {
  4760. 0% {
  4761. opacity: 1;
  4762. -webkit-transform: translateX(0px) rotate(0deg);
  4763. }
  4764. 100% {
  4765. opacity: 0;
  4766. -webkit-transform: translateX(100%) rotate(120deg);
  4767. }
  4768. }
  4769. @-moz-keyframes rollOut {
  4770. 0% {
  4771. opacity: 1;
  4772. -moz-transform: translateX(0px) rotate(0deg);
  4773. }
  4774. 100% {
  4775. opacity: 0;
  4776. -moz-transform: translateX(100%) rotate(120deg);
  4777. }
  4778. }
  4779. @-o-keyframes rollOut {
  4780. 0% {
  4781. opacity: 1;
  4782. -o-transform: translateX(0px) rotate(0deg);
  4783. }
  4784. 100% {
  4785. opacity: 0;
  4786. -o-transform: translateX(100%) rotate(120deg);
  4787. }
  4788. }
  4789. @keyframes rollOut {
  4790. 0% {
  4791. opacity: 1;
  4792. transform: translateX(0px) rotate(0deg);
  4793. }
  4794. 100% {
  4795. opacity: 0;
  4796. transform: translateX(100%) rotate(120deg);
  4797. }
  4798. }
  4799. .rollOut {
  4800. -webkit-animation-name: rollOut;
  4801. -moz-animation-name: rollOut;
  4802. -o-animation-name: rollOut;
  4803. animation-name: rollOut;
  4804. }
  4805. @-webkit-keyframes rotateIn {
  4806. 0% {
  4807. -webkit-transform-origin: center center;
  4808. -webkit-transform: rotate(-200deg);
  4809. opacity: 0;
  4810. }
  4811. 100% {
  4812. -webkit-transform-origin: center center;
  4813. -webkit-transform: rotate(0);
  4814. opacity: 1;
  4815. }
  4816. }
  4817. @-moz-keyframes rotateIn {
  4818. 0% {
  4819. -moz-transform-origin: center center;
  4820. -moz-transform: rotate(-200deg);
  4821. opacity: 0;
  4822. }
  4823. 100% {
  4824. -moz-transform-origin: center center;
  4825. -moz-transform: rotate(0);
  4826. opacity: 1;
  4827. }
  4828. }
  4829. @-o-keyframes rotateIn {
  4830. 0% {
  4831. -o-transform-origin: center center;
  4832. -o-transform: rotate(-200deg);
  4833. opacity: 0;
  4834. }
  4835. 100% {
  4836. -o-transform-origin: center center;
  4837. -o-transform: rotate(0);
  4838. opacity: 1;
  4839. }
  4840. }
  4841. @keyframes rotateIn {
  4842. 0% {
  4843. transform-origin: center center;
  4844. transform: rotate(-200deg);
  4845. opacity: 0;
  4846. }
  4847. 100% {
  4848. transform-origin: center center;
  4849. transform: rotate(0);
  4850. opacity: 1;
  4851. }
  4852. }
  4853. .rotateIn {
  4854. -webkit-animation-name: rotateIn;
  4855. -moz-animation-name: rotateIn;
  4856. -o-animation-name: rotateIn;
  4857. animation-name: rotateIn;
  4858. }
  4859. @-webkit-keyframes rotateInDownLeft {
  4860. 0% {
  4861. -webkit-transform-origin: left bottom;
  4862. -webkit-transform: rotate(-90deg);
  4863. opacity: 0;
  4864. }
  4865. 100% {
  4866. -webkit-transform-origin: left bottom;
  4867. -webkit-transform: rotate(0);
  4868. opacity: 1;
  4869. }
  4870. }
  4871. @-moz-keyframes rotateInDownLeft {
  4872. 0% {
  4873. -moz-transform-origin: left bottom;
  4874. -moz-transform: rotate(-90deg);
  4875. opacity: 0;
  4876. }
  4877. 100% {
  4878. -moz-transform-origin: left bottom;
  4879. -moz-transform: rotate(0);
  4880. opacity: 1;
  4881. }
  4882. }
  4883. @-o-keyframes rotateInDownLeft {
  4884. 0% {
  4885. -o-transform-origin: left bottom;
  4886. -o-transform: rotate(-90deg);
  4887. opacity: 0;
  4888. }
  4889. 100% {
  4890. -o-transform-origin: left bottom;
  4891. -o-transform: rotate(0);
  4892. opacity: 1;
  4893. }
  4894. }
  4895. @keyframes rotateInDownLeft {
  4896. 0% {
  4897. transform-origin: left bottom;
  4898. transform: rotate(-90deg);
  4899. opacity: 0;
  4900. }
  4901. 100% {
  4902. transform-origin: left bottom;
  4903. transform: rotate(0);
  4904. opacity: 1;
  4905. }
  4906. }
  4907. .rotateInDownLeft {
  4908. -webkit-animation-name: rotateInDownLeft;
  4909. -moz-animation-name: rotateInDownLeft;
  4910. -o-animation-name: rotateInDownLeft;
  4911. animation-name: rotateInDownLeft;
  4912. }
  4913. @-webkit-keyframes rotateInDownRight {
  4914. 0% {
  4915. -webkit-transform-origin: right bottom;
  4916. -webkit-transform: rotate(90deg);
  4917. opacity: 0;
  4918. }
  4919. 100% {
  4920. -webkit-transform-origin: right bottom;
  4921. -webkit-transform: rotate(0);
  4922. opacity: 1;
  4923. }
  4924. }
  4925. @-moz-keyframes rotateInDownRight {
  4926. 0% {
  4927. -moz-transform-origin: right bottom;
  4928. -moz-transform: rotate(90deg);
  4929. opacity: 0;
  4930. }
  4931. 100% {
  4932. -moz-transform-origin: right bottom;
  4933. -moz-transform: rotate(0);
  4934. opacity: 1;
  4935. }
  4936. }
  4937. @-o-keyframes rotateInDownRight {
  4938. 0% {
  4939. -o-transform-origin: right bottom;
  4940. -o-transform: rotate(90deg);
  4941. opacity: 0;
  4942. }
  4943. 100% {
  4944. -o-transform-origin: right bottom;
  4945. -o-transform: rotate(0);
  4946. opacity: 1;
  4947. }
  4948. }
  4949. @keyframes rotateInDownRight {
  4950. 0% {
  4951. transform-origin: right bottom;
  4952. transform: rotate(90deg);
  4953. opacity: 0;
  4954. }
  4955. 100% {
  4956. transform-origin: right bottom;
  4957. transform: rotate(0);
  4958. opacity: 1;
  4959. }
  4960. }
  4961. .rotateInDownRight {
  4962. -webkit-animation-name: rotateInDownRight;
  4963. -moz-animation-name: rotateInDownRight;
  4964. -o-animation-name: rotateInDownRight;
  4965. animation-name: rotateInDownRight;
  4966. }
  4967. @-webkit-keyframes rotateInUpLeft {
  4968. 0% {
  4969. -webkit-transform-origin: left bottom;
  4970. -webkit-transform: rotate(90deg);
  4971. opacity: 0;
  4972. }
  4973. 100% {
  4974. -webkit-transform-origin: left bottom;
  4975. -webkit-transform: rotate(0);
  4976. opacity: 1;
  4977. }
  4978. }
  4979. @-moz-keyframes rotateInUpLeft {
  4980. 0% {
  4981. -moz-transform-origin: left bottom;
  4982. -moz-transform: rotate(90deg);
  4983. opacity: 0;
  4984. }
  4985. 100% {
  4986. -moz-transform-origin: left bottom;
  4987. -moz-transform: rotate(0);
  4988. opacity: 1;
  4989. }
  4990. }
  4991. @-o-keyframes rotateInUpLeft {
  4992. 0% {
  4993. -o-transform-origin: left bottom;
  4994. -o-transform: rotate(90deg);
  4995. opacity: 0;
  4996. }
  4997. 100% {
  4998. -o-transform-origin: left bottom;
  4999. -o-transform: rotate(0);
  5000. opacity: 1;
  5001. }
  5002. }
  5003. @keyframes rotateInUpLeft {
  5004. 0% {
  5005. transform-origin: left bottom;
  5006. transform: rotate(90deg);
  5007. opacity: 0;
  5008. }
  5009. 100% {
  5010. transform-origin: left bottom;
  5011. transform: rotate(0);
  5012. opacity: 1;
  5013. }
  5014. }
  5015. .rotateInUpLeft {
  5016. -webkit-animation-name: rotateInUpLeft;
  5017. -moz-animation-name: rotateInUpLeft;
  5018. -o-animation-name: rotateInUpLeft;
  5019. animation-name: rotateInUpLeft;
  5020. }
  5021. @-webkit-keyframes rotateInUpRight {
  5022. 0% {
  5023. -webkit-transform-origin: right bottom;
  5024. -webkit-transform: rotate(-90deg);
  5025. opacity: 0;
  5026. }
  5027. 100% {
  5028. -webkit-transform-origin: right bottom;
  5029. -webkit-transform: rotate(0);
  5030. opacity: 1;
  5031. }
  5032. }
  5033. @-moz-keyframes rotateInUpRight {
  5034. 0% {
  5035. -moz-transform-origin: right bottom;
  5036. -moz-transform: rotate(-90deg);
  5037. opacity: 0;
  5038. }
  5039. 100% {
  5040. -moz-transform-origin: right bottom;
  5041. -moz-transform: rotate(0);
  5042. opacity: 1;
  5043. }
  5044. }
  5045. @-o-keyframes rotateInUpRight {
  5046. 0% {
  5047. -o-transform-origin: right bottom;
  5048. -o-transform: rotate(-90deg);
  5049. opacity: 0;
  5050. }
  5051. 100% {
  5052. -o-transform-origin: right bottom;
  5053. -o-transform: rotate(0);
  5054. opacity: 1;
  5055. }
  5056. }
  5057. @keyframes rotateInUpRight {
  5058. 0% {
  5059. transform-origin: right bottom;
  5060. transform: rotate(-90deg);
  5061. opacity: 0;
  5062. }
  5063. 100% {
  5064. transform-origin: right bottom;
  5065. transform: rotate(0);
  5066. opacity: 1;
  5067. }
  5068. }
  5069. .rotateInUpRight {
  5070. -webkit-animation-name: rotateInUpRight;
  5071. -moz-animation-name: rotateInUpRight;
  5072. -o-animation-name: rotateInUpRight;
  5073. animation-name: rotateInUpRight;
  5074. }
  5075. @-webkit-keyframes rotateOut {
  5076. 0% {
  5077. -webkit-transform-origin: center center;
  5078. -webkit-transform: rotate(0);
  5079. opacity: 1;
  5080. }
  5081. 100% {
  5082. -webkit-transform-origin: center center;
  5083. -webkit-transform: rotate(200deg);
  5084. opacity: 0;
  5085. }
  5086. }
  5087. @-moz-keyframes rotateOut {
  5088. 0% {
  5089. -moz-transform-origin: center center;
  5090. -moz-transform: rotate(0);
  5091. opacity: 1;
  5092. }
  5093. 100% {
  5094. -moz-transform-origin: center center;
  5095. -moz-transform: rotate(200deg);
  5096. opacity: 0;
  5097. }
  5098. }
  5099. @-o-keyframes rotateOut {
  5100. 0% {
  5101. -o-transform-origin: center center;
  5102. -o-transform: rotate(0);
  5103. opacity: 1;
  5104. }
  5105. 100% {
  5106. -o-transform-origin: center center;
  5107. -o-transform: rotate(200deg);
  5108. opacity: 0;
  5109. }
  5110. }
  5111. @keyframes rotateOut {
  5112. 0% {
  5113. transform-origin: center center;
  5114. transform: rotate(0);
  5115. opacity: 1;
  5116. }
  5117. 100% {
  5118. transform-origin: center center;
  5119. transform: rotate(200deg);
  5120. opacity: 0;
  5121. }
  5122. }
  5123. .rotateOut {
  5124. -webkit-animation-name: rotateOut;
  5125. -moz-animation-name: rotateOut;
  5126. -o-animation-name: rotateOut;
  5127. animation-name: rotateOut;
  5128. }
  5129. @-webkit-keyframes rotateOutDownLeft {
  5130. 0% {
  5131. -webkit-transform-origin: left bottom;
  5132. -webkit-transform: rotate(0);
  5133. opacity: 1;
  5134. }
  5135. 100% {
  5136. -webkit-transform-origin: left bottom;
  5137. -webkit-transform: rotate(90deg);
  5138. opacity: 0;
  5139. }
  5140. }
  5141. @-moz-keyframes rotateOutDownLeft {
  5142. 0% {
  5143. -moz-transform-origin: left bottom;
  5144. -moz-transform: rotate(0);
  5145. opacity: 1;
  5146. }
  5147. 100% {
  5148. -moz-transform-origin: left bottom;
  5149. -moz-transform: rotate(90deg);
  5150. opacity: 0;
  5151. }
  5152. }
  5153. @-o-keyframes rotateOutDownLeft {
  5154. 0% {
  5155. -o-transform-origin: left bottom;
  5156. -o-transform: rotate(0);
  5157. opacity: 1;
  5158. }
  5159. 100% {
  5160. -o-transform-origin: left bottom;
  5161. -o-transform: rotate(90deg);
  5162. opacity: 0;
  5163. }
  5164. }
  5165. @keyframes rotateOutDownLeft {
  5166. 0% {
  5167. transform-origin: left bottom;
  5168. transform: rotate(0);
  5169. opacity: 1;
  5170. }
  5171. 100% {
  5172. transform-origin: left bottom;
  5173. transform: rotate(90deg);
  5174. opacity: 0;
  5175. }
  5176. }
  5177. .rotateOutDownLeft {
  5178. -webkit-animation-name: rotateOutDownLeft;
  5179. -moz-animation-name: rotateOutDownLeft;
  5180. -o-animation-name: rotateOutDownLeft;
  5181. animation-name: rotateOutDownLeft;
  5182. }
  5183. @-webkit-keyframes rotateOutDownRight {
  5184. 0% {
  5185. -webkit-transform-origin: right bottom;
  5186. -webkit-transform: rotate(0);
  5187. opacity: 1;
  5188. }
  5189. 100% {
  5190. -webkit-transform-origin: right bottom;
  5191. -webkit-transform: rotate(-90deg);
  5192. opacity: 0;
  5193. }
  5194. }
  5195. @-moz-keyframes rotateOutDownRight {
  5196. 0% {
  5197. -moz-transform-origin: right bottom;
  5198. -moz-transform: rotate(0);
  5199. opacity: 1;
  5200. }
  5201. 100% {
  5202. -moz-transform-origin: right bottom;
  5203. -moz-transform: rotate(-90deg);
  5204. opacity: 0;
  5205. }
  5206. }
  5207. @-o-keyframes rotateOutDownRight {
  5208. 0% {
  5209. -o-transform-origin: right bottom;
  5210. -o-transform: rotate(0);
  5211. opacity: 1;
  5212. }
  5213. 100% {
  5214. -o-transform-origin: right bottom;
  5215. -o-transform: rotate(-90deg);
  5216. opacity: 0;
  5217. }
  5218. }
  5219. @keyframes rotateOutDownRight {
  5220. 0% {
  5221. transform-origin: right bottom;
  5222. transform: rotate(0);
  5223. opacity: 1;
  5224. }
  5225. 100% {
  5226. transform-origin: right bottom;
  5227. transform: rotate(-90deg);
  5228. opacity: 0;
  5229. }
  5230. }
  5231. .rotateOutDownRight {
  5232. -webkit-animation-name: rotateOutDownRight;
  5233. -moz-animation-name: rotateOutDownRight;
  5234. -o-animation-name: rotateOutDownRight;
  5235. animation-name: rotateOutDownRight;
  5236. }
  5237. @-webkit-keyframes rotateOutUpLeft {
  5238. 0% {
  5239. -webkit-transform-origin: left bottom;
  5240. -webkit-transform: rotate(0);
  5241. opacity: 1;
  5242. }
  5243. 100% {
  5244. -webkit-transform-origin: left bottom;
  5245. -webkit-transform: rotate(-90deg);
  5246. opacity: 0;
  5247. }
  5248. }
  5249. @-moz-keyframes rotateOutUpLeft {
  5250. 0% {
  5251. -moz-transform-origin: left bottom;
  5252. -moz-transform: rotate(0);
  5253. opacity: 1;
  5254. }
  5255. 100% {
  5256. -moz-transform-origin: left bottom;
  5257. -moz-transform: rotate(-90deg);
  5258. opacity: 0;
  5259. }
  5260. }
  5261. @-o-keyframes rotateOutUpLeft {
  5262. 0% {
  5263. -o-transform-origin: left bottom;
  5264. -o-transform: rotate(0);
  5265. opacity: 1;
  5266. }
  5267. 100% {
  5268. -o-transform-origin: left bottom;
  5269. -o-transform: rotate(-90deg);
  5270. opacity: 0;
  5271. }
  5272. }
  5273. @keyframes rotateOutUpLeft {
  5274. 0% {
  5275. transform-origin: left bottom;
  5276. transform: rotate(0);
  5277. opacity: 1;
  5278. }
  5279. 100% {
  5280. -transform-origin: left bottom;
  5281. -transform: rotate(-90deg);
  5282. opacity: 0;
  5283. }
  5284. }
  5285. .rotateOutUpLeft {
  5286. -webkit-animation-name: rotateOutUpLeft;
  5287. -moz-animation-name: rotateOutUpLeft;
  5288. -o-animation-name: rotateOutUpLeft;
  5289. animation-name: rotateOutUpLeft;
  5290. }
  5291. @-webkit-keyframes rotateOutUpRight {
  5292. 0% {
  5293. -webkit-transform-origin: right bottom;
  5294. -webkit-transform: rotate(0);
  5295. opacity: 1;
  5296. }
  5297. 100% {
  5298. -webkit-transform-origin: right bottom;
  5299. -webkit-transform: rotate(90deg);
  5300. opacity: 0;
  5301. }
  5302. }
  5303. @-moz-keyframes rotateOutUpRight {
  5304. 0% {
  5305. -moz-transform-origin: right bottom;
  5306. -moz-transform: rotate(0);
  5307. opacity: 1;
  5308. }
  5309. 100% {
  5310. -moz-transform-origin: right bottom;
  5311. -moz-transform: rotate(90deg);
  5312. opacity: 0;
  5313. }
  5314. }
  5315. @-o-keyframes rotateOutUpRight {
  5316. 0% {
  5317. -o-transform-origin: right bottom;
  5318. -o-transform: rotate(0);
  5319. opacity: 1;
  5320. }
  5321. 100% {
  5322. -o-transform-origin: right bottom;
  5323. -o-transform: rotate(90deg);
  5324. opacity: 0;
  5325. }
  5326. }
  5327. @keyframes rotateOutUpRight {
  5328. 0% {
  5329. transform-origin: right bottom;
  5330. transform: rotate(0);
  5331. opacity: 1;
  5332. }
  5333. 100% {
  5334. transform-origin: right bottom;
  5335. transform: rotate(90deg);
  5336. opacity: 0;
  5337. }
  5338. }
  5339. .rotateOutUpRight {
  5340. -webkit-animation-name: rotateOutUpRight;
  5341. -moz-animation-name: rotateOutUpRight;
  5342. -o-animation-name: rotateOutUpRight;
  5343. animation-name: rotateOutUpRight;
  5344. }
  5345. @-webkit-keyframes shake {
  5346. 0%,
  5347. 100% {
  5348. -webkit-transform: translateX(0);
  5349. }
  5350. 10%,
  5351. 30%,
  5352. 50%,
  5353. 70%,
  5354. 90% {
  5355. -webkit-transform: translateX(-10px);
  5356. }
  5357. 20%,
  5358. 40%,
  5359. 60%,
  5360. 80% {
  5361. -webkit-transform: translateX(10px);
  5362. }
  5363. }
  5364. @-moz-keyframes shake {
  5365. 0%,
  5366. 100% {
  5367. -moz-transform: translateX(0);
  5368. }
  5369. 10%,
  5370. 30%,
  5371. 50%,
  5372. 70%,
  5373. 90% {
  5374. -moz-transform: translateX(-10px);
  5375. }
  5376. 20%,
  5377. 40%,
  5378. 60%,
  5379. 80% {
  5380. -moz-transform: translateX(10px);
  5381. }
  5382. }
  5383. @-o-keyframes shake {
  5384. 0%,
  5385. 100% {
  5386. -o-transform: translateX(0);
  5387. }
  5388. 10%,
  5389. 30%,
  5390. 50%,
  5391. 70%,
  5392. 90% {
  5393. -o-transform: translateX(-10px);
  5394. }
  5395. 20%,
  5396. 40%,
  5397. 60%,
  5398. 80% {
  5399. -o-transform: translateX(10px);
  5400. }
  5401. }
  5402. @keyframes shake {
  5403. 0%,
  5404. 100% {
  5405. transform: translateX(0);
  5406. }
  5407. 10%,
  5408. 30%,
  5409. 50%,
  5410. 70%,
  5411. 90% {
  5412. transform: translateX(-10px);
  5413. }
  5414. 20%,
  5415. 40%,
  5416. 60%,
  5417. 80% {
  5418. transform: translateX(10px);
  5419. }
  5420. }
  5421. .shake {
  5422. -webkit-animation-name: shake;
  5423. -moz-animation-name: shake;
  5424. -o-animation-name: shake;
  5425. animation-name: shake;
  5426. }
  5427. @-webkit-keyframes swing {
  5428. 20%,
  5429. 40%,
  5430. 60%,
  5431. 80%,
  5432. 100% {
  5433. -webkit-transform-origin: top center;
  5434. }
  5435. 20% {
  5436. -webkit-transform: rotate(15deg);
  5437. }
  5438. 40% {
  5439. -webkit-transform: rotate(-10deg);
  5440. }
  5441. 60% {
  5442. -webkit-transform: rotate(5deg);
  5443. }
  5444. 80% {
  5445. -webkit-transform: rotate(-5deg);
  5446. }
  5447. 100% {
  5448. -webkit-transform: rotate(0deg);
  5449. }
  5450. }
  5451. @-moz-keyframes swing {
  5452. 20% {
  5453. -moz-transform: rotate(15deg);
  5454. }
  5455. 40% {
  5456. -moz-transform: rotate(-10deg);
  5457. }
  5458. 60% {
  5459. -moz-transform: rotate(5deg);
  5460. }
  5461. 80% {
  5462. -moz-transform: rotate(-5deg);
  5463. }
  5464. 100% {
  5465. -moz-transform: rotate(0deg);
  5466. }
  5467. }
  5468. @-o-keyframes swing {
  5469. 20% {
  5470. -o-transform: rotate(15deg);
  5471. }
  5472. 40% {
  5473. -o-transform: rotate(-10deg);
  5474. }
  5475. 60% {
  5476. -o-transform: rotate(5deg);
  5477. }
  5478. 80% {
  5479. -o-transform: rotate(-5deg);
  5480. }
  5481. 100% {
  5482. -o-transform: rotate(0deg);
  5483. }
  5484. }
  5485. @keyframes swing {
  5486. 20% {
  5487. transform: rotate(15deg);
  5488. }
  5489. 40% {
  5490. transform: rotate(-10deg);
  5491. }
  5492. 60% {
  5493. transform: rotate(5deg);
  5494. }
  5495. 80% {
  5496. transform: rotate(-5deg);
  5497. }
  5498. 100% {
  5499. transform: rotate(0deg);
  5500. }
  5501. }
  5502. .swing {
  5503. -webkit-transform-origin: top center;
  5504. -moz-transform-origin: top center;
  5505. -o-transform-origin: top center;
  5506. transform-origin: top center;
  5507. -webkit-animation-name: swing;
  5508. -moz-animation-name: swing;
  5509. -o-animation-name: swing;
  5510. animation-name: swing;
  5511. }
  5512. @-webkit-keyframes tada {
  5513. 0% {
  5514. -webkit-transform: scale(1);
  5515. }
  5516. 10%,
  5517. 20% {
  5518. -webkit-transform: scale(0.9) rotate(-3deg);
  5519. }
  5520. 30%,
  5521. 50%,
  5522. 70%,
  5523. 90% {
  5524. -webkit-transform: scale(1.1) rotate(3deg);
  5525. }
  5526. 40%,
  5527. 60%,
  5528. 80% {
  5529. -webkit-transform: scale(1.1) rotate(-3deg);
  5530. }
  5531. 100% {
  5532. -webkit-transform: scale(1) rotate(0);
  5533. }
  5534. }
  5535. @-moz-keyframes tada {
  5536. 0% {
  5537. -moz-transform: scale(1);
  5538. }
  5539. 10%,
  5540. 20% {
  5541. -moz-transform: scale(0.9) rotate(-3deg);
  5542. }
  5543. 30%,
  5544. 50%,
  5545. 70%,
  5546. 90% {
  5547. -moz-transform: scale(1.1) rotate(3deg);
  5548. }
  5549. 40%,
  5550. 60%,
  5551. 80% {
  5552. -moz-transform: scale(1.1) rotate(-3deg);
  5553. }
  5554. 100% {
  5555. -moz-transform: scale(1) rotate(0);
  5556. }
  5557. }
  5558. @-o-keyframes tada {
  5559. 0% {
  5560. -o-transform: scale(1);
  5561. }
  5562. 10%,
  5563. 20% {
  5564. -o-transform: scale(0.9) rotate(-3deg);
  5565. }
  5566. 30%,
  5567. 50%,
  5568. 70%,
  5569. 90% {
  5570. -o-transform: scale(1.1) rotate(3deg);
  5571. }
  5572. 40%,
  5573. 60%,
  5574. 80% {
  5575. -o-transform: scale(1.1) rotate(-3deg);
  5576. }
  5577. 100% {
  5578. -o-transform: scale(1) rotate(0);
  5579. }
  5580. }
  5581. @keyframes tada {
  5582. 0% {
  5583. transform: scale(1);
  5584. }
  5585. 10%,
  5586. 20% {
  5587. transform: scale(0.9) rotate(-3deg);
  5588. }
  5589. 30%,
  5590. 50%,
  5591. 70%,
  5592. 90% {
  5593. transform: scale(1.1) rotate(3deg);
  5594. }
  5595. 40%,
  5596. 60%,
  5597. 80% {
  5598. transform: scale(1.1) rotate(-3deg);
  5599. }
  5600. 100% {
  5601. transform: scale(1) rotate(0);
  5602. }
  5603. }
  5604. .tada {
  5605. -webkit-animation-name: tada;
  5606. -moz-animation-name: tada;
  5607. -o-animation-name: tada;
  5608. animation-name: tada;
  5609. }
  5610. @-webkit-keyframes wiggle {
  5611. 0% {
  5612. -webkit-transform: skewX(9deg);
  5613. }
  5614. 10% {
  5615. -webkit-transform: skewX(-8deg);
  5616. }
  5617. 20% {
  5618. -webkit-transform: skewX(7deg);
  5619. }
  5620. 30% {
  5621. -webkit-transform: skewX(-6deg);
  5622. }
  5623. 40% {
  5624. -webkit-transform: skewX(5deg);
  5625. }
  5626. 50% {
  5627. -webkit-transform: skewX(-4deg);
  5628. }
  5629. 60% {
  5630. -webkit-transform: skewX(3deg);
  5631. }
  5632. 70% {
  5633. -webkit-transform: skewX(-2deg);
  5634. }
  5635. 80% {
  5636. -webkit-transform: skewX(1deg);
  5637. }
  5638. 90% {
  5639. -webkit-transform: skewX(0deg);
  5640. }
  5641. 100% {
  5642. -webkit-transform: skewX(0deg);
  5643. }
  5644. }
  5645. @-moz-keyframes wiggle {
  5646. 0% {
  5647. -moz-transform: skewX(9deg);
  5648. }
  5649. 10% {
  5650. -moz-transform: skewX(-8deg);
  5651. }
  5652. 20% {
  5653. -moz-transform: skewX(7deg);
  5654. }
  5655. 30% {
  5656. -moz-transform: skewX(-6deg);
  5657. }
  5658. 40% {
  5659. -moz-transform: skewX(5deg);
  5660. }
  5661. 50% {
  5662. -moz-transform: skewX(-4deg);
  5663. }
  5664. 60% {
  5665. -moz-transform: skewX(3deg);
  5666. }
  5667. 70% {
  5668. -moz-transform: skewX(-2deg);
  5669. }
  5670. 80% {
  5671. -moz-transform: skewX(1deg);
  5672. }
  5673. 90% {
  5674. -moz-transform: skewX(0deg);
  5675. }
  5676. 100% {
  5677. -moz-transform: skewX(0deg);
  5678. }
  5679. }
  5680. @-o-keyframes wiggle {
  5681. 0% {
  5682. -o-transform: skewX(9deg);
  5683. }
  5684. 10% {
  5685. -o-transform: skewX(-8deg);
  5686. }
  5687. 20% {
  5688. -o-transform: skewX(7deg);
  5689. }
  5690. 30% {
  5691. -o-transform: skewX(-6deg);
  5692. }
  5693. 40% {
  5694. -o-transform: skewX(5deg);
  5695. }
  5696. 50% {
  5697. -o-transform: skewX(-4deg);
  5698. }
  5699. 60% {
  5700. -o-transform: skewX(3deg);
  5701. }
  5702. 70% {
  5703. -o-transform: skewX(-2deg);
  5704. }
  5705. 80% {
  5706. -o-transform: skewX(1deg);
  5707. }
  5708. 90% {
  5709. -o-transform: skewX(0deg);
  5710. }
  5711. 100% {
  5712. -o-transform: skewX(0deg);
  5713. }
  5714. }
  5715. @keyframes wiggle {
  5716. 0% {
  5717. transform: skewX(9deg);
  5718. }
  5719. 10% {
  5720. transform: skewX(-8deg);
  5721. }
  5722. 20% {
  5723. transform: skewX(7deg);
  5724. }
  5725. 30% {
  5726. transform: skewX(-6deg);
  5727. }
  5728. 40% {
  5729. transform: skewX(5deg);
  5730. }
  5731. 50% {
  5732. transform: skewX(-4deg);
  5733. }
  5734. 60% {
  5735. transform: skewX(3deg);
  5736. }
  5737. 70% {
  5738. transform: skewX(-2deg);
  5739. }
  5740. 80% {
  5741. transform: skewX(1deg);
  5742. }
  5743. 90% {
  5744. transform: skewX(0deg);
  5745. }
  5746. 100% {
  5747. transform: skewX(0deg);
  5748. }
  5749. }
  5750. .wiggle {
  5751. -webkit-animation-name: wiggle;
  5752. -moz-animation-name: wiggle;
  5753. -o-animation-name: wiggle;
  5754. animation-name: wiggle;
  5755. -webkit-animation-timing-function: ease-in;
  5756. -moz-animation-timing-function: ease-in;
  5757. -o-animation-timing-function: ease-in;
  5758. animation-timing-function: ease-in;
  5759. }
  5760. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  5761. @-webkit-keyframes wobble {
  5762. 0% {
  5763. -webkit-transform: translateX(0%);
  5764. }
  5765. 15% {
  5766. -webkit-transform: translateX(-25%) rotate(-5deg);
  5767. }
  5768. 30% {
  5769. -webkit-transform: translateX(20%) rotate(3deg);
  5770. }
  5771. 45% {
  5772. -webkit-transform: translateX(-15%) rotate(-3deg);
  5773. }
  5774. 60% {
  5775. -webkit-transform: translateX(10%) rotate(2deg);
  5776. }
  5777. 75% {
  5778. -webkit-transform: translateX(-5%) rotate(-1deg);
  5779. }
  5780. 100% {
  5781. -webkit-transform: translateX(0%);
  5782. }
  5783. }
  5784. @-moz-keyframes wobble {
  5785. 0% {
  5786. -moz-transform: translateX(0%);
  5787. }
  5788. 15% {
  5789. -moz-transform: translateX(-25%) rotate(-5deg);
  5790. }
  5791. 30% {
  5792. -moz-transform: translateX(20%) rotate(3deg);
  5793. }
  5794. 45% {
  5795. -moz-transform: translateX(-15%) rotate(-3deg);
  5796. }
  5797. 60% {
  5798. -moz-transform: translateX(10%) rotate(2deg);
  5799. }
  5800. 75% {
  5801. -moz-transform: translateX(-5%) rotate(-1deg);
  5802. }
  5803. 100% {
  5804. -moz-transform: translateX(0%);
  5805. }
  5806. }
  5807. @-o-keyframes wobble {
  5808. 0% {
  5809. -o-transform: translateX(0%);
  5810. }
  5811. 15% {
  5812. -o-transform: translateX(-25%) rotate(-5deg);
  5813. }
  5814. 30% {
  5815. -o-transform: translateX(20%) rotate(3deg);
  5816. }
  5817. 45% {
  5818. -o-transform: translateX(-15%) rotate(-3deg);
  5819. }
  5820. 60% {
  5821. -o-transform: translateX(10%) rotate(2deg);
  5822. }
  5823. 75% {
  5824. -o-transform: translateX(-5%) rotate(-1deg);
  5825. }
  5826. 100% {
  5827. -o-transform: translateX(0%);
  5828. }
  5829. }
  5830. @keyframes wobble {
  5831. 0% {
  5832. transform: translateX(0%);
  5833. }
  5834. 15% {
  5835. transform: translateX(-25%) rotate(-5deg);
  5836. }
  5837. 30% {
  5838. transform: translateX(20%) rotate(3deg);
  5839. }
  5840. 45% {
  5841. transform: translateX(-15%) rotate(-3deg);
  5842. }
  5843. 60% {
  5844. transform: translateX(10%) rotate(2deg);
  5845. }
  5846. 75% {
  5847. transform: translateX(-5%) rotate(-1deg);
  5848. }
  5849. 100% {
  5850. transform: translateX(0%);
  5851. }
  5852. }
  5853. .wobble {
  5854. -webkit-animation-name: wobble;
  5855. -moz-animation-name: wobble;
  5856. -o-animation-name: wobble;
  5857. animation-name: wobble;
  5858. }
  5859. body {
  5860. max-width: 2000px;
  5861. margin: 0 auto;
  5862. }
  5863. .browsehappy {
  5864. margin: 0.2em 0;
  5865. background: orange;
  5866. color: white;
  5867. padding: 0.2em 0;
  5868. }
  5869. #navigation {
  5870. margin-top: 30px;
  5871. }
  5872. #navigation ul {
  5873. list-style: none;
  5874. max-width: 400px;
  5875. marghomein: 0 auto;
  5876. }
  5877. #navigation li {
  5878. display: inline-block;
  5879. padding: 0 15px;
  5880. }
  5881. #navigation h1 {
  5882. text-align: center;
  5883. font-family: "Droid Sans Mono", monospace;
  5884. margin-bottom: 15px;
  5885. color: #36535a;
  5886. font-size: 35px;
  5887. }
  5888. @media (min-width: 768px) {
  5889. #navigation ul {
  5890. float: right;
  5891. margin: 33px 0;
  5892. }
  5893. #navigation h1 {
  5894. float: left;
  5895. }
  5896. }
  5897. #navigation a {
  5898. text-decoration: none;
  5899. font-size: 15px;
  5900. color: #3b3b3b;
  5901. }
  5902. .page-title {
  5903. text-align: center;
  5904. font-size: 35px;
  5905. }
  5906. @media (min-width: 768px) {
  5907. .page-title {
  5908. font-size: 50px;
  5909. }
  5910. }
  5911. .btn-cta {
  5912. -webkit-transition: all 0.3s;
  5913. transition: all 0.3s;
  5914. padding: 10px 50px;
  5915. border: 2px solid #e96e57;
  5916. font-size: 20px;
  5917. color: #e96e57;
  5918. border-radius: 10px;
  5919. display: inline-block;
  5920. text-decoration: none;
  5921. }
  5922. .btn-cta:hover {
  5923. text-decoration: none;
  5924. border-color: #36535a;
  5925. color: #36535a;
  5926. }
  5927. .wrapper {
  5928. margin: 0 auto;
  5929. max-width: 1100px;
  5930. margin-right: auto;
  5931. margin-left: auto;
  5932. padding-left: 35px;
  5933. padding-right: 35px;
  5934. }
  5935. .wrapper:before,
  5936. .wrapper:after {
  5937. content: " ";
  5938. display: table;
  5939. }
  5940. .wrapper:after {
  5941. clear: both;
  5942. }
  5943. .wrapper:before,
  5944. .wrapper:after {
  5945. content: " ";
  5946. display: table;
  5947. }
  5948. .wrapper:after {
  5949. clear: both;
  5950. }
  5951. @media (min-width: 768px) {
  5952. .wrapper {
  5953. width: 790px;
  5954. }
  5955. }
  5956. @media (min-width: 992px) {
  5957. .wrapper {
  5958. width: 1010px;
  5959. }
  5960. }
  5961. @media (min-width: 1200px) {
  5962. .wrapper {
  5963. width: 1210px;
  5964. }
  5965. }
  5966. img {
  5967. max-width: 100%;
  5968. margin: 0 auto;
  5969. }
  5970. a {
  5971. text-decoration: underline;
  5972. color: #36535a;
  5973. }
  5974. a:hover {
  5975. text-decoration: none;
  5976. color: inherit;
  5977. }
  5978. ::selection {
  5979. background: #e96e57;
  5980. }
  5981. ::-moz-selection {
  5982. background: #e96e57;
  5983. }
  5984. #home {
  5985. text-align: center;
  5986. }
  5987. #home .page-title {
  5988. font-size: 30px;
  5989. }
  5990. @media (min-width: 768px) {
  5991. #home {
  5992. padding: 50px;
  5993. }
  5994. #home .page-title {
  5995. font-size: 45px;
  5996. margin-top: -20px;
  5997. margin-bottom: 20px;
  5998. }
  5999. }
  6000. #home .btn-home {
  6001. margin: 50px 0 25px 0;
  6002. }
  6003. #web,
  6004. .terminal {
  6005. word-wrap: break-word;
  6006. font-size: 12px;
  6007. padding: 25px 0 0 10px;
  6008. font-family: "Droid Sans Mono", monospace;
  6009. text-align: left;
  6010. color: #fff;
  6011. -webkit-transition: all 0.3s ease;
  6012. transition: all 0.3s ease;
  6013. }
  6014. #web .code-title,
  6015. .terminal .code-title {
  6016. color: #e96e57;
  6017. }
  6018. @media (min-width: 768px) {
  6019. #web,
  6020. .terminal {
  6021. padding: 25px 0 0 20px;
  6022. font-size: 15px;
  6023. }
  6024. }
  6025. #web code,
  6026. .terminal code {
  6027. font-family: "Droid Sans Mono", monospace;
  6028. }
  6029. #web .code-wrapper,
  6030. .terminal .code-wrapper {
  6031. white-space: pre-line;
  6032. }
  6033. #web {
  6034. margin-top: -2px;
  6035. padding-top: 0;
  6036. padding-bottom: 50px;
  6037. width: 100%;
  6038. display: block;
  6039. background: #36535a;
  6040. -webkit-transition: all 0.3s ease;
  6041. transition: all 0.3s ease;
  6042. border-bottom-right-radius: 5px;
  6043. border-bottom-left-radius: 5px;
  6044. }
  6045. #web .btn-cta {
  6046. padding: 5px 10px;
  6047. font-size: 14px;
  6048. border-color: #fff;
  6049. }
  6050. #web .queue {
  6051. margin: 0;
  6052. list-style: none;
  6053. padding: 0;
  6054. }
  6055. #web a {
  6056. color: #fff;
  6057. }
  6058. .dragged {
  6059. background: #40626a !important;
  6060. }
  6061. .terminal {
  6062. border-top-right-radius: 0;
  6063. border-top-left-radius: 0;
  6064. border-bottom-right-radius: 5px;
  6065. border-bottom-left-radius: 5px;
  6066. background: #36535a;
  6067. backbground-repeat: no-repeat;
  6068. background-size: cover;
  6069. }
  6070. .terminal a {
  6071. color: #ffffff;
  6072. }
  6073. .terminal-top {
  6074. border-top-right-radius: 5px;
  6075. border-top-left-radius: 5px;
  6076. background: url(../images/terminal-top.svg);
  6077. background-repeat: no-repeat;
  6078. background-size: cover;
  6079. height: 30px;
  6080. }
  6081. .upload-progress {
  6082. max-width: 80%;
  6083. padding-top: 4px;
  6084. }
  6085. .upload-progress .bar {
  6086. word-wrap: normal;
  6087. overflow: hidden;
  6088. }
  6089. .upload-progress span {
  6090. float: right;
  6091. }
  6092. .all-files {
  6093. display: none;
  6094. }
  6095. .all-files .show {
  6096. display: block;
  6097. }
  6098. #thank-you {
  6099. color: #fff;
  6100. text-align: center;
  6101. padding: 40px 0;
  6102. background: #85b5bb;
  6103. }
  6104. #thank-you .col-md-4 {
  6105. text-align: center;
  6106. }
  6107. #thank-you .col-md-4 a {
  6108. font-size: 20px;
  6109. text-decoration: none;
  6110. line-height: 25px;
  6111. color: #fff;
  6112. }
  6113. #thank-you i {
  6114. vertical-align: middle;
  6115. }
  6116. #thank-you .donate img {
  6117. max-width: 200px;
  6118. }
  6119. #thank-you h3 {
  6120. color: #fff;
  6121. font-size: 25px;
  6122. }
  6123. #thank-you .btn-cta {
  6124. border-color: #36535a;
  6125. }
  6126. #features {
  6127. background: #f6f8f8;
  6128. text-align: center;
  6129. padding: 100px 0;
  6130. }
  6131. #features h3 {
  6132. margin-top: -20px;
  6133. font-size: 25px;
  6134. line-height: 1.2;
  6135. }
  6136. #features p {
  6137. font-size: 18px;
  6138. }
  6139. #features i {
  6140. color: #85b5bb;
  6141. font-size: 100px;
  6142. }
  6143. #samples {
  6144. padding: 75px 0;
  6145. text-align: center;
  6146. }
  6147. #samples h4 {
  6148. margin-top: 30px;
  6149. }
  6150. #samples .btn-cta {
  6151. margin: 30px 0;
  6152. cursor: pointer;
  6153. }
  6154. #samples h4 {
  6155. text-align: left;
  6156. }
  6157. #samples .terminal {
  6158. padding: 20px 15px;
  6159. font-size: 13px;
  6160. min-height: 230px;
  6161. }
  6162. #share {
  6163. text-align: center;
  6164. background: #85b5bb;
  6165. color: #fff;
  6166. padding: 75px 0;
  6167. }
  6168. #share i {
  6169. font-size: 50px;
  6170. }
  6171. #share ul {
  6172. margin-top: 30px;
  6173. list-style: none;
  6174. padding: 0;
  6175. }
  6176. #share li {
  6177. margin: 0 20px;
  6178. display: inline-block;
  6179. }
  6180. #share a {
  6181. color: #fff;
  6182. text-decoration: none;
  6183. }
  6184. #github {
  6185. text-align: center;
  6186. padding: 50px 0;
  6187. }
  6188. #tor {
  6189. text-align: center;
  6190. background: #f6f8f8;
  6191. padding: 50px 0;
  6192. }
  6193. #tor img {
  6194. max-width: 100px;
  6195. margin: 0 auto;
  6196. margin-bottom: 10px;
  6197. }
  6198. #tor a {
  6199. font-size: 20px;
  6200. }
  6201. footer {
  6202. text-align: center;
  6203. background: #36535a;
  6204. padding: 30px 0;
  6205. color: #fff;
  6206. }
  6207. footer p {
  6208. margin: 0;
  6209. }
  6210. footer i {
  6211. color: #e96e57;
  6212. }
  6213. footer a {
  6214. color: #f6f8f8;
  6215. }
  6216. footer img {
  6217. max-height: 40px;
  6218. margin-bottom: 30px;
  6219. }
  6220. #contact {
  6221. text-align: center;
  6222. padding: 100px 0;
  6223. padding: 150px 0;
  6224. }
  6225. #contact i {
  6226. font-size: 160px;
  6227. color: #85b5bb;
  6228. }
  6229. @media (min-width: 768px) {
  6230. #contact i {
  6231. font-size: 160px;
  6232. }
  6233. }
  6234. #contact h2 {
  6235. margin-top: -50px;
  6236. margin-bottom: 40px;
  6237. }
  6238. #reviews {
  6239. background: #f6f8f8;
  6240. padding: 130px 0;
  6241. }
  6242. #reviews .twitter-profile {
  6243. float: left;
  6244. display: block;
  6245. height: 90px;
  6246. border-radius: 10px;
  6247. margin: 3px 15px auto 20px;
  6248. }
  6249. blockquote.twitter-tweet {
  6250. display: inline-block;
  6251. font-size: 15px;
  6252. line-height: 20px;
  6253. margin: 10px 5px;
  6254. padding: 0 16px 16px 16px;
  6255. text-align: right;
  6256. border: 0;
  6257. }
  6258. blockquote.twitter-tweet img {
  6259. margin: 0 auto;
  6260. }
  6261. @media (max-width: 480px) {
  6262. blockquote.twitter-tweet .twitter-profile {
  6263. display: none!important;
  6264. }
  6265. }
  6266. blockquote.twitter-tweet p {
  6267. font-size: 17px;
  6268. font-weight: normal;
  6269. line-height: 20px;
  6270. text-align: left;
  6271. }
  6272. blockquote.twitter-tweet a {
  6273. color: inherit;
  6274. font-weight: normal;
  6275. text-decoration: none;
  6276. outline: 0 none;
  6277. }
  6278. blockquote.tweet-xl p {
  6279. font-size: 22px;
  6280. line-height: 25px;
  6281. }
  6282. blockquote.tweet-xl a {
  6283. font-size: 22px;
  6284. }
  6285. @media (max-width: 480px) {
  6286. blockquote.tweet-xl p {
  6287. font-size: 17px;
  6288. }
  6289. blockquote.tweet-xl a {
  6290. font-size: 17px;
  6291. }
  6292. }
  6293. @font-face {
  6294. font-family: "transfersh";
  6295. src: url("../fonts/transfersh.eot");
  6296. src: url("../fonts/transfersh.eot?#iefix") format("embedded-opentype"), url("../fonts/transfersh.woff") format("woff"), url("../fonts/transfersh.ttf") format("truetype"), url("../fonts/transfersh.svg#transfersh") format("svg");
  6297. font-weight: normal;
  6298. font-style: normal;
  6299. }
  6300. [data-icon]:before {
  6301. font-family: "transfersh" !important;
  6302. content: attr(data-icon);
  6303. font-style: normal !important;
  6304. font-weight: normal !important;
  6305. font-variant: normal !important;
  6306. text-transform: none !important;
  6307. speak: none;
  6308. line-height: 1;
  6309. -webkit-font-smoothing: antialiased;
  6310. -moz-osx-font-smoothing: grayscale;
  6311. }
  6312. [class^="icon-"]:before,
  6313. [class*=" icon-"]:before {
  6314. font-family: "transfersh" !important;
  6315. font-style: normal !important;
  6316. font-weight: normal !important;
  6317. font-variant: normal !important;
  6318. text-transform: none !important;
  6319. speak: none;
  6320. line-height: 1;
  6321. -webkit-font-smoothing: antialiased;
  6322. -moz-osx-font-smoothing: grayscale;
  6323. }
  6324. .icon-terminal:before {
  6325. content: "a";
  6326. }
  6327. .icon-share:before {
  6328. content: "b";
  6329. }
  6330. .icon-clock:before {
  6331. content: "g";
  6332. }
  6333. .icon-tag:before {
  6334. content: "c";
  6335. }
  6336. .icon-upload-cloud:before {
  6337. content: "m";
  6338. }
  6339. .icon-mail:before {
  6340. content: "j";
  6341. }
  6342. .icon-gauge:before {
  6343. content: "k";
  6344. }
  6345. .icon-lock:before {
  6346. content: "h";
  6347. }
  6348. .icon-database:before {
  6349. content: "i";
  6350. }
  6351. .icon-heart:before {
  6352. content: "e";
  6353. }
  6354. .icon-link:before {
  6355. content: "d";
  6356. }
  6357. .icon-facebook:before {
  6358. content: "l";
  6359. }
  6360. .icon-twitter:before {
  6361. content: "n";
  6362. }
  6363. .icon-linkedin:before {
  6364. content: "o";
  6365. }
  6366. .icon-gplus:before {
  6367. content: "p";
  6368. }
  6369. .preview-wrapper {
  6370. padding-bottom: 30px;
  6371. }
  6372. html {
  6373. min-height: 100%;
  6374. position: relative;
  6375. }
  6376. #download {
  6377. padding-bottom: 240px;
  6378. }
  6379. #download footer {
  6380. bottom: 0;
  6381. left: 0;
  6382. width: 100%;
  6383. position: absolute;
  6384. z-index: -1;
  6385. }
  6386. .qrcode img {
  6387. width: 150px;
  6388. height: 150px;
  6389. border: 0 solid black;
  6390. }
  6391. .preview-image {
  6392. padding: 0;
  6393. padding: 0px;
  6394. }
  6395. .preview-image img {
  6396. margin: 0 auto;
  6397. display: block;
  6398. max-width: 800px;
  6399. max-width: 100%;
  6400. }
  6401. .overlay {
  6402. position: fixed;
  6403. z-index: 100;
  6404. top: 0;
  6405. left: 0;
  6406. right: 0;
  6407. bottom: 0;
  6408. background-color: rgba(0, 0, 0, 0.1);
  6409. visibility: hidden;
  6410. opacity: 0;
  6411. transition: opacity 0.2s ease;
  6412. }
  6413. .active .overlay {
  6414. visibility: visible;
  6415. opacity: 1;
  6416. }
  6417. .copy-link-wrapper {
  6418. z-index: 200;
  6419. padding: 2em;
  6420. position: fixed;
  6421. top: 50%;
  6422. left: 50%;
  6423. width: 50%;
  6424. max-width: 500px;
  6425. min-width: 300px;
  6426. background-color: #85b5bb;
  6427. border-radius: 2px;
  6428. transform: translateX(-50%) translateY(-50%);
  6429. transition: opacity 0.2s ease;
  6430. clip: rect(1px 1px 1px 1px);
  6431. opacity: 0;
  6432. top: -9999999px;
  6433. left: -9999999px;
  6434. }
  6435. .active .copy-link-wrapper {
  6436. clip: auto;
  6437. opacity: 1;
  6438. top: 50%;
  6439. left: 50%;
  6440. }
  6441. .copy-link-wrapper p {
  6442. font-size: 20px;
  6443. color: #fff;
  6444. }
  6445. .copy-link-wrapper input {
  6446. background-color: #f6f8f8;
  6447. color: #3b3b3b;
  6448. border: 0;
  6449. font-size: 1em;
  6450. padding: 1em;
  6451. margin: 0;
  6452. width: 100%;
  6453. border-radius: 2px;
  6454. white-space: nowrap;
  6455. overflow: hidden;
  6456. text-overflow: ellipsis;
  6457. }
  6458. .copy-link-wrapper .error {
  6459. text-align: center;
  6460. color: #E7483B;
  6461. display: block;
  6462. padding: 0.5em;
  6463. }
  6464. #md-preview {
  6465. padding-bottom: 30px;
  6466. }
  6467. video,
  6468. audio {
  6469. margin: 0 auto;
  6470. width: 100%;
  6471. }
  6472. .wrap {
  6473. width: 40%;
  6474. height: 40%;
  6475. margin: 20px auto;
  6476. }
  6477. ::-webkit-media-slider-thumb {
  6478. -webkit-appearance: none;
  6479. background: red;
  6480. }
  6481. /*# sourceMappingURL=/styles/main.css.map */