API tools faq
paste
Guest User

style1.css

a guest
Apr 1st, 2018
73
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 465.03 KB | None | 0 0
raw download clone embed print report
  1. .login-navbar ul li a {
  2. color: #f4f6f9;
  3. font-size: 14px;
  4. padding: 5px 17px 5px 15px;
  5. font-weight: 600;
  6. }
  7. .login-navbar ul li a {
  8. color: #000 !important;
  9. font-size: 14px;
  10. padding: 5px 4px 0;
  11. font-weight: 300;
  12. }
  13. .login-navbar .before-bdr:after {
  14. background: transparent;
  15. }
  16.  
  17. .l-logo img {
  18. width: 80px !important;
  19. vertical-align: middle;
  20. }
  21. .right_nav{
  22. text-align: right;
  23. }
  24.  
  25.  
  26. .lead {
  27. font-size: 1.25rem;
  28. font-weight: 300
  29. }
  30.  
  31. .display-1 {
  32. font-size: 6rem;
  33. font-weight: 300;
  34. line-height: 1.2
  35. }
  36.  
  37. .display-2 {
  38. font-size: 5.5rem;
  39. font-weight: 300;
  40. line-height: 1.2
  41. }
  42.  
  43. .display-3 {
  44. font-size: 4.5rem;
  45. font-weight: 300;
  46. line-height: 1.2
  47. }
  48.  
  49. .display-4 {
  50. font-size: 3.5rem;
  51. font-weight: 300;
  52. line-height: 1.2
  53. }
  54.  
  55. hr {
  56. margin-top: 1rem;
  57. margin-bottom: 1rem;
  58. border: 0;
  59. border-top: 1px solid rgba(0, 0, 0, .1)
  60. }
  61.  
  62. .small,
  63. small {
  64. font-size: 80%;
  65. font-weight: 400
  66. }
  67.  
  68. .mark,
  69. mark {
  70. padding: .2em;
  71. background-color: #fcf8e3
  72. }
  73.  
  74. .list-unstyled {
  75. padding-left: 0;
  76. list-style: none
  77. }
  78.  
  79. .list-inline {
  80. padding-left: 0;
  81. list-style: none
  82. }
  83.  
  84. .list-inline-item {
  85. display: inline-block
  86. }
  87.  
  88. .list-inline-item:not(:last-child) {
  89. margin-right: .5rem
  90. }
  91.  
  92. .initialism {
  93. font-size: 90%;
  94. text-transform: uppercase
  95. }
  96.  
  97. .blockquote {
  98. margin-bottom: 1rem;
  99. font-size: 1.25rem
  100. }
  101.  
  102. .blockquote-footer {
  103. display: block;
  104. font-size: 80%;
  105. color: #6c757d
  106. }
  107.  
  108. .blockquote-footer::before {
  109. content: "\2014 \00A0"
  110. }
  111.  
  112. .img-fluid {
  113. max-width: 100%;
  114. height: auto
  115. }
  116.  
  117. .img-thumbnail {
  118. padding: .25rem;
  119. background-color: #fff;
  120. border: 1px solid #dee2e6;
  121. border-radius: .25rem;
  122. max-width: 100%;
  123. height: auto
  124. }
  125.  
  126. .figure {
  127. display: inline-block
  128. }
  129.  
  130. .figure-img {
  131. margin-bottom: .5rem;
  132. line-height: 1
  133. }
  134.  
  135. .figure-caption {
  136. font-size: 90%;
  137. color: #6c757d
  138. }
  139.  
  140. code,
  141. kbd,
  142. pre,
  143. samp {
  144. font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
  145. }
  146.  
  147. code {
  148. font-size: 87.5%;
  149. color: #e83e8c;
  150. word-break: break-word
  151. }
  152.  
  153. a>code {
  154. color: inherit
  155. }
  156.  
  157. kbd {
  158. padding: .2rem .4rem;
  159. font-size: 87.5%;
  160. color: #fff;
  161. background-color: #212529;
  162. border-radius: .2rem
  163. }
  164.  
  165. kbd kbd {
  166. padding: 0;
  167. font-size: 100%;
  168. font-weight: 700
  169. }
  170.  
  171. pre {
  172. display: block;
  173. font-size: 87.5%;
  174. color: #212529
  175. }
  176.  
  177. pre code {
  178. font-size: inherit;
  179. color: inherit;
  180. word-break: normal
  181. }
  182.  
  183. .pre-scrollable {
  184. max-height: 340px;
  185. overflow-y: scroll
  186. }
  187.  
  188. .
  189.  
  190. .no-gutters {
  191. margin-right: 0;
  192. margin-left: 0
  193. }
  194.  
  195. .no-gutters>.col,
  196. .no-gutters>[class*=col-] {
  197. padding-right: 0;
  198. padding-left: 0
  199. }
  200.  
  201.  
  202.  
  203.  
  204.  
  205. .table {
  206. width: 100%;
  207. max-width: 100%;
  208. margin-bottom: 1rem;
  209. background-color: transparent
  210. }
  211.  
  212. .table td,
  213. .table th {
  214. padding: .75rem;
  215. vertical-align: top;
  216. border-top: 1px solid #dee2e6
  217. }
  218.  
  219. .table thead th {
  220. vertical-align: bottom;
  221. border-bottom: 2px solid #dee2e6
  222. }
  223.  
  224. .table tbody+tbody {
  225. border-top: 2px solid #dee2e6
  226. }
  227.  
  228. .table .table {
  229. background-color: #fff
  230. }
  231.  
  232. .table-sm td,
  233. .table-sm th {
  234. padding: .3rem
  235. }
  236.  
  237. .table-bordered {
  238. border: 1px solid #dee2e6
  239. }
  240.  
  241. .table-bordered td,
  242. .table-bordered th {
  243. border: 1px solid #dee2e6
  244. }
  245.  
  246. .table-bordered thead td,
  247. .table-bordered thead th {
  248. border-bottom-width: 2px
  249. }
  250.  
  251. .table-striped tbody tr:nth-of-type(odd) {
  252. background-color: rgba(0, 0, 0, .05)
  253. }
  254.  
  255. .table-hover tbody tr:hover {
  256. background-color: rgba(0, 0, 0, .075)
  257. }
  258.  
  259. .table-primary,
  260. .table-primary>td,
  261. .table-primary>th {
  262. background-color: #b8daff
  263. }
  264.  
  265. .table-hover .table-primary:hover {
  266. background-color: #9fcdff
  267. }
  268.  
  269. .table-hover .table-primary:hover>td,
  270. .table-hover .table-primary:hover>th {
  271. background-color: #9fcdff
  272. }
  273.  
  274. .table-secondary,
  275. .table-secondary>td,
  276. .table-secondary>th {
  277. background-color: #d6d8db
  278. }
  279.  
  280. .table-hover .table-secondary:hover {
  281. background-color: #c8cbcf
  282. }
  283.  
  284. .table-hover .table-secondary:hover>td,
  285. .table-hover .table-secondary:hover>th {
  286. background-color: #c8cbcf
  287. }
  288.  
  289. .table-success,
  290. .table-success>td,
  291. .table-success>th {
  292. background-color: #c3e6cb
  293. }
  294.  
  295. .table-hover .table-success:hover {
  296. background-color: #b1dfbb
  297. }
  298.  
  299. .table-hover .table-success:hover>td,
  300. .table-hover .table-success:hover>th {
  301. background-color: #b1dfbb
  302. }
  303.  
  304. .table-info,
  305. .table-info>td,
  306. .table-info>th {
  307. background-color: #bee5eb
  308. }
  309.  
  310. .table-hover .table-info:hover {
  311. background-color: #abdde5
  312. }
  313.  
  314. .table-hover .table-info:hover>td,
  315. .table-hover .table-info:hover>th {
  316. background-color: #abdde5
  317. }
  318.  
  319. .table-warning,
  320. .table-warning>td,
  321. .table-warning>th {
  322. background-color: #ffeeba
  323. }
  324.  
  325. .table-hover .table-warning:hover {
  326. background-color: #ffe8a1
  327. }
  328.  
  329. .table-hover .table-warning:hover>td,
  330. .table-hover .table-warning:hover>th {
  331. background-color: #ffe8a1
  332. }
  333.  
  334. .table-danger,
  335. .table-danger>td,
  336. .table-danger>th {
  337. background-color: #f5c6cb
  338. }
  339.  
  340. .table-hover .table-danger:hover {
  341. background-color: #f1b0b7
  342. }
  343.  
  344. .table-hover .table-danger:hover>td,
  345. .table-hover .table-danger:hover>th {
  346. background-color: #f1b0b7
  347. }
  348.  
  349. .table-light,
  350. .table-light>td,
  351. .table-light>th {
  352. background-color: #fdfdfe
  353. }
  354.  
  355. .table-hover .table-light:hover {
  356. background-color: #ececf6
  357. }
  358.  
  359. .table-hover .table-light:hover>td,
  360. .table-hover .table-light:hover>th {
  361. background-color: #ececf6
  362. }
  363.  
  364. .table-dark,
  365. .table-dark>td,
  366. .table-dark>th {
  367. background-color: #c6c8ca
  368. }
  369.  
  370. .table-hover .table-dark:hover {
  371. background-color: #b9bbbe
  372. }
  373.  
  374. .table-hover .table-dark:hover>td,
  375. .table-hover .table-dark:hover>th {
  376. background-color: #b9bbbe
  377. }
  378.  
  379. .table-active,
  380. .table-active>td,
  381. .table-active>th {
  382. background-color: rgba(0, 0, 0, .075)
  383. }
  384.  
  385. .table-hover .table-active:hover {
  386. background-color: rgba(0, 0, 0, .075)
  387. }
  388.  
  389. .table-hover .table-active:hover>td,
  390. .table-hover .table-active:hover>th {
  391. background-color: rgba(0, 0, 0, .075)
  392. }
  393.  
  394. .table .thead-dark th {
  395. color: #fff;
  396. background-color: #212529;
  397. border-color: #32383e
  398. }
  399.  
  400. .table .thead-light th {
  401. color: #495057;
  402. background-color: #e9ecef;
  403. border-color: #dee2e6
  404. }
  405.  
  406. .table-dark {
  407. color: #fff;
  408. background-color: #212529
  409. }
  410.  
  411. .table-dark td,
  412. .table-dark th,
  413. .table-dark thead th {
  414. border-color: #32383e
  415. }
  416.  
  417. .table-dark.table-bordered {
  418. border: 0
  419. }
  420.  
  421. .table-dark.table-striped tbody tr:nth-of-type(odd) {
  422. background-color: rgba(255, 255, 255, .05)
  423. }
  424.  
  425. .table-dark.table-hover tbody tr:hover {
  426. background-color: rgba(255, 255, 255, .075)
  427. }
  428.  
  429. @media (max-width:575.98px) {
  430. .table-responsive-sm {
  431. display: block;
  432. width: 100%;
  433. overflow-x: auto;
  434. -webkit-overflow-scrolling: touch;
  435. -ms-overflow-style: -ms-autohiding-scrollbar
  436. }
  437. .table-responsive-sm>.table-bordered {
  438. border: 0
  439. }
  440. }
  441.  
  442. @media (max-width:767.98px) {
  443. .table-responsive-md {
  444. display: block;
  445. width: 100%;
  446. overflow-x: auto;
  447. -webkit-overflow-scrolling: touch;
  448. -ms-overflow-style: -ms-autohiding-scrollbar
  449. }
  450. .table-responsive-md>.table-bordered {
  451. border: 0
  452. }
  453. }
  454.  
  455. @media (max-width:991.98px) {
  456. .table-responsive-lg {
  457. display: block;
  458. width: 100%;
  459. overflow-x: auto;
  460. -webkit-overflow-scrolling: touch;
  461. -ms-overflow-style: -ms-autohiding-scrollbar
  462. }
  463. .table-responsive-lg>.table-bordered {
  464. border: 0
  465. }
  466. }
  467.  
  468. @media (max-width:1199.98px) {
  469. .table-responsive-xl {
  470. display: block;
  471. width: 100%;
  472. overflow-x: auto;
  473. -webkit-overflow-scrolling: touch;
  474. -ms-overflow-style: -ms-autohiding-scrollbar
  475. }
  476. .table-responsive-xl>.table-bordered {
  477. border: 0
  478. }
  479. }
  480.  
  481. .table-responsive {
  482. display: block;
  483. width: 100%;
  484. overflow-x: auto;
  485. -webkit-overflow-scrolling: touch;
  486. -ms-overflow-style: -ms-autohiding-scrollbar
  487. }
  488.  
  489. .table-responsive>.table-bordered {
  490. border: 0
  491. }
  492.  
  493. .form-control {
  494. display: block;
  495. width: 100%;
  496. padding: .375rem .75rem;
  497. font-size: 14px;
  498. line-height: 1.5;
  499. color: #495057;
  500. background-color: #fff;
  501. background-clip: padding-box;
  502. border: 1px solid #ced4da;
  503. border-radius: .25rem;
  504. transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
  505. }
  506.  
  507. .form-control::-ms-expand {
  508. background-color: transparent;
  509. border: 0
  510. }
  511.  
  512. .form-control:focus {
  513. color: #495057;
  514. background-color: #fff;
  515. border-color: #80bdff;
  516. outline: 0;
  517. box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
  518. }
  519.  
  520. .form-control::-webkit-input-placeholder {
  521. color: #6c757d;
  522. opacity: 1
  523. }
  524.  
  525. .form-control::-moz-placeholder {
  526. color: #6c757d;
  527. opacity: 1
  528. }
  529.  
  530. .form-control:-ms-input-placeholder {
  531. color: #6c757d;
  532. opacity: 1
  533. }
  534.  
  535. .form-control::-ms-input-placeholder {
  536. color: #6c757d;
  537. opacity: 1
  538. }
  539.  
  540. .form-control::placeholder {
  541. color: #6c757d;
  542. opacity: 1
  543. }
  544.  
  545. .form-control:disabled,
  546. .form-control[readonly] {
  547. background-color: #e9ecef;
  548. opacity: 1
  549. }
  550.  
  551. select.form-control:not([size]):not([multiple]) {
  552. height: calc(2.25rem + 2px)
  553. }
  554.  
  555. select.form-control:focus::-ms-value {
  556. color: #495057;
  557. background-color: #fff
  558. }
  559.  
  560. .form-control-file,
  561. .form-control-range {
  562. display: block;
  563. width: 100%
  564. }
  565.  
  566. .col-form-label {
  567. padding-top: calc(.375rem + 1px);
  568. padding-bottom: calc(.375rem + 1px);
  569. margin-bottom: 0;
  570. font-size: inherit;
  571. line-height: 1.5
  572. }
  573.  
  574. .col-form-label-lg {
  575. padding-top: calc(.5rem + 1px);
  576. padding-bottom: calc(.5rem + 1px);
  577. font-size: 1.25rem;
  578. line-height: 1.5
  579. }
  580.  
  581. .col-form-label-sm {
  582. padding-top: calc(.25rem + 1px);
  583. padding-bottom: calc(.25rem + 1px);
  584. font-size: .875rem;
  585. line-height: 1.5
  586. }
  587.  
  588. .form-control-plaintext {
  589. display: block;
  590. width: 100%;
  591. padding-top: .375rem;
  592. padding-bottom: .375rem;
  593. margin-bottom: 0;
  594. line-height: 1.5;
  595. background-color: transparent;
  596. border: solid transparent;
  597. border-width: 1px 0
  598. }
  599.  
  600. .form-control-plaintext.form-control-lg,
  601. .form-control-plaintext.form-control-sm,
  602. .input-group-lg>.form-control-plaintext.form-control,
  603. .input-group-lg>.input-group-append>.form-control-plaintext.btn,
  604. .input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
  605. .input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
  606. .input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
  607. .input-group-sm>.form-control-plaintext.form-control,
  608. .input-group-sm>.input-group-append>.form-control-plaintext.btn,
  609. .input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
  610. .input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
  611. .input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
  612. padding-right: 0;
  613. padding-left: 0
  614. }
  615.  
  616. .form-control-sm,
  617. .input-group-sm>.form-control,
  618. .input-group-sm>.input-group-append>.btn,
  619. .input-group-sm>.input-group-append>.input-group-text,
  620. .input-group-sm>.input-group-prepend>.btn,
  621. .input-group-sm>.input-group-prepend>.input-group-text {
  622. padding: .25rem .5rem;
  623. font-size: .875rem;
  624. line-height: 1.5;
  625. border-radius: .2rem
  626. }
  627.  
  628. .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),
  629. .input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
  630. .input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
  631. .input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
  632. .input-group-sm>select.form-control:not([size]):not([multiple]),
  633. select.form-control-sm:not([size]):not([multiple]) {
  634. height: calc(1.8125rem + 2px)
  635. }
  636.  
  637. .form-control-lg,
  638. .input-group-lg>.form-control,
  639. .input-group-lg>.input-group-append>.btn,
  640. .input-group-lg>.input-group-append>.input-group-text,
  641. .input-group-lg>.input-group-prepend>.btn,
  642. .input-group-lg>.input-group-prepend>.input-group-text {
  643. padding: .5rem 1rem;
  644. font-size: 1.25rem;
  645. line-height: 1.5;
  646. border-radius: .3rem
  647. }
  648.  
  649. .input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),
  650. .input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
  651. .input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
  652. .input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
  653. .input-group-lg>select.form-control:not([size]):not([multiple]),
  654. select.form-control-lg:not([size]):not([multiple]) {
  655. height: calc(2.875rem + 2px)
  656. }
  657.  
  658. .form-group {
  659. margin-bottom: 1rem
  660. }
  661.  
  662. .form-text {
  663. display: block;
  664. margin-top: .25rem
  665. }
  666.  
  667. .form-row {
  668. display: -webkit-box;
  669. display: -ms-flexbox;
  670. display: flex;
  671. -ms-flex-wrap: wrap;
  672. flex-wrap: wrap;
  673. margin-right: -5px;
  674. margin-left: -5px
  675. }
  676.  
  677. .form-row>.col,
  678. .form-row>[class*=col-] {
  679. padding-right: 5px;
  680. padding-left: 5px
  681. }
  682.  
  683. .form-check {
  684. position: relative;
  685. display: block;
  686. padding-left: 1.25rem
  687. }
  688.  
  689. .form-check-input {
  690. position: absolute;
  691. margin-top: .3rem;
  692. margin-left: -1.25rem
  693. }
  694.  
  695. .form-check-input:disabled~.form-check-label {
  696. color: #6c757d
  697. }
  698.  
  699. .form-check-label {
  700. margin-bottom: 0
  701. }
  702.  
  703. .form-check-inline {
  704. display: -webkit-inline-box;
  705. display: -ms-inline-flexbox;
  706. display: inline-flex;
  707. -webkit-box-align: center;
  708. -ms-flex-align: center;
  709. align-items: center;
  710. padding-left: 0;
  711. margin-right: .75rem
  712. }
  713.  
  714. .form-check-inline .form-check-input {
  715. position: static;
  716. margin-top: 0;
  717. margin-right: .3125rem;
  718. margin-left: 0
  719. }
  720.  
  721. .valid-feedback {
  722. display: none;
  723. width: 100%;
  724. margin-top: .25rem;
  725. font-size: 80%;
  726. color: #28a745
  727. }
  728.  
  729. .valid-tooltip {
  730. position: absolute;
  731. top: 100%;
  732. z-index: 5;
  733. display: none;
  734. max-width: 100%;
  735. padding: .5rem;
  736. margin-top: .1rem;
  737. font-size: .875rem;
  738. line-height: 1;
  739. color: #fff;
  740. background-color: rgba(40, 167, 69, .8);
  741. border-radius: .2rem
  742. }
  743.  
  744. .custom-select.is-valid,
  745. .form-control.is-valid,
  746. .was-validated .custom-select:valid,
  747. .was-validated .form-control:valid {
  748. border-color: #28a745
  749. }
  750.  
  751. .custom-select.is-valid:focus,
  752. .form-control.is-valid:focus,
  753. .was-validated .custom-select:valid:focus,
  754. .was-validated .form-control:valid:focus {
  755. border-color: #28a745;
  756. box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
  757. }
  758.  
  759. .custom-select.is-valid~.valid-feedback,
  760. .custom-select.is-valid~.valid-tooltip,
  761. .form-control.is-valid~.valid-feedback,
  762. .form-control.is-valid~.valid-tooltip,
  763. .was-validated .custom-select:valid~.valid-feedback,
  764. .was-validated .custom-select:valid~.valid-tooltip,
  765. .was-validated .form-control:valid~.valid-feedback,
  766. .was-validated .form-control:valid~.valid-tooltip {
  767. display: block
  768. }
  769.  
  770. .form-check-input.is-valid~.form-check-label,
  771. .was-validated .form-check-input:valid~.form-check-label {
  772. color: #28a745
  773. }
  774.  
  775. .form-check-input.is-valid~.valid-feedback,
  776. .form-check-input.is-valid~.valid-tooltip,
  777. .was-validated .form-check-input:valid~.valid-feedback,
  778. .was-validated .form-check-input:valid~.valid-tooltip {
  779. display: block
  780. }
  781.  
  782. .custom-control-input.is-valid~.custom-control-label,
  783. .was-validated .custom-control-input:valid~.custom-control-label {
  784. color: #28a745
  785. }
  786.  
  787. .custom-control-input.is-valid~.custom-control-label::before,
  788. .was-validated .custom-control-input:valid~.custom-control-label::before {
  789. background-color: #71dd8a
  790. }
  791.  
  792. .custom-control-input.is-valid~.valid-feedback,
  793. .custom-control-input.is-valid~.valid-tooltip,
  794. .was-validated .custom-control-input:valid~.valid-feedback,
  795. .was-validated .custom-control-input:valid~.valid-tooltip {
  796. display: block
  797. }
  798.  
  799. .custom-control-input.is-valid:checked~.custom-control-label::before,
  800. .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
  801. background-color: #34ce57
  802. }
  803.  
  804. .custom-control-input.is-valid:focus~.custom-control-label::before,
  805. .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
  806. box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
  807. }
  808.  
  809. .custom-file-input.is-valid~.custom-file-label,
  810. .was-validated .custom-file-input:valid~.custom-file-label {
  811. border-color: #28a745
  812. }
  813.  
  814. .custom-file-input.is-valid~.custom-file-label::before,
  815. .was-validated .custom-file-input:valid~.custom-file-label::before {
  816. border-color: inherit
  817. }
  818.  
  819. .custom-file-input.is-valid~.valid-feedback,
  820. .custom-file-input.is-valid~.valid-tooltip,
  821. .was-validated .custom-file-input:valid~.valid-feedback,
  822. .was-validated .custom-file-input:valid~.valid-tooltip {
  823. display: block
  824. }
  825.  
  826. .custom-file-input.is-valid:focus~.custom-file-label,
  827. .was-validated .custom-file-input:valid:focus~.custom-file-label {
  828. box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
  829. }
  830.  
  831. .invalid-feedback {
  832. display: none;
  833. width: 100%;
  834. margin-top: .25rem;
  835. font-size: 80%;
  836. color: #dc3545
  837. }
  838.  
  839. .invalid-tooltip {
  840. position: absolute;
  841. top: 100%;
  842. z-index: 5;
  843. display: none;
  844. max-width: 100%;
  845. padding: .5rem;
  846. margin-top: .1rem;
  847. font-size: .875rem;
  848. line-height: 1;
  849. color: #fff;
  850. background-color: rgba(220, 53, 69, .8);
  851. border-radius: .2rem
  852. }
  853.  
  854. .custom-select.is-invalid,
  855. .form-control.is-invalid,
  856. .was-validated .custom-select:invalid,
  857. .was-validated .form-control:invalid {
  858. border-color: #dc3545
  859. }
  860.  
  861. .custom-select.is-invalid:focus,
  862. .form-control.is-invalid:focus,
  863. .was-validated .custom-select:invalid:focus,
  864. .was-validated .form-control:invalid:focus {
  865. border-color: #dc3545;
  866. box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
  867. }
  868.  
  869. .custom-select.is-invalid~.invalid-feedback,
  870. .custom-select.is-invalid~.invalid-tooltip,
  871. .form-control.is-invalid~.invalid-feedback,
  872. .form-control.is-invalid~.invalid-tooltip,
  873. .was-validated .custom-select:invalid~.invalid-feedback,
  874. .was-validated .custom-select:invalid~.invalid-tooltip,
  875. .was-validated .form-control:invalid~.invalid-feedback,
  876. .was-validated .form-control:invalid~.invalid-tooltip {
  877. display: block
  878. }
  879.  
  880. .form-check-input.is-invalid~.form-check-label,
  881. .was-validated .form-check-input:invalid~.form-check-label {
  882. color: #dc3545
  883. }
  884.  
  885. .form-check-input.is-invalid~.invalid-feedback,
  886. .form-check-input.is-invalid~.invalid-tooltip,
  887. .was-validated .form-check-input:invalid~.invalid-feedback,
  888. .was-validated .form-check-input:invalid~.invalid-tooltip {
  889. display: block
  890. }
  891.  
  892. .custom-control-input.is-invalid~.custom-control-label,
  893. .was-validated .custom-control-input:invalid~.custom-control-label {
  894. color: #dc3545
  895. }
  896.  
  897. .custom-control-input.is-invalid~.custom-control-label::before,
  898. .was-validated .custom-control-input:invalid~.custom-control-label::before {
  899. background-color: #efa2a9
  900. }
  901.  
  902. .custom-control-input.is-invalid~.invalid-feedback,
  903. .custom-control-input.is-invalid~.invalid-tooltip,
  904. .was-validated .custom-control-input:invalid~.invalid-feedback,
  905. .was-validated .custom-control-input:invalid~.invalid-tooltip {
  906. display: block
  907. }
  908.  
  909. .custom-control-input.is-invalid:checked~.custom-control-label::before,
  910. .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
  911. background-color: #e4606d
  912. }
  913.  
  914. .custom-control-input.is-invalid:focus~.custom-control-label::before,
  915. .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
  916. box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
  917. }
  918.  
  919. .custom-file-input.is-invalid~.custom-file-label,
  920. .was-validated .custom-file-input:invalid~.custom-file-label {
  921. border-color: #dc3545
  922. }
  923.  
  924. .custom-file-input.is-invalid~.custom-file-label::before,
  925. .was-validated .custom-file-input:invalid~.custom-file-label::before {
  926. border-color: inherit
  927. }
  928.  
  929. .custom-file-input.is-invalid~.invalid-feedback,
  930. .custom-file-input.is-invalid~.invalid-tooltip,
  931. .was-validated .custom-file-input:invalid~.invalid-feedback,
  932. .was-validated .custom-file-input:invalid~.invalid-tooltip {
  933. display: block
  934. }
  935.  
  936. .custom-file-input.is-invalid:focus~.custom-file-label,
  937. .was-validated .custom-file-input:invalid:focus~.custom-file-label {
  938. box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
  939. }
  940.  
  941. .form-inline {
  942. display: -webkit-box;
  943. display: -ms-flexbox;
  944. display: flex;
  945. -webkit-box-orient: horizontal;
  946. -webkit-box-direction: normal;
  947. -ms-flex-flow: row wrap;
  948. flex-flow: row wrap;
  949. -webkit-box-align: center;
  950. -ms-flex-align: center;
  951. align-items: center
  952. }
  953.  
  954. .form-inline .form-check {
  955. width: 100%
  956. }
  957.  
  958. @media (min-width:576px) {
  959. .form-inline label {
  960. display: -webkit-box;
  961. display: -ms-flexbox;
  962. display: flex;
  963. -webkit-box-align: center;
  964. -ms-flex-align: center;
  965. align-items: center;
  966. -webkit-box-pack: center;
  967. -ms-flex-pack: center;
  968. justify-content: center;
  969. margin-bottom: 0
  970. }
  971. .form-inline .form-group {
  972. display: -webkit-box;
  973. display: -ms-flexbox;
  974. display: flex;
  975. -webkit-box-flex: 0;
  976. -ms-flex: 0 0 auto;
  977. flex: 0 0 auto;
  978. -webkit-box-orient: horizontal;
  979. -webkit-box-direction: normal;
  980. -ms-flex-flow: row wrap;
  981. flex-flow: row wrap;
  982. -webkit-box-align: center;
  983. -ms-flex-align: center;
  984. align-items: center;
  985. margin-bottom: 0
  986. }
  987. .form-inline .form-control {
  988. display: inline-block;
  989. width: auto;
  990. vertical-align: middle
  991. }
  992. .form-inline .form-control-plaintext {
  993. display: inline-block
  994. }
  995. .form-inline .input-group {
  996. width: auto
  997. }
  998. .form-inline .form-check {
  999. display: -webkit-box;
  1000. display: -ms-flexbox;
  1001. display: flex;
  1002. -webkit-box-align: center;
  1003. -ms-flex-align: center;
  1004. align-items: center;
  1005. -webkit-box-pack: center;
  1006. -ms-flex-pack: center;
  1007. justify-content: center;
  1008. width: auto;
  1009. padding-left: 0
  1010. }
  1011. .form-inline .form-check-input {
  1012. position: relative;
  1013. margin-top: 0;
  1014. margin-right: .25rem;
  1015. margin-left: 0
  1016. }
  1017. .form-inline .custom-control {
  1018. -webkit-box-align: center;
  1019. -ms-flex-align: center;
  1020. align-items: center;
  1021. -webkit-box-pack: center;
  1022. -ms-flex-pack: center;
  1023. justify-content: center
  1024. }
  1025. .form-inline .custom-control-label {
  1026. margin-bottom: 0
  1027. }
  1028. }
  1029.  
  1030. .btn {
  1031. display: inline-block;
  1032. font-weight: 400;
  1033. text-align: center;
  1034. white-space: nowrap;
  1035. vertical-align: middle;
  1036. -webkit-user-select: none;
  1037. -moz-user-select: none;
  1038. -ms-user-select: none;
  1039. user-select: none;
  1040. border: 1px solid transparent;
  1041. padding: .375rem .75rem;
  1042. font-size: 1rem;
  1043. line-height: 1.5;
  1044. border-radius: .25rem;
  1045. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
  1046. }
  1047.  
  1048. .btn:focus,
  1049. .btn:hover {
  1050. text-decoration: none
  1051. }
  1052.  
  1053. .btn.focus,
  1054. .btn:focus {
  1055. outline: 0;
  1056. box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
  1057. }
  1058.  
  1059. .btn.disabled,
  1060. .btn:disabled {
  1061. opacity: .65
  1062. }
  1063.  
  1064. .btn:not(:disabled):not(.disabled) {
  1065. cursor: pointer
  1066. }
  1067.  
  1068. .btn:not(:disabled):not(.disabled).active,
  1069. .btn:not(:disabled):not(.disabled):active {
  1070. background-image: none
  1071. }
  1072.  
  1073. a.btn.disabled,
  1074. fieldset:disabled a.btn {
  1075. pointer-events: none
  1076. }
  1077.  
  1078. .btn-primary {
  1079. color: #fff;
  1080. background-color: #007bff;
  1081. border-color: #007bff
  1082. }
  1083.  
  1084. .btn-primary:hover {
  1085. color: #fff;
  1086. background-color: #0069d9;
  1087. border-color: #0062cc
  1088. }
  1089.  
  1090. .btn-primary.focus,
  1091. .btn-primary:focus {
  1092. box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
  1093. }
  1094.  
  1095. .btn-primary.disabled,
  1096. .btn-primary:disabled {
  1097. color: #fff;
  1098. background-color: #007bff;
  1099. border-color: #007bff
  1100. }
  1101.  
  1102. .btn-primary:not(:disabled):not(.disabled).active,
  1103. .btn-primary:not(:disabled):not(.disabled):active,
  1104. .show>.btn-primary.dropdown-toggle {
  1105. color: #fff;
  1106. background-color: #0062cc;
  1107. border-color: #005cbf
  1108. }
  1109.  
  1110. .btn-primary:not(:disabled):not(.disabled).active:focus,
  1111. .btn-primary:not(:disabled):not(.disabled):active:focus,
  1112. .show>.btn-primary.dropdown-toggle:focus {
  1113. box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
  1114. }
  1115.  
  1116. .btn-secondary {
  1117. color: #fff;
  1118. background-color: #6c757d;
  1119. border-color: #6c757d
  1120. }
  1121.  
  1122. .btn-secondary:hover {
  1123. color: #fff;
  1124. background-color: #5a6268;
  1125. border-color: #545b62
  1126. }
  1127.  
  1128. .btn-secondary.focus,
  1129. .btn-secondary:focus {
  1130. box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
  1131. }
  1132.  
  1133. .btn-secondary.disabled,
  1134. .btn-secondary:disabled {
  1135. color: #fff;
  1136. background-color: #6c757d;
  1137. border-color: #6c757d
  1138. }
  1139.  
  1140. .btn-secondary:not(:disabled):not(.disabled).active,
  1141. .btn-secondary:not(:disabled):not(.disabled):active,
  1142. .show>.btn-secondary.dropdown-toggle {
  1143. color: #fff;
  1144. background-color: #545b62;
  1145. border-color: #4e555b
  1146. }
  1147.  
  1148. .btn-secondary:not(:disabled):not(.disabled).active:focus,
  1149. .btn-secondary:not(:disabled):not(.disabled):active:focus,
  1150. .show>.btn-secondary.dropdown-toggle:focus {
  1151. box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
  1152. }
  1153.  
  1154. .btn-success {
  1155. color: #fff;
  1156. background-color: #28a745;
  1157. border-color: #28a745
  1158. }
  1159.  
  1160. .btn-success:hover {
  1161. color: #fff;
  1162. background-color: #218838;
  1163. border-color: #1e7e34
  1164. }
  1165.  
  1166. .btn-success.focus,
  1167. .btn-success:focus {
  1168. box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
  1169. }
  1170.  
  1171. .btn-success.disabled,
  1172. .btn-success:disabled {
  1173. color: #fff;
  1174. background-color: #28a745;
  1175. border-color: #28a745
  1176. }
  1177.  
  1178. .btn-success:not(:disabled):not(.disabled).active,
  1179. .btn-success:not(:disabled):not(.disabled):active,
  1180. .show>.btn-success.dropdown-toggle {
  1181. color: #fff;
  1182. background-color: #1e7e34;
  1183. border-color: #1c7430
  1184. }
  1185.  
  1186. .btn-success:not(:disabled):not(.disabled).active:focus,
  1187. .btn-success:not(:disabled):not(.disabled):active:focus,
  1188. .show>.btn-success.dropdown-toggle:focus {
  1189. box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
  1190. }
  1191.  
  1192. .btn-info {
  1193. color: #fff;
  1194. background-color: #17a2b8;
  1195. border-color: #17a2b8
  1196. }
  1197.  
  1198. .btn-info:hover {
  1199. color: #fff;
  1200. background-color: #138496;
  1201. border-color: #117a8b
  1202. }
  1203.  
  1204. .btn-info.focus,
  1205. .btn-info:focus {
  1206. box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
  1207. }
  1208.  
  1209. .btn-info.disabled,
  1210. .btn-info:disabled {
  1211. color: #fff;
  1212. background-color: #17a2b8;
  1213. border-color: #17a2b8
  1214. }
  1215.  
  1216. .btn-info:not(:disabled):not(.disabled).active,
  1217. .btn-info:not(:disabled):not(.disabled):active,
  1218. .show>.btn-info.dropdown-toggle {
  1219. color: #fff;
  1220. background-color: #117a8b;
  1221. border-color: #10707f
  1222. }
  1223.  
  1224. .btn-info:not(:disabled):not(.disabled).active:focus,
  1225. .btn-info:not(:disabled):not(.disabled):active:focus,
  1226. .show>.btn-info.dropdown-toggle:focus {
  1227. box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
  1228. }
  1229.  
  1230. .btn-warning {
  1231. color: #212529;
  1232. background-color: #ffc107;
  1233. border-color: #ffc107
  1234. }
  1235.  
  1236. .btn-warning:hover {
  1237. color: #212529;
  1238. background-color: #e0a800;
  1239. border-color: #d39e00
  1240. }
  1241.  
  1242. .btn-warning.focus,
  1243. .btn-warning:focus {
  1244. box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
  1245. }
  1246.  
  1247. .btn-warning.disabled,
  1248. .btn-warning:disabled {
  1249. color: #212529;
  1250. background-color: #ffc107;
  1251. border-color: #ffc107
  1252. }
  1253.  
  1254. .btn-warning:not(:disabled):not(.disabled).active,
  1255. .btn-warning:not(:disabled):not(.disabled):active,
  1256. .show>.btn-warning.dropdown-toggle {
  1257. color: #212529;
  1258. background-color: #d39e00;
  1259. border-color: #c69500
  1260. }
  1261.  
  1262. .btn-warning:not(:disabled):not(.disabled).active:focus,
  1263. .btn-warning:not(:disabled):not(.disabled):active:focus,
  1264. .show>.btn-warning.dropdown-toggle:focus {
  1265. box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
  1266. }
  1267.  
  1268. .btn-danger {
  1269. color: #fff;
  1270. background-color: #dc3545;
  1271. border-color: #dc3545
  1272. }
  1273.  
  1274. .btn-danger:hover {
  1275. color: #fff;
  1276. background-color: #c82333;
  1277. border-color: #bd2130
  1278. }
  1279.  
  1280. .btn-danger.focus,
  1281. .btn-danger:focus {
  1282. box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
  1283. }
  1284.  
  1285. .btn-danger.disabled,
  1286. .btn-danger:disabled {
  1287. color: #fff;
  1288. background-color: #dc3545;
  1289. border-color: #dc3545
  1290. }
  1291.  
  1292. .btn-danger:not(:disabled):not(.disabled).active,
  1293. .btn-danger:not(:disabled):not(.disabled):active,
  1294. .show>.btn-danger.dropdown-toggle {
  1295. color: #fff;
  1296. background-color: #bd2130;
  1297. border-color: #b21f2d
  1298. }
  1299.  
  1300. .btn-danger:not(:disabled):not(.disabled).active:focus,
  1301. .btn-danger:not(:disabled):not(.disabled):active:focus,
  1302. .show>.btn-danger.dropdown-toggle:focus {
  1303. box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
  1304. }
  1305.  
  1306. .btn-light {
  1307. color: #212529;
  1308. background-color: #f8f9fa;
  1309. border-color: #f8f9fa
  1310. }
  1311.  
  1312. .btn-light:hover {
  1313. color: #212529;
  1314. background-color: #e2e6ea;
  1315. border-color: #dae0e5
  1316. }
  1317.  
  1318. .btn-light.focus,
  1319. .btn-light:focus {
  1320. box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
  1321. }
  1322.  
  1323. .btn-light.disabled,
  1324. .btn-light:disabled {
  1325. color: #212529;
  1326. background-color: #f8f9fa;
  1327. border-color: #f8f9fa
  1328. }
  1329.  
  1330. .btn-light:not(:disabled):not(.disabled).active,
  1331. .btn-light:not(:disabled):not(.disabled):active,
  1332. .show>.btn-light.dropdown-toggle {
  1333. color: #212529;
  1334. background-color: #dae0e5;
  1335. border-color: #d3d9df
  1336. }
  1337.  
  1338. .btn-light:not(:disabled):not(.disabled).active:focus,
  1339. .btn-light:not(:disabled):not(.disabled):active:focus,
  1340. .show>.btn-light.dropdown-toggle:focus {
  1341. box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
  1342. }
  1343.  
  1344. .btn-dark {
  1345. color: #fff;
  1346. background-color: #343a40;
  1347. border-color: #343a40
  1348. }
  1349.  
  1350. .btn-dark:hover {
  1351. color: #fff;
  1352. background-color: #23272b;
  1353. border-color: #1d2124
  1354. }
  1355.  
  1356. .btn-dark.focus,
  1357. .btn-dark:focus {
  1358. box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
  1359. }
  1360.  
  1361. .btn-dark.disabled,
  1362. .btn-dark:disabled {
  1363. color: #fff;
  1364. background-color: #343a40;
  1365. border-color: #343a40
  1366. }
  1367.  
  1368. .btn-dark:not(:disabled):not(.disabled).active,
  1369. .btn-dark:not(:disabled):not(.disabled):active,
  1370. .show>.btn-dark.dropdown-toggle {
  1371. color: #fff;
  1372. background-color: #1d2124;
  1373. border-color: #171a1d
  1374. }
  1375.  
  1376. .btn-dark:not(:disabled):not(.disabled).active:focus,
  1377. .btn-dark:not(:disabled):not(.disabled):active:focus,
  1378. .show>.btn-dark.dropdown-toggle:focus {
  1379. box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
  1380. }
  1381.  
  1382. .btn-outline-primary {
  1383. color: #007bff;
  1384. background-color: transparent;
  1385. background-image: none;
  1386. border-color: #007bff
  1387. }
  1388.  
  1389. .btn-outline-primary:hover {
  1390. color: #fff;
  1391. background-color: #007bff;
  1392. border-color: #007bff
  1393. }
  1394.  
  1395. .btn-outline-primary.focus,
  1396. .btn-outline-primary:focus {
  1397. box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
  1398. }
  1399.  
  1400. .btn-outline-primary.disabled,
  1401. .btn-outline-primary:disabled {
  1402. color: #007bff;
  1403. background-color: transparent
  1404. }
  1405.  
  1406. .btn-outline-primary:not(:disabled):not(.disabled).active,
  1407. .btn-outline-primary:not(:disabled):not(.disabled):active,
  1408. .show>.btn-outline-primary.dropdown-toggle {
  1409. color: #fff;
  1410. background-color: #007bff;
  1411. border-color: #007bff
  1412. }
  1413.  
  1414. .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
  1415. .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
  1416. .show>.btn-outline-primary.dropdown-toggle:focus {
  1417. box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
  1418. }
  1419.  
  1420. .btn-outline-secondary {
  1421. color: #6c757d;
  1422. background-color: transparent;
  1423. background-image: none;
  1424. border-color: #6c757d
  1425. }
  1426.  
  1427. .btn-outline-secondary:hover {
  1428. color: #fff;
  1429. background-color: #6c757d;
  1430. border-color: #6c757d
  1431. }
  1432.  
  1433. .btn-outline-secondary.focus,
  1434. .btn-outline-secondary:focus {
  1435. box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
  1436. }
  1437.  
  1438. .btn-outline-secondary.disabled,
  1439. .btn-outline-secondary:disabled {
  1440. color: #6c757d;
  1441. background-color: transparent
  1442. }
  1443.  
  1444. .btn-outline-secondary:not(:disabled):not(.disabled).active,
  1445. .btn-outline-secondary:not(:disabled):not(.disabled):active,
  1446. .show>.btn-outline-secondary.dropdown-toggle {
  1447. color: #fff;
  1448. background-color: #6c757d;
  1449. border-color: #6c757d
  1450. }
  1451.  
  1452. .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
  1453. .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
  1454. .show>.btn-outline-secondary.dropdown-toggle:focus {
  1455. box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
  1456. }
  1457.  
  1458. .btn-outline-success {
  1459. color: #28a745;
  1460. background-color: transparent;
  1461. background-image: none;
  1462. border-color: #28a745
  1463. }
  1464.  
  1465. .btn-outline-success:hover {
  1466. color: #fff;
  1467. background-color: #28a745;
  1468. border-color: #28a745
  1469. }
  1470.  
  1471. .btn-outline-success.focus,
  1472. .btn-outline-success:focus {
  1473. box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
  1474. }
  1475.  
  1476. .btn-outline-success.disabled,
  1477. .btn-outline-success:disabled {
  1478. color: #28a745;
  1479. background-color: transparent
  1480. }
  1481.  
  1482. .btn-outline-success:not(:disabled):not(.disabled).active,
  1483. .btn-outline-success:not(:disabled):not(.disabled):active,
  1484. .show>.btn-outline-success.dropdown-toggle {
  1485. color: #fff;
  1486. background-color: #28a745;
  1487. border-color: #28a745
  1488. }
  1489.  
  1490. .btn-outline-success:not(:disabled):not(.disabled).active:focus,
  1491. .btn-outline-success:not(:disabled):not(.disabled):active:focus,
  1492. .show>.btn-outline-success.dropdown-toggle:focus {
  1493. box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
  1494. }
  1495.  
  1496. .btn-outline-info {
  1497. color: #17a2b8;
  1498. background-color: transparent;
  1499. background-image: none;
  1500. border-color: #17a2b8
  1501. }
  1502.  
  1503. .btn-outline-info:hover {
  1504. color: #fff;
  1505. background-color: #17a2b8;
  1506. border-color: #17a2b8
  1507. }
  1508.  
  1509. .btn-outline-info.focus,
  1510. .btn-outline-info:focus {
  1511. box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
  1512. }
  1513.  
  1514. .btn-outline-info.disabled,
  1515. .btn-outline-info:disabled {
  1516. color: #17a2b8;
  1517. background-color: transparent
  1518. }
  1519.  
  1520. .btn-outline-info:not(:disabled):not(.disabled).active,
  1521. .btn-outline-info:not(:disabled):not(.disabled):active,
  1522. .show>.btn-outline-info.dropdown-toggle {
  1523. color: #fff;
  1524. background-color: #17a2b8;
  1525. border-color: #17a2b8
  1526. }
  1527.  
  1528. .btn-outline-info:not(:disabled):not(.disabled).active:focus,
  1529. .btn-outline-info:not(:disabled):not(.disabled):active:focus,
  1530. .show>.btn-outline-info.dropdown-toggle:focus {
  1531. box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
  1532. }
  1533.  
  1534. .btn-outline-warning {
  1535. color: #ffc107;
  1536. background-color: transparent;
  1537. background-image: none;
  1538. border-color: #ffc107
  1539. }
  1540.  
  1541. .btn-outline-warning:hover {
  1542. color: #212529;
  1543. background-color: #ffc107;
  1544. border-color: #ffc107
  1545. }
  1546.  
  1547. .btn-outline-warning.focus,
  1548. .btn-outline-warning:focus {
  1549. box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
  1550. }
  1551.  
  1552. .btn-outline-warning.disabled,
  1553. .btn-outline-warning:disabled {
  1554. color: #ffc107;
  1555. background-color: transparent
  1556. }
  1557.  
  1558. .btn-outline-warning:not(:disabled):not(.disabled).active,
  1559. .btn-outline-warning:not(:disabled):not(.disabled):active,
  1560. .show>.btn-outline-warning.dropdown-toggle {
  1561. color: #212529;
  1562. background-color: #ffc107;
  1563. border-color: #ffc107
  1564. }
  1565.  
  1566. .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
  1567. .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
  1568. .show>.btn-outline-warning.dropdown-toggle:focus {
  1569. box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
  1570. }
  1571.  
  1572. .btn-outline-danger {
  1573. color: #dc3545;
  1574. background-color: transparent;
  1575. background-image: none;
  1576. border-color: #dc3545
  1577. }
  1578.  
  1579. .btn-outline-danger:hover {
  1580. color: #fff;
  1581. background-color: #dc3545;
  1582. border-color: #dc3545
  1583. }
  1584.  
  1585. .btn-outline-danger.focus,
  1586. .btn-outline-danger:focus {
  1587. box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
  1588. }
  1589.  
  1590. .btn-outline-danger.disabled,
  1591. .btn-outline-danger:disabled {
  1592. color: #dc3545;
  1593. background-color: transparent
  1594. }
  1595.  
  1596. .btn-outline-danger:not(:disabled):not(.disabled).active,
  1597. .btn-outline-danger:not(:disabled):not(.disabled):active,
  1598. .show>.btn-outline-danger.dropdown-toggle {
  1599. color: #fff;
  1600. background-color: #dc3545;
  1601. border-color: #dc3545
  1602. }
  1603.  
  1604. .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
  1605. .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
  1606. .show>.btn-outline-danger.dropdown-toggle:focus {
  1607. box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
  1608. }
  1609.  
  1610. .btn-outline-light {
  1611. color: #f8f9fa;
  1612. background-color: transparent;
  1613. background-image: none;
  1614. border-color: #f8f9fa
  1615. }
  1616.  
  1617. .btn-outline-light:hover {
  1618. color: #212529;
  1619. background-color: #f8f9fa;
  1620. border-color: #f8f9fa
  1621. }
  1622.  
  1623. .btn-outline-light.focus,
  1624. .btn-outline-light:focus {
  1625. box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
  1626. }
  1627.  
  1628. .btn-outline-light.disabled,
  1629. .btn-outline-light:disabled {
  1630. color: #f8f9fa;
  1631. background-color: transparent
  1632. }
  1633.  
  1634. .btn-outline-light:not(:disabled):not(.disabled).active,
  1635. .btn-outline-light:not(:disabled):not(.disabled):active,
  1636. .show>.btn-outline-light.dropdown-toggle {
  1637. color: #212529;
  1638. background-color: #f8f9fa;
  1639. border-color: #f8f9fa
  1640. }
  1641.  
  1642. .btn-outline-light:not(:disabled):not(.disabled).active:focus,
  1643. .btn-outline-light:not(:disabled):not(.disabled):active:focus,
  1644. .show>.btn-outline-light.dropdown-toggle:focus {
  1645. box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
  1646. }
  1647.  
  1648. .btn-outline-dark {
  1649. color: #343a40;
  1650. background-color: transparent;
  1651. background-image: none;
  1652. border-color: #343a40
  1653. }
  1654.  
  1655. .btn-outline-dark:hover {
  1656. color: #fff;
  1657. background-color: #343a40;
  1658. border-color: #343a40
  1659. }
  1660.  
  1661. .btn-outline-dark.focus,
  1662. .btn-outline-dark:focus {
  1663. box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
  1664. }
  1665.  
  1666. .btn-outline-dark.disabled,
  1667. .btn-outline-dark:disabled {
  1668. color: #343a40;
  1669. background-color: transparent
  1670. }
  1671.  
  1672. .btn-outline-dark:not(:disabled):not(.disabled).active,
  1673. .btn-outline-dark:not(:disabled):not(.disabled):active,
  1674. .show>.btn-outline-dark.dropdown-toggle {
  1675. color: #fff;
  1676. background-color: #343a40;
  1677. border-color: #343a40
  1678. }
  1679.  
  1680. .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
  1681. .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
  1682. .show>.btn-outline-dark.dropdown-toggle:focus {
  1683. box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
  1684. }
  1685.  
  1686. .btn-link {
  1687. font-weight: 400;
  1688. color: #007bff;
  1689. background-color: transparent
  1690. }
  1691.  
  1692. .btn-link:hover {
  1693. color: #0056b3;
  1694. text-decoration: underline;
  1695. background-color: transparent;
  1696. border-color: transparent
  1697. }
  1698.  
  1699. .btn-link.focus,
  1700. .btn-link:focus {
  1701. text-decoration: underline;
  1702. border-color: transparent;
  1703. box-shadow: none
  1704. }
  1705.  
  1706. .btn-link.disabled,
  1707. .btn-link:disabled {
  1708. color: #6c757d
  1709. }
  1710.  
  1711. .btn-group-lg>.btn,
  1712. .btn-lg {
  1713. padding: .5rem 1rem;
  1714. font-size: 1.25rem;
  1715. line-height: 1.5;
  1716. border-radius: .3rem
  1717. }
  1718.  
  1719. .btn-group-sm>.btn,
  1720. .btn-sm {
  1721. padding: .25rem .5rem;
  1722. font-size: .875rem;
  1723. line-height: 1.5;
  1724. border-radius: .2rem
  1725. }
  1726.  
  1727. .btn-block {
  1728. display: block;
  1729. width: 100%
  1730. }
  1731.  
  1732. .btn-block+.btn-block {
  1733. margin-top: .5rem
  1734. }
  1735.  
  1736. input[type=button].btn-block,
  1737. input[type=reset].btn-block,
  1738. input[type=submit].btn-block {
  1739. width: 100%
  1740. }
  1741.  
  1742. .fade {
  1743. opacity: 0;
  1744. transition: opacity .15s linear
  1745. }
  1746.  
  1747. .fade.show {
  1748. opacity: 1
  1749. }
  1750.  
  1751. .collapse {
  1752. display: none
  1753. }
  1754.  
  1755. .collapse.show {
  1756. display: block
  1757. }
  1758.  
  1759. tr.collapse.show {
  1760. display: table-row
  1761. }
  1762.  
  1763. tbody.collapse.show {
  1764. display: table-row-group
  1765. }
  1766.  
  1767. .collapsing {
  1768. position: relative;
  1769. height: 0;
  1770. overflow: hidden;
  1771. transition: height .35s ease
  1772. }
  1773.  
  1774. .dropdown,
  1775. .dropup {
  1776. position: relative
  1777. }
  1778.  
  1779. .dropdown-toggle::after {
  1780. display: inline-block;
  1781. width: 0;
  1782. height: 0;
  1783. margin-left: .255em;
  1784. vertical-align: .255em;
  1785. content: "";
  1786. border-top: .3em solid;
  1787. border-right: .3em solid transparent;
  1788. border-bottom: 0;
  1789. border-left: .3em solid transparent
  1790. }
  1791.  
  1792. .dropdown-toggle:empty::after {
  1793. margin-left: 0
  1794. }
  1795.  
  1796. .dropdown-menu {
  1797. position: absolute;
  1798. top: 100%;
  1799. left: 0;
  1800. z-index: 1000;
  1801. display: none;
  1802. float: left;
  1803. min-width: 10rem;
  1804. padding: .5rem 0;
  1805. margin: .125rem 0 0;
  1806. font-size: 1rem;
  1807. color: #212529;
  1808. text-align: left;
  1809. list-style: none;
  1810. background-color: #fff;
  1811. background-clip: padding-box;
  1812. border: 1px solid rgba(0, 0, 0, .15);
  1813. border-radius: .25rem
  1814. }
  1815.  
  1816. .dropup .dropdown-menu {
  1817. margin-top: 0;
  1818. margin-bottom: .125rem
  1819. }
  1820.  
  1821. .dropup .dropdown-toggle::after {
  1822. display: inline-block;
  1823. width: 0;
  1824. height: 0;
  1825. margin-left: .255em;
  1826. vertical-align: .255em;
  1827. content: "";
  1828. border-top: 0;
  1829. border-right: .3em solid transparent;
  1830. border-bottom: .3em solid;
  1831. border-left: .3em solid transparent
  1832. }
  1833.  
  1834. .dropup .dropdown-toggle:empty::after {
  1835. margin-left: 0
  1836. }
  1837.  
  1838. .dropright .dropdown-menu {
  1839. margin-top: 0;
  1840. margin-left: .125rem
  1841. }
  1842.  
  1843. .dropright .dropdown-toggle::after {
  1844. display: inline-block;
  1845. width: 0;
  1846. height: 0;
  1847. margin-left: .255em;
  1848. vertical-align: .255em;
  1849. content: "";
  1850. border-top: .3em solid transparent;
  1851. border-bottom: .3em solid transparent;
  1852. border-left: .3em solid
  1853. }
  1854.  
  1855. .dropright .dropdown-toggle:empty::after {
  1856. margin-left: 0
  1857. }
  1858.  
  1859. .dropright .dropdown-toggle::after {
  1860. vertical-align: 0
  1861. }
  1862.  
  1863. .dropleft .dropdown-menu {
  1864. margin-top: 0;
  1865. margin-right: .125rem
  1866. }
  1867.  
  1868. .dropleft .dropdown-toggle::after {
  1869. display: inline-block;
  1870. width: 0;
  1871. height: 0;
  1872. margin-left: .255em;
  1873. vertical-align: .255em;
  1874. content: ""
  1875. }
  1876.  
  1877. .dropleft .dropdown-toggle::after {
  1878. display: none
  1879. }
  1880.  
  1881. .dropleft .dropdown-toggle::before {
  1882. display: inline-block;
  1883. width: 0;
  1884. height: 0;
  1885. margin-right: .255em;
  1886. vertical-align: .255em;
  1887. content: "";
  1888. border-top: .3em solid transparent;
  1889. border-right: .3em solid;
  1890. border-bottom: .3em solid transparent
  1891. }
  1892.  
  1893. .dropleft .dropdown-toggle:empty::after {
  1894. margin-left: 0
  1895. }
  1896.  
  1897. .dropleft .dropdown-toggle::before {
  1898. vertical-align: 0
  1899. }
  1900.  
  1901. .dropdown-divider {
  1902. height: 0;
  1903. margin: .5rem 0;
  1904. overflow: hidden;
  1905. border-top: 1px solid #e9ecef
  1906. }
  1907.  
  1908. .dropdown-item {
  1909. display: block;
  1910. width: 100%;
  1911. padding: .25rem 1.5rem;
  1912. clear: both;
  1913. font-weight: 400;
  1914. color: #212529;
  1915. text-align: inherit;
  1916. white-space: nowrap;
  1917. background-color: transparent;
  1918. border: 0
  1919. }
  1920.  
  1921. .dropdown-item:focus,
  1922. .dropdown-item:hover {
  1923. color: #16181b;
  1924. text-decoration: none;
  1925. background-color: #f8f9fa
  1926. }
  1927.  
  1928. .dropdown-item.active,
  1929. .dropdown-item:active {
  1930. color: #fff;
  1931. text-decoration: none;
  1932. background-color: #007bff
  1933. }
  1934.  
  1935. .dropdown-item.disabled,
  1936. .dropdown-item:disabled {
  1937. color: #6c757d;
  1938. background-color: transparent
  1939. }
  1940.  
  1941. .dropdown-menu.show {
  1942. display: block
  1943. }
  1944.  
  1945. .dropdown-header {
  1946. display: block;
  1947. padding: .5rem 1.5rem;
  1948. margin-bottom: 0;
  1949. font-size: .875rem;
  1950. color: #6c757d;
  1951. white-space: nowrap
  1952. }
  1953.  
  1954. .btn-group,
  1955. .btn-group-vertical {
  1956. position: relative;
  1957. display: -webkit-inline-box;
  1958. display: -ms-inline-flexbox;
  1959. display: inline-flex;
  1960. vertical-align: middle
  1961. }
  1962.  
  1963. .btn-group-vertical>.btn,
  1964. .btn-group>.btn {
  1965. position: relative;
  1966. -webkit-box-flex: 0;
  1967. -ms-flex: 0 1 auto;
  1968. flex: 0 1 auto
  1969. }
  1970.  
  1971. .btn-group-vertical>.btn:hover,
  1972. .btn-group>.btn:hover {
  1973. z-index: 1
  1974. }
  1975.  
  1976. .btn-group-vertical>.btn.active,
  1977. .btn-group-vertical>.btn:active,
  1978. .btn-group-vertical>.btn:focus,
  1979. .btn-group>.btn.active,
  1980. .btn-group>.btn:active,
  1981. .btn-group>.btn:focus {
  1982. z-index: 1
  1983. }
  1984.  
  1985. .btn-group .btn+.btn,
  1986. .btn-group .btn+.btn-group,
  1987. .btn-group .btn-group+.btn,
  1988. .btn-group .btn-group+.btn-group,
  1989. .btn-group-vertical .btn+.btn,
  1990. .btn-group-vertical .btn+.btn-group,
  1991. .btn-group-vertical .btn-group+.btn,
  1992. .btn-group-vertical .btn-group+.btn-group {
  1993. margin-left: -1px
  1994. }
  1995.  
  1996. .btn-toolbar {
  1997. display: -webkit-box;
  1998. display: -ms-flexbox;
  1999. display: flex;
  2000. -ms-flex-wrap: wrap;
  2001. flex-wrap: wrap;
  2002. -webkit-box-pack: start;
  2003. -ms-flex-pack: start;
  2004. justify-content: flex-start
  2005. }
  2006.  
  2007. .btn-toolbar .input-group {
  2008. width: auto
  2009. }
  2010.  
  2011. .btn-group>.btn:first-child {
  2012. margin-left: 0
  2013. }
  2014.  
  2015. .btn-group>.btn-group:not(:last-child)>.btn,
  2016. .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  2017. border-top-right-radius: 0;
  2018. border-bottom-right-radius: 0
  2019. }
  2020.  
  2021. .btn-group>.btn-group:not(:first-child)>.btn,
  2022. .btn-group>.btn:not(:first-child) {
  2023. border-top-left-radius: 0;
  2024. border-bottom-left-radius: 0
  2025. }
  2026.  
  2027. .dropdown-toggle-split {
  2028. padding-right: .5625rem;
  2029. padding-left: .5625rem
  2030. }
  2031.  
  2032. .dropdown-toggle-split::after {
  2033. margin-left: 0
  2034. }
  2035.  
  2036. .btn-group-sm>.btn+.dropdown-toggle-split,
  2037. .btn-sm+.dropdown-toggle-split {
  2038. padding-right: .375rem;
  2039. padding-left: .375rem
  2040. }
  2041.  
  2042. .btn-group-lg>.btn+.dropdown-toggle-split,
  2043. .btn-lg+.dropdown-toggle-split {
  2044. padding-right: .75rem;
  2045. padding-left: .75rem
  2046. }
  2047.  
  2048. .btn-group-vertical {
  2049. -webkit-box-orient: vertical;
  2050. -webkit-box-direction: normal;
  2051. -ms-flex-direction: column;
  2052. flex-direction: column;
  2053. -webkit-box-align: start;
  2054. -ms-flex-align: start;
  2055. align-items: flex-start;
  2056. -webkit-box-pack: center;
  2057. -ms-flex-pack: center;
  2058. justify-content: center
  2059. }
  2060.  
  2061. .btn-group-vertical .btn,
  2062. .btn-group-vertical .btn-group {
  2063. width: 100%
  2064. }
  2065.  
  2066. .btn-group-vertical>.btn+.btn,
  2067. .btn-group-vertical>.btn+.btn-group,
  2068. .btn-group-vertical>.btn-group+.btn,
  2069. .btn-group-vertical>.btn-group+.btn-group {
  2070. margin-top: -1px;
  2071. margin-left: 0
  2072. }
  2073.  
  2074. .btn-group-vertical>.btn-group:not(:last-child)>.btn,
  2075. .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
  2076. border-bottom-right-radius: 0;
  2077. border-bottom-left-radius: 0
  2078. }
  2079.  
  2080. .btn-group-vertical>.btn-group:not(:first-child)>.btn,
  2081. .btn-group-vertical>.btn:not(:first-child) {
  2082. border-top-left-radius: 0;
  2083. border-top-right-radius: 0
  2084. }
  2085.  
  2086. .btn-group-toggle>.btn,
  2087. .btn-group-toggle>.btn-group>.btn {
  2088. margin-bottom: 0
  2089. }
  2090.  
  2091. .btn-group-toggle>.btn input[type=checkbox],
  2092. .btn-group-toggle>.btn input[type=radio],
  2093. .btn-group-toggle>.btn-group>.btn input[type=checkbox],
  2094. .btn-group-toggle>.btn-group>.btn input[type=radio] {
  2095. position: absolute;
  2096. clip: rect(0, 0, 0, 0);
  2097. pointer-events: none
  2098. }
  2099.  
  2100. .input-group {
  2101. position: relative;
  2102. display: -webkit-box;
  2103. display: -ms-flexbox;
  2104. display: flex;
  2105. -ms-flex-wrap: wrap;
  2106. flex-wrap: wrap;
  2107. -webkit-box-align: stretch;
  2108. -ms-flex-align: stretch;
  2109. align-items: stretch;
  2110. width: 100%
  2111. }
  2112.  
  2113. .input-group>.custom-file,
  2114. .input-group>.custom-select,
  2115. .input-group>.form-control {
  2116. position: relative;
  2117. -webkit-box-flex: 1;
  2118. -ms-flex: 1 1 auto;
  2119. flex: 1 1 auto;
  2120. width: 1%;
  2121. margin-bottom: 0
  2122. }
  2123.  
  2124. .input-group>.custom-file:focus,
  2125. .input-group>.custom-select:focus,
  2126. .input-group>.form-control:focus {
  2127. z-index: 3
  2128. }
  2129.  
  2130. .input-group>.custom-file+.custom-file,
  2131. .input-group>.custom-file+.custom-select,
  2132. .input-group>.custom-file+.form-control,
  2133. .input-group>.custom-select+.custom-file,
  2134. .input-group>.custom-select+.custom-select,
  2135. .input-group>.custom-select+.form-control,
  2136. .input-group>.form-control+.custom-file,
  2137. .input-group>.form-control+.custom-select,
  2138. .input-group>.form-control+.form-control {
  2139. margin-left: -1px
  2140. }
  2141.  
  2142. .input-group>.custom-select:not(:last-child),
  2143. .input-group>.form-control:not(:last-child) {
  2144. border-top-right-radius: 0;
  2145. border-bottom-right-radius: 0
  2146. }
  2147.  
  2148. .input-group>.custom-select:not(:first-child),
  2149. .input-group>.form-control:not(:first-child) {
  2150. border-top-left-radius: 0;
  2151. border-bottom-left-radius: 0
  2152. }
  2153.  
  2154. .input-group>.custom-file {
  2155. display: -webkit-box;
  2156. display: -ms-flexbox;
  2157. display: flex;
  2158. -webkit-box-align: center;
  2159. -ms-flex-align: center;
  2160. align-items: center
  2161. }
  2162.  
  2163. .input-group>.custom-file:not(:last-child) .custom-file-label,
  2164. .input-group>.custom-file:not(:last-child) .custom-file-label::before {
  2165. border-top-right-radius: 0;
  2166. border-bottom-right-radius: 0
  2167. }
  2168.  
  2169. .input-group>.custom-file:not(:first-child) .custom-file-label,
  2170. .input-group>.custom-file:not(:first-child) .custom-file-label::before {
  2171. border-top-left-radius: 0;
  2172. border-bottom-left-radius: 0
  2173. }
  2174.  
  2175. .input-group-append,
  2176. .input-group-prepend {
  2177. display: -webkit-box;
  2178. display: -ms-flexbox;
  2179. display: flex
  2180. }
  2181.  
  2182. .input-group-append .btn,
  2183. .input-group-prepend .btn {
  2184. position: relative;
  2185. z-index: 2
  2186. }
  2187.  
  2188. .input-group-append .btn+.btn,
  2189. .input-group-append .btn+.input-group-text,
  2190. .input-group-append .input-group-text+.btn,
  2191. .input-group-append .input-group-text+.input-group-text,
  2192. .input-group-prepend .btn+.btn,
  2193. .input-group-prepend .btn+.input-group-text,
  2194. .input-group-prepend .input-group-text+.btn,
  2195. .input-group-prepend .input-group-text+.input-group-text {
  2196. margin-left: -1px
  2197. }
  2198.  
  2199. .input-group-prepend {
  2200. margin-right: -1px
  2201. }
  2202.  
  2203. .input-group-append {
  2204. margin-left: -1px
  2205. }
  2206.  
  2207. .input-group-text {
  2208. display: -webkit-box;
  2209. display: -ms-flexbox;
  2210. display: flex;
  2211. -webkit-box-align: center;
  2212. -ms-flex-align: center;
  2213. align-items: center;
  2214. padding: .375rem .75rem;
  2215. margin-bottom: 0;
  2216. font-size: 1rem;
  2217. font-weight: 400;
  2218. line-height: 1.5;
  2219. color: #495057;
  2220. text-align: center;
  2221. white-space: nowrap;
  2222. background-color: #e9ecef;
  2223. border: 1px solid #ced4da;
  2224. border-radius: .25rem
  2225. }
  2226.  
  2227. .input-group-text input[type=checkbox],
  2228. .input-group-text input[type=radio] {
  2229. margin-top: 0
  2230. }
  2231.  
  2232. .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
  2233. .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
  2234. .input-group>.input-group-append:not(:last-child)>.btn,
  2235. .input-group>.input-group-append:not(:last-child)>.input-group-text,
  2236. .input-group>.input-group-prepend>.btn,
  2237. .input-group>.input-group-prepend>.input-group-text {
  2238. border-top-right-radius: 0;
  2239. border-bottom-right-radius: 0
  2240. }
  2241.  
  2242. .input-group>.input-group-append>.btn,
  2243. .input-group>.input-group-append>.input-group-text,
  2244. .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
  2245. .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
  2246. .input-group>.input-group-prepend:not(:first-child)>.btn,
  2247. .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
  2248. border-top-left-radius: 0;
  2249. border-bottom-left-radius: 0
  2250. }
  2251.  
  2252. .custom-control {
  2253. position: relative;
  2254. display: block;
  2255. min-height: 1.5rem;
  2256. padding-left: 1.5rem
  2257. }
  2258.  
  2259. .custom-control-inline {
  2260. display: -webkit-inline-box;
  2261. display: -ms-inline-flexbox;
  2262. display: inline-flex;
  2263. margin-right: 1rem
  2264. }
  2265.  
  2266. .custom-control-input {
  2267. position: absolute;
  2268. z-index: -1;
  2269. opacity: 0
  2270. }
  2271.  
  2272. .custom-control-input:checked~.custom-control-label::before {
  2273. color: #fff;
  2274. background-color: #007bff
  2275. }
  2276.  
  2277. .custom-control-input:focus~.custom-control-label::before {
  2278. box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
  2279. }
  2280.  
  2281. .custom-control-input:active~.custom-control-label::before {
  2282. color: #fff;
  2283. background-color: #b3d7ff
  2284. }
  2285.  
  2286. .custom-control-input:disabled~.custom-control-label {
  2287. color: #6c757d
  2288. }
  2289.  
  2290. .custom-control-input:disabled~.custom-control-label::before {
  2291. background-color: #e9ecef
  2292. }
  2293.  
  2294. .custom-control-label {
  2295. margin-bottom: 0
  2296. }
  2297.  
  2298. .custom-control-label::before {
  2299. position: absolute;
  2300. top: .25rem;
  2301. left: 0;
  2302. display: block;
  2303. width: 1rem;
  2304. height: 1rem;
  2305. pointer-events: none;
  2306. content: "";
  2307. -webkit-user-select: none;
  2308. -moz-user-select: none;
  2309. -ms-user-select: none;
  2310. user-select: none;
  2311. background-color: #dee2e6
  2312. }
  2313.  
  2314. .custom-control-label::after {
  2315. position: absolute;
  2316. top: .25rem;
  2317. left: 0;
  2318. display: block;
  2319. width: 1rem;
  2320. height: 1rem;
  2321. content: "";
  2322. background-repeat: no-repeat;
  2323. background-position: center center;
  2324. background-size: 50% 50%
  2325. }
  2326.  
  2327. .custom-checkbox .custom-control-label::before {
  2328. border-radius: .25rem
  2329. }
  2330.  
  2331. .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  2332. background-color: #007bff
  2333. }
  2334.  
  2335. .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  2336. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
  2337. }
  2338.  
  2339. .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
  2340. background-color: #007bff
  2341. }
  2342.  
  2343. .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
  2344. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
  2345. }
  2346.  
  2347. .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
  2348. background-color: rgba(0, 123, 255, .5)
  2349. }
  2350.  
  2351. .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
  2352. background-color: rgba(0, 123, 255, .5)
  2353. }
  2354.  
  2355. .custom-radio .custom-control-label::before {
  2356. border-radius: 50%
  2357. }
  2358.  
  2359. .custom-radio .custom-control-input:checked~.custom-control-label::before {
  2360. background-color: #007bff
  2361. }
  2362.  
  2363. .custom-radio .custom-control-input:checked~.custom-control-label::after {
  2364. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
  2365. }
  2366.  
  2367. .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
  2368. background-color: rgba(0, 123, 255, .5)
  2369. }
  2370.  
  2371. .custom-select {
  2372. display: inline-block;
  2373. width: 100%;
  2374. height: calc(2.25rem + 2px);
  2375. padding: .375rem 1.75rem .375rem .75rem;
  2376. line-height: 1.5;
  2377. color: #495057;
  2378. vertical-align: middle;
  2379. background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
  2380. background-size: 8px 10px;
  2381. border: 1px solid #ced4da;
  2382. border-radius: .25rem;
  2383. -webkit-appearance: none;
  2384. -moz-appearance: none;
  2385. appearance: none
  2386. }
  2387.  
  2388. .custom-select:focus {
  2389. border-color: #80bdff;
  2390. outline: 0;
  2391. box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5)
  2392. }
  2393.  
  2394. .custom-select:focus::-ms-value {
  2395. color: #495057;
  2396. background-color: #fff
  2397. }
  2398.  
  2399. .custom-select[multiple],
  2400. .custom-select[size]:not([size="1"]) {
  2401. height: auto;
  2402. padding-right: .75rem;
  2403. background-image: none
  2404. }
  2405.  
  2406. .custom-select:disabled {
  2407. color: #6c757d;
  2408. background-color: #e9ecef
  2409. }
  2410.  
  2411. .custom-select::-ms-expand {
  2412. opacity: 0
  2413. }
  2414.  
  2415. .custom-select-sm {
  2416. height: calc(1.8125rem + 2px);
  2417. padding-top: .375rem;
  2418. padding-bottom: .375rem;
  2419. font-size: 75%
  2420. }
  2421.  
  2422. .custom-select-lg {
  2423. height: calc(2.875rem + 2px);
  2424. padding-top: .375rem;
  2425. padding-bottom: .375rem;
  2426. font-size: 125%
  2427. }
  2428.  
  2429. .custom-file {
  2430. position: relative;
  2431. display: inline-block;
  2432. width: 100%;
  2433. height: calc(2.25rem + 2px);
  2434. margin-bottom: 0
  2435. }
  2436.  
  2437. .custom-file-input {
  2438. position: relative;
  2439. z-index: 2;
  2440. width: 100%;
  2441. height: calc(2.25rem + 2px);
  2442. margin: 0;
  2443. opacity: 0
  2444. }
  2445.  
  2446. .custom-file-input:focus~.custom-file-control {
  2447. border-color: #80bdff;
  2448. box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
  2449. }
  2450.  
  2451. .custom-file-input:focus~.custom-file-control::before {
  2452. border-color: #80bdff
  2453. }
  2454.  
  2455. .custom-file-input:lang(en)~.custom-file-label::after {
  2456. content: "Browse"
  2457. }
  2458.  
  2459. .custom-file-label {
  2460. position: absolute;
  2461. top: 0;
  2462. right: 0;
  2463. left: 0;
  2464. z-index: 1;
  2465. height: calc(2.25rem + 2px);
  2466. padding: .375rem .75rem;
  2467. line-height: 1.5;
  2468. color: #495057;
  2469. background-color: #fff;
  2470. border: 1px solid #ced4da;
  2471. border-radius: .25rem
  2472. }
  2473.  
  2474. .custom-file-label::after {
  2475. position: absolute;
  2476. top: 0;
  2477. right: 0;
  2478. bottom: 0;
  2479. z-index: 3;
  2480. display: block;
  2481. height: calc(calc(2.25rem + 2px) - 1px * 2);
  2482. padding: .375rem .75rem;
  2483. line-height: 1.5;
  2484. color: #495057;
  2485. content: "Browse";
  2486. background-color: #e9ecef;
  2487. border-left: 1px solid #ced4da;
  2488. border-radius: 0 .25rem .25rem 0
  2489. }
  2490.  
  2491. .nav {
  2492. display: -webkit-box;
  2493. display: -ms-flexbox;
  2494. display: flex;
  2495. -ms-flex-wrap: wrap;
  2496. flex-wrap: wrap;
  2497. padding-left: 0;
  2498. margin-bottom: 0;
  2499. list-style: none
  2500. }
  2501.  
  2502. .nav-link {
  2503. display: block;
  2504. padding: .5rem 1rem
  2505. }
  2506.  
  2507. .nav-link:focus,
  2508. .nav-link:hover {
  2509. text-decoration: none
  2510. }
  2511.  
  2512. .nav-link.disabled {
  2513. color: #6c757d
  2514. }
  2515.  
  2516. .nav-tabs {
  2517. border-bottom: 1px solid #dee2e6
  2518. }
  2519.  
  2520. .nav-tabs .nav-item {
  2521. margin-bottom: -1px
  2522. }
  2523.  
  2524. .nav-tabs .nav-link {
  2525. border: 1px solid transparent;
  2526. border-top-left-radius: .25rem;
  2527. border-top-right-radius: .25rem
  2528. }
  2529.  
  2530. .nav-tabs .nav-link:focus,
  2531. .nav-tabs .nav-link:hover {
  2532. border-color: #e9ecef #e9ecef #dee2e6
  2533. }
  2534.  
  2535. .nav-tabs .nav-link.disabled {
  2536. color: #6c757d;
  2537. background-color: transparent;
  2538. border-color: transparent
  2539. }
  2540.  
  2541. .nav-tabs .nav-item.show .nav-link,
  2542. .nav-tabs .nav-link.active {
  2543. color: #495057;
  2544. background-color: #fff;
  2545. border-color: #dee2e6 #dee2e6 #fff
  2546. }
  2547.  
  2548. .nav-tabs .dropdown-menu {
  2549. margin-top: -1px;
  2550. border-top-left-radius: 0;
  2551. border-top-right-radius: 0
  2552. }
  2553.  
  2554. .nav-pills .nav-link {
  2555. border-radius: .25rem
  2556. }
  2557.  
  2558. .nav-pills .nav-link.active,
  2559. .nav-pills .show>.nav-link {
  2560. color: #fff;
  2561. background-color: #007bff
  2562. }
  2563.  
  2564. .nav-fill .nav-item {
  2565. -webkit-box-flex: 1;
  2566. -ms-flex: 1 1 auto;
  2567. flex: 1 1 auto;
  2568. text-align: center
  2569. }
  2570.  
  2571. .nav-justified .nav-item {
  2572. -ms-flex-preferred-size: 0;
  2573. flex-basis: 0;
  2574. -webkit-box-flex: 1;
  2575. -ms-flex-positive: 1;
  2576. flex-grow: 1;
  2577. text-align: center
  2578. }
  2579.  
  2580. .tab-content>.tab-pane {
  2581. display: none
  2582. }
  2583.  
  2584. .tab-content>.active {
  2585. display: block
  2586. }
  2587.  
  2588. .navbar {
  2589. position: relative;
  2590. display: -webkit-box;
  2591. display: -ms-flexbox;
  2592. display: flex;
  2593. -ms-flex-wrap: wrap;
  2594. flex-wrap: wrap;
  2595. -webkit-box-align: center;
  2596. -ms-flex-align: center;
  2597. align-items: center;
  2598. -webkit-box-pack: justify;
  2599. -ms-flex-pack: justify;
  2600. justify-content: space-between;
  2601. padding: .5rem 1rem
  2602. }
  2603.  
  2604. .navbar>.container,
  2605. .navbar>.container-fluid {
  2606. display: -webkit-box;
  2607. display: -ms-flexbox;
  2608. display: flex;
  2609. -ms-flex-wrap: wrap;
  2610. flex-wrap: wrap;
  2611. -webkit-box-align: center;
  2612. -ms-flex-align: center;
  2613. align-items: center;
  2614. -webkit-box-pack: justify;
  2615. -ms-flex-pack: justify;
  2616. justify-content: space-between
  2617. }
  2618.  
  2619. .navbar-brand {
  2620. display: inline-block;
  2621. padding-top: .3125rem;
  2622. padding-bottom: .3125rem;
  2623. margin-right: 1rem;
  2624. font-size: 1.25rem;
  2625. line-height: inherit;
  2626. white-space: nowrap
  2627. }
  2628.  
  2629. .navbar-brand:focus,
  2630. .navbar-brand:hover {
  2631. text-decoration: none
  2632. }
  2633.  
  2634. .navbar-nav {
  2635. display: -webkit-box;
  2636. display: -ms-flexbox;
  2637. display: flex;
  2638. -webkit-box-orient: vertical;
  2639. -webkit-box-direction: normal;
  2640. -ms-flex-direction: column;
  2641. flex-direction: column;
  2642. padding-left: 0;
  2643. margin-bottom: 0;
  2644. list-style: none
  2645. }
  2646.  
  2647. .navbar-nav .nav-link {
  2648. padding-right: 0;
  2649. padding-left: 0
  2650. }
  2651.  
  2652. .navbar-nav .dropdown-menu {
  2653. position: static;
  2654. float: none
  2655. }
  2656.  
  2657. .navbar-text {
  2658. display: inline-block;
  2659. padding-top: .5rem;
  2660. padding-bottom: .5rem
  2661. }
  2662.  
  2663. .navbar-collapse {
  2664. -ms-flex-preferred-size: 100%;
  2665. flex-basis: 100%;
  2666. -webkit-box-flex: 1;
  2667. -ms-flex-positive: 1;
  2668. flex-grow: 1;
  2669. -webkit-box-align: center;
  2670. -ms-flex-align: center;
  2671. align-items: center
  2672. }
  2673.  
  2674. .navbar-toggler {
  2675. padding: .25rem .75rem;
  2676. font-size: 1.25rem;
  2677. line-height: 1;
  2678. background-color: transparent;
  2679. border: 1px solid transparent;
  2680. border-radius: .25rem
  2681. }
  2682.  
  2683. .navbar-toggler:focus,
  2684. .navbar-toggler:hover {
  2685. text-decoration: none
  2686. }
  2687.  
  2688. .navbar-toggler:not(:disabled):not(.disabled) {
  2689. cursor: pointer
  2690. }
  2691.  
  2692. .navbar-toggler-icon {
  2693. display: inline-block;
  2694. width: 1.5em;
  2695. height: 1.5em;
  2696. vertical-align: middle;
  2697. content: "";
  2698. background: no-repeat center center;
  2699. background-size: 100% 100%
  2700. }
  2701.  
  2702. @media (max-width:575.98px) {
  2703. .navbar-expand-sm>.container,
  2704. .navbar-expand-sm>.container-fluid {
  2705. padding-right: 0;
  2706. padding-left: 0
  2707. }
  2708. }
  2709.  
  2710. @media (min-width:576px) {
  2711. .navbar-expand-sm {
  2712. -webkit-box-orient: horizontal;
  2713. -webkit-box-direction: normal;
  2714. -ms-flex-flow: row nowrap;
  2715. flex-flow: row nowrap;
  2716. -webkit-box-pack: start;
  2717. -ms-flex-pack: start;
  2718. justify-content: flex-start
  2719. }
  2720. .navbar-expand-sm .navbar-nav {
  2721. -webkit-box-orient: horizontal;
  2722. -webkit-box-direction: normal;
  2723. -ms-flex-direction: row;
  2724. flex-direction: row
  2725. }
  2726. .navbar-expand-sm .navbar-nav .dropdown-menu {
  2727. position: absolute
  2728. }
  2729. .navbar-expand-sm .navbar-nav .dropdown-menu-right {
  2730. right: 0;
  2731. left: auto
  2732. }
  2733. .navbar-expand-sm .navbar-nav .nav-link {
  2734. padding-right: .5rem;
  2735. padding-left: .5rem
  2736. }
  2737. .navbar-expand-sm>.container,
  2738. .navbar-expand-sm>.container-fluid {
  2739. -ms-flex-wrap: nowrap;
  2740. flex-wrap: nowrap
  2741. }
  2742. .navbar-expand-sm .navbar-collapse {
  2743. display: -webkit-box!important;
  2744. display: -ms-flexbox!important;
  2745. display: flex!important;
  2746. -ms-flex-preferred-size: auto;
  2747. flex-basis: auto
  2748. }
  2749. .navbar-expand-sm .navbar-toggler {
  2750. display: none
  2751. }
  2752. .navbar-expand-sm .dropup .dropdown-menu {
  2753. top: auto;
  2754. bottom: 100%
  2755. }
  2756. }
  2757.  
  2758. @media (max-width:767.98px) {
  2759. .navbar-expand-md>.container,
  2760. .navbar-expand-md>.container-fluid {
  2761. padding-right: 0;
  2762. padding-left: 0
  2763. }
  2764. }
  2765.  
  2766. @media (min-width:768px) {
  2767. .navbar-expand-md {
  2768. -webkit-box-orient: horizontal;
  2769. -webkit-box-direction: normal;
  2770. -ms-flex-flow: row nowrap;
  2771. flex-flow: row nowrap;
  2772. -webkit-box-pack: start;
  2773. -ms-flex-pack: start;
  2774. justify-content: flex-start
  2775. }
  2776. .navbar-expand-md .navbar-nav {
  2777. -webkit-box-orient: horizontal;
  2778. -webkit-box-direction: normal;
  2779. -ms-flex-direction: row;
  2780. flex-direction: row
  2781. }
  2782. .navbar-expand-md .navbar-nav .dropdown-menu {
  2783. position: absolute
  2784. }
  2785. .navbar-expand-md .navbar-nav .dropdown-menu-right {
  2786. right: 0;
  2787. left: auto
  2788. }
  2789. .navbar-expand-md .navbar-nav .nav-link {
  2790. padding-right: .5rem;
  2791. padding-left: .5rem
  2792. }
  2793. .navbar-expand-md>.container,
  2794. .navbar-expand-md>.container-fluid {
  2795. -ms-flex-wrap: nowrap;
  2796. flex-wrap: nowrap
  2797. }
  2798. .navbar-expand-md .navbar-collapse {
  2799. display: -webkit-box!important;
  2800. display: -ms-flexbox!important;
  2801. display: flex!important;
  2802. -ms-flex-preferred-size: auto;
  2803. flex-basis: auto
  2804. }
  2805. .navbar-expand-md .navbar-toggler {
  2806. display: none
  2807. }
  2808. .navbar-expand-md .dropup .dropdown-menu {
  2809. top: auto;
  2810. bottom: 100%
  2811. }
  2812. }
  2813.  
  2814. @media (max-width:991.98px) {
  2815. .navbar-expand-lg>.container,
  2816. .navbar-expand-lg>.container-fluid {
  2817. padding-right: 0;
  2818. padding-left: 0
  2819. }
  2820. }
  2821.  
  2822. @media (min-width:992px) {
  2823. .navbar-expand-lg {
  2824. -webkit-box-orient: horizontal;
  2825. -webkit-box-direction: normal;
  2826. -ms-flex-flow: row nowrap;
  2827. flex-flow: row nowrap;
  2828. -webkit-box-pack: start;
  2829. -ms-flex-pack: start;
  2830. justify-content: flex-start
  2831. }
  2832. .navbar-expand-lg .navbar-nav {
  2833. -webkit-box-orient: horizontal;
  2834. -webkit-box-direction: normal;
  2835. -ms-flex-direction: row;
  2836. flex-direction: row
  2837. }
  2838. .navbar-expand-lg .navbar-nav .dropdown-menu {
  2839. position: absolute
  2840. }
  2841. .navbar-expand-lg .navbar-nav .dropdown-menu-right {
  2842. right: 0;
  2843. left: auto
  2844. }
  2845. .navbar-expand-lg .navbar-nav .nav-link {
  2846. padding-right: .5rem;
  2847. padding-left: .5rem
  2848. }
  2849. .navbar-expand-lg>.container,
  2850. .navbar-expand-lg>.container-fluid {
  2851. -ms-flex-wrap: nowrap;
  2852. flex-wrap: nowrap
  2853. }
  2854. .navbar-expand-lg .navbar-collapse {
  2855. display: -webkit-box!important;
  2856. display: -ms-flexbox!important;
  2857. display: flex!important;
  2858. -ms-flex-preferred-size: auto;
  2859. flex-basis: auto
  2860. }
  2861. .navbar-expand-lg .navbar-toggler {
  2862. display: none
  2863. }
  2864. .navbar-expand-lg .dropup .dropdown-menu {
  2865. top: auto;
  2866. bottom: 100%
  2867. }
  2868. }
  2869.  
  2870. @media (max-width:1199.98px) {
  2871. .navbar-expand-xl>.container,
  2872. .navbar-expand-xl>.container-fluid {
  2873. padding-right: 0;
  2874. padding-left: 0
  2875. }
  2876. }
  2877.  
  2878. @media (min-width:1200px) {
  2879. .navbar-expand-xl {
  2880. -webkit-box-orient: horizontal;
  2881. -webkit-box-direction: normal;
  2882. -ms-flex-flow: row nowrap;
  2883. flex-flow: row nowrap;
  2884. -webkit-box-pack: start;
  2885. -ms-flex-pack: start;
  2886. justify-content: flex-start
  2887. }
  2888. .navbar-expand-xl .navbar-nav {
  2889. -webkit-box-orient: horizontal;
  2890. -webkit-box-direction: normal;
  2891. -ms-flex-direction: row;
  2892. flex-direction: row
  2893. }
  2894. .navbar-expand-xl .navbar-nav .dropdown-menu {
  2895. position: absolute
  2896. }
  2897. .navbar-expand-xl .navbar-nav .dropdown-menu-right {
  2898. right: 0;
  2899. left: auto
  2900. }
  2901. .navbar-expand-xl .navbar-nav .nav-link {
  2902. padding-right: .5rem;
  2903. padding-left: .5rem
  2904. }
  2905. .navbar-expand-xl>.container,
  2906. .navbar-expand-xl>.container-fluid {
  2907. -ms-flex-wrap: nowrap;
  2908. flex-wrap: nowrap
  2909. }
  2910. .navbar-expand-xl .navbar-collapse {
  2911. display: -webkit-box!important;
  2912. display: -ms-flexbox!important;
  2913. display: flex!important;
  2914. -ms-flex-preferred-size: auto;
  2915. flex-basis: auto
  2916. }
  2917. .navbar-expand-xl .navbar-toggler {
  2918. display: none
  2919. }
  2920. .navbar-expand-xl .dropup .dropdown-menu {
  2921. top: auto;
  2922. bottom: 100%
  2923. }
  2924. }
  2925.  
  2926. .navbar-expand {
  2927. -webkit-box-orient: horizontal;
  2928. -webkit-box-direction: normal;
  2929. -ms-flex-flow: row nowrap;
  2930. flex-flow: row nowrap;
  2931. -webkit-box-pack: start;
  2932. -ms-flex-pack: start;
  2933. justify-content: flex-start
  2934. }
  2935.  
  2936. .navbar-expand>.container,
  2937. .navbar-expand>.container-fluid {
  2938. padding-right: 0;
  2939. padding-left: 0
  2940. }
  2941.  
  2942. .navbar-expand .navbar-nav {
  2943. -webkit-box-orient: horizontal;
  2944. -webkit-box-direction: normal;
  2945. -ms-flex-direction: row;
  2946. flex-direction: row
  2947. }
  2948.  
  2949. .navbar-expand .navbar-nav .dropdown-menu {
  2950. position: absolute
  2951. }
  2952.  
  2953. .navbar-expand .navbar-nav .dropdown-menu-right {
  2954. right: 0;
  2955. left: auto
  2956. }
  2957.  
  2958. .navbar-expand .navbar-nav .nav-link {
  2959. padding-right: .5rem;
  2960. padding-left: .5rem
  2961. }
  2962.  
  2963. .navbar-expand>.container,
  2964. .navbar-expand>.container-fluid {
  2965. -ms-flex-wrap: nowrap;
  2966. flex-wrap: nowrap
  2967. }
  2968.  
  2969. .navbar-expand .navbar-collapse {
  2970. display: -webkit-box!important;
  2971. display: -ms-flexbox!important;
  2972. display: flex!important;
  2973. -ms-flex-preferred-size: auto;
  2974. flex-basis: auto
  2975. }
  2976.  
  2977. .navbar-expand .navbar-toggler {
  2978. display: none
  2979. }
  2980.  
  2981. .navbar-expand .dropup .dropdown-menu {
  2982. top: auto;
  2983. bottom: 100%
  2984. }
  2985.  
  2986. .navbar-light .navbar-brand {
  2987. color: rgba(0, 0, 0, .9)
  2988. }
  2989.  
  2990. .navbar-light .navbar-brand:focus,
  2991. .navbar-light .navbar-brand:hover {
  2992. color: rgba(0, 0, 0, .9)
  2993. }
  2994.  
  2995. .navbar-light .navbar-nav .nav-link {
  2996. color: rgba(0, 0, 0, .5)
  2997. }
  2998.  
  2999. .navbar-light .navbar-nav .nav-link:focus,
  3000. .navbar-light .navbar-nav .nav-link:hover {
  3001. color: rgba(0, 0, 0, .7)
  3002. }
  3003.  
  3004. .navbar-light .navbar-nav .nav-link.disabled {
  3005. color: rgba(0, 0, 0, .3)
  3006. }
  3007.  
  3008. .navbar-light .navbar-nav .active>.nav-link,
  3009. .navbar-light .navbar-nav .nav-link.active,
  3010. .navbar-light .navbar-nav .nav-link.show,
  3011. .navbar-light .navbar-nav .show>.nav-link {
  3012. color: rgba(0, 0, 0, .9)
  3013. }
  3014.  
  3015. .navbar-light .navbar-toggler {
  3016. color: rgba(0, 0, 0, .5);
  3017. border-color: rgba(0, 0, 0, .1)
  3018. }
  3019.  
  3020. .navbar-light .navbar-toggler-icon {
  3021. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
  3022. }
  3023.  
  3024. .navbar-light .navbar-text {
  3025. color: rgba(0, 0, 0, .5)
  3026. }
  3027.  
  3028. .navbar-light .navbar-text a {
  3029. color: rgba(0, 0, 0, .9)
  3030. }
  3031.  
  3032. .navbar-light .navbar-text a:focus,
  3033. .navbar-light .navbar-text a:hover {
  3034. color: rgba(0, 0, 0, .9)
  3035. }
  3036.  
  3037. .navbar-dark .navbar-brand {
  3038. color: #fff
  3039. }
  3040.  
  3041. .navbar-dark .navbar-brand:focus,
  3042. .navbar-dark .navbar-brand:hover {
  3043. color: #fff
  3044. }
  3045.  
  3046. .navbar-dark .navbar-nav .nav-link {
  3047. color: rgba(255, 255, 255, .5)
  3048. }
  3049.  
  3050. .navbar-dark .navbar-nav .nav-link:focus,
  3051. .navbar-dark .navbar-nav .nav-link:hover {
  3052. color: rgba(255, 255, 255, .75)
  3053. }
  3054.  
  3055. .navbar-dark .navbar-nav .nav-link.disabled {
  3056. color: rgba(255, 255, 255, .25)
  3057. }
  3058.  
  3059. .navbar-dark .navbar-nav .active>.nav-link,
  3060. .navbar-dark .navbar-nav .nav-link.active,
  3061. .navbar-dark .navbar-nav .nav-link.show,
  3062. .navbar-dark .navbar-nav .show>.nav-link {
  3063. color: #fff
  3064. }
  3065.  
  3066. .navbar-dark .navbar-toggler {
  3067. color: rgba(255, 255, 255, .5);
  3068. border-color: rgba(255, 255, 255, .1)
  3069. }
  3070.  
  3071. .navbar-dark .navbar-toggler-icon {
  3072. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
  3073. }
  3074.  
  3075. .navbar-dark .navbar-text {
  3076. color: rgba(255, 255, 255, .5)
  3077. }
  3078.  
  3079. .navbar-dark .navbar-text a {
  3080. color: #fff
  3081. }
  3082.  
  3083. .navbar-dark .navbar-text a:focus,
  3084. .navbar-dark .navbar-text a:hover {
  3085. color: #fff
  3086. }
  3087.  
  3088. .card {
  3089. position: relative;
  3090. display: -webkit-box;
  3091. display: -ms-flexbox;
  3092. display: flex;
  3093. -webkit-box-orient: vertical;
  3094. -webkit-box-direction: normal;
  3095. -ms-flex-direction: column;
  3096. flex-direction: column;
  3097. min-width: 0;
  3098. word-wrap: break-word;
  3099. background-color: #fff;
  3100. background-clip: border-box;
  3101. border: 1px solid rgba(0, 0, 0, .125);
  3102. border-radius: .25rem
  3103. }
  3104.  
  3105. .card>hr {
  3106. margin-right: 0;
  3107. margin-left: 0
  3108. }
  3109.  
  3110. .card>.list-group:first-child .list-group-item:first-child {
  3111. border-top-left-radius: .25rem;
  3112. border-top-right-radius: .25rem
  3113. }
  3114.  
  3115. .card>.list-group:last-child .list-group-item:last-child {
  3116. border-bottom-right-radius: .25rem;
  3117. border-bottom-left-radius: .25rem
  3118. }
  3119.  
  3120. .card-body {
  3121. -webkit-box-flex: 1;
  3122. -ms-flex: 1 1 auto;
  3123. flex: 1 1 auto;
  3124. padding: 1.25rem
  3125. }
  3126.  
  3127. .card-title {
  3128. margin-bottom: .75rem
  3129. }
  3130.  
  3131. .card-subtitle {
  3132. margin-top: -.375rem;
  3133. margin-bottom: 0
  3134. }
  3135.  
  3136. .card-text:last-child {
  3137. margin-bottom: 0
  3138. }
  3139.  
  3140. .card-link:hover {
  3141. text-decoration: none
  3142. }
  3143.  
  3144. .card-link+.card-link {
  3145. margin-left: 1.25rem
  3146. }
  3147.  
  3148. .card-header {
  3149. padding: .75rem 1.25rem;
  3150. margin-bottom: 0;
  3151. background-color: rgba(0, 0, 0, .03);
  3152. border-bottom: 1px solid rgba(0, 0, 0, .125)
  3153. }
  3154.  
  3155. .card-header:first-child {
  3156. border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
  3157. }
  3158.  
  3159. .card-header+.list-group .list-group-item:first-child {
  3160. border-top: 0
  3161. }
  3162.  
  3163. .card-footer {
  3164. padding: .75rem 1.25rem;
  3165. background-color: rgba(0, 0, 0, .03);
  3166. border-top: 1px solid rgba(0, 0, 0, .125)
  3167. }
  3168.  
  3169. .card-footer:last-child {
  3170. border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
  3171. }
  3172.  
  3173. .card-header-tabs {
  3174. margin-right: -.625rem;
  3175. margin-bottom: -.75rem;
  3176. margin-left: -.625rem;
  3177. border-bottom: 0
  3178. }
  3179.  
  3180. .card-header-pills {
  3181. margin-right: -.625rem;
  3182. margin-left: -.625rem
  3183. }
  3184.  
  3185. .card-img-overlay {
  3186. position: absolute;
  3187. top: 0;
  3188. right: 0;
  3189. bottom: 0;
  3190. left: 0;
  3191. padding: 1.25rem
  3192. }
  3193.  
  3194. .card-img {
  3195. width: 100%;
  3196. border-radius: calc(.25rem - 1px)
  3197. }
  3198.  
  3199. .card-img-top {
  3200. width: 100%;
  3201. border-top-left-radius: calc(.25rem - 1px);
  3202. border-top-right-radius: calc(.25rem - 1px)
  3203. }
  3204.  
  3205. .card-img-bottom {
  3206. width: 100%;
  3207. border-bottom-right-radius: calc(.25rem - 1px);
  3208. border-bottom-left-radius: calc(.25rem - 1px)
  3209. }
  3210.  
  3211. .card-deck {
  3212. display: -webkit-box;
  3213. display: -ms-flexbox;
  3214. display: flex;
  3215. -webkit-box-orient: vertical;
  3216. -webkit-box-direction: normal;
  3217. -ms-flex-direction: column;
  3218. flex-direction: column
  3219. }
  3220.  
  3221. .card-deck .card {
  3222. margin-bottom: 15px
  3223. }
  3224.  
  3225. @media (min-width:576px) {
  3226. .card-deck {
  3227. -webkit-box-orient: horizontal;
  3228. -webkit-box-direction: normal;
  3229. -ms-flex-flow: row wrap;
  3230. flex-flow: row wrap;
  3231. margin-right: -15px;
  3232. margin-left: -15px
  3233. }
  3234. .card-deck .card {
  3235. display: -webkit-box;
  3236. display: -ms-flexbox;
  3237. display: flex;
  3238. -webkit-box-flex: 1;
  3239. -ms-flex: 1 0 0%;
  3240. flex: 1 0 0%;
  3241. -webkit-box-orient: vertical;
  3242. -webkit-box-direction: normal;
  3243. -ms-flex-direction: column;
  3244. flex-direction: column;
  3245. margin-right: 15px;
  3246. margin-bottom: 0;
  3247. margin-left: 15px
  3248. }
  3249. }
  3250.  
  3251. .card-group {
  3252. display: -webkit-box;
  3253. display: -ms-flexbox;
  3254. display: flex;
  3255. -webkit-box-orient: vertical;
  3256. -webkit-box-direction: normal;
  3257. -ms-flex-direction: column;
  3258. flex-direction: column
  3259. }
  3260.  
  3261. .card-group>.card {
  3262. margin-bottom: 15px
  3263. }
  3264.  
  3265. @media (min-width:576px) {
  3266. .card-group {
  3267. -webkit-box-orient: horizontal;
  3268. -webkit-box-direction: normal;
  3269. -ms-flex-flow: row wrap;
  3270. flex-flow: row wrap
  3271. }
  3272. .card-group>.card {
  3273. -webkit-box-flex: 1;
  3274. -ms-flex: 1 0 0%;
  3275. flex: 1 0 0%;
  3276. margin-bottom: 0
  3277. }
  3278. .card-group>.card+.card {
  3279. margin-left: 0;
  3280. border-left: 0
  3281. }
  3282. .card-group>.card:first-child {
  3283. border-top-right-radius: 0;
  3284. border-bottom-right-radius: 0
  3285. }
  3286. .card-group>.card:first-child .card-header,
  3287. .card-group>.card:first-child .card-img-top {
  3288. border-top-right-radius: 0
  3289. }
  3290. .card-group>.card:first-child .card-footer,
  3291. .card-group>.card:first-child .card-img-bottom {
  3292. border-bottom-right-radius: 0
  3293. }
  3294. .card-group>.card:last-child {
  3295. border-top-left-radius: 0;
  3296. border-bottom-left-radius: 0
  3297. }
  3298. .card-group>.card:last-child .card-header,
  3299. .card-group>.card:last-child .card-img-top {
  3300. border-top-left-radius: 0
  3301. }
  3302. .card-group>.card:last-child .card-footer,
  3303. .card-group>.card:last-child .card-img-bottom {
  3304. border-bottom-left-radius: 0
  3305. }
  3306. .card-group>.card:only-child {
  3307. border-radius: .25rem
  3308. }
  3309. .card-group>.card:only-child .card-header,
  3310. .card-group>.card:only-child .card-img-top {
  3311. border-top-left-radius: .25rem;
  3312. border-top-right-radius: .25rem
  3313. }
  3314. .card-group>.card:only-child .card-footer,
  3315. .card-group>.card:only-child .card-img-bottom {
  3316. border-bottom-right-radius: .25rem;
  3317. border-bottom-left-radius: .25rem
  3318. }
  3319. .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
  3320. border-radius: 0
  3321. }
  3322. .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
  3323. .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  3324. .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  3325. .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
  3326. border-radius: 0
  3327. }
  3328. }
  3329.  
  3330. .card-columns .card {
  3331. margin-bottom: .75rem
  3332. }
  3333.  
  3334. @media (min-width:576px) {
  3335. .card-columns {
  3336. -webkit-column-count: 3;
  3337. -moz-column-count: 3;
  3338. column-count: 3;
  3339. -webkit-column-gap: 1.25rem;
  3340. -moz-column-gap: 1.25rem;
  3341. column-gap: 1.25rem
  3342. }
  3343. .card-columns .card {
  3344. display: inline-block;
  3345. width: 100%
  3346. }
  3347. }
  3348.  
  3349. .breadcrumb {
  3350. display: -webkit-box;
  3351. display: -ms-flexbox;
  3352. display: flex;
  3353. -ms-flex-wrap: wrap;
  3354. flex-wrap: wrap;
  3355. padding: .75rem 1rem;
  3356. margin-bottom: 1rem;
  3357. list-style: none;
  3358. background-color: #e9ecef;
  3359. border-radius: .25rem
  3360. }
  3361.  
  3362. .breadcrumb-item+.breadcrumb-item::before {
  3363. display: inline-block;
  3364. padding-right: .5rem;
  3365. padding-left: .5rem;
  3366. color: #6c757d;
  3367. content: "/"
  3368. }
  3369.  
  3370. .breadcrumb-item+.breadcrumb-item:hover::before {
  3371. text-decoration: underline
  3372. }
  3373.  
  3374. .breadcrumb-item+.breadcrumb-item:hover::before {
  3375. text-decoration: none
  3376. }
  3377.  
  3378. .breadcrumb-item.active {
  3379. color: #6c757d
  3380. }
  3381.  
  3382. .pagination {
  3383. display: -webkit-box;
  3384. display: -ms-flexbox;
  3385. display: flex;
  3386. padding-left: 0;
  3387. list-style: none;
  3388. border-radius: .25rem
  3389. }
  3390.  
  3391. .page-link {
  3392. position: relative;
  3393. display: block;
  3394. padding: .5rem .75rem;
  3395. margin-left: -1px;
  3396. line-height: 1.25;
  3397. color: #007bff;
  3398. background-color: #fff;
  3399. border: 1px solid #dee2e6
  3400. }
  3401.  
  3402. .page-link:hover {
  3403. color: #0056b3;
  3404. text-decoration: none;
  3405. background-color: #e9ecef;
  3406. border-color: #dee2e6
  3407. }
  3408.  
  3409. .page-link:focus {
  3410. z-index: 2;
  3411. outline: 0;
  3412. box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
  3413. }
  3414.  
  3415. .page-link:not(:disabled):not(.disabled) {
  3416. cursor: pointer
  3417. }
  3418.  
  3419. .page-item:first-child .page-link {
  3420. margin-left: 0;
  3421. border-top-left-radius: .25rem;
  3422. border-bottom-left-radius: .25rem
  3423. }
  3424.  
  3425. .page-item:last-child .page-link {
  3426. border-top-right-radius: .25rem;
  3427. border-bottom-right-radius: .25rem
  3428. }
  3429.  
  3430. .page-item.active .page-link {
  3431. z-index: 1;
  3432. color: #fff;
  3433. background-color: #007bff;
  3434. border-color: #007bff
  3435. }
  3436.  
  3437. .page-item.disabled .page-link {
  3438. color: #6c757d;
  3439. pointer-events: none;
  3440. cursor: auto;
  3441. background-color: #fff;
  3442. border-color: #dee2e6
  3443. }
  3444.  
  3445. .pagination-lg .page-link {
  3446. padding: .75rem 1.5rem;
  3447. font-size: 1.25rem;
  3448. line-height: 1.5
  3449. }
  3450.  
  3451. .pagination-lg .page-item:first-child .page-link {
  3452. border-top-left-radius: .3rem;
  3453. border-bottom-left-radius: .3rem
  3454. }
  3455.  
  3456. .pagination-lg .page-item:last-child .page-link {
  3457. border-top-right-radius: .3rem;
  3458. border-bottom-right-radius: .3rem
  3459. }
  3460.  
  3461. .pagination-sm .page-link {
  3462. padding: .25rem .5rem;
  3463. font-size: .875rem;
  3464. line-height: 1.5
  3465. }
  3466.  
  3467. .pagination-sm .page-item:first-child .page-link {
  3468. border-top-left-radius: .2rem;
  3469. border-bottom-left-radius: .2rem
  3470. }
  3471.  
  3472. .pagination-sm .page-item:last-child .page-link {
  3473. border-top-right-radius: .2rem;
  3474. border-bottom-right-radius: .2rem
  3475. }
  3476.  
  3477. .badge {
  3478. display: inline-block;
  3479. padding: .25em .4em;
  3480. font-size: 75%;
  3481. font-weight: 700;
  3482. line-height: 1;
  3483. text-align: center;
  3484. white-space: nowrap;
  3485. vertical-align: baseline;
  3486. border-radius: .25rem
  3487. }
  3488.  
  3489. .badge:empty {
  3490. display: none
  3491. }
  3492.  
  3493. .btn .badge {
  3494. position: relative;
  3495. top: -1px
  3496. }
  3497.  
  3498. .badge-pill {
  3499. padding-right: .6em;
  3500. padding-left: .6em;
  3501. border-radius: 10rem
  3502. }
  3503.  
  3504. .badge-primary {
  3505. color: #fff;
  3506. background-color: #007bff
  3507. }
  3508.  
  3509. .badge-primary[href]:focus,
  3510. .badge-primary[href]:hover {
  3511. color: #fff;
  3512. text-decoration: none;
  3513. background-color: #0062cc
  3514. }
  3515.  
  3516. .badge-secondary {
  3517. color: #fff;
  3518. background-color: #6c757d
  3519. }
  3520.  
  3521. .badge-secondary[href]:focus,
  3522. .badge-secondary[href]:hover {
  3523. color: #fff;
  3524. text-decoration: none;
  3525. background-color: #545b62
  3526. }
  3527.  
  3528. .badge-success {
  3529. color: #fff;
  3530. background-color: #28a745
  3531. }
  3532.  
  3533. .badge-success[href]:focus,
  3534. .badge-success[href]:hover {
  3535. color: #fff;
  3536. text-decoration: none;
  3537. background-color: #1e7e34
  3538. }
  3539.  
  3540. .badge-info {
  3541. color: #fff;
  3542. background-color: #17a2b8
  3543. }
  3544.  
  3545. .badge-info[href]:focus,
  3546. .badge-info[href]:hover {
  3547. color: #fff;
  3548. text-decoration: none;
  3549. background-color: #117a8b
  3550. }
  3551.  
  3552. .badge-warning {
  3553. color: #212529;
  3554. background-color: #ffc107
  3555. }
  3556.  
  3557. .badge-warning[href]:focus,
  3558. .badge-warning[href]:hover {
  3559. color: #212529;
  3560. text-decoration: none;
  3561. background-color: #d39e00
  3562. }
  3563.  
  3564. .badge-danger {
  3565. color: #fff;
  3566. background-color: #dc3545
  3567. }
  3568.  
  3569. .badge-danger[href]:focus,
  3570. .badge-danger[href]:hover {
  3571. color: #fff;
  3572. text-decoration: none;
  3573. background-color: #bd2130
  3574. }
  3575.  
  3576. .badge-light {
  3577. color: #212529;
  3578. background-color: #f8f9fa
  3579. }
  3580.  
  3581. .badge-light[href]:focus,
  3582. .badge-light[href]:hover {
  3583. color: #212529;
  3584. text-decoration: none;
  3585. background-color: #dae0e5
  3586. }
  3587.  
  3588. .badge-dark {
  3589. color: #fff;
  3590. background-color: #343a40
  3591. }
  3592.  
  3593. .badge-dark[href]:focus,
  3594. .badge-dark[href]:hover {
  3595. color: #fff;
  3596. text-decoration: none;
  3597. background-color: #1d2124
  3598. }
  3599.  
  3600. .jumbotron {
  3601. padding: 2rem 1rem;
  3602. margin-bottom: 2rem;
  3603. background-color: #e9ecef;
  3604. border-radius: .3rem
  3605. }
  3606.  
  3607. @media (min-width:576px) {
  3608. .jumbotron {
  3609. padding: 4rem 2rem
  3610. }
  3611. }
  3612.  
  3613. .jumbotron-fluid {
  3614. padding-right: 0;
  3615. padding-left: 0;
  3616. border-radius: 0
  3617. }
  3618.  
  3619. .alert {
  3620. position: relative;
  3621. padding: .75rem 1.25rem;
  3622. margin-bottom: 1rem;
  3623. border: 1px solid transparent;
  3624. border-radius: .25rem
  3625. }
  3626.  
  3627. .alert-heading {
  3628. color: inherit
  3629. }
  3630.  
  3631. .alert-link {
  3632. font-weight: 700
  3633. }
  3634.  
  3635. .alert-dismissible {
  3636. padding-right: 4rem
  3637. }
  3638.  
  3639. .alert-dismissible .close {
  3640. position: absolute;
  3641. top: 0;
  3642. right: 0;
  3643. padding: .75rem 1.25rem;
  3644. color: inherit
  3645. }
  3646.  
  3647. .alert-primary {
  3648. color: #004085;
  3649. background-color: #cce5ff;
  3650. border-color: #b8daff
  3651. }
  3652.  
  3653. .alert-primary hr {
  3654. border-top-color: #9fcdff
  3655. }
  3656.  
  3657. .alert-primary .alert-link {
  3658. color: #002752
  3659. }
  3660.  
  3661. .alert-secondary {
  3662. color: #383d41;
  3663. background-color: #e2e3e5;
  3664. border-color: #d6d8db
  3665. }
  3666.  
  3667. .alert-secondary hr {
  3668. border-top-color: #c8cbcf
  3669. }
  3670.  
  3671. .alert-secondary .alert-link {
  3672. color: #202326
  3673. }
  3674.  
  3675. .alert-success {
  3676. color: #155724;
  3677. background-color: #d4edda;
  3678. border-color: #c3e6cb
  3679. }
  3680.  
  3681. .alert-success hr {
  3682. border-top-color: #b1dfbb
  3683. }
  3684.  
  3685. .alert-success .alert-link {
  3686. color: #0b2e13
  3687. }
  3688.  
  3689. .alert-info {
  3690. color: #0c5460;
  3691. background-color: #d1ecf1;
  3692. border-color: #bee5eb
  3693. }
  3694.  
  3695. .alert-info hr {
  3696. border-top-color: #abdde5
  3697. }
  3698.  
  3699. .alert-info .alert-link {
  3700. color: #062c33
  3701. }
  3702.  
  3703. .alert-warning {
  3704. color: #856404;
  3705. background-color: #fff3cd;
  3706. border-color: #ffeeba
  3707. }
  3708.  
  3709. .alert-warning hr {
  3710. border-top-color: #ffe8a1
  3711. }
  3712.  
  3713. .alert-warning .alert-link {
  3714. color: #533f03
  3715. }
  3716.  
  3717. .alert-danger {
  3718. color: #721c24;
  3719. background-color: #f8d7da;
  3720. border-color: #f5c6cb
  3721. }
  3722.  
  3723. .alert-danger hr {
  3724. border-top-color: #f1b0b7
  3725. }
  3726.  
  3727. .alert-danger .alert-link {
  3728. color: #491217
  3729. }
  3730.  
  3731. .alert-light {
  3732. color: #818182;
  3733. background-color: #fefefe;
  3734. border-color: #fdfdfe
  3735. }
  3736.  
  3737. .alert-light hr {
  3738. border-top-color: #ececf6
  3739. }
  3740.  
  3741. .alert-light .alert-link {
  3742. color: #686868
  3743. }
  3744.  
  3745. .alert-dark {
  3746. color: #1b1e21;
  3747. background-color: #d6d8d9;
  3748. border-color: #c6c8ca
  3749. }
  3750.  
  3751. .alert-dark hr {
  3752. border-top-color: #b9bbbe
  3753. }
  3754.  
  3755. .alert-dark .alert-link {
  3756. color: #040505
  3757. }
  3758.  
  3759. @-webkit-keyframes progress-bar-stripes {
  3760. from {
  3761. background-position: 1rem 0
  3762. }
  3763. to {
  3764. background-position: 0 0
  3765. }
  3766. }
  3767.  
  3768. @keyframes progress-bar-stripes {
  3769. from {
  3770. background-position: 1rem 0
  3771. }
  3772. to {
  3773. background-position: 0 0
  3774. }
  3775. }
  3776.  
  3777. .progress {
  3778. display: -webkit-box;
  3779. display: -ms-flexbox;
  3780. display: flex;
  3781. height: 1rem;
  3782. overflow: hidden;
  3783. font-size: .75rem;
  3784. background-color: #e9ecef;
  3785. border-radius: .25rem
  3786. }
  3787.  
  3788. .progress-bar {
  3789. display: -webkit-box;
  3790. display: -ms-flexbox;
  3791. display: flex;
  3792. -webkit-box-orient: vertical;
  3793. -webkit-box-direction: normal;
  3794. -ms-flex-direction: column;
  3795. flex-direction: column;
  3796. -webkit-box-pack: center;
  3797. -ms-flex-pack: center;
  3798. justify-content: center;
  3799. color: #fff;
  3800. text-align: center;
  3801. background-color: #007bff;
  3802. transition: width .6s ease
  3803. }
  3804.  
  3805. .progress-bar-striped {
  3806. background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  3807. background-size: 1rem 1rem
  3808. }
  3809.  
  3810. .progress-bar-animated {
  3811. -webkit-animation: progress-bar-stripes 1s linear infinite;
  3812. animation: progress-bar-stripes 1s linear infinite
  3813. }
  3814.  
  3815. .media {
  3816. display: -webkit-box;
  3817. display: -ms-flexbox;
  3818. display: flex;
  3819. -webkit-box-align: start;
  3820. -ms-flex-align: start;
  3821. align-items: flex-start
  3822. }
  3823.  
  3824. .media-body {
  3825. -webkit-box-flex: 1;
  3826. -ms-flex: 1;
  3827. flex: 1
  3828. }
  3829.  
  3830. .list-group {
  3831. display: -webkit-box;
  3832. display: -ms-flexbox;
  3833. display: flex;
  3834. -webkit-box-orient: vertical;
  3835. -webkit-box-direction: normal;
  3836. -ms-flex-direction: column;
  3837. flex-direction: column;
  3838. padding-left: 0;
  3839. margin-bottom: 0
  3840. }
  3841.  
  3842. .list-group-item-action {
  3843. width: 100%;
  3844. color: #495057;
  3845. text-align: inherit
  3846. }
  3847.  
  3848. .list-group-item-action:focus,
  3849. .list-group-item-action:hover {
  3850. color: #495057;
  3851. text-decoration: none;
  3852. background-color: #f8f9fa
  3853. }
  3854.  
  3855. .list-group-item-action:active {
  3856. color: #212529;
  3857. background-color: #e9ecef
  3858. }
  3859.  
  3860. .list-group-item {
  3861. position: relative;
  3862. display: block;
  3863. padding: .75rem 1.25rem;
  3864. margin-bottom: -1px;
  3865. background-color: #fff;
  3866. border: 1px solid rgba(0, 0, 0, .125)
  3867. }
  3868.  
  3869. .list-group-item:first-child {
  3870. border-top-left-radius: .25rem;
  3871. border-top-right-radius: .25rem
  3872. }
  3873.  
  3874. .list-group-item:last-child {
  3875. margin-bottom: 0;
  3876. border-bottom-right-radius: .25rem;
  3877. border-bottom-left-radius: .25rem
  3878. }
  3879.  
  3880. .list-group-item:focus,
  3881. .list-group-item:hover {
  3882. z-index: 1;
  3883. text-decoration: none
  3884. }
  3885.  
  3886. .list-group-item.disabled,
  3887. .list-group-item:disabled {
  3888. color: #6c757d;
  3889. background-color: #fff
  3890. }
  3891.  
  3892. .list-group-item.active {
  3893. z-index: 2;
  3894. color: #fff;
  3895. background-color: #007bff;
  3896. border-color: #007bff
  3897. }
  3898.  
  3899. .list-group-flush .list-group-item {
  3900. border-right: 0;
  3901. border-left: 0;
  3902. border-radius: 0
  3903. }
  3904.  
  3905. .list-group-flush:first-child .list-group-item:first-child {
  3906. border-top: 0
  3907. }
  3908.  
  3909. .list-group-flush:last-child .list-group-item:last-child {
  3910. border-bottom: 0
  3911. }
  3912.  
  3913. .list-group-item-primary {
  3914. color: #004085;
  3915. background-color: #b8daff
  3916. }
  3917.  
  3918. .list-group-item-primary.list-group-item-action:focus,
  3919. .list-group-item-primary.list-group-item-action:hover {
  3920. color: #004085;
  3921. background-color: #9fcdff
  3922. }
  3923.  
  3924. .list-group-item-primary.list-group-item-action.active {
  3925. color: #fff;
  3926. background-color: #004085;
  3927. border-color: #004085
  3928. }
  3929.  
  3930. .list-group-item-secondary {
  3931. color: #383d41;
  3932. background-color: #d6d8db
  3933. }
  3934.  
  3935. .list-group-item-secondary.list-group-item-action:focus,
  3936. .list-group-item-secondary.list-group-item-action:hover {
  3937. color: #383d41;
  3938. background-color: #c8cbcf
  3939. }
  3940.  
  3941. .list-group-item-secondary.list-group-item-action.active {
  3942. color: #fff;
  3943. background-color: #383d41;
  3944. border-color: #383d41
  3945. }
  3946.  
  3947. .list-group-item-success {
  3948. color: #155724;
  3949. background-color: #c3e6cb
  3950. }
  3951.  
  3952. .list-group-item-success.list-group-item-action:focus,
  3953. .list-group-item-success.list-group-item-action:hover {
  3954. color: #155724;
  3955. background-color: #b1dfbb
  3956. }
  3957.  
  3958. .list-group-item-success.list-group-item-action.active {
  3959. color: #fff;
  3960. background-color: #155724;
  3961. border-color: #155724
  3962. }
  3963.  
  3964. .list-group-item-info {
  3965. color: #0c5460;
  3966. background-color: #bee5eb
  3967. }
  3968.  
  3969. .list-group-item-info.list-group-item-action:focus,
  3970. .list-group-item-info.list-group-item-action:hover {
  3971. color: #0c5460;
  3972. background-color: #abdde5
  3973. }
  3974.  
  3975. .list-group-item-info.list-group-item-action.active {
  3976. color: #fff;
  3977. background-color: #0c5460;
  3978. border-color: #0c5460
  3979. }
  3980.  
  3981. .list-group-item-warning {
  3982. color: #856404;
  3983. background-color: #ffeeba
  3984. }
  3985.  
  3986. .list-group-item-warning.list-group-item-action:focus,
  3987. .list-group-item-warning.list-group-item-action:hover {
  3988. color: #856404;
  3989. background-color: #ffe8a1
  3990. }
  3991.  
  3992. .list-group-item-warning.list-group-item-action.active {
  3993. color: #fff;
  3994. background-color: #856404;
  3995. border-color: #856404
  3996. }
  3997.  
  3998. .list-group-item-danger {
  3999. color: #721c24;
  4000. background-color: #f5c6cb
  4001. }
  4002.  
  4003. .list-group-item-danger.list-group-item-action:focus,
  4004. .list-group-item-danger.list-group-item-action:hover {
  4005. color: #721c24;
  4006. background-color: #f1b0b7
  4007. }
  4008.  
  4009. .list-group-item-danger.list-group-item-action.active {
  4010. color: #fff;
  4011. background-color: #721c24;
  4012. border-color: #721c24
  4013. }
  4014.  
  4015. .list-group-item-light {
  4016. color: #818182;
  4017. background-color: #fdfdfe
  4018. }
  4019.  
  4020. .list-group-item-light.list-group-item-action:focus,
  4021. .list-group-item-light.list-group-item-action:hover {
  4022. color: #818182;
  4023. background-color: #ececf6
  4024. }
  4025.  
  4026. .list-group-item-light.list-group-item-action.active {
  4027. color: #fff;
  4028. background-color: #818182;
  4029. border-color: #818182
  4030. }
  4031.  
  4032. .list-group-item-dark {
  4033. color: #1b1e21;
  4034. background-color: #c6c8ca
  4035. }
  4036.  
  4037. .list-group-item-dark.list-group-item-action:focus,
  4038. .list-group-item-dark.list-group-item-action:hover {
  4039. color: #1b1e21;
  4040. background-color: #b9bbbe
  4041. }
  4042.  
  4043. .list-group-item-dark.list-group-item-action.active {
  4044. color: #fff;
  4045. background-color: #1b1e21;
  4046. border-color: #1b1e21
  4047. }
  4048.  
  4049. .close {
  4050. float: right;
  4051. font-size: 1.5rem;
  4052. font-weight: 700;
  4053. line-height: 1;
  4054. color: #000;
  4055. text-shadow: 0 1px 0 #fff;
  4056. opacity: .5
  4057. }
  4058.  
  4059. .close:focus,
  4060. .close:hover {
  4061. color: #000;
  4062. text-decoration: none;
  4063. opacity: .75
  4064. }
  4065.  
  4066. .close:not(:disabled):not(.disabled) {
  4067. cursor: pointer
  4068. }
  4069.  
  4070. button.close {
  4071. padding: 0;
  4072. background-color: transparent;
  4073. border: 0;
  4074. -webkit-appearance: none
  4075. }
  4076.  
  4077. .modal-open {
  4078. overflow: hidden
  4079. }
  4080.  
  4081. .modal {
  4082. position: fixed;
  4083. top: 0;
  4084. right: 0;
  4085. bottom: 0;
  4086. left: 0;
  4087. z-index: 1050;
  4088. display: none;
  4089. overflow: hidden;
  4090. outline: 0
  4091. }
  4092.  
  4093. .modal-open .modal {
  4094. overflow-x: hidden;
  4095. overflow-y: auto
  4096. }
  4097.  
  4098. .modal-dialog {
  4099. position: relative;
  4100. width: auto;
  4101. margin: .5rem;
  4102. pointer-events: none
  4103. }
  4104.  
  4105. .modal.fade .modal-dialog {
  4106. transition: -webkit-transform .3s ease-out;
  4107. transition: transform .3s ease-out;
  4108. transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  4109. -webkit-transform: translate(0, -25%);
  4110. transform: translate(0, -25%)
  4111. }
  4112.  
  4113. .modal.show .modal-dialog {
  4114. -webkit-transform: translate(0, 0);
  4115. transform: translate(0, 0)
  4116. }
  4117.  
  4118. .modal-dialog-centered {
  4119. display: -webkit-box;
  4120. display: -ms-flexbox;
  4121. display: flex;
  4122. -webkit-box-align: center;
  4123. -ms-flex-align: center;
  4124. align-items: center;
  4125. min-height: calc(100% - (.5rem * 2))
  4126. }
  4127.  
  4128. .modal-content {
  4129. position: relative;
  4130. display: -webkit-box;
  4131. display: -ms-flexbox;
  4132. display: flex;
  4133. -webkit-box-orient: vertical;
  4134. -webkit-box-direction: normal;
  4135. -ms-flex-direction: column;
  4136. flex-direction: column;
  4137. width: 100%;
  4138. pointer-events: auto;
  4139. background-color: #fff;
  4140. background-clip: padding-box;
  4141. border: 1px solid rgba(0, 0, 0, .2);
  4142. border-radius: .3rem;
  4143. outline: 0
  4144. }
  4145.  
  4146. .modal-backdrop {
  4147. position: fixed;
  4148. top: 0;
  4149. right: 0;
  4150. bottom: 0;
  4151. left: 0;
  4152. z-index: 1040;
  4153. background-color: #000
  4154. }
  4155.  
  4156. .modal-backdrop.fade {
  4157. opacity: 0
  4158. }
  4159.  
  4160. .modal-backdrop.show {
  4161. opacity: .5
  4162. }
  4163.  
  4164. .modal-header {
  4165. display: -webkit-box;
  4166. display: -ms-flexbox;
  4167. display: flex;
  4168. -webkit-box-align: start;
  4169. -ms-flex-align: start;
  4170. align-items: flex-start;
  4171. -webkit-box-pack: justify;
  4172. -ms-flex-pack: justify;
  4173. justify-content: space-between;
  4174. padding: 1rem;
  4175. border-bottom: 1px solid #e9ecef;
  4176. border-top-left-radius: .3rem;
  4177. border-top-right-radius: .3rem
  4178. }
  4179.  
  4180. .modal-header .close {
  4181. padding: 1rem;
  4182. margin: -1rem -1rem -1rem auto
  4183. }
  4184.  
  4185. .modal-title {
  4186. margin-bottom: 0;
  4187. line-height: 1.5
  4188. }
  4189.  
  4190. .modal-body {
  4191. position: relative;
  4192. -webkit-box-flex: 1;
  4193. -ms-flex: 1 1 auto;
  4194. flex: 1 1 auto;
  4195. padding: 1rem
  4196. }
  4197.  
  4198. .modal-footer {
  4199. display: -webkit-box;
  4200. display: -ms-flexbox;
  4201. display: flex;
  4202. -webkit-box-align: center;
  4203. -ms-flex-align: center;
  4204. align-items: center;
  4205. -webkit-box-pack: end;
  4206. -ms-flex-pack: end;
  4207. justify-content: flex-end;
  4208. padding: 1rem;
  4209. border-top: 1px solid #e9ecef
  4210. }
  4211.  
  4212. .modal-footer>:not(:first-child) {
  4213. margin-left: .25rem
  4214. }
  4215.  
  4216. .modal-footer>:not(:last-child) {
  4217. margin-right: .25rem
  4218. }
  4219.  
  4220. .modal-scrollbar-measure {
  4221. position: absolute;
  4222. top: -9999px;
  4223. width: 50px;
  4224. height: 50px;
  4225. overflow: scroll
  4226. }
  4227.  
  4228. @media (min-width:576px) {
  4229. .modal-dialog {
  4230. max-width: 500px;
  4231. margin: 1.75rem auto
  4232. }
  4233. .modal-dialog-centered {
  4234. min-height: calc(100% - (1.75rem * 2))
  4235. }
  4236. .modal-sm {
  4237. max-width: 300px
  4238. }
  4239. }
  4240.  
  4241. @media (min-width:992px) {
  4242. .modal-lg {
  4243. max-width: 800px
  4244. }
  4245. }
  4246.  
  4247. .tooltip {
  4248. position: absolute;
  4249. z-index: 1070;
  4250. display: block;
  4251. margin: 0;
  4252. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  4253. font-style: normal;
  4254. font-weight: 400;
  4255. line-height: 1.5;
  4256. text-align: left;
  4257. text-align: start;
  4258. text-decoration: none;
  4259. text-shadow: none;
  4260. text-transform: none;
  4261. letter-spacing: normal;
  4262. word-break: normal;
  4263. word-spacing: normal;
  4264. white-space: normal;
  4265. line-break: auto;
  4266. font-size: .875rem;
  4267. word-wrap: break-word;
  4268. opacity: 0
  4269. }
  4270.  
  4271. .tooltip.show {
  4272. opacity: .9
  4273. }
  4274.  
  4275. .tooltip .arrow {
  4276. position: absolute;
  4277. display: block;
  4278. width: .8rem;
  4279. height: .4rem
  4280. }
  4281.  
  4282. .tooltip .arrow::before {
  4283. position: absolute;
  4284. content: "";
  4285. border-color: transparent;
  4286. border-style: solid
  4287. }
  4288.  
  4289. .bs-tooltip-auto[x-placement^=top],
  4290. .bs-tooltip-top {
  4291. padding: .4rem 0
  4292. }
  4293.  
  4294. .bs-tooltip-auto[x-placement^=top] .arrow,
  4295. .bs-tooltip-top .arrow {
  4296. bottom: 0
  4297. }
  4298.  
  4299. .bs-tooltip-auto[x-placement^=top] .arrow::before,
  4300. .bs-tooltip-top .arrow::before {
  4301. top: 0;
  4302. border-width: .4rem .4rem 0;
  4303. border-top-color: #000
  4304. }
  4305.  
  4306. .bs-tooltip-auto[x-placement^=right],
  4307. .bs-tooltip-right {
  4308. padding: 0 .4rem
  4309. }
  4310.  
  4311. .bs-tooltip-auto[x-placement^=right] .arrow,
  4312. .bs-tooltip-right .arrow {
  4313. left: 0;
  4314. width: .4rem;
  4315. height: .8rem
  4316. }
  4317.  
  4318. .bs-tooltip-auto[x-placement^=right] .arrow::before,
  4319. .bs-tooltip-right .arrow::before {
  4320. right: 0;
  4321. border-width: .4rem .4rem .4rem 0;
  4322. border-right-color: #000
  4323. }
  4324.  
  4325. .bs-tooltip-auto[x-placement^=bottom],
  4326. .bs-tooltip-bottom {
  4327. padding: .4rem 0
  4328. }
  4329.  
  4330. .bs-tooltip-auto[x-placement^=bottom] .arrow,
  4331. .bs-tooltip-bottom .arrow {
  4332. top: 0
  4333. }
  4334.  
  4335. .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
  4336. .bs-tooltip-bottom .arrow::before {
  4337. bottom: 0;
  4338. border-width: 0 .4rem .4rem;
  4339. border-bottom-color: #000
  4340. }
  4341.  
  4342. .bs-tooltip-auto[x-placement^=left],
  4343. .bs-tooltip-left {
  4344. padding: 0 .4rem
  4345. }
  4346.  
  4347. .bs-tooltip-auto[x-placement^=left] .arrow,
  4348. .bs-tooltip-left .arrow {
  4349. right: 0;
  4350. width: .4rem;
  4351. height: .8rem
  4352. }
  4353.  
  4354. .bs-tooltip-auto[x-placement^=left] .arrow::before,
  4355. .bs-tooltip-left .arrow::before {
  4356. left: 0;
  4357. border-width: .4rem 0 .4rem .4rem;
  4358. border-left-color: #000
  4359. }
  4360.  
  4361. .tooltip-inner {
  4362. max-width: 200px;
  4363. padding: .25rem .5rem;
  4364. color: #fff;
  4365. text-align: center;
  4366. background-color: #000;
  4367. border-radius: .25rem
  4368. }
  4369.  
  4370. .popover {
  4371. position: absolute;
  4372. top: 0;
  4373. left: 0;
  4374. z-index: 1060;
  4375. display: block;
  4376. max-width: 276px;
  4377. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  4378. font-style: normal;
  4379. font-weight: 400;
  4380. line-height: 1.5;
  4381. text-align: left;
  4382. text-align: start;
  4383. text-decoration: none;
  4384. text-shadow: none;
  4385. text-transform: none;
  4386. letter-spacing: normal;
  4387. word-break: normal;
  4388. word-spacing: normal;
  4389. white-space: normal;
  4390. line-break: auto;
  4391. font-size: .875rem;
  4392. word-wrap: break-word;
  4393. background-color: #fff;
  4394. background-clip: padding-box;
  4395. border: 1px solid rgba(0, 0, 0, .2);
  4396. border-radius: .3rem
  4397. }
  4398.  
  4399. .popover .arrow {
  4400. position: absolute;
  4401. display: block;
  4402. width: 1rem;
  4403. height: .5rem;
  4404. margin: 0 .3rem
  4405. }
  4406.  
  4407. .popover .arrow::after,
  4408. .popover .arrow::before {
  4409. position: absolute;
  4410. display: block;
  4411. content: "";
  4412. border-color: transparent;
  4413. border-style: solid
  4414. }
  4415.  
  4416. .bs-popover-auto[x-placement^=top],
  4417. .bs-popover-top {
  4418. margin-bottom: .5rem
  4419. }
  4420.  
  4421. .bs-popover-auto[x-placement^=top] .arrow,
  4422. .bs-popover-top .arrow {
  4423. bottom: calc((.5rem + 1px) * -1)
  4424. }
  4425.  
  4426. .bs-popover-auto[x-placement^=top] .arrow::after,
  4427. .bs-popover-auto[x-placement^=top] .arrow::before,
  4428. .bs-popover-top .arrow::after,
  4429. .bs-popover-top .arrow::before {
  4430. border-width: .5rem .5rem 0
  4431. }
  4432.  
  4433. .bs-popover-auto[x-placement^=top] .arrow::before,
  4434. .bs-popover-top .arrow::before {
  4435. bottom: 0;
  4436. border-top-color: rgba(0, 0, 0, .25)
  4437. }
  4438.  
  4439. .bs-popover-auto[x-placement^=top] .arrow::after,
  4440. .bs-popover-top .arrow::after {
  4441. bottom: 1px;
  4442. border-top-color: #fff
  4443. }
  4444.  
  4445. .bs-popover-auto[x-placement^=right],
  4446. .bs-popover-right {
  4447. margin-left: .5rem
  4448. }
  4449.  
  4450. .bs-popover-auto[x-placement^=right] .arrow,
  4451. .bs-popover-right .arrow {
  4452. left: calc((.5rem + 1px) * -1);
  4453. width: .5rem;
  4454. height: 1rem;
  4455. margin: .3rem 0
  4456. }
  4457.  
  4458. .bs-popover-auto[x-placement^=right] .arrow::after,
  4459. .bs-popover-auto[x-placement^=right] .arrow::before,
  4460. .bs-popover-right .arrow::after,
  4461. .bs-popover-right .arrow::before {
  4462. border-width: .5rem .5rem .5rem 0
  4463. }
  4464.  
  4465. .bs-popover-auto[x-placement^=right] .arrow::before,
  4466. .bs-popover-right .arrow::before {
  4467. left: 0;
  4468. border-right-color: rgba(0, 0, 0, .25)
  4469. }
  4470.  
  4471. .bs-popover-auto[x-placement^=right] .arrow::after,
  4472. .bs-popover-right .arrow::after {
  4473. left: 1px;
  4474. border-right-color: #fff
  4475. }
  4476.  
  4477. .bs-popover-auto[x-placement^=bottom],
  4478. .bs-popover-bottom {
  4479. margin-top: .5rem
  4480. }
  4481.  
  4482. .bs-popover-auto[x-placement^=bottom] .arrow,
  4483. .bs-popover-bottom .arrow {
  4484. top: calc((.5rem + 1px) * -1)
  4485. }
  4486.  
  4487. .bs-popover-auto[x-placement^=bottom] .arrow::after,
  4488. .bs-popover-auto[x-placement^=bottom] .arrow::before,
  4489. .bs-popover-bottom .arrow::after,
  4490. .bs-popover-bottom .arrow::before {
  4491. border-width: 0 .5rem .5rem .5rem
  4492. }
  4493.  
  4494. .bs-popover-auto[x-placement^=bottom] .arrow::before,
  4495. .bs-popover-bottom .arrow::before {
  4496. top: 0;
  4497. border-bottom-color: rgba(0, 0, 0, .25)
  4498. }
  4499.  
  4500. .bs-popover-auto[x-placement^=bottom] .arrow::after,
  4501. .bs-popover-bottom .arrow::after {
  4502. top: 1px;
  4503. border-bottom-color: #fff
  4504. }
  4505.  
  4506. .bs-popover-auto[x-placement^=bottom] .popover-header::before,
  4507. .bs-popover-bottom .popover-header::before {
  4508. position: absolute;
  4509. top: 0;
  4510. left: 50%;
  4511. display: block;
  4512. width: 1rem;
  4513. margin-left: -.5rem;
  4514. content: "";
  4515. border-bottom: 1px solid #f7f7f7
  4516. }
  4517.  
  4518. .bs-popover-auto[x-placement^=left],
  4519. .bs-popover-left {
  4520. margin-right: .5rem
  4521. }
  4522.  
  4523. .bs-popover-auto[x-placement^=left] .arrow,
  4524. .bs-popover-left .arrow {
  4525. right: calc((.5rem + 1px) * -1);
  4526. width: .5rem;
  4527. height: 1rem;
  4528. margin: .3rem 0
  4529. }
  4530.  
  4531. .bs-popover-auto[x-placement^=left] .arrow::after,
  4532. .bs-popover-auto[x-placement^=left] .arrow::before,
  4533. .bs-popover-left .arrow::after,
  4534. .bs-popover-left .arrow::before {
  4535. border-width: .5rem 0 .5rem .5rem
  4536. }
  4537.  
  4538. .bs-popover-auto[x-placement^=left] .arrow::before,
  4539. .bs-popover-left .arrow::before {
  4540. right: 0;
  4541. border-left-color: rgba(0, 0, 0, .25)
  4542. }
  4543.  
  4544. .bs-popover-auto[x-placement^=left] .arrow::after,
  4545. .bs-popover-left .arrow::after {
  4546. right: 1px;
  4547. border-left-color: #fff
  4548. }
  4549.  
  4550. .popover-header {
  4551. padding: .5rem .75rem;
  4552. margin-bottom: 0;
  4553. font-size: 1rem;
  4554. color: inherit;
  4555. background-color: #f7f7f7;
  4556. border-bottom: 1px solid #ebebeb;
  4557. border-top-left-radius: calc(.3rem - 1px);
  4558. border-top-right-radius: calc(.3rem - 1px)
  4559. }
  4560.  
  4561. .popover-header:empty {
  4562. display: none
  4563. }
  4564.  
  4565. .popover-body {
  4566. padding: .5rem .75rem;
  4567. color: #212529
  4568. }
  4569.  
  4570. .carousel {
  4571. position: relative
  4572. }
  4573.  
  4574. .carousel-inner {
  4575. position: relative;
  4576. width: 100%;
  4577. overflow: hidden
  4578. }
  4579.  
  4580. .carousel-item {
  4581. position: relative;
  4582. display: none;
  4583. -webkit-box-align: center;
  4584. -ms-flex-align: center;
  4585. align-items: center;
  4586. width: 100%;
  4587. transition: -webkit-transform .6s ease;
  4588. transition: transform .6s ease;
  4589. transition: transform .6s ease, -webkit-transform .6s ease;
  4590. -webkit-backface-visibility: hidden;
  4591. backface-visibility: hidden;
  4592. -webkit-perspective: 1000px;
  4593. perspective: 1000px
  4594. }
  4595.  
  4596. .carousel-item-next,
  4597. .carousel-item-prev,
  4598. .carousel-item.active {
  4599. display: block
  4600. }
  4601.  
  4602. .carousel-item-next,
  4603. .carousel-item-prev {
  4604. position: absolute;
  4605. top: 0
  4606. }
  4607.  
  4608. .carousel-item-next.carousel-item-left,
  4609. .carousel-item-prev.carousel-item-right {
  4610. -webkit-transform: translateX(0);
  4611. transform: translateX(0)
  4612. }
  4613.  
  4614. @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
  4615. .carousel-item-next.carousel-item-left,
  4616. .carousel-item-prev.carousel-item-right {
  4617. -webkit-transform: translate3d(0, 0, 0);
  4618. transform: translate3d(0, 0, 0)
  4619. }
  4620. }
  4621.  
  4622. .active.carousel-item-right,
  4623. .carousel-item-next {
  4624. -webkit-transform: translateX(100%);
  4625. transform: translateX(100%)
  4626. }
  4627.  
  4628. @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
  4629. .active.carousel-item-right,
  4630. .carousel-item-next {
  4631. -webkit-transform: translate3d(100%, 0, 0);
  4632. transform: translate3d(100%, 0, 0)
  4633. }
  4634. }
  4635.  
  4636. .active.carousel-item-left,
  4637. .carousel-item-prev {
  4638. -webkit-transform: translateX(-100%);
  4639. transform: translateX(-100%)
  4640. }
  4641.  
  4642. @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
  4643. .active.carousel-item-left,
  4644. .carousel-item-prev {
  4645. -webkit-transform: translate3d(-100%, 0, 0);
  4646. transform: translate3d(-100%, 0, 0)
  4647. }
  4648. }
  4649.  
  4650. .carousel-control-next,
  4651. .carousel-control-prev {
  4652. position: absolute;
  4653. top: 0;
  4654. bottom: 0;
  4655. display: -webkit-box;
  4656. display: -ms-flexbox;
  4657. display: flex;
  4658. -webkit-box-align: center;
  4659. -ms-flex-align: center;
  4660. align-items: center;
  4661. -webkit-box-pack: center;
  4662. -ms-flex-pack: center;
  4663. justify-content: center;
  4664. width: 15%;
  4665. color: #fff;
  4666. text-align: center;
  4667. opacity: .5
  4668. }
  4669.  
  4670. .carousel-control-next:focus,
  4671. .carousel-control-next:hover,
  4672. .carousel-control-prev:focus,
  4673. .carousel-control-prev:hover {
  4674. color: #fff;
  4675. text-decoration: none;
  4676. outline: 0;
  4677. opacity: .9
  4678. }
  4679.  
  4680. .carousel-control-prev {
  4681. left: 0
  4682. }
  4683.  
  4684. .carousel-control-next {
  4685. right: 0
  4686. }
  4687.  
  4688. .carousel-control-next-icon,
  4689. .carousel-control-prev-icon {
  4690. display: inline-block;
  4691. width: 20px;
  4692. height: 20px;
  4693. background: transparent no-repeat center center;
  4694. background-size: 100% 100%
  4695. }
  4696.  
  4697. .carousel-control-prev-icon {
  4698. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
  4699. }
  4700.  
  4701. .carousel-control-next-icon {
  4702. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
  4703. }
  4704.  
  4705. .carousel-indicators {
  4706. position: absolute;
  4707. right: 0;
  4708. bottom: 10px;
  4709. left: 0;
  4710. z-index: 15;
  4711. display: -webkit-box;
  4712. display: -ms-flexbox;
  4713. display: flex;
  4714. -webkit-box-pack: center;
  4715. -ms-flex-pack: center;
  4716. justify-content: center;
  4717. padding-left: 0;
  4718. margin-right: 15%;
  4719. margin-left: 15%;
  4720. list-style: none
  4721. }
  4722.  
  4723. .carousel-indicators li {
  4724. position: relative;
  4725. -webkit-box-flex: 0;
  4726. -ms-flex: 0 1 auto;
  4727. flex: 0 1 auto;
  4728. width: 30px;
  4729. height: 3px;
  4730. margin-right: 3px;
  4731. margin-left: 3px;
  4732. text-indent: -999px;
  4733. background-color: rgba(255, 255, 255, .5)
  4734. }
  4735.  
  4736. .carousel-indicators li::before {
  4737. position: absolute;
  4738. top: -10px;
  4739. left: 0;
  4740. display: inline-block;
  4741. width: 100%;
  4742. height: 10px;
  4743. content: ""
  4744. }
  4745.  
  4746. .carousel-indicators li::after {
  4747. position: absolute;
  4748. bottom: -10px;
  4749. left: 0;
  4750. display: inline-block;
  4751. width: 100%;
  4752. height: 10px;
  4753. content: ""
  4754. }
  4755.  
  4756. .carousel-indicators .active {
  4757. background-color: #fff
  4758. }
  4759.  
  4760. .carousel-caption {
  4761. position: absolute;
  4762. right: 15%;
  4763. bottom: 20px;
  4764. left: 15%;
  4765. z-index: 10;
  4766. padding-top: 20px;
  4767. padding-bottom: 20px;
  4768. color: #fff;
  4769. text-align: center
  4770. }
  4771.  
  4772. .align-baseline {
  4773. vertical-align: baseline!important
  4774. }
  4775.  
  4776. .align-top {
  4777. vertical-align: top!important
  4778. }
  4779.  
  4780. .align-middle {
  4781. vertical-align: middle!important
  4782. }
  4783.  
  4784. .align-bottom {
  4785. vertical-align: bottom!important
  4786. }
  4787.  
  4788. .align-text-bottom {
  4789. vertical-align: text-bottom!important
  4790. }
  4791.  
  4792. .align-text-top {
  4793. vertical-align: text-top!important
  4794. }
  4795.  
  4796. .bg-primary {
  4797. background-color: #007bff!important
  4798. }
  4799.  
  4800. a.bg-primary:focus,
  4801. a.bg-primary:hover,
  4802. button.bg-primary:focus,
  4803. button.bg-primary:hover {
  4804. background-color: #0062cc!important
  4805. }
  4806.  
  4807. .bg-secondary {
  4808. background-color: #6c757d!important
  4809. }
  4810.  
  4811. a.bg-secondary:focus,
  4812. a.bg-secondary:hover,
  4813. button.bg-secondary:focus,
  4814. button.bg-secondary:hover {
  4815. background-color: #545b62!important
  4816. }
  4817.  
  4818. .bg-success {
  4819. background-color: #28a745!important
  4820. }
  4821.  
  4822. a.bg-success:focus,
  4823. a.bg-success:hover,
  4824. button.bg-success:focus,
  4825. button.bg-success:hover {
  4826. background-color: #1e7e34!important
  4827. }
  4828.  
  4829. .bg-info {
  4830. background-color: #17a2b8!important
  4831. }
  4832.  
  4833. a.bg-info:focus,
  4834. a.bg-info:hover,
  4835. button.bg-info:focus,
  4836. button.bg-info:hover {
  4837. background-color: #117a8b!important
  4838. }
  4839.  
  4840. .bg-warning {
  4841. background-color: #ffc107!important
  4842. }
  4843.  
  4844. a.bg-warning:focus,
  4845. a.bg-warning:hover,
  4846. button.bg-warning:focus,
  4847. button.bg-warning:hover {
  4848. background-color: #d39e00!important
  4849. }
  4850.  
  4851. .bg-danger {
  4852. background-color: #dc3545!important
  4853. }
  4854.  
  4855. a.bg-danger:focus,
  4856. a.bg-danger:hover,
  4857. button.bg-danger:focus,
  4858. button.bg-danger:hover {
  4859. background-color: #bd2130!important
  4860. }
  4861.  
  4862. .bg-light {
  4863. background-color: #f8f9fa!important
  4864. }
  4865.  
  4866. a.bg-light:focus,
  4867. a.bg-light:hover,
  4868. button.bg-light:focus,
  4869. button.bg-light:hover {
  4870. background-color: #dae0e5!important
  4871. }
  4872.  
  4873. .bg-dark {
  4874. background-color: #343a40!important
  4875. }
  4876.  
  4877. a.bg-dark:focus,
  4878. a.bg-dark:hover,
  4879. button.bg-dark:focus,
  4880. button.bg-dark:hover {
  4881. background-color: #1d2124!important
  4882. }
  4883.  
  4884. .bg-white {
  4885. background-color: #fff!important
  4886. }
  4887.  
  4888. .bg-transparent {
  4889. background-color: transparent!important
  4890. }
  4891.  
  4892. .border {
  4893. border: 1px solid #dee2e6!important
  4894. }
  4895.  
  4896. .border-top {
  4897. border-top: 1px solid #dee2e6!important
  4898. }
  4899.  
  4900. .border-right {
  4901. border-right: 1px solid #dee2e6!important
  4902. }
  4903.  
  4904. .border-bottom {
  4905. border-bottom: 1px solid #dee2e6!important
  4906. }
  4907.  
  4908. .border-left {
  4909. border-left: 1px solid #dee2e6!important
  4910. }
  4911.  
  4912. .border-0 {
  4913. border: 0!important
  4914. }
  4915.  
  4916. .border-top-0 {
  4917. border-top: 0!important
  4918. }
  4919.  
  4920. .border-right-0 {
  4921. border-right: 0!important
  4922. }
  4923.  
  4924. .border-bottom-0 {
  4925. border-bottom: 0!important
  4926. }
  4927.  
  4928. .border-left-0 {
  4929. border-left: 0!important
  4930. }
  4931.  
  4932. .border-primary {
  4933. border-color: #007bff!important
  4934. }
  4935.  
  4936. .border-secondary {
  4937. border-color: #6c757d!important
  4938. }
  4939.  
  4940. .border-success {
  4941. border-color: #28a745!important
  4942. }
  4943.  
  4944. .border-info {
  4945. border-color: #17a2b8!important
  4946. }
  4947.  
  4948. .border-warning {
  4949. border-color: #ffc107!important
  4950. }
  4951.  
  4952. .border-danger {
  4953. border-color: #dc3545!important
  4954. }
  4955.  
  4956. .border-light {
  4957. border-color: #f8f9fa!important
  4958. }
  4959.  
  4960. .border-dark {
  4961. border-color: #343a40!important
  4962. }
  4963.  
  4964. .border-white {
  4965. border-color: #fff!important
  4966. }
  4967.  
  4968. .rounded {
  4969. border-radius: .25rem!important
  4970. }
  4971.  
  4972. .rounded-top {
  4973. border-top-left-radius: .25rem!important;
  4974. border-top-right-radius: .25rem!important
  4975. }
  4976.  
  4977. .rounded-right {
  4978. border-top-right-radius: .25rem!important;
  4979. border-bottom-right-radius: .25rem!important
  4980. }
  4981.  
  4982. .rounded-bottom {
  4983. border-bottom-right-radius: .25rem!important;
  4984. border-bottom-left-radius: .25rem!important
  4985. }
  4986.  
  4987. .rounded-left {
  4988. border-top-left-radius: .25rem!important;
  4989. border-bottom-left-radius: .25rem!important
  4990. }
  4991.  
  4992. .rounded-circle {
  4993. border-radius: 50%!important
  4994. }
  4995.  
  4996. .rounded-0 {
  4997. border-radius: 0!important
  4998. }
  4999.  
  5000. .clearfix::after {
  5001. display: block;
  5002. clear: both;
  5003. content: ""
  5004. }
  5005.  
  5006. .d-none {
  5007. display: none!important
  5008. }
  5009.  
  5010. .d-inline {
  5011. display: inline!important
  5012. }
  5013.  
  5014. .d-inline-block {
  5015. display: inline-block!important
  5016. }
  5017.  
  5018. .d-block {
  5019. display: block!important
  5020. }
  5021.  
  5022. .d-table {
  5023. display: table!important
  5024. }
  5025.  
  5026. .d-table-row {
  5027. display: table-row!important
  5028. }
  5029.  
  5030. .d-table-cell {
  5031. display: table-cell!important
  5032. }
  5033.  
  5034. .d-flex {
  5035. display: -webkit-box!important;
  5036. display: -ms-flexbox!important;
  5037. display: flex!important
  5038. }
  5039.  
  5040. .d-inline-flex {
  5041. display: -webkit-inline-box!important;
  5042. display: -ms-inline-flexbox!important;
  5043. display: inline-flex!important
  5044. }
  5045.  
  5046. @media (min-width:576px) {
  5047. .d-sm-none {
  5048. display: none!important
  5049. }
  5050. .d-sm-inline {
  5051. display: inline!important
  5052. }
  5053. .d-sm-inline-block {
  5054. display: inline-block!important
  5055. }
  5056. .d-sm-block {
  5057. display: block!important
  5058. }
  5059. .d-sm-table {
  5060. display: table!important
  5061. }
  5062. .d-sm-table-row {
  5063. display: table-row!important
  5064. }
  5065. .d-sm-table-cell {
  5066. display: table-cell!important
  5067. }
  5068. .d-sm-flex {
  5069. display: -webkit-box!important;
  5070. display: -ms-flexbox!important;
  5071. display: flex!important
  5072. }
  5073. .d-sm-inline-flex {
  5074. display: -webkit-inline-box!important;
  5075. display: -ms-inline-flexbox!important;
  5076. display: inline-flex!important
  5077. }
  5078. }
  5079.  
  5080. @media (min-width:768px) {
  5081. .d-md-none {
  5082. display: none!important
  5083. }
  5084. .d-md-inline {
  5085. display: inline!important
  5086. }
  5087. .d-md-inline-block {
  5088. display: inline-block!important
  5089. }
  5090. .d-md-block {
  5091. display: block!important
  5092. }
  5093. .d-md-table {
  5094. display: table!important
  5095. }
  5096. .d-md-table-row {
  5097. display: table-row!important
  5098. }
  5099. .d-md-table-cell {
  5100. display: table-cell!important
  5101. }
  5102. .d-md-flex {
  5103. display: -webkit-box!important;
  5104. display: -ms-flexbox!important;
  5105. display: flex!important
  5106. }
  5107. .d-md-inline-flex {
  5108. display: -webkit-inline-box!important;
  5109. display: -ms-inline-flexbox!important;
  5110. display: inline-flex!important
  5111. }
  5112. }
  5113.  
  5114. @media (min-width:992px) {
  5115. .d-lg-none {
  5116. display: none!important
  5117. }
  5118. .d-lg-inline {
  5119. display: inline!important
  5120. }
  5121. .d-lg-inline-block {
  5122. display: inline-block!important
  5123. }
  5124. .d-lg-block {
  5125. display: block!important
  5126. }
  5127. .d-lg-table {
  5128. display: table!important
  5129. }
  5130. .d-lg-table-row {
  5131. display: table-row!important
  5132. }
  5133. .d-lg-table-cell {
  5134. display: table-cell!important
  5135. }
  5136. .d-lg-flex {
  5137. display: -webkit-box!important;
  5138. display: -ms-flexbox!important;
  5139. display: flex!important
  5140. }
  5141. .d-lg-inline-flex {
  5142. display: -webkit-inline-box!important;
  5143. display: -ms-inline-flexbox!important;
  5144. display: inline-flex!important
  5145. }
  5146. }
  5147.  
  5148. @media (min-width:1200px) {
  5149. .d-xl-none {
  5150. display: none!important
  5151. }
  5152. .d-xl-inline {
  5153. display: inline!important
  5154. }
  5155. .d-xl-inline-block {
  5156. display: inline-block!important
  5157. }
  5158. .d-xl-block {
  5159. display: block!important
  5160. }
  5161. .d-xl-table {
  5162. display: table!important
  5163. }
  5164. .d-xl-table-row {
  5165. display: table-row!important
  5166. }
  5167. .d-xl-table-cell {
  5168. display: table-cell!important
  5169. }
  5170. .d-xl-flex {
  5171. display: -webkit-box!important;
  5172. display: -ms-flexbox!important;
  5173. display: flex!important
  5174. }
  5175. .d-xl-inline-flex {
  5176. display: -webkit-inline-box!important;
  5177. display: -ms-inline-flexbox!important;
  5178. display: inline-flex!important
  5179. }
  5180. }
  5181.  
  5182. @media print {
  5183. .d-print-none {
  5184. display: none!important
  5185. }
  5186. .d-print-inline {
  5187. display: inline!important
  5188. }
  5189. .d-print-inline-block {
  5190. display: inline-block!important
  5191. }
  5192. .d-print-block {
  5193. display: block!important
  5194. }
  5195. .d-print-table {
  5196. display: table!important
  5197. }
  5198. .d-print-table-row {
  5199. display: table-row!important
  5200. }
  5201. .d-print-table-cell {
  5202. display: table-cell!important
  5203. }
  5204. .d-print-flex {
  5205. display: -webkit-box!important;
  5206. display: -ms-flexbox!important;
  5207. display: flex!important
  5208. }
  5209. .d-print-inline-flex {
  5210. display: -webkit-inline-box!important;
  5211. display: -ms-inline-flexbox!important;
  5212. display: inline-flex!important
  5213. }
  5214. }
  5215.  
  5216. .embed-responsive {
  5217. position: relative;
  5218. display: block;
  5219. width: 100%;
  5220. padding: 0;
  5221. overflow: hidden
  5222. }
  5223.  
  5224. .embed-responsive::before {
  5225. display: block;
  5226. content: ""
  5227. }
  5228.  
  5229. .embed-responsive .embed-responsive-item,
  5230. .embed-responsive embed,
  5231. .embed-responsive iframe,
  5232. .embed-responsive object,
  5233. .embed-responsive video {
  5234. position: absolute;
  5235. top: 0;
  5236. bottom: 0;
  5237. left: 0;
  5238. width: 100%;
  5239. height: 100%;
  5240. border: 0
  5241. }
  5242.  
  5243. .embed-responsive-21by9::before {
  5244. padding-top: 42.857143%
  5245. }
  5246.  
  5247. .embed-responsive-16by9::before {
  5248. padding-top: 56.25%
  5249. }
  5250.  
  5251. .embed-responsive-4by3::before {
  5252. padding-top: 75%
  5253. }
  5254.  
  5255. .embed-responsive-1by1::before {
  5256. padding-top: 100%
  5257. }
  5258.  
  5259. .flex-row {
  5260. -webkit-box-orient: horizontal!important;
  5261. -webkit-box-direction: normal!important;
  5262. -ms-flex-direction: row!important;
  5263. flex-direction: row!important
  5264. }
  5265.  
  5266. .flex-column {
  5267. -webkit-box-orient: vertical!important;
  5268. -webkit-box-direction: normal!important;
  5269. -ms-flex-direction: column!important;
  5270. flex-direction: column!important
  5271. }
  5272.  
  5273. .flex-row-reverse {
  5274. -webkit-box-orient: horizontal!important;
  5275. -webkit-box-direction: reverse!important;
  5276. -ms-flex-direction: row-reverse!important;
  5277. flex-direction: row-reverse!important
  5278. }
  5279.  
  5280. .flex-column-reverse {
  5281. -webkit-box-orient: vertical!important;
  5282. -webkit-box-direction: reverse!important;
  5283. -ms-flex-direction: column-reverse!important;
  5284. flex-direction: column-reverse!important
  5285. }
  5286.  
  5287. .flex-wrap {
  5288. -ms-flex-wrap: wrap!important;
  5289. flex-wrap: wrap!important
  5290. }
  5291.  
  5292. .flex-nowrap {
  5293. -ms-flex-wrap: nowrap!important;
  5294. flex-wrap: nowrap!important
  5295. }
  5296.  
  5297. .flex-wrap-reverse {
  5298. -ms-flex-wrap: wrap-reverse!important;
  5299. flex-wrap: wrap-reverse!important
  5300. }
  5301.  
  5302. .justify-content-start {
  5303. -webkit-box-pack: start!important;
  5304. -ms-flex-pack: start!important;
  5305. justify-content: flex-start!important
  5306. }
  5307.  
  5308. .justify-content-end {
  5309. -webkit-box-pack: end!important;
  5310. -ms-flex-pack: end!important;
  5311. justify-content: flex-end!important
  5312. }
  5313.  
  5314. .justify-content-center {
  5315. -webkit-box-pack: center!important;
  5316. -ms-flex-pack: center!important;
  5317. justify-content: center!important
  5318. }
  5319.  
  5320. .justify-content-between {
  5321. -webkit-box-pack: justify!important;
  5322. -ms-flex-pack: justify!important;
  5323. justify-content: space-between!important
  5324. }
  5325.  
  5326. .justify-content-around {
  5327. -ms-flex-pack: distribute!important;
  5328. justify-content: space-around!important
  5329. }
  5330.  
  5331. .align-items-start {
  5332. -webkit-box-align: start!important;
  5333. -ms-flex-align: start!important;
  5334. align-items: flex-start!important
  5335. }
  5336.  
  5337. .align-items-end {
  5338. -webkit-box-align: end!important;
  5339. -ms-flex-align: end!important;
  5340. align-items: flex-end!important
  5341. }
  5342.  
  5343. .align-items-center {
  5344. -webkit-box-align: center!important;
  5345. -ms-flex-align: center!important;
  5346. align-items: center!important
  5347. }
  5348.  
  5349. .align-items-baseline {
  5350. -webkit-box-align: baseline!important;
  5351. -ms-flex-align: baseline!important;
  5352. align-items: baseline!important
  5353. }
  5354.  
  5355. .align-items-stretch {
  5356. -webkit-box-align: stretch!important;
  5357. -ms-flex-align: stretch!important;
  5358. align-items: stretch!important
  5359. }
  5360.  
  5361. .align-content-start {
  5362. -ms-flex-line-pack: start!important;
  5363. align-content: flex-start!important
  5364. }
  5365.  
  5366. .align-content-end {
  5367. -ms-flex-line-pack: end!important;
  5368. align-content: flex-end!important
  5369. }
  5370.  
  5371. .align-content-center {
  5372. -ms-flex-line-pack: center!important;
  5373. align-content: center!important
  5374. }
  5375.  
  5376. .align-content-between {
  5377. -ms-flex-line-pack: justify!important;
  5378. align-content: space-between!important
  5379. }
  5380.  
  5381. .align-content-around {
  5382. -ms-flex-line-pack: distribute!important;
  5383. align-content: space-around!important
  5384. }
  5385.  
  5386. .align-content-stretch {
  5387. -ms-flex-line-pack: stretch!important;
  5388. align-content: stretch!important
  5389. }
  5390.  
  5391. .align-self-auto {
  5392. -ms-flex-item-align: auto!important;
  5393. align-self: auto!important
  5394. }
  5395.  
  5396. .align-self-start {
  5397. -ms-flex-item-align: start!important;
  5398. align-self: flex-start!important
  5399. }
  5400.  
  5401. .align-self-end {
  5402. -ms-flex-item-align: end!important;
  5403. align-self: flex-end!important
  5404. }
  5405.  
  5406. .align-self-center {
  5407. -ms-flex-item-align: center!important;
  5408. align-self: center!important
  5409. }
  5410.  
  5411. .align-self-baseline {
  5412. -ms-flex-item-align: baseline!important;
  5413. align-self: baseline!important
  5414. }
  5415.  
  5416. .align-self-stretch {
  5417. -ms-flex-item-align: stretch!important;
  5418. align-self: stretch!important
  5419. }
  5420.  
  5421. @media (min-width:576px) {
  5422. .flex-sm-row {
  5423. -webkit-box-orient: horizontal!important;
  5424. -webkit-box-direction: normal!important;
  5425. -ms-flex-direction: row!important;
  5426. flex-direction: row!important
  5427. }
  5428. .flex-sm-column {
  5429. -webkit-box-orient: vertical!important;
  5430. -webkit-box-direction: normal!important;
  5431. -ms-flex-direction: column!important;
  5432. flex-direction: column!important
  5433. }
  5434. .flex-sm-row-reverse {
  5435. -webkit-box-orient: horizontal!important;
  5436. -webkit-box-direction: reverse!important;
  5437. -ms-flex-direction: row-reverse!important;
  5438. flex-direction: row-reverse!important
  5439. }
  5440. .flex-sm-column-reverse {
  5441. -webkit-box-orient: vertical!important;
  5442. -webkit-box-direction: reverse!important;
  5443. -ms-flex-direction: column-reverse!important;
  5444. flex-direction: column-reverse!important
  5445. }
  5446. .flex-sm-wrap {
  5447. -ms-flex-wrap: wrap!important;
  5448. flex-wrap: wrap!important
  5449. }
  5450. .flex-sm-nowrap {
  5451. -ms-flex-wrap: nowrap!important;
  5452. flex-wrap: nowrap!important
  5453. }
  5454. .flex-sm-wrap-reverse {
  5455. -ms-flex-wrap: wrap-reverse!important;
  5456. flex-wrap: wrap-reverse!important
  5457. }
  5458. .justify-content-sm-start {
  5459. -webkit-box-pack: start!important;
  5460. -ms-flex-pack: start!important;
  5461. justify-content: flex-start!important
  5462. }
  5463. .justify-content-sm-end {
  5464. -webkit-box-pack: end!important;
  5465. -ms-flex-pack: end!important;
  5466. justify-content: flex-end!important
  5467. }
  5468. .justify-content-sm-center {
  5469. -webkit-box-pack: center!important;
  5470. -ms-flex-pack: center!important;
  5471. justify-content: center!important
  5472. }
  5473. .justify-content-sm-between {
  5474. -webkit-box-pack: justify!important;
  5475. -ms-flex-pack: justify!important;
  5476. justify-content: space-between!important
  5477. }
  5478. .justify-content-sm-around {
  5479. -ms-flex-pack: distribute!important;
  5480. justify-content: space-around!important
  5481. }
  5482. .align-items-sm-start {
  5483. -webkit-box-align: start!important;
  5484. -ms-flex-align: start!important;
  5485. align-items: flex-start!important
  5486. }
  5487. .align-items-sm-end {
  5488. -webkit-box-align: end!important;
  5489. -ms-flex-align: end!important;
  5490. align-items: flex-end!important
  5491. }
  5492. .align-items-sm-center {
  5493. -webkit-box-align: center!important;
  5494. -ms-flex-align: center!important;
  5495. align-items: center!important
  5496. }
  5497. .align-items-sm-baseline {
  5498. -webkit-box-align: baseline!important;
  5499. -ms-flex-align: baseline!important;
  5500. align-items: baseline!important
  5501. }
  5502. .align-items-sm-stretch {
  5503. -webkit-box-align: stretch!important;
  5504. -ms-flex-align: stretch!important;
  5505. align-items: stretch!important
  5506. }
  5507. .align-content-sm-start {
  5508. -ms-flex-line-pack: start!important;
  5509. align-content: flex-start!important
  5510. }
  5511. .align-content-sm-end {
  5512. -ms-flex-line-pack: end!important;
  5513. align-content: flex-end!important
  5514. }
  5515. .align-content-sm-center {
  5516. -ms-flex-line-pack: center!important;
  5517. align-content: center!important
  5518. }
  5519. .align-content-sm-between {
  5520. -ms-flex-line-pack: justify!important;
  5521. align-content: space-between!important
  5522. }
  5523. .align-content-sm-around {
  5524. -ms-flex-line-pack: distribute!important;
  5525. align-content: space-around!important
  5526. }
  5527. .align-content-sm-stretch {
  5528. -ms-flex-line-pack: stretch!important;
  5529. align-content: stretch!important
  5530. }
  5531. .align-self-sm-auto {
  5532. -ms-flex-item-align: auto!important;
  5533. align-self: auto!important
  5534. }
  5535. .align-self-sm-start {
  5536. -ms-flex-item-align: start!important;
  5537. align-self: flex-start!important
  5538. }
  5539. .align-self-sm-end {
  5540. -ms-flex-item-align: end!important;
  5541. align-self: flex-end!important
  5542. }
  5543. .align-self-sm-center {
  5544. -ms-flex-item-align: center!important;
  5545. align-self: center!important
  5546. }
  5547. .align-self-sm-baseline {
  5548. -ms-flex-item-align: baseline!important;
  5549. align-self: baseline!important
  5550. }
  5551. .align-self-sm-stretch {
  5552. -ms-flex-item-align: stretch!important;
  5553. align-self: stretch!important
  5554. }
  5555. }
  5556.  
  5557. @media (min-width:768px) {
  5558. .flex-md-row {
  5559. -webkit-box-orient: horizontal!important;
  5560. -webkit-box-direction: normal!important;
  5561. -ms-flex-direction: row!important;
  5562. flex-direction: row!important
  5563. }
  5564. .flex-md-column {
  5565. -webkit-box-orient: vertical!important;
  5566. -webkit-box-direction: normal!important;
  5567. -ms-flex-direction: column!important;
  5568. flex-direction: column!important
  5569. }
  5570. .flex-md-row-reverse {
  5571. -webkit-box-orient: horizontal!important;
  5572. -webkit-box-direction: reverse!important;
  5573. -ms-flex-direction: row-reverse!important;
  5574. flex-direction: row-reverse!important
  5575. }
  5576. .flex-md-column-reverse {
  5577. -webkit-box-orient: vertical!important;
  5578. -webkit-box-direction: reverse!important;
  5579. -ms-flex-direction: column-reverse!important;
  5580. flex-direction: column-reverse!important
  5581. }
  5582. .flex-md-wrap {
  5583. -ms-flex-wrap: wrap!important;
  5584. flex-wrap: wrap!important
  5585. }
  5586. .flex-md-nowrap {
  5587. -ms-flex-wrap: nowrap!important;
  5588. flex-wrap: nowrap!important
  5589. }
  5590. .flex-md-wrap-reverse {
  5591. -ms-flex-wrap: wrap-reverse!important;
  5592. flex-wrap: wrap-reverse!important
  5593. }
  5594. .justify-content-md-start {
  5595. -webkit-box-pack: start!important;
  5596. -ms-flex-pack: start!important;
  5597. justify-content: flex-start!important
  5598. }
  5599. .justify-content-md-end {
  5600. -webkit-box-pack: end!important;
  5601. -ms-flex-pack: end!important;
  5602. justify-content: flex-end!important
  5603. }
  5604. .justify-content-md-center {
  5605. -webkit-box-pack: center!important;
  5606. -ms-flex-pack: center!important;
  5607. justify-content: center!important
  5608. }
  5609. .justify-content-md-between {
  5610. -webkit-box-pack: justify!important;
  5611. -ms-flex-pack: justify!important;
  5612. justify-content: space-between!important
  5613. }
  5614. .justify-content-md-around {
  5615. -ms-flex-pack: distribute!important;
  5616. justify-content: space-around!important
  5617. }
  5618. .align-items-md-start {
  5619. -webkit-box-align: start!important;
  5620. -ms-flex-align: start!important;
  5621. align-items: flex-start!important
  5622. }
  5623. .align-items-md-end {
  5624. -webkit-box-align: end!important;
  5625. -ms-flex-align: end!important;
  5626. align-items: flex-end!important
  5627. }
  5628. .align-items-md-center {
  5629. -webkit-box-align: center!important;
  5630. -ms-flex-align: center!important;
  5631. align-items: center!important
  5632. }
  5633. .align-items-md-baseline {
  5634. -webkit-box-align: baseline!important;
  5635. -ms-flex-align: baseline!important;
  5636. align-items: baseline!important
  5637. }
  5638. .align-items-md-stretch {
  5639. -webkit-box-align: stretch!important;
  5640. -ms-flex-align: stretch!important;
  5641. align-items: stretch!important
  5642. }
  5643. .align-content-md-start {
  5644. -ms-flex-line-pack: start!important;
  5645. align-content: flex-start!important
  5646. }
  5647. .align-content-md-end {
  5648. -ms-flex-line-pack: end!important;
  5649. align-content: flex-end!important
  5650. }
  5651. .align-content-md-center {
  5652. -ms-flex-line-pack: center!important;
  5653. align-content: center!important
  5654. }
  5655. .align-content-md-between {
  5656. -ms-flex-line-pack: justify!important;
  5657. align-content: space-between!important
  5658. }
  5659. .align-content-md-around {
  5660. -ms-flex-line-pack: distribute!important;
  5661. align-content: space-around!important
  5662. }
  5663. .align-content-md-stretch {
  5664. -ms-flex-line-pack: stretch!important;
  5665. align-content: stretch!important
  5666. }
  5667. .align-self-md-auto {
  5668. -ms-flex-item-align: auto!important;
  5669. align-self: auto!important
  5670. }
  5671. .align-self-md-start {
  5672. -ms-flex-item-align: start!important;
  5673. align-self: flex-start!important
  5674. }
  5675. .align-self-md-end {
  5676. -ms-flex-item-align: end!important;
  5677. align-self: flex-end!important
  5678. }
  5679. .align-self-md-center {
  5680. -ms-flex-item-align: center!important;
  5681. align-self: center!important
  5682. }
  5683. .align-self-md-baseline {
  5684. -ms-flex-item-align: baseline!important;
  5685. align-self: baseline!important
  5686. }
  5687. .align-self-md-stretch {
  5688. -ms-flex-item-align: stretch!important;
  5689. align-self: stretch!important
  5690. }
  5691. }
  5692.  
  5693. @media (min-width:992px) {
  5694. .flex-lg-row {
  5695. -webkit-box-orient: horizontal!important;
  5696. -webkit-box-direction: normal!important;
  5697. -ms-flex-direction: row!important;
  5698. flex-direction: row!important
  5699. }
  5700. .flex-lg-column {
  5701. -webkit-box-orient: vertical!important;
  5702. -webkit-box-direction: normal!important;
  5703. -ms-flex-direction: column!important;
  5704. flex-direction: column!important
  5705. }
  5706. .flex-lg-row-reverse {
  5707. -webkit-box-orient: horizontal!important;
  5708. -webkit-box-direction: reverse!important;
  5709. -ms-flex-direction: row-reverse!important;
  5710. flex-direction: row-reverse!important
  5711. }
  5712. .flex-lg-column-reverse {
  5713. -webkit-box-orient: vertical!important;
  5714. -webkit-box-direction: reverse!important;
  5715. -ms-flex-direction: column-reverse!important;
  5716. flex-direction: column-reverse!important
  5717. }
  5718. .flex-lg-wrap {
  5719. -ms-flex-wrap: wrap!important;
  5720. flex-wrap: wrap!important
  5721. }
  5722. .flex-lg-nowrap {
  5723. -ms-flex-wrap: nowrap!important;
  5724. flex-wrap: nowrap!important
  5725. }
  5726. .flex-lg-wrap-reverse {
  5727. -ms-flex-wrap: wrap-reverse!important;
  5728. flex-wrap: wrap-reverse!important
  5729. }
  5730. .justify-content-lg-start {
  5731. -webkit-box-pack: start!important;
  5732. -ms-flex-pack: start!important;
  5733. justify-content: flex-start!important
  5734. }
  5735. .justify-content-lg-end {
  5736. -webkit-box-pack: end!important;
  5737. -ms-flex-pack: end!important;
  5738. justify-content: flex-end!important
  5739. }
  5740. .justify-content-lg-center {
  5741. -webkit-box-pack: center!important;
  5742. -ms-flex-pack: center!important;
  5743. justify-content: center!important
  5744. }
  5745. .justify-content-lg-between {
  5746. -webkit-box-pack: justify!important;
  5747. -ms-flex-pack: justify!important;
  5748. justify-content: space-between!important
  5749. }
  5750. .justify-content-lg-around {
  5751. -ms-flex-pack: distribute!important;
  5752. justify-content: space-around!important
  5753. }
  5754. .align-items-lg-start {
  5755. -webkit-box-align: start!important;
  5756. -ms-flex-align: start!important;
  5757. align-items: flex-start!important
  5758. }
  5759. .align-items-lg-end {
  5760. -webkit-box-align: end!important;
  5761. -ms-flex-align: end!important;
  5762. align-items: flex-end!important
  5763. }
  5764. .align-items-lg-center {
  5765. -webkit-box-align: center!important;
  5766. -ms-flex-align: center!important;
  5767. align-items: center!important
  5768. }
  5769. .align-items-lg-baseline {
  5770. -webkit-box-align: baseline!important;
  5771. -ms-flex-align: baseline!important;
  5772. align-items: baseline!important
  5773. }
  5774. .align-items-lg-stretch {
  5775. -webkit-box-align: stretch!important;
  5776. -ms-flex-align: stretch!important;
  5777. align-items: stretch!important
  5778. }
  5779. .align-content-lg-start {
  5780. -ms-flex-line-pack: start!important;
  5781. align-content: flex-start!important
  5782. }
  5783. .align-content-lg-end {
  5784. -ms-flex-line-pack: end!important;
  5785. align-content: flex-end!important
  5786. }
  5787. .align-content-lg-center {
  5788. -ms-flex-line-pack: center!important;
  5789. align-content: center!important
  5790. }
  5791. .align-content-lg-between {
  5792. -ms-flex-line-pack: justify!important;
  5793. align-content: space-between!important
  5794. }
  5795. .align-content-lg-around {
  5796. -ms-flex-line-pack: distribute!important;
  5797. align-content: space-around!important
  5798. }
  5799. .align-content-lg-stretch {
  5800. -ms-flex-line-pack: stretch!important;
  5801. align-content: stretch!important
  5802. }
  5803. .align-self-lg-auto {
  5804. -ms-flex-item-align: auto!important;
  5805. align-self: auto!important
  5806. }
  5807. .align-self-lg-start {
  5808. -ms-flex-item-align: start!important;
  5809. align-self: flex-start!important
  5810. }
  5811. .align-self-lg-end {
  5812. -ms-flex-item-align: end!important;
  5813. align-self: flex-end!important
  5814. }
  5815. .align-self-lg-center {
  5816. -ms-flex-item-align: center!important;
  5817. align-self: center!important
  5818. }
  5819. .align-self-lg-baseline {
  5820. -ms-flex-item-align: baseline!important;
  5821. align-self: baseline!important
  5822. }
  5823. .align-self-lg-stretch {
  5824. -ms-flex-item-align: stretch!important;
  5825. align-self: stretch!important
  5826. }
  5827. }
  5828.  
  5829. @media (min-width:1200px) {
  5830. .flex-xl-row {
  5831. -webkit-box-orient: horizontal!important;
  5832. -webkit-box-direction: normal!important;
  5833. -ms-flex-direction: row!important;
  5834. flex-direction: row!important
  5835. }
  5836. .flex-xl-column {
  5837. -webkit-box-orient: vertical!important;
  5838. -webkit-box-direction: normal!important;
  5839. -ms-flex-direction: column!important;
  5840. flex-direction: column!important
  5841. }
  5842. .flex-xl-row-reverse {
  5843. -webkit-box-orient: horizontal!important;
  5844. -webkit-box-direction: reverse!important;
  5845. -ms-flex-direction: row-reverse!important;
  5846. flex-direction: row-reverse!important
  5847. }
  5848. .flex-xl-column-reverse {
  5849. -webkit-box-orient: vertical!important;
  5850. -webkit-box-direction: reverse!important;
  5851. -ms-flex-direction: column-reverse!important;
  5852. flex-direction: column-reverse!important
  5853. }
  5854. .flex-xl-wrap {
  5855. -ms-flex-wrap: wrap!important;
  5856. flex-wrap: wrap!important
  5857. }
  5858. .flex-xl-nowrap {
  5859. -ms-flex-wrap: nowrap!important;
  5860. flex-wrap: nowrap!important
  5861. }
  5862. .flex-xl-wrap-reverse {
  5863. -ms-flex-wrap: wrap-reverse!important;
  5864. flex-wrap: wrap-reverse!important
  5865. }
  5866. .justify-content-xl-start {
  5867. -webkit-box-pack: start!important;
  5868. -ms-flex-pack: start!important;
  5869. justify-content: flex-start!important
  5870. }
  5871. .justify-content-xl-end {
  5872. -webkit-box-pack: end!important;
  5873. -ms-flex-pack: end!important;
  5874. justify-content: flex-end!important
  5875. }
  5876. .justify-content-xl-center {
  5877. -webkit-box-pack: center!important;
  5878. -ms-flex-pack: center!important;
  5879. justify-content: center!important
  5880. }
  5881. .justify-content-xl-between {
  5882. -webkit-box-pack: justify!important;
  5883. -ms-flex-pack: justify!important;
  5884. justify-content: space-between!important
  5885. }
  5886. .justify-content-xl-around {
  5887. -ms-flex-pack: distribute!important;
  5888. justify-content: space-around!important
  5889. }
  5890. .align-items-xl-start {
  5891. -webkit-box-align: start!important;
  5892. -ms-flex-align: start!important;
  5893. align-items: flex-start!important
  5894. }
  5895. .align-items-xl-end {
  5896. -webkit-box-align: end!important;
  5897. -ms-flex-align: end!important;
  5898. align-items: flex-end!important
  5899. }
  5900. .align-items-xl-center {
  5901. -webkit-box-align: center!important;
  5902. -ms-flex-align: center!important;
  5903. align-items: center!important
  5904. }
  5905. .align-items-xl-baseline {
  5906. -webkit-box-align: baseline!important;
  5907. -ms-flex-align: baseline!important;
  5908. align-items: baseline!important
  5909. }
  5910. .align-items-xl-stretch {
  5911. -webkit-box-align: stretch!important;
  5912. -ms-flex-align: stretch!important;
  5913. align-items: stretch!important
  5914. }
  5915. .align-content-xl-start {
  5916. -ms-flex-line-pack: start!important;
  5917. align-content: flex-start!important
  5918. }
  5919. .align-content-xl-end {
  5920. -ms-flex-line-pack: end!important;
  5921. align-content: flex-end!important
  5922. }
  5923. .align-content-xl-center {
  5924. -ms-flex-line-pack: center!important;
  5925. align-content: center!important
  5926. }
  5927. .align-content-xl-between {
  5928. -ms-flex-line-pack: justify!important;
  5929. align-content: space-between!important
  5930. }
  5931. .align-content-xl-around {
  5932. -ms-flex-line-pack: distribute!important;
  5933. align-content: space-around!important
  5934. }
  5935. .align-content-xl-stretch {
  5936. -ms-flex-line-pack: stretch!important;
  5937. align-content: stretch!important
  5938. }
  5939. .align-self-xl-auto {
  5940. -ms-flex-item-align: auto!important;
  5941. align-self: auto!important
  5942. }
  5943. .align-self-xl-start {
  5944. -ms-flex-item-align: start!important;
  5945. align-self: flex-start!important
  5946. }
  5947. .align-self-xl-end {
  5948. -ms-flex-item-align: end!important;
  5949. align-self: flex-end!important
  5950. }
  5951. .align-self-xl-center {
  5952. -ms-flex-item-align: center!important;
  5953. align-self: center!important
  5954. }
  5955. .align-self-xl-baseline {
  5956. -ms-flex-item-align: baseline!important;
  5957. align-self: baseline!important
  5958. }
  5959. .align-self-xl-stretch {
  5960. -ms-flex-item-align: stretch!important;
  5961. align-self: stretch!important
  5962. }
  5963. }
  5964.  
  5965. .float-left {
  5966. float: left!important
  5967. }
  5968.  
  5969. .float-right {
  5970. float: right!important
  5971. }
  5972.  
  5973. .float-none {
  5974. float: none!important
  5975. }
  5976.  
  5977. @media (min-width:576px) {
  5978. .float-sm-left {
  5979. float: left!important
  5980. }
  5981. .float-sm-right {
  5982. float: right!important
  5983. }
  5984. .float-sm-none {
  5985. float: none!important
  5986. }
  5987. }
  5988.  
  5989. @media (min-width:768px) {
  5990. .float-md-left {
  5991. float: left!important
  5992. }
  5993. .float-md-right {
  5994. float: right!important
  5995. }
  5996. .float-md-none {
  5997. float: none!important
  5998. }
  5999. }
  6000.  
  6001. @media (min-width:992px) {
  6002. .float-lg-left {
  6003. float: left!important
  6004. }
  6005. .float-lg-right {
  6006. float: right!important
  6007. }
  6008. .float-lg-none {
  6009. float: none!important
  6010. }
  6011. }
  6012.  
  6013. @media (min-width:1200px) {
  6014. .float-xl-left {
  6015. float: left!important
  6016. }
  6017. .float-xl-right {
  6018. float: right!important
  6019. }
  6020. .float-xl-none {
  6021. float: none!important
  6022. }
  6023. }
  6024.  
  6025. .position-static {
  6026. position: static!important
  6027. }
  6028.  
  6029. .position-relative {
  6030. position: relative!important
  6031. }
  6032.  
  6033. .position-absolute {
  6034. position: absolute!important
  6035. }
  6036.  
  6037. .position-fixed {
  6038. position: fixed!important
  6039. }
  6040.  
  6041. .position-sticky {
  6042. position: -webkit-sticky!important;
  6043. position: sticky!important
  6044. }
  6045.  
  6046. .fixed-top {
  6047. position: fixed;
  6048. top: 0;
  6049. right: 0;
  6050. left: 0;
  6051. z-index: 1030
  6052. }
  6053.  
  6054. .fixed-bottom {
  6055. position: fixed;
  6056. right: 0;
  6057. bottom: 0;
  6058. left: 0;
  6059. z-index: 1030
  6060. }
  6061.  
  6062. @supports ((position:-webkit-sticky) or (position:sticky)) {
  6063. .sticky-top {
  6064. position: -webkit-sticky;
  6065. position: sticky;
  6066. top: 0;
  6067. z-index: 1020
  6068. }
  6069. }
  6070.  
  6071. .sr-only {
  6072. position: absolute;
  6073. width: 1px;
  6074. height: 1px;
  6075. padding: 0;
  6076. overflow: hidden;
  6077. clip: rect(0, 0, 0, 0);
  6078. white-space: nowrap;
  6079. -webkit-clip-path: inset(50%);
  6080. clip-path: inset(50%);
  6081. border: 0
  6082. }
  6083.  
  6084. .sr-only-focusable:active,
  6085. .sr-only-focusable:focus {
  6086. position: static;
  6087. width: auto;
  6088. height: auto;
  6089. overflow: visible;
  6090. clip: auto;
  6091. white-space: normal;
  6092. -webkit-clip-path: none;
  6093. clip-path: none
  6094. }
  6095.  
  6096. .w-25 {
  6097. width: 25%!important
  6098. }
  6099.  
  6100. .w-50 {
  6101. width: 50%!important
  6102. }
  6103.  
  6104. .w-75 {
  6105. width: 75%!important
  6106. }
  6107.  
  6108. .w-100 {
  6109. width: 100%!important
  6110. }
  6111.  
  6112. .h-25 {
  6113. height: 25%!important
  6114. }
  6115.  
  6116. .h-50 {
  6117. height: 50%!important
  6118. }
  6119.  
  6120. .h-75 {
  6121. height: 75%!important
  6122. }
  6123.  
  6124. .h-100 {
  6125. height: 100%!important
  6126. }
  6127.  
  6128. .mw-100 {
  6129. max-width: 100%!important
  6130. }
  6131.  
  6132. .mh-100 {
  6133. max-height: 100%!important
  6134. }
  6135.  
  6136. .m-0 {
  6137. margin: 0!important
  6138. }
  6139.  
  6140. .mt-0,
  6141. .my-0 {
  6142. margin-top: 0!important
  6143. }
  6144.  
  6145. .mr-0,
  6146. .mx-0 {
  6147. margin-right: 0!important
  6148. }
  6149.  
  6150. .mb-0,
  6151. .my-0 {
  6152. margin-bottom: 0!important
  6153. }
  6154.  
  6155. .ml-0,
  6156. .mx-0 {
  6157. margin-left: 0!important
  6158. }
  6159.  
  6160. .m-1 {
  6161. margin: .25rem!important
  6162. }
  6163.  
  6164. .mt-1,
  6165. .my-1 {
  6166. margin-top: .25rem!important
  6167. }
  6168.  
  6169. .mr-1,
  6170. .mx-1 {
  6171. margin-right: .25rem!important
  6172. }
  6173.  
  6174. .mb-1,
  6175. .my-1 {
  6176. margin-bottom: .25rem!important
  6177. }
  6178.  
  6179. .ml-1,
  6180. .mx-1 {
  6181. margin-left: .25rem!important
  6182. }
  6183.  
  6184. .m-2 {
  6185. margin: .5rem!important
  6186. }
  6187.  
  6188. .mt-2,
  6189. .my-2 {
  6190. margin-top: .5rem!important
  6191. }
  6192.  
  6193. .mr-2,
  6194. .mx-2 {
  6195. margin-right: .5rem!important
  6196. }
  6197.  
  6198. .mb-2,
  6199. .my-2 {
  6200. margin-bottom: .5rem!important
  6201. }
  6202.  
  6203. .ml-2,
  6204. .mx-2 {
  6205. margin-left: .5rem!important
  6206. }
  6207.  
  6208. .m-3 {
  6209. margin: 1rem!important
  6210. }
  6211.  
  6212. .mt-3,
  6213. .my-3 {
  6214. margin-top: 1rem!important
  6215. }
  6216.  
  6217. .mr-3,
  6218. .mx-3 {
  6219. margin-right: 1rem!important
  6220. }
  6221.  
  6222. .mb-3,
  6223. .my-3 {
  6224. margin-bottom: 1rem!important
  6225. }
  6226.  
  6227. .ml-3,
  6228. .mx-3 {
  6229. margin-left: 1rem!important
  6230. }
  6231.  
  6232. .m-4 {
  6233. margin: 1.5rem!important
  6234. }
  6235.  
  6236. .mt-4,
  6237. .my-4 {
  6238. margin-top: 1.5rem!important
  6239. }
  6240.  
  6241. .mr-4,
  6242. .mx-4 {
  6243. margin-right: 1.5rem!important
  6244. }
  6245.  
  6246. .mb-4,
  6247. .my-4 {
  6248. margin-bottom: 1.5rem!important
  6249. }
  6250.  
  6251. .ml-4,
  6252. .mx-4 {
  6253. margin-left: 1.5rem!important
  6254. }
  6255.  
  6256. .m-5 {
  6257. margin: 3rem!important
  6258. }
  6259.  
  6260. .mt-5,
  6261. .my-5 {
  6262. margin-top: 3rem!important
  6263. }
  6264.  
  6265. .mr-5,
  6266. .mx-5 {
  6267. margin-right: 3rem!important
  6268. }
  6269.  
  6270. .mb-5,
  6271. .my-5 {
  6272. margin-bottom: 3rem!important
  6273. }
  6274.  
  6275. .ml-5,
  6276. .mx-5 {
  6277. margin-left: 3rem!important
  6278. }
  6279.  
  6280. .p-0 {
  6281. padding: 0!important
  6282. }
  6283.  
  6284. .pt-0,
  6285. .py-0 {
  6286. padding-top: 0!important
  6287. }
  6288.  
  6289. .pr-0,
  6290. .px-0 {
  6291. padding-right: 0!important
  6292. }
  6293.  
  6294. .pb-0,
  6295. .py-0 {
  6296. padding-bottom: 0!important
  6297. }
  6298.  
  6299. .pl-0,
  6300. .px-0 {
  6301. padding-left: 0!important
  6302. }
  6303.  
  6304. .p-1 {
  6305. padding: .25rem!important
  6306. }
  6307.  
  6308. .pt-1,
  6309. .py-1 {
  6310. padding-top: .25rem!important
  6311. }
  6312.  
  6313. .pr-1,
  6314. .px-1 {
  6315. padding-right: .25rem!important
  6316. }
  6317.  
  6318. .pb-1,
  6319. .py-1 {
  6320. padding-bottom: .25rem!important
  6321. }
  6322.  
  6323. .pl-1,
  6324. .px-1 {
  6325. padding-left: .25rem!important
  6326. }
  6327.  
  6328. .p-2 {
  6329. padding: .5rem!important
  6330. }
  6331.  
  6332. .pt-2,
  6333. .py-2 {
  6334. padding-top: .5rem!important
  6335. }
  6336.  
  6337. .pr-2,
  6338. .px-2 {
  6339. padding-right: .5rem!important
  6340. }
  6341.  
  6342. .pb-2,
  6343. .py-2 {
  6344. padding-bottom: .5rem!important
  6345. }
  6346.  
  6347. .pl-2,
  6348. .px-2 {
  6349. padding-left: .5rem!important
  6350. }
  6351.  
  6352. .p-3 {
  6353. padding: 1rem!important
  6354. }
  6355.  
  6356. .pt-3,
  6357. .py-3 {
  6358. padding-top: 1rem!important
  6359. }
  6360.  
  6361. .pr-3,
  6362. .px-3 {
  6363. padding-right: 1rem!important
  6364. }
  6365.  
  6366. .pb-3,
  6367. .py-3 {
  6368. padding-bottom: 1rem!important
  6369. }
  6370.  
  6371. .pl-3,
  6372. .px-3 {
  6373. padding-left: 1rem!important
  6374. }
  6375.  
  6376. .p-4 {
  6377. padding: 1.5rem!important
  6378. }
  6379.  
  6380. .pt-4,
  6381. .py-4 {
  6382. padding-top: 1.5rem!important
  6383. }
  6384.  
  6385. .pr-4,
  6386. .px-4 {
  6387. padding-right: 1.5rem!important
  6388. }
  6389.  
  6390. .pb-4,
  6391. .py-4 {
  6392. padding-bottom: 1.5rem!important
  6393. }
  6394.  
  6395. .pl-4,
  6396. .px-4 {
  6397. padding-left: 1.5rem!important
  6398. }
  6399.  
  6400. .p-5 {
  6401. padding: 3rem!important
  6402. }
  6403.  
  6404. .pt-5,
  6405. .py-5 {
  6406. padding-top: 3rem!important
  6407. }
  6408.  
  6409. .pr-5,
  6410. .px-5 {
  6411. padding-right: 3rem!important
  6412. }
  6413.  
  6414. .pb-5,
  6415. .py-5 {
  6416. padding-bottom: 3rem!important
  6417. }
  6418.  
  6419. .pl-5,
  6420. .px-5 {
  6421. padding-left: 3rem!important
  6422. }
  6423.  
  6424. .m-auto {
  6425. margin: auto!important
  6426. }
  6427.  
  6428. .mt-auto,
  6429. .my-auto {
  6430. margin-top: auto!important
  6431. }
  6432.  
  6433. .mr-auto,
  6434. .mx-auto {
  6435. margin-right: auto!important
  6436. }
  6437.  
  6438. .mb-auto,
  6439. .my-auto {
  6440. margin-bottom: auto!important
  6441. }
  6442.  
  6443. .ml-auto,
  6444. .mx-auto {
  6445. margin-left: auto!important
  6446. }
  6447.  
  6448. @media (min-width:576px) {
  6449. .m-sm-0 {
  6450. margin: 0!important
  6451. }
  6452. .mt-sm-0,
  6453. .my-sm-0 {
  6454. margin-top: 0!important
  6455. }
  6456. .mr-sm-0,
  6457. .mx-sm-0 {
  6458. margin-right: 0!important
  6459. }
  6460. .mb-sm-0,
  6461. .my-sm-0 {
  6462. margin-bottom: 0!important
  6463. }
  6464. .ml-sm-0,
  6465. .mx-sm-0 {
  6466. margin-left: 0!important
  6467. }
  6468. .m-sm-1 {
  6469. margin: .25rem!important
  6470. }
  6471. .mt-sm-1,
  6472. .my-sm-1 {
  6473. margin-top: .25rem!important
  6474. }
  6475. .mr-sm-1,
  6476. .mx-sm-1 {
  6477. margin-right: .25rem!important
  6478. }
  6479. .mb-sm-1,
  6480. .my-sm-1 {
  6481. margin-bottom: .25rem!important
  6482. }
  6483. .ml-sm-1,
  6484. .mx-sm-1 {
  6485. margin-left: .25rem!important
  6486. }
  6487. .m-sm-2 {
  6488. margin: .5rem!important
  6489. }
  6490. .mt-sm-2,
  6491. .my-sm-2 {
  6492. margin-top: .5rem!important
  6493. }
  6494. .mr-sm-2,
  6495. .mx-sm-2 {
  6496. margin-right: .5rem!important
  6497. }
  6498. .mb-sm-2,
  6499. .my-sm-2 {
  6500. margin-bottom: .5rem!important
  6501. }
  6502. .ml-sm-2,
  6503. .mx-sm-2 {
  6504. margin-left: .5rem!important
  6505. }
  6506. .m-sm-3 {
  6507. margin: 1rem!important
  6508. }
  6509. .mt-sm-3,
  6510. .my-sm-3 {
  6511. margin-top: 1rem!important
  6512. }
  6513. .mr-sm-3,
  6514. .mx-sm-3 {
  6515. margin-right: 1rem!important
  6516. }
  6517. .mb-sm-3,
  6518. .my-sm-3 {
  6519. margin-bottom: 1rem!important
  6520. }
  6521. .ml-sm-3,
  6522. .mx-sm-3 {
  6523. margin-left: 1rem!important
  6524. }
  6525. .m-sm-4 {
  6526. margin: 1.5rem!important
  6527. }
  6528. .mt-sm-4,
  6529. .my-sm-4 {
  6530. margin-top: 1.5rem!important
  6531. }
  6532. .mr-sm-4,
  6533. .mx-sm-4 {
  6534. margin-right: 1.5rem!important
  6535. }
  6536. .mb-sm-4,
  6537. .my-sm-4 {
  6538. margin-bottom: 1.5rem!important
  6539. }
  6540. .ml-sm-4,
  6541. .mx-sm-4 {
  6542. margin-left: 1.5rem!important
  6543. }
  6544. .m-sm-5 {
  6545. margin: 3rem!important
  6546. }
  6547. .mt-sm-5,
  6548. .my-sm-5 {
  6549. margin-top: 3rem!important
  6550. }
  6551. .mr-sm-5,
  6552. .mx-sm-5 {
  6553. margin-right: 3rem!important
  6554. }
  6555. .mb-sm-5,
  6556. .my-sm-5 {
  6557. margin-bottom: 3rem!important
  6558. }
  6559. .ml-sm-5,
  6560. .mx-sm-5 {
  6561. margin-left: 3rem!important
  6562. }
  6563. .p-sm-0 {
  6564. padding: 0!important
  6565. }
  6566. .pt-sm-0,
  6567. .py-sm-0 {
  6568. padding-top: 0!important
  6569. }
  6570. .pr-sm-0,
  6571. .px-sm-0 {
  6572. padding-right: 0!important
  6573. }
  6574. .pb-sm-0,
  6575. .py-sm-0 {
  6576. padding-bottom: 0!important
  6577. }
  6578. .pl-sm-0,
  6579. .px-sm-0 {
  6580. padding-left: 0!important
  6581. }
  6582. .p-sm-1 {
  6583. padding: .25rem!important
  6584. }
  6585. .pt-sm-1,
  6586. .py-sm-1 {
  6587. padding-top: .25rem!important
  6588. }
  6589. .pr-sm-1,
  6590. .px-sm-1 {
  6591. padding-right: .25rem!important
  6592. }
  6593. .pb-sm-1,
  6594. .py-sm-1 {
  6595. padding-bottom: .25rem!important
  6596. }
  6597. .pl-sm-1,
  6598. .px-sm-1 {
  6599. padding-left: .25rem!important
  6600. }
  6601. .p-sm-2 {
  6602. padding: .5rem!important
  6603. }
  6604. .pt-sm-2,
  6605. .py-sm-2 {
  6606. padding-top: .5rem!important
  6607. }
  6608. .pr-sm-2,
  6609. .px-sm-2 {
  6610. padding-right: .5rem!important
  6611. }
  6612. .pb-sm-2,
  6613. .py-sm-2 {
  6614. padding-bottom: .5rem!important
  6615. }
  6616. .pl-sm-2,
  6617. .px-sm-2 {
  6618. padding-left: .5rem!important
  6619. }
  6620. .p-sm-3 {
  6621. padding: 1rem!important
  6622. }
  6623. .pt-sm-3,
  6624. .py-sm-3 {
  6625. padding-top: 1rem!important
  6626. }
  6627. .pr-sm-3,
  6628. .px-sm-3 {
  6629. padding-right: 1rem!important
  6630. }
  6631. .pb-sm-3,
  6632. .py-sm-3 {
  6633. padding-bottom: 1rem!important
  6634. }
  6635. .pl-sm-3,
  6636. .px-sm-3 {
  6637. padding-left: 1rem!important
  6638. }
  6639. .p-sm-4 {
  6640. padding: 1.5rem!important
  6641. }
  6642. .pt-sm-4,
  6643. .py-sm-4 {
  6644. padding-top: 1.5rem!important
  6645. }
  6646. .pr-sm-4,
  6647. .px-sm-4 {
  6648. padding-right: 1.5rem!important
  6649. }
  6650. .pb-sm-4,
  6651. .py-sm-4 {
  6652. padding-bottom: 1.5rem!important
  6653. }
  6654. .pl-sm-4,
  6655. .px-sm-4 {
  6656. padding-left: 1.5rem!important
  6657. }
  6658. .p-sm-5 {
  6659. padding: 3rem!important
  6660. }
  6661. .pt-sm-5,
  6662. .py-sm-5 {
  6663. padding-top: 3rem!important
  6664. }
  6665. .pr-sm-5,
  6666. .px-sm-5 {
  6667. padding-right: 3rem!important
  6668. }
  6669. .pb-sm-5,
  6670. .py-sm-5 {
  6671. padding-bottom: 3rem!important
  6672. }
  6673. .pl-sm-5,
  6674. .px-sm-5 {
  6675. padding-left: 3rem!important
  6676. }
  6677. .m-sm-auto {
  6678. margin: auto!important
  6679. }
  6680. .mt-sm-auto,
  6681. .my-sm-auto {
  6682. margin-top: auto!important
  6683. }
  6684. .mr-sm-auto,
  6685. .mx-sm-auto {
  6686. margin-right: auto!important
  6687. }
  6688. .mb-sm-auto,
  6689. .my-sm-auto {
  6690. margin-bottom: auto!important
  6691. }
  6692. .ml-sm-auto,
  6693. .mx-sm-auto {
  6694. margin-left: auto!important
  6695. }
  6696. }
  6697.  
  6698. @media (min-width:768px) {
  6699. .m-md-0 {
  6700. margin: 0!important
  6701. }
  6702. .mt-md-0,
  6703. .my-md-0 {
  6704. margin-top: 0!important
  6705. }
  6706. .mr-md-0,
  6707. .mx-md-0 {
  6708. margin-right: 0!important
  6709. }
  6710. .mb-md-0,
  6711. .my-md-0 {
  6712. margin-bottom: 0!important
  6713. }
  6714. .ml-md-0,
  6715. .mx-md-0 {
  6716. margin-left: 0!important
  6717. }
  6718. .m-md-1 {
  6719. margin: .25rem!important
  6720. }
  6721. .mt-md-1,
  6722. .my-md-1 {
  6723. margin-top: .25rem!important
  6724. }
  6725. .mr-md-1,
  6726. .mx-md-1 {
  6727. margin-right: .25rem!important
  6728. }
  6729. .mb-md-1,
  6730. .my-md-1 {
  6731. margin-bottom: .25rem!important
  6732. }
  6733. .ml-md-1,
  6734. .mx-md-1 {
  6735. margin-left: .25rem!important
  6736. }
  6737. .m-md-2 {
  6738. margin: .5rem!important
  6739. }
  6740. .mt-md-2,
  6741. .my-md-2 {
  6742. margin-top: .5rem!important
  6743. }
  6744. .mr-md-2,
  6745. .mx-md-2 {
  6746. margin-right: .5rem!important
  6747. }
  6748. .mb-md-2,
  6749. .my-md-2 {
  6750. margin-bottom: .5rem!important
  6751. }
  6752. .ml-md-2,
  6753. .mx-md-2 {
  6754. margin-left: .5rem!important
  6755. }
  6756. .m-md-3 {
  6757. margin: 1rem!important
  6758. }
  6759. .mt-md-3,
  6760. .my-md-3 {
  6761. margin-top: 1rem!important
  6762. }
  6763. .mr-md-3,
  6764. .mx-md-3 {
  6765. margin-right: 1rem!important
  6766. }
  6767. .mb-md-3,
  6768. .my-md-3 {
  6769. margin-bottom: 1rem!important
  6770. }
  6771. .ml-md-3,
  6772. .mx-md-3 {
  6773. margin-left: 1rem!important
  6774. }
  6775. .m-md-4 {
  6776. margin: 1.5rem!important
  6777. }
  6778. .mt-md-4,
  6779. .my-md-4 {
  6780. margin-top: 1.5rem!important
  6781. }
  6782. .mr-md-4,
  6783. .mx-md-4 {
  6784. margin-right: 1.5rem!important
  6785. }
  6786. .mb-md-4,
  6787. .my-md-4 {
  6788. margin-bottom: 1.5rem!important
  6789. }
  6790. .ml-md-4,
  6791. .mx-md-4 {
  6792. margin-left: 1.5rem!important
  6793. }
  6794. .m-md-5 {
  6795. margin: 3rem!important
  6796. }
  6797. .mt-md-5,
  6798. .my-md-5 {
  6799. margin-top: 3rem!important
  6800. }
  6801. .mr-md-5,
  6802. .mx-md-5 {
  6803. margin-right: 3rem!important
  6804. }
  6805. .mb-md-5,
  6806. .my-md-5 {
  6807. margin-bottom: 3rem!important
  6808. }
  6809. .ml-md-5,
  6810. .mx-md-5 {
  6811. margin-left: 3rem!important
  6812. }
  6813. .p-md-0 {
  6814. padding: 0!important
  6815. }
  6816. .pt-md-0,
  6817. .py-md-0 {
  6818. padding-top: 0!important
  6819. }
  6820. .pr-md-0,
  6821. .px-md-0 {
  6822. padding-right: 0!important
  6823. }
  6824. .pb-md-0,
  6825. .py-md-0 {
  6826. padding-bottom: 0!important
  6827. }
  6828. .pl-md-0,
  6829. .px-md-0 {
  6830. padding-left: 0!important
  6831. }
  6832. .p-md-1 {
  6833. padding: .25rem!important
  6834. }
  6835. .pt-md-1,
  6836. .py-md-1 {
  6837. padding-top: .25rem!important
  6838. }
  6839. .pr-md-1,
  6840. .px-md-1 {
  6841. padding-right: .25rem!important
  6842. }
  6843. .pb-md-1,
  6844. .py-md-1 {
  6845. padding-bottom: .25rem!important
  6846. }
  6847. .pl-md-1,
  6848. .px-md-1 {
  6849. padding-left: .25rem!important
  6850. }
  6851. .p-md-2 {
  6852. padding: .5rem!important
  6853. }
  6854. .pt-md-2,
  6855. .py-md-2 {
  6856. padding-top: .5rem!important
  6857. }
  6858. .pr-md-2,
  6859. .px-md-2 {
  6860. padding-right: .5rem!important
  6861. }
  6862. .pb-md-2,
  6863. .py-md-2 {
  6864. padding-bottom: .5rem!important
  6865. }
  6866. .pl-md-2,
  6867. .px-md-2 {
  6868. padding-left: .5rem!important
  6869. }
  6870. .p-md-3 {
  6871. padding: 1rem!important
  6872. }
  6873. .pt-md-3,
  6874. .py-md-3 {
  6875. padding-top: 1rem!important
  6876. }
  6877. .pr-md-3,
  6878. .px-md-3 {
  6879. padding-right: 1rem!important
  6880. }
  6881. .pb-md-3,
  6882. .py-md-3 {
  6883. padding-bottom: 1rem!important
  6884. }
  6885. .pl-md-3,
  6886. .px-md-3 {
  6887. padding-left: 1rem!important
  6888. }
  6889. .p-md-4 {
  6890. padding: 1.5rem!important
  6891. }
  6892. .pt-md-4,
  6893. .py-md-4 {
  6894. padding-top: 1.5rem!important
  6895. }
  6896. .pr-md-4,
  6897. .px-md-4 {
  6898. padding-right: 1.5rem!important
  6899. }
  6900. .pb-md-4,
  6901. .py-md-4 {
  6902. padding-bottom: 1.5rem!important
  6903. }
  6904. .pl-md-4,
  6905. .px-md-4 {
  6906. padding-left: 1.5rem!important
  6907. }
  6908. .p-md-5 {
  6909. padding: 3rem!important
  6910. }
  6911. .pt-md-5,
  6912. .py-md-5 {
  6913. padding-top: 3rem!important
  6914. }
  6915. .pr-md-5,
  6916. .px-md-5 {
  6917. padding-right: 3rem!important
  6918. }
  6919. .pb-md-5,
  6920. .py-md-5 {
  6921. padding-bottom: 3rem!important
  6922. }
  6923. .pl-md-5,
  6924. .px-md-5 {
  6925. padding-left: 3rem!important
  6926. }
  6927. .m-md-auto {
  6928. margin: auto!important
  6929. }
  6930. .mt-md-auto,
  6931. .my-md-auto {
  6932. margin-top: auto!important
  6933. }
  6934. .mr-md-auto,
  6935. .mx-md-auto {
  6936. margin-right: auto!important
  6937. }
  6938. .mb-md-auto,
  6939. .my-md-auto {
  6940. margin-bottom: auto!important
  6941. }
  6942. .ml-md-auto,
  6943. .mx-md-auto {
  6944. margin-left: auto!important
  6945. }
  6946. }
  6947.  
  6948. @media (min-width:992px) {
  6949. .m-lg-0 {
  6950. margin: 0!important
  6951. }
  6952. .mt-lg-0,
  6953. .my-lg-0 {
  6954. margin-top: 0!important
  6955. }
  6956. .mr-lg-0,
  6957. .mx-lg-0 {
  6958. margin-right: 0!important
  6959. }
  6960. .mb-lg-0,
  6961. .my-lg-0 {
  6962. margin-bottom: 0!important
  6963. }
  6964. .ml-lg-0,
  6965. .mx-lg-0 {
  6966. margin-left: 0!important
  6967. }
  6968. .m-lg-1 {
  6969. margin: .25rem!important
  6970. }
  6971. .mt-lg-1,
  6972. .my-lg-1 {
  6973. margin-top: .25rem!important
  6974. }
  6975. .mr-lg-1,
  6976. .mx-lg-1 {
  6977. margin-right: .25rem!important
  6978. }
  6979. .mb-lg-1,
  6980. .my-lg-1 {
  6981. margin-bottom: .25rem!important
  6982. }
  6983. .ml-lg-1,
  6984. .mx-lg-1 {
  6985. margin-left: .25rem!important
  6986. }
  6987. .m-lg-2 {
  6988. margin: .5rem!important
  6989. }
  6990. .mt-lg-2,
  6991. .my-lg-2 {
  6992. margin-top: .5rem!important
  6993. }
  6994. .mr-lg-2,
  6995. .mx-lg-2 {
  6996. margin-right: .5rem!important
  6997. }
  6998. .mb-lg-2,
  6999. .my-lg-2 {
  7000. margin-bottom: .5rem!important
  7001. }
  7002. .ml-lg-2,
  7003. .mx-lg-2 {
  7004. margin-left: .5rem!important
  7005. }
  7006. .m-lg-3 {
  7007. margin: 1rem!important
  7008. }
  7009. .mt-lg-3,
  7010. .my-lg-3 {
  7011. margin-top: 1rem!important
  7012. }
  7013. .mr-lg-3,
  7014. .mx-lg-3 {
  7015. margin-right: 1rem!important
  7016. }
  7017. .mb-lg-3,
  7018. .my-lg-3 {
  7019. margin-bottom: 1rem!important
  7020. }
  7021. .ml-lg-3,
  7022. .mx-lg-3 {
  7023. margin-left: 1rem!important
  7024. }
  7025. .m-lg-4 {
  7026. margin: 1.5rem!important
  7027. }
  7028. .mt-lg-4,
  7029. .my-lg-4 {
  7030. margin-top: 1.5rem!important
  7031. }
  7032. .mr-lg-4,
  7033. .mx-lg-4 {
  7034. margin-right: 1.5rem!important
  7035. }
  7036. .mb-lg-4,
  7037. .my-lg-4 {
  7038. margin-bottom: 1.5rem!important
  7039. }
  7040. .ml-lg-4,
  7041. .mx-lg-4 {
  7042. margin-left: 1.5rem!important
  7043. }
  7044. .m-lg-5 {
  7045. margin: 3rem!important
  7046. }
  7047. .mt-lg-5,
  7048. .my-lg-5 {
  7049. margin-top: 3rem!important
  7050. }
  7051. .mr-lg-5,
  7052. .mx-lg-5 {
  7053. margin-right: 3rem!important
  7054. }
  7055. .mb-lg-5,
  7056. .my-lg-5 {
  7057. margin-bottom: 3rem!important
  7058. }
  7059. .ml-lg-5,
  7060. .mx-lg-5 {
  7061. margin-left: 3rem!important
  7062. }
  7063. .p-lg-0 {
  7064. padding: 0!important
  7065. }
  7066. .pt-lg-0,
  7067. .py-lg-0 {
  7068. padding-top: 0!important
  7069. }
  7070. .pr-lg-0,
  7071. .px-lg-0 {
  7072. padding-right: 0!important
  7073. }
  7074. .pb-lg-0,
  7075. .py-lg-0 {
  7076. padding-bottom: 0!important
  7077. }
  7078. .pl-lg-0,
  7079. .px-lg-0 {
  7080. padding-left: 0!important
  7081. }
  7082. .p-lg-1 {
  7083. padding: .25rem!important
  7084. }
  7085. .pt-lg-1,
  7086. .py-lg-1 {
  7087. padding-top: .25rem!important
  7088. }
  7089. .pr-lg-1,
  7090. .px-lg-1 {
  7091. padding-right: .25rem!important
  7092. }
  7093. .pb-lg-1,
  7094. .py-lg-1 {
  7095. padding-bottom: .25rem!important
  7096. }
  7097. .pl-lg-1,
  7098. .px-lg-1 {
  7099. padding-left: .25rem!important
  7100. }
  7101. .p-lg-2 {
  7102. padding: .5rem!important
  7103. }
  7104. .pt-lg-2,
  7105. .py-lg-2 {
  7106. padding-top: .5rem!important
  7107. }
  7108. .pr-lg-2,
  7109. .px-lg-2 {
  7110. padding-right: .5rem!important
  7111. }
  7112. .pb-lg-2,
  7113. .py-lg-2 {
  7114. padding-bottom: .5rem!important
  7115. }
  7116. .pl-lg-2,
  7117. .px-lg-2 {
  7118. padding-left: .5rem!important
  7119. }
  7120. .p-lg-3 {
  7121. padding: 1rem!important
  7122. }
  7123. .pt-lg-3,
  7124. .py-lg-3 {
  7125. padding-top: 1rem!important
  7126. }
  7127. .pr-lg-3,
  7128. .px-lg-3 {
  7129. padding-right: 1rem!important
  7130. }
  7131. .pb-lg-3,
  7132. .py-lg-3 {
  7133. padding-bottom: 1rem!important
  7134. }
  7135. .pl-lg-3,
  7136. .px-lg-3 {
  7137. padding-left: 1rem!important
  7138. }
  7139. .p-lg-4 {
  7140. padding: 1.5rem!important
  7141. }
  7142. .pt-lg-4,
  7143. .py-lg-4 {
  7144. padding-top: 1.5rem!important
  7145. }
  7146. .pr-lg-4,
  7147. .px-lg-4 {
  7148. padding-right: 1.5rem!important
  7149. }
  7150. .pb-lg-4,
  7151. .py-lg-4 {
  7152. padding-bottom: 1.5rem!important
  7153. }
  7154. .pl-lg-4,
  7155. .px-lg-4 {
  7156. padding-left: 1.5rem!important
  7157. }
  7158. .p-lg-5 {
  7159. padding: 3rem!important
  7160. }
  7161. .pt-lg-5,
  7162. .py-lg-5 {
  7163. padding-top: 3rem!important
  7164. }
  7165. .pr-lg-5,
  7166. .px-lg-5 {
  7167. padding-right: 3rem!important
  7168. }
  7169. .pb-lg-5,
  7170. .py-lg-5 {
  7171. padding-bottom: 3rem!important
  7172. }
  7173. .pl-lg-5,
  7174. .px-lg-5 {
  7175. padding-left: 3rem!important
  7176. }
  7177. .m-lg-auto {
  7178. margin: auto!important
  7179. }
  7180. .mt-lg-auto,
  7181. .my-lg-auto {
  7182. margin-top: auto!important
  7183. }
  7184. .mr-lg-auto,
  7185. .mx-lg-auto {
  7186. margin-right: auto!important
  7187. }
  7188. .mb-lg-auto,
  7189. .my-lg-auto {
  7190. margin-bottom: auto!important
  7191. }
  7192. .ml-lg-auto,
  7193. .mx-lg-auto {
  7194. margin-left: auto!important
  7195. }
  7196. }
  7197.  
  7198. @media (min-width:1200px) {
  7199. .m-xl-0 {
  7200. margin: 0!important
  7201. }
  7202. .mt-xl-0,
  7203. .my-xl-0 {
  7204. margin-top: 0!important
  7205. }
  7206. .mr-xl-0,
  7207. .mx-xl-0 {
  7208. margin-right: 0!important
  7209. }
  7210. .mb-xl-0,
  7211. .my-xl-0 {
  7212. margin-bottom: 0!important
  7213. }
  7214. .ml-xl-0,
  7215. .mx-xl-0 {
  7216. margin-left: 0!important
  7217. }
  7218. .m-xl-1 {
  7219. margin: .25rem!important
  7220. }
  7221. .mt-xl-1,
  7222. .my-xl-1 {
  7223. margin-top: .25rem!important
  7224. }
  7225. .mr-xl-1,
  7226. .mx-xl-1 {
  7227. margin-right: .25rem!important
  7228. }
  7229. .mb-xl-1,
  7230. .my-xl-1 {
  7231. margin-bottom: .25rem!important
  7232. }
  7233. .ml-xl-1,
  7234. .mx-xl-1 {
  7235. margin-left: .25rem!important
  7236. }
  7237. .m-xl-2 {
  7238. margin: .5rem!important
  7239. }
  7240. .mt-xl-2,
  7241. .my-xl-2 {
  7242. margin-top: .5rem!important
  7243. }
  7244. .mr-xl-2,
  7245. .mx-xl-2 {
  7246. margin-right: .5rem!important
  7247. }
  7248. .mb-xl-2,
  7249. .my-xl-2 {
  7250. margin-bottom: .5rem!important
  7251. }
  7252. .ml-xl-2,
  7253. .mx-xl-2 {
  7254. margin-left: .5rem!important
  7255. }
  7256. .m-xl-3 {
  7257. margin: 1rem!important
  7258. }
  7259. .mt-xl-3,
  7260. .my-xl-3 {
  7261. margin-top: 1rem!important
  7262. }
  7263. .mr-xl-3,
  7264. .mx-xl-3 {
  7265. margin-right: 1rem!important
  7266. }
  7267. .mb-xl-3,
  7268. .my-xl-3 {
  7269. margin-bottom: 1rem!important
  7270. }
  7271. .ml-xl-3,
  7272. .mx-xl-3 {
  7273. margin-left: 1rem!important
  7274. }
  7275. .m-xl-4 {
  7276. margin: 1.5rem!important
  7277. }
  7278. .mt-xl-4,
  7279. .my-xl-4 {
  7280. margin-top: 1.5rem!important
  7281. }
  7282. .mr-xl-4,
  7283. .mx-xl-4 {
  7284. margin-right: 1.5rem!important
  7285. }
  7286. .mb-xl-4,
  7287. .my-xl-4 {
  7288. margin-bottom: 1.5rem!important
  7289. }
  7290. .ml-xl-4,
  7291. .mx-xl-4 {
  7292. margin-left: 1.5rem!important
  7293. }
  7294. .m-xl-5 {
  7295. margin: 3rem!important
  7296. }
  7297. .mt-xl-5,
  7298. .my-xl-5 {
  7299. margin-top: 3rem!important
  7300. }
  7301. .mr-xl-5,
  7302. .mx-xl-5 {
  7303. margin-right: 3rem!important
  7304. }
  7305. .mb-xl-5,
  7306. .my-xl-5 {
  7307. margin-bottom: 3rem!important
  7308. }
  7309. .ml-xl-5,
  7310. .mx-xl-5 {
  7311. margin-left: 3rem!important
  7312. }
  7313. .p-xl-0 {
  7314. padding: 0!important
  7315. }
  7316. .pt-xl-0,
  7317. .py-xl-0 {
  7318. padding-top: 0!important
  7319. }
  7320. .pr-xl-0,
  7321. .px-xl-0 {
  7322. padding-right: 0!important
  7323. }
  7324. .pb-xl-0,
  7325. .py-xl-0 {
  7326. padding-bottom: 0!important
  7327. }
  7328. .pl-xl-0,
  7329. .px-xl-0 {
  7330. padding-left: 0!important
  7331. }
  7332. .p-xl-1 {
  7333. padding: .25rem!important
  7334. }
  7335. .pt-xl-1,
  7336. .py-xl-1 {
  7337. padding-top: .25rem!important
  7338. }
  7339. .pr-xl-1,
  7340. .px-xl-1 {
  7341. padding-right: .25rem!important
  7342. }
  7343. .pb-xl-1,
  7344. .py-xl-1 {
  7345. padding-bottom: .25rem!important
  7346. }
  7347. .pl-xl-1,
  7348. .px-xl-1 {
  7349. padding-left: .25rem!important
  7350. }
  7351. .p-xl-2 {
  7352. padding: .5rem!important
  7353. }
  7354. .pt-xl-2,
  7355. .py-xl-2 {
  7356. padding-top: .5rem!important
  7357. }
  7358. .pr-xl-2,
  7359. .px-xl-2 {
  7360. padding-right: .5rem!important
  7361. }
  7362. .pb-xl-2,
  7363. .py-xl-2 {
  7364. padding-bottom: .5rem!important
  7365. }
  7366. .pl-xl-2,
  7367. .px-xl-2 {
  7368. padding-left: .5rem!important
  7369. }
  7370. .p-xl-3 {
  7371. padding: 1rem!important
  7372. }
  7373. .pt-xl-3,
  7374. .py-xl-3 {
  7375. padding-top: 1rem!important
  7376. }
  7377. .pr-xl-3,
  7378. .px-xl-3 {
  7379. padding-right: 1rem!important
  7380. }
  7381. .pb-xl-3,
  7382. .py-xl-3 {
  7383. padding-bottom: 1rem!important
  7384. }
  7385. .pl-xl-3,
  7386. .px-xl-3 {
  7387. padding-left: 1rem!important
  7388. }
  7389. .p-xl-4 {
  7390. padding: 1.5rem!important
  7391. }
  7392. .pt-xl-4,
  7393. .py-xl-4 {
  7394. padding-top: 1.5rem!important
  7395. }
  7396. .pr-xl-4,
  7397. .px-xl-4 {
  7398. padding-right: 1.5rem!important
  7399. }
  7400. .pb-xl-4,
  7401. .py-xl-4 {
  7402. padding-bottom: 1.5rem!important
  7403. }
  7404. .pl-xl-4,
  7405. .px-xl-4 {
  7406. padding-left: 1.5rem!important
  7407. }
  7408. .p-xl-5 {
  7409. padding: 3rem!important
  7410. }
  7411. .pt-xl-5,
  7412. .py-xl-5 {
  7413. padding-top: 3rem!important
  7414. }
  7415. .pr-xl-5,
  7416. .px-xl-5 {
  7417. padding-right: 3rem!important
  7418. }
  7419. .pb-xl-5,
  7420. .py-xl-5 {
  7421. padding-bottom: 3rem!important
  7422. }
  7423. .pl-xl-5,
  7424. .px-xl-5 {
  7425. padding-left: 3rem!important
  7426. }
  7427. .m-xl-auto {
  7428. margin: auto!important
  7429. }
  7430. .mt-xl-auto,
  7431. .my-xl-auto {
  7432. margin-top: auto!important
  7433. }
  7434. .mr-xl-auto,
  7435. .mx-xl-auto {
  7436. margin-right: auto!important
  7437. }
  7438. .mb-xl-auto,
  7439. .my-xl-auto {
  7440. margin-bottom: auto!important
  7441. }
  7442. .ml-xl-auto,
  7443. .mx-xl-auto {
  7444. margin-left: auto!important
  7445. }
  7446. }
  7447.  
  7448. .text-justify {
  7449. text-align: justify!important
  7450. }
  7451.  
  7452. .text-nowrap {
  7453. white-space: nowrap!important
  7454. }
  7455.  
  7456. .text-truncate {
  7457. overflow: hidden;
  7458. text-overflow: ellipsis;
  7459. white-space: nowrap
  7460. }
  7461.  
  7462. .text-left {
  7463. text-align: left!important
  7464. }
  7465.  
  7466. .text-right {
  7467. text-align: right!important
  7468. }
  7469.  
  7470. .text-center {
  7471. text-align: center!important
  7472. }
  7473.  
  7474. @media (min-width:576px) {
  7475. .text-sm-left {
  7476. text-align: left!important
  7477. }
  7478. .text-sm-right {
  7479. text-align: right!important
  7480. }
  7481. .text-sm-center {
  7482. text-align: center!important
  7483. }
  7484. }
  7485.  
  7486. @media (min-width:768px) {
  7487. .text-md-left {
  7488. text-align: left!important
  7489. }
  7490. .text-md-right {
  7491. text-align: right!important
  7492. }
  7493. .text-md-center {
  7494. text-align: center!important
  7495. }
  7496. }
  7497.  
  7498. @media (min-width:992px) {
  7499. .text-lg-left {
  7500. text-align: left!important
  7501. }
  7502. .text-lg-right {
  7503. text-align: right!important
  7504. }
  7505. .text-lg-center {
  7506. text-align: center!important
  7507. }
  7508. }
  7509.  
  7510. @media (min-width:1200px) {
  7511. .text-xl-left {
  7512. text-align: left!important
  7513. }
  7514. .text-xl-right {
  7515. text-align: right!important
  7516. }
  7517. .text-xl-center {
  7518. text-align: center!important
  7519. }
  7520. }
  7521.  
  7522. .text-lowercase {
  7523. text-transform: lowercase!important
  7524. }
  7525.  
  7526. .text-uppercase {
  7527. text-transform: uppercase!important
  7528. }
  7529.  
  7530. .text-capitalize {
  7531. text-transform: capitalize!important
  7532. }
  7533.  
  7534. .font-weight-light {
  7535. font-weight: 300!important
  7536. }
  7537.  
  7538. .font-weight-normal {
  7539. font-weight: 400!important
  7540. }
  7541.  
  7542. .font-weight-bold {
  7543. font-weight: 700!important
  7544. }
  7545.  
  7546. .font-italic {
  7547. font-style: italic!important
  7548. }
  7549.  
  7550. .text-white {
  7551. color: #fff!important
  7552. }
  7553.  
  7554. .text-primary {
  7555. color: #007bff!important
  7556. }
  7557.  
  7558. a.text-primary:focus,
  7559. a.text-primary:hover {
  7560. color: #0062cc!important
  7561. }
  7562.  
  7563. .text-secondary {
  7564. color: #6c757d!important
  7565. }
  7566.  
  7567. a.text-secondary:focus,
  7568. a.text-secondary:hover {
  7569. color: #545b62!important
  7570. }
  7571.  
  7572. .text-success {
  7573. color: #28a745!important
  7574. }
  7575.  
  7576. a.text-success:focus,
  7577. a.text-success:hover {
  7578. color: #1e7e34!important
  7579. }
  7580.  
  7581. .text-info {
  7582. color: #17a2b8!important
  7583. }
  7584.  
  7585. a.text-info:focus,
  7586. a.text-info:hover {
  7587. color: #117a8b!important
  7588. }
  7589.  
  7590. .text-warning {
  7591. color: #ffc107!important
  7592. }
  7593.  
  7594. a.text-warning:focus,
  7595. a.text-warning:hover {
  7596. color: #d39e00!important
  7597. }
  7598.  
  7599. .text-danger {
  7600. color: #dc3545!important
  7601. }
  7602.  
  7603. a.text-danger:focus,
  7604. a.text-danger:hover {
  7605. color: #bd2130!important
  7606. }
  7607.  
  7608. .text-light {
  7609. color: #f8f9fa!important
  7610. }
  7611.  
  7612. a.text-light:focus,
  7613. a.text-light:hover {
  7614. color: #dae0e5!important
  7615. }
  7616.  
  7617. .text-dark {
  7618. color: #343a40!important
  7619. }
  7620.  
  7621. a.text-dark:focus,
  7622. a.text-dark:hover {
  7623. color: #1d2124!important
  7624. }
  7625.  
  7626. .text-muted {
  7627. color: #6c757d!important
  7628. }
  7629.  
  7630. .text-hide {
  7631. font: 0/0 a;
  7632. color: transparent;
  7633. text-shadow: none;
  7634. background-color: transparent;
  7635. border: 0
  7636. }
  7637.  
  7638. .visible {
  7639. visibility: visible!important
  7640. }
  7641.  
  7642. .invisible {
  7643. visibility: hidden!important
  7644. }
  7645.  
  7646. @media print {
  7647. *,
  7648. ::after,
  7649. ::before {
  7650. text-shadow: none!important;
  7651. box-shadow: none!important
  7652. }
  7653. a:not(.btn) {
  7654. text-decoration: underline
  7655. }
  7656. abbr[title]::after {
  7657. content: " (" attr(title) ")"
  7658. }
  7659. pre {
  7660. white-space: pre-wrap!important
  7661. }
  7662. blockquote,
  7663. pre {
  7664. border: 1px solid #999;
  7665. page-break-inside: avoid
  7666. }
  7667. thead {
  7668. display: table-header-group
  7669. }
  7670. img,
  7671. tr {
  7672. page-break-inside: avoid
  7673. }
  7674. h2,
  7675. h3,
  7676. p {
  7677. orphans: 3;
  7678. widows: 3
  7679. }
  7680. h2,
  7681. h3 {
  7682. page-break-after: avoid
  7683. }
  7684. @page {
  7685. size: a3
  7686. }
  7687. body {
  7688. min-width: 992px!important
  7689. }
  7690. .container {
  7691. min-width: 992px!important
  7692. }
  7693. .navbar {
  7694. display: none
  7695. }
  7696. .badge {
  7697. border: 1px solid #000
  7698. }
  7699. .table {
  7700. border-collapse: collapse!important
  7701. }
  7702. .table td,
  7703. .table th {
  7704. background-color: #fff!important
  7705. }
  7706. .table-bordered td,
  7707. .table-bordered th {
  7708. border: 1px solid #ddd!important
  7709. }
  7710. }
  7711.  
  7712.  
  7713. /*! * Font Awesome 4.7.0 by @davegandy * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
  7714.  
  7715. @font-face {
  7716. font-family: 'FontAwesome';
  7717. src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  7718. src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  7719. font-weight: normal;
  7720. font-style: normal
  7721. }
  7722.  
  7723. .fa {
  7724. display: inline-block;
  7725. font: normal normal normal 14px/1 FontAwesome;
  7726. font-size: inherit;
  7727. text-rendering: auto;
  7728. -webkit-font-smoothing: antialiased;
  7729. -moz-osx-font-smoothing: grayscale
  7730. }
  7731.  
  7732. .fa-lg {
  7733. font-size: 1.33333333em;
  7734. line-height: .75em;
  7735. vertical-align: -15%
  7736. }
  7737.  
  7738. .fa-2x {
  7739. font-size: 2em
  7740. }
  7741.  
  7742. .fa-3x {
  7743. font-size: 3em
  7744. }
  7745.  
  7746. .fa-4x {
  7747. font-size: 4em
  7748. }
  7749.  
  7750. .fa-5x {
  7751. font-size: 5em
  7752. }
  7753.  
  7754. .fa-fw {
  7755. width: 1.28571429em;
  7756. text-align: center
  7757. }
  7758.  
  7759. .fa-ul {
  7760. padding-left: 0;
  7761. margin-left: 2.14285714em;
  7762. list-style-type: none
  7763. }
  7764.  
  7765. .fa-ul>li {
  7766. position: relative
  7767. }
  7768.  
  7769. .fa-li {
  7770. position: absolute;
  7771. left: -2.14285714em;
  7772. width: 2.14285714em;
  7773. top: .14285714em;
  7774. text-align: center
  7775. }
  7776.  
  7777. .fa-li.fa-lg {
  7778. left: -1.85714286em
  7779. }
  7780.  
  7781. .fa-border {
  7782. padding: .2em .25em .15em;
  7783. border: solid .08em #eee;
  7784. border-radius: .1em
  7785. }
  7786.  
  7787. .fa-pull-left {
  7788. float: left
  7789. }
  7790.  
  7791. .fa-pull-right {
  7792. float: right
  7793. }
  7794.  
  7795. .fa.fa-pull-left {
  7796. margin-right: .3em
  7797. }
  7798.  
  7799. .fa.fa-pull-right {
  7800. margin-left: .3em
  7801. }
  7802.  
  7803. .pull-right {
  7804. float: right
  7805. }
  7806.  
  7807. .pull-left {
  7808. float: left
  7809. }
  7810.  
  7811. .fa.pull-left {
  7812. margin-right: .3em
  7813. }
  7814.  
  7815. .fa.pull-right {
  7816. margin-left: .3em
  7817. }
  7818.  
  7819. .fa-spin {
  7820. -webkit-animation: fa-spin 2s infinite linear;
  7821. animation: fa-spin 2s infinite linear
  7822. }
  7823.  
  7824. .fa-pulse {
  7825. -webkit-animation: fa-spin 1s infinite steps(8);
  7826. animation: fa-spin 1s infinite steps(8)
  7827. }
  7828.  
  7829. @-webkit-keyframes fa-spin {
  7830. 0% {
  7831. -webkit-transform: rotate(0deg);
  7832. transform: rotate(0deg)
  7833. }
  7834. 100% {
  7835. -webkit-transform: rotate(359deg);
  7836. transform: rotate(359deg)
  7837. }
  7838. }
  7839.  
  7840. @keyframes fa-spin {
  7841. 0% {
  7842. -webkit-transform: rotate(0deg);
  7843. transform: rotate(0deg)
  7844. }
  7845. 100% {
  7846. -webkit-transform: rotate(359deg);
  7847. transform: rotate(359deg)
  7848. }
  7849. }
  7850.  
  7851. .fa-rotate-90 {
  7852. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  7853. -webkit-transform: rotate(90deg);
  7854. -ms-transform: rotate(90deg);
  7855. transform: rotate(90deg)
  7856. }
  7857.  
  7858. .fa-rotate-180 {
  7859. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  7860. -webkit-transform: rotate(180deg);
  7861. -ms-transform: rotate(180deg);
  7862. transform: rotate(180deg)
  7863. }
  7864.  
  7865. .fa-rotate-270 {
  7866. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  7867. -webkit-transform: rotate(270deg);
  7868. -ms-transform: rotate(270deg);
  7869. transform: rotate(270deg)
  7870. }
  7871.  
  7872. .fa-flip-horizontal {
  7873. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  7874. -webkit-transform: scale(-1, 1);
  7875. -ms-transform: scale(-1, 1);
  7876. transform: scale(-1, 1)
  7877. }
  7878.  
  7879. .fa-flip-vertical {
  7880. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  7881. -webkit-transform: scale(1, -1);
  7882. -ms-transform: scale(1, -1);
  7883. transform: scale(1, -1)
  7884. }
  7885.  
  7886. :root .fa-rotate-90,
  7887. :root .fa-rotate-180,
  7888. :root .fa-rotate-270,
  7889. :root .fa-flip-horizontal,
  7890. :root .fa-flip-vertical {
  7891. filter: none
  7892. }
  7893.  
  7894. .fa-stack {
  7895. position: relative;
  7896. display: inline-block;
  7897. width: 2em;
  7898. height: 2em;
  7899. line-height: 2em;
  7900. vertical-align: middle
  7901. }
  7902.  
  7903. .fa-stack-1x,
  7904. .fa-stack-2x {
  7905. position: absolute;
  7906. left: 0;
  7907. width: 100%;
  7908. text-align: center
  7909. }
  7910.  
  7911. .fa-stack-1x {
  7912. line-height: inherit
  7913. }
  7914.  
  7915. .fa-stack-2x {
  7916. font-size: 2em
  7917. }
  7918.  
  7919. .fa-inverse {
  7920. color: #fff
  7921. }
  7922.  
  7923. .fa-glass:before {
  7924. content: "\f000"
  7925. }
  7926.  
  7927. .fa-music:before {
  7928. content: "\f001"
  7929. }
  7930.  
  7931. .fa-search:before {
  7932. content: "\f002"
  7933. }
  7934.  
  7935. .fa-envelope-o:before {
  7936. content: "\f003"
  7937. }
  7938.  
  7939. .fa-heart:before {
  7940. content: "\f004"
  7941. }
  7942.  
  7943. .fa-star:before {
  7944. content: "\f005"
  7945. }
  7946.  
  7947. .fa-star-o:before {
  7948. content: "\f006"
  7949. }
  7950.  
  7951. .fa-user:before {
  7952. content: "\f007"
  7953. }
  7954.  
  7955. .fa-film:before {
  7956. content: "\f008"
  7957. }
  7958.  
  7959. .fa-th-large:before {
  7960. content: "\f009"
  7961. }
  7962.  
  7963. .fa-th:before {
  7964. content: "\f00a"
  7965. }
  7966.  
  7967. .fa-th-list:before {
  7968. content: "\f00b"
  7969. }
  7970.  
  7971. .fa-check:before {
  7972. content: "\f00c"
  7973. }
  7974.  
  7975. .fa-remove:before,
  7976. .fa-close:before,
  7977. .fa-times:before {
  7978. content: "\f00d"
  7979. }
  7980.  
  7981. .fa-search-plus:before {
  7982. content: "\f00e"
  7983. }
  7984.  
  7985. .fa-search-minus:before {
  7986. content: "\f010"
  7987. }
  7988.  
  7989. .fa-power-off:before {
  7990. content: "\f011"
  7991. }
  7992.  
  7993. .fa-signal:before {
  7994. content: "\f012"
  7995. }
  7996.  
  7997. .fa-gear:before,
  7998. .fa-cog:before {
  7999. content: "\f013"
  8000. }
  8001.  
  8002. .fa-trash-o:before {
  8003. content: "\f014"
  8004. }
  8005.  
  8006. .fa-home:before {
  8007. content: "\f015"
  8008. }
  8009.  
  8010. .fa-file-o:before {
  8011. content: "\f016"
  8012. }
  8013.  
  8014. .fa-clock-o:before {
  8015. content: "\f017"
  8016. }
  8017.  
  8018. .fa-road:before {
  8019. content: "\f018"
  8020. }
  8021.  
  8022. .fa-download:before {
  8023. content: "\f019"
  8024. }
  8025.  
  8026. .fa-arrow-circle-o-down:before {
  8027. content: "\f01a"
  8028. }
  8029.  
  8030. .fa-arrow-circle-o-up:before {
  8031. content: "\f01b"
  8032. }
  8033.  
  8034. .fa-inbox:before {
  8035. content: "\f01c"
  8036. }
  8037.  
  8038. .fa-play-circle-o:before {
  8039. content: "\f01d"
  8040. }
  8041.  
  8042. .fa-rotate-right:before,
  8043. .fa-repeat:before {
  8044. content: "\f01e"
  8045. }
  8046.  
  8047. .fa-refresh:before {
  8048. content: "\f021"
  8049. }
  8050.  
  8051. .fa-list-alt:before {
  8052. content: "\f022"
  8053. }
  8054.  
  8055. .fa-lock:before {
  8056. content: "\f023"
  8057. }
  8058.  
  8059. .fa-flag:before {
  8060. content: "\f024"
  8061. }
  8062.  
  8063. .fa-headphones:before {
  8064. content: "\f025"
  8065. }
  8066.  
  8067. .fa-volume-off:before {
  8068. content: "\f026"
  8069. }
  8070.  
  8071. .fa-volume-down:before {
  8072. content: "\f027"
  8073. }
  8074.  
  8075. .fa-volume-up:before {
  8076. content: "\f028"
  8077. }
  8078.  
  8079. .fa-qrcode:before {
  8080. content: "\f029"
  8081. }
  8082.  
  8083. .fa-barcode:before {
  8084. content: "\f02a"
  8085. }
  8086.  
  8087. .fa-tag:before {
  8088. content: "\f02b"
  8089. }
  8090.  
  8091. .fa-tags:before {
  8092. content: "\f02c"
  8093. }
  8094.  
  8095. .fa-book:before {
  8096. content: "\f02d"
  8097. }
  8098.  
  8099. .fa-bookmark:before {
  8100. content: "\f02e"
  8101. }
  8102.  
  8103. .fa-print:before {
  8104. content: "\f02f"
  8105. }
  8106.  
  8107. .fa-camera:before {
  8108. content: "\f030"
  8109. }
  8110.  
  8111. .fa-font:before {
  8112. content: "\f031"
  8113. }
  8114.  
  8115. .fa-bold:before {
  8116. content: "\f032"
  8117. }
  8118.  
  8119. .fa-italic:before {
  8120. content: "\f033"
  8121. }
  8122.  
  8123. .fa-text-height:before {
  8124. content: "\f034"
  8125. }
  8126.  
  8127. .fa-text-width:before {
  8128. content: "\f035"
  8129. }
  8130.  
  8131. .fa-align-left:before {
  8132. content: "\f036"
  8133. }
  8134.  
  8135. .fa-align-center:before {
  8136. content: "\f037"
  8137. }
  8138.  
  8139. .fa-align-right:before {
  8140. content: "\f038"
  8141. }
  8142.  
  8143. .fa-align-justify:before {
  8144. content: "\f039"
  8145. }
  8146.  
  8147. .fa-list:before {
  8148. content: "\f03a"
  8149. }
  8150.  
  8151. .fa-dedent:before,
  8152. .fa-outdent:before {
  8153. content: "\f03b"
  8154. }
  8155.  
  8156. .fa-indent:before {
  8157. content: "\f03c"
  8158. }
  8159.  
  8160. .fa-video-camera:before {
  8161. content: "\f03d"
  8162. }
  8163.  
  8164. .fa-photo:before,
  8165. .fa-image:before,
  8166. .fa-picture-o:before {
  8167. content: "\f03e"
  8168. }
  8169.  
  8170. .fa-pencil:before {
  8171. content: "\f040"
  8172. }
  8173.  
  8174. .fa-map-marker:before {
  8175. content: "\f041"
  8176. }
  8177.  
  8178. .fa-adjust:before {
  8179. content: "\f042"
  8180. }
  8181.  
  8182. .fa-tint:before {
  8183. content: "\f043"
  8184. }
  8185.  
  8186. .fa-edit:before,
  8187. .fa-pencil-square-o:before {
  8188. content: "\f044"
  8189. }
  8190.  
  8191. .fa-share-square-o:before {
  8192. content: "\f045"
  8193. }
  8194.  
  8195. .fa-check-square-o:before {
  8196. content: "\f046"
  8197. }
  8198.  
  8199. .fa-arrows:before {
  8200. content: "\f047"
  8201. }
  8202.  
  8203. .fa-step-backward:before {
  8204. content: "\f048"
  8205. }
  8206.  
  8207. .fa-fast-backward:before {
  8208. content: "\f049"
  8209. }
  8210.  
  8211. .fa-backward:before {
  8212. content: "\f04a"
  8213. }
  8214.  
  8215. .fa-play:before {
  8216. content: "\f04b"
  8217. }
  8218.  
  8219. .fa-pause:before {
  8220. content: "\f04c"
  8221. }
  8222.  
  8223. .fa-stop:before {
  8224. content: "\f04d"
  8225. }
  8226.  
  8227. .fa-forward:before {
  8228. content: "\f04e"
  8229. }
  8230.  
  8231. .fa-fast-forward:before {
  8232. content: "\f050"
  8233. }
  8234.  
  8235. .fa-step-forward:before {
  8236. content: "\f051"
  8237. }
  8238.  
  8239. .fa-eject:before {
  8240. content: "\f052"
  8241. }
  8242.  
  8243. .fa-chevron-left:before {
  8244. content: "\f053"
  8245. }
  8246.  
  8247. .fa-chevron-right:before {
  8248. content: "\f054"
  8249. }
  8250.  
  8251. .fa-plus-circle:before {
  8252. content: "\f055"
  8253. }
  8254.  
  8255. .fa-minus-circle:before {
  8256. content: "\f056"
  8257. }
  8258.  
  8259. .fa-times-circle:before {
  8260. content: "\f057"
  8261. }
  8262.  
  8263. .fa-check-circle:before {
  8264. content: "\f058"
  8265. }
  8266.  
  8267. .fa-question-circle:before {
  8268. content: "\f059"
  8269. }
  8270.  
  8271. .fa-info-circle:before {
  8272. content: "\f05a"
  8273. }
  8274.  
  8275. .fa-crosshairs:before {
  8276. content: "\f05b"
  8277. }
  8278.  
  8279. .fa-times-circle-o:before {
  8280. content: "\f05c"
  8281. }
  8282.  
  8283. .fa-check-circle-o:before {
  8284. content: "\f05d"
  8285. }
  8286.  
  8287. .fa-ban:before {
  8288. content: "\f05e"
  8289. }
  8290.  
  8291. .fa-arrow-left:before {
  8292. content: "\f060"
  8293. }
  8294.  
  8295. .fa-arrow-right:before {
  8296. content: "\f061"
  8297. }
  8298.  
  8299. .fa-arrow-up:before {
  8300. content: "\f062"
  8301. }
  8302.  
  8303. .fa-arrow-down:before {
  8304. content: "\f063"
  8305. }
  8306.  
  8307. .fa-mail-forward:before,
  8308. .fa-share:before {
  8309. content: "\f064"
  8310. }
  8311.  
  8312. .fa-expand:before {
  8313. content: "\f065"
  8314. }
  8315.  
  8316. .fa-compress:before {
  8317. content: "\f066"
  8318. }
  8319.  
  8320. .fa-plus:before {
  8321. content: "\f067"
  8322. }
  8323.  
  8324. .fa-minus:before {
  8325. content: "\f068"
  8326. }
  8327.  
  8328. .fa-asterisk:before {
  8329. content: "\f069"
  8330. }
  8331.  
  8332. .fa-exclamation-circle:before {
  8333. content: "\f06a"
  8334. }
  8335.  
  8336. .fa-gift:before {
  8337. content: "\f06b"
  8338. }
  8339.  
  8340. .fa-leaf:before {
  8341. content: "\f06c"
  8342. }
  8343.  
  8344. .fa-fire:before {
  8345. content: "\f06d"
  8346. }
  8347.  
  8348. .fa-eye:before {
  8349. content: "\f06e"
  8350. }
  8351.  
  8352. .fa-eye-slash:before {
  8353. content: "\f070"
  8354. }
  8355.  
  8356. .fa-warning:before,
  8357. .fa-exclamation-triangle:before {
  8358. content: "\f071"
  8359. }
  8360.  
  8361. .fa-plane:before {
  8362. content: "\f072"
  8363. }
  8364.  
  8365. .fa-calendar:before {
  8366. content: "\f073"
  8367. }
  8368.  
  8369. .fa-random:before {
  8370. content: "\f074"
  8371. }
  8372.  
  8373. .fa-comment:before {
  8374. content: "\f075"
  8375. }
  8376.  
  8377. .fa-magnet:before {
  8378. content: "\f076"
  8379. }
  8380.  
  8381. .fa-chevron-up:before {
  8382. content: "\f077"
  8383. }
  8384.  
  8385. .fa-chevron-down:before {
  8386. content: "\f078"
  8387. }
  8388.  
  8389. .fa-retweet:before {
  8390. content: "\f079"
  8391. }
  8392.  
  8393. .fa-shopping-cart:before {
  8394. content: "\f07a"
  8395. }
  8396.  
  8397. .fa-folder:before {
  8398. content: "\f07b"
  8399. }
  8400.  
  8401. .fa-folder-open:before {
  8402. content: "\f07c"
  8403. }
  8404.  
  8405. .fa-arrows-v:before {
  8406. content: "\f07d"
  8407. }
  8408.  
  8409. .fa-arrows-h:before {
  8410. content: "\f07e"
  8411. }
  8412.  
  8413. .fa-bar-chart-o:before,
  8414. .fa-bar-chart:before {
  8415. content: "\f080"
  8416. }
  8417.  
  8418. .fa-twitter-square:before {
  8419. content: "\f081"
  8420. }
  8421.  
  8422. .fa-facebook-square:before {
  8423. content: "\f082"
  8424. }
  8425.  
  8426. .fa-camera-retro:before {
  8427. content: "\f083"
  8428. }
  8429.  
  8430. .fa-key:before {
  8431. content: "\f084"
  8432. }
  8433.  
  8434. .fa-gears:before,
  8435. .fa-cogs:before {
  8436. content: "\f085"
  8437. }
  8438.  
  8439. .fa-comments:before {
  8440. content: "\f086"
  8441. }
  8442.  
  8443. .fa-thumbs-o-up:before {
  8444. content: "\f087"
  8445. }
  8446.  
  8447. .fa-thumbs-o-down:before {
  8448. content: "\f088"
  8449. }
  8450.  
  8451. .fa-star-half:before {
  8452. content: "\f089"
  8453. }
  8454.  
  8455. .fa-heart-o:before {
  8456. content: "\f08a"
  8457. }
  8458.  
  8459. .fa-sign-out:before {
  8460. content: "\f08b"
  8461. }
  8462.  
  8463. .fa-linkedin-square:before {
  8464. content: "\f08c"
  8465. }
  8466.  
  8467. .fa-thumb-tack:before {
  8468. content: "\f08d"
  8469. }
  8470.  
  8471. .fa-external-link:before {
  8472. content: "\f08e"
  8473. }
  8474.  
  8475. .fa-sign-in:before {
  8476. content: "\f090"
  8477. }
  8478.  
  8479. .fa-trophy:before {
  8480. content: "\f091"
  8481. }
  8482.  
  8483. .fa-github-square:before {
  8484. content: "\f092"
  8485. }
  8486.  
  8487. .fa-upload:before {
  8488. content: "\f093"
  8489. }
  8490.  
  8491. .fa-lemon-o:before {
  8492. content: "\f094"
  8493. }
  8494.  
  8495. .fa-phone:before {
  8496. content: "\f095"
  8497. }
  8498.  
  8499. .fa-square-o:before {
  8500. content: "\f096"
  8501. }
  8502.  
  8503. .fa-bookmark-o:before {
  8504. content: "\f097"
  8505. }
  8506.  
  8507. .fa-phone-square:before {
  8508. content: "\f098"
  8509. }
  8510.  
  8511. .fa-twitter:before {
  8512. content: "\f099"
  8513. }
  8514.  
  8515. .fa-facebook-f:before,
  8516. .fa-facebook:before {
  8517. content: "\f09a"
  8518. }
  8519.  
  8520. .fa-github:before {
  8521. content: "\f09b"
  8522. }
  8523.  
  8524. .fa-unlock:before {
  8525. content: "\f09c"
  8526. }
  8527.  
  8528. .fa-credit-card:before {
  8529. content: "\f09d"
  8530. }
  8531.  
  8532. .fa-feed:before,
  8533. .fa-rss:before {
  8534. content: "\f09e"
  8535. }
  8536.  
  8537. .fa-hdd-o:before {
  8538. content: "\f0a0"
  8539. }
  8540.  
  8541. .fa-bullhorn:before {
  8542. content: "\f0a1"
  8543. }
  8544.  
  8545. .fa-bell:before {
  8546. content: "\f0f3"
  8547. }
  8548.  
  8549. .fa-certificate:before {
  8550. content: "\f0a3"
  8551. }
  8552.  
  8553. .fa-hand-o-right:before {
  8554. content: "\f0a4"
  8555. }
  8556.  
  8557. .fa-hand-o-left:before {
  8558. content: "\f0a5"
  8559. }
  8560.  
  8561. .fa-hand-o-up:before {
  8562. content: "\f0a6"
  8563. }
  8564.  
  8565. .fa-hand-o-down:before {
  8566. content: "\f0a7"
  8567. }
  8568.  
  8569. .fa-arrow-circle-left:before {
  8570. content: "\f0a8"
  8571. }
  8572.  
  8573. .fa-arrow-circle-right:before {
  8574. content: "\f0a9"
  8575. }
  8576.  
  8577. .fa-arrow-circle-up:before {
  8578. content: "\f0aa"
  8579. }
  8580.  
  8581. .fa-arrow-circle-down:before {
  8582. content: "\f0ab"
  8583. }
  8584.  
  8585. .fa-globe:before {
  8586. content: "\f0ac"
  8587. }
  8588.  
  8589. .fa-wrench:before {
  8590. content: "\f0ad"
  8591. }
  8592.  
  8593. .fa-tasks:before {
  8594. content: "\f0ae"
  8595. }
  8596.  
  8597. .fa-filter:before {
  8598. content: "\f0b0"
  8599. }
  8600.  
  8601. .fa-briefcase:before {
  8602. content: "\f0b1"
  8603. }
  8604.  
  8605. .fa-arrows-alt:before {
  8606. content: "\f0b2"
  8607. }
  8608.  
  8609. .fa-group:before,
  8610. .fa-users:before {
  8611. content: "\f0c0"
  8612. }
  8613.  
  8614. .fa-chain:before,
  8615. .fa-link:before {
  8616. content: "\f0c1"
  8617. }
  8618.  
  8619. .fa-cloud:before {
  8620. content: "\f0c2"
  8621. }
  8622.  
  8623. .fa-flask:before {
  8624. content: "\f0c3"
  8625. }
  8626.  
  8627. .fa-cut:before,
  8628. .fa-scissors:before {
  8629. content: "\f0c4"
  8630. }
  8631.  
  8632. .fa-copy:before,
  8633. .fa-files-o:before {
  8634. content: "\f0c5"
  8635. }
  8636.  
  8637. .fa-paperclip:before {
  8638. content: "\f0c6"
  8639. }
  8640.  
  8641. .fa-save:before,
  8642. .fa-floppy-o:before {
  8643. content: "\f0c7"
  8644. }
  8645.  
  8646. .fa-square:before {
  8647. content: "\f0c8"
  8648. }
  8649.  
  8650. .fa-navicon:before,
  8651. .fa-reorder:before,
  8652. .fa-bars:before {
  8653. content: "\f0c9"
  8654. }
  8655.  
  8656. .fa-list-ul:before {
  8657. content: "\f0ca"
  8658. }
  8659.  
  8660. .fa-list-ol:before {
  8661. content: "\f0cb"
  8662. }
  8663.  
  8664. .fa-strikethrough:before {
  8665. content: "\f0cc"
  8666. }
  8667.  
  8668. .fa-underline:before {
  8669. content: "\f0cd"
  8670. }
  8671.  
  8672. .fa-table:before {
  8673. content: "\f0ce"
  8674. }
  8675.  
  8676. .fa-magic:before {
  8677. content: "\f0d0"
  8678. }
  8679.  
  8680. .fa-truck:before {
  8681. content: "\f0d1"
  8682. }
  8683.  
  8684. .fa-pinterest:before {
  8685. content: "\f0d2"
  8686. }
  8687.  
  8688. .fa-pinterest-square:before {
  8689. content: "\f0d3"
  8690. }
  8691.  
  8692. .fa-google-plus-square:before {
  8693. content: "\f0d4"
  8694. }
  8695.  
  8696. .fa-google-plus:before {
  8697. content: "\f0d5"
  8698. }
  8699.  
  8700. .fa-money:before {
  8701. content: "\f0d6"
  8702. }
  8703.  
  8704. .fa-caret-down:before {
  8705. content: "\f0d7"
  8706. }
  8707.  
  8708. .fa-caret-up:before {
  8709. content: "\f0d8"
  8710. }
  8711.  
  8712. .fa-caret-left:before {
  8713. content: "\f0d9"
  8714. }
  8715.  
  8716. .fa-caret-right:before {
  8717. content: "\f0da"
  8718. }
  8719.  
  8720. .fa-columns:before {
  8721. content: "\f0db"
  8722. }
  8723.  
  8724. .fa-unsorted:before,
  8725. .fa-sort:before {
  8726. content: "\f0dc"
  8727. }
  8728.  
  8729. .fa-sort-down:before,
  8730. .fa-sort-desc:before {
  8731. content: "\f0dd"
  8732. }
  8733.  
  8734. .fa-sort-up:before,
  8735. .fa-sort-asc:before {
  8736. content: "\f0de"
  8737. }
  8738.  
  8739. .fa-envelope:before {
  8740. content: "\f0e0"
  8741. }
  8742.  
  8743. .fa-linkedin:before {
  8744. content: "\f0e1"
  8745. }
  8746.  
  8747. .fa-rotate-left:before,
  8748. .fa-undo:before {
  8749. content: "\f0e2"
  8750. }
  8751.  
  8752. .fa-legal:before,
  8753. .fa-gavel:before {
  8754. content: "\f0e3"
  8755. }
  8756.  
  8757. .fa-dashboard:before,
  8758. .fa-tachometer:before {
  8759. content: "\f0e4"
  8760. }
  8761.  
  8762. .fa-comment-o:before {
  8763. content: "\f0e5"
  8764. }
  8765.  
  8766. .fa-comments-o:before {
  8767. content: "\f0e6"
  8768. }
  8769.  
  8770. .fa-flash:before,
  8771. .fa-bolt:before {
  8772. content: "\f0e7"
  8773. }
  8774.  
  8775. .fa-sitemap:before {
  8776. content: "\f0e8"
  8777. }
  8778.  
  8779. .fa-umbrella:before {
  8780. content: "\f0e9"
  8781. }
  8782.  
  8783. .fa-paste:before,
  8784. .fa-clipboard:before {
  8785. content: "\f0ea"
  8786. }
  8787.  
  8788. .fa-lightbulb-o:before {
  8789. content: "\f0eb"
  8790. }
  8791.  
  8792. .fa-exchange:before {
  8793. content: "\f0ec"
  8794. }
  8795.  
  8796. .fa-cloud-download:before {
  8797. content: "\f0ed"
  8798. }
  8799.  
  8800. .fa-cloud-upload:before {
  8801. content: "\f0ee"
  8802. }
  8803.  
  8804. .fa-user-md:before {
  8805. content: "\f0f0"
  8806. }
  8807.  
  8808. .fa-stethoscope:before {
  8809. content: "\f0f1"
  8810. }
  8811.  
  8812. .fa-suitcase:before {
  8813. content: "\f0f2"
  8814. }
  8815.  
  8816. .fa-bell-o:before {
  8817. content: "\f0a2"
  8818. }
  8819.  
  8820. .fa-coffee:before {
  8821. content: "\f0f4"
  8822. }
  8823.  
  8824. .fa-cutlery:before {
  8825. content: "\f0f5"
  8826. }
  8827.  
  8828. .fa-file-text-o:before {
  8829. content: "\f0f6"
  8830. }
  8831.  
  8832. .fa-building-o:before {
  8833. content: "\f0f7"
  8834. }
  8835.  
  8836. .fa-hospital-o:before {
  8837. content: "\f0f8"
  8838. }
  8839.  
  8840. .fa-ambulance:before {
  8841. content: "\f0f9"
  8842. }
  8843.  
  8844. .fa-medkit:before {
  8845. content: "\f0fa"
  8846. }
  8847.  
  8848. .fa-fighter-jet:before {
  8849. content: "\f0fb"
  8850. }
  8851.  
  8852. .fa-beer:before {
  8853. content: "\f0fc"
  8854. }
  8855.  
  8856. .fa-h-square:before {
  8857. content: "\f0fd"
  8858. }
  8859.  
  8860. .fa-plus-square:before {
  8861. content: "\f0fe"
  8862. }
  8863.  
  8864. .fa-angle-double-left:before {
  8865. content: "\f100"
  8866. }
  8867.  
  8868. .fa-angle-double-right:before {
  8869. content: "\f101"
  8870. }
  8871.  
  8872. .fa-angle-double-up:before {
  8873. content: "\f102"
  8874. }
  8875.  
  8876. .fa-angle-double-down:before {
  8877. content: "\f103"
  8878. }
  8879.  
  8880. .fa-angle-left:before {
  8881. content: "\f104"
  8882. }
  8883.  
  8884. .fa-angle-right:before {
  8885. content: "\f105"
  8886. }
  8887.  
  8888. .fa-angle-up:before {
  8889. content: "\f106"
  8890. }
  8891.  
  8892. .fa-angle-down:before {
  8893. content: "\f107"
  8894. }
  8895.  
  8896. .fa-desktop:before {
  8897. content: "\f108"
  8898. }
  8899.  
  8900. .fa-laptop:before {
  8901. content: "\f109"
  8902. }
  8903.  
  8904. .fa-tablet:before {
  8905. content: "\f10a"
  8906. }
  8907.  
  8908. .fa-mobile-phone:before,
  8909. .fa-mobile:before {
  8910. content: "\f10b"
  8911. }
  8912.  
  8913. .fa-circle-o:before {
  8914. content: "\f10c"
  8915. }
  8916.  
  8917. .fa-quote-left:before {
  8918. content: "\f10d"
  8919. }
  8920.  
  8921. .fa-quote-right:before {
  8922. content: "\f10e"
  8923. }
  8924.  
  8925. .fa-spinner:before {
  8926. content: "\f110"
  8927. }
  8928.  
  8929. .fa-circle:before {
  8930. content: "\f111"
  8931. }
  8932.  
  8933. .fa-mail-reply:before,
  8934. .fa-reply:before {
  8935. content: "\f112"
  8936. }
  8937.  
  8938. .fa-github-alt:before {
  8939. content: "\f113"
  8940. }
  8941.  
  8942. .fa-folder-o:before {
  8943. content: "\f114"
  8944. }
  8945.  
  8946. .fa-folder-open-o:before {
  8947. content: "\f115"
  8948. }
  8949.  
  8950. .fa-smile-o:before {
  8951. content: "\f118"
  8952. }
  8953.  
  8954. .fa-frown-o:before {
  8955. content: "\f119"
  8956. }
  8957.  
  8958. .fa-meh-o:before {
  8959. content: "\f11a"
  8960. }
  8961.  
  8962. .fa-gamepad:before {
  8963. content: "\f11b"
  8964. }
  8965.  
  8966. .fa-keyboard-o:before {
  8967. content: "\f11c"
  8968. }
  8969.  
  8970. .fa-flag-o:before {
  8971. content: "\f11d"
  8972. }
  8973.  
  8974. .fa-flag-checkered:before {
  8975. content: "\f11e"
  8976. }
  8977.  
  8978. .fa-terminal:before {
  8979. content: "\f120"
  8980. }
  8981.  
  8982. .fa-code:before {
  8983. content: "\f121"
  8984. }
  8985.  
  8986. .fa-mail-reply-all:before,
  8987. .fa-reply-all:before {
  8988. content: "\f122"
  8989. }
  8990.  
  8991. .fa-star-half-empty:before,
  8992. .fa-star-half-full:before,
  8993. .fa-star-half-o:before {
  8994. content: "\f123"
  8995. }
  8996.  
  8997. .fa-location-arrow:before {
  8998. content: "\f124"
  8999. }
  9000.  
  9001. .fa-crop:before {
  9002. content: "\f125"
  9003. }
  9004.  
  9005. .fa-code-fork:before {
  9006. content: "\f126"
  9007. }
  9008.  
  9009. .fa-unlink:before,
  9010. .fa-chain-broken:before {
  9011. content: "\f127"
  9012. }
  9013.  
  9014. .fa-question:before {
  9015. content: "\f128"
  9016. }
  9017.  
  9018. .fa-info:before {
  9019. content: "\f129"
  9020. }
  9021.  
  9022. .fa-exclamation:before {
  9023. content: "\f12a"
  9024. }
  9025.  
  9026. .fa-superscript:before {
  9027. content: "\f12b"
  9028. }
  9029.  
  9030. .fa-subscript:before {
  9031. content: "\f12c"
  9032. }
  9033.  
  9034. .fa-eraser:before {
  9035. content: "\f12d"
  9036. }
  9037.  
  9038. .fa-puzzle-piece:before {
  9039. content: "\f12e"
  9040. }
  9041.  
  9042. .fa-microphone:before {
  9043. content: "\f130"
  9044. }
  9045.  
  9046. .fa-microphone-slash:before {
  9047. content: "\f131"
  9048. }
  9049.  
  9050. .fa-shield:before {
  9051. content: "\f132"
  9052. }
  9053.  
  9054. .fa-calendar-o:before {
  9055. content: "\f133"
  9056. }
  9057.  
  9058. .fa-fire-extinguisher:before {
  9059. content: "\f134"
  9060. }
  9061.  
  9062. .fa-rocket:before {
  9063. content: "\f135"
  9064. }
  9065.  
  9066. .fa-maxcdn:before {
  9067. content: "\f136"
  9068. }
  9069.  
  9070. .fa-chevron-circle-left:before {
  9071. content: "\f137"
  9072. }
  9073.  
  9074. .fa-chevron-circle-right:before {
  9075. content: "\f138"
  9076. }
  9077.  
  9078. .fa-chevron-circle-up:before {
  9079. content: "\f139"
  9080. }
  9081.  
  9082. .fa-chevron-circle-down:before {
  9083. content: "\f13a"
  9084. }
  9085.  
  9086. .fa-html5:before {
  9087. content: "\f13b"
  9088. }
  9089.  
  9090. .fa-css3:before {
  9091. content: "\f13c"
  9092. }
  9093.  
  9094. .fa-anchor:before {
  9095. content: "\f13d"
  9096. }
  9097.  
  9098. .fa-unlock-alt:before {
  9099. content: "\f13e"
  9100. }
  9101.  
  9102. .fa-bullseye:before {
  9103. content: "\f140"
  9104. }
  9105.  
  9106. .fa-ellipsis-h:before {
  9107. content: "\f141"
  9108. }
  9109.  
  9110. .fa-ellipsis-v:before {
  9111. content: "\f142"
  9112. }
  9113.  
  9114. .fa-rss-square:before {
  9115. content: "\f143"
  9116. }
  9117.  
  9118. .fa-play-circle:before {
  9119. content: "\f144"
  9120. }
  9121.  
  9122. .fa-ticket:before {
  9123. content: "\f145"
  9124. }
  9125.  
  9126. .fa-minus-square:before {
  9127. content: "\f146"
  9128. }
  9129.  
  9130. .fa-minus-square-o:before {
  9131. content: "\f147"
  9132. }
  9133.  
  9134. .fa-level-up:before {
  9135. content: "\f148"
  9136. }
  9137.  
  9138. .fa-level-down:before {
  9139. content: "\f149"
  9140. }
  9141.  
  9142. .fa-check-square:before {
  9143. content: "\f14a"
  9144. }
  9145.  
  9146. .fa-pencil-square:before {
  9147. content: "\f14b"
  9148. }
  9149.  
  9150. .fa-external-link-square:before {
  9151. content: "\f14c"
  9152. }
  9153.  
  9154. .fa-share-square:before {
  9155. content: "\f14d"
  9156. }
  9157.  
  9158. .fa-compass:before {
  9159. content: "\f14e"
  9160. }
  9161.  
  9162. .fa-toggle-down:before,
  9163. .fa-caret-square-o-down:before {
  9164. content: "\f150"
  9165. }
  9166.  
  9167. .fa-toggle-up:before,
  9168. .fa-caret-square-o-up:before {
  9169. content: "\f151"
  9170. }
  9171.  
  9172. .fa-toggle-right:before,
  9173. .fa-caret-square-o-right:before {
  9174. content: "\f152"
  9175. }
  9176.  
  9177. .fa-euro:before,
  9178. .fa-eur:before {
  9179. content: "\f153"
  9180. }
  9181.  
  9182. .fa-gbp:before {
  9183. content: "\f154"
  9184. }
  9185.  
  9186. .fa-dollar:before,
  9187. .fa-usd:before {
  9188. content: "\f155"
  9189. }
  9190.  
  9191. .fa-rupee:before,
  9192. .fa-inr:before {
  9193. content: "\f156"
  9194. }
  9195.  
  9196. .fa-cny:before,
  9197. .fa-rmb:before,
  9198. .fa-yen:before,
  9199. .fa-jpy:before {
  9200. content: "\f157"
  9201. }
  9202.  
  9203. .fa-ruble:before,
  9204. .fa-rouble:before,
  9205. .fa-rub:before {
  9206. content: "\f158"
  9207. }
  9208.  
  9209. .fa-won:before,
  9210. .fa-krw:before {
  9211. content: "\f159"
  9212. }
  9213.  
  9214. .fa-bitcoin:before,
  9215. .fa-btc:before {
  9216. content: "\f15a"
  9217. }
  9218.  
  9219. .fa-file:before {
  9220. content: "\f15b"
  9221. }
  9222.  
  9223. .fa-file-text:before {
  9224. content: "\f15c"
  9225. }
  9226.  
  9227. .fa-sort-alpha-asc:before {
  9228. content: "\f15d"
  9229. }
  9230.  
  9231. .fa-sort-alpha-desc:before {
  9232. content: "\f15e"
  9233. }
  9234.  
  9235. .fa-sort-amount-asc:before {
  9236. content: "\f160"
  9237. }
  9238.  
  9239. .fa-sort-amount-desc:before {
  9240. content: "\f161"
  9241. }
  9242.  
  9243. .fa-sort-numeric-asc:before {
  9244. content: "\f162"
  9245. }
  9246.  
  9247. .fa-sort-numeric-desc:before {
  9248. content: "\f163"
  9249. }
  9250.  
  9251. .fa-thumbs-up:before {
  9252. content: "\f164"
  9253. }
  9254.  
  9255. .fa-thumbs-down:before {
  9256. content: "\f165"
  9257. }
  9258.  
  9259. .fa-youtube-square:before {
  9260. content: "\f166"
  9261. }
  9262.  
  9263. .fa-youtube:before {
  9264. content: "\f167"
  9265. }
  9266.  
  9267. .fa-xing:before {
  9268. content: "\f168"
  9269. }
  9270.  
  9271. .fa-xing-square:before {
  9272. content: "\f169"
  9273. }
  9274.  
  9275. .fa-youtube-play:before {
  9276. content: "\f16a"
  9277. }
  9278.  
  9279. .fa-dropbox:before {
  9280. content: "\f16b"
  9281. }
  9282.  
  9283. .fa-stack-overflow:before {
  9284. content: "\f16c"
  9285. }
  9286.  
  9287. .fa-instagram:before {
  9288. content: "\f16d"
  9289. }
  9290.  
  9291. .fa-flickr:before {
  9292. content: "\f16e"
  9293. }
  9294.  
  9295. .fa-adn:before {
  9296. content: "\f170"
  9297. }
  9298.  
  9299. .fa-bitbucket:before {
  9300. content: "\f171"
  9301. }
  9302.  
  9303. .fa-bitbucket-square:before {
  9304. content: "\f172"
  9305. }
  9306.  
  9307. .fa-tumblr:before {
  9308. content: "\f173"
  9309. }
  9310.  
  9311. .fa-tumblr-square:before {
  9312. content: "\f174"
  9313. }
  9314.  
  9315. .fa-long-arrow-down:before {
  9316. content: "\f175"
  9317. }
  9318.  
  9319. .fa-long-arrow-up:before {
  9320. content: "\f176"
  9321. }
  9322.  
  9323. .fa-long-arrow-left:before {
  9324. content: "\f177"
  9325. }
  9326.  
  9327. .fa-long-arrow-right:before {
  9328. content: "\f178"
  9329. }
  9330.  
  9331. .fa-apple:before {
  9332. content: "\f179"
  9333. }
  9334.  
  9335. .fa-windows:before {
  9336. content: "\f17a"
  9337. }
  9338.  
  9339. .fa-android:before {
  9340. content: "\f17b"
  9341. }
  9342.  
  9343. .fa-linux:before {
  9344. content: "\f17c"
  9345. }
  9346.  
  9347. .fa-dribbble:before {
  9348. content: "\f17d"
  9349. }
  9350.  
  9351. .fa-skype:before {
  9352. content: "\f17e"
  9353. }
  9354.  
  9355. .fa-foursquare:before {
  9356. content: "\f180"
  9357. }
  9358.  
  9359. .fa-trello:before {
  9360. content: "\f181"
  9361. }
  9362.  
  9363. .fa-female:before {
  9364. content: "\f182"
  9365. }
  9366.  
  9367. .fa-male:before {
  9368. content: "\f183"
  9369. }
  9370.  
  9371. .fa-gittip:before,
  9372. .fa-gratipay:before {
  9373. content: "\f184"
  9374. }
  9375.  
  9376. .fa-sun-o:before {
  9377. content: "\f185"
  9378. }
  9379.  
  9380. .fa-moon-o:before {
  9381. content: "\f186"
  9382. }
  9383.  
  9384. .fa-archive:before {
  9385. content: "\f187"
  9386. }
  9387.  
  9388. .fa-bug:before {
  9389. content: "\f188"
  9390. }
  9391.  
  9392. .fa-vk:before {
  9393. content: "\f189"
  9394. }
  9395.  
  9396. .fa-weibo:before {
  9397. content: "\f18a"
  9398. }
  9399.  
  9400. .fa-renren:before {
  9401. content: "\f18b"
  9402. }
  9403.  
  9404. .fa-pagelines:before {
  9405. content: "\f18c"
  9406. }
  9407.  
  9408. .fa-stack-exchange:before {
  9409. content: "\f18d"
  9410. }
  9411.  
  9412. .fa-arrow-circle-o-right:before {
  9413. content: "\f18e"
  9414. }
  9415.  
  9416. .fa-arrow-circle-o-left:before {
  9417. content: "\f190"
  9418. }
  9419.  
  9420. .fa-toggle-left:before,
  9421. .fa-caret-square-o-left:before {
  9422. content: "\f191"
  9423. }
  9424.  
  9425. .fa-dot-circle-o:before {
  9426. content: "\f192"
  9427. }
  9428.  
  9429. .fa-wheelchair:before {
  9430. content: "\f193"
  9431. }
  9432.  
  9433. .fa-vimeo-square:before {
  9434. content: "\f194"
  9435. }
  9436.  
  9437. .fa-turkish-lira:before,
  9438. .fa-try:before {
  9439. content: "\f195"
  9440. }
  9441.  
  9442. .fa-plus-square-o:before {
  9443. content: "\f196"
  9444. }
  9445.  
  9446. .fa-space-shuttle:before {
  9447. content: "\f197"
  9448. }
  9449.  
  9450. .fa-slack:before {
  9451. content: "\f198"
  9452. }
  9453.  
  9454. .fa-envelope-square:before {
  9455. content: "\f199"
  9456. }
  9457.  
  9458. .fa-wordpress:before {
  9459. content: "\f19a"
  9460. }
  9461.  
  9462. .fa-openid:before {
  9463. content: "\f19b"
  9464. }
  9465.  
  9466. .fa-institution:before,
  9467. .fa-bank:before,
  9468. .fa-university:before {
  9469. content: "\f19c"
  9470. }
  9471.  
  9472. .fa-mortar-board:before,
  9473. .fa-graduation-cap:before {
  9474. content: "\f19d"
  9475. }
  9476.  
  9477. .fa-yahoo:before {
  9478. content: "\f19e"
  9479. }
  9480.  
  9481. .fa-google:before {
  9482. content: "\f1a0"
  9483. }
  9484.  
  9485. .fa-reddit:before {
  9486. content: "\f1a1"
  9487. }
  9488.  
  9489. .fa-reddit-square:before {
  9490. content: "\f1a2"
  9491. }
  9492.  
  9493. .fa-stumbleupon-circle:before {
  9494. content: "\f1a3"
  9495. }
  9496.  
  9497. .fa-stumbleupon:before {
  9498. content: "\f1a4"
  9499. }
  9500.  
  9501. .fa-delicious:before {
  9502. content: "\f1a5"
  9503. }
  9504.  
  9505. .fa-digg:before {
  9506. content: "\f1a6"
  9507. }
  9508.  
  9509. .fa-pied-piper-pp:before {
  9510. content: "\f1a7"
  9511. }
  9512.  
  9513. .fa-pied-piper-alt:before {
  9514. content: "\f1a8"
  9515. }
  9516.  
  9517. .fa-drupal:before {
  9518. content: "\f1a9"
  9519. }
  9520.  
  9521. .fa-joomla:before {
  9522. content: "\f1aa"
  9523. }
  9524.  
  9525. .fa-language:before {
  9526. content: "\f1ab"
  9527. }
  9528.  
  9529. .fa-fax:before {
  9530. content: "\f1ac"
  9531. }
  9532.  
  9533. .fa-building:before {
  9534. content: "\f1ad"
  9535. }
  9536.  
  9537. .fa-child:before {
  9538. content: "\f1ae"
  9539. }
  9540.  
  9541. .fa-paw:before {
  9542. content: "\f1b0"
  9543. }
  9544.  
  9545. .fa-spoon:before {
  9546. content: "\f1b1"
  9547. }
  9548.  
  9549. .fa-cube:before {
  9550. content: "\f1b2"
  9551. }
  9552.  
  9553. .fa-cubes:before {
  9554. content: "\f1b3"
  9555. }
  9556.  
  9557. .fa-behance:before {
  9558. content: "\f1b4"
  9559. }
  9560.  
  9561. .fa-behance-square:before {
  9562. content: "\f1b5"
  9563. }
  9564.  
  9565. .fa-steam:before {
  9566. content: "\f1b6"
  9567. }
  9568.  
  9569. .fa-steam-square:before {
  9570. content: "\f1b7"
  9571. }
  9572.  
  9573. .fa-recycle:before {
  9574. content: "\f1b8"
  9575. }
  9576.  
  9577. .fa-automobile:before,
  9578. .fa-car:before {
  9579. content: "\f1b9"
  9580. }
  9581.  
  9582. .fa-cab:before,
  9583. .fa-taxi:before {
  9584. content: "\f1ba"
  9585. }
  9586.  
  9587. .fa-tree:before {
  9588. content: "\f1bb"
  9589. }
  9590.  
  9591. .fa-spotify:before {
  9592. content: "\f1bc"
  9593. }
  9594.  
  9595. .fa-deviantart:before {
  9596. content: "\f1bd"
  9597. }
  9598.  
  9599. .fa-soundcloud:before {
  9600. content: "\f1be"
  9601. }
  9602.  
  9603. .fa-database:before {
  9604. content: "\f1c0"
  9605. }
  9606.  
  9607. .fa-file-pdf-o:before {
  9608. content: "\f1c1"
  9609. }
  9610.  
  9611. .fa-file-word-o:before {
  9612. content: "\f1c2"
  9613. }
  9614.  
  9615. .fa-file-excel-o:before {
  9616. content: "\f1c3"
  9617. }
  9618.  
  9619. .fa-file-powerpoint-o:before {
  9620. content: "\f1c4"
  9621. }
  9622.  
  9623. .fa-file-photo-o:before,
  9624. .fa-file-picture-o:before,
  9625. .fa-file-image-o:before {
  9626. content: "\f1c5"
  9627. }
  9628.  
  9629. .fa-file-zip-o:before,
  9630. .fa-file-archive-o:before {
  9631. content: "\f1c6"
  9632. }
  9633.  
  9634. .fa-file-sound-o:before,
  9635. .fa-file-audio-o:before {
  9636. content: "\f1c7"
  9637. }
  9638.  
  9639. .fa-file-movie-o:before,
  9640. .fa-file-video-o:before {
  9641. content: "\f1c8"
  9642. }
  9643.  
  9644. .fa-file-code-o:before {
  9645. content: "\f1c9"
  9646. }
  9647.  
  9648. .fa-vine:before {
  9649. content: "\f1ca"
  9650. }
  9651.  
  9652. .fa-codepen:before {
  9653. content: "\f1cb"
  9654. }
  9655.  
  9656. .fa-jsfiddle:before {
  9657. content: "\f1cc"
  9658. }
  9659.  
  9660. .fa-life-bouy:before,
  9661. .fa-life-buoy:before,
  9662. .fa-life-saver:before,
  9663. .fa-support:before,
  9664. .fa-life-ring:before {
  9665. content: "\f1cd"
  9666. }
  9667.  
  9668. .fa-circle-o-notch:before {
  9669. content: "\f1ce"
  9670. }
  9671.  
  9672. .fa-ra:before,
  9673. .fa-resistance:before,
  9674. .fa-rebel:before {
  9675. content: "\f1d0"
  9676. }
  9677.  
  9678. .fa-ge:before,
  9679. .fa-empire:before {
  9680. content: "\f1d1"
  9681. }
  9682.  
  9683. .fa-git-square:before {
  9684. content: "\f1d2"
  9685. }
  9686.  
  9687. .fa-git:before {
  9688. content: "\f1d3"
  9689. }
  9690.  
  9691. .fa-y-combinator-square:before,
  9692. .fa-yc-square:before,
  9693. .fa-hacker-news:before {
  9694. content: "\f1d4"
  9695. }
  9696.  
  9697. .fa-tencent-weibo:before {
  9698. content: "\f1d5"
  9699. }
  9700.  
  9701. .fa-qq:before {
  9702. content: "\f1d6"
  9703. }
  9704.  
  9705. .fa-wechat:before,
  9706. .fa-weixin:before {
  9707. content: "\f1d7"
  9708. }
  9709.  
  9710. .fa-send:before,
  9711. .fa-paper-plane:before {
  9712. content: "\f1d8"
  9713. }
  9714.  
  9715. .fa-send-o:before,
  9716. .fa-paper-plane-o:before {
  9717. content: "\f1d9"
  9718. }
  9719.  
  9720. .fa-history:before {
  9721. content: "\f1da"
  9722. }
  9723.  
  9724. .fa-circle-thin:before {
  9725. content: "\f1db"
  9726. }
  9727.  
  9728. .fa-header:before {
  9729. content: "\f1dc"
  9730. }
  9731.  
  9732. .fa-paragraph:before {
  9733. content: "\f1dd"
  9734. }
  9735.  
  9736. .fa-sliders:before {
  9737. content: "\f1de"
  9738. }
  9739.  
  9740. .fa-share-alt:before {
  9741. content: "\f1e0"
  9742. }
  9743.  
  9744. .fa-share-alt-square:before {
  9745. content: "\f1e1"
  9746. }
  9747.  
  9748. .fa-bomb:before {
  9749. content: "\f1e2"
  9750. }
  9751.  
  9752. .fa-soccer-ball-o:before,
  9753. .fa-futbol-o:before {
  9754. content: "\f1e3"
  9755. }
  9756.  
  9757. .fa-tty:before {
  9758. content: "\f1e4"
  9759. }
  9760.  
  9761. .fa-binoculars:before {
  9762. content: "\f1e5"
  9763. }
  9764.  
  9765. .fa-plug:before {
  9766. content: "\f1e6"
  9767. }
  9768.  
  9769. .fa-slideshare:before {
  9770. content: "\f1e7"
  9771. }
  9772.  
  9773. .fa-twitch:before {
  9774. content: "\f1e8"
  9775. }
  9776.  
  9777. .fa-yelp:before {
  9778. content: "\f1e9"
  9779. }
  9780.  
  9781. .fa-newspaper-o:before {
  9782. content: "\f1ea"
  9783. }
  9784.  
  9785. .fa-wifi:before {
  9786. content: "\f1eb"
  9787. }
  9788.  
  9789. .fa-calculator:before {
  9790. content: "\f1ec"
  9791. }
  9792.  
  9793. .fa-paypal:before {
  9794. content: "\f1ed"
  9795. }
  9796.  
  9797. .fa-google-wallet:before {
  9798. content: "\f1ee"
  9799. }
  9800.  
  9801. .fa-cc-visa:before {
  9802. content: "\f1f0"
  9803. }
  9804.  
  9805. .fa-cc-mastercard:before {
  9806. content: "\f1f1"
  9807. }
  9808.  
  9809. .fa-cc-discover:before {
  9810. content: "\f1f2"
  9811. }
  9812.  
  9813. .fa-cc-amex:before {
  9814. content: "\f1f3"
  9815. }
  9816.  
  9817. .fa-cc-paypal:before {
  9818. content: "\f1f4"
  9819. }
  9820.  
  9821. .fa-cc-stripe:before {
  9822. content: "\f1f5"
  9823. }
  9824.  
  9825. .fa-bell-slash:before {
  9826. content: "\f1f6"
  9827. }
  9828.  
  9829. .fa-bell-slash-o:before {
  9830. content: "\f1f7"
  9831. }
  9832.  
  9833. .fa-trash:before {
  9834. content: "\f1f8"
  9835. }
  9836.  
  9837. .fa-copyright:before {
  9838. content: "\f1f9"
  9839. }
  9840.  
  9841. .fa-at:before {
  9842. content: "\f1fa"
  9843. }
  9844.  
  9845. .fa-eyedropper:before {
  9846. content: "\f1fb"
  9847. }
  9848.  
  9849. .fa-paint-brush:before {
  9850. content: "\f1fc"
  9851. }
  9852.  
  9853. .fa-birthday-cake:before {
  9854. content: "\f1fd"
  9855. }
  9856.  
  9857. .fa-area-chart:before {
  9858. content: "\f1fe"
  9859. }
  9860.  
  9861. .fa-pie-chart:before {
  9862. content: "\f200"
  9863. }
  9864.  
  9865. .fa-line-chart:before {
  9866. content: "\f201"
  9867. }
  9868.  
  9869. .fa-lastfm:before {
  9870. content: "\f202"
  9871. }
  9872.  
  9873. .fa-lastfm-square:before {
  9874. content: "\f203"
  9875. }
  9876.  
  9877. .fa-toggle-off:before {
  9878. content: "\f204"
  9879. }
  9880.  
  9881. .fa-toggle-on:before {
  9882. content: "\f205"
  9883. }
  9884.  
  9885. .fa-bicycle:before {
  9886. content: "\f206"
  9887. }
  9888.  
  9889. .fa-bus:before {
  9890. content: "\f207"
  9891. }
  9892.  
  9893. .fa-ioxhost:before {
  9894. content: "\f208"
  9895. }
  9896.  
  9897. .fa-angellist:before {
  9898. content: "\f209"
  9899. }
  9900.  
  9901. .fa-cc:before {
  9902. content: "\f20a"
  9903. }
  9904.  
  9905. .fa-shekel:before,
  9906. .fa-sheqel:before,
  9907. .fa-ils:before {
  9908. content: "\f20b"
  9909. }
  9910.  
  9911. .fa-meanpath:before {
  9912. content: "\f20c"
  9913. }
  9914.  
  9915. .fa-buysellads:before {
  9916. content: "\f20d"
  9917. }
  9918.  
  9919. .fa-connectdevelop:before {
  9920. content: "\f20e"
  9921. }
  9922.  
  9923. .fa-dashcube:before {
  9924. content: "\f210"
  9925. }
  9926.  
  9927. .fa-forumbee:before {
  9928. content: "\f211"
  9929. }
  9930.  
  9931. .fa-leanpub:before {
  9932. content: "\f212"
  9933. }
  9934.  
  9935. .fa-sellsy:before {
  9936. content: "\f213"
  9937. }
  9938.  
  9939. .fa-shirtsinbulk:before {
  9940. content: "\f214"
  9941. }
  9942.  
  9943. .fa-simplybuilt:before {
  9944. content: "\f215"
  9945. }
  9946.  
  9947. .fa-skyatlas:before {
  9948. content: "\f216"
  9949. }
  9950.  
  9951. .fa-cart-plus:before {
  9952. content: "\f217"
  9953. }
  9954.  
  9955. .fa-cart-arrow-down:before {
  9956. content: "\f218"
  9957. }
  9958.  
  9959. .fa-diamond:before {
  9960. content: "\f219"
  9961. }
  9962.  
  9963. .fa-ship:before {
  9964. content: "\f21a"
  9965. }
  9966.  
  9967. .fa-user-secret:before {
  9968. content: "\f21b"
  9969. }
  9970.  
  9971. .fa-motorcycle:before {
  9972. content: "\f21c"
  9973. }
  9974.  
  9975. .fa-street-view:before {
  9976. content: "\f21d"
  9977. }
  9978.  
  9979. .fa-heartbeat:before {
  9980. content: "\f21e"
  9981. }
  9982.  
  9983. .fa-venus:before {
  9984. content: "\f221"
  9985. }
  9986.  
  9987. .fa-mars:before {
  9988. content: "\f222"
  9989. }
  9990.  
  9991. .fa-mercury:before {
  9992. content: "\f223"
  9993. }
  9994.  
  9995. .fa-intersex:before,
  9996. .fa-transgender:before {
  9997. content: "\f224"
  9998. }
  9999.  
  10000. .fa-transgender-alt:before {
  10001. content: "\f225"
  10002. }
  10003.  
  10004. .fa-venus-double:before {
  10005. content: "\f226"
  10006. }
  10007.  
  10008. .fa-mars-double:before {
  10009. content: "\f227"
  10010. }
  10011.  
  10012. .fa-venus-mars:before {
  10013. content: "\f228"
  10014. }
  10015.  
  10016. .fa-mars-stroke:before {
  10017. content: "\f229"
  10018. }
  10019.  
  10020. .fa-mars-stroke-v:before {
  10021. content: "\f22a"
  10022. }
  10023.  
  10024. .fa-mars-stroke-h:before {
  10025. content: "\f22b"
  10026. }
  10027.  
  10028. .fa-neuter:before {
  10029. content: "\f22c"
  10030. }
  10031.  
  10032. .fa-genderless:before {
  10033. content: "\f22d"
  10034. }
  10035.  
  10036. .fa-facebook-official:before {
  10037. content: "\f230"
  10038. }
  10039.  
  10040. .fa-pinterest-p:before {
  10041. content: "\f231"
  10042. }
  10043.  
  10044. .fa-whatsapp:before {
  10045. content: "\f232"
  10046. }
  10047.  
  10048. .fa-server:before {
  10049. content: "\f233"
  10050. }
  10051.  
  10052. .fa-user-plus:before {
  10053. content: "\f234"
  10054. }
  10055.  
  10056. .fa-user-times:before {
  10057. content: "\f235"
  10058. }
  10059.  
  10060. .fa-hotel:before,
  10061. .fa-bed:before {
  10062. content: "\f236"
  10063. }
  10064.  
  10065. .fa-viacoin:before {
  10066. content: "\f237"
  10067. }
  10068.  
  10069. .fa-train:before {
  10070. content: "\f238"
  10071. }
  10072.  
  10073. .fa-subway:before {
  10074. content: "\f239"
  10075. }
  10076.  
  10077. .fa-medium:before {
  10078. content: "\f23a"
  10079. }
  10080.  
  10081. .fa-yc:before,
  10082. .fa-y-combinator:before {
  10083. content: "\f23b"
  10084. }
  10085.  
  10086. .fa-optin-monster:before {
  10087. content: "\f23c"
  10088. }
  10089.  
  10090. .fa-opencart:before {
  10091. content: "\f23d"
  10092. }
  10093.  
  10094. .fa-expeditedssl:before {
  10095. content: "\f23e"
  10096. }
  10097.  
  10098. .fa-battery-4:before,
  10099. .fa-battery:before,
  10100. .fa-battery-full:before {
  10101. content: "\f240"
  10102. }
  10103.  
  10104. .fa-battery-3:before,
  10105. .fa-battery-three-quarters:before {
  10106. content: "\f241"
  10107. }
  10108.  
  10109. .fa-battery-2:before,
  10110. .fa-battery-half:before {
  10111. content: "\f242"
  10112. }
  10113.  
  10114. .fa-battery-1:before,
  10115. .fa-battery-quarter:before {
  10116. content: "\f243"
  10117. }
  10118.  
  10119. .fa-battery-0:before,
  10120. .fa-battery-empty:before {
  10121. content: "\f244"
  10122. }
  10123.  
  10124. .fa-mouse-pointer:before {
  10125. content: "\f245"
  10126. }
  10127.  
  10128. .fa-i-cursor:before {
  10129. content: "\f246"
  10130. }
  10131.  
  10132. .fa-object-group:before {
  10133. content: "\f247"
  10134. }
  10135.  
  10136. .fa-object-ungroup:before {
  10137. content: "\f248"
  10138. }
  10139.  
  10140. .fa-sticky-note:before {
  10141. content: "\f249"
  10142. }
  10143.  
  10144. .fa-sticky-note-o:before {
  10145. content: "\f24a"
  10146. }
  10147.  
  10148. .fa-cc-jcb:before {
  10149. content: "\f24b"
  10150. }
  10151.  
  10152. .fa-cc-diners-club:before {
  10153. content: "\f24c"
  10154. }
  10155.  
  10156. .fa-clone:before {
  10157. content: "\f24d"
  10158. }
  10159.  
  10160. .fa-balance-scale:before {
  10161. content: "\f24e"
  10162. }
  10163.  
  10164. .fa-hourglass-o:before {
  10165. content: "\f250"
  10166. }
  10167.  
  10168. .fa-hourglass-1:before,
  10169. .fa-hourglass-start:before {
  10170. content: "\f251"
  10171. }
  10172.  
  10173. .fa-hourglass-2:before,
  10174. .fa-hourglass-half:before {
  10175. content: "\f252"
  10176. }
  10177.  
  10178. .fa-hourglass-3:before,
  10179. .fa-hourglass-end:before {
  10180. content: "\f253"
  10181. }
  10182.  
  10183. .fa-hourglass:before {
  10184. content: "\f254"
  10185. }
  10186.  
  10187. .fa-hand-grab-o:before,
  10188. .fa-hand-rock-o:before {
  10189. content: "\f255"
  10190. }
  10191.  
  10192. .fa-hand-stop-o:before,
  10193. .fa-hand-paper-o:before {
  10194. content: "\f256"
  10195. }
  10196.  
  10197. .fa-hand-scissors-o:before {
  10198. content: "\f257"
  10199. }
  10200.  
  10201. .fa-hand-lizard-o:before {
  10202. content: "\f258"
  10203. }
  10204.  
  10205. .fa-hand-spock-o:before {
  10206. content: "\f259"
  10207. }
  10208.  
  10209. .fa-hand-pointer-o:before {
  10210. content: "\f25a"
  10211. }
  10212.  
  10213. .fa-hand-peace-o:before {
  10214. content: "\f25b"
  10215. }
  10216.  
  10217. .fa-trademark:before {
  10218. content: "\f25c"
  10219. }
  10220.  
  10221. .fa-registered:before {
  10222. content: "\f25d"
  10223. }
  10224.  
  10225. .fa-creative-commons:before {
  10226. content: "\f25e"
  10227. }
  10228.  
  10229. .fa-gg:before {
  10230. content: "\f260"
  10231. }
  10232.  
  10233. .fa-gg-circle:before {
  10234. content: "\f261"
  10235. }
  10236.  
  10237. .fa-tripadvisor:before {
  10238. content: "\f262"
  10239. }
  10240.  
  10241. .fa-odnoklassniki:before {
  10242. content: "\f263"
  10243. }
  10244.  
  10245. .fa-odnoklassniki-square:before {
  10246. content: "\f264"
  10247. }
  10248.  
  10249. .fa-get-pocket:before {
  10250. content: "\f265"
  10251. }
  10252.  
  10253. .fa-wikipedia-w:before {
  10254. content: "\f266"
  10255. }
  10256.  
  10257. .fa-safari:before {
  10258. content: "\f267"
  10259. }
  10260.  
  10261. .fa-chrome:before {
  10262. content: "\f268"
  10263. }
  10264.  
  10265. .fa-firefox:before {
  10266. content: "\f269"
  10267. }
  10268.  
  10269. .fa-opera:before {
  10270. content: "\f26a"
  10271. }
  10272.  
  10273. .fa-internet-explorer:before {
  10274. content: "\f26b"
  10275. }
  10276.  
  10277. .fa-tv:before,
  10278. .fa-television:before {
  10279. content: "\f26c"
  10280. }
  10281.  
  10282. .fa-contao:before {
  10283. content: "\f26d"
  10284. }
  10285.  
  10286. .fa-500px:before {
  10287. content: "\f26e"
  10288. }
  10289.  
  10290. .fa-amazon:before {
  10291. content: "\f270"
  10292. }
  10293.  
  10294. .fa-calendar-plus-o:before {
  10295. content: "\f271"
  10296. }
  10297.  
  10298. .fa-calendar-minus-o:before {
  10299. content: "\f272"
  10300. }
  10301.  
  10302. .fa-calendar-times-o:before {
  10303. content: "\f273"
  10304. }
  10305.  
  10306. .fa-calendar-check-o:before {
  10307. content: "\f274"
  10308. }
  10309.  
  10310. .fa-industry:before {
  10311. content: "\f275"
  10312. }
  10313.  
  10314. .fa-map-pin:before {
  10315. content: "\f276"
  10316. }
  10317.  
  10318. .fa-map-signs:before {
  10319. content: "\f277"
  10320. }
  10321.  
  10322. .fa-map-o:before {
  10323. content: "\f278"
  10324. }
  10325.  
  10326. .fa-map:before {
  10327. content: "\f279"
  10328. }
  10329.  
  10330. .fa-commenting:before {
  10331. content: "\f27a"
  10332. }
  10333.  
  10334. .fa-commenting-o:before {
  10335. content: "\f27b"
  10336. }
  10337.  
  10338. .fa-houzz:before {
  10339. content: "\f27c"
  10340. }
  10341.  
  10342. .fa-vimeo:before {
  10343. content: "\f27d"
  10344. }
  10345.  
  10346. .fa-black-tie:before {
  10347. content: "\f27e"
  10348. }
  10349.  
  10350. .fa-fonticons:before {
  10351. content: "\f280"
  10352. }
  10353.  
  10354. .fa-reddit-alien:before {
  10355. content: "\f281"
  10356. }
  10357.  
  10358. .fa-edge:before {
  10359. content: "\f282"
  10360. }
  10361.  
  10362. .fa-credit-card-alt:before {
  10363. content: "\f283"
  10364. }
  10365.  
  10366. .fa-codiepie:before {
  10367. content: "\f284"
  10368. }
  10369.  
  10370. .fa-modx:before {
  10371. content: "\f285"
  10372. }
  10373.  
  10374. .fa-fort-awesome:before {
  10375. content: "\f286"
  10376. }
  10377.  
  10378. .fa-usb:before {
  10379. content: "\f287"
  10380. }
  10381.  
  10382. .fa-product-hunt:before {
  10383. content: "\f288"
  10384. }
  10385.  
  10386. .fa-mixcloud:before {
  10387. content: "\f289"
  10388. }
  10389.  
  10390. .fa-scribd:before {
  10391. content: "\f28a"
  10392. }
  10393.  
  10394. .fa-pause-circle:before {
  10395. content: "\f28b"
  10396. }
  10397.  
  10398. .fa-pause-circle-o:before {
  10399. content: "\f28c"
  10400. }
  10401.  
  10402. .fa-stop-circle:before {
  10403. content: "\f28d"
  10404. }
  10405.  
  10406. .fa-stop-circle-o:before {
  10407. content: "\f28e"
  10408. }
  10409.  
  10410. .fa-shopping-bag:before {
  10411. content: "\f290"
  10412. }
  10413.  
  10414. .fa-shopping-basket:before {
  10415. content: "\f291"
  10416. }
  10417.  
  10418. .fa-hashtag:before {
  10419. content: "\f292"
  10420. }
  10421.  
  10422. .fa-bluetooth:before {
  10423. content: "\f293"
  10424. }
  10425.  
  10426. .fa-bluetooth-b:before {
  10427. content: "\f294"
  10428. }
  10429.  
  10430. .fa-percent:before {
  10431. content: "\f295"
  10432. }
  10433.  
  10434. .fa-gitlab:before {
  10435. content: "\f296"
  10436. }
  10437.  
  10438. .fa-wpbeginner:before {
  10439. content: "\f297"
  10440. }
  10441.  
  10442. .fa-wpforms:before {
  10443. content: "\f298"
  10444. }
  10445.  
  10446. .fa-envira:before {
  10447. content: "\f299"
  10448. }
  10449.  
  10450. .fa-universal-access:before {
  10451. content: "\f29a"
  10452. }
  10453.  
  10454. .fa-wheelchair-alt:before {
  10455. content: "\f29b"
  10456. }
  10457.  
  10458. .fa-question-circle-o:before {
  10459. content: "\f29c"
  10460. }
  10461.  
  10462. .fa-blind:before {
  10463. content: "\f29d"
  10464. }
  10465.  
  10466. .fa-audio-description:before {
  10467. content: "\f29e"
  10468. }
  10469.  
  10470. .fa-volume-control-phone:before {
  10471. content: "\f2a0"
  10472. }
  10473.  
  10474. .fa-braille:before {
  10475. content: "\f2a1"
  10476. }
  10477.  
  10478. .fa-assistive-listening-systems:before {
  10479. content: "\f2a2"
  10480. }
  10481.  
  10482. .fa-asl-interpreting:before,
  10483. .fa-american-sign-language-interpreting:before {
  10484. content: "\f2a3"
  10485. }
  10486.  
  10487. .fa-deafness:before,
  10488. .fa-hard-of-hearing:before,
  10489. .fa-deaf:before {
  10490. content: "\f2a4"
  10491. }
  10492.  
  10493. .fa-glide:before {
  10494. content: "\f2a5"
  10495. }
  10496.  
  10497. .fa-glide-g:before {
  10498. content: "\f2a6"
  10499. }
  10500.  
  10501. .fa-signing:before,
  10502. .fa-sign-language:before {
  10503. content: "\f2a7"
  10504. }
  10505.  
  10506. .fa-low-vision:before {
  10507. content: "\f2a8"
  10508. }
  10509.  
  10510. .fa-viadeo:before {
  10511. content: "\f2a9"
  10512. }
  10513.  
  10514. .fa-viadeo-square:before {
  10515. content: "\f2aa"
  10516. }
  10517.  
  10518. .fa-snapchat:before {
  10519. content: "\f2ab"
  10520. }
  10521.  
  10522. .fa-snapchat-ghost:before {
  10523. content: "\f2ac"
  10524. }
  10525.  
  10526. .fa-snapchat-square:before {
  10527. content: "\f2ad"
  10528. }
  10529.  
  10530. .fa-pied-piper:before {
  10531. content: "\f2ae"
  10532. }
  10533.  
  10534. .fa-first-order:before {
  10535. content: "\f2b0"
  10536. }
  10537.  
  10538. .fa-yoast:before {
  10539. content: "\f2b1"
  10540. }
  10541.  
  10542. .fa-themeisle:before {
  10543. content: "\f2b2"
  10544. }
  10545.  
  10546. .fa-google-plus-circle:before,
  10547. .fa-google-plus-official:before {
  10548. content: "\f2b3"
  10549. }
  10550.  
  10551. .fa-fa:before,
  10552. .fa-font-awesome:before {
  10553. content: "\f2b4"
  10554. }
  10555.  
  10556. .fa-handshake-o:before {
  10557. content: "\f2b5"
  10558. }
  10559.  
  10560. .fa-envelope-open:before {
  10561. content: "\f2b6"
  10562. }
  10563.  
  10564. .fa-envelope-open-o:before {
  10565. content: "\f2b7"
  10566. }
  10567.  
  10568. .fa-linode:before {
  10569. content: "\f2b8"
  10570. }
  10571.  
  10572. .fa-address-book:before {
  10573. content: "\f2b9"
  10574. }
  10575.  
  10576. .fa-address-book-o:before {
  10577. content: "\f2ba"
  10578. }
  10579.  
  10580. .fa-vcard:before,
  10581. .fa-address-card:before {
  10582. content: "\f2bb"
  10583. }
  10584.  
  10585. .fa-vcard-o:before,
  10586. .fa-address-card-o:before {
  10587. content: "\f2bc"
  10588. }
  10589.  
  10590. .fa-user-circle:before {
  10591. content: "\f2bd"
  10592. }
  10593.  
  10594. .fa-user-circle-o:before {
  10595. content: "\f2be"
  10596. }
  10597.  
  10598. .fa-user-o:before {
  10599. content: "\f2c0"
  10600. }
  10601.  
  10602. .fa-id-badge:before {
  10603. content: "\f2c1"
  10604. }
  10605.  
  10606. .fa-drivers-license:before,
  10607. .fa-id-card:before {
  10608. content: "\f2c2"
  10609. }
  10610.  
  10611. .fa-drivers-license-o:before,
  10612. .fa-id-card-o:before {
  10613. content: "\f2c3"
  10614. }
  10615.  
  10616. .fa-quora:before {
  10617. content: "\f2c4"
  10618. }
  10619.  
  10620. .fa-free-code-camp:before {
  10621. content: "\f2c5"
  10622. }
  10623.  
  10624. .fa-telegram:before {
  10625. content: "\f2c6"
  10626. }
  10627.  
  10628. .fa-thermometer-4:before,
  10629. .fa-thermometer:before,
  10630. .fa-thermometer-full:before {
  10631. content: "\f2c7"
  10632. }
  10633.  
  10634. .fa-thermometer-3:before,
  10635. .fa-thermometer-three-quarters:before {
  10636. content: "\f2c8"
  10637. }
  10638.  
  10639. .fa-thermometer-2:before,
  10640. .fa-thermometer-half:before {
  10641. content: "\f2c9"
  10642. }
  10643.  
  10644. .fa-thermometer-1:before,
  10645. .fa-thermometer-quarter:before {
  10646. content: "\f2ca"
  10647. }
  10648.  
  10649. .fa-thermometer-0:before,
  10650. .fa-thermometer-empty:before {
  10651. content: "\f2cb"
  10652. }
  10653.  
  10654. .fa-shower:before {
  10655. content: "\f2cc"
  10656. }
  10657.  
  10658. .fa-bathtub:before,
  10659. .fa-s15:before,
  10660. .fa-bath:before {
  10661. content: "\f2cd"
  10662. }
  10663.  
  10664. .fa-podcast:before {
  10665. content: "\f2ce"
  10666. }
  10667.  
  10668. .fa-window-maximize:before {
  10669. content: "\f2d0"
  10670. }
  10671.  
  10672. .fa-window-minimize:before {
  10673. content: "\f2d1"
  10674. }
  10675.  
  10676. .fa-window-restore:before {
  10677. content: "\f2d2"
  10678. }
  10679.  
  10680. .fa-times-rectangle:before,
  10681. .fa-window-close:before {
  10682. content: "\f2d3"
  10683. }
  10684.  
  10685. .fa-times-rectangle-o:before,
  10686. .fa-window-close-o:before {
  10687. content: "\f2d4"
  10688. }
  10689.  
  10690. .fa-bandcamp:before {
  10691. content: "\f2d5"
  10692. }
  10693.  
  10694. .fa-grav:before {
  10695. content: "\f2d6"
  10696. }
  10697.  
  10698. .fa-etsy:before {
  10699. content: "\f2d7"
  10700. }
  10701.  
  10702. .fa-imdb:before {
  10703. content: "\f2d8"
  10704. }
  10705.  
  10706. .fa-ravelry:before {
  10707. content: "\f2d9"
  10708. }
  10709.  
  10710. .fa-eercast:before {
  10711. content: "\f2da"
  10712. }
  10713.  
  10714. .fa-microchip:before {
  10715. content: "\f2db"
  10716. }
  10717.  
  10718. .fa-snowflake-o:before {
  10719. content: "\f2dc"
  10720. }
  10721.  
  10722. .fa-superpowers:before {
  10723. content: "\f2dd"
  10724. }
  10725.  
  10726. .fa-wpexplorer:before {
  10727. content: "\f2de"
  10728. }
  10729.  
  10730. .fa-meetup:before {
  10731. content: "\f2e0"
  10732. }
  10733.  
  10734. .sr-only {
  10735. position: absolute;
  10736. width: 1px;
  10737. height: 1px;
  10738. padding: 0;
  10739. margin: -1px;
  10740. overflow: hidden;
  10741. clip: rect(0, 0, 0, 0);
  10742. border: 0
  10743. }
  10744.  
  10745. .sr-only-focusable:active,
  10746. .sr-only-focusable:focus {
  10747. position: static;
  10748. width: auto;
  10749. height: auto;
  10750. margin: 0;
  10751. overflow: visible;
  10752. clip: auto
  10753. }
  10754.  
  10755.  
  10756. /*! Themify Icon*/
  10757.  
  10758. @font-face {
  10759. font-family: themify;
  10760. src: url(../fonts/themify.eot?-fvbane);
  10761. src: url(../fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'), url(../fonts/themify.woff?-fvbane) format('woff'), url(../fonts/themify.ttf?-fvbane) format('truetype'), url(../fonts/themify.svg?-fvbane#themify) format('svg');
  10762. font-weight: 400;
  10763. font-style: normal
  10764. }
  10765.  
  10766. [class*=" ti-"],
  10767. [class^=ti-] {
  10768. font-family: themify;
  10769. speak: none;
  10770. font-style: normal;
  10771. font-weight: 400;
  10772. font-variant: normal;
  10773. text-transform: none;
  10774. line-height: 1;
  10775. -webkit-font-smoothing: antialiased;
  10776. -moz-osx-font-smoothing: grayscale
  10777. }
  10778.  
  10779. .ti-wand:before {
  10780. content: "\e600"
  10781. }
  10782.  
  10783. .ti-volume:before {
  10784. content: "\e601"
  10785. }
  10786.  
  10787. .ti-user:before {
  10788. content: "\e602"
  10789. }
  10790.  
  10791. .ti-unlock:before {
  10792. content: "\e603"
  10793. }
  10794.  
  10795. .ti-unlink:before {
  10796. content: "\e604"
  10797. }
  10798.  
  10799. .ti-trash:before {
  10800. content: "\e605"
  10801. }
  10802.  
  10803. .ti-thought:before {
  10804. content: "\e606"
  10805. }
  10806.  
  10807. .ti-target:before {
  10808. content: "\e607"
  10809. }
  10810.  
  10811. .ti-tag:before {
  10812. content: "\e608"
  10813. }
  10814.  
  10815. .ti-tablet:before {
  10816. content: "\e609"
  10817. }
  10818.  
  10819. .ti-star:before {
  10820. content: "\e60a"
  10821. }
  10822.  
  10823. .ti-spray:before {
  10824. content: "\e60b"
  10825. }
  10826.  
  10827. .ti-signal:before {
  10828. content: "\e60c"
  10829. }
  10830.  
  10831. .ti-shopping-cart:before {
  10832. content: "\e60d"
  10833. }
  10834.  
  10835. .ti-shopping-cart-full:before {
  10836. content: "\e60e"
  10837. }
  10838.  
  10839. .ti-settings:before {
  10840. content: "\e60f"
  10841. }
  10842.  
  10843. .ti-search:before {
  10844. content: "\e610"
  10845. }
  10846.  
  10847. .ti-zoom-in:before {
  10848. content: "\e611"
  10849. }
  10850.  
  10851. .ti-zoom-out:before {
  10852. content: "\e612"
  10853. }
  10854.  
  10855. .ti-cut:before {
  10856. content: "\e613"
  10857. }
  10858.  
  10859. .ti-ruler:before {
  10860. content: "\e614"
  10861. }
  10862.  
  10863. .ti-ruler-pencil:before {
  10864. content: "\e615"
  10865. }
  10866.  
  10867. .ti-ruler-alt:before {
  10868. content: "\e616"
  10869. }
  10870.  
  10871. .ti-bookmark:before {
  10872. content: "\e617"
  10873. }
  10874.  
  10875. .ti-bookmark-alt:before {
  10876. content: "\e618"
  10877. }
  10878.  
  10879. .ti-reload:before {
  10880. content: "\e619"
  10881. }
  10882.  
  10883. .ti-plus:before {
  10884. content: "\e61a"
  10885. }
  10886.  
  10887. .ti-pin:before {
  10888. content: "\e61b"
  10889. }
  10890.  
  10891. .ti-pencil:before {
  10892. content: "\e61c"
  10893. }
  10894.  
  10895. .ti-pencil-alt:before {
  10896. content: "\e61d"
  10897. }
  10898.  
  10899. .ti-paint-roller:before {
  10900. content: "\e61e"
  10901. }
  10902.  
  10903. .ti-paint-bucket:before {
  10904. content: "\e61f"
  10905. }
  10906.  
  10907. .ti-na:before {
  10908. content: "\e620"
  10909. }
  10910.  
  10911. .ti-mobile:before {
  10912. content: "\e621"
  10913. }
  10914.  
  10915. .ti-minus:before {
  10916. content: "\e622"
  10917. }
  10918.  
  10919. .ti-medall:before {
  10920. content: "\e623"
  10921. }
  10922.  
  10923. .ti-medall-alt:before {
  10924. content: "\e624"
  10925. }
  10926.  
  10927. .ti-marker:before {
  10928. content: "\e625"
  10929. }
  10930.  
  10931. .ti-marker-alt:before {
  10932. content: "\e626"
  10933. }
  10934.  
  10935. .ti-arrow-up:before {
  10936. content: "\e627"
  10937. }
  10938.  
  10939. .ti-arrow-right:before {
  10940. content: "\e628"
  10941. }
  10942.  
  10943. .ti-arrow-left:before {
  10944. content: "\e629"
  10945. }
  10946.  
  10947. .ti-arrow-down:before {
  10948. content: "\e62a"
  10949. }
  10950.  
  10951. .ti-lock:before {
  10952. content: "\e62b"
  10953. }
  10954.  
  10955. .ti-location-arrow:before {
  10956. content: "\e62c"
  10957. }
  10958.  
  10959. .ti-link:before {
  10960. content: "\e62d"
  10961. }
  10962.  
  10963. .ti-layout:before {
  10964. content: "\e62e"
  10965. }
  10966.  
  10967. .ti-layers:before {
  10968. content: "\e62f"
  10969. }
  10970.  
  10971. .ti-layers-alt:before {
  10972. content: "\e630"
  10973. }
  10974.  
  10975. .ti-key:before {
  10976. content: "\e631"
  10977. }
  10978.  
  10979. .ti-import:before {
  10980. content: "\e632"
  10981. }
  10982.  
  10983. .ti-image:before {
  10984. content: "\e633"
  10985. }
  10986.  
  10987. .ti-heart:before {
  10988. content: "\e634"
  10989. }
  10990.  
  10991. .ti-heart-broken:before {
  10992. content: "\e635"
  10993. }
  10994.  
  10995. .ti-hand-stop:before {
  10996. content: "\e636"
  10997. }
  10998.  
  10999. .ti-hand-open:before {
  11000. content: "\e637"
  11001. }
  11002.  
  11003. .ti-hand-drag:before {
  11004. content: "\e638"
  11005. }
  11006.  
  11007. .ti-folder:before {
  11008. content: "\e639"
  11009. }
  11010.  
  11011. .ti-flag:before {
  11012. content: "\e63a"
  11013. }
  11014.  
  11015. .ti-flag-alt:before {
  11016. content: "\e63b"
  11017. }
  11018.  
  11019. .ti-flag-alt-2:before {
  11020. content: "\e63c"
  11021. }
  11022.  
  11023. .ti-eye:before {
  11024. content: "\e63d"
  11025. }
  11026.  
  11027. .ti-export:before {
  11028. content: "\e63e"
  11029. }
  11030.  
  11031. .ti-exchange-vertical:before {
  11032. content: "\e63f"
  11033. }
  11034.  
  11035. .ti-desktop:before {
  11036. content: "\e640"
  11037. }
  11038.  
  11039. .ti-cup:before {
  11040. content: "\e641"
  11041. }
  11042.  
  11043. .ti-crown:before {
  11044. content: "\e642"
  11045. }
  11046.  
  11047. .ti-comments:before {
  11048. content: "\e643"
  11049. }
  11050.  
  11051. .ti-comment:before {
  11052. content: "\e644"
  11053. }
  11054.  
  11055. .ti-comment-alt:before {
  11056. content: "\e645"
  11057. }
  11058.  
  11059. .ti-close:before {
  11060. content: "\e646"
  11061. }
  11062.  
  11063. .ti-clip:before {
  11064. content: "\e647"
  11065. }
  11066.  
  11067. .ti-angle-up:before {
  11068. content: "\e648"
  11069. }
  11070.  
  11071. .ti-angle-right:before {
  11072. content: "\e649"
  11073. }
  11074.  
  11075. .ti-angle-left:before {
  11076. content: "\e64a"
  11077. }
  11078.  
  11079. .ti-angle-down:before {
  11080. content: "\e64b"
  11081. }
  11082.  
  11083. .ti-check:before {
  11084. content: "\e64c"
  11085. }
  11086.  
  11087. .ti-check-box:before {
  11088. content: "\e64d"
  11089. }
  11090.  
  11091. .ti-camera:before {
  11092. content: "\e64e"
  11093. }
  11094.  
  11095. .ti-announcement:before {
  11096. content: "\e64f"
  11097. }
  11098.  
  11099. .ti-brush:before {
  11100. content: "\e650"
  11101. }
  11102.  
  11103. .ti-briefcase:before {
  11104. content: "\e651"
  11105. }
  11106.  
  11107. .ti-bolt:before {
  11108. content: "\e652"
  11109. }
  11110.  
  11111. .ti-bolt-alt:before {
  11112. content: "\e653"
  11113. }
  11114.  
  11115. .ti-blackboard:before {
  11116. content: "\e654"
  11117. }
  11118.  
  11119. .ti-bag:before {
  11120. content: "\e655"
  11121. }
  11122.  
  11123. .ti-move:before {
  11124. content: "\e656"
  11125. }
  11126.  
  11127. .ti-arrows-vertical:before {
  11128. content: "\e657"
  11129. }
  11130.  
  11131. .ti-arrows-horizontal:before {
  11132. content: "\e658"
  11133. }
  11134.  
  11135. .ti-fullscreen:before {
  11136. content: "\e659"
  11137. }
  11138.  
  11139. .ti-arrow-top-right:before {
  11140. content: "\e65a"
  11141. }
  11142.  
  11143. .ti-arrow-top-left:before {
  11144. content: "\e65b"
  11145. }
  11146.  
  11147. .ti-arrow-circle-up:before {
  11148. content: "\e65c"
  11149. }
  11150.  
  11151. .ti-arrow-circle-right:before {
  11152. content: "\e65d"
  11153. }
  11154.  
  11155. .ti-arrow-circle-left:before {
  11156. content: "\e65e"
  11157. }
  11158.  
  11159. .ti-arrow-circle-down:before {
  11160. content: "\e65f"
  11161. }
  11162.  
  11163. .ti-angle-double-up:before {
  11164. content: "\e660"
  11165. }
  11166.  
  11167. .ti-angle-double-right:before {
  11168. content: "\e661"
  11169. }
  11170.  
  11171. .ti-angle-double-left:before {
  11172. content: "\e662"
  11173. }
  11174.  
  11175. .ti-angle-double-down:before {
  11176. content: "\e663"
  11177. }
  11178.  
  11179. .ti-zip:before {
  11180. content: "\e664"
  11181. }
  11182.  
  11183. .ti-world:before {
  11184. content: "\e665"
  11185. }
  11186.  
  11187. .ti-wheelchair:before {
  11188. content: "\e666"
  11189. }
  11190.  
  11191. .ti-view-list:before {
  11192. content: "\e667"
  11193. }
  11194.  
  11195. .ti-view-list-alt:before {
  11196. content: "\e668"
  11197. }
  11198.  
  11199. .ti-view-grid:before {
  11200. content: "\e669"
  11201. }
  11202.  
  11203. .ti-uppercase:before {
  11204. content: "\e66a"
  11205. }
  11206.  
  11207. .ti-upload:before {
  11208. content: "\e66b"
  11209. }
  11210.  
  11211. .ti-underline:before {
  11212. content: "\e66c"
  11213. }
  11214.  
  11215. .ti-truck:before {
  11216. content: "\e66d"
  11217. }
  11218.  
  11219. .ti-timer:before {
  11220. content: "\e66e"
  11221. }
  11222.  
  11223. .ti-ticket:before {
  11224. content: "\e66f"
  11225. }
  11226.  
  11227. .ti-thumb-up:before {
  11228. content: "\e670"
  11229. }
  11230.  
  11231. .ti-thumb-down:before {
  11232. content: "\e671"
  11233. }
  11234.  
  11235. .ti-text:before {
  11236. content: "\e672"
  11237. }
  11238.  
  11239. .ti-stats-up:before {
  11240. content: "\e673"
  11241. }
  11242.  
  11243. .ti-stats-down:before {
  11244. content: "\e674"
  11245. }
  11246.  
  11247. .ti-split-v:before {
  11248. content: "\e675"
  11249. }
  11250.  
  11251. .ti-split-h:before {
  11252. content: "\e676"
  11253. }
  11254.  
  11255. .ti-smallcap:before {
  11256. content: "\e677"
  11257. }
  11258.  
  11259. .ti-shine:before {
  11260. content: "\e678"
  11261. }
  11262.  
  11263. .ti-shift-right:before {
  11264. content: "\e679"
  11265. }
  11266.  
  11267. .ti-shift-left:before {
  11268. content: "\e67a"
  11269. }
  11270.  
  11271. .ti-shield:before {
  11272. content: "\e67b"
  11273. }
  11274.  
  11275. .ti-notepad:before {
  11276. content: "\e67c"
  11277. }
  11278.  
  11279. .ti-server:before {
  11280. content: "\e67d"
  11281. }
  11282.  
  11283. .ti-quote-right:before {
  11284. content: "\e67e"
  11285. }
  11286.  
  11287. .ti-quote-left:before {
  11288. content: "\e67f"
  11289. }
  11290.  
  11291. .ti-pulse:before {
  11292. content: "\e680"
  11293. }
  11294.  
  11295. .ti-printer:before {
  11296. content: "\e681"
  11297. }
  11298.  
  11299. .ti-power-off:before {
  11300. content: "\e682"
  11301. }
  11302.  
  11303. .ti-plug:before {
  11304. content: "\e683"
  11305. }
  11306.  
  11307. .ti-pie-chart:before {
  11308. content: "\e684"
  11309. }
  11310.  
  11311. .ti-paragraph:before {
  11312. content: "\e685"
  11313. }
  11314.  
  11315. .ti-panel:before {
  11316. content: "\e686"
  11317. }
  11318.  
  11319. .ti-package:before {
  11320. content: "\e687"
  11321. }
  11322.  
  11323. .ti-music:before {
  11324. content: "\e688"
  11325. }
  11326.  
  11327. .ti-music-alt:before {
  11328. content: "\e689"
  11329. }
  11330.  
  11331. .ti-mouse:before {
  11332. content: "\e68a"
  11333. }
  11334.  
  11335. .ti-mouse-alt:before {
  11336. content: "\e68b"
  11337. }
  11338.  
  11339. .ti-money:before {
  11340. content: "\e68c"
  11341. }
  11342.  
  11343. .ti-microphone:before {
  11344. content: "\e68d"
  11345. }
  11346.  
  11347. .ti-menu:before {
  11348. content: "\e68e"
  11349. }
  11350.  
  11351. .ti-menu-alt:before {
  11352. content: "\e68f"
  11353. }
  11354.  
  11355. .ti-map:before {
  11356. content: "\e690"
  11357. }
  11358.  
  11359. .ti-map-alt:before {
  11360. content: "\e691"
  11361. }
  11362.  
  11363. .ti-loop:before {
  11364. content: "\e692"
  11365. }
  11366.  
  11367. .ti-location-pin:before {
  11368. content: "\e693"
  11369. }
  11370.  
  11371. .ti-list:before {
  11372. content: "\e694"
  11373. }
  11374.  
  11375. .ti-light-bulb:before {
  11376. content: "\e695"
  11377. }
  11378.  
  11379. .ti-Italic:before {
  11380. content: "\e696"
  11381. }
  11382.  
  11383. .ti-info:before {
  11384. content: "\e697"
  11385. }
  11386.  
  11387. .ti-infinite:before {
  11388. content: "\e698"
  11389. }
  11390.  
  11391. .ti-id-badge:before {
  11392. content: "\e699"
  11393. }
  11394.  
  11395. .ti-hummer:before {
  11396. content: "\e69a"
  11397. }
  11398.  
  11399. .ti-home:before {
  11400. content: "\e69b"
  11401. }
  11402.  
  11403. .ti-help:before {
  11404. content: "\e69c"
  11405. }
  11406.  
  11407. .ti-headphone:before {
  11408. content: "\e69d"
  11409. }
  11410.  
  11411. .ti-harddrives:before {
  11412. content: "\e69e"
  11413. }
  11414.  
  11415. .ti-harddrive:before {
  11416. content: "\e69f"
  11417. }
  11418.  
  11419. .ti-gift:before {
  11420. content: "\e6a0"
  11421. }
  11422.  
  11423. .ti-game:before {
  11424. content: "\e6a1"
  11425. }
  11426.  
  11427. .ti-filter:before {
  11428. content: "\e6a2"
  11429. }
  11430.  
  11431. .ti-files:before {
  11432. content: "\e6a3"
  11433. }
  11434.  
  11435. .ti-file:before {
  11436. content: "\e6a4"
  11437. }
  11438.  
  11439. .ti-eraser:before {
  11440. content: "\e6a5"
  11441. }
  11442.  
  11443. .ti-envelope:before {
  11444. content: "\e6a6"
  11445. }
  11446.  
  11447. .ti-download:before {
  11448. content: "\e6a7"
  11449. }
  11450.  
  11451. .ti-direction:before {
  11452. content: "\e6a8"
  11453. }
  11454.  
  11455. .ti-direction-alt:before {
  11456. content: "\e6a9"
  11457. }
  11458.  
  11459. .ti-dashboard:before {
  11460. content: "\e6aa"
  11461. }
  11462.  
  11463. .ti-control-stop:before {
  11464. content: "\e6ab"
  11465. }
  11466.  
  11467. .ti-control-shuffle:before {
  11468. content: "\e6ac"
  11469. }
  11470.  
  11471. .ti-control-play:before {
  11472. content: "\e6ad"
  11473. }
  11474.  
  11475. .ti-control-pause:before {
  11476. content: "\e6ae"
  11477. }
  11478.  
  11479. .ti-control-forward:before {
  11480. content: "\e6af"
  11481. }
  11482.  
  11483. .ti-control-backward:before {
  11484. content: "\e6b0"
  11485. }
  11486.  
  11487. .ti-cloud:before {
  11488. content: "\e6b1"
  11489. }
  11490.  
  11491. .ti-cloud-up:before {
  11492. content: "\e6b2"
  11493. }
  11494.  
  11495. .ti-cloud-down:before {
  11496. content: "\e6b3"
  11497. }
  11498.  
  11499. .ti-clipboard:before {
  11500. content: "\e6b4"
  11501. }
  11502.  
  11503. .ti-car:before {
  11504. content: "\e6b5"
  11505. }
  11506.  
  11507. .ti-calendar:before {
  11508. content: "\e6b6"
  11509. }
  11510.  
  11511. .ti-book:before {
  11512. content: "\e6b7"
  11513. }
  11514.  
  11515. .ti-bell:before {
  11516. content: "\e6b8"
  11517. }
  11518.  
  11519. .ti-basketball:before {
  11520. content: "\e6b9"
  11521. }
  11522.  
  11523. .ti-bar-chart:before {
  11524. content: "\e6ba"
  11525. }
  11526.  
  11527. .ti-bar-chart-alt:before {
  11528. content: "\e6bb"
  11529. }
  11530.  
  11531. .ti-back-right:before {
  11532. content: "\e6bc"
  11533. }
  11534.  
  11535. .ti-back-left:before {
  11536. content: "\e6bd"
  11537. }
  11538.  
  11539. .ti-arrows-corner:before {
  11540. content: "\e6be"
  11541. }
  11542.  
  11543. .ti-archive:before {
  11544. content: "\e6bf"
  11545. }
  11546.  
  11547. .ti-anchor:before {
  11548. content: "\e6c0"
  11549. }
  11550.  
  11551. .ti-align-right:before {
  11552. content: "\e6c1"
  11553. }
  11554.  
  11555. .ti-align-left:before {
  11556. content: "\e6c2"
  11557. }
  11558.  
  11559. .ti-align-justify:before {
  11560. content: "\e6c3"
  11561. }
  11562.  
  11563. .ti-align-center:before {
  11564. content: "\e6c4"
  11565. }
  11566.  
  11567. .ti-alert:before {
  11568. content: "\e6c5"
  11569. }
  11570.  
  11571. .ti-alarm-clock:before {
  11572. content: "\e6c6"
  11573. }
  11574.  
  11575. .ti-agenda:before {
  11576. content: "\e6c7"
  11577. }
  11578.  
  11579. .ti-write:before {
  11580. content: "\e6c8"
  11581. }
  11582.  
  11583. .ti-window:before {
  11584. content: "\e6c9"
  11585. }
  11586.  
  11587. .ti-widgetized:before {
  11588. content: "\e6ca"
  11589. }
  11590.  
  11591. .ti-widget:before {
  11592. content: "\e6cb"
  11593. }
  11594.  
  11595. .ti-widget-alt:before {
  11596. content: "\e6cc"
  11597. }
  11598.  
  11599. .ti-wallet:before {
  11600. content: "\e6cd"
  11601. }
  11602.  
  11603. .ti-video-clapper:before {
  11604. content: "\e6ce"
  11605. }
  11606.  
  11607. .ti-video-camera:before {
  11608. content: "\e6cf"
  11609. }
  11610.  
  11611. .ti-vector:before {
  11612. content: "\e6d0"
  11613. }
  11614.  
  11615. .ti-themify-logo:before {
  11616. content: "\e6d1"
  11617. }
  11618.  
  11619. .ti-themify-favicon:before {
  11620. content: "\e6d2"
  11621. }
  11622.  
  11623. .ti-themify-favicon-alt:before {
  11624. content: "\e6d3"
  11625. }
  11626.  
  11627. .ti-support:before {
  11628. content: "\e6d4"
  11629. }
  11630.  
  11631. .ti-stamp:before {
  11632. content: "\e6d5"
  11633. }
  11634.  
  11635. .ti-split-v-alt:before {
  11636. content: "\e6d6"
  11637. }
  11638.  
  11639. .ti-slice:before {
  11640. content: "\e6d7"
  11641. }
  11642.  
  11643. .ti-shortcode:before {
  11644. content: "\e6d8"
  11645. }
  11646.  
  11647. .ti-shift-right-alt:before {
  11648. content: "\e6d9"
  11649. }
  11650.  
  11651. .ti-shift-left-alt:before {
  11652. content: "\e6da"
  11653. }
  11654.  
  11655. .ti-ruler-alt-2:before {
  11656. content: "\e6db"
  11657. }
  11658.  
  11659. .ti-receipt:before {
  11660. content: "\e6dc"
  11661. }
  11662.  
  11663. .ti-pin2:before {
  11664. content: "\e6dd"
  11665. }
  11666.  
  11667. .ti-pin-alt:before {
  11668. content: "\e6de"
  11669. }
  11670.  
  11671. .ti-pencil-alt2:before {
  11672. content: "\e6df"
  11673. }
  11674.  
  11675. .ti-palette:before {
  11676. content: "\e6e0"
  11677. }
  11678.  
  11679. .ti-more:before {
  11680. content: "\e6e1"
  11681. }
  11682.  
  11683. .ti-more-alt:before {
  11684. content: "\e6e2"
  11685. }
  11686.  
  11687. .ti-microphone-alt:before {
  11688. content: "\e6e3"
  11689. }
  11690.  
  11691. .ti-magnet:before {
  11692. content: "\e6e4"
  11693. }
  11694.  
  11695. .ti-line-double:before {
  11696. content: "\e6e5"
  11697. }
  11698.  
  11699. .ti-line-dotted:before {
  11700. content: "\e6e6"
  11701. }
  11702.  
  11703. .ti-line-dashed:before {
  11704. content: "\e6e7"
  11705. }
  11706.  
  11707. .ti-layout-width-full:before {
  11708. content: "\e6e8"
  11709. }
  11710.  
  11711. .ti-layout-width-default:before {
  11712. content: "\e6e9"
  11713. }
  11714.  
  11715. .ti-layout-width-default-alt:before {
  11716. content: "\e6ea"
  11717. }
  11718.  
  11719. .ti-layout-tab:before {
  11720. content: "\e6eb"
  11721. }
  11722.  
  11723. .ti-layout-tab-window:before {
  11724. content: "\e6ec"
  11725. }
  11726.  
  11727. .ti-layout-tab-v:before {
  11728. content: "\e6ed"
  11729. }
  11730.  
  11731. .ti-layout-tab-min:before {
  11732. content: "\e6ee"
  11733. }
  11734.  
  11735. .ti-layout-slider:before {
  11736. content: "\e6ef"
  11737. }
  11738.  
  11739. .ti-layout-slider-alt:before {
  11740. content: "\e6f0"
  11741. }
  11742.  
  11743. .ti-layout-sidebar-right:before {
  11744. content: "\e6f1"
  11745. }
  11746.  
  11747. .ti-layout-sidebar-none:before {
  11748. content: "\e6f2"
  11749. }
  11750.  
  11751. .ti-layout-sidebar-left:before {
  11752. content: "\e6f3"
  11753. }
  11754.  
  11755. .ti-layout-placeholder:before {
  11756. content: "\e6f4"
  11757. }
  11758.  
  11759. .ti-layout-menu:before {
  11760. content: "\e6f5"
  11761. }
  11762.  
  11763. .ti-layout-menu-v:before {
  11764. content: "\e6f6"
  11765. }
  11766.  
  11767. .ti-layout-menu-separated:before {
  11768. content: "\e6f7"
  11769. }
  11770.  
  11771. .ti-layout-menu-full:before {
  11772. content: "\e6f8"
  11773. }
  11774.  
  11775. .ti-layout-media-right-alt:before {
  11776. content: "\e6f9"
  11777. }
  11778.  
  11779. .ti-layout-media-right:before {
  11780. content: "\e6fa"
  11781. }
  11782.  
  11783. .ti-layout-media-overlay:before {
  11784. content: "\e6fb"
  11785. }
  11786.  
  11787. .ti-layout-media-overlay-alt:before {
  11788. content: "\e6fc"
  11789. }
  11790.  
  11791. .ti-layout-media-overlay-alt-2:before {
  11792. content: "\e6fd"
  11793. }
  11794.  
  11795. .ti-layout-media-left-alt:before {
  11796. content: "\e6fe"
  11797. }
  11798.  
  11799. .ti-layout-media-left:before {
  11800. content: "\e6ff"
  11801. }
  11802.  
  11803. .ti-layout-media-center-alt:before {
  11804. content: "\e700"
  11805. }
  11806.  
  11807. .ti-layout-media-center:before {
  11808. content: "\e701"
  11809. }
  11810.  
  11811. .ti-layout-list-thumb:before {
  11812. content: "\e702"
  11813. }
  11814.  
  11815. .ti-layout-list-thumb-alt:before {
  11816. content: "\e703"
  11817. }
  11818.  
  11819. .ti-layout-list-post:before {
  11820. content: "\e704"
  11821. }
  11822.  
  11823. .ti-layout-list-large-image:before {
  11824. content: "\e705"
  11825. }
  11826.  
  11827. .ti-layout-line-solid:before {
  11828. content: "\e706"
  11829. }
  11830.  
  11831. .ti-layout-grid4:before {
  11832. content: "\e707"
  11833. }
  11834.  
  11835. .ti-layout-grid3:before {
  11836. content: "\e708"
  11837. }
  11838.  
  11839. .ti-layout-grid2:before {
  11840. content: "\e709"
  11841. }
  11842.  
  11843. .ti-layout-grid2-thumb:before {
  11844. content: "\e70a"
  11845. }
  11846.  
  11847. .ti-layout-cta-right:before {
  11848. content: "\e70b"
  11849. }
  11850.  
  11851. .ti-layout-cta-left:before {
  11852. content: "\e70c"
  11853. }
  11854.  
  11855. .ti-layout-cta-center:before {
  11856. content: "\e70d"
  11857. }
  11858.  
  11859. .ti-layout-cta-btn-right:before {
  11860. content: "\e70e"
  11861. }
  11862.  
  11863. .ti-layout-cta-btn-left:before {
  11864. content: "\e70f"
  11865. }
  11866.  
  11867. .ti-layout-column4:before {
  11868. content: "\e710"
  11869. }
  11870.  
  11871. .ti-layout-column3:before {
  11872. content: "\e711"
  11873. }
  11874.  
  11875. .ti-layout-column2:before {
  11876. content: "\e712"
  11877. }
  11878.  
  11879. .ti-layout-accordion-separated:before {
  11880. content: "\e713"
  11881. }
  11882.  
  11883. .ti-layout-accordion-merged:before {
  11884. content: "\e714"
  11885. }
  11886.  
  11887. .ti-layout-accordion-list:before {
  11888. content: "\e715"
  11889. }
  11890.  
  11891. .ti-ink-pen:before {
  11892. content: "\e716"
  11893. }
  11894.  
  11895. .ti-info-alt:before {
  11896. content: "\e717"
  11897. }
  11898.  
  11899. .ti-help-alt:before {
  11900. content: "\e718"
  11901. }
  11902.  
  11903. .ti-headphone-alt:before {
  11904. content: "\e719"
  11905. }
  11906.  
  11907. .ti-hand-point-up:before {
  11908. content: "\e71a"
  11909. }
  11910.  
  11911. .ti-hand-point-right:before {
  11912. content: "\e71b"
  11913. }
  11914.  
  11915. .ti-hand-point-left:before {
  11916. content: "\e71c"
  11917. }
  11918.  
  11919. .ti-hand-point-down:before {
  11920. content: "\e71d"
  11921. }
  11922.  
  11923. .ti-gallery:before {
  11924. content: "\e71e"
  11925. }
  11926.  
  11927. .ti-face-smile:before {
  11928. content: "\e71f"
  11929. }
  11930.  
  11931. .ti-face-sad:before {
  11932. content: "\e720"
  11933. }
  11934.  
  11935. .ti-credit-card:before {
  11936. content: "\e721"
  11937. }
  11938.  
  11939. .ti-control-skip-forward:before {
  11940. content: "\e722"
  11941. }
  11942.  
  11943. .ti-control-skip-backward:before {
  11944. content: "\e723"
  11945. }
  11946.  
  11947. .ti-control-record:before {
  11948. content: "\e724"
  11949. }
  11950.  
  11951. .ti-control-eject:before {
  11952. content: "\e725"
  11953. }
  11954.  
  11955. .ti-comments-smiley:before {
  11956. content: "\e726"
  11957. }
  11958.  
  11959. .ti-brush-alt:before {
  11960. content: "\e727"
  11961. }
  11962.  
  11963. .ti-youtube:before {
  11964. content: "\e728"
  11965. }
  11966.  
  11967. .ti-vimeo:before {
  11968. content: "\e729"
  11969. }
  11970.  
  11971. .ti-twitter:before {
  11972. content: "\e72a"
  11973. }
  11974.  
  11975. .ti-time:before {
  11976. content: "\e72b"
  11977. }
  11978.  
  11979. .ti-tumblr:before {
  11980. content: "\e72c"
  11981. }
  11982.  
  11983. .ti-skype:before {
  11984. content: "\e72d"
  11985. }
  11986.  
  11987. .ti-share:before {
  11988. content: "\e72e"
  11989. }
  11990.  
  11991. .ti-share-alt:before {
  11992. content: "\e72f"
  11993. }
  11994.  
  11995. .ti-rocket:before {
  11996. content: "\e730"
  11997. }
  11998.  
  11999. .ti-pinterest:before {
  12000. content: "\e731"
  12001. }
  12002.  
  12003. .ti-new-window:before {
  12004. content: "\e732"
  12005. }
  12006.  
  12007. .ti-microsoft:before {
  12008. content: "\e733"
  12009. }
  12010.  
  12011. .ti-list-ol:before {
  12012. content: "\e734"
  12013. }
  12014.  
  12015. .ti-linkedin:before {
  12016. content: "\e735"
  12017. }
  12018.  
  12019. .ti-layout-sidebar-2:before {
  12020. content: "\e736"
  12021. }
  12022.  
  12023. .ti-layout-grid4-alt:before {
  12024. content: "\e737"
  12025. }
  12026.  
  12027. .ti-layout-grid3-alt:before {
  12028. content: "\e738"
  12029. }
  12030.  
  12031. .ti-layout-grid2-alt:before {
  12032. content: "\e739"
  12033. }
  12034.  
  12035. .ti-layout-column4-alt:before {
  12036. content: "\e73a"
  12037. }
  12038.  
  12039. .ti-layout-column3-alt:before {
  12040. content: "\e73b"
  12041. }
  12042.  
  12043. .ti-layout-column2-alt:before {
  12044. content: "\e73c"
  12045. }
  12046.  
  12047. .ti-instagram:before {
  12048. content: "\e73d"
  12049. }
  12050.  
  12051. .ti-google:before {
  12052. content: "\e73e"
  12053. }
  12054.  
  12055. .ti-github:before {
  12056. content: "\e73f"
  12057. }
  12058.  
  12059. .ti-flickr:before {
  12060. content: "\e740"
  12061. }
  12062.  
  12063. .ti-facebook:before {
  12064. content: "\e741"
  12065. }
  12066.  
  12067. .ti-dropbox:before {
  12068. content: "\e742"
  12069. }
  12070.  
  12071. .ti-dribbble:before {
  12072. content: "\e743"
  12073. }
  12074.  
  12075. .ti-apple:before {
  12076. content: "\e744"
  12077. }
  12078.  
  12079. .ti-android:before {
  12080. content: "\e745"
  12081. }
  12082.  
  12083. .ti-save:before {
  12084. content: "\e746"
  12085. }
  12086.  
  12087. .ti-save-alt:before {
  12088. content: "\e747"
  12089. }
  12090.  
  12091. .ti-yahoo:before {
  12092. content: "\e748"
  12093. }
  12094.  
  12095. .ti-wordpress:before {
  12096. content: "\e749"
  12097. }
  12098.  
  12099. .ti-vimeo-alt:before {
  12100. content: "\e74a"
  12101. }
  12102.  
  12103. .ti-twitter-alt:before {
  12104. content: "\e74b"
  12105. }
  12106.  
  12107. .ti-tumblr-alt:before {
  12108. content: "\e74c"
  12109. }
  12110.  
  12111. .ti-trello:before {
  12112. content: "\e74d"
  12113. }
  12114.  
  12115. .ti-stack-overflow:before {
  12116. content: "\e74e"
  12117. }
  12118.  
  12119. .ti-soundcloud:before {
  12120. content: "\e74f"
  12121. }
  12122.  
  12123. .ti-sharethis:before {
  12124. content: "\e750"
  12125. }
  12126.  
  12127. .ti-sharethis-alt:before {
  12128. content: "\e751"
  12129. }
  12130.  
  12131. .ti-reddit:before {
  12132. content: "\e752"
  12133. }
  12134.  
  12135. .ti-pinterest-alt:before {
  12136. content: "\e753"
  12137. }
  12138.  
  12139. .ti-microsoft-alt:before {
  12140. content: "\e754"
  12141. }
  12142.  
  12143. .ti-linux:before {
  12144. content: "\e755"
  12145. }
  12146.  
  12147. .ti-jsfiddle:before {
  12148. content: "\e756"
  12149. }
  12150.  
  12151. .ti-joomla:before {
  12152. content: "\e757"
  12153. }
  12154.  
  12155. .ti-html5:before {
  12156. content: "\e758"
  12157. }
  12158.  
  12159. .ti-flickr-alt:before {
  12160. content: "\e759"
  12161. }
  12162.  
  12163. .ti-email:before {
  12164. content: "\e75a"
  12165. }
  12166.  
  12167. .ti-drupal:before {
  12168. content: "\e75b"
  12169. }
  12170.  
  12171. .ti-dropbox-alt:before {
  12172. content: "\e75c"
  12173. }
  12174.  
  12175. .ti-css3:before {
  12176. content: "\e75d"
  12177. }
  12178.  
  12179. .ti-rss:before {
  12180. content: "\e75e"
  12181. }
  12182.  
  12183. .ti-rss-alt:before {
  12184. content: "\e75f"
  12185. }
  12186.  
  12187.  
  12188. /*! Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch Licensed under () */
  12189.  
  12190. .owl-carousel,
  12191. .owl-carousel .owl-item {
  12192. -webkit-tap-highlight-color: transparent;
  12193. position: relative
  12194. }
  12195.  
  12196. .owl-carousel {
  12197. display: none;
  12198. width: 100%;
  12199. z-index: 1
  12200. }
  12201.  
  12202. .owl-carousel .owl-stage {
  12203. position: relative;
  12204. -ms-touch-action: pan-Y;
  12205. -moz-backface-visibility: hidden
  12206. }
  12207.  
  12208. .owl-carousel .owl-stage:after {
  12209. content: ".";
  12210. display: block;
  12211. clear: both;
  12212. visibility: hidden;
  12213. line-height: 0;
  12214. height: 0
  12215. }
  12216.  
  12217. .owl-carousel .owl-stage-outer {
  12218. position: relative;
  12219. overflow: hidden;
  12220. -webkit-transform: translate3d(0, 0, 0)
  12221. }
  12222.  
  12223. .owl-carousel .owl-item,
  12224. .owl-carousel .owl-wrapper {
  12225. -webkit-backface-visibility: hidden;
  12226. -moz-backface-visibility: hidden;
  12227. -ms-backface-visibility: hidden;
  12228. -webkit-transform: translate3d(0, 0, 0);
  12229. -moz-transform: translate3d(0, 0, 0);
  12230. -ms-transform: translate3d(0, 0, 0)
  12231. }
  12232.  
  12233. .owl-carousel .owl-item {
  12234. min-height: 1px;
  12235. float: left;
  12236. -webkit-backface-visibility: hidden;
  12237. -webkit-touch-callout: none
  12238. }
  12239.  
  12240. .owl-carousel .owl-item img {
  12241. display: block;
  12242. width: 100%
  12243. }
  12244.  
  12245. .owl-carousel .owl-dots.disabled,
  12246. .owl-carousel .owl-nav.disabled {
  12247. display: none
  12248. }
  12249.  
  12250. .no-js .owl-carousel,
  12251. .owl-carousel.owl-loaded {
  12252. display: block
  12253. }
  12254.  
  12255. .owl-carousel .owl-dot,
  12256. .owl-carousel .owl-nav .owl-next,
  12257. .owl-carousel .owl-nav .owl-prev {
  12258. cursor: pointer;
  12259. cursor: hand;
  12260. -webkit-user-select: none;
  12261. -khtml-user-select: none;
  12262. -moz-user-select: none;
  12263. -ms-user-select: none;
  12264. user-select: none
  12265. }
  12266.  
  12267. .owl-carousel.owl-loading {
  12268. opacity: 0;
  12269. display: block
  12270. }
  12271.  
  12272. .owl-carousel.owl-hidden {
  12273. opacity: 0
  12274. }
  12275.  
  12276. .owl-carousel.owl-refresh .owl-item {
  12277. visibility: hidden
  12278. }
  12279.  
  12280. .owl-carousel.owl-drag .owl-item {
  12281. -webkit-user-select: none;
  12282. -moz-user-select: none;
  12283. -ms-user-select: none;
  12284. user-select: none
  12285. }
  12286.  
  12287. .owl-carousel.owl-grab {
  12288. cursor: move;
  12289. cursor: grab
  12290. }
  12291.  
  12292. .owl-carousel.owl-rtl {
  12293. direction: rtl
  12294. }
  12295.  
  12296. .owl-carousel.owl-rtl .owl-item {
  12297. float: right
  12298. }
  12299.  
  12300. .owl-carousel .animated {
  12301. animation-duration: 1s;
  12302. animation-fill-mode: both
  12303. }
  12304.  
  12305. .owl-carousel .owl-animated-in {
  12306. z-index: 0
  12307. }
  12308.  
  12309. .owl-carousel .owl-animated-out {
  12310. z-index: 1
  12311. }
  12312.  
  12313. .owl-carousel .fadeOut {
  12314. animation-name: fadeOut
  12315. }
  12316.  
  12317. @keyframes fadeOut {
  12318. 0% {
  12319. opacity: 1
  12320. }
  12321. 100% {
  12322. opacity: 0
  12323. }
  12324. }
  12325.  
  12326. .owl-height {
  12327. transition: height .5s ease-in-out
  12328. }
  12329.  
  12330. .owl-carousel .owl-item .owl-lazy {
  12331. opacity: 0;
  12332. transition: opacity .4s ease
  12333. }
  12334.  
  12335. .owl-carousel .owl-item img.owl-lazy {
  12336. transform-style: preserve-3d
  12337. }
  12338.  
  12339. .owl-carousel .owl-video-wrapper {
  12340. position: relative;
  12341. height: 100%;
  12342. background: #000
  12343. }
  12344.  
  12345. .owl-carousel .owl-video-play-icon {
  12346. position: absolute;
  12347. height: 80px;
  12348. width: 80px;
  12349. left: 50%;
  12350. top: 50%;
  12351. margin-left: -40px;
  12352. margin-top: -40px;
  12353. background: url(owl.video.play.png) no-repeat;
  12354. cursor: pointer;
  12355. z-index: 1;
  12356. -webkit-backface-visibility: hidden;
  12357. transition: transform .1s ease
  12358. }
  12359.  
  12360. .owl-carousel .owl-video-play-icon:hover {
  12361. -ms-transform: scale(1.3, 1.3);
  12362. transform: scale(1.3, 1.3)
  12363. }
  12364.  
  12365. .owl-carousel .owl-video-playing .owl-video-play-icon,
  12366. .owl-carousel .owl-video-playing .owl-video-tn {
  12367. display: none
  12368. }
  12369.  
  12370. .owl-carousel .owl-video-tn {
  12371. opacity: 0;
  12372. height: 100%;
  12373. background-position: center center;
  12374. background-repeat: no-repeat;
  12375. background-size: contain;
  12376. transition: opacity .4s ease
  12377. }
  12378.  
  12379. .owl-carousel .owl-video-frame {
  12380. position: relative;
  12381. z-index: 1;
  12382. height: 100%;
  12383. width: 100%
  12384. }
  12385.  
  12386. .owl-theme .owl-dots,
  12387. .owl-theme .owl-nav {
  12388. text-align: center;
  12389. -webkit-tap-highlight-color: transparent
  12390. }
  12391.  
  12392. .owl-theme .owl-nav {
  12393. margin-top: 10px
  12394. }
  12395.  
  12396. .owl-theme .owl-nav [class*=owl-] {
  12397. color: #FFF;
  12398. font-size: 14px;
  12399. margin: 5px;
  12400. padding: 4px 7px;
  12401. background: #D6D6D6;
  12402. display: inline-block;
  12403. cursor: pointer;
  12404. border-radius: 3px
  12405. }
  12406.  
  12407. .owl-theme .owl-nav [class*=owl-]:hover {
  12408. background: #869791;
  12409. color: #FFF;
  12410. text-decoration: none
  12411. }
  12412.  
  12413. .owl-theme .owl-nav .disabled {
  12414. opacity: .5;
  12415. cursor: default
  12416. }
  12417.  
  12418. .owl-theme .owl-nav.disabled+.owl-dots {
  12419. margin-top: 10px
  12420. }
  12421.  
  12422. .owl-theme .owl-dots .owl-dot {
  12423. display: inline-block;
  12424. zoom: 1
  12425. }
  12426.  
  12427. .owl-theme .owl-dots .owl-dot span {
  12428. width: 10px;
  12429. height: 10px;
  12430. margin: 5px 7px;
  12431. background: #D6D6D6;
  12432. display: block;
  12433. -webkit-backface-visibility: visible;
  12434. transition: opacity .2s ease;
  12435. border-radius: 30px
  12436. }
  12437.  
  12438. .owl-theme .owl-dots .owl-dot.active span,
  12439. .owl-theme .owl-dots .owl-dot:hover span {
  12440. background: #869791
  12441. }
  12442.  
  12443.  
  12444. /*! * Animate.css - Copyright (c) 2017 Daniel Eden */
  12445.  
  12446. .animated {
  12447. animation-duration: 1s;
  12448. animation-fill-mode: both
  12449. }
  12450.  
  12451. .animated.infinite {
  12452. animation-iteration-count: infinite
  12453. }
  12454.  
  12455. .animated.hinge {
  12456. animation-duration: 2s
  12457. }
  12458.  
  12459. .animated.bounceIn,
  12460. .animated.bounceOut,
  12461. .animated.flipOutX,
  12462. .animated.flipOutY {
  12463. animation-duration: .75s
  12464. }
  12465.  
  12466. @keyframes bounce {
  12467. 20%,
  12468. 53%,
  12469. 80%,
  12470. from,
  12471. to {
  12472. animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  12473. transform: translate3d(0, 0, 0)
  12474. }
  12475. 40%,
  12476. 43% {
  12477. animation-timing-function: cubic-bezier(.755, .050, .855, .060);
  12478. transform: translate3d(0, -30px, 0)
  12479. }
  12480. 70% {
  12481. animation-timing-function: cubic-bezier(.755, .050, .855, .060);
  12482. transform: translate3d(0, -15px, 0)
  12483. }
  12484. 90% {
  12485. transform: translate3d(0, -4px, 0)
  12486. }
  12487. }
  12488.  
  12489. .bounce {
  12490. animation-name: bounce;
  12491. transform-origin: center bottom
  12492. }
  12493.  
  12494. @keyframes flash {
  12495. 50%,
  12496. from,
  12497. to {
  12498. opacity: 1
  12499. }
  12500. 25%,
  12501. 75% {
  12502. opacity: 0
  12503. }
  12504. }
  12505.  
  12506. .flash {
  12507. animation-name: flash
  12508. }
  12509.  
  12510. @keyframes pulse {
  12511. from,
  12512. to {
  12513. transform: scale3d(1, 1, 1)
  12514. }
  12515. 50% {
  12516. transform: scale3d(1.05, 1.05, 1.05)
  12517. }
  12518. }
  12519.  
  12520. .pulse {
  12521. animation-name: pulse
  12522. }
  12523.  
  12524. @keyframes rubberBand {
  12525. from,
  12526. to {
  12527. transform: scale3d(1, 1, 1)
  12528. }
  12529. 30% {
  12530. transform: scale3d(1.25, .75, 1)
  12531. }
  12532. 40% {
  12533. transform: scale3d(.75, 1.25, 1)
  12534. }
  12535. 50% {
  12536. transform: scale3d(1.15, .85, 1)
  12537. }
  12538. 65% {
  12539. transform: scale3d(.95, 1.05, 1)
  12540. }
  12541. 75% {
  12542. transform: scale3d(1.05, .95, 1)
  12543. }
  12544. }
  12545.  
  12546. .rubberBand {
  12547. animation-name: rubberBand
  12548. }
  12549.  
  12550. @keyframes shake {
  12551. from,
  12552. to {
  12553. transform: translate3d(0, 0, 0)
  12554. }
  12555. 10%,
  12556. 30%,
  12557. 50%,
  12558. 70%,
  12559. 90% {
  12560. transform: translate3d(-10px, 0, 0)
  12561. }
  12562. 20%,
  12563. 40%,
  12564. 60%,
  12565. 80% {
  12566. transform: translate3d(10px, 0, 0)
  12567. }
  12568. }
  12569.  
  12570. .shake {
  12571. animation-name: shake
  12572. }
  12573.  
  12574. @keyframes headShake {
  12575. 0% {
  12576. transform: translateX(0)
  12577. }
  12578. 6.5% {
  12579. transform: translateX(-6px) rotateY(-9deg)
  12580. }
  12581. 18.5% {
  12582. transform: translateX(5px) rotateY(7deg)
  12583. }
  12584. 31.5% {
  12585. transform: translateX(-3px) rotateY(-5deg)
  12586. }
  12587. 43.5% {
  12588. transform: translateX(2px) rotateY(3deg)
  12589. }
  12590. 50% {
  12591. transform: translateX(0)
  12592. }
  12593. }
  12594.  
  12595. .headShake {
  12596. animation-timing-function: ease-in-out;
  12597. animation-name: headShake
  12598. }
  12599.  
  12600. @keyframes swing {
  12601. 20% {
  12602. transform: rotate3d(0, 0, 1, 15deg)
  12603. }
  12604. 40% {
  12605. transform: rotate3d(0, 0, 1, -10deg)
  12606. }
  12607. 60% {
  12608. transform: rotate3d(0, 0, 1, 5deg)
  12609. }
  12610. 80% {
  12611. transform: rotate3d(0, 0, 1, -5deg)
  12612. }
  12613. to {
  12614. transform: rotate3d(0, 0, 1, 0deg)
  12615. }
  12616. }
  12617.  
  12618. .swing {
  12619. transform-origin: top center;
  12620. animation-name: swing
  12621. }
  12622.  
  12623. @keyframes tada {
  12624. from,
  12625. to {
  12626. transform: scale3d(1, 1, 1)
  12627. }
  12628. 10%,
  12629. 20% {
  12630. transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  12631. }
  12632. 30%,
  12633. 50%,
  12634. 70%,
  12635. 90% {
  12636. transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  12637. }
  12638. 40%,
  12639. 60%,
  12640. 80% {
  12641. transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  12642. }
  12643. }
  12644.  
  12645. .tada {
  12646. animation-name: tada
  12647. }
  12648.  
  12649. @keyframes wobble {
  12650. from,
  12651. to {
  12652. transform: none
  12653. }
  12654. 15% {
  12655. transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  12656. }
  12657. 30% {
  12658. transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  12659. }
  12660. 45% {
  12661. transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  12662. }
  12663. 60% {
  12664. transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  12665. }
  12666. 75% {
  12667. transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  12668. }
  12669. }
  12670.  
  12671. .wobble {
  12672. animation-name: wobble
  12673. }
  12674.  
  12675. @keyframes jello {
  12676. 11.1%,
  12677. from,
  12678. to {
  12679. transform: none
  12680. }
  12681. 22.2% {
  12682. transform: skewX(-12.5deg) skewY(-12.5deg)
  12683. }
  12684. 33.3% {
  12685. transform: skewX(6.25deg) skewY(6.25deg)
  12686. }
  12687. 44.4% {
  12688. transform: skewX(-3.125deg) skewY(-3.125deg)
  12689. }
  12690. 55.5% {
  12691. transform: skewX(1.5625deg) skewY(1.5625deg)
  12692. }
  12693. 66.6% {
  12694. transform: skewX(-.78125deg) skewY(-.78125deg)
  12695. }
  12696. 77.7% {
  12697. transform: skewX(.390625deg) skewY(.390625deg)
  12698. }
  12699. 88.8% {
  12700. transform: skewX(-.1953125deg) skewY(-.1953125deg)
  12701. }
  12702. }
  12703.  
  12704. .jello {
  12705. animation-name: jello;
  12706. transform-origin: center
  12707. }
  12708.  
  12709. @keyframes bounceIn {
  12710. 20%,
  12711. 40%,
  12712. 60%,
  12713. 80%,
  12714. from,
  12715. to {
  12716. animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  12717. }
  12718. 0% {
  12719. opacity: 0;
  12720. transform: scale3d(.3, .3, .3)
  12721. }
  12722. 20% {
  12723. transform: scale3d(1.1, 1.1, 1.1)
  12724. }
  12725. 40% {
  12726. transform: scale3d(.9, .9, .9)
  12727. }
  12728. 60% {
  12729. opacity: 1;
  12730. transform: scale3d(1.03, 1.03, 1.03)
  12731. }
  12732. 80% {
  12733. transform: scale3d(.97, .97, .97)
  12734. }
  12735. to {
  12736. opacity: 1;
  12737. transform: scale3d(1, 1, 1)
  12738. }
  12739. }
  12740.  
  12741. .bounceIn {
  12742. animation-name: bounceIn
  12743. }
  12744.  
  12745. @keyframes bounceInDown {
  12746. 60%,
  12747. 75%,
  12748. 90%,
  12749. from,
  12750. to {
  12751. animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  12752. }
  12753. 0% {
  12754. opacity: 0;
  12755. transform: translate3d(0, -3000px, 0)
  12756. }
  12757. 60% {
  12758. opacity: 1;
  12759. transform: translate3d(0, 25px, 0)
  12760. }
  12761. 75% {
  12762. transform: translate3d(0, -10px, 0)
  12763. }
  12764. 90% {
  12765. transform: translate3d(0, 5px, 0)
  12766. }
  12767. to {
  12768. transform: none
  12769. }
  12770. }
  12771.  
  12772. .bounceInDown {
  12773. animation-name: bounceInDown
  12774. }
  12775.  
  12776. @keyframes bounceInLeft {
  12777. 60%,
  12778. 75%,
  12779. 90%,
  12780. from,
  12781. to {
  12782. animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  12783. }
  12784. 0% {
  12785. opacity: 0;
  12786. transform: translate3d(-3000px, 0, 0)
  12787. }
  12788. 60% {
  12789. opacity: 1;
  12790. transform: translate3d(25px, 0, 0)
  12791. }
  12792. 75% {
  12793. transform: translate3d(-10px, 0, 0)
  12794. }
  12795. 90% {
  12796. transform: translate3d(5px, 0, 0)
  12797. }
  12798. to {
  12799. transform: none
  12800. }
  12801. }
  12802.  
  12803. .bounceInLeft {
  12804. animation-name: bounceInLeft
  12805. }
  12806.  
  12807. @keyframes bounceInRight {
  12808. 60%,
  12809. 75%,
  12810. 90%,
  12811. from,
  12812. to {
  12813. animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  12814. }
  12815. from {
  12816. opacity: 0;
  12817. transform: translate3d(3000px, 0, 0)
  12818. }
  12819. 60% {
  12820. opacity: 1;
  12821. transform: translate3d(-25px, 0, 0)
  12822. }
  12823. 75% {
  12824. transform: translate3d(10px, 0, 0)
  12825. }
  12826. 90% {
  12827. transform: translate3d(-5px, 0, 0)
  12828. }
  12829. to {
  12830. transform: none
  12831. }
  12832. }
  12833.  
  12834. .bounceInRight {
  12835. animation-name: bounceInRight
  12836. }
  12837.  
  12838. @keyframes bounceInUp {
  12839. 60%,
  12840. 75%,
  12841. 90%,
  12842. from,
  12843. to {
  12844. animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  12845. }
  12846. from {
  12847. opacity: 0;
  12848. transform: translate3d(0, 3000px, 0)
  12849. }
  12850. 60% {
  12851. opacity: 1;
  12852. transform: translate3d(0, -20px, 0)
  12853. }
  12854. 75% {
  12855. transform: translate3d(0, 10px, 0)
  12856. }
  12857. 90% {
  12858. transform: translate3d(0, -5px, 0)
  12859. }
  12860. to {
  12861. transform: translate3d(0, 0, 0)
  12862. }
  12863. }
  12864.  
  12865. .bounceInUp {
  12866. animation-name: bounceInUp
  12867. }
  12868.  
  12869. @keyframes bounceOut {
  12870. 20% {
  12871. transform: scale3d(.9, .9, .9)
  12872. }
  12873. 50%,
  12874. 55% {
  12875. opacity: 1;
  12876. transform: scale3d(1.1, 1.1, 1.1)
  12877. }
  12878. to {
  12879. opacity: 0;
  12880. transform: scale3d(.3, .3, .3)
  12881. }
  12882. }
  12883.  
  12884. .bounceOut {
  12885. animation-name: bounceOut
  12886. }
  12887.  
  12888. @keyframes bounceOutDown {
  12889. 20% {
  12890. transform: translate3d(0, 10px, 0)
  12891. }
  12892. 40%,
  12893. 45% {
  12894. opacity: 1;
  12895. transform: translate3d(0, -20px, 0)
  12896. }
  12897. to {
  12898. opacity: 0;
  12899. transform: translate3d(0, 2000px, 0)
  12900. }
  12901. }
  12902.  
  12903. .bounceOutDown {
  12904. animation-name: bounceOutDown
  12905. }
  12906.  
  12907. @keyframes bounceOutLeft {
  12908. 20% {
  12909. opacity: 1;
  12910. transform: translate3d(20px, 0, 0)
  12911. }
  12912. to {
  12913. opacity: 0;
  12914. transform: translate3d(-2000px, 0, 0)
  12915. }
  12916. }
  12917.  
  12918. .bounceOutLeft {
  12919. animation-name: bounceOutLeft
  12920. }
  12921.  
  12922. @keyframes bounceOutRight {
  12923. 20% {
  12924. opacity: 1;
  12925. transform: translate3d(-20px, 0, 0)
  12926. }
  12927. to {
  12928. opacity: 0;
  12929. transform: translate3d(2000px, 0, 0)
  12930. }
  12931. }
  12932.  
  12933. .bounceOutRight {
  12934. animation-name: bounceOutRight
  12935. }
  12936.  
  12937. @keyframes bounceOutUp {
  12938. 20% {
  12939. transform: translate3d(0, -10px, 0)
  12940. }
  12941. 40%,
  12942. 45% {
  12943. opacity: 1;
  12944. transform: translate3d(0, 20px, 0)
  12945. }
  12946. to {
  12947. opacity: 0;
  12948. transform: translate3d(0, -2000px, 0)
  12949. }
  12950. }
  12951.  
  12952. .bounceOutUp {
  12953. animation-name: bounceOutUp
  12954. }
  12955.  
  12956. @keyframes fadeIn {
  12957. from {
  12958. opacity: 0
  12959. }
  12960. to {
  12961. opacity: 1
  12962. }
  12963. }
  12964.  
  12965. .fadeIn {
  12966. animation-name: fadeIn
  12967. }
  12968.  
  12969. @keyframes fadeInDown {
  12970. from {
  12971. opacity: 0;
  12972. transform: translate3d(0, -100%, 0)
  12973. }
  12974. to {
  12975. opacity: 1;
  12976. transform: none
  12977. }
  12978. }
  12979.  
  12980. .fadeInDown {
  12981. animation-name: fadeInDown
  12982. }
  12983.  
  12984. @keyframes fadeInDownBig {
  12985. from {
  12986. opacity: 0;
  12987. transform: translate3d(0, -2000px, 0)
  12988. }
  12989. to {
  12990. opacity: 1;
  12991. transform: none
  12992. }
  12993. }
  12994.  
  12995. .fadeInDownBig {
  12996. animation-name: fadeInDownBig
  12997. }
  12998.  
  12999. @keyframes fadeInLeft {
  13000. from {
  13001. opacity: 0;
  13002. transform: translate3d(-100%, 0, 0)
  13003. }
  13004. to {
  13005. opacity: 1;
  13006. transform: none
  13007. }
  13008. }
  13009.  
  13010. .fadeInLeft {
  13011. animation-name: fadeInLeft
  13012. }
  13013.  
  13014. @keyframes fadeInLeftBig {
  13015. from {
  13016. opacity: 0;
  13017. transform: translate3d(-2000px, 0, 0)
  13018. }
  13019. to {
  13020. opacity: 1;
  13021. transform: none
  13022. }
  13023. }
  13024.  
  13025. .fadeInLeftBig {
  13026. animation-name: fadeInLeftBig
  13027. }
  13028.  
  13029. @keyframes fadeInRight {
  13030. from {
  13031. opacity: 0;
  13032. transform: translate3d(100%, 0, 0)
  13033. }
  13034. to {
  13035. opacity: 1;
  13036. transform: none
  13037. }
  13038. }
  13039.  
  13040. .fadeInRight {
  13041. animation-name: fadeInRight
  13042. }
  13043.  
  13044. @keyframes fadeInRightBig {
  13045. from {
  13046. opacity: 0;
  13047. transform: translate3d(2000px, 0, 0)
  13048. }
  13049. to {
  13050. opacity: 1;
  13051. transform: none
  13052. }
  13053. }
  13054.  
  13055. .fadeInRightBig {
  13056. animation-name: fadeInRightBig
  13057. }
  13058.  
  13059. @keyframes fadeInUp {
  13060. from {
  13061. opacity: 0;
  13062. transform: translate3d(0, 100%, 0)
  13063. }
  13064. to {
  13065. opacity: 1;
  13066. transform: none
  13067. }
  13068. }
  13069.  
  13070. .fadeInUp {
  13071. animation-name: fadeInUp
  13072. }
  13073.  
  13074. @keyframes fadeInUpBig {
  13075. from {
  13076. opacity: 0;
  13077. transform: translate3d(0, 2000px, 0)
  13078. }
  13079. to {
  13080. opacity: 1;
  13081. transform: none
  13082. }
  13083. }
  13084.  
  13085. .fadeInUpBig {
  13086. animation-name: fadeInUpBig
  13087. }
  13088.  
  13089. @keyframes fadeOut {
  13090. from {
  13091. opacity: 1
  13092. }
  13093. to {
  13094. opacity: 0
  13095. }
  13096. }
  13097.  
  13098. .fadeOut {
  13099. animation-name: fadeOut
  13100. }
  13101.  
  13102. @keyframes fadeOutDown {
  13103. from {
  13104. opacity: 1
  13105. }
  13106. to {
  13107. opacity: 0;
  13108. transform: translate3d(0, 100%, 0)
  13109. }
  13110. }
  13111.  
  13112. .fadeOutDown {
  13113. animation-name: fadeOutDown
  13114. }
  13115.  
  13116. @keyframes fadeOutDownBig {
  13117. from {
  13118. opacity: 1
  13119. }
  13120. to {
  13121. opacity: 0;
  13122. transform: translate3d(0, 2000px, 0)
  13123. }
  13124. }
  13125.  
  13126. .fadeOutDownBig {
  13127. animation-name: fadeOutDownBig
  13128. }
  13129.  
  13130. @keyframes fadeOutLeft {
  13131. from {
  13132. opacity: 1
  13133. }
  13134. to {
  13135. opacity: 0;
  13136. transform: translate3d(-100%, 0, 0)
  13137. }
  13138. }
  13139.  
  13140. .fadeOutLeft {
  13141. animation-name: fadeOutLeft
  13142. }
  13143.  
  13144. @keyframes fadeOutLeftBig {
  13145. from {
  13146. opacity: 1
  13147. }
  13148. to {
  13149. opacity: 0;
  13150. transform: translate3d(-2000px, 0, 0)
  13151. }
  13152. }
  13153.  
  13154. .fadeOutLeftBig {
  13155. animation-name: fadeOutLeftBig
  13156. }
  13157.  
  13158. @keyframes fadeOutRight {
  13159. from {
  13160. opacity: 1
  13161. }
  13162. to {
  13163. opacity: 0;
  13164. transform: translate3d(100%, 0, 0)
  13165. }
  13166. }
  13167.  
  13168. .fadeOutRight {
  13169. animation-name: fadeOutRight
  13170. }
  13171.  
  13172. @keyframes fadeOutRightBig {
  13173. from {
  13174. opacity: 1
  13175. }
  13176. to {
  13177. opacity: 0;
  13178. transform: translate3d(2000px, 0, 0)
  13179. }
  13180. }
  13181.  
  13182. .fadeOutRightBig {
  13183. animation-name: fadeOutRightBig
  13184. }
  13185.  
  13186. @keyframes fadeOutUp {
  13187. from {
  13188. opacity: 1
  13189. }
  13190. to {
  13191. opacity: 0;
  13192. transform: translate3d(0, -100%, 0)
  13193. }
  13194. }
  13195.  
  13196. .fadeOutUp {
  13197. animation-name: fadeOutUp
  13198. }
  13199.  
  13200. @keyframes fadeOutUpBig {
  13201. from {
  13202. opacity: 1
  13203. }
  13204. to {
  13205. opacity: 0;
  13206. transform: translate3d(0, -2000px, 0)
  13207. }
  13208. }
  13209.  
  13210. .fadeOutUpBig {
  13211. animation-name: fadeOutUpBig
  13212. }
  13213.  
  13214. @keyframes flip {
  13215. from {
  13216. transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  13217. animation-timing-function: ease-out
  13218. }
  13219. 40% {
  13220. transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
  13221. animation-timing-function: ease-out
  13222. }
  13223. 50% {
  13224. transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
  13225. animation-timing-function: ease-in
  13226. }
  13227. 80% {
  13228. transform: perspective(400px) scale3d(.95, .95, .95);
  13229. animation-timing-function: ease-in
  13230. }
  13231. to {
  13232. transform: perspective(400px);
  13233. animation-timing-function: ease-in
  13234. }
  13235. }
  13236.  
  13237. .animated.flip {
  13238. -webkit-backface-visibility: visible;
  13239. backface-visibility: visible;
  13240. animation-name: flip
  13241. }
  13242.  
  13243. @keyframes flipInX {
  13244. from {
  13245. transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  13246. animation-timing-function: ease-in;
  13247. opacity: 0
  13248. }
  13249. 40% {
  13250. transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  13251. animation-timing-function: ease-in
  13252. }
  13253. 60% {
  13254. transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  13255. opacity: 1
  13256. }
  13257. 80% {
  13258. transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  13259. }
  13260. to {
  13261. transform: perspective(400px)
  13262. }
  13263. }
  13264.  
  13265. .flipInX {
  13266. -webkit-backface-visibility: visible!important;
  13267. backface-visibility: visible!important;
  13268. animation-name: flipInX
  13269. }
  13270.  
  13271. .flipInY,
  13272. .flipOutX {
  13273. -webkit-backface-visibility: visible!important
  13274. }
  13275.  
  13276. @keyframes flipInY {
  13277. from {
  13278. transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  13279. animation-timing-function: ease-in;
  13280. opacity: 0
  13281. }
  13282. 40% {
  13283. transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  13284. animation-timing-function: ease-in
  13285. }
  13286. 60% {
  13287. transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  13288. opacity: 1
  13289. }
  13290. 80% {
  13291. transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  13292. }
  13293. to {
  13294. transform: perspective(400px)
  13295. }
  13296. }
  13297.  
  13298. .flipInY {
  13299. backface-visibility: visible!important;
  13300. animation-name: flipInY
  13301. }
  13302.  
  13303. @keyframes flipOutX {
  13304. from {
  13305. transform: perspective(400px)
  13306. }
  13307. 30% {
  13308. transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  13309. opacity: 1
  13310. }
  13311. to {
  13312. transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  13313. opacity: 0
  13314. }
  13315. }
  13316.  
  13317. .flipOutX {
  13318. animation-name: flipOutX;
  13319. backface-visibility: visible!important
  13320. }
  13321.  
  13322. @keyframes flipOutY {
  13323. from {
  13324. transform: perspective(400px)
  13325. }
  13326. 30% {
  13327. transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
  13328. opacity: 1
  13329. }
  13330. to {
  13331. transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  13332. opacity: 0
  13333. }
  13334. }
  13335.  
  13336. .flipOutY {
  13337. -webkit-backface-visibility: visible!important;
  13338. backface-visibility: visible!important;
  13339. animation-name: flipOutY
  13340. }
  13341.  
  13342. @keyframes lightSpeedIn {
  13343. from {
  13344. transform: translate3d(100%, 0, 0) skewX(-30deg);
  13345. opacity: 0
  13346. }
  13347. 60% {
  13348. transform: skewX(20deg);
  13349. opacity: 1
  13350. }
  13351. 80% {
  13352. transform: skewX(-5deg);
  13353. opacity: 1
  13354. }
  13355. to {
  13356. transform: none;
  13357. opacity: 1
  13358. }
  13359. }
  13360.  
  13361. .lightSpeedIn {
  13362. animation-name: lightSpeedIn;
  13363. animation-timing-function: ease-out
  13364. }
  13365.  
  13366. @keyframes lightSpeedOut {
  13367. from {
  13368. opacity: 1
  13369. }
  13370. to {
  13371. transform: translate3d(100%, 0, 0) skewX(30deg);
  13372. opacity: 0
  13373. }
  13374. }
  13375.  
  13376. .lightSpeedOut {
  13377. animation-name: lightSpeedOut;
  13378. animation-timing-function: ease-in
  13379. }
  13380.  
  13381. @keyframes rotateIn {
  13382. from {
  13383. transform-origin: center;
  13384. transform: rotate3d(0, 0, 1, -200deg);
  13385. opacity: 0
  13386. }
  13387. to {
  13388. transform-origin: center;
  13389. transform: none;
  13390. opacity: 1
  13391. }
  13392. }
  13393.  
  13394. .rotateIn {
  13395. animation-name: rotateIn
  13396. }
  13397.  
  13398. @keyframes rotateInDownLeft {
  13399. from {
  13400. transform-origin: left bottom;
  13401. transform: rotate3d(0, 0, 1, -45deg);
  13402. opacity: 0
  13403. }
  13404. to {
  13405. transform-origin: left bottom;
  13406. transform: none;
  13407. opacity: 1
  13408. }
  13409. }
  13410.  
  13411. .rotateInDownLeft {
  13412. animation-name: rotateInDownLeft
  13413. }
  13414.  
  13415. @keyframes rotateInDownRight {
  13416. from {
  13417. transform-origin: right bottom;
  13418. transform: rotate3d(0, 0, 1, 45deg);
  13419. opacity: 0
  13420. }
  13421. to {
  13422. transform-origin: right bottom;
  13423. transform: none;
  13424. opacity: 1
  13425. }
  13426. }
  13427.  
  13428. .rotateInDownRight {
  13429. animation-name: rotateInDownRight
  13430. }
  13431.  
  13432. @keyframes rotateInUpLeft {
  13433. from {
  13434. transform-origin: left bottom;
  13435. transform: rotate3d(0, 0, 1, 45deg);
  13436. opacity: 0
  13437. }
  13438. to {
  13439. transform-origin: left bottom;
  13440. transform: none;
  13441. opacity: 1
  13442. }
  13443. }
  13444.  
  13445. .rotateInUpLeft {
  13446. animation-name: rotateInUpLeft
  13447. }
  13448.  
  13449. @keyframes rotateInUpRight {
  13450. from {
  13451. transform-origin: right bottom;
  13452. transform: rotate3d(0, 0, 1, -90deg);
  13453. opacity: 0
  13454. }
  13455. to {
  13456. transform-origin: right bottom;
  13457. transform: none;
  13458. opacity: 1
  13459. }
  13460. }
  13461.  
  13462. .rotateInUpRight {
  13463. animation-name: rotateInUpRight
  13464. }
  13465.  
  13466. @keyframes rotateOut {
  13467. from {
  13468. transform-origin: center;
  13469. opacity: 1
  13470. }
  13471. to {
  13472. transform-origin: center;
  13473. transform: rotate3d(0, 0, 1, 200deg);
  13474. opacity: 0
  13475. }
  13476. }
  13477.  
  13478. .rotateOut {
  13479. animation-name: rotateOut
  13480. }
  13481.  
  13482. @keyframes rotateOutDownLeft {
  13483. from {
  13484. transform-origin: left bottom;
  13485. opacity: 1
  13486. }
  13487. to {
  13488. transform-origin: left bottom;
  13489. transform: rotate3d(0, 0, 1, 45deg);
  13490. opacity: 0
  13491. }
  13492. }
  13493.  
  13494. .rotateOutDownLeft {
  13495. animation-name: rotateOutDownLeft
  13496. }
  13497.  
  13498. @keyframes rotateOutDownRight {
  13499. from {
  13500. transform-origin: right bottom;
  13501. opacity: 1
  13502. }
  13503. to {
  13504. transform-origin: right bottom;
  13505. transform: rotate3d(0, 0, 1, -45deg);
  13506. opacity: 0
  13507. }
  13508. }
  13509.  
  13510. .rotateOutDownRight {
  13511. animation-name: rotateOutDownRight
  13512. }
  13513.  
  13514. @keyframes rotateOutUpLeft {
  13515. from {
  13516. transform-origin: left bottom;
  13517. opacity: 1
  13518. }
  13519. to {
  13520. transform-origin: left bottom;
  13521. transform: rotate3d(0, 0, 1, -45deg);
  13522. opacity: 0
  13523. }
  13524. }
  13525.  
  13526. .rotateOutUpLeft {
  13527. animation-name: rotateOutUpLeft
  13528. }
  13529.  
  13530. @keyframes rotateOutUpRight {
  13531. from {
  13532. transform-origin: right bottom;
  13533. opacity: 1
  13534. }
  13535. to {
  13536. transform-origin: right bottom;
  13537. transform: rotate3d(0, 0, 1, 90deg);
  13538. opacity: 0
  13539. }
  13540. }
  13541.  
  13542. .rotateOutUpRight {
  13543. animation-name: rotateOutUpRight
  13544. }
  13545.  
  13546. @keyframes hinge {
  13547. 0% {
  13548. transform-origin: top left;
  13549. animation-timing-function: ease-in-out
  13550. }
  13551. 20%,
  13552. 60% {
  13553. transform: rotate3d(0, 0, 1, 80deg);
  13554. transform-origin: top left;
  13555. animation-timing-function: ease-in-out
  13556. }
  13557. 40%,
  13558. 80% {
  13559. transform: rotate3d(0, 0, 1, 60deg);
  13560. transform-origin: top left;
  13561. animation-timing-function: ease-in-out;
  13562. opacity: 1
  13563. }
  13564. to {
  13565. transform: translate3d(0, 700px, 0);
  13566. opacity: 0
  13567. }
  13568. }
  13569.  
  13570. .hinge {
  13571. animation-name: hinge
  13572. }
  13573.  
  13574. @keyframes jackInTheBox {
  13575. from {
  13576. opacity: 0;
  13577. transform: scale(.1) rotate(30deg);
  13578. transform-origin: center bottom
  13579. }
  13580. 50% {
  13581. transform: rotate(-10deg)
  13582. }
  13583. 70% {
  13584. transform: rotate(3deg)
  13585. }
  13586. to {
  13587. opacity: 1;
  13588. transform: scale(1)
  13589. }
  13590. }
  13591.  
  13592. .jackInTheBox {
  13593. animation-name: jackInTheBox
  13594. }
  13595.  
  13596. @keyframes rollIn {
  13597. from {
  13598. opacity: 0;
  13599. transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  13600. }
  13601. to {
  13602. opacity: 1;
  13603. transform: none
  13604. }
  13605. }
  13606.  
  13607. .rollIn {
  13608. animation-name: rollIn
  13609. }
  13610.  
  13611. @keyframes rollOut {
  13612. from {
  13613. opacity: 1
  13614. }
  13615. to {
  13616. opacity: 0;
  13617. transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  13618. }
  13619. }
  13620.  
  13621. .rollOut {
  13622. animation-name: rollOut
  13623. }
  13624.  
  13625. @keyframes zoomIn {
  13626. from {
  13627. opacity: 0;
  13628. transform: scale3d(.3, .3, .3)
  13629. }
  13630. 50% {
  13631. opacity: 1
  13632. }
  13633. }
  13634.  
  13635. .zoomIn {
  13636. animation-name: zoomIn
  13637. }
  13638.  
  13639. @keyframes zoomInDown {
  13640. from {
  13641. opacity: 0;
  13642. transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
  13643. animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  13644. }
  13645. 60% {
  13646. opacity: 1;
  13647. transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
  13648. animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  13649. }
  13650. }
  13651.  
  13652. .zoomInDown {
  13653. animation-name: zoomInDown
  13654. }
  13655.  
  13656. @keyframes zoomInLeft {
  13657. from {
  13658. opacity: 0;
  13659. transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
  13660. animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  13661. }
  13662. 60% {
  13663. opacity: 1;
  13664. transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
  13665. animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  13666. }
  13667. }
  13668.  
  13669. .zoomInLeft {
  13670. animation-name: zoomInLeft
  13671. }
  13672.  
  13673. @keyframes zoomInRight {
  13674. from {
  13675. opacity: 0;
  13676. transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
  13677. animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  13678. }
  13679. 60% {
  13680. opacity: 1;
  13681. transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
  13682. animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  13683. }
  13684. }
  13685.  
  13686. .zoomInRight {
  13687. animation-name: zoomInRight
  13688. }
  13689.  
  13690. @keyframes zoomInUp {
  13691. from {
  13692. opacity: 0;
  13693. transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
  13694. animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  13695. }
  13696. 60% {
  13697. opacity: 1;
  13698. transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
  13699. animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  13700. }
  13701. }
  13702.  
  13703. .zoomInUp {
  13704. animation-name: zoomInUp
  13705. }
  13706.  
  13707. @keyframes zoomOut {
  13708. from {
  13709. opacity: 1
  13710. }
  13711. 50% {
  13712. opacity: 0;
  13713. transform: scale3d(.3, .3, .3)
  13714. }
  13715. to {
  13716. opacity: 0
  13717. }
  13718. }
  13719.  
  13720. .zoomOut {
  13721. animation-name: zoomOut
  13722. }
  13723.  
  13724. @keyframes zoomOutDown {
  13725. 40% {
  13726. opacity: 1;
  13727. transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
  13728. animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  13729. }
  13730. to {
  13731. opacity: 0;
  13732. transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
  13733. transform-origin: center bottom;
  13734. animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  13735. }
  13736. }
  13737.  
  13738. .zoomOutDown {
  13739. animation-name: zoomOutDown
  13740. }
  13741.  
  13742. @keyframes zoomOutLeft {
  13743. 40% {
  13744. opacity: 1;
  13745. transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  13746. }
  13747. to {
  13748. opacity: 0;
  13749. transform: scale(.1) translate3d(-2000px, 0, 0);
  13750. transform-origin: left center
  13751. }
  13752. }
  13753.  
  13754. .zoomOutLeft {
  13755. animation-name: zoomOutLeft
  13756. }
  13757.  
  13758. @keyframes zoomOutRight {
  13759. 40% {
  13760. opacity: 1;
  13761. transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  13762. }
  13763. to {
  13764. opacity: 0;
  13765. transform: scale(.1) translate3d(2000px, 0, 0);
  13766. transform-origin: right center
  13767. }
  13768. }
  13769.  
  13770. .zoomOutRight {
  13771. animation-name: zoomOutRight
  13772. }
  13773.  
  13774. @keyframes zoomOutUp {
  13775. 40% {
  13776. opacity: 1;
  13777. transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
  13778. animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  13779. }
  13780. to {
  13781. opacity: 0;
  13782. transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
  13783. transform-origin: center bottom;
  13784. animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  13785. }
  13786. }
  13787.  
  13788. .zoomOutUp {
  13789. animation-name: zoomOutUp
  13790. }
  13791.  
  13792. @keyframes slideInDown {
  13793. from {
  13794. transform: translate3d(0, -100%, 0);
  13795. visibility: visible
  13796. }
  13797. to {
  13798. transform: translate3d(0, 0, 0)
  13799. }
  13800. }
  13801.  
  13802. .slideInDown {
  13803. animation-name: slideInDown
  13804. }
  13805.  
  13806. @keyframes slideInLeft {
  13807. from {
  13808. transform: translate3d(-100%, 0, 0);
  13809. visibility: visible
  13810. }
  13811. to {
  13812. transform: translate3d(0, 0, 0)
  13813. }
  13814. }
  13815.  
  13816. .slideInLeft {
  13817. animation-name: slideInLeft
  13818. }
  13819.  
  13820. @keyframes slideInRight {
  13821. from {
  13822. transform: translate3d(100%, 0, 0);
  13823. visibility: visible
  13824. }
  13825. to {
  13826. transform: translate3d(0, 0, 0)
  13827. }
  13828. }
  13829.  
  13830. .slideInRight {
  13831. animation-name: slideInRight
  13832. }
  13833.  
  13834. @keyframes slideInUp {
  13835. from {
  13836. transform: translate3d(0, 100%, 0);
  13837. visibility: visible
  13838. }
  13839. to {
  13840. transform: translate3d(0, 0, 0)
  13841. }
  13842. }
  13843.  
  13844. .slideInUp {
  13845. animation-name: slideInUp
  13846. }
  13847.  
  13848. @keyframes slideOutDown {
  13849. from {
  13850. transform: translate3d(0, 0, 0)
  13851. }
  13852. to {
  13853. visibility: hidden;
  13854. transform: translate3d(0, 100%, 0)
  13855. }
  13856. }
  13857.  
  13858. .slideOutDown {
  13859. animation-name: slideOutDown
  13860. }
  13861.  
  13862. @keyframes slideOutLeft {
  13863. from {
  13864. transform: translate3d(0, 0, 0)
  13865. }
  13866. to {
  13867. visibility: hidden;
  13868. transform: translate3d(-100%, 0, 0)
  13869. }
  13870. }
  13871.  
  13872. .slideOutLeft {
  13873. animation-name: slideOutLeft
  13874. }
  13875.  
  13876. @keyframes slideOutRight {
  13877. from {
  13878. transform: translate3d(0, 0, 0)
  13879. }
  13880. to {
  13881. visibility: hidden;
  13882. transform: translate3d(100%, 0, 0)
  13883. }
  13884. }
  13885.  
  13886. .slideOutRight {
  13887. animation-name: slideOutRight
  13888. }
  13889.  
  13890. @keyframes slideOutUp {
  13891. from {
  13892. transform: translate3d(0, 0, 0)
  13893. }
  13894. to {
  13895. visibility: hidden;
  13896. transform: translate3d(0, -100%, 0)
  13897. }
  13898. }
  13899.  
  13900. .slideOutUp {
  13901. animation-name: slideOutUp
  13902. }
  13903.  
  13904.  
  13905. /*! * Select 2 */
  13906.  
  13907. .select2-container {
  13908. box-sizing: border-box;
  13909. display: inline-block;
  13910. margin: 0;
  13911. position: relative;
  13912. vertical-align: middle
  13913. }
  13914.  
  13915. .select2-container .select2-selection--single {
  13916. box-sizing: border-box;
  13917. cursor: pointer;
  13918. display: block;
  13919. height: 28px;
  13920. user-select: none;
  13921. -webkit-user-select: none
  13922. }
  13923.  
  13924. .select2-container .select2-selection--single .select2-selection__rendered {
  13925. display: block;
  13926. padding-left: 8px;
  13927. padding-right: 20px;
  13928. overflow: hidden;
  13929. text-overflow: ellipsis;
  13930. white-space: nowrap
  13931. }
  13932.  
  13933. .select2-container .select2-selection--single .select2-selection__clear {
  13934. position: relative
  13935. }
  13936.  
  13937. .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  13938. padding-right: 8px;
  13939. padding-left: 20px
  13940. }
  13941.  
  13942. .select2-container .select2-selection--multiple {
  13943. box-sizing: border-box;
  13944. cursor: pointer;
  13945. display: block;
  13946. min-height: 32px;
  13947. user-select: none;
  13948. -webkit-user-select: none
  13949. }
  13950.  
  13951. .select2-container .select2-selection--multiple .select2-selection__rendered {
  13952. display: inline-block;
  13953. overflow: hidden;
  13954. padding-left: 8px;
  13955. text-overflow: ellipsis;
  13956. white-space: nowrap
  13957. }
  13958.  
  13959. .select2-container .select2-search--inline {
  13960. float: left
  13961. }
  13962.  
  13963. .select2-container .select2-search--inline .select2-search__field {
  13964. box-sizing: border-box;
  13965. border: none;
  13966. font-size: 100%;
  13967. margin-top: 5px;
  13968. padding: 0
  13969. }
  13970.  
  13971. .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  13972. -webkit-appearance: none
  13973. }
  13974.  
  13975. .select2-dropdown {
  13976. background-color: white;
  13977. border: 1px solid #aaa;
  13978. border-radius: 4px;
  13979. box-sizing: border-box;
  13980. display: block;
  13981. position: absolute;
  13982. left: -100000px;
  13983. width: 100%;
  13984. z-index: 1051
  13985. }
  13986.  
  13987. .select2-results {
  13988. display: block
  13989. }
  13990.  
  13991. .select2-results__options {
  13992. list-style: none;
  13993. margin: 0;
  13994. padding: 0
  13995. }
  13996.  
  13997. .select2-results__option {
  13998. padding: 6px;
  13999. user-select: none;
  14000. -webkit-user-select: none
  14001. }
  14002.  
  14003. .select2-results__option[aria-selected] {
  14004. cursor: pointer
  14005. }
  14006.  
  14007. .select2-container--open .select2-dropdown {
  14008. left: 0
  14009. }
  14010.  
  14011. .select2-container--open .select2-dropdown--above {
  14012. border-bottom: none;
  14013. border-bottom-left-radius: 0;
  14014. border-bottom-right-radius: 0
  14015. }
  14016.  
  14017. .select2-container--open .select2-dropdown--below {
  14018. border-top: none;
  14019. border-top-left-radius: 0;
  14020. border-top-right-radius: 0
  14021. }
  14022.  
  14023. .select2-search--dropdown {
  14024. display: block;
  14025. padding: 4px
  14026. }
  14027.  
  14028. .select2-search--dropdown .select2-search__field {
  14029. padding: 4px;
  14030. width: 100%;
  14031. box-sizing: border-box
  14032. }
  14033.  
  14034. .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  14035. -webkit-appearance: none
  14036. }
  14037.  
  14038. .select2-search--dropdown.select2-search--hide {
  14039. display: none
  14040. }
  14041.  
  14042. .select2-close-mask {
  14043. border: 0;
  14044. margin: 0;
  14045. padding: 0;
  14046. display: block;
  14047. position: fixed;
  14048. left: 0;
  14049. top: 0;
  14050. min-height: 100%;
  14051. min-width: 100%;
  14052. height: auto;
  14053. width: auto;
  14054. opacity: 0;
  14055. z-index: 99;
  14056. background-color: #fff;
  14057. filter: alpha(opacity=0)
  14058. }
  14059.  
  14060. .select2-hidden-accessible {
  14061. border: 0 !important;
  14062. clip: rect(0 0 0 0) !important;
  14063. -webkit-clip-path: inset(50%) !important;
  14064. clip-path: inset(50%) !important;
  14065. height: 1px !important;
  14066. overflow: hidden !important;
  14067. padding: 0 !important;
  14068. position: absolute !important;
  14069. width: 1px !important;
  14070. white-space: nowrap !important
  14071. }
  14072.  
  14073. .select2-container--default .select2-selection--single {
  14074. background-color: #fff;
  14075. border: 1px solid #aaa;
  14076. border-radius: 4px
  14077. }
  14078.  
  14079. .select2-container--default .select2-selection--single .select2-selection__rendered {
  14080. color: #444;
  14081. line-height: 28px
  14082. }
  14083.  
  14084. .select2-container--default .select2-selection--single .select2-selection__clear {
  14085. cursor: pointer;
  14086. float: right;
  14087. font-weight: bold
  14088. }
  14089.  
  14090. .select2-container--default .select2-selection--single .select2-selection__placeholder {
  14091. color: #999
  14092. }
  14093.  
  14094. .select2-container--default .select2-selection--single .select2-selection__arrow {
  14095. height: 26px;
  14096. position: absolute;
  14097. top: 1px;
  14098. right: 1px;
  14099. width: 20px
  14100. }
  14101.  
  14102. .select2-container--default .select2-selection--single .select2-selection__arrow b {
  14103. border-color: #888 transparent transparent transparent;
  14104. border-style: solid;
  14105. border-width: 5px 4px 0 4px;
  14106. height: 0;
  14107. left: 50%;
  14108. margin-left: -4px;
  14109. margin-top: -2px;
  14110. position: absolute;
  14111. top: 50%;
  14112. width: 0
  14113. }
  14114.  
  14115. .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  14116. float: left
  14117. }
  14118.  
  14119. .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  14120. left: 1px;
  14121. right: auto
  14122. }
  14123.  
  14124. .select2-container--default.select2-container--disabled .select2-selection--single {
  14125. background-color: #eee;
  14126. cursor: default
  14127. }
  14128.  
  14129. .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  14130. display: none
  14131. }
  14132.  
  14133. .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  14134. border-color: transparent transparent #888 transparent;
  14135. border-width: 0 4px 5px 4px
  14136. }
  14137.  
  14138. .select2-container--default .select2-selection--multiple {
  14139. background-color: white;
  14140. border: 1px solid #aaa;
  14141. border-radius: 4px;
  14142. cursor: text
  14143. }
  14144.  
  14145. .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  14146. box-sizing: border-box;
  14147. list-style: none;
  14148. margin: 0;
  14149. padding: 0 5px;
  14150. width: 100%
  14151. }
  14152.  
  14153. .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  14154. list-style: none
  14155. }
  14156.  
  14157. .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  14158. color: #999;
  14159. margin-top: 5px;
  14160. float: left
  14161. }
  14162.  
  14163. .select2-container--default .select2-selection--multiple .select2-selection__clear {
  14164. cursor: pointer;
  14165. float: right;
  14166. font-weight: bold;
  14167. margin-top: 5px;
  14168. margin-right: 10px
  14169. }
  14170.  
  14171. .select2-container--default .select2-selection--multiple .select2-selection__choice {
  14172. background-color: #e4e4e4;
  14173. border: 1px solid #aaa;
  14174. border-radius: 4px;
  14175. cursor: default;
  14176. float: left;
  14177. margin-right: 5px;
  14178. margin-top: 5px;
  14179. padding: 0 5px
  14180. }
  14181.  
  14182. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  14183. color: #999;
  14184. cursor: pointer;
  14185. display: inline-block;
  14186. font-weight: bold;
  14187. margin-right: 2px
  14188. }
  14189.  
  14190. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  14191. color: #333
  14192. }
  14193.  
  14194. .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
  14195. .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
  14196. .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  14197. float: right
  14198. }
  14199.  
  14200. .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  14201. margin-left: 5px;
  14202. margin-right: auto
  14203. }
  14204.  
  14205. .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  14206. margin-left: 2px;
  14207. margin-right: auto
  14208. }
  14209.  
  14210. .select2-container--default.select2-container--focus .select2-selection--multiple {
  14211. border: solid black 1px;
  14212. outline: 0
  14213. }
  14214.  
  14215. .select2-container--default.select2-container--disabled .select2-selection--multiple {
  14216. background-color: #eee;
  14217. cursor: default
  14218. }
  14219.  
  14220. .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  14221. display: none
  14222. }
  14223.  
  14224. .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
  14225. .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  14226. border-top-left-radius: 0;
  14227. border-top-right-radius: 0
  14228. }
  14229.  
  14230. .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
  14231. .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  14232. border-bottom-left-radius: 0;
  14233. border-bottom-right-radius: 0
  14234. }
  14235.  
  14236. .select2-container--default .select2-search--dropdown .select2-search__field {
  14237. border: 1px solid #aaa
  14238. }
  14239.  
  14240. .select2-container--default .select2-search--inline .select2-search__field {
  14241. background: transparent;
  14242. border: none;
  14243. outline: 0;
  14244. box-shadow: none;
  14245. -webkit-appearance: textfield
  14246. }
  14247.  
  14248. .select2-container--default .select2-results>.select2-results__options {
  14249. max-height: 200px;
  14250. overflow-y: auto
  14251. }
  14252.  
  14253. .select2-container--default .select2-results__option[role=group] {
  14254. padding: 0
  14255. }
  14256.  
  14257. .select2-container--default .select2-results__option[aria-disabled=true] {
  14258. color: #999
  14259. }
  14260.  
  14261. .select2-container--default .select2-results__option[aria-selected=true] {
  14262. background-color: #ddd
  14263. }
  14264.  
  14265. .select2-container--default .select2-results__option .select2-results__option {
  14266. padding-left: 1em
  14267. }
  14268.  
  14269. .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  14270. padding-left: 0
  14271. }
  14272.  
  14273. .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  14274. margin-left: -1em;
  14275. padding-left: 2em
  14276. }
  14277.  
  14278. .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  14279. margin-left: -2em;
  14280. padding-left: 3em
  14281. }
  14282.  
  14283. .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  14284. margin-left: -3em;
  14285. padding-left: 4em
  14286. }
  14287.  
  14288. .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  14289. margin-left: -4em;
  14290. padding-left: 5em
  14291. }
  14292.  
  14293. .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  14294. margin-left: -5em;
  14295. padding-left: 6em
  14296. }
  14297.  
  14298. .select2-container--default .select2-results__option--highlighted[aria-selected] {
  14299. background-color: #5897fb;
  14300. color: white
  14301. }
  14302.  
  14303. .select2-container--default .select2-results__group {
  14304. cursor: default;
  14305. display: block;
  14306. padding: 6px
  14307. }
  14308.  
  14309. .select2-container--classic .select2-selection--single {
  14310. background-color: #f7f7f7;
  14311. border: 1px solid #aaa;
  14312. border-radius: 4px;
  14313. outline: 0;
  14314. background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  14315. background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  14316. background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  14317. background-repeat: repeat-x;
  14318. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
  14319. }
  14320.  
  14321. .select2-container--classic .select2-selection--single:focus {
  14322. border: 1px solid #5897fb
  14323. }
  14324.  
  14325. .select2-container--classic .select2-selection--single .select2-selection__rendered {
  14326. color: #444;
  14327. line-height: 28px
  14328. }
  14329.  
  14330. .select2-container--classic .select2-selection--single .select2-selection__clear {
  14331. cursor: pointer;
  14332. float: right;
  14333. font-weight: bold;
  14334. margin-right: 10px
  14335. }
  14336.  
  14337. .select2-container--classic .select2-selection--single .select2-selection__placeholder {
  14338. color: #999
  14339. }
  14340.  
  14341. .select2-container--classic .select2-selection--single .select2-selection__arrow {
  14342. background-color: #ddd;
  14343. border: none;
  14344. border-left: 1px solid #aaa;
  14345. border-top-right-radius: 4px;
  14346. border-bottom-right-radius: 4px;
  14347. height: 26px;
  14348. position: absolute;
  14349. top: 1px;
  14350. right: 1px;
  14351. width: 20px;
  14352. background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  14353. background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  14354. background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  14355. background-repeat: repeat-x;
  14356. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
  14357. }
  14358.  
  14359. .select2-container--classic .select2-selection--single .select2-selection__arrow b {
  14360. border-color: #888 transparent transparent transparent;
  14361. border-style: solid;
  14362. border-width: 5px 4px 0 4px;
  14363. height: 0;
  14364. left: 50%;
  14365. margin-left: -4px;
  14366. margin-top: -2px;
  14367. position: absolute;
  14368. top: 50%;
  14369. width: 0
  14370. }
  14371.  
  14372. .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  14373. float: left
  14374. }
  14375.  
  14376. .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  14377. border: none;
  14378. border-right: 1px solid #aaa;
  14379. border-radius: 0;
  14380. border-top-left-radius: 4px;
  14381. border-bottom-left-radius: 4px;
  14382. left: 1px;
  14383. right: auto
  14384. }
  14385.  
  14386. .select2-container--classic.select2-container--open .select2-selection--single {
  14387. border: 1px solid #5897fb
  14388. }
  14389.  
  14390. .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  14391. background: transparent;
  14392. border: none
  14393. }
  14394.  
  14395. .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  14396. border-color: transparent transparent #888 transparent;
  14397. border-width: 0 4px 5px 4px
  14398. }
  14399.  
  14400. .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  14401. border-top: none;
  14402. border-top-left-radius: 0;
  14403. border-top-right-radius: 0;
  14404. background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  14405. background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  14406. background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  14407. background-repeat: repeat-x;
  14408. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
  14409. }
  14410.  
  14411. .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  14412. border-bottom: none;
  14413. border-bottom-left-radius: 0;
  14414. border-bottom-right-radius: 0;
  14415. background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  14416. background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  14417. background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  14418. background-repeat: repeat-x;
  14419. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
  14420. }
  14421.  
  14422. .select2-container--classic .select2-selection--multiple {
  14423. background-color: white;
  14424. border: 1px solid #aaa;
  14425. border-radius: 4px;
  14426. cursor: text;
  14427. outline: 0
  14428. }
  14429.  
  14430. .select2-container--classic .select2-selection--multiple:focus {
  14431. border: 1px solid #5897fb
  14432. }
  14433.  
  14434. .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  14435. list-style: none;
  14436. margin: 0;
  14437. padding: 0 5px
  14438. }
  14439.  
  14440. .select2-container--classic .select2-selection--multiple .select2-selection__clear {
  14441. display: none
  14442. }
  14443.  
  14444. .select2-container--classic .select2-selection--multiple .select2-selection__choice {
  14445. background-color: #e4e4e4;
  14446. border: 1px solid #aaa;
  14447. border-radius: 4px;
  14448. cursor: default;
  14449. float: left;
  14450. margin-right: 5px;
  14451. margin-top: 5px;
  14452. padding: 0 5px
  14453. }
  14454.  
  14455. .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  14456. color: #888;
  14457. cursor: pointer;
  14458. display: inline-block;
  14459. font-weight: bold;
  14460. margin-right: 2px
  14461. }
  14462.  
  14463. .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  14464. color: #555
  14465. }
  14466.  
  14467. .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  14468. float: right;
  14469. margin-left: 5px;
  14470. margin-right: auto
  14471. }
  14472.  
  14473. .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  14474. margin-left: 2px;
  14475. margin-right: auto
  14476. }
  14477.  
  14478. .select2-container--classic.select2-container--open .select2-selection--multiple {
  14479. border: 1px solid #5897fb
  14480. }
  14481.  
  14482. .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  14483. border-top: none;
  14484. border-top-left-radius: 0;
  14485. border-top-right-radius: 0
  14486. }
  14487.  
  14488. .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  14489. border-bottom: none;
  14490. border-bottom-left-radius: 0;
  14491. border-bottom-right-radius: 0
  14492. }
  14493.  
  14494. .select2-container--classic .select2-search--dropdown .select2-search__field {
  14495. border: 1px solid #aaa;
  14496. outline: 0
  14497. }
  14498.  
  14499. .select2-container--classic .select2-search--inline .select2-search__field {
  14500. outline: 0;
  14501. box-shadow: none
  14502. }
  14503.  
  14504. .select2-container--classic .select2-dropdown {
  14505. background-color: #fff;
  14506. border: 1px solid transparent
  14507. }
  14508.  
  14509. .select2-container--classic .select2-dropdown--above {
  14510. border-bottom: none
  14511. }
  14512.  
  14513. .select2-container--classic .select2-dropdown--below {
  14514. border-top: none
  14515. }
  14516.  
  14517. .select2-container--classic .select2-results>.select2-results__options {
  14518. max-height: 200px;
  14519. overflow-y: auto
  14520. }
  14521.  
  14522. .select2-container--classic .select2-results__option[role=group] {
  14523. padding: 0
  14524. }
  14525.  
  14526. .select2-container--classic .select2-results__option[aria-disabled=true] {
  14527. color: grey
  14528. }
  14529.  
  14530. .select2-container--classic .select2-results__option--highlighted[aria-selected] {
  14531. background-color: #3875d7;
  14532. color: #fff
  14533. }
  14534.  
  14535. .select2-container--classic .select2-results__group {
  14536. cursor: default;
  14537. display: block;
  14538. padding: 6px
  14539. }
  14540.  
  14541. .select2-container--classic.select2-container--open .select2-dropdown {
  14542. border-color: #5897fb
  14543. }
  14544.  
  14545.  
  14546. /*! Magnific PopUp CSS*/
  14547.  
  14548. .mfp-bg,
  14549. .mfp-wrap {
  14550. position: fixed;
  14551. left: 0;
  14552. top: 0
  14553. }
  14554.  
  14555. .mfp-bg,
  14556. .mfp-container,
  14557. .mfp-wrap {
  14558. height: 100%;
  14559. width: 100%
  14560. }
  14561.  
  14562. .mfp-container:before,
  14563. .mfp-figure:after {
  14564. content: ''
  14565. }
  14566.  
  14567. .mfp-bg {
  14568. z-index: 1042;
  14569. overflow: hidden;
  14570. background: #0b0b0b;
  14571. opacity: .8;
  14572. filter: alpha(opacity=80)
  14573. }
  14574.  
  14575. .mfp-wrap {
  14576. z-index: 1043;
  14577. outline: 0!important;
  14578. -webkit-backface-visibility: hidden
  14579. }
  14580.  
  14581. .mfp-container {
  14582. text-align: center;
  14583. position: absolute;
  14584. left: 0;
  14585. top: 0;
  14586. padding: 0 8px;
  14587. -webkit-box-sizing: border-box;
  14588. -moz-box-sizing: border-box;
  14589. box-sizing: border-box
  14590. }
  14591.  
  14592. .mfp-container:before {
  14593. display: inline-block;
  14594. height: 100%;
  14595. vertical-align: middle
  14596. }
  14597.  
  14598. .mfp-align-top .mfp-container:before {
  14599. display: none
  14600. }
  14601.  
  14602. .mfp-content {
  14603. position: relative;
  14604. display: inline-block;
  14605. vertical-align: middle;
  14606. margin: 0 auto;
  14607. text-align: left;
  14608. z-index: 1045
  14609. }
  14610.  
  14611. .mfp-close,
  14612. .mfp-preloader {
  14613. text-align: center;
  14614. position: absolute
  14615. }
  14616.  
  14617. .mfp-ajax-holder .mfp-content,
  14618. .mfp-inline-holder .mfp-content {
  14619. width: 100%;
  14620. cursor: auto
  14621. }
  14622.  
  14623. .mfp-ajax-cur {
  14624. cursor: progress
  14625. }
  14626.  
  14627. .mfp-zoom-out-cur,
  14628. .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  14629. cursor: -moz-zoom-out;
  14630. cursor: -webkit-zoom-out;
  14631. cursor: zoom-out
  14632. }
  14633.  
  14634. .mfp-zoom {
  14635. cursor: pointer;
  14636. cursor: -webkit-zoom-in;
  14637. cursor: -moz-zoom-in;
  14638. cursor: zoom-in
  14639. }
  14640.  
  14641. .mfp-auto-cursor .mfp-content {
  14642. cursor: auto
  14643. }
  14644.  
  14645. .mfp-arrow,
  14646. .mfp-close,
  14647. .mfp-counter,
  14648. .mfp-preloader {
  14649. -webkit-user-select: none;
  14650. -moz-user-select: none;
  14651. user-select: none
  14652. }
  14653.  
  14654. .mfp-loading.mfp-figure {
  14655. display: none
  14656. }
  14657.  
  14658. .mfp-hide {
  14659. display: none!important
  14660. }
  14661.  
  14662. .mfp-preloader {
  14663. color: #ccc;
  14664. top: 50%;
  14665. width: auto;
  14666. margin-top: -.8em;
  14667. left: 8px;
  14668. right: 8px;
  14669. z-index: 1044
  14670. }
  14671.  
  14672. .mfp-preloader a {
  14673. color: #ccc
  14674. }
  14675.  
  14676. .mfp-close,
  14677. .mfp-preloader a:hover {
  14678. color: #fff
  14679. }
  14680.  
  14681. .mfp-s-error .mfp-content,
  14682. .mfp-s-ready .mfp-preloader {
  14683. display: none
  14684. }
  14685.  
  14686. button.mfp-arrow,
  14687. button.mfp-close {
  14688. overflow: visible;
  14689. cursor: pointer;
  14690. background: 0 0;
  14691. border: 0;
  14692. -webkit-appearance: none;
  14693. display: block;
  14694. outline: 0;
  14695. padding: 0;
  14696. z-index: 1046;
  14697. -webkit-box-shadow: none;
  14698. box-shadow: none
  14699. }
  14700.  
  14701. button::-moz-focus-inner {
  14702. padding: 0;
  14703. border: 0
  14704. }
  14705.  
  14706. .mfp-close {
  14707. width: 44px;
  14708. height: 44px;
  14709. line-height: 44px;
  14710. right: 0;
  14711. top: 0;
  14712. text-decoration: none;
  14713. opacity: .65;
  14714. filter: alpha(opacity=65);
  14715. padding: 0 0 18px 10px;
  14716. font-style: normal;
  14717. font-size: 28px;
  14718. font-family: Arial, Baskerville, monospace
  14719. }
  14720.  
  14721. .mfp-close:focus,
  14722. .mfp-close:hover {
  14723. opacity: 1;
  14724. filter: alpha(opacity=100)
  14725. }
  14726.  
  14727. .mfp-close:active {
  14728. top: 1px
  14729. }
  14730.  
  14731. .mfp-close-btn-in .mfp-close {
  14732. color: #333
  14733. }
  14734.  
  14735. .mfp-iframe-holder .mfp-close,
  14736. .mfp-image-holder .mfp-close {
  14737. color: #fff;
  14738. right: -6px;
  14739. text-align: right;
  14740. padding-right: 6px;
  14741. width: 100%
  14742. }
  14743.  
  14744. .mfp-counter {
  14745. position: absolute;
  14746. top: 0;
  14747. right: 0;
  14748. color: #ccc;
  14749. font-size: 12px;
  14750. line-height: 18px
  14751. }
  14752.  
  14753. .mfp-figure,
  14754. img.mfp-img {
  14755. line-height: 0
  14756. }
  14757.  
  14758. .mfp-arrow {
  14759. position: absolute;
  14760. opacity: .65;
  14761. filter: alpha(opacity=65);
  14762. margin: -55px 0 0;
  14763. top: 50%;
  14764. padding: 0;
  14765. width: 90px;
  14766. height: 110px;
  14767. -webkit-tap-highlight-color: transparent
  14768. }
  14769.  
  14770. .mfp-arrow:active {
  14771. margin-top: -54px
  14772. }
  14773.  
  14774. .mfp-arrow:focus,
  14775. .mfp-arrow:hover {
  14776. opacity: 1;
  14777. filter: alpha(opacity=100)
  14778. }
  14779.  
  14780. .mfp-arrow .mfp-a,
  14781. .mfp-arrow .mfp-b,
  14782. .mfp-arrow:after,
  14783. .mfp-arrow:before {
  14784. content: '';
  14785. display: block;
  14786. width: 0;
  14787. height: 0;
  14788. position: absolute;
  14789. left: 0;
  14790. top: 0;
  14791. margin-top: 35px;
  14792. margin-left: 35px;
  14793. border: inset transparent
  14794. }
  14795.  
  14796. .mfp-arrow .mfp-a,
  14797. .mfp-arrow:after {
  14798. border-top-width: 13px;
  14799. border-bottom-width: 13px;
  14800. top: 8px
  14801. }
  14802.  
  14803. .mfp-arrow .mfp-b,
  14804. .mfp-arrow:before {
  14805. border-top-width: 21px;
  14806. border-bottom-width: 21px;
  14807. opacity: .7
  14808. }
  14809.  
  14810. .mfp-arrow-left {
  14811. left: 0
  14812. }
  14813.  
  14814. .mfp-arrow-left .mfp-a,
  14815. .mfp-arrow-left:after {
  14816. border-right: 17px solid #fff;
  14817. margin-left: 31px
  14818. }
  14819.  
  14820. .mfp-arrow-left .mfp-b,
  14821. .mfp-arrow-left:before {
  14822. margin-left: 25px;
  14823. border-right: 27px solid #3f3f3f
  14824. }
  14825.  
  14826. .mfp-arrow-right {
  14827. right: 0
  14828. }
  14829.  
  14830. .mfp-arrow-right .mfp-a,
  14831. .mfp-arrow-right:after {
  14832. border-left: 17px solid #fff;
  14833. margin-left: 39px
  14834. }
  14835.  
  14836. .mfp-arrow-right .mfp-b,
  14837. .mfp-arrow-right:before {
  14838. border-left: 27px solid #3f3f3f
  14839. }
  14840.  
  14841. .mfp-iframe-holder {
  14842. padding-top: 40px;
  14843. padding-bottom: 40px
  14844. }
  14845.  
  14846. .mfp-iframe-holder .mfp-content {
  14847. line-height: 0;
  14848. width: 100%;
  14849. max-width: 900px
  14850. }
  14851.  
  14852. .mfp-image-holder .mfp-content,
  14853. img.mfp-img {
  14854. max-width: 100%
  14855. }
  14856.  
  14857. .mfp-iframe-holder .mfp-close {
  14858. top: -40px
  14859. }
  14860.  
  14861. .mfp-iframe-scaler {
  14862. width: 100%;
  14863. height: 0;
  14864. overflow: hidden;
  14865. padding-top: 56.25%
  14866. }
  14867.  
  14868. .mfp-iframe-scaler iframe {
  14869. position: absolute;
  14870. display: block;
  14871. top: 0;
  14872. left: 0;
  14873. width: 100%;
  14874. height: 100%;
  14875. box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  14876. background: #000
  14877. }
  14878.  
  14879. .mfp-figure:after,
  14880. img.mfp-img {
  14881. width: auto;
  14882. height: auto;
  14883. display: block
  14884. }
  14885.  
  14886. img.mfp-img {
  14887. -webkit-box-sizing: border-box;
  14888. -moz-box-sizing: border-box;
  14889. box-sizing: border-box;
  14890. padding: 40px 0;
  14891. margin: 0 auto
  14892. }
  14893.  
  14894. .mfp-figure:after {
  14895. position: absolute;
  14896. left: 0;
  14897. top: 40px;
  14898. bottom: 40px;
  14899. right: 0;
  14900. z-index: -1;
  14901. box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  14902. background: #444
  14903. }
  14904.  
  14905. .mfp-figure small {
  14906. color: #bdbdbd;
  14907. display: block;
  14908. font-size: 12px;
  14909. line-height: 14px
  14910. }
  14911.  
  14912. .mfp-figure figure {
  14913. margin: 0
  14914. }
  14915.  
  14916. .mfp-bottom-bar {
  14917. margin-top: -36px;
  14918. position: absolute;
  14919. top: 100%;
  14920. left: 0;
  14921. width: 100%;
  14922. cursor: auto
  14923. }
  14924.  
  14925. .mfp-title {
  14926. text-align: left;
  14927. line-height: 18px;
  14928. color: #f3f3f3;
  14929. word-wrap: break-word;
  14930. padding-right: 36px
  14931. }
  14932.  
  14933. .mfp-gallery .mfp-image-holder .mfp-figure {
  14934. cursor: pointer
  14935. }
  14936.  
  14937. @media screen and (max-width:800px) and (orientation:landscape),
  14938. screen and (max-height:300px) {
  14939. .mfp-img-mobile .mfp-image-holder {
  14940. padding-left: 0;
  14941. padding-right: 0
  14942. }
  14943. .mfp-img-mobile img.mfp-img {
  14944. padding: 0
  14945. }
  14946. .mfp-img-mobile .mfp-figure:after {
  14947. top: 0;
  14948. bottom: 0
  14949. }
  14950. .mfp-img-mobile .mfp-figure small {
  14951. display: inline;
  14952. margin-left: 5px
  14953. }
  14954. .mfp-img-mobile .mfp-bottom-bar {
  14955. background: rgba(0, 0, 0, .6);
  14956. bottom: 0;
  14957. margin: 0;
  14958. top: auto;
  14959. padding: 3px 5px;
  14960. position: fixed;
  14961. -webkit-box-sizing: border-box;
  14962. -moz-box-sizing: border-box;
  14963. box-sizing: border-box
  14964. }
  14965. .mfp-img-mobile .mfp-bottom-bar:empty {
  14966. padding: 0
  14967. }
  14968. .mfp-img-mobile .mfp-counter {
  14969. right: 5px;
  14970. top: 3px
  14971. }
  14972. .mfp-img-mobile .mfp-close {
  14973. top: 0;
  14974. right: 0;
  14975. width: 35px;
  14976. height: 35px;
  14977. line-height: 35px;
  14978. background: rgba(0, 0, 0, .6);
  14979. position: fixed;
  14980. text-align: center;
  14981. padding: 0
  14982. }
  14983. }
  14984.  
  14985. @media all and (max-width:900px) {
  14986. .mfp-arrow {
  14987. -webkit-transform: scale(.75);
  14988. transform: scale(.75)
  14989. }
  14990. .mfp-arrow-left {
  14991. -webkit-transform-origin: 0;
  14992. transform-origin: 0
  14993. }
  14994. .mfp-arrow-right {
  14995. -webkit-transform-origin: 100%;
  14996. transform-origin: 100%
  14997. }
  14998. .mfp-container {
  14999. padding-left: 6px;
  15000. padding-right: 6px
  15001. }
  15002. }
  15003.  
  15004. .mfp-ie7 .mfp-img {
  15005. padding: 0
  15006. }
  15007.  
  15008. .mfp-ie7 .mfp-bottom-bar {
  15009. width: 600px;
  15010. left: 50%;
  15011. margin-left: -300px;
  15012. margin-top: 5px;
  15013. padding-bottom: 5px
  15014. }
  15015.  
  15016. .mfp-ie7 .mfp-container {
  15017. padding: 0
  15018. }
  15019.  
  15020. .mfp-ie7 .mfp-content {
  15021. padding-top: 44px
  15022. }
  15023.  
  15024. .mfp-ie7 .mfp-close {
  15025. top: 0;
  15026. right: 0;
  15027. padding-top: 0
  15028. }
  15029.  
  15030. .mfp-3d-unfold .mfp-content {
  15031. perspective: 2000px
  15032. }
  15033.  
  15034. .mfp-3d-unfold .mfp-with-anim {
  15035. opacity: 0;
  15036. transition: all .3s ease-in-out;
  15037. transform-style: preserve-3d;
  15038. transform: rotateY(-60deg)
  15039. }
  15040.  
  15041. .mfp-3d-unfold.mfp-bg {
  15042. opacity: 0;
  15043. transition: all .5s
  15044. }
  15045.  
  15046. .mfp-3d-unfold.mfp-ready .mfp-with-anim {
  15047. opacity: 1;
  15048. transform: rotateY(0)
  15049. }
  15050.  
  15051. .mfp-3d-unfold.mfp-ready.mfp-bg {
  15052. opacity: .8
  15053. }
  15054.  
  15055. .mfp-3d-unfold.mfp-removing .mfp-with-anim {
  15056. transform: rotateY(60deg);
  15057. opacity: 0
  15058. }
  15059.  
  15060. .mfp-3d-unfold.mfp-removing.mfp-bg {
  15061. opacity: 0
  15062. }
  15063.  
  15064.  
  15065. /* Color Switcher (Only For demo) by iO*/
  15066.  
  15067. .demo-list a,
  15068. .demo-themes:after {
  15069. color: #fff;
  15070. line-height: 40px;
  15071. text-align: center
  15072. }
  15073.  
  15074. .demo-new-badge,
  15075. .demo-themes:after {
  15076. font-weight: 500;
  15077. letter-spacing: .1em;
  15078. text-transform: uppercase
  15079. }
  15080.  
  15081. .demo-new-badge,
  15082. .demo-themes:after,
  15083. .demo-title h5,
  15084. .demo-title span {
  15085. text-transform: uppercase
  15086. }
  15087.  
  15088. @-webkit-keyframes upDown {
  15089. 0%,
  15090. 100%,
  15091. 20%,
  15092. 50%,
  15093. 80% {
  15094. -webkit-transform: translateY(0)
  15095. }
  15096. 40% {
  15097. -webkit-transform: translateY(4px)
  15098. }
  15099. 60% {
  15100. -webkit-transform: translateY(6px)
  15101. }
  15102. }
  15103.  
  15104. @keyframes upDown {
  15105. 0%,
  15106. 100%,
  15107. 20%,
  15108. 50%,
  15109. 80% {
  15110. transform: translateY(0)
  15111. }
  15112. 40% {
  15113. transform: translateY(4px)
  15114. }
  15115. 60% {
  15116. transform: translateY(6px)
  15117. }
  15118. }
  15119.  
  15120. @keyframes iconspin {
  15121. 0% {
  15122. transform: rotate(0)
  15123. }
  15124. 100% {
  15125. transform: rotate(360deg)
  15126. }
  15127. }
  15128.  
  15129. .demo-panel {
  15130. position: fixed;
  15131. top: 25%;
  15132. right: 0;
  15133. z-index: 88;
  15134. background: #222
  15135. }
  15136.  
  15137. .demo-list a {
  15138. width: 40px;
  15139. height: 40px;
  15140. display: block
  15141. }
  15142.  
  15143. .demo-list a:focus,
  15144. .demo-list a:hover {
  15145. color: #fff
  15146. }
  15147.  
  15148. .demo-toggle {
  15149. background: #222;
  15150. animation: colorchange 10s infinite
  15151. }
  15152.  
  15153. .demo-cart {
  15154. background: #73e080
  15155. }
  15156.  
  15157. .demo-themes {
  15158. background: #f94551;
  15159. padding: 10px 0;
  15160. position: relative
  15161. }
  15162.  
  15163. .demo-themes img {
  15164. animation: iconspin 2s linear infinite
  15165. }
  15166.  
  15167. .demo-themes:after {
  15168. content: attr(title);
  15169. position: absolute;
  15170. transform: rotate(-90deg);
  15171. width: 80px;
  15172. top: -90px;
  15173. left: -22px;
  15174. font-size: 9px
  15175. }
  15176.  
  15177. @media only screen and (max-width:767px) {
  15178. .demo-themes:after {
  15179. display: none
  15180. }
  15181. }
  15182.  
  15183. .demo-themes:before {
  15184. position: absolute;
  15185. content: "\f107";
  15186. font-family: FontAwesome;
  15187. font-size: 26px;
  15188. line-height: .7;
  15189. animation: upDown 2s infinite;
  15190. top: -30px;
  15191. left: 50%;
  15192. width: 39px;
  15193. margin-left: -21px;
  15194. opacity: 1;
  15195. transition: all .4s ease
  15196. }
  15197.  
  15198. .theme-light .demo-themes:after,
  15199. .theme-light .demo-themes:before {
  15200. color: #222
  15201. }
  15202.  
  15203. .demo-themes img {
  15204. width: 20px
  15205. }
  15206.  
  15207. .demo-content {
  15208. display: none;
  15209. border-top: 1px solid #4c4c4c
  15210. }
  15211.  
  15212. .color-list {
  15213. padding: 10px
  15214. }
  15215.  
  15216. .color-list li {
  15217. margin: 5px 0 10px
  15218. }
  15219.  
  15220. .color-list li:last-child {
  15221. margin-bottom: 5px
  15222. }
  15223.  
  15224. .color-list li a {
  15225. display: block;
  15226. height: 20px;
  15227. width: 20px
  15228. }
  15229.  
  15230. .theme-defalt {
  15231. background: #46bdf4
  15232. }
  15233.  
  15234. .theme-blue {
  15235. background: #7a5cff
  15236. }
  15237.  
  15238. .theme-mint {
  15239. background: #41faa4
  15240. }
  15241.  
  15242. .theme-orange {
  15243. background: #ffa93d
  15244. }
  15245.  
  15246. .theme-royal {
  15247. background: #304ffe
  15248. }
  15249.  
  15250. .theme-ruby {
  15251. background: #f6388A
  15252. }
  15253.  
  15254. .theme-java {
  15255. background: #41faa4
  15256. }
  15257.  
  15258. @keyframes colorchange {
  15259. 0%,
  15260. 100% {
  15261. color: #46bdf4
  15262. }
  15263. 20% {
  15264. color: #7a5cff
  15265. }
  15266. 40% {
  15267. color: #41faa4
  15268. }
  15269. 60% {
  15270. color: #ffa93d
  15271. }
  15272. 80% {
  15273. color: #304ffe
  15274. }
  15275. }
  15276.  
  15277. .demo-theme-content {
  15278. height: 100vh;
  15279. width: 100vw;
  15280. position: fixed;
  15281. top: 0;
  15282. left: 0;
  15283. z-index: -1;
  15284. visibility: hidden;
  15285. transition: all .7s ease
  15286. }
  15287.  
  15288. .demo-close {
  15289. color: #fff;
  15290. position: absolute;
  15291. top: -40px;
  15292. right: 20px;
  15293. font-size: 34px;
  15294. line-height: 44px;
  15295. width: 40px;
  15296. height: 40px;
  15297. z-index: 2;
  15298. opacity: 0;
  15299. background: #000;
  15300. text-align: center;
  15301. transition: all .3s ease .7s
  15302. }
  15303.  
  15304. .dtc-inner,
  15305. .dtc-single {
  15306. height: 100vh;
  15307. display: flex
  15308. }
  15309.  
  15310. .active .demo-close {
  15311. top: 20px;
  15312. right: 20px;
  15313. opacity: 1
  15314. }
  15315.  
  15316. .demo-theme-content.active {
  15317. visibility: visible;
  15318. opacity: 1;
  15319. z-index: 99999;
  15320. transition: all .5s ease
  15321. }
  15322.  
  15323. .dtc-inner {
  15324. align-content: stretch
  15325. }
  15326.  
  15327. .dtc-single {
  15328. background: #10122d;
  15329. flex-grow: 1;
  15330. position: relative;
  15331. transform: translateY(-100%);
  15332. transition: all .7s;
  15333. padding: 0 40px;
  15334. align-items: center;
  15335. text-align: center
  15336. }
  15337.  
  15338. .demo-image,
  15339. .demo-title h5,
  15340. .demo-title span,
  15341. .dtc-single ul li {
  15342. position: relative;
  15343. opacity: 0;
  15344. top: -40px;
  15345. transition: all .5s ease
  15346. }
  15347.  
  15348. .demo-title {
  15349. color: #fff;
  15350. display: block;
  15351. margin: 15px 0
  15352. }
  15353.  
  15354. .demo-title h5 {
  15355. margin-bottom: 20px;
  15356. font-size: 18px
  15357. }
  15358.  
  15359. .demo-title span {
  15360. display: block;
  15361. font-size: 12px;
  15362. color: #16a4fd
  15363. }
  15364.  
  15365. .dtc-single ul li {
  15366. font-size: 1.2em;
  15367. line-height: 38px
  15368. }
  15369.  
  15370. .dtc-single ul li a {
  15371. color: #41faa4
  15372. }
  15373.  
  15374. .dtc-single ul li a small {
  15375. font-size: 10px;
  15376. color: #fff;
  15377. }
  15378.  
  15379. .theme-light .dtc-single ul li a small {
  15380. color: #06369c;
  15381. }
  15382.  
  15383. .dtc-single ul li a:hover {
  15384. color: #fff
  15385. }
  15386.  
  15387. .demo-image img {
  15388. border-radius: 0
  15389. }
  15390.  
  15391. .active .demo-image,
  15392. .active .demo-title h5,
  15393. .active .demo-title span,
  15394. .active .dtc-single ul li {
  15395. opacity: 1;
  15396. top: 0
  15397. }
  15398.  
  15399. .demo-new-badge {
  15400. position: absolute;
  15401. top: 25px;
  15402. right: -10px;
  15403. font-size: 9px;
  15404. font-family: Arial, Helvetica, "sans-serif";
  15405. display: inline-block;
  15406. line-height: 20px;
  15407. padding: 0 10px;
  15408. color: #fff;
  15409. background: #05d271
  15410. }
  15411.  
  15412. .dtc-single:nth-child(odd) {
  15413. background: #0b0c22
  15414. }
  15415.  
  15416. .theme-light .dtc-single {
  15417. background: #fff
  15418. }
  15419.  
  15420. .theme-light .dtc-single:nth-child(odd) {
  15421. background: #f7f9fb
  15422. }
  15423.  
  15424. .theme-light .dtc-single ul li {
  15425. line-height: 38px
  15426. }
  15427.  
  15428. .theme-light .dtc-single ul li a {
  15429. color: #282828
  15430. }
  15431.  
  15432. .theme-light .dtc-single ul li a:hover {
  15433. color: #1752c0
  15434. }
  15435.  
  15436. .io-azure .dtc-single {
  15437. background: #06369c
  15438. }
  15439.  
  15440. .io-azure .dtc-single:nth-child(odd) {
  15441. background: #15257b
  15442. }
  15443.  
  15444. .active .dtc-single {
  15445. transform: translateY(0)
  15446. }
  15447.  
  15448. .dtc-single:nth-child(1) {
  15449. transition-delay: 0s
  15450. }
  15451.  
  15452. .dtc-single:nth-child(2) {
  15453. transition-delay: .1s
  15454. }
  15455.  
  15456. .dtc-single:nth-child(3) {
  15457. transition-delay: .2s
  15458. }
  15459.  
  15460. .dtc-single:nth-child(4) {
  15461. transition-delay: .3s
  15462. }
  15463.  
  15464. .dtc-single:nth-child(1) .demo-image {
  15465. transition-delay: .6s
  15466. }
  15467.  
  15468. .dtc-single:nth-child(2) .demo-image {
  15469. transition-delay: .7s
  15470. }
  15471.  
  15472. .dtc-single:nth-child(3) .demo-image {
  15473. transition-delay: .8s
  15474. }
  15475.  
  15476. .dtc-single:nth-child(4) .demo-image {
  15477. transition-delay: .9s
  15478. }
  15479.  
  15480. .dtc-single:nth-child(1) .demo-title h5 {
  15481. transition-delay: .75s
  15482. }
  15483.  
  15484. .dtc-single:nth-child(2) .demo-title h5 {
  15485. transition-delay: .85s
  15486. }
  15487.  
  15488. .dtc-single:nth-child(3) .demo-title h5 {
  15489. transition-delay: .95s
  15490. }
  15491.  
  15492. .dtc-single:nth-child(4) .demo-title h5 {
  15493. transition-delay: 1.05s
  15494. }
  15495.  
  15496. .dtc-single:nth-child(1) .demo-title span {
  15497. transition-delay: .7s
  15498. }
  15499.  
  15500. .dtc-single:nth-child(2) .demo-title span {
  15501. transition-delay: .8s
  15502. }
  15503.  
  15504. .dtc-single:nth-child(3) .demo-title span {
  15505. transition-delay: .9s
  15506. }
  15507.  
  15508. .dtc-single:nth-child(4) .demo-title span {
  15509. transition-delay: 1s
  15510. }
  15511.  
  15512. .dtc-single:nth-child(1) ul li:nth-child(1) {
  15513. transition-delay: .8s
  15514. }
  15515.  
  15516. .dtc-single:nth-child(1) ul li:nth-child(2) {
  15517. transition-delay: .85s
  15518. }
  15519.  
  15520. .dtc-single:nth-child(1) ul li:nth-child(3) {
  15521. transition-delay: .9s
  15522. }
  15523.  
  15524. .dtc-single:nth-child(1) ul li:nth-child(4) {
  15525. transition-delay: .95s
  15526. }
  15527.  
  15528. .dtc-single:nth-child(1) ul li:nth-child(5) {
  15529. transition-delay: 1s
  15530. }
  15531.  
  15532. .dtc-single:nth-child(1) ul li:nth-child(6) {
  15533. transition-delay: 1.05s
  15534. }
  15535.  
  15536. .dtc-single:nth-child(2) ul li:nth-child(1) {
  15537. transition-delay: .9s
  15538. }
  15539.  
  15540. .dtc-single:nth-child(2) ul li:nth-child(2) {
  15541. transition-delay: .95s
  15542. }
  15543.  
  15544. .dtc-single:nth-child(2) ul li:nth-child(3) {
  15545. transition-delay: 1s
  15546. }
  15547.  
  15548. .dtc-single:nth-child(2) ul li:nth-child(4) {
  15549. transition-delay: 1.05s
  15550. }
  15551.  
  15552. .dtc-single:nth-child(2) ul li:nth-child(5) {
  15553. transition-delay: 1.1s
  15554. }
  15555.  
  15556. .dtc-single:nth-child(2) ul li:nth-child(6) {
  15557. transition-delay: 1.15s
  15558. }
  15559.  
  15560. .dtc-single:nth-child(3) ul li:nth-child(1) {
  15561. transition-delay: 1s
  15562. }
  15563.  
  15564. .dtc-single:nth-child(3) ul li:nth-child(2) {
  15565. transition-delay: 1.05s
  15566. }
  15567.  
  15568. .dtc-single:nth-child(3) ul li:nth-child(3) {
  15569. transition-delay: 1.1s
  15570. }
  15571.  
  15572. .dtc-single:nth-child(3) ul li:nth-child(4) {
  15573. transition-delay: 1.15s
  15574. }
  15575.  
  15576. .dtc-single:nth-child(3) ul li:nth-child(5) {
  15577. transition-delay: 1.2s
  15578. }
  15579.  
  15580. .dtc-single:nth-child(3) ul li:nth-child(6) {
  15581. transition-delay: 1.25s
  15582. }
  15583.  
  15584. .dtc-single:nth-child(4) ul li:nth-child(1) {
  15585. transition-delay: 1.1s
  15586. }
  15587.  
  15588. .dtc-single:nth-child(4) ul li:nth-child(2) {
  15589. transition-delay: 1.15s
  15590. }
  15591.  
  15592. .dtc-single:nth-child(4) ul li:nth-child(3) {
  15593. transition-delay: 1.2s
  15594. }
  15595.  
  15596. .dtc-single:nth-child(4) ul li:nth-child(4) {
  15597. transition-delay: 1.25s
  15598. }
  15599.  
  15600. .dtc-single:nth-child(4) ul li:nth-child(5) {
  15601. transition-delay: 1.3s
  15602. }
  15603.  
  15604. .dtc-single:nth-child(4) ul li:nth-child(6) {
  15605. transition-delay: 1.35s
  15606. }
  15607.  
  15608. .demo-on {
  15609. overflow: hidden!important
  15610. }
  15611.  
  15612. @media only screen and (max-width:767px) {
  15613. .dtc-single {
  15614. transform: translateY(0);
  15615. opacity: 0;
  15616. transition: all .7s;
  15617. height: auto;
  15618. width: 50%;
  15619. float: left;
  15620. padding: 100px 40px
  15621. }
  15622. .active .dtc-single {
  15623. opacity: 1
  15624. }
  15625. .dtc-single:nth-child(1),
  15626. .dtc-single:nth-child(2),
  15627. .dtc-single:nth-child(3),
  15628. .dtc-single:nth-child(4) {
  15629. transition-delay: 0s
  15630. }
  15631. .dtc-inner {
  15632. display: block;
  15633. overflow: scroll
  15634. }
  15635. .dtc-single:nth-child(odd) {
  15636. background: #10122d
  15637. }
  15638. .dtc-single:nth-child(even) {
  15639. background: #0b0c22
  15640. }
  15641. .dtc-single:nth-child(4) {
  15642. background: #10122d
  15643. }
  15644. .dtc-single:nth-child(3) {
  15645. background: #0b0c22
  15646. }
  15647. .theme-light .dtc-single {
  15648. background: #fff
  15649. }
  15650. .theme-light .dtc-single:nth-child(odd) {
  15651. background: #f7f9fb
  15652. }
  15653. .theme-light .dtc-single:nth-child(3) {
  15654. background: #fff
  15655. }
  15656. .theme-light .dtc-single:nth-child(4) {
  15657. background: #f7f9fb
  15658. }
  15659. .io-azure .dtc-single {
  15660. background: #06369c
  15661. }
  15662. .io-azure .dtc-single:nth-child(odd) {
  15663. background: #15257b
  15664. }
  15665. .io-azure .dtc-single:nth-child(3) {
  15666. background: #06369c
  15667. }
  15668. .io-azure .dtc-single:nth-child(4) {
  15669. background: #15257b
  15670. }
  15671. }
  15672.  
  15673. @media only screen and (max-width:440px) {
  15674. .active .demo-close {
  15675. top: 10px
  15676. }
  15677. .dtc-single ul li {
  15678. line-height: 32px;
  15679. font-size: .75em
  15680. }
  15681. .dtc-single {
  15682. padding: 55px 16px
  15683. }
  15684. .demo-new-badge {
  15685. top: 15px
  15686. }
  15687. .demo-close {
  15688. width: 34px;
  15689. height: 34px;
  15690. line-height: 36px;
  15691. font-size: 20px;
  15692. }
  15693. }
  15694.  
  15695. .demo-mode {
  15696. font-size: 10px;
  15697. line-height: 12px!important;
  15698. font-weight: 700;
  15699. letter-spacing: 1px;
  15700. text-transform: uppercase;
  15701. padding-top: 8px;
  15702. }
  15703. /*!
  15704. */
  15705. /*! 01.0 - FONTS */
  15706.  
  15707. @font-face {
  15708. font-family: 'Poppins';
  15709. src: url("../fonts/Poppins-Bold.eot");
  15710. src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype");
  15711. font-weight: bold;
  15712. font-style: normal
  15713. }
  15714. @font-face {
  15715. font-family: 'Poppins';
  15716. src: url("../fonts/Poppins-Light.eot");
  15717. src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype");
  15718. font-weight: 300;
  15719. font-style: normal
  15720. }
  15721. @font-face {
  15722. font-family: 'Poppins';
  15723. src: url("../fonts/Poppins-SemiBold.eot");
  15724. src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype");
  15725. font-weight: 600;
  15726. font-style: normal
  15727. }
  15728. @font-face {
  15729. font-family: 'Poppins';
  15730. src: url("../fonts/Poppins-Medium.eot");
  15731. src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype");
  15732. font-weight: 500;
  15733. font-style: normal
  15734. }
  15735. @font-face {
  15736. font-family: 'Poppins';
  15737. src: url("../fonts/Poppins-Regular.eot");
  15738. src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype");
  15739. font-weight: normal;
  15740. font-style: normal
  15741. }
  15742.  
  15743.  
  15744. /*! 02.0 - RESET */
  15745.  
  15746. body {
  15747. font-family: "Poppins", sans-serif;
  15748. color: #3c3c3c;
  15749. font-size: 15px;
  15750. line-height: 1.86;
  15751. font-weight: 300;
  15752. -webkit-font-smoothing: antialiased;
  15753. -moz-osx-font-smoothing: grayscale;
  15754. position: relative
  15755. }
  15756. body {
  15757. color: #fff;
  15758. background: #10122d
  15759. }
  15760. body.theme-light {
  15761. color: #28384c;
  15762. background: #fff
  15763. }
  15764. body.io-azure {
  15765. background: #0d42b2
  15766. }
  15767. body.io-azure .section-pro,
  15768. body.io-azure .section-pro-alt {
  15769. color: #313c56
  15770. }
  15771. html,
  15772. body {
  15773. overflow-x: hidden
  15774. }
  15775. h1,
  15776. h2,
  15777. h3,
  15778. h4,
  15779. h5,
  15780. h6,
  15781. p,
  15782. ul,
  15783. ol,
  15784. table {
  15785. margin: 0 0 18px
  15786. }
  15787.  
  15788. h1:last-child,
  15789. h2:last-child,
  15790. h3:last-child,
  15791. h4:last-child,
  15792. h5:last-child,
  15793. h6:last-child,
  15794. p:last-child,
  15795. ul:last-child,
  15796. ol:last-child,
  15797. table:last-child {
  15798. margin-bottom: 0
  15799. }
  15800. h1,
  15801. h2,
  15802. h3,
  15803. h4,
  15804. h5,
  15805. h6,
  15806. .h1,
  15807. .h2,
  15808. .h3,
  15809. .h4,
  15810. .h5,
  15811. .h6 {
  15812. line-height: 1.33;
  15813. font-weight: 600;
  15814. color: #373e45
  15815. }
  15816. h1.color-secondary,
  15817. h2.color-secondary,
  15818. h3.color-secondary,
  15819. h4.color-secondary,
  15820. h5.color-secondary,
  15821. h6.color-secondary,
  15822. .h1.color-secondary,
  15823. .h2.color-secondary,
  15824. .h3.color-secondary,
  15825. .h4.color-secondary,
  15826. .h5.color-secondary,
  15827. .h6.color-secondary {
  15828. color: #7a0fff
  15829. }
  15830.  
  15831. h1.color-primary,
  15832. h2.color-primary,
  15833. h3.color-primary,
  15834. h4.color-primary,
  15835. h5.color-primary,
  15836. h6.color-primary,
  15837. .h1.color-primary,
  15838. .h2.color-primary,
  15839. .h3.color-primary,
  15840. .h4.color-primary,
  15841. .h5.color-primary,
  15842. .h6.color-primary {
  15843. color: #46bdf4
  15844. }
  15845.  
  15846. h1+.image:not([class*="mt-"]),
  15847. h2+.image:not([class*="mt-"]),
  15848. h3+.image:not([class*="mt-"]),
  15849. h4+.image:not([class*="mt-"]),
  15850. h5+.image:not([class*="mt-"]),
  15851. h6+.image:not([class*="mt-"]),
  15852. .h1+.image:not([class*="mt-"]),
  15853. .h2+.image:not([class*="mt-"]),
  15854. .h3+.image:not([class*="mt-"]),
  15855. .h4+.image:not([class*="mt-"]),
  15856. .h5+.image:not([class*="mt-"]),
  15857. .h6+.image:not([class*="mt-"]) {
  15858. margin-top: 20px
  15859. }
  15860.  
  15861. .theme-light h1,
  15862. .theme-light h2,
  15863. .theme-light h3,
  15864. .theme-light h4,
  15865. .theme-light h5,
  15866. .theme-light h6,
  15867. .theme-light .h1,
  15868. .theme-light .h2,
  15869. .theme-light .h3,
  15870. .theme-light .h4,
  15871. .theme-light .h5,
  15872. .theme-light .h6 {
  15873. line-height: 1.33;
  15874. font-weight: 500;
  15875. color: #28384c
  15876. }
  15877.  
  15878. .theme-light h1.color-secondary,
  15879. .theme-light h2.color-secondary,
  15880. .theme-light h3.color-secondary,
  15881. .theme-light h4.color-secondary,
  15882. .theme-light h5.color-secondary,
  15883. .theme-light h6.color-secondary,
  15884. .theme-light .h1.color-secondary,
  15885. .theme-light .h2.color-secondary,
  15886. .theme-light .h3.color-secondary,
  15887. .theme-light .h4.color-secondary,
  15888. .theme-light .h5.color-secondary,
  15889. .theme-light .h6.color-secondary {
  15890. color: #7a0fff
  15891. }
  15892.  
  15893. .theme-light h1.color-primary,
  15894. .theme-light h2.color-primary,
  15895. .theme-light h3.color-primary,
  15896. .theme-light h4.color-primary,
  15897. .theme-light h5.color-primary,
  15898. .theme-light h6.color-primary,
  15899. .theme-light .h1.color-primary,
  15900. .theme-light .h2.color-primary,
  15901. .theme-light .h3.color-primary,
  15902. .theme-light .h4.color-primary,
  15903. .theme-light .h5.color-primary,
  15904. .theme-light .h6.color-primary {
  15905. color: #46bdf4
  15906. }
  15907.  
  15908. .theme-light h1+.image:not([class*="mt-"]),
  15909. .theme-light h2+.image:not([class*="mt-"]),
  15910. .theme-light h3+.image:not([class*="mt-"]),
  15911. .theme-light h4+.image:not([class*="mt-"]),
  15912. .theme-light h5+.image:not([class*="mt-"]),
  15913. .theme-light h6+.image:not([class*="mt-"]),
  15914. .theme-light .h1+.image:not([class*="mt-"]),
  15915. .theme-light .h2+.image:not([class*="mt-"]),
  15916. .theme-light .h3+.image:not([class*="mt-"]),
  15917. .theme-light .h4+.image:not([class*="mt-"]),
  15918. .theme-light .h5+.image:not([class*="mt-"]),
  15919. .theme-light .h6+.image:not([class*="mt-"]) {
  15920. margin-top: 20px
  15921. }
  15922.  
  15923. .io-azure .section-pro h1,
  15924. .io-azure .section-pro h2,
  15925. .io-azure .section-pro h3,
  15926. .io-azure .section-pro h4,
  15927. .io-azure .section-pro h5,
  15928. .io-azure .section-pro h6,
  15929. .io-azure .section-pro blockquote,
  15930. .io-azure .section-pro-alt h1,
  15931. .io-azure .section-pro-alt h2,
  15932. .io-azure .section-pro-alt h3,
  15933. .io-azure .section-pro-alt h4,
  15934. .io-azure .section-pro-alt h5,
  15935. .io-azure .section-pro-alt h6,
  15936. .io-azure .section-pro-alt blockquote {
  15937. color: #1641b5
  15938. }
  15939.  
  15940. h1,
  15941. .h1 {
  15942. font-size: 2.93em
  15943. }
  15944.  
  15945. h2,
  15946. .h2 {
  15947. font-size: 2.3em
  15948. }
  15949.  
  15950. h3,
  15951. .h3 {
  15952. font-size: 1.87em
  15953. }
  15954.  
  15955. h4,
  15956. .h4 {
  15957. font-size: 1.6em
  15958. }
  15959.  
  15960. h5,
  15961. .h5 {
  15962. font-size: 1.33em
  15963. }
  15964.  
  15965. h6,
  15966. .h6 {
  15967. font-size: 1.07em
  15968. }
  15969.  
  15970. p {
  15971. font-size: 1em
  15972. }
  15973.  
  15974. h1.color-secondary,
  15975. h2.color-secondary,
  15976. h3.color-secondary,
  15977. h4.color-secondary,
  15978. h5.color-secondary,
  15979. h6.color-secondary,
  15980. .h1.color-secondary,
  15981. .h2.color-secondary,
  15982. .h3.color-secondary,
  15983. .h4.color-secondary,
  15984. .h5.color-secondary,
  15985. .h6.color-secondary,
  15986. p.color-secondary {
  15987. color: #8255fd
  15988. }
  15989.  
  15990. h1.color-primary,
  15991. h2.color-primary,
  15992. h3.color-primary,
  15993. h4.color-primary,
  15994. h5.color-primary,
  15995. h6.color-primary,
  15996. .h1.color-primary,
  15997. .h2.color-primary,
  15998. .h3.color-primary,
  15999. .h4.color-primary,
  16000. .h5.color-primary,
  16001. .h6.color-primary,
  16002. p.color-primary {
  16003. color: #46bdf4
  16004. }
  16005.  
  16006. h1.color-alt-primary,
  16007. h2.color-alt-primary,
  16008. h3.color-alt-primary,
  16009. h4.color-alt-primary,
  16010. h5.color-alt-primary,
  16011. h6.color-alt-primary,
  16012. .h1.color-alt-primary,
  16013. .h2.color-alt-primary,
  16014. .h3.color-alt-primary,
  16015. .h4.color-alt-primary,
  16016. .h5.color-alt-primary,
  16017. .h6.color-alt-primary,
  16018. p.color-alt-primary {
  16019. color: #2b56f5
  16020. }
  16021.  
  16022. p.lead {
  16023. font-size: 1.27em;
  16024. line-height: 1.68
  16025. }
  16026.  
  16027. h1 span,
  16028. h2 span,
  16029. h3 span,
  16030. h4 span,
  16031. h5 span,
  16032. h6 span,
  16033. p span {
  16034. color: #46bdf4
  16035. }
  16036.  
  16037. ul,
  16038. ol {
  16039. padding: 0px;
  16040. margin: 0px
  16041. }
  16042.  
  16043. ul li,
  16044. ol li {
  16045. list-style: none
  16046. }
  16047.  
  16048. .lead {
  16049. line-height: 1.6
  16050. }
  16051.  
  16052. .relative {
  16053. position: relative
  16054. }
  16055.  
  16056. .lh-x1 {
  16057. line-height: 1
  16058. }
  16059.  
  16060. .lh-x2 {
  16061. line-height: 1.5
  16062. }
  16063.  
  16064. .lh-x3 {
  16065. line-height: 2
  16066. }
  16067.  
  16068. blockquote {
  16069. font-size: 1em;
  16070. line-height: 1.625;
  16071. margin: 30px 0;
  16072. border: none;
  16073. color: #3c3c3c
  16074. }
  16075.  
  16076. blockquote:first-child {
  16077. margin-top: 0
  16078. }
  16079.  
  16080. blockquote:last-child {
  16081. margin-bottom: 0
  16082. }
  16083.  
  16084. blockquote p:last-child strong {
  16085. color: #46bdf4
  16086. }
  16087.  
  16088. p+h1,
  16089. p+h2,
  16090. p+h3,
  16091. p+h4,
  16092. p+h5,
  16093. p+h4,
  16094. ul+h1,
  16095. ul+h2,
  16096. ul+h3,
  16097. ul+h4,
  16098. ul+h5,
  16099. ul+h4,
  16100. ol+h1,
  16101. ol+h2,
  16102. ol+h3,
  16103. ol+h4,
  16104. ol+h5,
  16105. ol+h4,
  16106. table+h1,
  16107. table+h2,
  16108. table+h3,
  16109. table+h4,
  16110. table+h5,
  16111. table+h4 {
  16112. margin-top: 35px
  16113. }
  16114.  
  16115. ul+p,
  16116. ul+ul,
  16117. ul+ol,
  16118. ol+ol,
  16119. ol+ul,
  16120. ul+table,
  16121. ol+table {
  16122. margin-top: 35px
  16123. }
  16124.  
  16125. b,
  16126. strong {
  16127. font-weight: 600
  16128. }
  16129.  
  16130. a {
  16131. outline: 0;
  16132. transition: all 0.5s;
  16133. color: #46bdf4
  16134. }
  16135.  
  16136. a:link,
  16137. a:visited {
  16138. text-decoration: none
  16139. }
  16140.  
  16141. a:hover,
  16142. a:focus,
  16143. a:active {
  16144. outline: 0;
  16145. color: #8255fd
  16146. }
  16147.  
  16148. .container {
  16149. position: relative;
  16150. z-index: 5
  16151. }
  16152.  
  16153. .section-bg {
  16154. background: #10122d
  16155. }
  16156.  
  16157. .theme-light .section-bg {
  16158. background: #eff6ff
  16159. }
  16160.  
  16161. .io-azure .section-bg {
  16162. background: #0d42b2
  16163. }
  16164.  
  16165. .section-bg-alt {
  16166. background: #0b0c22
  16167. }
  16168.  
  16169. .theme-light .section-bg-alt {
  16170. background: #fff
  16171. }
  16172.  
  16173. .io-azure .section-bg-alt {
  16174. background: #1b30a4
  16175. }
  16176.  
  16177. .section-bg-dark {
  16178. background: #08091b
  16179. }
  16180.  
  16181. .theme-light .section-bg-dark {
  16182. background: #e5f0ff
  16183. }
  16184.  
  16185. .io-azure .section-bg-dark {
  16186. background: #0b3795
  16187. }
  16188.  
  16189. .section-bg-blend {
  16190. background-image: linear-gradient(to bottom, #0c0f2a 0%, #0b0c22 70%)
  16191. }
  16192.  
  16193. .theme-light .section-bg-blend {
  16194. background-image: linear-gradient(to bottom, #eef4fe 0%, #fff 70%)
  16195. }
  16196.  
  16197. .section-bg-atob {
  16198. background-image: linear-gradient(to bottom, #10122d 0%, #0b0c22 70%)
  16199. }
  16200.  
  16201. .theme-light .section-bg-atob {
  16202. background-image: linear-gradient(to bottom, #eff6ff 0%, #fff 70%)
  16203. }
  16204.  
  16205. .section-bg-btoa {
  16206. background-image: linear-gradient(to bottom, #0b0c22 0%, #10122d 70%)
  16207. }
  16208.  
  16209. .theme-light .section-bg-btoa {
  16210. background-image: linear-gradient(to bottom, #fff 0%, #eff6ff 70%)
  16211. }
  16212.  
  16213. .section-pro {
  16214. background: #fff !important
  16215. }
  16216.  
  16217. .section-pro-alt {
  16218. background: #ebf3fc !important
  16219. }
  16220.  
  16221. .section-bg.section-gradiant,
  16222. .section-bg-alt.section-gradiant {
  16223. background-image: -webkit-linear-gradient(top left, #290075 0%, #086ddf 100%);
  16224. background-image: -o-linear-gradient(top left, #290075 0%, #086ddf 100%);
  16225. background-image: linear-gradient(to bottom right, #290075 0%, #086ddf 100%)
  16226. }
  16227.  
  16228. .section-bg.section-gradiant:after,
  16229. .section-bg-alt.section-gradiant:after {
  16230. opacity: 0
  16231. }
  16232.  
  16233. h1,
  16234. h2,
  16235. h3,
  16236. h4,
  16237. h5,
  16238. h6,
  16239. blockquote {
  16240. color: #fff
  16241. }
  16242.  
  16243. h1.color-secondary,
  16244. h2.color-secondary,
  16245. h3.color-secondary,
  16246. h4.color-secondary,
  16247. h5.color-secondary,
  16248. h6.color-secondary,
  16249. blockquote.color-secondary {
  16250. color: #7a0fff
  16251. }
  16252.  
  16253. h1.color-primary,
  16254. h2.color-primary,
  16255. h3.color-primary,
  16256. h4.color-primary,
  16257. h5.color-primary,
  16258. h6.color-primary,
  16259. blockquote.color-primary {
  16260. color: #46bdf4
  16261. }
  16262.  
  16263. h1.color-alt-primary,
  16264. h2.color-alt-primary,
  16265. h3.color-alt-primary,
  16266. h4.color-alt-primary,
  16267. h5.color-alt-primary,
  16268. h6.color-alt-primary,
  16269. blockquote.color-alt-primary {
  16270. color: #2b56f5
  16271. }
  16272.  
  16273. #preloader {
  16274. position: fixed;
  16275. top: 0;
  16276. left: 0;
  16277. right: 0;
  16278. bottom: 0;
  16279. z-index: 10000
  16280. }
  16281.  
  16282. .theme-light #preloader {
  16283. background-color: #eff6ff
  16284. }
  16285.  
  16286. .color-primary {
  16287. color: #46bdf4
  16288. }
  16289.  
  16290. .color-default {
  16291. color: #3c3c3c
  16292. }
  16293.  
  16294. .color-heading {
  16295. color: #373e45
  16296. }
  16297.  
  16298. .color-secondary {
  16299. color: #7a0fff
  16300. }
  16301.  
  16302. .color-alternet {
  16303. color: #999
  16304. }
  16305.  
  16306. .bg-white {
  16307. background: #fff
  16308. }
  16309.  
  16310. .bg-primary {
  16311. background: #46bdf4
  16312. }
  16313.  
  16314. .bg-secondary {
  16315. background: #7a0fff
  16316. }
  16317.  
  16318. .bg-alternet {
  16319. background: #999
  16320. }
  16321.  
  16322. .bg-light-primary {
  16323. background-color: rgba(70, 189, 244, 0.1)
  16324. }
  16325.  
  16326. .bg-light-secondary {
  16327. background-color: rgba(122, 15, 255, 0.1)
  16328. }
  16329.  
  16330. .bg-light-alternet {
  16331. background-color: rgba(153, 153, 153, 0.1)
  16332. }
  16333.  
  16334. .bdr {
  16335. border: 1px solid rgba(0, 0, 0, 0.04)
  16336. }
  16337.  
  16338. .bdr-y {
  16339. border-top: 1px solid rgba(0, 0, 0, 0.04);
  16340. border-bottom: 1px solid rgba(0, 0, 0, 0.04)
  16341. }
  16342.  
  16343. .bdr-x {
  16344. border-left: 1px solid rgba(0, 0, 0, 0.04);
  16345. border-right: 1px solid rgba(0, 0, 0, 0.04)
  16346. }
  16347.  
  16348. .bdr-top {
  16349. border-top: 1px solid rgba(0, 0, 0, 0.04)
  16350. }
  16351.  
  16352. .bdr-bottom {
  16353. border-bottom: 1px solid rgba(0, 0, 0, 0.04)
  16354. }
  16355.  
  16356. .bdr-none {
  16357. border-color: transparent
  16358. }
  16359.  
  16360. .overflow {
  16361. overflow: hidden
  16362. }
  16363.  
  16364. .animated {
  16365. visibility: hidden
  16366. }
  16367.  
  16368. .preload {
  16369. display: none
  16370. }
  16371.  
  16372. .navbar-toggle {
  16373. margin-right: 0px
  16374. }
  16375.  
  16376. .carousel-control {
  16377. visibility: hidden;
  16378. -webkit-transition: opacity 1s ease-out;
  16379. -moz-transition: opacity 1s ease-out;
  16380. -o-transition: opacity 1s ease-out;
  16381. transition: opacity 1s ease-out;
  16382. opacity: 0;
  16383. width: 60px
  16384. }
  16385.  
  16386. .carousel-control.left,
  16387. .carousel-control.right {
  16388. background-image: none;
  16389. filter: none
  16390. }
  16391.  
  16392. .carousel-control .glyphicon-chevron-left,
  16393. .carousel-control .glyphicon-chevron-right {
  16394. width: 60px;
  16395. height: 60px;
  16396. padding-top: 0;
  16397. -ms-border-radius: 50px;
  16398. border-radius: 50px;
  16399. font-family: 'FontAwesome';
  16400. text-shadow: none;
  16401. font-size: 44px;
  16402. margin-top: -30px
  16403. }
  16404.  
  16405. .carousel-control .glyphicon-chevron-left:hover,
  16406. .carousel-control .glyphicon-chevron-right:hover {
  16407. background: transparent
  16408. }
  16409.  
  16410. .carousel-control .glyphicon-chevron-left {
  16411. left: 10%
  16412. }
  16413.  
  16414. .carousel-control .glyphicon-chevron-left:before {
  16415. content: '\f104'
  16416. }
  16417.  
  16418. .carousel-control .glyphicon-chevron-right {
  16419. right: 10%
  16420. }
  16421.  
  16422. .carousel-control .glyphicon-chevron-right:before {
  16423. content: '\f105'
  16424. }
  16425.  
  16426. .video-box {
  16427. position: relative;
  16428. margin-top: 40px;
  16429. padding-top: 56%
  16430. }
  16431.  
  16432. .video-box iframe {
  16433. border: 1px solid #fbfbfb;
  16434. -ms-border-radius: 5px;
  16435. border-radius: 5px;
  16436. position: absolute;
  16437. top: 0;
  16438. width: 100%;
  16439. height: 100%;
  16440. left: 0
  16441. }
  16442.  
  16443. .panel-group .panel {
  16444. border-radius: 0;
  16445. box-shadow: none;
  16446. border-bottom: 1px solid #eee;
  16447. border: none
  16448. }
  16449.  
  16450. .panel-default>.panel-heading {
  16451. padding: 0;
  16452. border-radius: 0;
  16453. color: #212121;
  16454. background-color: transparent;
  16455. border: 0px
  16456. }
  16457.  
  16458. .panel-title {
  16459. font-size: 20px
  16460. }
  16461.  
  16462. .panel-title>a {
  16463. display: block;
  16464. padding: 15px;
  16465. text-decoration: none
  16466. }
  16467.  
  16468. .more-less {
  16469. float: right;
  16470. color: #212121
  16471. }
  16472.  
  16473. .panel-default>.panel-heading+.panel-collapse>.panel-body {
  16474. border-top-color: #EEEEEE
  16475. }
  16476.  
  16477. .table-responsive {
  16478. margin-bottom: 30px
  16479. }
  16480.  
  16481. .table-responsive:last-child,
  16482. .table-responsive .table {
  16483. margin-bottom: 0
  16484. }
  16485.  
  16486. .table>tbody>tr>td,
  16487. .table>tbody>tr>th,
  16488. .table>tfoot>tr>td,
  16489. .table>tfoot>tr>th,
  16490. .table>thead>tr>td,
  16491. .table>thead>tr>th {
  16492. border-color: #ececec
  16493. }
  16494.  
  16495. .table.bdr-top,
  16496. .table.bdr-bottom {
  16497. border-color: #ececec
  16498. }
  16499.  
  16500. .table-s1>tbody>tr>td,
  16501. .table-s1>tbody>tr>th,
  16502. .table-s1>tfoot>tr>td,
  16503. .table-s1>tfoot>tr>th,
  16504. .table-s1>thead>tr>td,
  16505. .table-s1>thead>tr>th {
  16506. padding: 20px
  16507. }
  16508.  
  16509. .table-vertical>tbody>tr>td {
  16510. vertical-align: middle
  16511. }
  16512.  
  16513. .logo-carousel .owl-dots {
  16514. display: none !important
  16515. }
  16516.  
  16517. .owl-theme .owl-nav {
  16518. margin-top: 0
  16519. }
  16520.  
  16521. .hr-line {
  16522. height: 1px;
  16523. background: #ebebeb
  16524. }
  16525.  
  16526. @keyframes fadeInLeft {
  16527. from {
  16528. opacity: 0;
  16529. transform: translate3d(-50px, 0, 0)
  16530. }
  16531. to {
  16532. opacity: 1;
  16533. transform: none
  16534. }
  16535. }
  16536.  
  16537. @keyframes fadeInRight {
  16538. from {
  16539. opacity: 0;
  16540. transform: translate3d(50px, 0, 0)
  16541. }
  16542. to {
  16543. opacity: 1;
  16544. transform: none
  16545. }
  16546. }
  16547.  
  16548. @keyframes fadeInUp {
  16549. from {
  16550. opacity: 0;
  16551. transform: translate3d(0, 50px, 0)
  16552. }
  16553. to {
  16554. opacity: 1;
  16555. transform: none
  16556. }
  16557. }
  16558.  
  16559. @keyframes fadeIn {
  16560. from {
  16561. opacity: 0
  16562. }
  16563. to {
  16564. opacity: 1
  16565. }
  16566. }
  16567.  
  16568. @media only screen and (min-width: 992px) and (max-width: 1199px) {
  16569. h2,
  16570. .h2 {
  16571. font-size: 2em
  16572. }
  16573. }
  16574.  
  16575. @media only screen and (max-width: 991px) {
  16576. body {
  16577. font-size: 14px;
  16578. -webkit-text-size-adjust: 100%
  16579. }
  16580. .container {
  16581. max-width: 720px
  16582. }
  16583. h2,
  16584. .h2 {
  16585. font-size: 2em
  16586. }
  16587. .res-m-btm {
  16588. margin-bottom: 30px
  16589. }
  16590. }
  16591.  
  16592. @media only screen and (max-width: 767px) {
  16593. .container {
  16594. padding-left: 20px;
  16595. padding-right: 20px;
  16596. max-width: 100%
  16597. }
  16598. .accordion .panel-title {
  16599. font-size: 1.125em;
  16600. font-weight: 400
  16601. }
  16602. h1,
  16603. .h1 {
  16604. font-size: 2.1em
  16605. }
  16606. }
  16607.  
  16608. @media only screen and (max-width: 480px) {
  16609. body {
  16610. min-width: 320px
  16611. }
  16612. h1,
  16613. .h1,
  16614. .heading-lg,
  16615. .heading-lg-lead {
  16616. font-size: 1.5em
  16617. }
  16618. h2,
  16619. .h2 {
  16620. font-size: 1.4em
  16621. }
  16622. h3,
  16623. .h3 {
  16624. font-size: 1.3em
  16625. }
  16626. h5,
  16627. .h5 {
  16628. font-size: 1em
  16629. }
  16630. }
  16631.  
  16632. @media only screen and (max-width: 375px) {
  16633. .btn+.btn {
  16634. margin-top: 5px
  16635. }
  16636. }
  16637.  
  16638.  
  16639. /*! 03.0 - UTILITY */
  16640.  
  16641. img {
  16642. outline: 0;
  16643. border: 0 none;
  16644. max-width: 100%;
  16645. height: auto;
  16646. vertical-align: top;
  16647. -ms-border-radius: 5px;
  16648. border-radius: 5px
  16649. }
  16650.  
  16651. img+h2,
  16652. img h3,
  16653. img h4 {
  16654. margin-top: 15px
  16655. }
  16656.  
  16657. img.alignright {
  16658. padding: 0;
  16659. float: right;
  16660. margin: 5px 0 10px 30px
  16661. }
  16662.  
  16663. h3 img.alignright,
  16664. h4 img.alignright,
  16665. h2 img.alignright,
  16666. h1 img.alignright {
  16667. margin-top: 0
  16668. }
  16669.  
  16670. img.alignleft {
  16671. padding: 0;
  16672. float: left;
  16673. margin: 5px 30px 10px 0
  16674. }
  16675.  
  16676. h3 img.alignleft,
  16677. h4 img.alignleft,
  16678. h2 img.alignleft,
  16679. h1 img.alignleft {
  16680. margin-top: 0
  16681. }
  16682.  
  16683. img.aligncenter {
  16684. float: none;
  16685. display: block;
  16686. margin: 5px auto 15px
  16687. }
  16688.  
  16689. img.aligncenter:first-child {
  16690. margin-top: 0
  16691. }
  16692.  
  16693. img.aligncenter:last-child {
  16694. margin-bottom: 0
  16695. }
  16696.  
  16697. hr,
  16698. .hr {
  16699. margin: 45px 0
  16700. }
  16701.  
  16702. hr:first-child,
  16703. .hr:first-child {
  16704. margin-top: 0
  16705. }
  16706.  
  16707. hr:last-child,
  16708. .hr:last-child {
  16709. margin-bottom: 0
  16710. }
  16711.  
  16712. .hr-lg {
  16713. margin: 60px 0
  16714. }
  16715.  
  16716. .hr-md {
  16717. margin: 30px 0
  16718. }
  16719.  
  16720. .hr-sm {
  16721. margin: 15px 0
  16722. }
  16723.  
  16724. .al-center,
  16725. .center {
  16726. text-align: center
  16727. }
  16728.  
  16729. .al-center .with-line:after,
  16730. .center .with-line:after {
  16731. left: 50%;
  16732. margin-left: -35px
  16733. }
  16734.  
  16735. .al-right {
  16736. text-align: right
  16737. }
  16738.  
  16739. .al-right .with-line:after {
  16740. right: 0
  16741. }
  16742.  
  16743. .al-left {
  16744. text-align: left
  16745. }
  16746.  
  16747. .ucap {
  16748. text-transform: uppercase
  16749. }
  16750.  
  16751. .cap {
  16752. text-transform: capitalize
  16753. }
  16754.  
  16755. .section-pad {
  16756. padding-top: 50px;
  16757. padding-bottom: 70px
  16758. }
  16759.  
  16760. .section-pad-xs {
  16761. padding-top: 20px;
  16762. padding-bottom: 20px
  16763. }
  16764.  
  16765. .section-pad-sm {
  16766. padding-top: 60px;
  16767. padding-bottom: 60px
  16768. }
  16769.  
  16770. .section-pad-md {
  16771. padding-top: 90px;
  16772. padding-bottom: 90px
  16773. }
  16774.  
  16775. .section-pad-lg {
  16776. padding-top: 180px;
  16777. padding-bottom: 180px
  16778. }
  16779.  
  16780. .section-pad.nopd {
  16781. padding-top: 0;
  16782. padding-bottom: 0
  16783. }
  16784.  
  16785. .section-pad.nopb {
  16786. padding-bottom: 0
  16787. }
  16788.  
  16789. .section-pad.nopt {
  16790. padding-top: 0
  16791. }
  16792.  
  16793. .section-pad.section-fix {
  16794. margin-bottom: -30px
  16795. }
  16796.  
  16797. .section-overup[class*="section-pad"] {
  16798. margin-top: -90px;
  16799. padding-top: 0
  16800. }
  16801.  
  16802. .section-overup-lg[class*="section-pad"] {
  16803. margin-top: -180px;
  16804. padding-top: 0
  16805. }
  16806.  
  16807. .pad-0,
  16808. .nopd {
  16809. padding: 0px
  16810. }
  16811.  
  16812. .npl {
  16813. padding-left: 0px
  16814. }
  16815.  
  16816. .npr {
  16817. padding-right: 0px
  16818. }
  16819.  
  16820. .space-top {
  16821. margin-top: 20px
  16822. }
  16823.  
  16824. .space-top-sm {
  16825. margin-top: 15px
  16826. }
  16827.  
  16828. .space-top-md {
  16829. margin-top: 30px
  16830. }
  16831.  
  16832. .space-bottom {
  16833. margin-bottom: 20px
  16834. }
  16835.  
  16836. .space-bottom-sm {
  16837. margin-bottom: 15px
  16838. }
  16839.  
  16840. .space-bottom-md {
  16841. margin-bottom: 30px
  16842. }
  16843.  
  16844. .nomg {
  16845. margin-top: 0;
  16846. margin-bottom: 0
  16847. }
  16848.  
  16849. .wide-lg {
  16850. max-width: 1170px;
  16851. margin: 0 auto
  16852. }
  16853.  
  16854. .wide-md {
  16855. max-width: 970px;
  16856. margin: 0 auto
  16857. }
  16858.  
  16859. .wide-sm {
  16860. max-width: 770px;
  16861. margin: 0 auto
  16862. }
  16863.  
  16864. .wide-xs {
  16865. max-width: 570px;
  16866. margin: 0 auto
  16867. }
  16868.  
  16869. .img-shadow {
  16870. box-shadow: 0 12px 15px rgba(0, 0, 0, 0.05)
  16871. }
  16872.  
  16873. .round {
  16874. -ms-border-radius: 4px;
  16875. border-radius: 4px
  16876. }
  16877.  
  16878. .round-md {
  16879. -ms-border-radius: 8px;
  16880. border-radius: 8px
  16881. }
  16882.  
  16883. .round-lg {
  16884. -ms-border-radius: 35px;
  16885. border-radius: 35px
  16886. }
  16887.  
  16888. .circle {
  16889. -ms-border-radius: 50%;
  16890. border-radius: 50%
  16891. }
  16892.  
  16893. .image {
  16894. margin-bottom: 20px
  16895. }
  16896.  
  16897. .image:last-child {
  16898. margin-bottom: 0
  16899. }
  16900.  
  16901. .image img {
  16902. max-width: 100%;
  16903. height: auto
  16904. }
  16905.  
  16906. .image[class*="round"] a,
  16907. .image[class*="round"] img,
  16908. .image.circle a,
  16909. .image.circle img {
  16910. border-radius: inherit
  16911. }
  16912.  
  16913. .image.circle:not([class*="al-"]) {
  16914. text-align: center
  16915. }
  16916.  
  16917. .image.circle:not(.image-md) img {
  16918. width: 100%;
  16919. max-width: 555px
  16920. }
  16921.  
  16922. .image-md img {
  16923. width: 90%;
  16924. max-width: 220px
  16925. }
  16926.  
  16927. .gaps {
  16928. clear: both;
  16929. height: 20px;
  16930. display: block;
  16931. margin: 0
  16932. }
  16933.  
  16934. .gaps.size-lg {
  16935. height: 60px
  16936. }
  16937.  
  16938. .gaps.size-md {
  16939. height: 30px
  16940. }
  16941.  
  16942. .gaps.size-sm {
  16943. height: 15px
  16944. }
  16945.  
  16946. .gaps.size-0-5x {
  16947. height: 10px
  16948. }
  16949.  
  16950. .gaps.size-1-5x {
  16951. height: 30px
  16952. }
  16953.  
  16954. .gaps.size-1x {
  16955. height: 20px
  16956. }
  16957.  
  16958. .gaps.size-2x {
  16959. height: 40px
  16960. }
  16961.  
  16962. .gaps.size-3x {
  16963. height: 60px
  16964. }
  16965.  
  16966. .gaps.size-4x {
  16967. height: 80px
  16968. }
  16969.  
  16970. .gaps.size-5x {
  16971. height: 100px
  16972. }
  16973.  
  16974. .gaps.size-6x {
  16975. height: 120px
  16976. }
  16977.  
  16978. .gaps.size-xs {
  16979. height: 10px
  16980. }
  16981.  
  16982. .gaps.size-sep {
  16983. height: 45px
  16984. }
  16985.  
  16986. .gaps.size-section {
  16987. height: 120px
  16988. }
  16989.  
  16990. .pd-x1 {
  16991. padding: 10px
  16992. }
  16993.  
  16994. .pd-x2 {
  16995. padding: 20px
  16996. }
  16997.  
  16998. .pd-x3 {
  16999. padding: 30px
  17000. }
  17001.  
  17002. .pd-x4 {
  17003. padding: 40px
  17004. }
  17005.  
  17006. .pd-x5 {
  17007. padding: 50px
  17008. }
  17009.  
  17010. .mg-x1 {
  17011. margin: 10px
  17012. }
  17013.  
  17014. .mg-x2 {
  17015. margin: 20px
  17016. }
  17017.  
  17018. .mg-x3 {
  17019. margin: 30px
  17020. }
  17021.  
  17022. .mg-x4 {
  17023. margin: 40px
  17024. }
  17025.  
  17026. .mg-x5 {
  17027. margin: 50px
  17028. }
  17029.  
  17030. .mt-x1 {
  17031. margin-top: 10px
  17032. }
  17033.  
  17034. .mt-x2 {
  17035. margin-top: 20px
  17036. }
  17037.  
  17038. .mt-x3 {
  17039. margin-top: 30px
  17040. }
  17041.  
  17042. .mt-x4 {
  17043. margin-top: 40px
  17044. }
  17045.  
  17046. .mt-x5 {
  17047. margin-top: 50px
  17048. }
  17049.  
  17050. .mt-x6 {
  17051. margin-top: 60px
  17052. }
  17053.  
  17054. .mt-x7 {
  17055. margin-top: 70px
  17056. }
  17057.  
  17058. .mt-x8 {
  17059. margin-top: 80px
  17060. }
  17061.  
  17062. .mb-x1 {
  17063. margin-bottom: 10px
  17064. }
  17065.  
  17066. .mb-x2 {
  17067. margin-bottom: 20px
  17068. }
  17069.  
  17070. .mb-x3 {
  17071. margin-bottom: 30px
  17072. }
  17073.  
  17074. .mb-x4 {
  17075. margin-bottom: 40px
  17076. }
  17077.  
  17078. .mb-x5 {
  17079. margin-bottom: 50px
  17080. }
  17081.  
  17082. .mb-x6 {
  17083. margin-bottom: 60px
  17084. }
  17085.  
  17086. .mb-x7 {
  17087. margin-bottom: 70px
  17088. }
  17089.  
  17090. .mb-x8 {
  17091. margin-bottom: 80px
  17092. }
  17093.  
  17094. .ml-x1 {
  17095. margin-left: 10px
  17096. }
  17097.  
  17098. .ml-x2 {
  17099. margin-left: 20px
  17100. }
  17101.  
  17102. .ml-x3 {
  17103. margin-left: 30px
  17104. }
  17105.  
  17106. .ml-x4 {
  17107. margin-left: 40px
  17108. }
  17109.  
  17110. .ml-x5 {
  17111. margin-left: 50px
  17112. }
  17113.  
  17114. .mr-x1 {
  17115. margin-right: 10px
  17116. }
  17117.  
  17118. .mr-x2 {
  17119. margin-right: 20px
  17120. }
  17121.  
  17122. .mr-x3 {
  17123. margin-right: 30px
  17124. }
  17125.  
  17126. .mr-x4 {
  17127. margin-right: 40px
  17128. }
  17129.  
  17130. .mr-x5 {
  17131. margin-right: 50px
  17132. }
  17133.  
  17134. .mlr-x1 {
  17135. margin-left: 10px;
  17136. margin-right: 10px
  17137. }
  17138.  
  17139. .mlr-x2 {
  17140. margin-left: 20px;
  17141. margin-right: 20px
  17142. }
  17143.  
  17144. .mlr-x3 {
  17145. margin-left: 30px;
  17146. margin-right: 30px
  17147. }
  17148.  
  17149. .mlr-x4 {
  17150. margin-left: 40px;
  17151. margin-right: 40px
  17152. }
  17153.  
  17154. .mlr-x5 {
  17155. margin-left: 50px;
  17156. margin-right: 50px
  17157. }
  17158.  
  17159. .mlr--x0-5 {
  17160. margin-left: -5px;
  17161. margin-right: -5px
  17162. }
  17163.  
  17164. .mlr--x1 {
  17165. margin-left: -10px;
  17166. margin-right: -10px
  17167. }
  17168.  
  17169. .mlr--x2 {
  17170. margin-left: -20px;
  17171. margin-right: -20px
  17172. }
  17173.  
  17174. .mlr--x3 {
  17175. margin-left: -30px;
  17176. margin-right: -30px
  17177. }
  17178.  
  17179. .mlr--x4 {
  17180. margin-left: -40px;
  17181. margin-right: -40px
  17182. }
  17183.  
  17184. .mlr--x5 {
  17185. margin-left: -50px;
  17186. margin-right: -50px
  17187. }
  17188.  
  17189. .plr-x0-5 {
  17190. padding-left: 5px;
  17191. padding-right: 5px
  17192. }
  17193.  
  17194. .plr-x1 {
  17195. padding-left: 10px;
  17196. padding-right: 10px
  17197. }
  17198.  
  17199. .plr-x2 {
  17200. padding-left: 20px;
  17201. padding-right: 20px
  17202. }
  17203.  
  17204. .plr-x3 {
  17205. padding-left: 30px;
  17206. padding-right: 30px
  17207. }
  17208.  
  17209. .plr-x4 {
  17210. padding-left: 40px;
  17211. padding-right: 40px
  17212. }
  17213.  
  17214. .plr-x5 {
  17215. padding-left: 50px;
  17216. padding-right: 50px
  17217. }
  17218.  
  17219. .no-pd,
  17220. .pd-no {
  17221. padding: 0 !important
  17222. }
  17223.  
  17224. .no-pt,
  17225. .pt-no {
  17226. padding-top: 0 !important
  17227. }
  17228.  
  17229. .no-pb,
  17230. .pb-no {
  17231. padding-bottom: 0 !important
  17232. }
  17233.  
  17234. .no-mg,
  17235. .mg-no {
  17236. margin: 0 !important
  17237. }
  17238.  
  17239. .no-mt,
  17240. .mt-no {
  17241. margin-top: 0 !important
  17242. }
  17243.  
  17244. .no-mb,
  17245. .mb-no {
  17246. margin-bottom: 0 !important
  17247. }
  17248.  
  17249. .no-bg,
  17250. .bg-no {
  17251. background: none !important
  17252. }
  17253.  
  17254. .no-round,
  17255. .round-no,
  17256. .noround,
  17257. .square,
  17258. .no-circle {
  17259. border-radius: 0 !important
  17260. }
  17261.  
  17262. .no-shadow,
  17263. .shadow-no {
  17264. text-shadow: none !important;
  17265. box-shadow: none !important
  17266. }
  17267.  
  17268. @media screen and (min-width: 1600px) {
  17269. .section-pad {
  17270. padding-top: 180px;
  17271. padding-bottom: 180px
  17272. }
  17273. .section-pad-xs {
  17274. padding-top: 20px;
  17275. padding-bottom: 20px
  17276. }
  17277. .section-pad-sm {
  17278. padding-top: 90px;
  17279. padding-bottom: 90px
  17280. }
  17281. .section-pad-md {
  17282. padding-top: 120px;
  17283. padding-bottom: 120px
  17284. }
  17285. .section-pad-lg {
  17286. padding-top: 240px;
  17287. padding-bottom: 240px
  17288. }
  17289. .section-pad.nopd {
  17290. padding-top: 0;
  17291. padding-bottom: 0
  17292. }
  17293. }
  17294.  
  17295. @media only screen and (min-width: 1200px) {
  17296. .pad-r {
  17297. padding-right: 60px
  17298. }
  17299. .pad-r-md {
  17300. padding-right: 30px
  17301. }
  17302. .pad-l {
  17303. padding-left: 60px
  17304. }
  17305. .pad-l-md {
  17306. padding-left: 30px
  17307. }
  17308. }
  17309.  
  17310. @media only screen and (min-width: 992px) and (max-width: 1199px) {
  17311. .pad-r {
  17312. padding-right: 45px
  17313. }
  17314. .pad-l {
  17315. padding-left: 45px
  17316. }
  17317. }
  17318.  
  17319. @media only screen and (max-width: 1200px) {
  17320. .section-pad,
  17321. .section-pad-lg {
  17322. padding-top: 90px;
  17323. padding-bottom: 90px
  17324. }
  17325. .res-l-bttm {
  17326. margin-bottom: 60px
  17327. }
  17328. .res-l-bttm-sm,
  17329. .form-m-bttm {
  17330. margin-bottom: 15px
  17331. }
  17332. .res-l-bttm-xs {
  17333. margin-bottom: 10px
  17334. }
  17335. .res-l-bttm-lg {
  17336. margin-bottom: 45px
  17337. }
  17338. }
  17339.  
  17340. @media only screen and (max-width: 991px) {
  17341. .section-pad,
  17342. .section-pad-lg {
  17343. padding-top: 90px;
  17344. padding-bottom: 90px
  17345. }
  17346. .res-m-bttm {
  17347. margin-bottom: 30px
  17348. }
  17349. .res-m-bttm-sm,
  17350. .form-m-bttm {
  17351. margin-bottom: 15px
  17352. }
  17353. .res-m-bttm-xs {
  17354. margin-bottom: 10px
  17355. }
  17356. .res-m-bttm-lg {
  17357. margin-bottom: 45px
  17358. }
  17359. .al-center-md,
  17360. .center-md {
  17361. text-align: center
  17362. }
  17363. .al-right-md {
  17364. text-align: right
  17365. }
  17366. .al-left-md {
  17367. text-align: left
  17368. }
  17369. .gaps.size-lg {
  17370. height: 45px
  17371. }
  17372. .gaps.size-md {
  17373. height: 25px
  17374. }
  17375. .gaps.size-section {
  17376. height: 90px
  17377. }
  17378. .npr {
  17379. padding-left: 0
  17380. }
  17381. .npl {
  17382. padding-right: 0
  17383. }
  17384. .ml-x1 {
  17385. margin-left: 0
  17386. }
  17387. .ml-x2 {
  17388. margin-left: 0
  17389. }
  17390. .ml-x3 {
  17391. margin-left: 0
  17392. }
  17393. .ml-x4 {
  17394. margin-left: 0
  17395. }
  17396. .ml-x5 {
  17397. margin-left: 0
  17398. }
  17399. .mr-x1 {
  17400. margin-right: 0
  17401. }
  17402. .mr-x2 {
  17403. margin-right: 0
  17404. }
  17405. .mr-x3 {
  17406. margin-right: 0
  17407. }
  17408. .mr-x4 {
  17409. margin-right: 0
  17410. }
  17411. .mr-x5 {
  17412. margin-right: 0
  17413. }
  17414. hr,
  17415. .hr {
  17416. margin-top: 30px;
  17417. margin-bottom: 30px
  17418. }
  17419. hr:last-child,
  17420. .hr:last-child {
  17421. margin-bottom: 0
  17422. }
  17423. hr:first-child,
  17424. .hr:first-child {
  17425. margin-top: 0
  17426. }
  17427. }
  17428.  
  17429. @media only screen and (max-width: 767px) {
  17430. .al-center-sm,
  17431. .center-sm {
  17432. text-align: center
  17433. }
  17434. .al-right-sm {
  17435. text-align: right
  17436. }
  17437. .al-left-sm {
  17438. text-align: left
  17439. }
  17440. .image.circle:not(.image-md) img {
  17441. max-width: 320px
  17442. }
  17443. .section-pad,
  17444. .section-pad-lg {
  17445. padding-top: 60px;
  17446. padding-bottom: 60px
  17447. }
  17448. .section-overup[class*="section-pad"] {
  17449. margin-top: -60px
  17450. }
  17451. .section-overup-lg[class*="section-pad"] {
  17452. margin-top: -90px
  17453. }
  17454. .res-s-bttm {
  17455. margin-bottom: 30px
  17456. }
  17457. .res-s-bttm-lg {
  17458. margin-bottom: 45px
  17459. }
  17460. .res-s-bttm-sm {
  17461. margin-bottom: 15px
  17462. }
  17463. .res-s-bttm-xs {
  17464. margin-bottom: 10px
  17465. }
  17466. .gaps.size-lg {
  17467. height: 45px
  17468. }
  17469. .gaps.size-section {
  17470. height: 90px
  17471. }
  17472. .space-top,
  17473. .space-bottom,
  17474. .space-top-sm,
  17475. .space-bottom-sm,
  17476. .space-top-md,
  17477. .space-bottom-md {
  17478. margin-top: 30px
  17479. }
  17480. .content .npl+.pad-0 {
  17481. margin-top: 25px
  17482. }
  17483. .pad-xs-0 {
  17484. padding: 0px
  17485. }
  17486. }
  17487.  
  17488. @media only screen and (max-width: 480px) {
  17489. img.alignright,
  17490. img.alignleft,
  17491. img.aligncenter {
  17492. width: 100%
  17493. }
  17494. img.no-resize,
  17495. .no-resize {
  17496. width: auto;
  17497. max-width: 100%
  17498. }
  17499. .pd-x3,
  17500. .pd-x4,
  17501. .pd-x5 {
  17502. padding: 25px
  17503. }
  17504. }
  17505.  
  17506.  
  17507. /*! 04.0 - COMMON */
  17508.  
  17509. .section-head {
  17510. padding-bottom: 60px;
  17511. position: relative
  17512. }
  17513.  
  17514. .section-head .section-title {
  17515. margin-bottom: 50px;
  17516. text-transform: uppercase;
  17517. position: relative;
  17518. z-index: 2
  17519. }
  17520.  
  17521. .section-head .section-title span,
  17522. .section-head .section-title:before {
  17523. position: absolute;
  17524. top: 50%;
  17525. left: 0;
  17526. width: 100%;
  17527. content: attr(data-content);
  17528. font-size: 120px;
  17529. height: 120px;
  17530. margin-top: -60px;
  17531. line-height: 1;
  17532. z-index: 1;
  17533. color: rgba(122, 15, 255, 0.08)
  17534. }
  17535.  
  17536. .section-head-s2 {
  17537. position: relative;
  17538. padding-bottom: 60px
  17539. }
  17540.  
  17541. .section-head-s2:before,
  17542. .section-head-s2:after {
  17543. position: absolute;
  17544. left: 50%;
  17545. height: 1px;
  17546. width: 110px;
  17547. content: "";
  17548. transform: rotate(-45deg);
  17549. z-index: 1;
  17550. opacity: .4
  17551. }
  17552.  
  17553. .section-head-s2:before {
  17554. top: 60px;
  17555. margin-left: -80px;
  17556. background: #46bdf4
  17557. }
  17558.  
  17559. .section-head-s2:after {
  17560. top: 5px;
  17561. margin-left: -50px;
  17562. background: #7ab9ff
  17563. }
  17564.  
  17565. .section-head-s2 .heading-xs {
  17566. position: relative;
  17567. text-transform: uppercase;
  17568. color: #7ab9ff;
  17569. letter-spacing: 0.2em;
  17570. z-index: 2
  17571. }
  17572.  
  17573. .section-head-s2 .section-title {
  17574. position: relative;
  17575. margin-bottom: 25px;
  17576. z-index: 2;
  17577. font-size: 2.4em;
  17578. letter-spacing: -0.01em
  17579. }
  17580.  
  17581. .heading-animation {
  17582. position: absolute;
  17583. height: 60px;
  17584. width: 60px;
  17585. left: 50%;
  17586. top: 10px;
  17587. opacity: .2;
  17588. border-radius: 50%;
  17589. background: transparent;
  17590. transform: rotate(45deg) translate(-50%, 0)
  17591. }
  17592.  
  17593. .heading-animation .line-1,
  17594. .heading-animation .line-2,
  17595. .heading-animation .line-3,
  17596. .heading-animation .line-4,
  17597. .heading-animation .line-5,
  17598. .heading-animation .line-6,
  17599. .heading-animation .line-7,
  17600. .heading-animation .line-8 {
  17601. position: absolute;
  17602. content: "";
  17603. border-radius: 50%;
  17604. background: transparent;
  17605. border-top: 1px solid #2b56f5;
  17606. border-left: 1px solid #2b56f5
  17607. }
  17608.  
  17609. .heading-animation .line-1 {
  17610. top: -15px;
  17611. left: -15px;
  17612. height: 90px;
  17613. width: 90px
  17614. }
  17615.  
  17616. .heading-animation .line-2 {
  17617. top: -30px;
  17618. left: -30px;
  17619. height: 120px;
  17620. width: 120px
  17621. }
  17622.  
  17623. .heading-animation .line-3 {
  17624. top: -45px;
  17625. left: -45px;
  17626. height: 150px;
  17627. width: 150px
  17628. }
  17629.  
  17630. .heading-animation .line-4 {
  17631. top: -60px;
  17632. left: -60px;
  17633. height: 180px;
  17634. width: 180px
  17635. }
  17636.  
  17637. .heading-animation .line-5 {
  17638. top: -75px;
  17639. left: -75px;
  17640. height: 210px;
  17641. width: 210px
  17642. }
  17643.  
  17644. .heading-animation .line-6 {
  17645. top: -90px;
  17646. left: -90px;
  17647. height: 240px;
  17648. width: 240px
  17649. }
  17650.  
  17651. .heading-animation .line-7 {
  17652. top: -105px;
  17653. left: -105px;
  17654. height: 270px;
  17655. width: 270px
  17656. }
  17657.  
  17658. .heading-animation .line-8 {
  17659. top: -120px;
  17660. left: -120px;
  17661. height: 300px;
  17662. width: 300px
  17663. }
  17664.  
  17665. .section-title-sm {
  17666. text-transform: uppercase;
  17667. letter-spacing: 0.3em
  17668. }
  17669.  
  17670. .section-title-md {
  17671. margin-bottom: 30px
  17672. }
  17673.  
  17674. .light .sub-heading {
  17675. color: #8284a5
  17676. }
  17677.  
  17678. .sub-heading {
  17679. text-align: center;
  17680. color: #8284a5
  17681. }
  17682.  
  17683. .io-azure .sub-heading {
  17684. color: #fff
  17685. }
  17686.  
  17687. @media only screen and (min-width: 481px) and (max-width: 991px) {
  17688. .section-head {
  17689. padding-bottom: 40px
  17690. }
  17691. .section-head .section-title {
  17692. margin-bottom: 30px
  17693. }
  17694. .section-head .section-title span,
  17695. .section-head .section-title:before {
  17696. font-size: 80px;
  17697. height: 80px;
  17698. margin-top: -40px
  17699. }
  17700. }
  17701.  
  17702. @media only screen and (max-width: 480px) {
  17703. .section-head {
  17704. padding-bottom: 40px
  17705. }
  17706. .section-head .section-title {
  17707. margin-bottom: 30px
  17708. }
  17709. .section-head .section-title span,
  17710. .section-head .section-title:before {
  17711. font-size: 50px;
  17712. height: 50px;
  17713. margin-top: -25px
  17714. }
  17715. .section-head-s2 {
  17716. padding-bottom: 40px
  17717. }
  17718. .section-head-s2:before,
  17719. .section-head-s2:after {
  17720. width: 80px
  17721. }
  17722. .section-head-s2:before {
  17723. top: 50px;
  17724. margin-left: -50px
  17725. }
  17726. .section-head-s2:after {
  17727. margin-left: -30px
  17728. }
  17729. .section-head-s2 .section-title {
  17730. font-size: 1.4em
  17731. }
  17732. }
  17733.  
  17734. .section-connect {
  17735. position: relative
  17736. }
  17737.  
  17738. .section-connect:before {
  17739. position: absolute;
  17740. top: 0;
  17741. left: 50%;
  17742. content: "";
  17743. margin-left: -80px;
  17744. margin-top: -1px;
  17745. height: 2px;
  17746. width: 160px;
  17747. background: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
  17748. transform: rotate(90deg)
  17749. }
  17750.  
  17751. @media only screen and (max-width: 991px) {
  17752. .section-connect:before {
  17753. margin-left: -40px;
  17754. width: 80px
  17755. }
  17756. }
  17757.  
  17758. .img-wrapper {
  17759. position: absolute;
  17760. bottom: 0px;
  17761. max-width: 520px
  17762. }
  17763.  
  17764. .imagebg {
  17765. position: absolute;
  17766. height: 100%;
  17767. right: 0;
  17768. top: 0;
  17769. left: 0;
  17770. background-size: cover;
  17771. background-position: 50% 50%;
  17772. background-repeat: no-repeat;
  17773. z-index: 0;
  17774. opacity: 0;
  17775. transition: opacity .4s
  17776. }
  17777.  
  17778. .imagebg.imagebg-bottom {
  17779. background-position: center bottom
  17780. }
  17781.  
  17782. .imagebg.footerbg {
  17783. background-repeat: repeat;
  17784. background-size: 631.33px 366px
  17785. }
  17786.  
  17787. .fixed-bg .imagebg {
  17788. background-attachment: fixed
  17789. }
  17790.  
  17791. .imagebg img {
  17792. display: none
  17793. }
  17794.  
  17795. .image-on-left .imagebg,
  17796. .image-on-right .imagebg {
  17797. width: 50%
  17798. }
  17799.  
  17800. .image-on-left .imagebg {
  17801. right: 50%
  17802. }
  17803.  
  17804. .image-on-right .imagebg {
  17805. left: 50%
  17806. }
  17807.  
  17808. .image-slice .imagebg {
  17809. width: 40%;
  17810. left: 0
  17811. }
  17812.  
  17813. .image-slice .imagebg+.imagebg {
  17814. width: 60%;
  17815. left: 40%
  17816. }
  17817.  
  17818. .image-slice .section-bg:not(.section-bg-r):after {
  17819. content: "";
  17820. background: #46bdf4;
  17821. position: absolute;
  17822. left: 0;
  17823. bottom: 0;
  17824. top: 0;
  17825. opacity: .9;
  17826. width: 100%
  17827. }
  17828.  
  17829. .image-slice .section-bg.section-bg-alt:not(.section-bg-r):after {
  17830. background: #7a0fff
  17831. }
  17832.  
  17833. .has-bg-image {
  17834. position: relative
  17835. }
  17836.  
  17837. .bg-image-loaded {
  17838. opacity: 1
  17839. }
  17840.  
  17841. .has-bg,
  17842. .fixed-bg {
  17843. background-repeat: no-repeat;
  17844. background-position: 50% 50%;
  17845. background-size: cover
  17846. }
  17847.  
  17848. .has-bg {
  17849. position: relative
  17850. }
  17851.  
  17852. .has-bg:after {
  17853. position: absolute;
  17854. top: 0;
  17855. left: 0;
  17856. right: 0;
  17857. bottom: 0;
  17858. content: "";
  17859. background-color: #000;
  17860. opacity: .5;
  17861. z-index: 1
  17862. }
  17863.  
  17864. .has-bg.bg-primary:after {
  17865. background-color: #46bdf4
  17866. }
  17867.  
  17868. .has-bg.bg-secondary:after {
  17869. background-color: #7a0fff
  17870. }
  17871.  
  17872. .has-bg.bg-alternet:after {
  17873. background-color: #999
  17874. }
  17875.  
  17876. .has-bg.bg-light:after {
  17877. background-color: #10122d
  17878. }
  17879.  
  17880. .has-bg.dark-filter:after {
  17881. opacity: .50
  17882. }
  17883.  
  17884. .has-bg.darker-filter:after {
  17885. opacity: .9
  17886. }
  17887.  
  17888. .has-bg.light-filter:after {
  17889. opacity: .25
  17890. }
  17891.  
  17892. .has-bg.lighter-filter:after {
  17893. opacity: .15
  17894. }
  17895.  
  17896. .has-bg.no-filter:after {
  17897. opacity: 0.01
  17898. }
  17899.  
  17900. .has-bg .container,
  17901. .has-bg-image .container {
  17902. position: relative;
  17903. z-index: 2
  17904. }
  17905.  
  17906. .fixed-bg {
  17907. background-attachment: fixed
  17908. }
  17909.  
  17910. @media screen and (min-width: 2200px) {
  17911. .image-slice .imagebg {
  17912. width: 44%
  17913. }
  17914. .image-slice .imagebg+.imagebg {
  17915. width: 56%;
  17916. left: 44%
  17917. }
  17918. }
  17919.  
  17920. @media screen and (min-width: 1600px) {
  17921. .image-slice .imagebg {
  17922. width: 42%
  17923. }
  17924. .image-slice .imagebg+.imagebg {
  17925. width: 58%;
  17926. left: 42%
  17927. }
  17928. }
  17929.  
  17930. @media only screen and (max-width: 991px) {
  17931. .image-slice .imagebg {
  17932. width: 100%
  17933. }
  17934. .image-slice .imagebg+.imagebg {
  17935. display: none
  17936. }
  17937. .imagebg.footerbg {
  17938. background-repeat: repeat;
  17939. background-size: 473.5px 274.5px
  17940. }
  17941. }
  17942.  
  17943. @media only screen and (min-width: 768px) and (max-width: 991px) {
  17944. .image-on-left .imagebg,
  17945. .image-on-right .imagebg {
  17946. width: 40%
  17947. }
  17948. .image-on-left .imagebg {
  17949. right: 60%
  17950. }
  17951. .image-on-right .imagebg {
  17952. left: 60%
  17953. }
  17954. }
  17955.  
  17956. @media only screen and (max-width: 767px) {
  17957. .image-on-left .imagebg,
  17958. .image-on-right .imagebg {
  17959. width: 100%;
  17960. position: static;
  17961. margin-top: 60px;
  17962. margin-bottom: -60px;
  17963. height: 320px
  17964. }
  17965. .accordion .card .card-header a {
  17966. padding: 15px 60px 15px 20px
  17967. }
  17968. .accordion .card .card-body {
  17969. padding: 0 20px 15px 20px
  17970. }
  17971. }
  17972.  
  17973. @media only screen and (max-width: 1280px) {
  17974. .has-parallax {
  17975. background-position: 50% 50% !important;
  17976. background-attachment: scroll !important
  17977. }
  17978. }
  17979.  
  17980. @media only screen and (max-width: 480px) {
  17981. .image-on-left .imagebg,
  17982. .image-on-right .imagebg {
  17983. height: 220px
  17984. }
  17985. }
  17986.  
  17987. .tab-custom .nav-tabs {
  17988. background: none;
  17989. border-bottom: 2px solid rgba(122, 15, 255, 0.2);
  17990. display: table;
  17991. width: 100%
  17992. }
  17993.  
  17994. .tab-custom .nav-tabs.row {
  17995. margin-left: 0;
  17996. margin-right: 0
  17997. }
  17998.  
  17999. .tab-custom .nav-tabs li.nav-item {
  18000. display: table-cell;
  18001. float: none;
  18002. margin-bottom: 0
  18003. }
  18004.  
  18005. .tab-custom .nav-tabs li>a {
  18006. text-align: center;
  18007. border-radius: 0px;
  18008. padding: 10px 2px;
  18009. margin: 0px;
  18010. font-size: 16px;
  18011. font-weight: 700;
  18012. line-height: 24px;
  18013. color: #fff;
  18014. font-weight: 400;
  18015. font-size: 18px;
  18016. text-transform: uppercase;
  18017. border: none;
  18018. border-bottom: 2px solid transparent;
  18019. margin-bottom: -2px
  18020. }
  18021.  
  18022. .tab-custom .nav-tabs li>a:hover {
  18023. border-bottom-color: transparent;
  18024. color: #46bdf4
  18025. }
  18026.  
  18027. .tab-custom .nav-tabs li>a img {
  18028. height: 60px;
  18029. width: auto;
  18030. margin-top: -5px
  18031. }
  18032.  
  18033. .tab-custom .nav-tabs li>a.active,
  18034. .tab-custom .nav-tabs li>a.active:hover,
  18035. .tab-custom .nav-tabs li>a.active:focus,
  18036. .tab-custom .nav-tabs li>a.active:hover,
  18037. .tab-custom .nav-tabs li>a.active:focus {
  18038. border-bottom-color: #46bdf4;
  18039. color: #fff;
  18040. background: transparent
  18041. }
  18042.  
  18043. .tab-custom .tab-content {
  18044. background: none;
  18045. padding: 30px 0 0
  18046. }
  18047.  
  18048. .tab-custom .tab-content h4 {
  18049. font-size: 1.5em;
  18050. margin-bottom: 15px
  18051. }
  18052.  
  18053. .tab-custom .tab-content a {
  18054. padding: 8px 16px;
  18055. margin-top: 25px
  18056. }
  18057.  
  18058. .tab-custom-s2 .nav-tabs {
  18059. border-bottom: none;
  18060. display: block
  18061. }
  18062.  
  18063. .tab-custom-s2 .nav-tabs li.nav-item {
  18064. display: inline-block
  18065. }
  18066.  
  18067. .tab-custom-s2 .nav-tabs li>a {
  18068. padding: 10px 8px;
  18069. font-weight: 400;
  18070. margin: 0 20px;
  18071. color: #fff;
  18072. opacity: .5;
  18073. border-bottom-width: 1px;
  18074. display: inline-block
  18075. }
  18076.  
  18077. .tab-custom-s2 .nav-tabs li>a:hover {
  18078. opacity: 1;
  18079. color: #fff
  18080. }
  18081.  
  18082. .tab-custom-s2 .nav-tabs li>a.active,
  18083. .tab-custom-s2 .nav-tabs li>a.active:hover,
  18084. .tab-custom-s2 .nav-tabs li>a.active:focus,
  18085. .tab-custom-s2 .nav-tabs li>a.active:hover,
  18086. .tab-custom-s2 .nav-tabs li>a.active:focus {
  18087. border-bottom-color: #2b56f5;
  18088. color: #fff;
  18089. opacity: 1
  18090. }
  18091.  
  18092. .section-pro .tab-custom-s2 .nav-tabs li>a,
  18093. .section-pro-alt .tab-custom-s2 .nav-tabs li>a {
  18094. color: #1641b5
  18095. }
  18096.  
  18097. .section-pro .tab-custom-s2 .nav-tabs li>a:hover,
  18098. .section-pro-alt .tab-custom-s2 .nav-tabs li>a:hover {
  18099. opacity: 1;
  18100. color: #1641b5
  18101. }
  18102.  
  18103. .section-pro .tab-custom-s2 .nav-tabs li>a.active,
  18104. .section-pro .tab-custom-s2 .nav-tabs li>a.active:hover,
  18105. .section-pro .tab-custom-s2 .nav-tabs li>a.active:focus,
  18106. .section-pro .tab-custom-s2 .nav-tabs li>a.active:hover,
  18107. .section-pro .tab-custom-s2 .nav-tabs li>a.active:focus,
  18108. .section-pro-alt .tab-custom-s2 .nav-tabs li>a.active,
  18109. .section-pro-alt .tab-custom-s2 .nav-tabs li>a.active:hover,
  18110. .section-pro-alt .tab-custom-s2 .nav-tabs li>a.active:focus,
  18111. .section-pro-alt .tab-custom-s2 .nav-tabs li>a.active:hover,
  18112. .section-pro-alt .tab-custom-s2 .nav-tabs li>a.active:focus {
  18113. border-bottom-color: #2b56f5;
  18114. color: #1641b5;
  18115. opacity: 1
  18116. }
  18117.  
  18118. .theme-light .tab-custom .nav-tabs li>a {
  18119. color: #3c3c3c
  18120. }
  18121.  
  18122. .theme-light .tab-custom .nav-tabs li>a:hover {
  18123. color: #46bdf4
  18124. }
  18125.  
  18126. .theme-light .tab-custom .nav-tabs li>a.active,
  18127. .theme-light .tab-custom .nav-tabs li>a.active:hover,
  18128. .theme-light .tab-custom .nav-tabs li>a.active:focus,
  18129. .theme-light .tab-custom .nav-tabs li>a.active:hover,
  18130. .theme-light .tab-custom .nav-tabs li>a.active:focus {
  18131. color: #3c3c3c
  18132. }
  18133.  
  18134. @media only screen and (max-width: 767px) {
  18135. .tab-custom .tab-content {
  18136. padding: 25px 0 30px
  18137. }
  18138. .tab-custom .nav-tabs li.nav-item>a {
  18139. font-size: 13px
  18140. }
  18141. }
  18142.  
  18143. @media only screen and (max-width: 350px) {
  18144. .tab-custom .nav-tabs li.nav-item {
  18145. display: block;
  18146. width: 100%
  18147. }
  18148. .tab-custom .nav-tabs li.nav-item>a {
  18149. font-size: 12px;
  18150. line-height: 18px
  18151. }
  18152. }
  18153.  
  18154. .shadow {
  18155. box-shadow: 0 6px 23px -2px rgba(0, 0, 0, 0.05)
  18156. }
  18157.  
  18158. .shadow-alt {
  18159. box-shadow: 0 6px 23px -2px rgba(0, 0, 0, 0.11)
  18160. }
  18161.  
  18162. .mgr--30 {
  18163. margin-right: -30px
  18164. }
  18165.  
  18166. .mgl--30 {
  18167. margin-left: -30px
  18168. }
  18169.  
  18170. @media only screen and (max-width: 1280px) {
  18171. .owl-nav .owl-next {
  18172. right: 0
  18173. }
  18174. .owl-nav .owl-prev {
  18175. left: 0
  18176. }
  18177. }
  18178.  
  18179. @media only screen and (max-width: 991px) {
  18180. .res-m-bttm {
  18181. margin-bottom: 30px
  18182. }
  18183. .res-m-bttm-sm,
  18184. .form-m-bttm {
  18185. margin-bottom: 15px
  18186. }
  18187. .res-m-bttm-xs {
  18188. margin-bottom: 10px
  18189. }
  18190. .res-m-bttm-lg {
  18191. margin-bottom: 45px
  18192. }
  18193. .res-m-bttm-3x {
  18194. margin-bottom: 60px
  18195. }
  18196. .mgr--30 {
  18197. margin-right: 0
  18198. }
  18199. .mgl--30 {
  18200. margin-left: 0
  18201. }
  18202. }
  18203.  
  18204. @media only screen and (min-width: 768px) and (max-width: 991px) {
  18205. .tab-center {
  18206. text-align: center !important
  18207. }
  18208. .tab-left {
  18209. text-align: left !important
  18210. }
  18211. }
  18212.  
  18213. @media only screen and (max-width: 767px) {
  18214. .mobile-left {
  18215. text-align: left !important
  18216. }
  18217. .mobile-center {
  18218. text-align: center !important
  18219. }
  18220. body,
  18221. .navigation {
  18222. min-width: 300px
  18223. }
  18224. }
  18225.  
  18226. select:focus {
  18227. outline: none;
  18228. border: none
  18229. }
  18230.  
  18231. .select2-container--default .select2-selection--single .select2-selection__rendered {
  18232. line-height: 44px;
  18233. font-size: .9em;
  18234. padding-left: 20px;
  18235. padding-right: 44px;
  18236. color: #fff
  18237. }
  18238.  
  18239. .theme-light .select2-container--default .select2-selection--single .select2-selection__rendered {
  18240. color: #28384c
  18241. }
  18242.  
  18243. .io-azure.io-azure-pro .select2-container--default .select2-selection--single .select2-selection__rendered {
  18244. color: #28384c;
  18245. background: #eff6ff
  18246. }
  18247.  
  18248. .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  18249. padding-right: 20px;
  18250. padding-left: 44px
  18251. }
  18252.  
  18253. .select2-container--default .select2-results__option--highlighted[aria-selected] {
  18254. background: rgba(70, 189, 244, 0.2)
  18255. }
  18256.  
  18257. .theme-light .select2-container--default .select2-results__option--highlighted[aria-selected],
  18258. .io-azure.io-azure-pro .select2-container--default .select2-results__option--highlighted[aria-selected] {
  18259. background: rgba(70, 189, 244, 0.4)
  18260. }
  18261.  
  18262. .select2-container--default .select2-results__option[aria-selected=true] {
  18263. background: rgba(70, 189, 244, 0.3)
  18264. }
  18265.  
  18266. .select2-container .select2-selection--single {
  18267. height: 44px
  18268. }
  18269.  
  18270. .select2-container--default .select2-selection--single {
  18271. border-radius: 0;
  18272. background: rgba(70, 189, 244, 0.1);
  18273. border: none
  18274. }
  18275.  
  18276. .select2-container--default .select2-selection--single:focus {
  18277. outline: none
  18278. }
  18279.  
  18280. .select2-container--default .select2-selection--single .select2-selection__arrow {
  18281. height: 44px;
  18282. width: 44px;
  18283. top: 0;
  18284. right: 0;
  18285. transition: all .5s ease
  18286. }
  18287.  
  18288. .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  18289. position: absolute;
  18290. top: 0;
  18291. right: 0;
  18292. font-family: themify;
  18293. content: '\e64b';
  18294. font-size: 16px;
  18295. line-height: 44px;
  18296. text-align: center;
  18297. width: 44px
  18298. }
  18299.  
  18300. .select2-container--default .select2-selection--single .select2-selection__arrow b {
  18301. display: none
  18302. }
  18303.  
  18304. .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  18305. transform: rotate(180deg)
  18306. }
  18307.  
  18308. .select2-container {
  18309. width: 100% !important
  18310. }
  18311.  
  18312. .select2-container--default .select2-results>.select2-results__options {
  18313. max-height: 400px
  18314. }
  18315.  
  18316. .select2-search--dropdown {
  18317. display: none
  18318. }
  18319.  
  18320. .select2-dropdown {
  18321. background: #08091b;
  18322. border-radius: 0;
  18323. border: none
  18324. }
  18325.  
  18326. .io-azure .select2-dropdown {
  18327. background: #0d42b2
  18328. }
  18329.  
  18330. .theme-light .select2-dropdown {
  18331. background: #e5f0ff
  18332. }
  18333.  
  18334. .io-azure.io-azure-pro .select2-dropdown {
  18335. background: #e5f0ff;
  18336. color: #28384c
  18337. }
  18338.  
  18339. .select2-results__option {
  18340. padding: 6px 20px;
  18341. transition: all .5s ease
  18342. }
  18343.  
  18344.  
  18345. /*! 06.0 - HEADER SECTION */
  18346.  
  18347. .particles-container {
  18348. position: absolute;
  18349. top: 0;
  18350. left: 0;
  18351. height: 100%;
  18352. width: 100%;
  18353. z-index: 2
  18354. }
  18355.  
  18356. .theme-dark:not(.io-azure) .particles-container {
  18357. opacity: .7
  18358. }
  18359.  
  18360. .theme-light:not(.io-azure) .particles-container {
  18361. opacity: .4
  18362. }
  18363.  
  18364. .site-header {
  18365. position: relative
  18366. }
  18367.  
  18368. .site-header .navbar {
  18369. border-radius: 0;
  18370. border: 0 none;
  18371. min-width: 300px;
  18372. padding: 12px 0 0;
  18373. margin: 0;
  18374. z-index: 9
  18375. }
  18376.  
  18377. .site-header .navbar-brand {
  18378. height: auto;
  18379. padding: 0
  18380. }
  18381.  
  18382. .site-header .navbar-brand img {
  18383. width: auto;
  18384. max-width: 100%;
  18385. max-height: 40px
  18386. }
  18387.  
  18388. .site-header .navbar-header .quote-btn {
  18389. display: none
  18390. }
  18391.  
  18392. .site-header .navbar-collapse {
  18393. padding: 0;
  18394. background-color: transparent;
  18395. color: #3c3c3c
  18396. }
  18397.  
  18398. .site-header .logo-light {
  18399. display: none
  18400. }
  18401.  
  18402. .navbar .navbar-nav>li:hover>a {
  18403. color: #46bdf4;
  18404. background: transparent
  18405. }
  18406.  
  18407. .navbar .navbar-nav>li>a {
  18408. background: transparent;
  18409. text-transform: uppercase;
  18410. color: inherit;
  18411. font-size: 13px;
  18412. font-weight: 500;
  18413. line-height: 38px;
  18414. margin: 0 8.5px;
  18415. transition: all .35s ease
  18416. }
  18417.  
  18418. .navbar .navbar-nav>li>a.nav-link {
  18419. padding-left: 0;
  18420. padding-right: 0
  18421. }
  18422.  
  18423. .navbar .navbar-nav>li>a.nav-link.btn {
  18424. min-width: auto;
  18425. padding: 3px 23px 0;
  18426. }
  18427.  
  18428. .navbar .navbar-nav>li>a.nav-link.btn.active {
  18429. color: #fff
  18430. }
  18431.  
  18432. .navbar .navbar-nav>li>a.nav-link.btn.active:after {
  18433. opacity: 0
  18434. }
  18435.  
  18436. .navbar .navbar-nav>li>a.nav-link.btn.active:before {
  18437. opacity: 1
  18438. }
  18439.  
  18440. .navbar .navbar-nav>li>a.nav-link.btn:hover {
  18441. color: #fff
  18442. }
  18443.  
  18444. .navbar .navbar-nav>li>a.nav-link.active {
  18445. color: #46bdf4;
  18446. background: transparent
  18447. }
  18448.  
  18449. .navbar .navbar-nav>li>.dropdown-menu .nav-opened .dropdown-menu,
  18450. .navbar .navbar-nav>li>.dropdown-menu .dropdown-menu {
  18451. top: 0;
  18452. margin-top: 0
  18453. }
  18454.  
  18455. .navbar .navbar-nav>li.nav-opened>.dropdown-menu,
  18456. .navbar .navbar-nav>li:hover>.dropdown-menu {
  18457. top: 100%;
  18458. opacity: 1;
  18459. visibility: visible
  18460. }
  18461.  
  18462. .navbar .navbar-nav.rollover .dropdown-menu {
  18463. z-index: 1010
  18464. }
  18465.  
  18466. .navbar .navbar-nav .dropdown-menu {
  18467. background: #1b1e4b;
  18468. border: 0px;
  18469. border-radius: 0;
  18470. padding: 10px 0;
  18471. left: 0;
  18472. top: 100%;
  18473. display: block;
  18474. opacity: 0;
  18475. width: 200px;
  18476. visibility: hidden;
  18477. transition: all .3s;
  18478. border-radius: 2px;
  18479. transition: all .5s ease
  18480. }
  18481.  
  18482. .navbar .navbar-nav .dropdown-menu:after {
  18483. position: absolute;
  18484. top: -7px;
  18485. left: 20px;
  18486. content: "";
  18487. height: 0;
  18488. width: 0;
  18489. border-bottom: 7px solid #1b1e4b;
  18490. border-left: 5px solid transparent;
  18491. border-right: 5px solid transparent
  18492. }
  18493.  
  18494. .navbar .navbar-nav .dropdown-menu .nav-opened .dropdown-menu,
  18495. .navbar .navbar-nav .dropdown-menu .dropdown-menu {
  18496. left: 200px;
  18497. opacity: 0
  18498. }
  18499.  
  18500. .navbar .navbar-nav .dropdown-menu .dropdown-item {
  18501. font-size: 13px;
  18502. font-weight: 500;
  18503. text-transform: uppercase;
  18504. color: #fff
  18505. }
  18506.  
  18507. .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
  18508. .navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
  18509. .navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  18510. color: #46bdf4;
  18511. background: transparent
  18512. }
  18513.  
  18514. .navbar .navbar-nav .dropdown-menu .caret {
  18515. margin-top: 0;
  18516. vertical-align: middle;
  18517. transform: translateY(-50%) rotate(-90deg);
  18518. position: absolute;
  18519. top: 50%;
  18520. right: 20px
  18521. }
  18522.  
  18523. .navbar .navbar-nav .dropdown-menu li {
  18524. position: relative
  18525. }
  18526.  
  18527. .navbar .navbar-nav .dropdown-menu li:hover>a {
  18528. color: #46bdf4;
  18529. background: transparent
  18530. }
  18531.  
  18532. .navbar .navbar-nav .dropdown-menu li a {
  18533. padding: 10px 25px 10px 15px;
  18534. text-transform: inherit
  18535. }
  18536.  
  18537. .navbar .navbar-nav .dropdown-menu li.nav-opened .dropdown-menu {
  18538. opacity: 1;
  18539. visibility: visible;
  18540. height: auto
  18541. }
  18542.  
  18543. .navbar .navbar-nav .dropdown-menu li:hover .dropdown-menu {
  18544. opacity: 1;
  18545. visibility: visible;
  18546. height: auto
  18547. }
  18548.  
  18549. .navbar .navbar-nav .dropdown-menu li:hover.has-children:after {
  18550. border-left-color: #46bdf4
  18551. }
  18552.  
  18553. .navbar .navbar-nav .dropdown-menu li.has-children:after {
  18554. position: absolute;
  18555. top: 50%;
  18556. right: 20px;
  18557. content: "";
  18558. height: 0;
  18559. width: 0;
  18560. transform: translateY(-50%);
  18561. border-top: 4px solid transparent;
  18562. border-bottom: 4px solid transparent;
  18563. border-left: 4px solid #3c3c3c;
  18564. transition: all .5s ease
  18565. }
  18566.  
  18567. .navbar .navbar-nav .dropdown-menu li.dropdown>a:before {
  18568. content: "\f105";
  18569. display: block;
  18570. position: absolute;
  18571. top: 50%;
  18572. right: 8px;
  18573. opacity: 1;
  18574. margin-top: -7px;
  18575. height: 14px;
  18576. width: 12px;
  18577. text-align: center;
  18578. font-size: 13px;
  18579. line-height: 14px;
  18580. font-family: "FontAwesome";
  18581. color: #000
  18582. }
  18583.  
  18584. .navbar .navbar-nav .dropdown-menu.active>a,
  18585. .navbar .navbar-nav .dropdown-menu li>a:hover,
  18586. .navbar .navbar-nav .dropdown-menu li>a:focus {
  18587. color: #46bdf4
  18588. }
  18589.  
  18590. .navbar .navbar-nav .dropdown-menu>.active>a,
  18591. .navbar .navbar-nav .dropdown-menu>.active>a:focus,
  18592. .navbar .navbar-nav .dropdown-menu>.active>a:hover {
  18593. color: #46bdf4;
  18594. background-color: #f5f5f5
  18595. }
  18596.  
  18597. .navbar .navbar-nav .label {
  18598. margin-top: -3px;
  18599. vertical-align: middle;
  18600. display: inline-block;
  18601. margin-left: 5px;
  18602. text-transform: uppercase;
  18603. padding: 3px 10px 4px;
  18604. -ms-border-radius: 20px;
  18605. border-radius: 20px
  18606. }
  18607.  
  18608. .theme-light .navbar .navbar-nav .dropdown-menu {
  18609. background: #d0e5ff
  18610. }
  18611.  
  18612. .theme-light .navbar .navbar-nav .dropdown-menu:after {
  18613. border-bottom-color: #d0e5ff
  18614. }
  18615.  
  18616. .theme-light .navbar .navbar-nav .dropdown-menu .dropdown-item {
  18617. color: #3c3c3c
  18618. }
  18619.  
  18620. .theme-light .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
  18621. .theme-light .navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
  18622. .theme-light .navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  18623. color: #46bdf4;
  18624. background: transparent
  18625. }
  18626.  
  18627. .io-azure .navbar .navbar-nav .dropdown-menu {
  18628. background: #0a3082
  18629. }
  18630.  
  18631. .io-azure .navbar .navbar-nav .dropdown-menu:after {
  18632. border-bottom-color: #0a3082
  18633. }
  18634.  
  18635. .site-header {
  18636. position: relative
  18637. }
  18638.  
  18639. .site-header .navbar {
  18640. padding: 0;
  18641. transition: all .5s ease;
  18642. border-bottom: 1px solid transparent
  18643. }
  18644.  
  18645. .site-header .navbar-nav>li>a {
  18646. color: #fff
  18647. }
  18648.  
  18649. .site-header .navbar-nav>li.quote-btn {
  18650. margin-top: 23px
  18651. }
  18652.  
  18653. .site-header .navbar-nav>li:last-child:not(.quote-btn) {
  18654. margin-right: -15px
  18655. }
  18656.  
  18657. .site-header .navbar-collapse ul+ul {
  18658. margin-top: 0
  18659. }
  18660.  
  18661. .site-header .navbar-btns {
  18662. margin-left: 60px
  18663. }
  18664.  
  18665. .site-header .navbar.is-transparent {
  18666. background: transparent;
  18667. position: absolute;
  18668. top: 0;
  18669. left: 0;
  18670. width: 100%
  18671. }
  18672.  
  18673. .site-header .navbar.is-transparent .navbar-brand .logo-dark {
  18674. display: none
  18675. }
  18676.  
  18677. .site-header .navbar.is-transparent .navbar-brand .logo-light {
  18678. display: block
  18679. }
  18680.  
  18681. .site-header.has-fixed .navbar {
  18682. position: fixed;
  18683. width: 100%;
  18684. z-index: 9;
  18685. top: 0;
  18686. background: #020207;
  18687. border-bottom-color: rgba(0, 0, 0, 0.04)
  18688. }
  18689.  
  18690. .site-header .is-transparent+.banner .banner-content {
  18691. padding-top: 50px
  18692. }
  18693.  
  18694. .site-header .navbar-brand {
  18695. margin-top: 20px;
  18696. margin-bottom: 20px;
  18697. margin-left: 0;
  18698. z-index: 6
  18699. }
  18700.  
  18701. .site-header .scroll-down {
  18702. color: #fff;
  18703. font-size: 10px;
  18704. display: inline-block;
  18705. text-transform: uppercase;
  18706. position: absolute;
  18707. bottom: 120px;
  18708. right: 20px;
  18709. transform: rotate(-90deg);
  18710. z-index: 5
  18711. }
  18712.  
  18713. .site-header .scroll-down:after {
  18714. position: absolute;
  18715. content: "";
  18716. height: 1px;
  18717. width: 40px;
  18718. background: #fff;
  18719. left: -52px;
  18720. top: 50%;
  18721. animation: upDown2 2s infinite
  18722. }
  18723.  
  18724. @keyframes upDown2 {
  18725. 0%,
  18726. 20%,
  18727. 50%,
  18728. 80%,
  18729. 100% {
  18730. transform: translateX(0)
  18731. }
  18732. 40% {
  18733. transform: translateX(4px)
  18734. }
  18735. 60% {
  18736. transform: translateX(6px)
  18737. }
  18738. }
  18739.  
  18740. .theme-light .site-header .navbar-nav>li:hover a {
  18741. color: #46bdf4
  18742. }
  18743.  
  18744. .theme-light .site-header .navbar-nav>li>a {
  18745. color: #28384c
  18746. }
  18747.  
  18748. .theme-light .site-header .navbar.is-transparent .navbar-brand .logo-dark {
  18749. display: block
  18750. }
  18751.  
  18752. .theme-light .site-header .navbar.is-transparent .navbar-brand .logo-light {
  18753. display: none
  18754. }
  18755.  
  18756. .theme-light .site-header.has-fixed .navbar {
  18757. background: #e5f0ff;
  18758. border-bottom-color: rgba(0, 0, 0, 0.04)
  18759. }
  18760.  
  18761. .io-azure .site-header.has-fixed .navbar {
  18762. background: #0b3795;
  18763. border-bottom-color: rgba(0, 0, 0, 0.04)
  18764. }
  18765.  
  18766. .language-switcher {
  18767. position: relative
  18768. }
  18769.  
  18770. .language-switcher:before {
  18771. position: absolute;
  18772. content: '';
  18773. left: 0;
  18774. top: 0;
  18775. height: 30px;
  18776. width: 1px;
  18777. background: rgba(255, 255, 255, 0.1)
  18778. }
  18779.  
  18780. .language-switcher>a {
  18781. color: #fff;
  18782. font-size: .85em;
  18783. padding: 0 17px;
  18784. position: relative
  18785. }
  18786.  
  18787. .language-switcher>a:hover,
  18788. .language-switcher>a:focus {
  18789. color: #fff
  18790. }
  18791.  
  18792. .language-switcher>a:after {
  18793. position: absolute;
  18794. top: 2px;
  18795. right: 2px;
  18796. font-family: themify;
  18797. content: '\e64b';
  18798. font-size: 7px
  18799. }
  18800.  
  18801. .language-switcher .dropdown-menu {
  18802. border: none;
  18803. background: #0f4bca;
  18804. min-width: 46px;
  18805. margin-left: 2px
  18806. }
  18807.  
  18808. .language-switcher .dropdown-item {
  18809. padding: 0 15px;
  18810. color: #fff;
  18811. font-size: .85em;
  18812. text-align: center
  18813. }
  18814.  
  18815. .language-switcher .dropdown-item:hover {
  18816. color: #46bdf4;
  18817. background: transparent
  18818. }
  18819.  
  18820. .footer-scetion .language-switcher>a:after {
  18821. top: 0
  18822. }
  18823.  
  18824. .navbar-toggler {
  18825. margin-right: 15px;
  18826. padding: 0 5px;
  18827. color: #fff;
  18828. border-radius: 2px;
  18829. border: none;
  18830. transition: all .5s ease;
  18831. background: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
  18832. }
  18833.  
  18834. .navbar-toggler:hover {
  18835. background: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
  18836. }
  18837.  
  18838. .navbar-toggler:focus {
  18839. outline: none
  18840. }
  18841.  
  18842. .navbar-toggler-icon {
  18843. line-height: 30px
  18844. }
  18845.  
  18846. .navbar-toggler .ti {
  18847. line-height: 30px;
  18848. font-size: 20px
  18849. }
  18850.  
  18851. .banner {
  18852. min-height: 97vh
  18853. }
  18854.  
  18855. .banner.banner-full {
  18856. min-height: 100vh
  18857. }
  18858.  
  18859. .banner.banner-particle {
  18860. background: url(../images/particle-left.png) top left no-repeat, url(../images/particle-right.png) top right no-repeat, #08091b;
  18861. background-size: auto, auto, auto
  18862. }
  18863.  
  18864. .banner.banner-curb {
  18865. background: url(../images/header-bottom.png) bottom center no-repeat, #08091b;
  18866. background-size: 100%
  18867. }
  18868.  
  18869. .banner.banner-curb.banner-particle {
  18870. background: url(../images/header-bottom.png) bottom center no-repeat, url(../images/particle-left.png) top left no-repeat, url(../images/particle-right.png) top right no-repeat, #08091b;
  18871. background-size: 100%, auto, auto, auto
  18872. }
  18873.  
  18874. .theme-light .banner.banner-particle {
  18875. background: url(../images/particle-left.png) top left no-repeat, url(../images/particle-right.png) top right no-repeat, #eff6ff;
  18876. background-size: auto, auto, auto
  18877. }
  18878.  
  18879. .theme-light .banner.banner-curb {
  18880. background: url(../images/header-bottom-light.png) bottom center no-repeat, #eff6ff;
  18881. background-size: 100%
  18882. }
  18883.  
  18884. .theme-light .banner.banner-curb.banner-particle {
  18885. background: url(../images/header-bottom-light.png) bottom center no-repeat, url(../images/particle-left.png) top left no-repeat, url(../images/particle-right.png) top right no-repeat, #eff6ff;
  18886. background-size: 100%, auto, auto, auto
  18887. }
  18888.  
  18889. .header-image {
  18890. position: relative;
  18891. z-index: 3;
  18892. margin: 0 -150px 0 -30px
  18893. }
  18894.  
  18895. .header-image-icon {
  18896. position: absolute;
  18897. top: 32%;
  18898. width: 30px
  18899. }
  18900.  
  18901. .header-image .left-icon {
  18902. left: 44%;
  18903. margin-left: -1px;
  18904. animation: jumping 1s linear 0s infinite alternate
  18905. }
  18906.  
  18907. .header-image .right-icon {
  18908. right: 41%;
  18909. margin-right: -5px;
  18910. margin-top: 5px;
  18911. animation: jumping 1s linear .5s infinite alternate
  18912. }
  18913.  
  18914. .header-image-alt {
  18915. min-width: 1050px
  18916. }
  18917.  
  18918. .header-image-element {
  18919. position: absolute;
  18920. width: 72px
  18921. }
  18922.  
  18923. .header-image-element-1 {
  18924. left: 43%;
  18925. bottom: 21%
  18926. }
  18927.  
  18928. .header-image-element-2 {
  18929. left: 61%;
  18930. bottom: 30%
  18931. }
  18932.  
  18933. @keyframes jumping {
  18934. 0% {
  18935. transform: translateY(5px)
  18936. }
  18937. 100% {
  18938. transform: translateY(-25px)
  18939. }
  18940. }
  18941.  
  18942. .header-txt {
  18943. position: relative;
  18944. z-index: 3
  18945. }
  18946.  
  18947. .page {
  18948. position: relative
  18949. }
  18950.  
  18951. .page-banner {
  18952. min-height: 280px;
  18953. background: url(../images/particle-left.png) top left no-repeat, url(../images/particle-right.png) top right no-repeat, #08091b;
  18954. background-size: auto, auto, auto
  18955. }
  18956.  
  18957. .theme-light .page-banner {
  18958. background: url(../images/particle-left.png) top left no-repeat, url(../images/particle-right.png) top right no-repeat, #eff6ff;
  18959. background-size: auto, auto, auto
  18960. }
  18961.  
  18962. .io-azure .page-banner {
  18963. background: url(../images/header-overlay.png) 0 0 no-repeat, url(../images/header-bg-azure.png) 0 0 no-repeat;
  18964. background-size: 50%, cover
  18965. }
  18966.  
  18967. .page-heading {
  18968. padding: 80px 0 40px;
  18969. text-transform: uppercase
  18970. }
  18971.  
  18972. .page-head-image {
  18973. position: absolute;
  18974. max-width: 550px;
  18975. right: -50px;
  18976. bottom: -125px
  18977. }
  18978.  
  18979. @media only screen and (max-width: 991px) {
  18980. .page-banner {
  18981. min-height: 220px
  18982. }
  18983. .page-head-image {
  18984. max-width: 350px;
  18985. right: -20px;
  18986. bottom: -75px
  18987. }
  18988. }
  18989.  
  18990. @media only screen and (max-width: 480px) {
  18991. .page-banner {
  18992. min-height: 180px
  18993. }
  18994. .page-head-image {
  18995. max-width: 220px;
  18996. right: -50px;
  18997. bottom: -40px
  18998. }
  18999. }
  19000.  
  19001. @media only screen and (min-width: 992px) and (max-width: 1199px) {
  19002. .site-header .navbar-btns {
  19003. margin-left: 30px
  19004. }
  19005. .site-header .scroll-down {
  19006. bottom: 100px;
  19007. right: 20px
  19008. }
  19009. .partner-list-s2 {
  19010. padding-right: 60px
  19011. }
  19012. .navbar .navbar-nav>li>a {
  19013. font-size: 12px;
  19014. margin: 0 6.5px
  19015. }
  19016. .header-image .left-icon {
  19017. margin-left: -3px
  19018. }
  19019. .header-image .right-icon {
  19020. margin-right: -7px
  19021. }
  19022. .header-image-alt {
  19023. min-width: 750px
  19024. }
  19025. .header-image-element {
  19026. position: absolute;
  19027. width: 50px
  19028. }
  19029. .header-image-element-1 {
  19030. left: 38%;
  19031. bottom: 20%
  19032. }
  19033. .header-image-element-2 {
  19034. left: 53%;
  19035. bottom: 30%
  19036. }
  19037. }
  19038.  
  19039. @media only screen and (max-width: 991px) {
  19040. .site-header .navbar-brand {
  19041. margin-left: 15px
  19042. }
  19043. .site-header .navbar.is-transparent.active {
  19044. background: #0b0c22
  19045. }
  19046. .theme-light .site-header .navbar.is-transparent.active {
  19047. background: #eff6ff
  19048. }
  19049. .site-header .navbar-btns {
  19050. margin: 0 20px 30px;
  19051. padding-top: 10px;
  19052. display: inline-block
  19053. }
  19054. .site-header .navbar-btns li {
  19055. display: inline-block
  19056. }
  19057. .partner-list-s2 {
  19058. padding-right: 60px
  19059. }
  19060. .site-header .scroll-down {
  19061. bottom: 80px;
  19062. right: 0
  19063. }
  19064. .navbar-collapse {
  19065. position: relative
  19066. }
  19067. .navbar-collapse:after {
  19068. opacity: 0;
  19069. content: "";
  19070. position: absolute;
  19071. left: 0;
  19072. right: 0;
  19073. height: 220px;
  19074. bottom: 0;
  19075. z-index: -1;
  19076. background-image: linear-gradient(to bottom, #0b0c22 0%, #1b1e4b 100%);
  19077. transition: all .4s
  19078. }
  19079. .theme-light .navbar-collapse:after {
  19080. background-image: linear-gradient(to bottom, #eff6ff 0%, #d6e8ff 100%)
  19081. }
  19082. .navbar-collapse.show:after {
  19083. opacity: 1
  19084. }
  19085. .navbar .navbar-nav li:hover {
  19086. opacity: 1
  19087. }
  19088. .navbar .navbar-nav li a.nav-link {
  19089. padding: 0 5px
  19090. }
  19091. .navbar .navbar-nav .dropdown-menu {
  19092. width: 100%;
  19093. opacity: 1;
  19094. visibility: visible;
  19095. display: none
  19096. }
  19097. .navbar .navbar-nav .dropdown-menu:after {
  19098. display: none
  19099. }
  19100. }
  19101.  
  19102. @media only screen and (min-width: 1800px) {
  19103. .banner {
  19104. min-height: 96vh
  19105. }
  19106. .banner.banner-full {
  19107. height: 100vh
  19108. }
  19109. }
  19110.  
  19111. @media only screen and (max-width: 991px) {
  19112. .banner {
  19113. min-height: 1000px
  19114. }
  19115. .banner.banner-full {
  19116. min-height: 830px
  19117. }
  19118. .header-image {
  19119. width: 690px;
  19120. margin: 0 auto
  19121. }
  19122. .header-image-icon {
  19123. top: 30%;
  19124. width: 20px
  19125. }
  19126. .header-image .left-icon {
  19127. margin-left: 3px
  19128. }
  19129. .header-image .right-icon {
  19130. margin-right: 0
  19131. }
  19132. .header-image-alt {
  19133. min-width: 690px
  19134. }
  19135. .header-image-element {
  19136. width: 44px
  19137. }
  19138. .header-image-element-1 {
  19139. left: 24%;
  19140. bottom: 21%
  19141. }
  19142. .header-image-element-2 {
  19143. left: 33%;
  19144. bottom: 30%
  19145. }
  19146. .theme-light .banner.banner-curb.banner-particle,
  19147. .banner.banner-curb.banner-particle {
  19148. background-size: 150%, 75%, 75%, auto;
  19149. background-position: bottom center, -65% 30%, 165% 60%, 0 0
  19150. }
  19151. }
  19152.  
  19153. @media only screen and (max-width: 767px) {
  19154. .navbar .navbar-nav li a.nav-link {
  19155. padding: 0 20px
  19156. }
  19157. .header-image {
  19158. width: 600px;
  19159. margin: 0 auto
  19160. }
  19161. .header-image-icon {
  19162. top: 30%;
  19163. width: 20px
  19164. }
  19165. .header-image .left-icon {
  19166. margin-left: 1px
  19167. }
  19168. .header-image .right-icon {
  19169. margin-right: -1px
  19170. }
  19171. .header-image-alt {
  19172. min-width: 440px;
  19173. max-width: 440px;
  19174. margin: 0 auto
  19175. }
  19176. .header-image-element {
  19177. width: 30px
  19178. }
  19179. .header-image-element-1 {
  19180. left: 27%;
  19181. bottom: 21%
  19182. }
  19183. .header-image-element-2 {
  19184. left: 35.5%;
  19185. bottom: 30%
  19186. }
  19187. }
  19188.  
  19189. @media only screen and (max-width: 599px) {
  19190. .banner {
  19191. min-height: 900px
  19192. }
  19193. .banner.banner-full {
  19194. min-height: 900px
  19195. }
  19196. }
  19197.  
  19198. @media only screen and (max-width: 480px) {
  19199. .banner {
  19200. min-height: 665px
  19201. }
  19202. .banner.banner-full {
  19203. min-height: 665px
  19204. }
  19205. .site-header .is-transparent+.banner .banner-content {
  19206. padding-top: 30px
  19207. }
  19208. .header-image {
  19209. width: 280px;
  19210. margin: 0 auto
  19211. }
  19212. .header-image-icon {
  19213. top: 30%;
  19214. width: 14px
  19215. }
  19216. .header-image .left-icon {
  19217. left: 44%;
  19218. margin-left: -2px
  19219. }
  19220. .header-image .right-icon {
  19221. right: 41%;
  19222. margin-right: -3px;
  19223. margin-top: 5px
  19224. }
  19225. .header-image-alt {
  19226. min-width: 280px;
  19227. max-width: 280px;
  19228. margin: 0 auto
  19229. }
  19230. .header-image-element {
  19231. width: 20px
  19232. }
  19233. .header-image-element-1 {
  19234. left: 32%;
  19235. bottom: 21%
  19236. }
  19237. .header-image-element-2 {
  19238. left: 39%;
  19239. bottom: 30%
  19240. }
  19241. .header-txt p.lead {
  19242. font-size: .75em
  19243. }
  19244. }
  19245.  
  19246. @media only screen and (max-width: 320px) {
  19247. .banner {
  19248. min-height: 585px
  19249. }
  19250. .banner.banner-full {
  19251. min-height: 100vh
  19252. }
  19253. .countdown-box.countdown-header {
  19254. padding-bottom: 0
  19255. }
  19256. }
  19257.  
  19258.  
  19259. /*! 05.0 - BUTTONS */
  19260.  
  19261. .btn {
  19262. font-family: "Poppins", sans-serif;
  19263. font-size: 12px;
  19264. line-height: 46px;
  19265. font-weight: 600;
  19266. padding: 0 34px;
  19267. text-align: center;
  19268. text-transform: uppercase;
  19269. color: #fff;
  19270. min-width: 160px;
  19271. max-width: 100%;
  19272. border: none;
  19273. box-sizing: border-box;
  19274. transition: all 0.5s;
  19275. position: relative;
  19276. z-index: 2;
  19277. -ms-border-radius: 23px;
  19278. border-radius: 23px;
  19279. background-image: -webkit-linear-gradient(left, #2b56f5 0%, #46bdf4 100%);
  19280. background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
  19281. }
  19282.  
  19283. .io-azure .btn {
  19284. -ms-border-radius: 4px;
  19285. border-radius: 4px
  19286. }
  19287.  
  19288. .io-azure .btn:not(.btn-simple):not(.btn-plane) {
  19289. box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15)
  19290. }
  19291.  
  19292. .io-azure .btn:after,
  19293. .io-azure .btn:before {
  19294. -ms-border-radius: 4px;
  19295. border-radius: 4px
  19296. }
  19297.  
  19298. .btn:before {
  19299. position: absolute;
  19300. -ms-border-radius: 23px;
  19301. border-radius: 23px;
  19302. left: 0;
  19303. top: 0;
  19304. content: "";
  19305. width: 100%;
  19306. height: 100%;
  19307. z-index: -2;
  19308. opacity: 0;
  19309. transition: all .5s ease;
  19310. background-image: -webkit-linear-gradient(left, #46bdf4 0%, #2b56f5 100%);
  19311. background-image: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%)
  19312. }
  19313.  
  19314. .btn.btn-alt {
  19315. background-image: -webkit-linear-gradient(left, #7a0fff 0%, #46bdf4 100%);
  19316. background-image: linear-gradient(to right, #7a0fff 0%, #46bdf4 100%)
  19317. }
  19318.  
  19319. .btn.btn-alt:before {
  19320. background-image: -webkit-linear-gradient(left, #46bdf4 0%, #7a0fff 100%);
  19321. background-image: linear-gradient(to right, #46bdf4 0%, #7a0fff 100%)
  19322. }
  19323.  
  19324. .btn:hover:before {
  19325. opacity: 1
  19326. }
  19327.  
  19328. .btn:hover,
  19329. .btn:focus {
  19330. color: #fff;
  19331. outline: none;
  19332. box-shadow: none
  19333. }
  19334.  
  19335. .btn.btn-outline {
  19336. background: transparent
  19337. }
  19338.  
  19339. .btn.btn-outline:after {
  19340. position: absolute;
  19341. -ms-border-radius: 23px;
  19342. border-radius: 23px;
  19343. left: 2px;
  19344. top: 2px;
  19345. content: "";
  19346. width: calc(100% - 4px);
  19347. height: calc(100% - 4px);
  19348. z-index: -1;
  19349. opacity: 1;
  19350. background: #020207;
  19351. transition: all .5s ease
  19352. }
  19353.  
  19354. .btn.btn-outline:hover:after {
  19355. opacity: 0
  19356. }
  19357.  
  19358. .btn.btn-outline:before {
  19359. opacity: 1
  19360. }
  19361.  
  19362. .io-azure .btn.btn-outline:after {
  19363. -ms-border-radius: 4px;
  19364. border-radius: 4px
  19365. }
  19366.  
  19367. .btn.btn-plane {
  19368. background: #7a0fff
  19369. }
  19370.  
  19371. .btn.btn-plane.btn-alt {
  19372. color: #2c57f5;
  19373. background: #fff
  19374. }
  19375.  
  19376. .btn.btn-plane.btn-alt:before {
  19377. background: #10122d
  19378. }
  19379.  
  19380. .btn.btn-plane.btn-alt:hover {
  19381. color: #fff
  19382. }
  19383.  
  19384. .btn.btn-center {
  19385. margin: 0 auto;
  19386. width: auto;
  19387. min-width: 160px
  19388. }
  19389.  
  19390. .btn.btn-lg {
  19391. padding: 18px 35px;
  19392. font-size: 16px;
  19393. -ms-border-radius: 4px;
  19394. border-radius: 4px
  19395. }
  19396.  
  19397. .btn.btn-md {
  19398. padding: 10px 20px
  19399. }
  19400.  
  19401. .btn.btn-sm {
  19402. line-height: 39px;
  19403. padding: 0 24px
  19404. }
  19405.  
  19406. .btn.btn-xs {
  19407. padding: 3px 12px 4px;
  19408. font-weight: 700;
  19409. min-width: 90px
  19410. }
  19411.  
  19412. .btn.round {
  19413. -ms-border-radius: 60px;
  19414. border-radius: 60px
  19415. }
  19416.  
  19417. .btn.btn-simple {
  19418. background: transparent;
  19419. text-transform: capitalize;
  19420. font-weight: 500;
  19421. letter-spacing: 0.1em;
  19422. color: #fff
  19423. }
  19424.  
  19425. .btn.btn-simple:before {
  19426. display: none
  19427. }
  19428.  
  19429. .btn.btn-simple .fa,
  19430. .btn.btn-simple .ti {
  19431. margin-right: 8px;
  19432. color: #46bdf4
  19433. }
  19434.  
  19435. .btn.btn-more {
  19436. background: transparent;
  19437. text-transform: uppercase;
  19438. font-weight: 500;
  19439. letter-spacing: 0.2em;
  19440. color: #46bdf4;
  19441. font-size: .9em
  19442. }
  19443.  
  19444. .btn.btn-more:before {
  19445. display: none
  19446. }
  19447.  
  19448. .btn.btn-more .ti {
  19449. position: relative;
  19450. top: 1px;
  19451. transition: all .4s ease
  19452. }
  19453.  
  19454. .btn.btn-more:hover {
  19455. color: #7a0fff
  19456. }
  19457.  
  19458. .btn.btn-more:hover .ti {
  19459. margin-left: 6px
  19460. }
  19461.  
  19462. .play-btn {
  19463. position: relative;
  19464. display: inline-block;
  19465. transition: all .5s ease
  19466. }
  19467.  
  19468. .play-btn:hover {
  19469. margin-left: 10px
  19470. }
  19471.  
  19472. .play-btn-alt {
  19473. color: #fff;
  19474. text-align: center;
  19475. height: 60px;
  19476. width: 60px;
  19477. transition: all .5s ease
  19478. }
  19479.  
  19480. .play-btn-alt:after {
  19481. position: absolute;
  19482. content: "";
  19483. height: calc(100% + 16px);
  19484. width: calc(100% + 16px);
  19485. top: -8px;
  19486. left: -8px;
  19487. border-radius: 50%;
  19488. border: 1px solid rgba(255, 255, 255, 0.35);
  19489. animation: 1s ease 0s normal none infinite running playbutton
  19490. }
  19491.  
  19492. .play-btn-alt .fa {
  19493. font-size: 24px;
  19494. height: 60px;
  19495. width: 60px;
  19496. border-radius: 50%;
  19497. background: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
  19498. line-height: 60px;
  19499. text-align: center;
  19500. margin-left: auto;
  19501. margin-right: auto;
  19502. color: #fff
  19503. }
  19504.  
  19505. .play-btn-alt .fa+span {
  19506. position: absolute;
  19507. display: inline-block;
  19508. top: calc(100% + 10px);
  19509. left: 50%;
  19510. min-width: 200px;
  19511. transform: translateX(-50%)
  19512. }
  19513.  
  19514. .play-btn-alt:hover,
  19515. .play-btn-alt:focus {
  19516. color: #fff;
  19517. margin-top: -20px !important
  19518. }
  19519.  
  19520. .section-pro .play-btn-alt:after,
  19521. .section-pro-alt .play-btn-alt:after {
  19522. border: 1px solid rgba(70, 189, 244, 0.35)
  19523. }
  19524.  
  19525. .section-pro .play-btn-alt span,
  19526. .section-pro-alt .play-btn-alt span {
  19527. color: #46bdf4
  19528. }
  19529.  
  19530. .play-btn .play {
  19531. position: absolute;
  19532. left: 0;
  19533. top: 50%;
  19534. margin-top: 3px;
  19535. transform: translateY(-50%);
  19536. width: 50px;
  19537. height: 50px;
  19538. border-radius: 50%;
  19539. background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
  19540. transition: all .5s ease
  19541. }
  19542.  
  19543. .play-btn .play:before {
  19544. position: absolute;
  19545. content: "";
  19546. height: 46px;
  19547. width: 46px;
  19548. top: 2px;
  19549. left: 2px;
  19550. border-radius: 50%;
  19551. background: #10122d
  19552. }
  19553.  
  19554. .play-btn .play:after {
  19555. position: absolute;
  19556. content: "";
  19557. height: calc(100% + 16px);
  19558. width: calc(100% + 16px);
  19559. top: -8px;
  19560. left: -8px;
  19561. border-radius: 50%;
  19562. border: 1px solid rgba(255, 255, 255, 0.35);
  19563. animation: 1s ease 0s normal none infinite running playbutton
  19564. }
  19565.  
  19566. .play-btn .play>span {
  19567. position: absolute;
  19568. content: "";
  19569. height: 24px;
  19570. width: 14px;
  19571. top: 50%;
  19572. left: calc(50% + 2px);
  19573. transform: translate(-50%, -50%);
  19574. background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
  19575. }
  19576.  
  19577. .play-btn .play>span:before,
  19578. .play-btn .play>span:after {
  19579. position: absolute;
  19580. content: "";
  19581. height: 0;
  19582. width: 0;
  19583. right: 0
  19584. }
  19585.  
  19586. .play-btn .play>span:before {
  19587. top: 0;
  19588. border-right: 14px solid #10122d;
  19589. border-bottom: 12px solid transparent
  19590. }
  19591.  
  19592. .play-btn .play>span:after {
  19593. bottom: 0;
  19594. border-right: 14px solid #10122d;
  19595. border-top: 12px solid transparent
  19596. }
  19597.  
  19598. .play-btn>span {
  19599. display: block;
  19600. padding-left: 70px;
  19601. font-weight: 300
  19602. }
  19603.  
  19604. .play-btn>span:first-of-type {
  19605. font-size: 21px;
  19606. color: #fff
  19607. }
  19608.  
  19609. .play-btn>span:last-of-type {
  19610. font-size: 12px;
  19611. color: #8255fd
  19612. }
  19613.  
  19614. @keyframes playbutton {
  19615. 0% {
  19616. transform: scale(0.75);
  19617. opacity: 1
  19618. }
  19619. 100% {
  19620. transform: scale(1.3);
  19621. opacity: 0
  19622. }
  19623. }
  19624.  
  19625. .theme-light .btn.btn-outline {
  19626. background: transparent;
  19627. color: #28384c
  19628. }
  19629.  
  19630. .theme-light .btn.btn-outline:after {
  19631. background: #e5f0ff
  19632. }
  19633.  
  19634. .theme-light .play-btn .play:before {
  19635. background: #fff
  19636. }
  19637.  
  19638. .theme-light .play-btn .play:after {
  19639. border-color: rgba(60, 60, 60, 0.35)
  19640. }
  19641.  
  19642. .theme-light .play-btn .play>span:before {
  19643. top: 0;
  19644. border-right-color: #fff
  19645. }
  19646.  
  19647. .theme-light .play-btn .play>span:after {
  19648. bottom: 0;
  19649. border-right-color: #fff
  19650. }
  19651.  
  19652. .theme-light .play-btn>span:first-of-type {
  19653. color: #28384c
  19654. }
  19655.  
  19656. .io-azure .btn.btn-outline {
  19657. background: transparent
  19658. }
  19659.  
  19660. .io-azure .btn.btn-outline:after {
  19661. background: #0b3691
  19662. }
  19663.  
  19664. .io-azure .section-pro .btn.btn-outline,
  19665. .io-azure .section-pro-alt .btn.btn-outline {
  19666. color: #2b56f5
  19667. }
  19668.  
  19669. .io-azure .section-pro .btn.btn-simple,
  19670. .io-azure .section-pro-alt .btn.btn-simple {
  19671. color: #2b56f5
  19672. }
  19673.  
  19674. .io-azure .section-pro .btn.btn-simple .fa,
  19675. .io-azure .section-pro-alt .btn.btn-simple .fa {
  19676. color: #46bdf4
  19677. }
  19678.  
  19679. .io-azure .play-btn .play:before {
  19680. background: #fff
  19681. }
  19682.  
  19683. .io-azure .play-btn .play:after {
  19684. border-color: rgba(60, 60, 60, 0.35)
  19685. }
  19686.  
  19687. .io-azure .play-btn .play>span:before {
  19688. top: 0;
  19689. border-right-color: #fff
  19690. }
  19691.  
  19692. .io-azure .play-btn .play>span:after {
  19693. bottom: 0;
  19694. border-right-color: #fff
  19695. }
  19696.  
  19697. .io-azure .play-btn>span:first-of-type {
  19698. color: #28384c
  19699. }
  19700.  
  19701. .btn-img {
  19702. display: block
  19703. }
  19704.  
  19705. .btn-img img {
  19706. max-width: 100%
  19707. }
  19708.  
  19709. .btns {
  19710. margin: 0 -15px
  19711. }
  19712.  
  19713. .btns li {
  19714. display: inline-block;
  19715. margin: 10px 15px
  19716. }
  19717.  
  19718. .btns li a:not(.btn) {
  19719. margin-right: 10px
  19720. }
  19721.  
  19722. @media only screen and (max-width: 480px) {
  19723. .btn {
  19724. font-size: 10px;
  19725. min-width: 110px;
  19726. line-height: 40px;
  19727. padding: 0 15px
  19728. }
  19729. .btn-img {
  19730. max-width: 110px
  19731. }
  19732. .btns {
  19733. margin: 0 -3px
  19734. }
  19735. .btns li {
  19736. margin: 10px 3px
  19737. }
  19738. }
  19739.  
  19740.  
  19741. /*! 07.0 - FEATURES SECTION */
  19742.  
  19743. .text-block p:not(.lead) {
  19744. color: #6e7e98
  19745. }
  19746.  
  19747. .text-block ul:not(.btns) {
  19748. margin-bottom: 20px
  19749. }
  19750.  
  19751. .text-block ul:not(.btns) li {
  19752. position: relative;
  19753. line-height: 2;
  19754. padding-left: 22px;
  19755. color: #6e7e98
  19756. }
  19757.  
  19758. .text-block ul:not(.btns) li:before {
  19759. content: "";
  19760. background: #46bdf4;
  19761. height: 5px;
  19762. width: 5px;
  19763. border-radius: 50%;
  19764. position: absolute;
  19765. top: 13px;
  19766. left: 0
  19767. }
  19768.  
  19769. .text-block .heading-xs {
  19770. text-transform: uppercase
  19771. }
  19772.  
  19773. .io-azure .text-block p:not(.lead) {
  19774. color: #7ab9ff
  19775. }
  19776.  
  19777. .io-azure .text-block ul:not(.btns) li {
  19778. color: #7ab9ff
  19779. }
  19780.  
  19781. .io-azure .text-block .heading-xs {
  19782. color: #16a4fd
  19783. }
  19784.  
  19785. .io-azure .section-pro .text-block p:not(.lead),
  19786. .io-azure .section-pro-alt .text-block p:not(.lead) {
  19787. color: #637097
  19788. }
  19789.  
  19790. .io-azure .section-pro .text-block ul:not(.btns) li,
  19791. .io-azure .section-pro-alt .text-block ul:not(.btns) li {
  19792. color: #637097
  19793. }
  19794.  
  19795. .video-graph {
  19796. position: relative
  19797. }
  19798.  
  19799. .video-graph .play-btn-alt {
  19800. position: absolute;
  19801. top: 50%;
  19802. left: 50%;
  19803. margin-top: -10px;
  19804. margin-right: -10px;
  19805. transform: translate(-50%, -50%)
  19806. }
  19807.  
  19808. .theme-light .text-block p:not(.lead) {
  19809. color: #8284a5
  19810. }
  19811.  
  19812. .theme-light .text-block ul:not(.btns) li {
  19813. color: #8284a5
  19814. }
  19815.  
  19816. .features-box {
  19817. margin-bottom: 40px
  19818. }
  19819.  
  19820. .features-box img {
  19821. max-width: 300px
  19822. }
  19823.  
  19824. .features-box h5 {
  19825. margin: 30px 0 12px
  19826. }
  19827.  
  19828. .features-box p {
  19829. color: #6e7e98
  19830. }
  19831.  
  19832. .theme-light .features-box p {
  19833. color: #8284a5
  19834. }
  19835.  
  19836. .io-azure .features-box p {
  19837. color: #7ab9ff
  19838. }
  19839.  
  19840. .io-azure .section-pro .features-box h5,
  19841. .io-azure .section-pro-alt .features-box h5 {
  19842. color: #313c56
  19843. }
  19844.  
  19845. .io-azure .section-pro .features-box p,
  19846. .io-azure .section-pro-alt .features-box p {
  19847. color: #637097
  19848. }
  19849.  
  19850. .app-section {
  19851. overflow: hidden
  19852. }
  19853.  
  19854. @media only screen and (max-width: 991px) {
  19855. .features-box img {
  19856. max-width: 160px
  19857. }
  19858. }
  19859.  
  19860.  
  19861. /*! 08.0 - TOKEN SECTION */
  19862.  
  19863. .token-section {
  19864. position: relative
  19865. }
  19866.  
  19867. .token-section:after {
  19868. content: "";
  19869. background: linear-gradient(to top, #1b30a4 15%, rgba(13, 66, 178, 0) 100%);
  19870. height: 80%;
  19871. width: 100%;
  19872. position: absolute;
  19873. bottom: 0;
  19874. left: 0
  19875. }
  19876.  
  19877. .event-info {
  19878. margin-bottom: -30px;
  19879. pading-right: 20px
  19880. }
  19881.  
  19882. .event-info .event-single-info {
  19883. margin-bottom: 30px;
  19884. position: relative;
  19885. padding-left: 16px
  19886. }
  19887.  
  19888. .event-info .event-single-info:before {
  19889. content: "";
  19890. background: #46bdf4;
  19891. height: 5px;
  19892. width: 5px;
  19893. border-radius: 50%;
  19894. position: absolute;
  19895. top: 9px;
  19896. left: 0
  19897. }
  19898.  
  19899. .event-info h6 {
  19900. margin-bottom: 2px
  19901. }
  19902.  
  19903. .event-info p {
  19904. color: #8284a5
  19905. }
  19906.  
  19907. .io-azure .event-info p {
  19908. color: #7ab9ff
  19909. }
  19910.  
  19911. .countdown-box {
  19912. -ms-border-radius: 10px;
  19913. border-radius: 10px;
  19914. padding: 40px 20px;
  19915. margin-left: 20px
  19916. }
  19917.  
  19918. .section-bg .countdown-box {
  19919. background: #0b0c22
  19920. }
  19921.  
  19922. .section-bg-alt .countdown-box {
  19923. background: #10122d
  19924. }
  19925.  
  19926. .io-azure .countdown-box {
  19927. background: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
  19928. }
  19929.  
  19930. .io-azure .countdown-box .token-countdown .countdown-text {
  19931. color: #340075
  19932. }
  19933.  
  19934. .io-azure .countdown-box .btn.btn-alt {
  19935. padding-left: 40px;
  19936. padding-right: 40px;
  19937. -ms-border-radius: 19px;
  19938. border-radius: 19px;
  19939. background-image: linear-gradient(to right, #340075 0%, #0d9ee0 100%)
  19940. }
  19941.  
  19942. .io-azure .countdown-box .btn.btn-alt:before {
  19943. -ms-border-radius: 19px;
  19944. border-radius: 19px;
  19945. background-image: linear-gradient(to right, #0d9ee0 0%, #340075 100%)
  19946. }
  19947.  
  19948. .countdown-box h6 {
  19949. text-transform: uppercase
  19950. }
  19951.  
  19952. .countdown-box .token-countdown {
  19953. padding-bottom: 33px
  19954. }
  19955.  
  19956. .countdown-box .token-countdown .countdown-time {
  19957. font-size: 45px;
  19958. font-weight: 300;
  19959. line-height: 1;
  19960. display: block;
  19961. margin-bottom: 5px;
  19962. position: relative
  19963. }
  19964.  
  19965. .countdown-box .token-countdown .countdown-time:after {
  19966. position: absolute;
  19967. right: -20px;
  19968. bottom: 5px;
  19969. content: ":";
  19970. color: #fff;
  19971. font-size: 40px
  19972. }
  19973.  
  19974. .countdown-box .token-countdown .countdown-time.countdown-time-last:after {
  19975. display: none
  19976. }
  19977.  
  19978. .countdown-box .token-countdown .countdown-text {
  19979. color: #46bdf4;
  19980. font-size: 11px;
  19981. font-weight: 600;
  19982. text-transform: uppercase;
  19983. display: block;
  19984. line-height: 1
  19985. }
  19986.  
  19987. .countdown-box .icon-list {
  19988. margin: 10px 0 0
  19989. }
  19990.  
  19991. .countdown-box .icon-list li {
  19992. display: inline-block;
  19993. margin: 0 5px
  19994. }
  19995.  
  19996. .countdown-box .icon-list li .fa {
  19997. color: #8284a5;
  19998. font-size: 18px
  19999. }
  20000.  
  20001. .countdown-box.countdown-header {
  20002. background: transparent;
  20003. position: relative
  20004. }
  20005.  
  20006. .countdown-box.countdown-header:after {
  20007. position: absolute;
  20008. top: 50%;
  20009. left: calc(50% - 40px);
  20010. content: "";
  20011. height: 565px;
  20012. width: 575px;
  20013. transform: translate(-50%, -50%);
  20014. border: 1px solid rgba(122, 15, 255, 0.1);
  20015. border-radius: 50%
  20016. }
  20017.  
  20018. .countdown-box.countdown-header:before {
  20019. position: absolute;
  20020. top: 50%;
  20021. left: calc(50% - 15px);
  20022. content: "";
  20023. height: 565px;
  20024. width: 575px;
  20025. transform: translate(-50%, -50%);
  20026. border: 1px solid rgba(122, 15, 255, 0.1);
  20027. border-radius: 50%
  20028. }
  20029.  
  20030. .countdown-box.countdown-header .extra-line {
  20031. position: absolute;
  20032. top: 50%;
  20033. left: calc(50% + 15px);
  20034. content: "";
  20035. height: 565px;
  20036. width: 575px;
  20037. transform: translate(-50%, -50%);
  20038. border: 1px solid rgba(122, 15, 255, 0.1);
  20039. border-radius: 50%
  20040. }
  20041.  
  20042. .countdown-box.countdown-header .extra-line:after {
  20043. position: absolute;
  20044. top: 50%;
  20045. left: calc(50% + 25px);
  20046. content: "";
  20047. height: 565px;
  20048. width: 575px;
  20049. transform: translate(-50%, -50%);
  20050. border: 1px solid rgba(122, 15, 255, 0.1);
  20051. border-radius: 50%
  20052. }
  20053.  
  20054. .theme-light .countdown-box .token-countdown .countdown-time:after {
  20055. color: #6e7e98
  20056. }
  20057.  
  20058. .theme-light .section-bg .countdown-box {
  20059. background: #fff
  20060. }
  20061.  
  20062. .theme-light .section-bg-alt .countdown-box {
  20063. background: #eff6ff
  20064. }
  20065.  
  20066. @media only screen and (max-width: 1024px) and (max-width: 1199px) {
  20067. .countdown-box .token-countdown .countdown-time {
  20068. font-size: 35px;
  20069. font-weight: 300
  20070. }
  20071. }
  20072.  
  20073. @media only screen and (min-width: 768px) and (max-width: 991px) {
  20074. .event-info {
  20075. margin-bottom: 40px;
  20076. padding-right: 0;
  20077. margin-left: auto;
  20078. margin-right: auto;
  20079. width: 550px
  20080. }
  20081. .countdown-box {
  20082. max-width: 560px;
  20083. margin-left: auto;
  20084. margin-right: auto
  20085. }
  20086. .countdown-box.countdown-header:after,
  20087. .countdown-box.countdown-header:before,
  20088. .countdown-box.countdown-header .extra-line {
  20089. display: none
  20090. }
  20091. }
  20092.  
  20093. @media only screen and (max-width: 767px) {
  20094. .countdown-box {
  20095. padding: 40px 0;
  20096. max-width: 480px;
  20097. margin-left: auto;
  20098. margin-right: auto
  20099. }
  20100. .countdown-box .token-countdown .countdown-time {
  20101. font-size: 20px;
  20102. margin-bottom: 5px
  20103. }
  20104. .countdown-box .token-countdown .countdown-time:after {
  20105. font-size: 18px;
  20106. bottom: 0
  20107. }
  20108. .countdown-box .token-countdown .countdown-text {
  20109. font-size: 9px
  20110. }
  20111. }
  20112.  
  20113. .single-chart h2,
  20114. .single-chart h3,
  20115. .single-chart h4 {
  20116. padding-bottom: 40px
  20117. }
  20118.  
  20119.  
  20120. /*! 09.0 - ROADMAP SECTION */
  20121.  
  20122. .roadmap-section.section-pro,
  20123. .roadmap-section.section-pro-alt {
  20124. position: relative
  20125. }
  20126.  
  20127. .roadmap-section.section-pro:before,
  20128. .roadmap-section.section-pro-alt:before {
  20129. content: "";
  20130. background:url(http://abid.itvision.pk/MVP/assets/frontend/img/pattern-azure-light.png) 50% 50% no-repeat fixed;
  20131. background-size: cover;
  20132. height: 100%;
  20133. width: 100%;
  20134. position: absolute;
  20135. top: 0;
  20136. left: 0;
  20137. opacity: .5
  20138. }
  20139.  
  20140. .roadmap-list {
  20141. margin-bottom: 230px;
  20142. position: relative
  20143. }
  20144.  
  20145. .roadmap-list:after {
  20146. position: absolute;
  20147. left: 50%;
  20148. bottom: 0;
  20149. height: 1px;
  20150. width: 100vw;
  20151. content: "";
  20152. transform: translateX(-50%);
  20153. background: #7a0fff
  20154. }
  20155.  
  20156. .roadmap-list .col,
  20157. .roadmap-list [class*="col-"] {
  20158. padding-right: 0
  20159. }
  20160.  
  20161. .single-roadmap {
  20162. position: relative;
  20163. padding: 0 0 30px 25px
  20164. }
  20165.  
  20166. .single-roadmap:before {
  20167. background-image: -webkit-linear-gradient(top, #46bdf4 0%, #7a0fff 100%);
  20168. background-image: linear-gradient(top, #46bdf4 0%, #7a0fff 100%);
  20169. position: absolute;
  20170. content: "";
  20171. left: 0;
  20172. bottom: 0;
  20173. width: 1px;
  20174. height: calc(100% - 15px)
  20175. }
  20176.  
  20177. .single-roadmap:after {
  20178. position: absolute;
  20179. content: "";
  20180. left: 0;
  20181. top: 0;
  20182. transform: translateX(-50%);
  20183. width: 15px;
  20184. height: 15px;
  20185. border-radius: 50%;
  20186. background: #46bdf4
  20187. }
  20188.  
  20189. .single-roadmap.roadmap-done:after {
  20190. position: absolute;
  20191. font-family: 'FontAwesome';
  20192. content: '\f00c';
  20193. left: 0;
  20194. top: -4px;
  20195. transform: translateX(-50%);
  20196. width: 19px;
  20197. height: 19px;
  20198. border-radius: 50%;
  20199. background: transparent;
  20200. font-size: 10px;
  20201. line-height: 19px;
  20202. text-align: center;
  20203. color: #41faa4;
  20204. border: 1px solid #46bdf4
  20205. }
  20206.  
  20207. .single-roadmap h6 {
  20208. font-weight: 500;
  20209. color: #8255fd;
  20210. margin-bottom: 10px
  20211. }
  20212.  
  20213. .single-roadmap.roadmap-down {
  20214. position: absolute;
  20215. left: -65px;
  20216. min-width: 190px;
  20217. max-width: 190px;
  20218. padding-top: 85px
  20219. }
  20220.  
  20221. .single-roadmap.roadmap-down:before {
  20222. background-image: -webkit-linear-gradient(top, #7a0fff 0%, #46bdf4 100%);
  20223. background-image: linear-gradient(top, #7a0fff 0%, #46bdf4 100%);
  20224. position: absolute;
  20225. content: "";
  20226. left: 0;
  20227. top: 0;
  20228. bottom: auto;
  20229. width: 1px;
  20230. height: 85px
  20231. }
  20232.  
  20233. .single-roadmap.roadmap-down:after {
  20234. left: 0;
  20235. top: 85px
  20236. }
  20237.  
  20238. .single-roadmap.roadmap-sm {
  20239. min-height: 180px
  20240. }
  20241.  
  20242. .single-roadmap.roadmap-lg {
  20243. min-height: 310px
  20244. }
  20245.  
  20246. .theme-light .single-roadmap:before {
  20247. background-image: -webkit-linear-gradient(top, #2b56f5 0%, #7a0fff 100%);
  20248. background-image: linear-gradient(top, #2b56f5 0%, #7a0fff 100%)
  20249. }
  20250.  
  20251. .theme-light .single-roadmap:after {
  20252. background: #2b56f5
  20253. }
  20254.  
  20255. .theme-light .single-roadmap.roadmap-done:after {
  20256. background: #41faa4;
  20257. color: #fff;
  20258. border: 1px solid #46bdf4
  20259. }
  20260.  
  20261. .theme-light .single-roadmap.roadmap-down:before {
  20262. background-image: -webkit-linear-gradient(top, #7a0fff 0%, #2b56f5 100%);
  20263. background-image: linear-gradient(top, #7a0fff 0%, #2b56f5 100%)
  20264. }
  20265.  
  20266. @media only screen and (min-width: 992px) {
  20267. .width-0 {
  20268. max-width: 0
  20269. }
  20270. }
  20271.  
  20272. @media only screen and (max-width: 991px) {
  20273. .roadmap-list {
  20274. margin-bottom: 0
  20275. }
  20276. .single-roadmap.roadmap-sm {
  20277. min-height: auto
  20278. }
  20279. .single-roadmap.roadmap-lg {
  20280. min-height: auto
  20281. }
  20282. .single-roadmap.roadmap-down {
  20283. position: relative;
  20284. left: 0;
  20285. min-width: 100%;
  20286. max-width: 100%;
  20287. padding-top: 0;
  20288. transform: translateX(0)
  20289. }
  20290. .single-roadmap.roadmap-down:before {
  20291. top: auto;
  20292. bottom: 0;
  20293. height: calc(100% - 15px)
  20294. }
  20295. .single-roadmap.roadmap-down:after {
  20296. left: 0;
  20297. top: 0;
  20298. transform: translateX(-50%)
  20299. }
  20300. }
  20301.  
  20302. .roadmap-list-alt {
  20303. position: relative
  20304. }
  20305.  
  20306. .roadmap-list-alt:before,
  20307. .roadmap-list-alt:after {
  20308. position: absolute;
  20309. top: 15px;
  20310. width: 85px;
  20311. height: 1px;
  20312. content: "";
  20313. z-index: 4
  20314. }
  20315.  
  20316. .roadmap-list-alt:after {
  20317. right: 0;
  20318. background: linear-gradient(to right, transparent 0%, #1b30a4 100%)
  20319. }
  20320.  
  20321. .roadmap-list-alt:before {
  20322. left: 0;
  20323. background: linear-gradient(to left, transparent 0%, #1b30a4 100%)
  20324. }
  20325.  
  20326. .section-pro .roadmap-list-alt:after {
  20327. background: linear-gradient(to right, transparent 0%, #fff 100%)
  20328. }
  20329.  
  20330. .section-pro .roadmap-list-alt:before {
  20331. background: linear-gradient(to left, transparent 0%, #fff 100%)
  20332. }
  20333.  
  20334. .section-pro-alt .roadmap-list-alt:after {
  20335. background: linear-gradient(to right, transparent 0%, #ebf3fc 100%)
  20336. }
  20337.  
  20338. .section-pro-alt .roadmap-list-alt:before {
  20339. background: linear-gradient(to left, transparent 0%, #ebf3fc 100%)
  20340. }
  20341.  
  20342. .roadmap-list-alt .owl-prev,
  20343. .roadmap-list-alt .owl-next {
  20344. position: absolute;
  20345. top: -4px;
  20346. z-index: 10;
  20347. opacity: .5;
  20348. transition: all .5s ease
  20349. }
  20350.  
  20351. .roadmap-list-alt .owl-prev .ti,
  20352. .roadmap-list-alt .owl-next .ti {
  20353. font-size: 36px;
  20354. color: #fff;
  20355. line-height: 40px
  20356. }
  20357.  
  20358. .roadmap-list-alt .owl-prev:hover,
  20359. .roadmap-list-alt .owl-next:hover {
  20360. opacity: 1
  20361. }
  20362.  
  20363. .roadmap-list-alt .owl-prev.disabled,
  20364. .roadmap-list-alt .owl-next.disabled {
  20365. opacity: .2;
  20366. cursor: auto
  20367. }
  20368.  
  20369. .section-pro .roadmap-list-alt .owl-prev .ti,
  20370. .section-pro .roadmap-list-alt .owl-next .ti,
  20371. .section-pro-alt .roadmap-list-alt .owl-prev .ti,
  20372. .section-pro-alt .roadmap-list-alt .owl-next .ti {
  20373. color: #46bdf4
  20374. }
  20375.  
  20376. .roadmap-list-alt .owl-prev {
  20377. left: -35px
  20378. }
  20379.  
  20380. .roadmap-list-alt .owl-next {
  20381. right: -35px
  20382. }
  20383.  
  20384. .single-roadmap-alt {
  20385. position: relative;
  20386. padding-top: 60px;
  20387. margin-top: 15px
  20388. }
  20389.  
  20390. .single-roadmap-alt:before {
  20391. position: absolute;
  20392. content: "";
  20393. top: 0;
  20394. left: -7.5px;
  20395. width: calc(100% + 30px);
  20396. height: 1px;
  20397. z-index: 3
  20398. }
  20399.  
  20400. .single-roadmap-alt:after {
  20401. position: absolute;
  20402. font-family: 'FontAwesome';
  20403. content: '';
  20404. right: -32px;
  20405. top: -9.5px;
  20406. transform: translateX(-50%);
  20407. width: 19px;
  20408. height: 19px;
  20409. border-radius: 50%;
  20410. background: transparent;
  20411. font-size: 10px;
  20412. line-height: 17px;
  20413. text-align: center;
  20414. color: #fff;
  20415. border: 1px solid transparent;
  20416. background: #10122d;
  20417. z-index: 5
  20418. }
  20419.  
  20420. .single-roadmap-alt.sra-done:after {
  20421. content: '\f00c';
  20422. background: #49ea8d !important
  20423. }
  20424.  
  20425. .io-azure .single-roadmap-alt:after {
  20426. background: #1b30a4
  20427. }
  20428.  
  20429. .section-pro .single-roadmap-alt:after {
  20430. background: #fff
  20431. }
  20432.  
  20433. .section-pro-alt .single-roadmap-alt:after {
  20434. background: #ebf3fc
  20435. }
  20436.  
  20437. .single-roadmap-alt.gradiant-ctob:before {
  20438. background-image: linear-gradient(to right, #2b56f5 0%, #7a0fff 100%)
  20439. }
  20440.  
  20441. .single-roadmap-alt.gradiant-ctob:after {
  20442. border-color: #7a0fff
  20443. }
  20444.  
  20445. .single-roadmap-alt.gradiant-ctob h5:before,
  20446. .single-roadmap-alt.gradiant-ctob h6:before {
  20447. background: #7a0fff
  20448. }
  20449.  
  20450. .single-roadmap-alt.gradiant-btoa:before {
  20451. background-image: linear-gradient(to right, #7a0fff 0%, #46bdf4 100%)
  20452. }
  20453.  
  20454. .single-roadmap-alt.gradiant-btoa:after {
  20455. border-color: #46bdf4
  20456. }
  20457.  
  20458. .single-roadmap-alt.gradiant-btoa h5:before,
  20459. .single-roadmap-alt.gradiant-btoa h6:before {
  20460. background: #46bdf4
  20461. }
  20462.  
  20463. .single-roadmap-alt.gradiant-atob:before {
  20464. background-image: linear-gradient(to right, #46bdf4 0%, #7a0fff 100%)
  20465. }
  20466.  
  20467. .single-roadmap-alt.gradiant-atob:after {
  20468. border-color: #7a0fff
  20469. }
  20470.  
  20471. .single-roadmap-alt.gradiant-atob h5:before,
  20472. .single-roadmap-alt.gradiant-atob h6:before {
  20473. background: #7a0fff
  20474. }
  20475.  
  20476. .single-roadmap-alt.gradiant-btoc:before {
  20477. background-image: linear-gradient(to right, #7a0fff 0%, #2b56f5 100%)
  20478. }
  20479.  
  20480. .single-roadmap-alt.gradiant-btoc:after {
  20481. border-color: #2b56f5
  20482. }
  20483.  
  20484. .single-roadmap-alt.gradiant-btoc h5:before,
  20485. .single-roadmap-alt.gradiant-btoc h6:before {
  20486. background: #2b56f5
  20487. }
  20488.  
  20489. .single-roadmap-alt.gradiant-ctoa:before {
  20490. background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
  20491. }
  20492.  
  20493. .single-roadmap-alt.gradiant-ctoa:after {
  20494. border-color: #46bdf4
  20495. }
  20496.  
  20497. .single-roadmap-alt.gradiant-ctoa h5:before,
  20498. .single-roadmap-alt.gradiant-ctoa h6:before {
  20499. background: #46bdf4
  20500. }
  20501.  
  20502. .single-roadmap-alt.gradiant-atoc:before {
  20503. background-image: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%)
  20504. }
  20505.  
  20506. .single-roadmap-alt.gradiant-atoc:after {
  20507. border-color: #2b56f5
  20508. }
  20509.  
  20510. .single-roadmap-alt.gradiant-atoc h5:before,
  20511. .single-roadmap-alt.gradiant-atoc h6:before {
  20512. background: #2b56f5
  20513. }
  20514.  
  20515. .single-roadmap-alt h5,
  20516. .single-roadmap-alt h6 {
  20517. font-size: 1.2em;
  20518. font-weight: 300;
  20519. color: rgba(255, 255, 255, 0.5);
  20520. margin-bottom: 10px;
  20521. position: relative
  20522. }
  20523.  
  20524. .single-roadmap-alt h5:before,
  20525. .single-roadmap-alt h6:before {
  20526. position: absolute;
  20527. right: -14px;
  20528. top: -51px;
  20529. height: 70px;
  20530. width: 1px;
  20531. background: #7a0fff;
  20532. content: ""
  20533. }
  20534.  
  20535. @media only screen and (max-width: 767px) {
  20536. .roadmap-list-alt .owl-prev {
  20537. left: 0
  20538. }
  20539. .roadmap-list-alt .owl-next {
  20540. right: 0
  20541. }
  20542. .single-roadmap-alt:after {
  20543. right: calc(50% - 16px)
  20544. }
  20545. .single-roadmap-alt h5:before,
  20546. .single-roadmap-alt h6:before {
  20547. right: calc(50% + 2px);
  20548. height: 45px
  20549. }
  20550. }
  20551.  
  20552.  
  20553. /*! 10.0 - TEAM SECTION */
  20554.  
  20555. .io-azure .team-section {
  20556. position: relative
  20557. }
  20558.  
  20559. .io-azure .team-section:before {
  20560. content: "";
  20561. background: url(http://abid.itvision.pk/MVP/assets/frontend/img/pattern-azure-dark.png) 50% 50% no-repeat;
  20562. background-size: contain;
  20563. height: 100%;
  20564. width: 100%;
  20565. position: absolute;
  20566. top: 0;
  20567. left: 0;
  20568. opacity: .5
  20569. }
  20570.  
  20571. .io-azure .team-section.bg-fixed:before {
  20572. background-attachment: fixed;
  20573. background-size: cover
  20574. }
  20575.  
  20576. .team-member {
  20577. margin: 50px 15px 50px 50px;
  20578. padding: 130px 20px 25px 25px;
  20579. position: relative;
  20580. max-width: 190px;
  20581. flex-grow: 1
  20582. }
  20583.  
  20584. .section-bg .team-member {
  20585. background: #0b0c22
  20586. }
  20587.  
  20588. .section-bg-alt .team-member {
  20589. background: #10122d
  20590. }
  20591.  
  20592. .io-azure .team-member {
  20593. background: #1b30a4
  20594. }
  20595.  
  20596. .team-member .team-photo {
  20597. width: 160px;
  20598. position: absolute;
  20599. top: -50px;
  20600. left: -38px;
  20601. transition: all .5s ease
  20602. }
  20603.  
  20604. .team-member .team-photo img {
  20605. border-radius: 0
  20606. }
  20607.  
  20608. .team-member .team-photo:before {
  20609. position: absolute;
  20610. bottom: 0;
  20611. right: 0;
  20612. height: 100%;
  20613. width: 100%;
  20614. content: "";
  20615. background-image: linear-gradient(to top left, rgba(41, 0, 117, 0.65) 0%, rgba(9, 109, 223, 0.65) 100%);
  20616. transition: all .5s ease
  20617. }
  20618.  
  20619. .team-member .team-photo:after {
  20620. position: absolute;
  20621. top: 24px;
  20622. right: -33px;
  20623. content: "";
  20624. height: 3px;
  20625. width: 65px;
  20626. background-image: -webkit- linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
  20627. background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
  20628. transition: all .5s ease
  20629. }
  20630.  
  20631. .team-member .team-photo .expand-trigger {
  20632. position: absolute;
  20633. top: 0;
  20634. left: 0;
  20635. width: 160px;
  20636. height: 178px
  20637. }
  20638.  
  20639. .team-member .team-photo:hover {
  20640. top: -60px
  20641. }
  20642.  
  20643. .team-member .team-photo:hover:before {
  20644. opacity: .5
  20645. }
  20646.  
  20647. .team-member .team-name {
  20648. margin-bottom: 6px
  20649. }
  20650.  
  20651. .team-member .team-title {
  20652. color: #46bdf4;
  20653. font-size: 13px;
  20654. display: block
  20655. }
  20656.  
  20657. .team-member .team-social {
  20658. position: absolute;
  20659. top: 0;
  20660. right: 0;
  20661. padding: 15px 25px
  20662. }
  20663.  
  20664. .team-member .team-social li {
  20665. line-height: 34px
  20666. }
  20667.  
  20668. .team-member .team-social li a {
  20669. color: #8255fd
  20670. }
  20671.  
  20672. .team-member .team-social li a:hover {
  20673. color: #fff
  20674. }
  20675.  
  20676. .team-member .team-social li a .fa {
  20677. font-size: 16px
  20678. }
  20679.  
  20680. .theme-light .team-member .team-social li a:hover {
  20681. color: #3c3c3c
  20682. }
  20683.  
  20684. .theme-light .section-bg .team-member {
  20685. background: #fff
  20686. }
  20687.  
  20688. .theme-light .section-bg-alt .team-member {
  20689. background: #eff6ff
  20690. }
  20691.  
  20692. .team-hex {
  20693. margin-bottom: 30px
  20694. }
  20695.  
  20696. .team-hex .team-photo {
  20697. width: 160px
  20698. }
  20699.  
  20700. .team-hex .team-info {
  20701. padding-left: 20px;
  20702. margin-top: 85px;
  20703. position: relative
  20704. }
  20705.  
  20706. .team-hex .team-info:before {
  20707. position: absolute;
  20708. top: -17px;
  20709. left: -35px;
  20710. content: "";
  20711. height: 3px;
  20712. width: 130px;
  20713. background-image: -webkit- linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
  20714. background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
  20715. }
  20716.  
  20717. .team-hex .team-name {
  20718. font-weight: 400;
  20719. margin-bottom: 0
  20720. }
  20721.  
  20722. .team-hex .team-title {
  20723. color: #8255fd;
  20724. font-size: 13px;
  20725. display: block;
  20726. margin-bottom: 12px
  20727. }
  20728.  
  20729. .team-hex .team-social li {
  20730. display: inline-block;
  20731. margin-right: 14px
  20732. }
  20733.  
  20734. .team-hex .team-social li a {
  20735. color: rgba(255, 255, 255, 0.6)
  20736. }
  20737.  
  20738. .team-hex .team-social li a:hover {
  20739. color: #fff
  20740. }
  20741.  
  20742. .team-hex .team-social li a .fa {
  20743. font-size: 16px
  20744. }
  20745.  
  20746. .team-described {
  20747. margin-bottom: 30px
  20748. }
  20749.  
  20750. .team-described .team-photo {
  20751. width: 150px
  20752. }
  20753.  
  20754. .team-described .team-photo img {
  20755. border-radius: 5px
  20756. }
  20757.  
  20758. .team-described .team-info {
  20759. width: 135px;
  20760. margin-top: 40px;
  20761. position: relative
  20762. }
  20763.  
  20764. .team-described .team-name {
  20765. font-weight: 400;
  20766. margin-bottom: 7px;
  20767. text-transform: uppercase
  20768. }
  20769.  
  20770. .team-described .team-title {
  20771. color: rgba(255, 255, 255, 0.5);
  20772. font-size: 13px;
  20773. display: block;
  20774. position: relative;
  20775. padding-bottom: 13px
  20776. }
  20777.  
  20778. .team-described .team-title:after {
  20779. position: absolute;
  20780. bottom: 0;
  20781. left: 0;
  20782. content: "";
  20783. height: 3px;
  20784. width: 190px;
  20785. background-image: -webkit- linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
  20786. background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
  20787. }
  20788.  
  20789. .team-described .team-social {
  20790. margin-top: 12px
  20791. }
  20792.  
  20793. .team-described .team-social li {
  20794. display: inline-block;
  20795. margin-right: 14px
  20796. }
  20797.  
  20798. .team-described .team-social li a {
  20799. color: #8255fd
  20800. }
  20801.  
  20802. .team-described .team-social li a:hover {
  20803. color: #fff
  20804. }
  20805.  
  20806. .team-described .team-social li a .fa {
  20807. font-size: 16px
  20808. }
  20809.  
  20810. .team-described .team-discription {
  20811. margin-left: 135px;
  20812. margin-top: 18px
  20813. }
  20814.  
  20815. .team-described .team-discription li {
  20816. line-height: 1.6;
  20817. font-size: 1em;
  20818. position: relative;
  20819. padding-left: 16px;
  20820. margin-bottom: 8px
  20821. }
  20822.  
  20823. .team-described .team-discription li:last-of-type {
  20824. margin-bottom: 0
  20825. }
  20826.  
  20827. .team-described .team-discription li:before {
  20828. content: "";
  20829. background: #46bdf4;
  20830. height: 5px;
  20831. width: 5px;
  20832. border-radius: 50%;
  20833. position: absolute;
  20834. top: 9px;
  20835. left: 0
  20836. }
  20837.  
  20838. .team-circle {
  20839. margin-bottom: 50px
  20840. }
  20841.  
  20842. .team-circle .team-photo {
  20843. position: relative;
  20844. width: 160px;
  20845. margin: 0 auto
  20846. }
  20847.  
  20848. .team-circle .team-photo img {
  20849. border-radius: 50%;
  20850. width: 160px;
  20851. position: relative;
  20852. z-index: 2
  20853. }
  20854.  
  20855. .team-circle .team-photo .expand-trigger {
  20856. position: absolute;
  20857. top: -12px;
  20858. left: -12px;
  20859. height: calc(100% + 24px);
  20860. width: calc(100% + 24px);
  20861. z-index: 3;
  20862. border-radius: 50%;
  20863. color: #fff
  20864. }
  20865.  
  20866. .team-circle .team-photo:before {
  20867. position: absolute;
  20868. content: "";
  20869. height: calc(100% + 24px);
  20870. width: calc(100% + 24px);
  20871. border-radius: 50%;
  20872. top: -12px;
  20873. left: 50%;
  20874. transform: translateX(-50%) scale(0.6);
  20875. z-index: 1;
  20876. opacity: 0;
  20877. transition: all .5s ease;
  20878. background-image: linear-gradient(to top, #2b56f5 0%, #46bdf4 100%)
  20879. }
  20880.  
  20881. .team-circle .team-photo:hover .expand-trigger {
  20882. opacity: 1
  20883. }
  20884.  
  20885. .team-circle .team-photo:hover:before {
  20886. opacity: 1;
  20887. transform: translateX(-50%) scale(1)
  20888. }
  20889.  
  20890. .team-circle .team-info {
  20891. margin-top: 25px
  20892. }
  20893.  
  20894. .team-circle .team-name {
  20895. font-weight: 400;
  20896. margin-bottom: 0
  20897. }
  20898.  
  20899. .team-circle .team-title {
  20900. color: #8255fd;
  20901. font-size: 13px;
  20902. display: block;
  20903. margin-bottom: 12px
  20904. }
  20905.  
  20906. .team-circle .team-social li {
  20907. display: inline-block;
  20908. margin: 0 7px
  20909. }
  20910.  
  20911. .team-circle .team-social li a .fa {
  20912. font-size: 16px
  20913. }
  20914.  
  20915. .team-profile {
  20916. max-width: 970px;
  20917. margin: 30px auto;
  20918. padding: 50px 20px;
  20919. background: #fff;
  20920. position: relative;
  20921. color: #3c3c3c
  20922. }
  20923.  
  20924. .team-profile .team-profile-photo img {
  20925. width: 100%
  20926. }
  20927.  
  20928. .team-profile .team-profile-info {
  20929. padding: 30px 0 20px 20px
  20930. }
  20931.  
  20932. .team-profile .team-profile-info .name {
  20933. margin-bottom: 5px;
  20934. color: #3c3c3c
  20935. }
  20936.  
  20937. .team-profile .team-profile-info .sub-title {
  20938. font-size: .875em;
  20939. margin-bottom: 5px
  20940. }
  20941.  
  20942. .team-profile .team-profile-info .tpi-social li {
  20943. display: inline-block;
  20944. margin-right: 15px
  20945. }
  20946.  
  20947. .team-profile .team-profile-info .tpi-social li a {
  20948. font-size: 14px
  20949. }
  20950.  
  20951. .team-profile .team-profile-info p {
  20952. margin-bottom: 8px
  20953. }
  20954.  
  20955. .team-profile .team-profile-info p:last-of-type {
  20956. margin-bottom: 28px
  20957. }
  20958.  
  20959. .single-skill-bar {
  20960. font-size: 12px;
  20961. text-transform: capitalize;
  20962. padding-bottom: 15px
  20963. }
  20964.  
  20965. .skill-bar {
  20966. position: relative;
  20967. width: 100%;
  20968. height: 4px;
  20969. background: #ccc;
  20970. margin-top: 5px
  20971. }
  20972.  
  20973. .skill-bar-percent {
  20974. position: absolute;
  20975. height: 100%;
  20976. top: 0;
  20977. left: 0;
  20978. background-image: linear-gradient(to right, #46bdf4 0%, #7a0fff 100%)
  20979. }
  20980.  
  20981. .bg-team-exp.mfp-bg {
  20982. background-image: linear-gradient(to right, #46bdf4 0%, #7a0fff 100%)
  20983. }
  20984.  
  20985.  
  20986. /*! 11.0 - Partner Section */
  20987.  
  20988. .partner-list {
  20989. margin-bottom: -30px
  20990. }
  20991.  
  20992. .partner-list .single-partner {
  20993. margin-bottom: 30px
  20994. }
  20995.  
  20996. .partner-list-s2 {
  20997. width: 100%;
  20998. margin-top: 20px;
  20999. padding-left: 15px
  21000. }
  21001.  
  21002. .partner-list-s2 li {
  21003. width: 18%;
  21004. text-transform: uppercase;
  21005. line-height: 1.4;
  21006. font-size: 12px;
  21007. color: #7ab9ff;
  21008. text-align: center
  21009. }
  21010.  
  21011. .partner-list-s2 li:first-child {
  21012. width: 10%;
  21013. text-align: left
  21014. }
  21015.  
  21016. .partner-list-s2 li a {
  21017. display: inline-block
  21018. }
  21019.  
  21020. .header-partners {
  21021. position: absolute;
  21022. width: 100%;
  21023. bottom: 40px
  21024. }
  21025.  
  21026. @media only screen and (min-width: 768px) and (max-width: 1024px) {
  21027. .header-partners {
  21028. position: relative;
  21029. width: 100%;
  21030. bottom: auto;
  21031. margin-top: 100px;
  21032. margin-bottom: 35px
  21033. }
  21034. .partner-list-s2 {
  21035. padding-left: 15px
  21036. }
  21037. }
  21038.  
  21039. @media only screen and (max-width: 767px) {
  21040. .header-partners {
  21041. position: relative;
  21042. width: 100%;
  21043. bottom: auto
  21044. }
  21045. .site-header .scroll-down {
  21046. display: none
  21047. }
  21048. .partner-list-s2 {
  21049. width: 100%;
  21050. margin-top: 20px;
  21051. padding-right: 0;
  21052. justify-content: center
  21053. }
  21054. .partner-list-s2 li {
  21055. width: 33.3%;
  21056. flex-grow: 0;
  21057. margin-bottom: 20px
  21058. }
  21059. .partner-list-s2 li:first-child {
  21060. width: 100%;
  21061. text-align: center
  21062. }
  21063. }
  21064.  
  21065.  
  21066. /*! 12.0 - FAQ SECTION */
  21067.  
  21068. .accordion .card {
  21069. background-color: #171a40;
  21070. border: none;
  21071. border-bottom: 1px solid #10122d;
  21072. border-radius: 0
  21073. }
  21074.  
  21075. .accordion .card .card-header {
  21076. position: relative;
  21077. font-size: 1em;
  21078. padding: 0;
  21079. border-bottom: none;
  21080. background: transparent
  21081. }
  21082.  
  21083. .accordion .card .card-header a {
  21084. color: #fff;
  21085. font-weight: 500;
  21086. padding: 15px 30px;
  21087. display: block;
  21088. margin-top: 0;
  21089. cursor: pointer
  21090. }
  21091.  
  21092. .accordion .card .card-header a.collapsed {
  21093. color: #fff;
  21094. background-color: #10122d
  21095. }
  21096.  
  21097. .accordion .card .card-header a:hover {
  21098. opacity: 1
  21099. }
  21100.  
  21101. .accordion .card .card-body {
  21102. padding: 0 30px 15px 30px
  21103. }
  21104.  
  21105. .accordion .card:last-child {
  21106. border-bottom: 0 none
  21107. }
  21108.  
  21109. .accordion .card+.card {
  21110. margin-top: 0
  21111. }
  21112.  
  21113. .accordion .plus-minus {
  21114. cursor: pointer;
  21115. transition: opacity 350ms;
  21116. display: block;
  21117. position: absolute;
  21118. right: 20px;
  21119. top: 50%;
  21120. height: 18px;
  21121. width: 18px;
  21122. margin-top: -9px;
  21123. transition: all .5s ease
  21124. }
  21125.  
  21126. .accordion .plus-minus span.ti {
  21127. position: relative;
  21128. height: 100%;
  21129. display: block;
  21130. font-size: 18px
  21131. }
  21132.  
  21133. .accordion .plus-minus:hover {
  21134. opacity: 0.8
  21135. }
  21136.  
  21137. .accordion .collapsed .plus-minus {
  21138. transform: rotate(180deg)
  21139. }
  21140.  
  21141. .theme-light .accordion .card .card-header a {
  21142. color: #8284a5
  21143. }
  21144.  
  21145. .theme-light .accordion .card .card-header a.collapsed {
  21146. color: #8284a5
  21147. }
  21148.  
  21149. .theme-light .accordion .card .card-body {
  21150. color: #8284a5
  21151. }
  21152.  
  21153. .theme-light .section-bg .accordion .card {
  21154. background-color: rgba(255, 255, 255, 0.5);
  21155. border-bottom: 1px solid rgba(239, 246, 255, 0.5)
  21156. }
  21157.  
  21158. .theme-light .section-bg .accordion .card .card-header a.collapsed {
  21159. background-color: #fff
  21160. }
  21161.  
  21162. .theme-light .section-bg .accordion .card:last-child {
  21163. border-bottom: none
  21164. }
  21165.  
  21166. .theme-light .section-bg-alt .accordion .card {
  21167. background-color: rgba(239, 246, 255, 0.5);
  21168. border-bottom: 1px solid rgba(255, 255, 255, 0.5)
  21169. }
  21170.  
  21171. .theme-light .section-bg-alt .accordion .card .card-header a.collapsed {
  21172. background-color: #eff6ff
  21173. }
  21174.  
  21175. .theme-light .section-bg-alt .accordion .card:last-child {
  21176. border-bottom: none
  21177. }
  21178.  
  21179. .panel-group:last-child {
  21180. margin-bottom: 0
  21181. }
  21182.  
  21183. .single-faq {
  21184. margin: 30px 0 25px
  21185. }
  21186.  
  21187. .single-faq h5 {
  21188. font-size: 1.1em;
  21189. font-weight: 500;
  21190. margin-bottom: 13px
  21191. }
  21192.  
  21193. .single-faq p {
  21194. color: #6e7e98
  21195. }
  21196.  
  21197. .io-azure .single-faq p {
  21198. color: #7ab9ff
  21199. }
  21200.  
  21201. .io-azure .section-pro .single-faq h5,
  21202. .io-azure .section-pro-alt .single-faq h5 {
  21203. color: #313c56
  21204. }
  21205.  
  21206. .io-azure .section-pro .single-faq p,
  21207. .io-azure .section-pro-alt .single-faq p {
  21208. color: #637097
  21209. }
  21210.  
  21211.  
  21212. /*! 13.0 - CONTACT SECTION */
  21213.  
  21214. .contact-section {
  21215. overflow: hidden
  21216. }
  21217.  
  21218. .contact-info {
  21219. margin: 0 -30px;
  21220. padding-bottom: 60px;
  21221. display: flex
  21222. }
  21223.  
  21224. .contact-info li {
  21225. margin: 0 30px
  21226. }
  21227.  
  21228. .contact-info li .fa {
  21229. font-size: 20px;
  21230. line-height: 38px;
  21231. width: 38px;
  21232. text-align: center;
  21233. color: #fff;
  21234. background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
  21235. border-radius: 50%;
  21236. margin-right: 15px
  21237. }
  21238.  
  21239. .contact-info-alt {
  21240. margin-top: 20px
  21241. }
  21242.  
  21243. .contact-info-alt li {
  21244. margin: 18px 0
  21245. }
  21246.  
  21247. .contact-info-alt li .fa {
  21248. position: relative;
  21249. font-size: 16px;
  21250. line-height: 38px;
  21251. width: 38px;
  21252. text-align: center;
  21253. color: #fff;
  21254. border-radius: 50%;
  21255. margin-right: 15px;
  21256. background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
  21257. z-index: 1
  21258. }
  21259.  
  21260. .contact-info-alt li .fa:after {
  21261. position: absolute;
  21262. content: "";
  21263. top: 2px;
  21264. left: 2px;
  21265. width: 34px;
  21266. height: 34px;
  21267. border-radius: 50%;
  21268. background: #0d42b2;
  21269. z-index: 0
  21270. }
  21271.  
  21272. .contact-info-alt li .fa:before {
  21273. position: relative;
  21274. z-index: 3
  21275. }
  21276.  
  21277. .section-pro .contact-info-alt li .fa {
  21278. color: #46bdf4
  21279. }
  21280.  
  21281. .section-pro .contact-info-alt li .fa:after {
  21282. background: #fff
  21283. }
  21284.  
  21285. .section-pro-alt .contact-info-alt li .fa {
  21286. color: #46bdf4
  21287. }
  21288.  
  21289. .section-pro-alt .contact-info-alt li .fa:after {
  21290. background: #ebf3fc
  21291. }
  21292.  
  21293. @media only screen and (max-width: 1199px) {
  21294. .contact-info {
  21295. display: block
  21296. }
  21297. .contact-info li {
  21298. float: left;
  21299. width: 33%;
  21300. text-align: center;
  21301. margin: 0 0 20px
  21302. }
  21303. .contact-info li span {
  21304. display: block
  21305. }
  21306. .contact-info li .fa {
  21307. font-size: 16px;
  21308. margin-bottom: 15px
  21309. }
  21310. }
  21311.  
  21312. @media only screen and (max-width: 767px) {
  21313. .contact-info {
  21314. padding-bottom: 15px
  21315. }
  21316. .contact-info li {
  21317. float: none;
  21318. width: 100%
  21319. }
  21320. }
  21321.  
  21322. .form-message .input-field {
  21323. margin-bottom: 20px;
  21324. position: relative
  21325. }
  21326.  
  21327. .form-message .input-field .btn {
  21328. margin-top: 10px
  21329. }
  21330.  
  21331. .form-message .input-field label.input-title {
  21332. position: absolute;
  21333. width: 100%;
  21334. top: 18px;
  21335. left: 0;
  21336. color: #8284a5;
  21337. z-index: 1;
  21338. transition: all .5s ease
  21339. }
  21340.  
  21341. .form-message .input-field .input-line {
  21342. position: relative;
  21343. line-height: 46px;
  21344. z-index: 2;
  21345. background: transparent;
  21346. border: none;
  21347. width: 100%;
  21348. text-align: center;
  21349. color: #fff;
  21350. border-bottom: 1px solid #46bdf4;
  21351. margin-top: 8px;
  21352. outline: none
  21353. }
  21354.  
  21355. .form-message .input-field .input-line.error {
  21356. border-bottom-color: #d2636d
  21357. }
  21358.  
  21359. .form-message .input-field .txtarea {
  21360. height: 105px;
  21361. resize: none;
  21362. outline: none;
  21363. line-height: 21px;
  21364. padding-top: 14px
  21365. }
  21366.  
  21367. .form-message .input-field .txtarea+.input-title {
  21368. top: 75px
  21369. }
  21370.  
  21371. .form-message .input-field .txtarea+label+.input-title {
  21372. top: 75px
  21373. }
  21374.  
  21375. .form-message .input-field.input-focused .input-title {
  21376. top: -7px;
  21377. transform: scale(0.8)
  21378. }
  21379.  
  21380. .form-message .input-field.input-focused .txtarea+label+.input-title {
  21381. top: -7px;
  21382. transform: scale(0.8)
  21383. }
  21384.  
  21385. .form-message .input-field label.error {
  21386. display: none !important
  21387. }
  21388.  
  21389. .form-message.text-left .input-field .input-line {
  21390. text-align: left
  21391. }
  21392.  
  21393. .form-message.text-left label.input-title {
  21394. transform-origin: left
  21395. }
  21396.  
  21397. .io-azure .form-message .input-field label.input-title {
  21398. color: #7ab9ff
  21399. }
  21400.  
  21401. .io-azure .section-pro .form-message .input-field .input-line,
  21402. .io-azure .section-pro-alt .form-message .input-field .input-line {
  21403. color: #313c56
  21404. }
  21405.  
  21406. .theme-light .form-message .input-field label.input-title {
  21407. color: #8284a5
  21408. }
  21409.  
  21410. .theme-light .form-message .input-field .input-line {
  21411. color: #3c3c3c
  21412. }
  21413.  
  21414.  
  21415. /*! 14.0 - FOOTER SECTION */
  21416.  
  21417. .inline-form {
  21418. position: relative;
  21419. margin: 0 40px
  21420. }
  21421.  
  21422. .inline-form .input-round {
  21423. color: #fff;
  21424. background: #0b0c22;
  21425. border: 1px solid #0b0c22;
  21426. border-radius: 27px;
  21427. line-height: 52px;
  21428. width: 100%;
  21429. padding-left: 30px;
  21430. outline: none;
  21431. transition: all .5s ease
  21432. }
  21433.  
  21434. .inline-form .input-round.error {
  21435. border-color: #d2636d
  21436. }
  21437.  
  21438. .inline-form .btn {
  21439. position: absolute;
  21440. top: 5px;
  21441. right: 5px
  21442. }
  21443.  
  21444. .inline-form label.error {
  21445. display: none !important
  21446. }
  21447.  
  21448. .subscribe-results {
  21449. position: absolute;
  21450. left: 0;
  21451. width: 100%;
  21452. top: calc(100% + 15px)
  21453. }
  21454.  
  21455. .theme-light .section-bg .inline-form .input-round {
  21456. color: #3c3c3c;
  21457. background: #fff;
  21458. border-color: #fff
  21459. }
  21460.  
  21461. .theme-light .section-bg-alt .inline-form .input-round {
  21462. color: #3c3c3c;
  21463. background: #eff6ff;
  21464. border-color: #eff6ff
  21465. }
  21466.  
  21467. @media only screen and (max-width: 1199px) {
  21468. .inline-form {
  21469. margin: 0
  21470. }
  21471. .inline-form .input-round {
  21472. text-align: center
  21473. }
  21474. .inline-form .btn {
  21475. position: relative;
  21476. top: 5px;
  21477. right: 0;
  21478. margin-top: 20px
  21479. }
  21480. }
  21481.  
  21482. .social li {
  21483. display: inline-block;
  21484. margin: 0 4px
  21485. }
  21486.  
  21487. .social li a {
  21488. color: #3c3c3c;
  21489. background: #fff;
  21490. display: inline-block;
  21491. height: 30px;
  21492. width: 30px;
  21493. font-size: 16px;
  21494. text-align: center;
  21495. border-radius: 50%;
  21496. line-height: 30px
  21497. }
  21498. .social li a:hover {
  21499. background: #febe28;
  21500. color: #fff;
  21501. }
  21502.  
  21503. .subscribe-section {
  21504. background: url(../images/footer-bg.png) no-repeat 50% 0%/contain, #10122d
  21505. }
  21506.  
  21507. .theme-light .subscribe-section {
  21508. background: url(http://abid.itvision.pk/MVP/assets/frontend/img/footer-bg.png) no-repeat 50% 0%/contain, #eff6ff
  21509. }
  21510.  
  21511. .copyright-text {
  21512. font-size: 13px;
  21513. display: block;
  21514. margin-top: 40px
  21515. }
  21516.  
  21517. .copyright-text span {
  21518. display: block;
  21519. color: #8284a5
  21520. }
  21521.  
  21522. .io-azure .copyright-text {
  21523. color: #7ab9ff
  21524. }
  21525.  
  21526. .io-azure .copyright-text a {
  21527. color: #7ab9ff
  21528. }
  21529.  
  21530. .io-azure .copyright-text a:hover {
  21531. color: #46bdf4
  21532. }
  21533.  
  21534. .io-azure .copyright-text span {
  21535. color: rgba(122, 185, 255, 0.5)
  21536. }
  21537.  
  21538. .footer-particle {
  21539. border-top: 1px solid rgb(20, 0, 45);
  21540. background: #14002d url(http://abid.itvision.pk/MVP/assets/frontend/img/footer-bg-azure.png) no-repeat 50% 0/contain !important;
  21541. font-family: 'Varela Round', sans-serif;
  21542. }
  21543.  
  21544.  
  21545.  
  21546. .footer-brand {
  21547. display: inline-block;
  21548. margin-bottom: 25px
  21549. }
  21550.  
  21551. .footer-subscription {
  21552. position: relative;
  21553. margin-right: 90px;
  21554. margin-left: -30px
  21555. }
  21556.  
  21557. .footer-subscription .subscription-form {
  21558. position: relative
  21559. }
  21560. .footer-subscription .input-round {
  21561. color: #000;
  21562. background: #f4f6f9;
  21563. border: 1px solid #f4f6f9;
  21564. border-radius: 5px;
  21565. line-height: 52px;
  21566. width: 100%;
  21567. padding-left: 15px;
  21568. outline: none;
  21569. transition: all .5s ease;
  21570. font-size: 16px;
  21571. }
  21572.  
  21573. .footer-subscription .input-round.error {
  21574. border-color: #d2636d
  21575. }
  21576.  
  21577. .footer-subscription .btn.btn-plane {
  21578. position: absolute;
  21579. top: 5px;
  21580. right: -50px;
  21581. padding: 0 10px;
  21582. min-width: 110px;
  21583. background: #2b56f5;
  21584. border-radius: 23px;
  21585. }
  21586. #top_bar_wrap {
  21587. padding: 5px 15px 8px;
  21588. background: #46bdf4;
  21589. border-bottom: 2px solid #46bdf4;
  21590. }
  21591. .login-header {
  21592. background-color: #fff;
  21593. padding: 10px 0;
  21594. }
  21595.  
  21596.  
  21597.  
  21598. .footer-subscription .btn.btn-plane:before {
  21599. border-radius: 23px
  21600. }
  21601.  
  21602. .footer-subscription label.error {
  21603. display: none !important
  21604. }
  21605.  
  21606. .subscription-form input::-moz-placeholder {
  21607. opacity: 0.6;
  21608. color: #fff
  21609. }
  21610.  
  21611. .theme-light .subscription-form input::-moz-placeholder {
  21612. color: #373e45
  21613. }
  21614.  
  21615. .subscription-form input:-ms-input-placeholder {
  21616. opacity: 0.6;
  21617. color: #fff
  21618. }
  21619.  
  21620. .theme-light .subscription-form input:-ms-input-placeholder {
  21621. color: #373e45
  21622. }
  21623.  
  21624. .subscription-form input::-webkit-input-placeholder {
  21625. opacity: 0.6;
  21626. color: #fff
  21627. }
  21628.  
  21629. .theme-light .subscription-form input::-webkit-input-placeholder {
  21630. color: #373e45
  21631. }
  21632.  
  21633. @media only screen and (max-width: 767px) {
  21634. .footer-subscription {
  21635. margin-left: 0;
  21636. margin-right: 0
  21637. }
  21638. .footer-subscription .btn.btn-plane {
  21639. top: 0;
  21640. right: auto;
  21641. margin-top: 20px;
  21642. position: relative
  21643. }
  21644. }
  21645.  
  21646. .link-widget li {
  21647. display: inline-block;
  21648. width: 32%
  21649. }
  21650.  
  21651. .link-widget li a {
  21652. font-size: .9em;
  21653. line-height: 2.5;
  21654. color: #fff;
  21655. }
  21656.  
  21657. .link-widget li a:hover {
  21658. color: #fff
  21659. }
  21660.  
  21661. .footer-links {
  21662. margin: 40px -10px 0
  21663. }
  21664.  
  21665. .footer-links li {
  21666. display: inline-block;
  21667. margin: 0 10px
  21668. }
  21669.  
  21670. .footer-links li a {
  21671. font-size: .8em;
  21672. line-height: 2.5;
  21673. color: #fff;
  21674. }
  21675.  
  21676. .footer-links li a:hover {
  21677. color: #fff
  21678. }
  21679.  
  21680.  
  21681. /*! 15.0 - ANIMATION CSS */
  21682.  
  21683. .animated {
  21684. animation-duration: .6s
  21685. }
  21686.  
  21687. @-webkit-keyframes fadeInUp {
  21688. from {
  21689. opacity: 0;
  21690. -webkit-transform: translate3d(0, 40px, 0);
  21691. transform: translate3d(0, 40px, 0)
  21692. }
  21693. to {
  21694. opacity: 1;
  21695. -webkit-transform: translate3d(0, 0, 0);
  21696. transform: translate3d(0, 0, 0)
  21697. }
  21698. }
  21699.  
  21700. @keyframes fadeInUp {
  21701. from {
  21702. opacity: 0;
  21703. -webkit-transform: translate3d(0, 40px, 0);
  21704. transform: translate3d(0, 40px, 0)
  21705. }
  21706. to {
  21707. opacity: 1;
  21708. -webkit-transform: translate3d(0, 0, 0);
  21709. transform: translate3d(0, 0, 0)
  21710. }
  21711. }
  21712.  
  21713. .fadeInUp {
  21714. -webkit-animation-name: fadeInUp;
  21715. animation-name: fadeInUp
  21716. }
  21717.  
  21718. @-webkit-keyframes fadeInUp10 {
  21719. from {
  21720. opacity: 0;
  21721. -webkit-transform: translate3d(0, 10px, 0);
  21722. transform: translate3d(0, 10px, 0)
  21723. }
  21724. to {
  21725. opacity: 1;
  21726. -webkit-transform: translate3d(0, 0, 0);
  21727. transform: translate3d(0, 0, 0)
  21728. }
  21729. }
  21730.  
  21731. @keyframes fadeInUp10 {
  21732. from {
  21733. opacity: 0;
  21734. -webkit-transform: translate3d(0, 10px, 0);
  21735. transform: translate3d(0, 10px, 0)
  21736. }
  21737. to {
  21738. opacity: 1;
  21739. -webkit-transform: translate3d(0, 0, 0);
  21740. transform: translate3d(0, 0, 0)
  21741. }
  21742. }
  21743.  
  21744. .fadeInUp10 {
  21745. -webkit-animation-name: fadeInUp;
  21746. animation-name: fadeInUp
  21747. }
  21748.  
  21749. @-webkit-keyframes fadeInUp20 {
  21750. from {
  21751. opacity: 0;
  21752. -webkit-transform: translate3d(0, 20px, 0);
  21753. transform: translate3d(0, 20px, 0)
  21754. }
  21755. to {
  21756. opacity: 1;
  21757. -webkit-transform: translate3d(0, 0, 0);
  21758. transform: translate3d(0, 0, 0)
  21759. }
  21760. }
  21761.  
  21762. @keyframes fadeInUp20 {
  21763. from {
  21764. opacity: 0;
  21765. -webkit-transform: translate3d(0, 20px, 0);
  21766. transform: translate3d(0, 20px, 0)
  21767. }
  21768. to {
  21769. opacity: 1;
  21770. -webkit-transform: translate3d(0, 0, 0);
  21771. transform: translate3d(0, 0, 0)
  21772. }
  21773. }
  21774.  
  21775. .fadeInUp20 {
  21776. -webkit-animation-name: fadeInUp;
  21777. animation-name: fadeInUp
  21778. }
  21779.  
  21780. @-webkit-keyframes fadeInUp30 {
  21781. from {
  21782. opacity: 0;
  21783. -webkit-transform: translate3d(0, 30px, 0);
  21784. transform: translate3d(0, 30px, 0)
  21785. }
  21786. to {
  21787. opacity: 1;
  21788. -webkit-transform: translate3d(0, 0, 0);
  21789. transform: translate3d(0, 0, 0)
  21790. }
  21791. }
  21792.  
  21793. @keyframes fadeInUp30 {
  21794. from {
  21795. opacity: 0;
  21796. -webkit-transform: translate3d(0, 30px, 0);
  21797. transform: translate3d(0, 30px, 0)
  21798. }
  21799. to {
  21800. opacity: 1;
  21801. -webkit-transform: translate3d(0, 0, 0);
  21802. transform: translate3d(0, 0, 0)
  21803. }
  21804. }
  21805.  
  21806. .fadeInUp30 {
  21807. -webkit-animation-name: fadeInUp;
  21808. animation-name: fadeInUp
  21809. }
  21810.  
  21811. @-webkit-keyframes fadeInUp40 {
  21812. from {
  21813. opacity: 0;
  21814. -webkit-transform: translate3d(0, 40px, 0);
  21815. transform: translate3d(0, 40px, 0)
  21816. }
  21817. to {
  21818. opacity: 1;
  21819. -webkit-transform: translate3d(0, 0, 0);
  21820. transform: translate3d(0, 0, 0)
  21821. }
  21822. }
  21823.  
  21824. @keyframes fadeInUp40 {
  21825. from {
  21826. opacity: 0;
  21827. -webkit-transform: translate3d(0, 40px, 0);
  21828. transform: translate3d(0, 40px, 0)
  21829. }
  21830. to {
  21831. opacity: 1;
  21832. -webkit-transform: translate3d(0, 0, 0);
  21833. transform: translate3d(0, 0, 0)
  21834. }
  21835. }
  21836.  
  21837. .fadeInUp40 {
  21838. -webkit-animation-name: fadeInUp;
  21839. animation-name: fadeInUp
  21840. }
  21841.  
  21842. @-webkit-keyframes fadeInUp50 {
  21843. from {
  21844. opacity: 0;
  21845. -webkit-transform: translate3d(0, 50px, 0);
  21846. transform: translate3d(0, 50px, 0)
  21847. }
  21848. to {
  21849. opacity: 1;
  21850. -webkit-transform: translate3d(0, 0, 0);
  21851. transform: translate3d(0, 0, 0)
  21852. }
  21853. }
  21854.  
  21855. @keyframes fadeInUp50 {
  21856. from {
  21857. opacity: 0;
  21858. -webkit-transform: translate3d(0, 50px, 0);
  21859. transform: translate3d(0, 50px, 0)
  21860. }
  21861. to {
  21862. opacity: 1;
  21863. -webkit-transform: translate3d(0, 0, 0);
  21864. transform: translate3d(0, 0, 0)
  21865. }
  21866. }
  21867.  
  21868. .fadeInUp50 {
  21869. -webkit-animation-name: fadeInUp;
  21870. animation-name: fadeInUp
  21871. }
  21872.  
  21873. @-webkit-keyframes fadeInUp60 {
  21874. from {
  21875. opacity: 0;
  21876. -webkit-transform: translate3d(0, 60px, 0);
  21877. transform: translate3d(0, 60px, 0)
  21878. }
  21879. to {
  21880. opacity: 1;
  21881. -webkit-transform: translate3d(0, 0, 0);
  21882. transform: translate3d(0, 0, 0)
  21883. }
  21884. }
  21885.  
  21886. @keyframes fadeInUp60 {
  21887. from {
  21888. opacity: 0;
  21889. -webkit-transform: translate3d(0, 60px, 0);
  21890. transform: translate3d(0, 60px, 0)
  21891. }
  21892. to {
  21893. opacity: 1;
  21894. -webkit-transform: translate3d(0, 0, 0);
  21895. transform: translate3d(0, 0, 0)
  21896. }
  21897. }
  21898.  
  21899. .fadeInUp60 {
  21900. -webkit-animation-name: fadeInUp;
  21901. animation-name: fadeInUp
  21902. }
  21903.  
  21904. @-webkit-keyframes fadeInRight {
  21905. from {
  21906. opacity: 0;
  21907. -webkit-transform: translate3d(40px, 0, 0);
  21908. transform: translate3d(40px, 0, 0)
  21909. }
  21910. to {
  21911. opacity: 1;
  21912. -webkit-transform: translate3d(0, 0, 0);
  21913. transform: translate3d(0, 0, 0)
  21914. }
  21915. }
  21916.  
  21917. @keyframes fadeInRight {
  21918. from {
  21919. opacity: 0;
  21920. -webkit-transform: translate3d(40px, 0, 0);
  21921. transform: translate3d(40px, 0, 0)
  21922. }
  21923. to {
  21924. opacity: 1;
  21925. -webkit-transform: translate3d(0, 0, 0);
  21926. transform: translate3d(0, 0, 0)
  21927. }
  21928. }
  21929.  
  21930. .fadeInRight {
  21931. -webkit-animation-name: fadeInRight;
  21932. animation-name: fadeInRight
  21933. }
  21934.  
  21935. @-webkit-keyframes fadeInRight10 {
  21936. from {
  21937. opacity: 0;
  21938. -webkit-transform: translate3d(10px, 0, 0);
  21939. transform: translate3d(10px, 0, 0)
  21940. }
  21941. to {
  21942. opacity: 1;
  21943. -webkit-transform: translate3d(0, 0, 0);
  21944. transform: translate3d(0, 0, 0)
  21945. }
  21946. }
  21947.  
  21948. @keyframes fadeInRight10 {
  21949. from {
  21950. opacity: 0;
  21951. -webkit-transform: translate3d(10px, 0, 0);
  21952. transform: translate3d(10px, 0, 0)
  21953. }
  21954. to {
  21955. opacity: 1;
  21956. -webkit-transform: translate3d(0, 0, 0);
  21957. transform: translate3d(0, 0, 0)
  21958. }
  21959. }
  21960.  
  21961. .fadeInRight10 {
  21962. -webkit-animation-name: fadeInRight;
  21963. animation-name: fadeInRight
  21964. }
  21965.  
  21966. @-webkit-keyframes fadeInRight20 {
  21967. from {
  21968. opacity: 0;
  21969. -webkit-transform: translate3d(20px, 0, 0);
  21970. transform: translate3d(20px, 0, 0)
  21971. }
  21972. to {
  21973. opacity: 1;
  21974. -webkit-transform: translate3d(0, 0, 0);
  21975. transform: translate3d(0, 0, 0)
  21976. }
  21977. }
  21978.  
  21979. @keyframes fadeInRight20 {
  21980. from {
  21981. opacity: 0;
  21982. -webkit-transform: translate3d(20px, 0, 0);
  21983. transform: translate3d(20px, 0, 0)
  21984. }
  21985. to {
  21986. opacity: 1;
  21987. -webkit-transform: translate3d(0, 0, 0);
  21988. transform: translate3d(0, 0, 0)
  21989. }
  21990. }
  21991.  
  21992. .fadeInRight20 {
  21993. -webkit-animation-name: fadeInRight;
  21994. animation-name: fadeInRight
  21995. }
  21996.  
  21997. @-webkit-keyframes fadeInRight30 {
  21998. from {
  21999. opacity: 0;
  22000. -webkit-transform: translate3d(30px, 0, 0);
  22001. transform: translate3d(30px, 0, 0)
  22002. }
  22003. to {
  22004. opacity: 1;
  22005. -webkit-transform: translate3d(0, 0, 0);
  22006. transform: translate3d(0, 0, 0)
  22007. }
  22008. }
  22009.  
  22010. @keyframes fadeInRight30 {
  22011. from {
  22012. opacity: 0;
  22013. -webkit-transform: translate3d(30px, 0, 0);
  22014. transform: translate3d(30px, 0, 0)
  22015. }
  22016. to {
  22017. opacity: 1;
  22018. -webkit-transform: translate3d(0, 0, 0);
  22019. transform: translate3d(0, 0, 0)
  22020. }
  22021. }
  22022.  
  22023. .fadeInRight30 {
  22024. -webkit-animation-name: fadeInRight;
  22025. animation-name: fadeInRight
  22026. }
  22027.  
  22028. @-webkit-keyframes fadeInRight40 {
  22029. from {
  22030. opacity: 0;
  22031. -webkit-transform: translate3d(40px, 0, 0);
  22032. transform: translate3d(40px, 0, 0)
  22033. }
  22034. to {
  22035. opacity: 1;
  22036. -webkit-transform: translate3d(0, 0, 0);
  22037. transform: translate3d(0, 0, 0)
  22038. }
  22039. }
  22040.  
  22041. @keyframes fadeInRight40 {
  22042. from {
  22043. opacity: 0;
  22044. -webkit-transform: translate3d(40px, 0, 0);
  22045. transform: translate3d(40px, 0, 0)
  22046. }
  22047. to {
  22048. opacity: 1;
  22049. -webkit-transform: translate3d(0, 0, 0);
  22050. transform: translate3d(0, 0, 0)
  22051. }
  22052. }
  22053.  
  22054. .fadeInRight40 {
  22055. -webkit-animation-name: fadeInRight;
  22056. animation-name: fadeInRight
  22057. }
  22058.  
  22059. @-webkit-keyframes fadeInRight50 {
  22060. from {
  22061. opacity: 0;
  22062. -webkit-transform: translate3d(50px, 0, 0);
  22063. transform: translate3d(50px, 0, 0)
  22064. }
  22065. to {
  22066. opacity: 1;
  22067. -webkit-transform: translate3d(0, 0, 0);
  22068. transform: translate3d(0, 0, 0)
  22069. }
  22070. }
  22071.  
  22072. @keyframes fadeInRight50 {
  22073. from {
  22074. opacity: 0;
  22075. -webkit-transform: translate3d(50px, 0, 0);
  22076. transform: translate3d(50px, 0, 0)
  22077. }
  22078. to {
  22079. opacity: 1;
  22080. -webkit-transform: translate3d(0, 0, 0);
  22081. transform: translate3d(0, 0, 0)
  22082. }
  22083. }
  22084.  
  22085. .fadeInRight50 {
  22086. -webkit-animation-name: fadeInRight;
  22087. animation-name: fadeInRight
  22088. }
  22089.  
  22090. @-webkit-keyframes fadeInRight60 {
  22091. from {
  22092. opacity: 0;
  22093. -webkit-transform: translate3d(60px, 0, 0);
  22094. transform: translate3d(60px, 0, 0)
  22095. }
  22096. to {
  22097. opacity: 1;
  22098. -webkit-transform: translate3d(0, 0, 0);
  22099. transform: translate3d(0, 0, 0)
  22100. }
  22101. }
  22102.  
  22103. @keyframes fadeInRight60 {
  22104. from {
  22105. opacity: 0;
  22106. -webkit-transform: translate3d(60px, 0, 0);
  22107. transform: translate3d(60px, 0, 0)
  22108. }
  22109. to {
  22110. opacity: 1;
  22111. -webkit-transform: translate3d(0, 0, 0);
  22112. transform: translate3d(0, 0, 0)
  22113. }
  22114. }
  22115.  
  22116. .fadeInRight60 {
  22117. -webkit-animation-name: fadeInRight;
  22118. animation-name: fadeInRight
  22119. }
  22120.  
  22121. #loader {
  22122. display: block;
  22123. position: relative;
  22124. left: 50%;
  22125. top: 50%;
  22126. width: 70px;
  22127. height: 70px;
  22128. margin: -35px 0 0 -35px;
  22129. border-radius: 50%;
  22130. border: 2px solid transparent;
  22131. border-top-color: #46bdf4;
  22132. -webkit-animation: spin 2s linear infinite;
  22133. animation: spin 2s linear infinite;
  22134. z-index: 1001
  22135. }
  22136.  
  22137. #loader:before {
  22138. content: "";
  22139. position: absolute;
  22140. top: 5px;
  22141. left: 5px;
  22142. right: 5px;
  22143. bottom: 5px;
  22144. border-radius: 50%;
  22145. border: 3px solid transparent;
  22146. border-top-color: #7a0fff;
  22147. -webkit-animation: spin 3s linear infinite;
  22148. animation: spin 3s linear infinite
  22149. }
  22150.  
  22151. #loader:after {
  22152. content: "";
  22153. position: absolute;
  22154. top: 15px;
  22155. left: 15px;
  22156. right: 15px;
  22157. bottom: 15px;
  22158. border-radius: 50%;
  22159. border: 3px solid transparent;
  22160. border-top-color: #2b56f5;
  22161. -webkit-animation: spin 1.5s linear infinite;
  22162. animation: spin 1.5s linear infinite
  22163. }
  22164.  
  22165. .loader-section {
  22166. position: fixed;
  22167. height: 51%;
  22168. width: 100%;
  22169. left: 0;
  22170. transition: all .7s ease;
  22171. background: #030307
  22172. }
  22173.  
  22174. .theme-light .loader-section {
  22175. background: #eaf3ff
  22176. }
  22177.  
  22178. .io-azure .loader-section {
  22179. background: #0d40ad
  22180. }
  22181.  
  22182. .loader-top {
  22183. top: 0
  22184. }
  22185.  
  22186. .loaded .loader-top {
  22187. transform: translate(0, -100%)
  22188. }
  22189.  
  22190. .loader-bottom {
  22191. bottom: 0
  22192. }
  22193.  
  22194. .loaded .loader-bottom {
  22195. transform: translate(0, 100%)
  22196. }
  22197.  
  22198. @keyframes spin {
  22199. 0% {
  22200. -webkit-transform: rotate(0deg);
  22201. -ms-transform: rotate(0deg);
  22202. transform: rotate(0deg)
  22203. }
  22204. 100% {
  22205. -webkit-transform: rotate(360deg);
  22206. -ms-transform: rotate(360deg);
  22207. transform: rotate(360deg)
  22208. }
  22209. }
  22210.  
  22211. @media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  22212. .section:not(.team-section) img,
  22213. .section:not(.blog-section) img {
  22214. display: block;
  22215. margin-left: auto;
  22216. margin-right: auto;
  22217. max-width: 360px
  22218. }
  22219. .comment-photo img {
  22220. max-width: 60px !important
  22221. }
  22222. .banner {
  22223. min-height: 500px
  22224. }
  22225. .blog-item {
  22226. max-width: 360px;
  22227. margin-left: auto;
  22228. margin-right: auto
  22229. }
  22230. .header-image {
  22231. width: 400px;
  22232. margin: 0 auto
  22233. }
  22234. .header-image .left-icon {
  22235. margin-left: -3px
  22236. }
  22237. .header-image .right-icon {
  22238. margin-right: -7px
  22239. }
  22240. .header-image-alt {
  22241. min-width: 400px;
  22242. max-width: 400px;
  22243. margin: 0 auto
  22244. }
  22245. .header-image-element {
  22246. width: 25px
  22247. }
  22248. .header-image-element-1 {
  22249. left: 30%;
  22250. bottom: 21%
  22251. }
  22252. .header-image-element-2 {
  22253. left: 37%;
  22254. bottom: 30%
  22255. }
  22256. }
  22257.  
  22258. .has-maskbg {
  22259. position: relative
  22260. }
  22261.  
  22262. .mask-ov,
  22263. [class*=mask-ov] {
  22264. position: absolute;
  22265. left: 0;
  22266. top: 0;
  22267. width: 400px;
  22268. height: 600px;
  22269. z-index: 1;
  22270. overflow: hidden
  22271. }
  22272.  
  22273. .mask-ov:after,
  22274. [class*=mask-ov]:after {
  22275. position: absolute;
  22276. right: 30%;
  22277. top: 25%;
  22278. content: "";
  22279. display: block;
  22280. background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #1c62d8 50%, rgba(13, 66, 178, 0) 80%);
  22281. border-radius: 50%;
  22282. height: 400px;
  22283. width: 400px;
  22284. -webkit-filter: blur(80px);
  22285. filter: blur(80px);
  22286. z-index: 1
  22287. }
  22288.  
  22289. .mask-ov:before,
  22290. [class*=mask-ov]:before {
  22291. display: none;
  22292. content: "";
  22293. position: absolute;
  22294. left: 0;
  22295. right: 0;
  22296. bottom: 0;
  22297. top: 0;
  22298. background-repeat: no-repeat;
  22299. background-size: contain;
  22300. background-position: 0 50%;
  22301. z-index: 3
  22302. }
  22303.  
  22304. .section-pro .mask-ov:after,
  22305. .section-pro-alt .mask-ov:after,
  22306. .section-pro [class*=mask-ov]:after,
  22307. .section-pro-alt [class*=mask-ov]:after {
  22308. display: none
  22309. }
  22310.  
  22311. .mask-ov-right {
  22312. left: auto;
  22313. right: 0
  22314. }
  22315.  
  22316. .mask-ov-right:after {
  22317. right: auto;
  22318. left: 30%
  22319. }
  22320.  
  22321. .mask-ov-right:before {
  22322. background-position: 100% 50%
  22323. }
  22324.  
  22325. .mask-ov-s2 {
  22326. width: 420px;
  22327. height: 900px;
  22328. transform: translateY(-30%)
  22329. }
  22330.  
  22331. .mask-ov-s2:after {
  22332. background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #28298a 50%, rgba(13, 66, 178, 0) 80%)
  22333. }
  22334.  
  22335. .mask-ov-s2:before {
  22336. display: block;
  22337. background-image: url(http://abid.itvision.pk/MVP/assets/frontend/img/mask-line-a.png)
  22338. }
  22339.  
  22340. .mask-ov-s2.mask-ov-left:before {
  22341. transform: rotate(-180deg)
  22342. }
  22343.  
  22344. .mask-ov-s3 {
  22345. width: 600px;
  22346. height: 1400px;
  22347. transform: translateY(0)
  22348. }
  22349.  
  22350. .mask-ov-s3:after {
  22351. height: 650px;
  22352. width: 400px;
  22353. right: 45%;
  22354. background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #102486 50%, rgba(13, 66, 178, 0) 80%)
  22355. }
  22356.  
  22357. .mask-ov-s3:before {
  22358. display: block;
  22359. background-image: url(http://abid.itvision.pk/MVP/assets/frontend/img/mask-line-b.png)
  22360. }
  22361.  
  22362. .mask-ov-s3.mask-ov-right:before {
  22363. transform: rotate(180deg)
  22364. }
  22365.  
  22366. .mask-ov-s4 {
  22367. width: 420px;
  22368. height: 820px;
  22369. transform: translateY(-20%)
  22370. }
  22371.  
  22372. .mask-ov-s4:after {
  22373. height: 510px;
  22374. background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #1d5ecf 50%, rgba(13, 66, 178, 0) 80%)
  22375. }
  22376.  
  22377. .mask-ov-s5 {
  22378. width: 440px;
  22379. height: 1000px;
  22380. transform: translateY(12%)
  22381. }
  22382.  
  22383. .mask-ov-s5:after {
  22384. height: 600px;
  22385. width: 350px;
  22386. right: 45%;
  22387. background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #1b5ed1 50%, rgba(13, 66, 178, 0) 80%)
  22388. }
  22389.  
  22390. .mask-ov-s5:before {
  22391. display: block;
  22392. background-image: url(http://abid.itvision.pk/MVP/assets/frontend/img/mask-line-c.png)
  22393. }
  22394.  
  22395. .mask-ov-s5.mask-ov-right:before {
  22396. transform: rotate(180deg)
  22397. }
  22398.  
  22399. .mask-ov-s6 {
  22400. width: 440px;
  22401. height: 1000px;
  22402. transform: translateY(15%)
  22403. }
  22404.  
  22405. .mask-ov-s6:after {
  22406. height: 410px;
  22407. width: 500px;
  22408. left: 30%;
  22409. background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #142692 50%, rgba(13, 66, 178, 0) 80%)
  22410. }
  22411.  
  22412. .mask-ov-s6:before {
  22413. display: block;
  22414. background-image: url(http://abid.itvision.pk/MVP/assets/frontend/img/mask-line-d.png)
  22415. }
  22416.  
  22417. .mask-ov-s6.mask-ov-left:before {
  22418. transform: rotate(180deg)
  22419. }
  22420.  
  22421. .mask-ov-s7 {
  22422. width: 870px;
  22423. height: 800px;
  22424. bottom: -20%;
  22425. left: 50%;
  22426. margin-left: -150px;
  22427. top: auto;
  22428. transform: translateY(0)
  22429. }
  22430.  
  22431. .mask-ov-s7:after {
  22432. height: 710px;
  22433. width: 600px;
  22434. right: 0;
  22435. top: 15%;
  22436. transform: translateX(-25%);
  22437. background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #3762d3 50%, rgba(13, 66, 178, 0) 80%)
  22438. }
  22439.  
  22440. .mask-ov-s7.mask-ov-left:before {
  22441. transform: rotate(180deg)
  22442. }
  22443.  
  22444. @media only screen and (min-width: 767px) and (max-width: 1024px) {
  22445. .mask-ov:before,
  22446. [class*=mask-ov]:before {
  22447. background-size: 50%
  22448. }
  22449. }
  22450.  
  22451. @media only screen and (max-width: 767px) {
  22452. .mask-ov,
  22453. [class*=mask-ov] {
  22454. transform: scale(0.5);
  22455. transform-origin: right
  22456. }
  22457. .mask-ov-left {
  22458. transform-origin: left
  22459. }
  22460. }
  22461.  
  22462.  
  22463. /*! 16.0 - BLOG SECTION/PAGES */
  22464.  
  22465. .blog-section .section-head,
  22466. .blog-section .section-head-s2 {
  22467. padding-bottom: 30px
  22468. }
  22469.  
  22470. .blog-item {
  22471. margin-bottom: 50px
  22472. }
  22473.  
  22474. .blog-photo a {
  22475. display: block;
  22476. position: relative
  22477. }
  22478.  
  22479. .blog-photo a:after {
  22480. position: absolute;
  22481. top: 0;
  22482. left: 0;
  22483. height: 100%;
  22484. width: 100%;
  22485. content: '';
  22486. background: linear-gradient(to right, #46bdf4 0%, #7a0fff 100%);
  22487. opacity: .2;
  22488. transition: all .5s ease
  22489. }
  22490.  
  22491. .blog-photo a:hover:after {
  22492. opacity: .5
  22493. }
  22494.  
  22495. .blog-photo img {
  22496. border-radius: 0;
  22497. min-width: 100%
  22498. }
  22499.  
  22500. .blog-texts {
  22501. padding: 24px 30px;
  22502. background: #0e102f
  22503. }
  22504.  
  22505. .blog-texts p {
  22506. color: #8284a5
  22507. }
  22508.  
  22509. .blog-meta {
  22510. margin: 0 -10px
  22511. }
  22512.  
  22513. .blog-meta li {
  22514. display: inline-block;
  22515. margin: 0 10px;
  22516. font-size: .85em;
  22517. text-transform: uppercase;
  22518. position: relative;
  22519. color: #7a0fff
  22520. }
  22521.  
  22522. .blog-meta li span {
  22523. color: #46bdf4;
  22524. display: inline-block;
  22525. margin-right: 4px
  22526. }
  22527.  
  22528. .blog-meta li:after {
  22529. position: absolute;
  22530. bottom: 6px;
  22531. right: -13px;
  22532. height: 10px;
  22533. width: 1px;
  22534. content: '';
  22535. background: #4b00a8
  22536. }
  22537.  
  22538. .blog-meta li:last-child:after {
  22539. display: none
  22540. }
  22541.  
  22542. .blog-meta li a {
  22543. margin-bottom: 4px;
  22544. color: #7a0fff
  22545. }
  22546.  
  22547. .blog-meta li a:hover {
  22548. color: #46bdf4
  22549. }
  22550.  
  22551. .blog-title {
  22552. margin-top: 0
  22553. }
  22554.  
  22555. .blog-titleh5 {
  22556. font-size: 1.2em;
  22557. line-height: 1.67;
  22558. margin-bottom: 12px
  22559. }
  22560.  
  22561. .blog-titleh3 {
  22562. font-size: 2em;
  22563. line-height: 1.67;
  22564. margin-bottom: 12px
  22565. }
  22566.  
  22567. .blog-title a {
  22568. color: #fff
  22569. }
  22570.  
  22571. .blog-title a:hover {
  22572. color: #46bdf4
  22573. }
  22574.  
  22575. .blog-tags {
  22576. margin: 40px -5px 0
  22577. }
  22578.  
  22579. .blog-tags li {
  22580. display: inline-block;
  22581. margin: 5px
  22582. }
  22583.  
  22584. .blog-tags li a {
  22585. display: inline-block;
  22586. line-height: 30px;
  22587. padding: 0 15px;
  22588. border: 1px solid rgba(70, 189, 244, 0.2);
  22589. border-radius: 2px;
  22590. color: #fff;
  22591. font-size: .85em
  22592. }
  22593.  
  22594. .blog-tags li a:hover {
  22595. color: #46bdf4
  22596. }
  22597.  
  22598. .blog-content p {
  22599. color: #8284a5
  22600. }
  22601.  
  22602. .blog-content .blog-meta {
  22603. padding: 20px 0 15px
  22604. }
  22605.  
  22606. .theme-light .blog-texts {
  22607. background: #eff6ff
  22608. }
  22609.  
  22610. .theme-light .blog-texts p {
  22611. color: #28384c
  22612. }
  22613.  
  22614. .theme-light .blog-title a {
  22615. color: #28384c
  22616. }
  22617.  
  22618. .theme-light .blog-title a:hover {
  22619. color: #46bdf4
  22620. }
  22621.  
  22622. .theme-light .blog-tags li a {
  22623. border-color: rgba(70, 189, 244, 0.5);
  22624. color: #28384c
  22625. }
  22626.  
  22627. .theme-light .blog-tags li a:hover {
  22628. color: #46bdf4
  22629. }
  22630.  
  22631. .io-azure .blog-texts {
  22632. background: #0e46bc
  22633. }
  22634.  
  22635. .io-azure .blog-texts p {
  22636. color: #7ab9ff
  22637. }
  22638.  
  22639. .io-azure .blog-content p {
  22640. color: #7ab9ff
  22641. }
  22642.  
  22643. .io-azure .blog-title a:hover {
  22644. color: #46bdf4
  22645. }
  22646.  
  22647. .io-azure .blog-meta li {
  22648. color: #46bdf4
  22649. }
  22650.  
  22651. .io-azure .blog-meta li span {
  22652. color: #46bdf4
  22653. }
  22654.  
  22655. .io-azure .blog-meta li:after {
  22656. background: #0c8dc8
  22657. }
  22658.  
  22659. .io-azure .blog-meta li a {
  22660. color: #46bdf4
  22661. }
  22662.  
  22663. .io-azure .blog-meta li a:hover {
  22664. color: #fff
  22665. }
  22666.  
  22667. .io-azure .section-pro .blog-texts {
  22668. background: #eff6ff
  22669. }
  22670.  
  22671. .io-azure .section-pro .blog-texts p {
  22672. color: #28384c
  22673. }
  22674.  
  22675. .io-azure .section-pro .blog-content p {
  22676. color: #8284a5
  22677. }
  22678.  
  22679. .io-azure .section-pro .blog-title a {
  22680. color: #28384c
  22681. }
  22682.  
  22683. .io-azure .section-pro .blog-title a:hover {
  22684. color: #46bdf4
  22685. }
  22686.  
  22687. .io-azure .section-pro .blog-tags li a {
  22688. border-color: #eff6ff;
  22689. color: #28384c
  22690. }
  22691.  
  22692. .io-azure .section-pro .blog-tags li a:hover {
  22693. color: #46bdf4
  22694. }
  22695.  
  22696. .io-azure .section-pro .blog-meta li {
  22697. color: #7a0fff
  22698. }
  22699.  
  22700. .io-azure .section-pro .blog-meta li span {
  22701. color: #9c9c9c
  22702. }
  22703.  
  22704. .io-azure .section-pro .blog-meta li:after {
  22705. background: #4b00a8
  22706. }
  22707.  
  22708. .io-azure .section-pro .blog-meta li a {
  22709. color: #7a0fff
  22710. }
  22711.  
  22712. .io-azure .section-pro .blog-meta li a:hover {
  22713. color: #46bdf4
  22714. }
  22715.  
  22716. .comment-section {
  22717. padding-top: 50px
  22718. }
  22719.  
  22720. .comment-section h5 {
  22721. margin-bottom: 24px
  22722. }
  22723.  
  22724. .comment-list {
  22725. padding-bottom: 1px
  22726. }
  22727.  
  22728. .comment-item {
  22729. margin-bottom: 30px;
  22730. background: #08091b
  22731. }
  22732.  
  22733. .comment-item>div {
  22734. padding: 30px 40px 20px 30px;
  22735. border-bottom: 1px solid #0b0c22
  22736. }
  22737.  
  22738. .comment-item>.comment-item {
  22739. padding: 0;
  22740. padding-left: 50px
  22741. }
  22742.  
  22743. .comment-photo {
  22744. width: 60px;
  22745. flex-shrink: 0
  22746. }
  22747.  
  22748. .comment-photo img {
  22749. border-radius: 0
  22750. }
  22751.  
  22752. .comment-photo img.circle {
  22753. border-radius: 50%
  22754. }
  22755.  
  22756. .comment-content {
  22757. position: relative;
  22758. padding-left: 15px
  22759. }
  22760.  
  22761. .comment-content h6 {
  22762. margin-top: 4px;
  22763. margin-bottom: 6px
  22764. }
  22765.  
  22766. .comment-content p:last-of-type {
  22767. margin-bottom: 5px
  22768. }
  22769.  
  22770. .comment-time {
  22771. font-size: .8em;
  22772. text-transform: uppercase;
  22773. color: #46bdf4;
  22774. margin-bottom: 8px
  22775. }
  22776.  
  22777. .comment-reply {
  22778. color: #fff;
  22779. font-size: .8em;
  22780. top: 0;
  22781. right: 0
  22782. }
  22783.  
  22784. .comment-reply .fa {
  22785. color: #46bdf4;
  22786. margin-right: 6px
  22787. }
  22788.  
  22789. .theme-light .comment-item {
  22790. background: #eff6ff
  22791. }
  22792.  
  22793. .theme-light .comment-item>div {
  22794. border-bottom-color: #e5f0ff
  22795. }
  22796.  
  22797. .theme-light .comment-reply {
  22798. color: #28384c
  22799. }
  22800.  
  22801. .theme-light .comment-reply .fa {
  22802. color: #46bdf4
  22803. }
  22804.  
  22805. .theme-light .comment-reply:hover {
  22806. color: #46bdf4
  22807. }
  22808.  
  22809. .io-azure .comment-item {
  22810. background: #0d42b2
  22811. }
  22812.  
  22813. .io-azure .comment-item>div {
  22814. border-bottom-color: #1b30a4
  22815. }
  22816.  
  22817. .io-azure .comment-content p {
  22818. color: #7ab9ff
  22819. }
  22820.  
  22821. .io-azure .section-pro .comment-item {
  22822. background: #eff6ff
  22823. }
  22824.  
  22825. .io-azure .section-pro .comment-item>div {
  22826. border-bottom-color: #e5f0ff
  22827. }
  22828.  
  22829. .io-azure .section-pro .comment-reply {
  22830. color: #28384c
  22831. }
  22832.  
  22833. .io-azure .section-pro .comment-reply .fa {
  22834. color: #46bdf4
  22835. }
  22836.  
  22837. .io-azure .section-pro .comment-reply:hover {
  22838. color: #46bdf4
  22839. }
  22840.  
  22841. @media only screen and (max-width: 480px) {
  22842. .comment-item>div {
  22843. display: block !important;
  22844. padding: 20px 30px 10px 20px
  22845. }
  22846. .comment-item>.comment-item {
  22847. padding-left: 0
  22848. }
  22849. .comment-content {
  22850. padding-left: 0;
  22851. padding-top: 15px
  22852. }
  22853. .comment-photo {
  22854. width: 80px
  22855. }
  22856. }
  22857.  
  22858. .page-pagination {
  22859. margin-top: 50px
  22860. }
  22861.  
  22862. .page-pagination li {
  22863. display: inline-block
  22864. }
  22865.  
  22866. .page-pagination li a {
  22867. font-size: .9em;
  22868. display: inline-block;
  22869. width: 55px;
  22870. line-height: 50px;
  22871. color: rgba(70, 189, 244, 0.5);
  22872. background: #0e102f
  22873. }
  22874.  
  22875. .page-pagination li a:hover {
  22876. color: #fff;
  22877. background: rgba(122, 15, 255, 0.4)
  22878. }
  22879.  
  22880. .page-pagination li.active a {
  22881. color: #fff;
  22882. background: rgba(122, 15, 255, 0.4)
  22883. }
  22884.  
  22885. .theme-light .page-pagination li a {
  22886. color: #46bdf4;
  22887. background: #eff6ff
  22888. }
  22889.  
  22890. .theme-light .page-pagination li a:hover {
  22891. color: #fff;
  22892. background: rgba(122, 15, 255, 0.4)
  22893. }
  22894.  
  22895. .theme-light .page-pagination li.active a {
  22896. color: #fff;
  22897. background: rgba(122, 15, 255, 0.4)
  22898. }
  22899.  
  22900. .io-azure .page-pagination li a {
  22901. color: #46bdf4;
  22902. background: #0d42b2
  22903. }
  22904.  
  22905. .io-azure .page-pagination li a:hover {
  22906. color: #fff;
  22907. background: rgba(122, 15, 255, 0.4)
  22908. }
  22909.  
  22910. .io-azure .page-pagination li.active a {
  22911. color: #fff;
  22912. background: rgba(122, 15, 255, 0.4)
  22913. }
  22914.  
  22915. .io-azure .section-pro .page-pagination li a {
  22916. color: #46bdf4;
  22917. background: #e5f0ff
  22918. }
  22919.  
  22920. .io-azure .section-pro .page-pagination li a:hover {
  22921. color: #fff;
  22922. background: rgba(122, 15, 255, 0.6)
  22923. }
  22924.  
  22925. .io-azure .section-pro .page-pagination li.active a {
  22926. color: #fff;
  22927. background: rgba(122, 15, 255, 0.6)
  22928. }
  22929.  
  22930. @media only screen and (max-width: 767px) {
  22931. .page-pagination li a {
  22932. width: 40px;
  22933. line-height: 35px
  22934. }
  22935. }
  22936.  
  22937. .sidebar-section {
  22938. margin-left: 35px
  22939. }
  22940.  
  22941. .sidebar-widget {
  22942. margin-bottom: 50px
  22943. }
  22944.  
  22945. .sidebar-widget-title {
  22946. text-transform: uppercase;
  22947. margin-bottom: 20px
  22948. }
  22949.  
  22950. .sidebar-widget.category ul {
  22951. margin: -7px 0
  22952. }
  22953.  
  22954. .sidebar-widget.category ul li {
  22955. position: relative;
  22956. display: block;
  22957. font-size: 1em;
  22958. line-height: 2.4;
  22959. padding-left: 22px
  22960. }
  22961.  
  22962. .sidebar-widget.category ul li:before {
  22963. position: absolute;
  22964. top: 50%;
  22965. left: 0;
  22966. margin-top: -1px;
  22967. content: '';
  22968. height: 2px;
  22969. width: 10px;
  22970. background: #46bdf4
  22971. }
  22972.  
  22973. .sidebar-widget.category ul li a {
  22974. color: #fff
  22975. }
  22976.  
  22977. .sidebar-widget.category ul li a:hover {
  22978. color: #46bdf4
  22979. }
  22980.  
  22981. .sidebar-widget.category ul li.active a {
  22982. color: #46bdf4
  22983. }
  22984.  
  22985. .sidebar-widget.tags ul {
  22986. margin: -5px
  22987. }
  22988.  
  22989. .sidebar-widget.tags ul li {
  22990. display: inline-block;
  22991. margin: 5px
  22992. }
  22993.  
  22994. .sidebar-widget.tags ul li a {
  22995. display: inline-block;
  22996. line-height: 30px;
  22997. padding: 0 15px;
  22998. border: 1px solid rgba(70, 189, 244, 0.2);
  22999. border-radius: 2px;
  23000. color: #fff;
  23001. font-size: .85em
  23002. }
  23003.  
  23004. .sidebar-widget.tags ul li a:hover {
  23005. color: #46bdf4
  23006. }
  23007.  
  23008. .theme-light .sidebar-widget.category ul li a {
  23009. color: #28384c
  23010. }
  23011.  
  23012. .theme-light .sidebar-widget.category ul li a:hover {
  23013. color: #46bdf4
  23014. }
  23015.  
  23016. .theme-light .sidebar-widget.category ul li.active a {
  23017. color: #46bdf4
  23018. }
  23019.  
  23020. .theme-light .sidebar-widget.tags ul li a {
  23021. border-color: rgba(70, 189, 244, 0.5);
  23022. color: #28384c
  23023. }
  23024.  
  23025. .theme-light .sidebar-widget.tags ul li a:hover {
  23026. color: #46bdf4
  23027. }
  23028.  
  23029. .io-azure .section-pro .sidebar-widget.category ul li a {
  23030. color: #28384c
  23031. }
  23032.  
  23033. .io-azure .section-pro .sidebar-widget.category ul li a:hover {
  23034. color: #46bdf4
  23035. }
  23036.  
  23037. .io-azure .section-pro .sidebar-widget.category ul li.active a {
  23038. color: #46bdf4
  23039. }
  23040.  
  23041. .io-azure .section-pro .sidebar-widget.tags ul li a {
  23042. border-color: #eff6ff;
  23043. color: #28384c
  23044. }
  23045.  
  23046. .io-azure .section-pro .sidebar-widget.tags ul li a:hover {
  23047. color: #46bdf4
  23048. }
  23049.  
  23050. .sidebar-widget.cta-widget {
  23051. padding: 40px 30px;
  23052. background: #2c57f5;
  23053. color: #fff
  23054. }
  23055.  
  23056. .sidebar-widget.cta-widget .cta-head {
  23057. color: #fff
  23058. }
  23059.  
  23060. @media only screen and (max-width: 991px) {
  23061. .sidebar-section {
  23062. margin-left: 0;
  23063. margin-top: 50px
  23064. }
  23065. }
  23066.  
  23067. .search-form {
  23068. position: relative
  23069. }
  23070.  
  23071. .search-form input[type="text"] {
  23072. border: 1px solid rgba(70, 189, 244, 0.1);
  23073. background: transparent;
  23074. line-height: 40px;
  23075. height: 40px;
  23076. color: #fff;
  23077. padding-left: 20px;
  23078. padding-right: 50px;
  23079. width: 100%
  23080. }
  23081.  
  23082. .search-form input[type="text"]:focus {
  23083. outline: none
  23084. }
  23085.  
  23086. .search-form input::-moz-placeholder {
  23087. opacity: 0.8;
  23088. color: #fff
  23089. }
  23090.  
  23091. .search-form input:-ms-input-placeholder {
  23092. opacity: 0.8;
  23093. color: #fff
  23094. }
  23095.  
  23096. .search-form input::-webkit-input-placeholder {
  23097. opacity: 0.8;
  23098. color: #fff
  23099. }
  23100.  
  23101. .search-form button {
  23102. background: rgba(70, 189, 244, 0.1);
  23103. border: none;
  23104. outline: none;
  23105. position: absolute;
  23106. top: 1px;
  23107. right: 1px;
  23108. text-align: center;
  23109. width: 50px;
  23110. line-height: 40px;
  23111. height: 38px;
  23112. color: #fff;
  23113. cursor: pointer;
  23114. transition: all .5s ease
  23115. }
  23116.  
  23117. .search-form button:hover {
  23118. background: rgba(70, 189, 244, 0.3)
  23119. }
  23120.  
  23121. .theme-light .search-form input::-moz-placeholder {
  23122. color: #373e45
  23123. }
  23124.  
  23125. .theme-light .search-form input:-ms-input-placeholder {
  23126. color: #373e45
  23127. }
  23128.  
  23129. .theme-light .search-form input::-webkit-input-placeholder {
  23130. color: #373e45
  23131. }
  23132.  
  23133. .theme-light .search-form input[type="text"] {
  23134. color: #373e45;
  23135. border-color: rgba(70, 189, 244, 0.5)
  23136. }
  23137.  
  23138. .theme-light .search-form button {
  23139. background: rgba(70, 189, 244, 0.5)
  23140. }
  23141.  
  23142. .theme-light .search-form button:hover {
  23143. background: rgba(70, 189, 244, 0.8)
  23144. }
  23145.  
  23146. .io-azure .section-pro .search-form input::-moz-placeholder {
  23147. color: #373e45
  23148. }
  23149.  
  23150. .io-azure .section-pro .search-form input:-ms-input-placeholder {
  23151. color: #373e45
  23152. }
  23153.  
  23154. .io-azure .section-pro .search-form input::-webkit-input-placeholder {
  23155. color: #373e45
  23156. }
  23157.  
  23158. .io-azure .section-pro .search-form input[type="text"] {
  23159. color: #373e45;
  23160. border-color: #eff6ff
  23161. }
  23162.  
  23163. .io-azure .section-pro .search-form button {
  23164. background: #eff6ff;
  23165. color: #373e45
  23166. }
  23167.  
  23168. .io-azure .section-pro .search-form button:hover {
  23169. background: rgba(70, 189, 244, 0.8);
  23170. color: #fff
  23171. }
  23172.  
  23173. .io-azure .banner {
  23174. background: url(http://abid.itvision.pk/MVP/assets/frontend/img/header-overlay.png) 0 0 no-repeat, url(http://abid.itvision.pk/MVP/assets/frontend/img/header-bg-azure.png) 50% 100% no-repeat;
  23175. background-size: contain, cover
  23176. }
  23177.  
  23178. .demo-theme-content,
  23179. .demo-mode ,.demo-themes,.demo-cart,.demo-toggle{
  23180. display: none !important;
  23181. }
  23182. .bottom_footer{
  23183. border-top: 1px solid #1d063a;
  23184. }
  23185.  
  23186. /*responsive*/
  23187.  
  23188. @media(max-width: 1200px){
  23189. .container{
  23190. width: 992px;
  23191. }
  23192. .dashboard-box {
  23193. width: 22.6%;
  23194. height: 178px;
  23195. }
  23196. .navbar_right {
  23197. padding-top: 0px;
  23198. }
  23199. .footer_colum ul li a i {
  23200. height: 34px;
  23201. width: 34px;
  23202. font-size: 16px;
  23203. }
  23204. .footer_colum input {
  23205. width: 100%;
  23206. margin-bottom: 7px;
  23207. }
  23208. .footer_colum button{
  23209. margin-left: 0;
  23210. width: 100%;
  23211. }
  23212. #banner_wrap{
  23213. height: 568px;
  23214. }
  23215. .future_investment a{
  23216. width: 28%;
  23217. }
  23218. .future_investment {
  23219. width: 90%;
  23220. }
  23221. .pricing_box p:last-child{
  23222. font-size: 14px;
  23223.  
  23224. }
  23225. .about_info img{
  23226. width: 100%;
  23227. }
  23228. .strategy-contents img {
  23229. width: 410px;
  23230. margin-top: 114px;
  23231. }
  23232. .icons_step h3{
  23233. left: 97px;
  23234. }
  23235. #logo_wrap{
  23236. padding-top: 66px;
  23237. }
  23238. .footer_logo ul li img {
  23239. margin: 20px 15px 7px;
  23240. }
  23241. .partners a{
  23242. width: 32%;
  23243. }
  23244. }
  23245.  
  23246. @media(max-width: 1024px){
  23247. .container{
  23248. width: 740px;
  23249. }
  23250. #header_wrap{
  23251. padding: 21px 15px 7px;
  23252. }
  23253. .solid-out{
  23254. width: 100%;
  23255. }
  23256. .dashboard-box {
  23257. width: 46.5%;
  23258. height: 178px;
  23259. }
  23260. .with-data button {
  23261. padding: 6px 3px;
  23262. font-size: 15px;
  23263. }
  23264. .affiliate-wrp {
  23265. padding: 22px 0 30px;
  23266. }
  23267. .copy-btn a, .withdraw-btn a, .dep-btn a{
  23268. font-size: 13px;
  23269. }
  23270. .logo_bar{
  23271. margin-bottom: 10px;
  23272. }
  23273. .top_bar{
  23274. text-align: center;
  23275. }
  23276. .partners a {
  23277. width: 41%;
  23278. }
  23279. #qcore_wrap .web-project h2{
  23280. text-align: center;
  23281. }
  23282. #qcore_wrap .clouds-box p {
  23283. font-size: 13px;
  23284. }
  23285. #pricing-table .plan{
  23286. height: 411px;
  23287. }
  23288. #pricing-table #most-popular{
  23289. height: 465px;
  23290. }
  23291. #technical_wrap{
  23292. padding-bottom: 0;
  23293. }
  23294. .partners a {
  23295. width: 46%;
  23296. }
  23297. .footer_colum ul li a i{
  23298. margin-right: -2px;
  23299. }
  23300. .lending img {
  23301. padding: 0 0;
  23302. margin-top: 83px;
  23303. }
  23304. .future_investment h1 {
  23305. margin-top: 37px;
  23306. }
  23307. .future_investment a {
  23308. width: 30%;
  23309. margin-top: 42px;
  23310. }
  23311. #banner_wrap {
  23312. height: 500px;
  23313. }
  23314. .future_investment h1{
  23315. margin-bottom: 5px;
  23316. }
  23317. .future_investment p {
  23318. margin-bottom: 10px;
  23319. }
  23320. #banner_wrap {
  23321. padding-bottom: 25px;
  23322. }
  23323. .icons_step {
  23324. margin-top: 33px;
  23325. }
  23326. #features_wrap .web-project h2{
  23327. text-align: center;
  23328. }
  23329. .about_info h2 {
  23330. font-size: 34px;
  23331. }
  23332. #main_wrap {
  23333. padding: 80px 15px 31px;
  23334. }
  23335. .o1-img{
  23336. display: none;
  23337. }
  23338. .strategy-contents img{
  23339. display: none;
  23340. }
  23341. .web-project h2{
  23342. text-align: left;
  23343. }
  23344. .strategy-right{
  23345. width: 100%;
  23346. margin: 0;
  23347. padding: 30px;
  23348. }
  23349. #features_wrap {
  23350. padding: 50px 15px 0;
  23351. }
  23352. #logo_sec {
  23353. padding-top: 19px;
  23354. }
  23355. .partners {
  23356. padding-top: 0px;
  23357. }
  23358. #pricing-table li {
  23359. font-size: 13px;
  23360. }
  23361. #pricing-table #most-popular{
  23362. padding: 30px 5px;
  23363. }
  23364. .pricingTable{
  23365. margin-bottom: 20px;
  23366. }
  23367. .icons_step img {
  23368. padding: 25px 54px 47px;
  23369. height: 105px;
  23370. }
  23371. .icons_step h3 {
  23372. left: 70px;
  23373. top: 83px;
  23374. }
  23375. .icons_step .line-cross{
  23376. display: none;
  23377. }
  23378. .web-project .yellow-border, .pricing_box .yellow-border, .trading .yellow-border, .footer_logo .yellow-border, .partners .yellow-border {
  23379. margin: 0 auto 22px;
  23380. }
  23381. .clouds-box {
  23382. padding-left: 87px;
  23383. }
  23384. .clouds-box i {
  23385. left: 25px;
  23386. }
  23387. .trading h3 {
  23388. font-size: 22px;
  23389. }
  23390. .trading p {
  23391. padding: 0 25px;
  23392. }
  23393. #logo_wrap{
  23394. height: 489px;
  23395. }
  23396. #Qcore_features_wrap .web-project h2{
  23397. text-align: center;
  23398. }
  23399. .navbar_right li a {
  23400. font-size: 14px;
  23401. margin-right: 13px;
  23402. margin-bottom: 10px;
  23403. display: inline-block;
  23404. }
  23405. .logo_bar,.navbar_right{
  23406. float: none;
  23407. text-align: center;
  23408. }
  23409. .buttons label {
  23410. font-size: 12px;
  23411. }
  23412. .with-data a {
  23413. float: left;
  23414. width: 100%;
  23415. }
  23416. .barcode{
  23417. width: 100%;
  23418. float: none;
  23419. }
  23420. }
  23421.  
  23422. @media(max-width: 767px){
  23423. .container{
  23424. width: auto;
  23425. }
  23426. .top_bar li {
  23427. font-size: 11px;
  23428. }
  23429. #banner_wrap {
  23430. height: auto;
  23431. }
  23432. h2{
  23433. font-size: 24px;
  23434. }
  23435. .about_info h2 ,.web-project h2{
  23436. font-size: 24px;
  23437. }
  23438. .future_investment h1{
  23439. font-size: 25px;
  23440. }
  23441. .future_investment {
  23442. width: 100%;
  23443. position: static;
  23444. }
  23445. .sidebar a:hover{
  23446. color: #abd037;
  23447. }
  23448. .login-block{
  23449. width: 100%;
  23450. }
  23451. .login-wrap{
  23452. height: auto;
  23453. padding: 40px 15px;
  23454. }
  23455. .contact-bottom-wrap{
  23456. background-size: cover;
  23457. }
  23458. .con-details{
  23459. margin-bottom: 10px;
  23460. }
  23461. .login-navbar{
  23462. display: none;
  23463. }
  23464. .buttons h3 {
  23465. font-size: 20px;
  23466. }
  23467. .dashboard-box {
  23468. width: 100%;
  23469. height: auto;
  23470. margin: 0 0 10px;
  23471. }
  23472. .withDraw-fund form {
  23473. padding: 10px 20px;
  23474. }
  23475. .price_item {
  23476. padding-top: 20px;
  23477. }
  23478. .withDraw-fund h3{
  23479. font-size: 14px;
  23480. }
  23481. .dashboard_transactions{
  23482. padding: 0 15px !important;
  23483. }
  23484. .dashboard-left,.dashboard-right,.amount_items{
  23485. width: 100%;
  23486. text-align: center;
  23487. }
  23488. .dropdown-content{
  23489. right: 70px;
  23490. }
  23491. .with-data a {
  23492. text-align: center;
  23493. font-size: 16px;
  23494. }
  23495. .wallet-wrp {
  23496. background-color: #f4f6f9;
  23497. padding: 7px 0;
  23498. }
  23499. .affiliate-wrp .container,.referls,.wallet-wrp .container,.question-answer-wrap .container{
  23500. padding: 0;
  23501. }
  23502. .wallet-tabs ul.tabs li{
  23503. padding: 10px 26px;
  23504. }
  23505. .wallet-tabs {
  23506. padding-top: 20px;
  23507. }
  23508. .add-ques p {
  23509. text-align: center;
  23510. padding: 0 0 10px;
  23511. color: #ffffff;
  23512. }
  23513. .question-answer-wrap {
  23514. padding: 20px 0;
  23515. }
  23516. .referral-wrap {
  23517. padding: 0 0 20px;
  23518. }
  23519. .buttons h3 {
  23520. margin-bottom: 8px;
  23521. }
  23522. .user-info {
  23523. float: none;
  23524. text-align: center;
  23525. }
  23526. .copy-btn a, .withdraw-btn a, .dep-btn a{
  23527. width: 100%;
  23528. margin-top: 4px;
  23529. }
  23530. .l-logo{
  23531. float: none;
  23532. text-align: center;
  23533. margin-bottom: 11px;
  23534. }
  23535. .referls h3{
  23536. margin-bottom: 20px;
  23537. }
  23538. .table>thead>tr>th {
  23539. display: inline-block;
  23540. width: 100%;
  23541. }
  23542. .wallet-tabel tr td {
  23543. display: block;
  23544. }
  23545. .particles-js-canvas-el{
  23546. display: none;
  23547. }
  23548. .sidebar img {
  23549. display: block;
  23550. opacity: 1;
  23551. }
  23552. .sidebar li:first-child a{
  23553. background: none;
  23554. }
  23555. .navbar_right{
  23556. display: none;
  23557. }
  23558. #header-left .toggle-btn.active strong:after, #header-left .toggle-btn.active strong:before {
  23559. background: #324998;
  23560. }
  23561. .sidebar a {
  23562. font-size: 14px;
  23563. }
  23564. .sidebar ul{
  23565. overflow-y: hidden;
  23566. }
  23567. .sidebar li{
  23568. list-style: none;
  23569. margin-bottom: 10px;
  23570. }
  23571. .sidebar li a i{
  23572. margin-right: 7px;
  23573. }
  23574.  
  23575. .toggle-btn{
  23576. background: #abcf37;
  23577. }
  23578. .sidebar{
  23579. background: #324998;
  23580. display: block;
  23581. }
  23582. .table_box{
  23583. display: none;
  23584. }
  23585. #banner_wrap{
  23586. background-size: cover;
  23587. }
  23588. .future_investment a {
  23589. width: 100%;
  23590. margin: 9px 0 0;
  23591. }
  23592. #main_wrap {
  23593. padding: 39px 0 31px;
  23594. }
  23595. .strategy-right {
  23596. margin: 47px 0 30px;
  23597. }
  23598. #participate_wrap{
  23599. background-position: none;
  23600. background: none;
  23601. background: #f5f5f5;
  23602. padding: 4px 15px 0;
  23603. }
  23604. .icons_step {
  23605. margin-top: 20px;
  23606. }
  23607. .icons_step img {
  23608. height: auto;
  23609. }
  23610. #features_wrap {
  23611. padding: 30px 15px 0;
  23612. }
  23613. .clouds-box h3 {
  23614. font-size: 20px;
  23615. margin: 10px 0;
  23616. }
  23617. #logo_wrap {
  23618. padding-top: 36px;
  23619. }
  23620. .footer_logo h3 {
  23621. line-height: 1.2;
  23622. font-size: 23px;
  23623. }
  23624. .clouds-box i{
  23625. margin-bottom: 15px;
  23626. }
  23627. #affiliate_warp {
  23628. padding-top: 10px;
  23629. }
  23630. #affiliate_warp .lending {
  23631. padding-top: 0px;
  23632. }
  23633. .lending i {
  23634. margin-top: 20px;
  23635. margin-bottom: 30px;
  23636. }
  23637. #qcore_wrap{
  23638. height: auto;
  23639. padding-top: 20px;
  23640. }
  23641. .pricing_box h2 ,.icons_step h4,.icons_step p{
  23642. color: #000;
  23643. }
  23644. .icons_step h3{
  23645. display: none;
  23646. }
  23647. .clouds-box {
  23648. padding-left: 0;
  23649. }
  23650. .clouds-box i{
  23651. position: static;
  23652. color: #fff;
  23653. }
  23654. #qcore_wrap .clouds-box h3{
  23655. color: #fff;
  23656. }
  23657. #pricing-table {
  23658. margin: 29px auto 20px auto;
  23659. }
  23660. #pricing-table h3 {
  23661. padding: 20px;
  23662. margin: 0;
  23663. }
  23664. #pricing-table #most-popular{
  23665. top: 0;
  23666. }
  23667. .clouds-box{
  23668. text-align: center;
  23669. }
  23670. #logo_wrap {
  23671. height: auto;
  23672. background-position: none;
  23673. background-image: none;
  23674. background: #60a2ee;
  23675. }
  23676. .trading h3 span{
  23677. color: #000000;
  23678. }
  23679. .partners a {
  23680. width: 100%;
  23681. margin: 20px 0 10px;
  23682. padding: 9px 0;
  23683. }
  23684. #footer_wrap {
  23685. padding: 30px 0 0;
  23686. }
  23687. .lending h2 {
  23688. font-size: 30px;
  23689. padding-top: 8px;
  23690. }
  23691. .lending img {
  23692. padding: 0 0;
  23693. margin-top: 20px;
  23694. }
  23695. .partners p {
  23696. padding: 0 15px;
  23697. }
  23698. #qcore_wrap {
  23699. background: url(../images/slider11.jpg);
  23700. background: #4355a6;
  23701. }
  23702. #qcore_wrap .clouds-box:first-child {
  23703. padding-left: 0;
  23704. }
  23705. #qcore_wrap .clouds-box {
  23706. padding-left: 0;
  23707. }
  23708. #pricing-table .plan,#pricing-table #most-popular{
  23709. width: 100%;
  23710. height: auto;
  23711. }
  23712. .partners h2 {
  23713. font-size: 23px;
  23714. }
  23715. }
  23716.  
  23717.  
  23718. /*Tabs css*/
  23719.  
  23720. .wallet-area ul.tabs{
  23721. margin: 0px;
  23722. padding: 0px;
  23723. list-style: none;
  23724. }
  23725. .wallet-area ul.tabs li {
  23726. background: #0b3795;
  23727. display: block;
  23728. padding: 10px 15px;
  23729. cursor: pointer;
  23730. border-bottom: 1px solid #cccccc6e;
  23731. }
  23732. .wallet-area ul.tabs li:hover{
  23733. background: #082769;
  23734. }
  23735. .wallet-area ul.tabs li i {
  23736. float: right;
  23737. vertical-align: middle;
  23738. margin-top: 5px;
  23739. }
  23740. .wallet-area ul.tabs li.current{
  23741. background: #082769;
  23742. color: #f4f6f9
  23743. }
  23744.  
  23745. .wallet-area .tab-content{
  23746. display: none;
  23747. background: transparent;
  23748. padding: 15px;
  23749. }
  23750.  
  23751. .wallet-area .tab-content.current{
  23752. display: inherit;
  23753. }
  23754. .wallet-area .dashboard-box{
  23755. max-width: 30.7%;
  23756. margin-bottom: 0;
  23757. }
  23758. .wallet-area .tab-content{
  23759. padding: 0;
  23760. }
  23761.  
  23762. .wallet-area .buttons h3{
  23763. background: #082769;
  23764. color: #fff;
  23765. font-size: 18px;
  23766. padding: 12px;
  23767. }
  23768. .wallet-area9{
  23769. background: white;
  23770. padding-bottom: 15px;
  23771. border-radius: 3px;
  23772. box-shadow: 0 0 7px 0 #ccc;
  23773. }
  23774. .tran-button{
  23775. margin-top: 20px;
  23776. }
  23777. .wallet-area .dashboard-box {
  23778. padding: 35px 20px;
  23779. width: 23%;
  23780. }
  23781. .wallet-tabel tr th{
  23782. font-size: 13px;
  23783. color: #fff;
  23784. font-weight: 500;
  23785. text-transform: uppercase;
  23786. }
  23787. .wallet-tabel tr td {
  23788. border: 1px solid #dddddd;
  23789. text-align: left;
  23790. padding: 6px 12px !important;
  23791. font-size: 13px;
  23792. color: #2d2d2d;
  23793. }
  23794. .wallet-tabel tr.title{
  23795. background: #00bff9;
  23796. }
  23797. .wallet-tabel tr.title:hover{
  23798. background: #00bff9;
  23799. }
  23800. .dashboard-left{
  23801. margin-top: 10px;
  23802. }
  23803.  
  23804. .wallet-area .db-investor {
  23805. background-color: #0b3795;
  23806. }
  23807. .wallet-area .db-investor i {
  23808. color: #0b3795;
  23809. }
  23810. .wallet-area .dep-btn a {
  23811. background-color: #0b3795;
  23812. }
  23813. .wallet-area .dep-btn a:hover{
  23814. background-color: #082769;
  23815. color: #fff;
  23816. }
  23817. .wallet-area .withdraw-btn a:hover{
  23818. color:#fff;
  23819. }
  23820. .wallet-area .dashboard-box:hover{
  23821. box-shadow: 0 0 5px 0 #0b3795;
  23822. border-radius: 3px;}
  23823.  
  23824.  
  23825. /*listing page css*/
  23826. #payment-bg #page-wrapper {
  23827. background-color: #fff;
  23828. box-shadow: 0 0 7px 0 #ccc;
  23829. }
  23830. .payment_history {
  23831. margin-top: 10px;
  23832. }
  23833. .history_details h4 {
  23834. color: #666;
  23835. }
  23836. .payment_history {
  23837. background: #fff;
  23838. padding: 7px 0;
  23839. border-bottom: 1px solid #ccc;
  23840. }
  23841. .history_orders {
  23842. text-align: right;
  23843. }
  23844. .history_orders ul {
  23845. padding-top: 0px;
  23846. }
  23847. .history_orders li {
  23848. display: inline-block;
  23849. list-style: none;
  23850. }
  23851. .history_orders .active {
  23852. color: #000;
  23853. }
  23854. .history_orders li a {
  23855. font-size: 15px;
  23856. color: #ccc;
  23857. margin-left: 34px;
  23858. }
  23859. .payment_history_table {
  23860. background: #fff;
  23861. padding: 0 0;
  23862. margin-top: 15px;
  23863. }
  23864. .payment-table {
  23865. width: 100%;
  23866. }
  23867. .payment-table tr th {
  23868. color: #000;
  23869. font-weight: 400;
  23870. font-size: 14px;
  23871. padding:10px 0 10px 16px;
  23872. border: 1px solid #cccccc78;
  23873. }
  23874.  
  23875. .payment-table tr td b {
  23876. display: block;
  23877. color: #666;
  23878. font-weight: 600;
  23879. font-size: 13px;
  23880. }
  23881. .history_orders li a i {
  23882. color: #ff5253;
  23883. font-size: 22px;
  23884. }
  23885. .payment-table tr td {
  23886. color: #666;
  23887. font-weight: 600;
  23888. padding-bottom: 0px;
  23889. font-size: 14px;
  23890. padding-left: 13px;
  23891. border: 1px solid #cccccc78;
  23892. }
  23893. .pay-history-data{
  23894. margin-top: 35px;
  23895. border-radius:5px;
  23896. box-shadow: 0 0 7px 0 #ccc;
  23897. }
  23898. .payment_history_table img {
  23899. width: 45px;
  23900. position: absolute;
  23901. vertical-align: middle;
  23902. left: 26px;
  23903. margin-top: -13px;
  23904. }
  23905. .payment_history_table tr{
  23906. border-bottom: 1px solid #ccc;
  23907. }
  23908. .listing-table {
  23909. background: #f5f5f5;
  23910. padding: 40px 0;
  23911. }
  23912. .payment-table h4 {
  23913. font-size: 12px;
  23914. padding-left: 55px;
  23915. color: #4fbafd;
  23916. font-weight: 600;
  23917. }
  23918. .payment-table h5 {
  23919. color: #000;
  23920. font-size: 12px;
  23921. }
  23922. .payment-table i{
  23923. display: inline-block;
  23924. height: 20px;
  23925. width: 20px;
  23926. background: #16a4fd;
  23927. border-radius: 100%;
  23928. text-align: center;
  23929. color: #fff;
  23930. font-size: 11px;
  23931. line-height: 1.9;
  23932. }
  23933. .payment-table{
  23934. border: 1px solid #ccc;
  23935. box-shadow: 0 0 7px 0 #ccc;
  23936. }
  23937. #skill {
  23938. list-style: none;
  23939. font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  23940. width: 296px;
  23941. margin: 22px 0;
  23942. position: relative;
  23943. line-height: 0;
  23944. padding: 0 0 0;
  23945. }
  23946. #skill li {
  23947. margin-bottom:0;
  23948. background:#e9e5e2;
  23949. background-image: -webkit-gradient(linear, left top, left bottom, from(#e1ddd9), to(#e9e5e2));
  23950. background-image: -webkit-linear-gradient(top, #e1ddd9, #e9e5e2);
  23951. background-image: -moz-linear-gradient(top, #e1ddd9, #e9e5e2);
  23952. background-image: -ms-linear-gradient(top, #e1ddd9, #e9e5e2);
  23953. background-image: -o-linear-gradient(top, #e1ddd9, #e9e5e2);
  23954. background-image: linear-gradient(top, #e1ddd9, #e9e5e2);
  23955. height:13px;
  23956. border-radius:10px;
  23957. -moz-box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc;
  23958. -webkit-box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc;
  23959. box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc;
  23960. }
  23961.  
  23962. #skill li h3 {
  23963. position:relative;
  23964. top:-25px;
  23965. }
  23966.  
  23967. .bar {
  23968. height:13px;
  23969. margin:1px 2px;
  23970. position:absolute;
  23971. border-radius:10px;
  23972. -moz-box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;
  23973. -webkit-box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;
  23974. box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;
  23975. }
  23976.  
  23977. .graphic-design {
  23978. width: 21%;
  23979. -moz-animation: graphic-design 2s ease-out;
  23980. -webkit-animation: graphic-design 2s ease-out;
  23981. background-color: #15257b;
  23982. background-image: -webkit-gradient(linear, left top, left bottom, from(#f674a4), to(#e06995));
  23983. background-image: -webkit-linear-gradient(top, #16a4fd, #16a4fd);
  23984. background-image: -moz-linear-gradient(top, #f674a4, #e06995);
  23985. background-image: -ms-linear-gradient(top, #f674a4, #e06995);
  23986. background-image: -o-linear-gradient(top, #f674a4, #e06995);
  23987. background-image: linear-gradient(top, #f674a4, #e06995);
  23988. }
  23989. .html-css {
  23990. width:90%;
  23991. -moz-animation:html-css 2s ease-out;
  23992. -webkit-animation:html-css 2s ease-out;
  23993. background-color: #f0bb4b;
  23994. background-image: -webkit-gradient(linear, left top, left bottom, from(#f0bb4b), to(#d9aa44));
  23995. background-image: -webkit-linear-gradient(top, #f0bb4b, #d9aa44);
  23996. background-image: -moz-linear-gradient(top, #f0bb4b, #d9aa44);
  23997. background-image: -ms-linear-gradient(top, #f0bb4b, #d9aa44);
  23998. background-image: -o-linear-gradient(top, #f0bb4b, #d9aa44);
  23999. background-image: linear-gradient(top, #f0bb4b, #d9aa44);
  24000. }
  24001.  
  24002. .jquery {
  24003. width:65%;
  24004. -moz-animation:jquery 2s ease-out;
  24005. -webkit-animation:jquery 2s ease-out;
  24006. background-color: #a1ce5b;
  24007. background-image: -webkit-gradient(linear, left top, left bottom, from(#a1ce5b), to(#91ba52));
  24008. background-image: -webkit-linear-gradient(top, #a1ce5b, #91ba52);
  24009. background-image: -moz-linear-gradient(top, #a1ce5b, #91ba52);
  24010. background-image: -ms-linear-gradient(top, #a1ce5b, #91ba52);
  24011. background-image: -o-linear-gradient(top, #a1ce5b, #91ba52);
  24012. background-image: linear-gradient(top, #a1ce5b, #91ba52);
  24013. }
  24014.  
  24015. .wordpress {
  24016. width:80%;
  24017. -moz-animation:wordpress 2s ease-out;
  24018. -webkit-animation:wordpress 2s ease-out;
  24019. background-color: #66b3cc;
  24020. background-image: -webkit-gradient(linear, left top, left bottom, from(#66b3cc), to(#5da3ba));
  24021. background-image: -webkit-linear-gradient(top, #66b3cc, #5da3ba);
  24022. background-image: -moz-linear-gradient(top, #66b3cc, #5da3ba);
  24023. background-image: -ms-linear-gradient(top, #66b3cc, #5da3ba);
  24024. background-image: -o-linear-gradient(top, #66b3cc, #5da3ba);
  24025. background-image: linear-gradient(top, #66b3cc, #5da3ba)
  24026. }
  24027.  
  24028. @-moz-keyframes graphic-design {0% { width:0px;} 100%{ width:100%;} }
  24029. @-moz-keyframes html-css { 0% { width:0px;} 100%{ width:90%;} }
  24030. @-moz-keyframes jquery { 0% { width:0px;} 100%{ width:65%;} }
  24031. @-moz-keyframes wordpress { 0% { width:0px;} 100%{ width:80%;} }
  24032.  
  24033. @-webkit-keyframes graphic-design { 0% { width:0px;} 100%{ width:100%;} }
  24034. @-webkit-keyframes html-css { 0% { width:0px;} 100%{ width:90%;} }
  24035. @-webkit-keyframes jquery { 0% { width:0px;} 100%{ width:65%;} }
  24036. @-webkit-keyframes wordpress { 0% { width:0px;} 100%{ width:80%;} }
  24037. .serach-table {
  24038. text-align: right;
  24039. }
  24040. .serach-table label {
  24041. display: inline-block;
  24042. color: #000;
  24043. }
  24044. .serach-table input {
  24045. width: 16%;
  24046. border: 1px solid #ccc;
  24047. padding: 0 15px;
  24048. font-size: 14px;
  24049. height: 30px;
  24050. border-radius: 4px;
  24051. }
  24052. .payment-table tr td:last-child{
  24053. padding-left: 0;
  24054. text-align: center;
  24055. }
  24056. .serach-table h3{
  24057. color: #000;
  24058. font-weight: 500;
  24059. font-size: 20px;
  24060. text-align: left;
  24061. }
  24062. .sidebar_list{
  24063. background: #ffffff;
  24064. padding: 17px;
  24065. box-shadow: 0 0 7px 0 #ccc;
  24066. border-radius: 2px;
  24067. }
  24068. .avatar-box {
  24069. text-align: center;
  24070. color: #000;
  24071. }
  24072. .avatar-box .avatar{
  24073. width: 90px;
  24074. border: 1px solid #01acec;
  24075. border-radius: 100%;
  24076. }
  24077. .avatar-box h4{
  24078. font-size: 16px;
  24079. margin-top: 9px;
  24080. color: #000;
  24081. }
  24082. .listing-items {
  24083. text-align: left;
  24084. margin-top: 0;
  24085. margin-bottom: 6px;
  24086. border-bottom: 1px solid #cccccc91;
  24087. padding-bottom: 6px;
  24088. }
  24089. .listing-items li {
  24090.  
  24091. }
  24092. .listing-items img {
  24093. vertical-align: middle;
  24094. width: 29px;
  24095. margin-right: 3px;
  24096. }
  24097. .listing-items:last-child{
  24098. border-bottom: none;
  24099. }
  24100. .listing-items i{
  24101. margin-right: 11px;
  24102. color: #00bff9;
  24103. }
  24104. .listing-items b{
  24105. color: #00bff9;
  24106. }
  24107. .listing-rating {
  24108. background: #fff;
  24109. box-shadow: 0 0 7px 0 #ccc;
  24110. color: #000;
  24111. padding: 13px 11px 44px 10px;
  24112. margin-top: 14px;
  24113. }
  24114. .rating{
  24115. margin: 0;
  24116. }
  24117. .listing-rating h3{
  24118. color: #0b3795;
  24119. font-size: 16px;
  24120. font-weight: 600;
  24121. }
  24122. .btc-minus b{
  24123. background: #4fbff9;
  24124. color: #fff;
  24125. padding: 10px 14px;
  24126. display: inline-block;
  24127. font-size: 15px;
  24128. border-radius: 100%;
  24129. height: 48px;
  24130. width: 49px;
  24131. }
  24132. .btc-minus li {
  24133. font-size: 13px;
  24134. margin-bottom: 7px;
  24135. text-align: left;
  24136. }
  24137. .btc-minus span {
  24138. background: #75cd6a;
  24139. color: #fff;
  24140. padding: 0 10px;
  24141. border-radius: 2px;
  24142. width: 60%;
  24143. display: inherit;
  24144. text-align: center;
  24145. font-size: 12px;
  24146. margin-bottom: 9px;
  24147. }
  24148. .btc-minus,.true-false{
  24149. padding: 0 0 0 0;
  24150. }
  24151. .btc-minus_center{
  24152. text-align: center;
  24153. }
  24154. .contracts .payment_history_table img {
  24155. margin-top: -2px;
  24156. }
  24157. .contracts .payment-table tr td, .payment-table tr th {
  24158. padding-right: 8px;
  24159. padding-left: 10px;
  24160. line-height: 1;
  24161. }
  24162. .true-false .red{
  24163. background: #ff2424;
  24164. }
  24165.  
  24166. .listing-rating p {
  24167. font-size: 13px;
  24168. margin: 13px 0 0;
  24169. }
  24170. .listing-rating h5{
  24171. color: #000;
  24172. font-size: 14px;
  24173. margin: 6px 0 4px;
  24174. }
  24175. .listing-rating ul li{
  24176. padding-left: 20px;
  24177. margin-top: 2px;
  24178. }
  24179. .listing-items-follows li{
  24180. border-bottom: 1px solid #cccccca6;
  24181. padding-bottom: 6px;
  24182. margin-bottom: 6px;
  24183. }
  24184. .listing-items-follows li:last-child{
  24185. border-bottom: none;
  24186. }
  24187.  
  24188. /*Tabs css*/
  24189.  
  24190. .wallet-area ul.tabs{
  24191. margin: 0px;
  24192. padding: 0px;
  24193. list-style: none;
  24194. }
  24195. .wallet-area ul.tabs li {
  24196. background: #00bff9;
  24197. display: block;
  24198. padding: 10px 15px;
  24199. cursor: pointer;
  24200. border-bottom: 1px solid #fefefe6e;
  24201. }
  24202. .wallet-area ul.tabs li:hover {
  24203. background: #0677c4;
  24204. }
  24205. .wallet-area ul.tabs li i {
  24206. float: right;
  24207. vertical-align: middle;
  24208. margin-top: 5px;
  24209. }
  24210. .wallet-area ul.tabs li.current{
  24211. background: #0677c4;
  24212. color: #f4f6f9;
  24213. width: 102%;
  24214. }
  24215.  
  24216. .wallet-area .tab-content{
  24217. display: none;
  24218. background: transparent;
  24219. padding: 15px;
  24220. }
  24221.  
  24222. .wallet-area .tab-content.current{
  24223. display: inherit;
  24224. }
  24225. .wallet-area .dashboard-box{
  24226. max-width: 30.7%;
  24227. margin-bottom: 0;
  24228. }
  24229. .wallet-area .tab-content{
  24230. padding: 0;
  24231. }
  24232. .wallet-area .buttons h3 {
  24233. background: #00bff9;
  24234. color: #fff;
  24235. font-size: 15px;
  24236. padding: 8px 15px;
  24237. font-weight: 500;
  24238. }
  24239.  
  24240.  
  24241. .wallet-area9 {
  24242. background: #f4f6f9;
  24243. padding-bottom: 0;
  24244. border-radius: 3px;
  24245. box-shadow: 0 0 2px 0 #ccc;
  24246. border: 1px solid #cccccc73;
  24247. }
  24248. .wallet-board p{
  24249. color: #3e3f40;
  24250. font-weight: 600;
  24251. font-size: 18px;
  24252. }
  24253. .wallet-board p span{
  24254. color: #0b3795;
  24255. }
  24256. .wallet-transactions h3{
  24257. font-size: 16px;
  24258. color: #0b3795;
  24259. }
  24260. .wallet-transactions {
  24261. border-top: 1px solid #cccccc59;
  24262. border-bottom: 1px solid #cccccc59;
  24263. padding: 12px 0;
  24264. background: #f5f5f5;
  24265. }
  24266. .transactions-inner {
  24267. position: relative;
  24268. border-bottom: 1px solid #cccccc59;
  24269. padding: 6px 0 11px;
  24270. }
  24271. .transactions-inner i{
  24272. position: absolute;
  24273. top: 12px;
  24274. left: 22px;
  24275. color: #0b3795;
  24276. font-size: 20px;
  24277.  
  24278. }
  24279. .wallet-area-sidebar img {
  24280. width: 21px;
  24281. vertical-align: middle;
  24282. height: 21px;
  24283. padding: 2px;
  24284. margin-top: -3px;
  24285. }
  24286. .transactions-inner p{
  24287. margin: 0 0 0 42px;
  24288. color: #5a5858;
  24289. font-size: 12px;
  24290. font-weight: 600;
  24291. }
  24292. .transactions-inner h4 {
  24293. color: #3e3f40;
  24294. margin: 3px 0 2px 42px;
  24295. font-size: 13px;
  24296. font-weight: 600;
  24297. }
  24298. .transactions-inner p span{
  24299. margin-left: 10px;
  24300. color: #0b3795;
  24301. }
  24302. .transactions-inner h4 span{
  24303. color: #082769;
  24304. }
  24305. .tran-right .sending-amount, .transactions-inner .sending-amount{
  24306. color: #0b3795;
  24307. }
  24308. .tran-right .incomming-amount, .transactions-inner .incomming-amount{
  24309. color:green;
  24310. }
  24311. .transactions-inner-right h3{
  24312. margin-left:45px;
  24313. }
  24314. .tab-inner-data{
  24315. padding: 10px;
  24316. }
  24317. .balance-info{
  24318. margin: 10px 0 30px;
  24319. }
  24320. .transactions-inner:hover{
  24321. background: #fff;
  24322. }
  24323. .balance-info .dep-btn a, .balance-info .withdraw-btn a{
  24324. background-color: #0677c4;
  24325. padding: 4px 0;
  24326. font-size: 15px;
  24327. }
  24328. .balance-info .withdraw-btn a {
  24329. background-color: #00bff9;
  24330. }
  24331. .balance-info .dep-btn a:hover, .balance-info .withdraw-btn a:hover{
  24332. color:#fff;
  24333. background-color: #0b3795;
  24334. }
  24335. .balance-info .withdraw-btn a:hover{
  24336. background-color: #d6343e;
  24337. }
  24338.  
  24339.  
  24340.  
  24341. /*start passport page*/
  24342. .passport-tabs li i{
  24343. float: left !important;
  24344. margin-right: 20px;
  24345. }
  24346. .profile-image img{
  24347. border: 3px solid #0677c4;
  24348. border-radius: 0;
  24349. }
  24350.  
  24351. .profile-image{
  24352. position: relative;
  24353. }
  24354. #passport-socials{
  24355. position: absolute;
  24356. bottom: 0;
  24357. left: 0;
  24358. background: #fff;
  24359. right: 0;
  24360. padding: 7px 3px 0;
  24361. text-align: center;
  24362. border-left: 3px solid #0677c4;
  24363. border-right: 3px solid #0677c4;
  24364. }
  24365.  
  24366. #passport-socials ul li{
  24367. display: inline-block;
  24368. }
  24369.  
  24370. #passport-socials i{
  24371. border-radius: 100%;
  24372. color: #f4f6f9;
  24373. font-size: 14px;
  24374. height: 30px;
  24375. line-height: 2;
  24376. text-align: center;
  24377. text-decoration: none;
  24378. width: 30px;
  24379. margin-right: 3px;
  24380. margin-left: 3px;
  24381. }
  24382.  
  24383.  
  24384.  
  24385. .wallet-area-sidebar {
  24386. background: #00bff9;
  24387. padding: 0;
  24388. max-width: 23%;
  24389. margin-right: 20px;
  24390. }
  24391. /*End passport page*/
  24392. .setting_profile .withDraw-fund h3 {
  24393. background-color: #00bff9;
  24394. font-size: 15px;
  24395. margin-bottom: 0;
  24396. }
  24397. .setting_profile .copy-btn a, .withdraw-btn a, .dep-btn a {
  24398. padding: 5px 0;
  24399. width: 92%;
  24400. font-size: 13px;
  24401. }
  24402. .setting_profile .settings form {
  24403. padding: 10px 30px 10px;
  24404. }
  24405. .setting_profile .withDraw-fund h3 {
  24406. padding: 7px 17px;
  24407. }
  24408. .setting_profile .porfile {
  24409. padding: 15px 19px 32px;
  24410. }
  24411. .setting_profile .porfile p {
  24412. margin-bottom: 0;
  24413. }
  24414. .buttons h3 {
  24415. font-size: 26px;
  24416. color: #00bff9;
  24417. font-weight: 600;
  24418. }
  24419. .setting_profile .setting_profile .copy-btn a, .withdraw-btn a, .dep-btn a {
  24420. padding: 5px 0;
  24421. width: 20%;
  24422. font-size: 13px;
  24423. }
  24424. .authentic {
  24425. padding: 10px 15px 0 19px;
  24426. }
  24427. .barcode{
  24428. padding-left: 37px;
  24429. }
  24430.  
  24431. .with-data a:hover ,.setting_profile .setting_profile .copy-btn a:hover, .dep-btn a:hover{
  24432. color: #fff;
  24433. background-color: #00bff9;
  24434. }
  24435. .dep-btn .withdraw-btn{
  24436. background-color: #00bff9;
  24437. }
  24438. .barcode p {
  24439. margin-top: 10px;
  24440. margin-bottom: 5px;
  24441. }
  24442. .barcode .with-data {
  24443. padding: 0 0 11px;
  24444. }
  24445. .profile-items{
  24446. padding-top: 12px;
  24447. }
  24448. .profile-items input{
  24449. margin-bottom: 5px;
  24450. }
  24451. .profile-items b{
  24452. color: #000;
  24453. display: block;
  24454. }
  24455. .profile-items p{
  24456. color: #000;
  24457. margin-bottom: 5px;
  24458. }
  24459. .profile-items a{
  24460. margin-right: 10px;
  24461. font-size: 16px;
  24462. }
  24463. .profile-items i{
  24464. margin: 8px 0;
  24465. height: 30px;
  24466. width: 30px;
  24467. border-radius: 100%;
  24468. font-size: 16px;
  24469. text-align: center;
  24470. line-height: 2;
  24471. }
  24472. .selection{
  24473. background: #fff;
  24474. color: #000;
  24475. }
  24476. #content_info {
  24477. background: #fff;
  24478. border-top: 2px solid #3d3d3d;
  24479. padding: 2em 32px;
  24480. box-shadow: 0 0 7px 0 #ccc;
  24481. }
  24482. .checkbox_term b{
  24483. color: #000;
  24484. }
  24485. .select2-selection{
  24486. background: #f5f5f5;
  24487. border: 1px solid #ccc;
  24488. border-radius: 4px;
  24489. }
  24490. .select2-container--default .select2-selection--single .select2-selection__rendered {
  24491. line-height: 38px;
  24492. font-size: .9em;
  24493. padding-left: 20px;
  24494. padding-right: 44px;
  24495. color: #000;
  24496. }
  24497. .select2-container--default .select2-selection--single {
  24498. border-radius: 0;
  24499. background: #fff;
  24500. border: 1px solid #ccc;
  24501. border-radius: 4px;
  24502. height: 37px;}
  24503. .setting_profile .setting_profile .copy-btn a, .withdraw-btn a, .dep-btn a {
  24504. padding: 5px 0;
  24505. width: 89%;
  24506. font-size: 15px;
  24507. }
  24508. .form-group label{
  24509. color: #000;
  24510. margin-bottom: 8px;
  24511. font-weight: 500;
  24512. }
  24513. .order_form h2 {
  24514. color: #fff;
  24515. font-size: 24px;
  24516. }
  24517. .mobile_hide_deposit{
  24518. max-width: 800px;
  24519. margin: 0 auto;
  24520. }
  24521. .order_form {
  24522. margin: 0 !important;
  24523. background: #398bf7;
  24524. padding: 20px 20px 0;
  24525. box-shadow: 0 0 7px 0 #ccc;
  24526. border-radius: 5px 5px 0 0;
  24527. }
  24528. .deposit-wrap{
  24529. background: #fff;
  24530. padding: 40px 0px;
  24531. }
  24532. .logo-light{
  24533. width: 115px;
  24534. }
  24535. .login-navbar a i {
  24536. padding-right: 5px;
  24537. font-weight: 300;
  24538. }
  24539. .dropbtn {
  24540. background-color: transparent;
  24541. color: #000;
  24542. font-size: 14px;
  24543. border: none;
  24544. cursor: pointer;
  24545. }
  24546. .footer-subscription ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  24547. color: #000;
  24548. }
  24549. .footer-subscription ::-moz-placeholder { /* Firefox 19+ */
  24550. color: #000;
  24551. }
  24552. .footer-subscription :-ms-input-placeholder { /* IE 10+ */
  24553. color: #000;
  24554. }
  24555. .footer-subscription :-moz-placeholder { /* Firefox 18- */
  24556. color: #000;
  24557. }
  24558.  
  24559. .copy-btn a, .copy-btn button {
  24560. background: #343d47;
  24561. width: 100%;
  24562. font-size: 13px;
  24563. }
  24564. .center_btns{
  24565. max-width: 500px;
  24566. margin: 0 auto;
  24567. }
  24568. .dep-btn a {
  24569. background-color: #03a9f4;
  24570. }
  24571. .withdraw-btn a {
  24572. background-color: #febe28;
  24573. }
  24574.  
  24575. .dashboard-right {
  24576. text-align: left;
  24577. position: absolute;
  24578. top: -55px;
  24579. left: 68px;
  24580. }
  24581. .dashboard-box{
  24582. text-align: center;
  24583. }
  24584. .dashboard-right i, .dashboard-right img {
  24585. background: #fff;
  24586. border-radius: 100%;
  24587. text-align: center;
  24588. margin-left: 5px;
  24589. margin-top: 5px;
  24590. font-size: 27px;
  24591. color: #a6b7bf;
  24592. /* border: 1px solid #ccc; */
  24593. line-height: 3;
  24594. display: inline-block;
  24595. height: 90px;
  24596. box-shadow: 0 0 7px 0 #ccc;
  24597. width: 90px;
  24598. }
  24599. .dashboard{
  24600. margin-top: 90px;
  24601. }
  24602. .db-sold {
  24603. background-color: #343d47;
  24604. }
  24605. .wallet-details {
  24606. padding: 7px 25px;
  24607. }
  24608. .wallet-details h3 {
  24609.  
  24610. margin-bottom: 0;
  24611. }
  24612. .wallet-details h4 {
  24613.  
  24614. padding: 8px 0 0;
  24615. margin-bottom: 0;
  24616. }
  24617. .withDraw-fund form {
  24618. padding: 0;
  24619. }
  24620. .pull_right_text {
  24621. padding-top: 0;
  24622. }
  24623. .pull_right_text p{
  24624. margin-bottom: 0;
  24625. font-size: 13px;
  24626. }
  24627. .with-data {
  24628. padding-bottom: 6px;
  24629. }
  24630. .qcr_submit button {
  24631. margin-top: 6px;
  24632. width: 98%;
  24633. margin-left: 2px;
  24634. }
  24635. .withDraw-fund h3 {
  24636.  
  24637. font-size: 16px;
  24638. }
  24639. .qcr_btns button:last-child {
  24640. background-color: #03a9f4;
  24641. }
  24642. .qcr_btns button:last-child {
  24643. background-color: #feb038;
  24644. }
  24645. .with-data button {
  24646. background-color: #03a9f4;
  24647.  
  24648. border-radius: 0 3px 3px 0;
  24649. }
  24650. .wallet-data {
  24651. background-color: #fff;
  24652. margin-bottom: 18px;
  24653. box-shadow: 0 0 10px 0 #ccc;
  24654. border: 1px solid #ccc;
  24655. margin-top: 2px;
  24656. }
  24657. .qimg img {
  24658. width: 67px;
  24659. }
  24660. .toggle_fuction h3 {
  24661. background: #2b56f5;
  24662. color: #fff;
  24663. padding: 9px 23px;
  24664. font-size: 17px;
  24665. text-transform: uppercase;
  24666. margin-bottom: 15px;
  24667. -webkit-box-shadow: 0px 11px 34px -4px rgba(0,0,0,0.29);
  24668. -moz-box-shadow: 0px 11px 34px -4px rgba(0,0,0,0.29);
  24669. box-shadow: 0px 11px 34px -4px rgba(0,0,0,0.29);
  24670. border-radius: 5px;
  24671. }
  24672.  
  24673. .setting_profile .setting_profile .copy-btn a:hover, .withdraw-btn a:hover, .dep-btn a:hover{
  24674. color: #fff;
  24675. }
  24676. .active-level {
  24677. padding: 11px 20px;
  24678. }
  24679. .wallet-data {
  24680. background-color: #fff;
  24681. margin-bottom: 0;
  24682. box-shadow: 0 0 10px 0 #ccc;
  24683. border: 1px solid #ccc;
  24684. margin-top: 2px;
  24685. margin-bottom: 9px;
  24686. }
  24687. .dpst-detail .wallet-icon {
  24688. background: #03a9f4;
  24689. padding: 33px 10px 31px;
  24690. }
  24691. .wallet-tabs ul.tabs li.current {
  24692. background: #343d47;
  24693. color: #fff;
  24694. }
  24695. .wallet-tabs .tab-content.current {
  24696. display: inherit;
  24697. padding: 15px;
  24698. }
  24699. #DataTables_Table_0_wrapper .col-sm-7 {
  24700. float: right;
  24701. }
  24702. .table>thead>tr>th {
  24703. vertical-align: bottom;
  24704. border-bottom: 2px solid #ddd;
  24705. color: #000;
  24706. font-weight: bold;
  24707. background: #f5f5f5;
  24708. font-size: 13px;
  24709. }
  24710. .wallet-tabs .tab-content.current {
  24711. display: inherit;
  24712. padding: 15px;
  24713. background: #fff;
  24714. border: 1px solid #cccccc9c;
  24715. background-color: white;
  24716. box-shadow: 0 0 7px 0 #ccc;
  24717. }
  24718.  
  24719. .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  24720. padding: 8px;
  24721. line-height: 1.42857143;
  24722. vertical-align: top;
  24723. border-top: 1px solid #ddd;
  24724. font-size: 15px;
  24725. }
  24726. .wallet-tabs ul.tabs li {
  24727. background: none;
  24728. color: #fff;
  24729. display: inline-block;
  24730. padding: 10px 15px;
  24731. cursor: pointer;
  24732. font-size: 14px;
  24733. }
  24734. div.dataTables_wrapper div.dataTables_filter label {
  24735. font-weight: normal;
  24736. white-space: nowrap;
  24737. text-align: left;
  24738. font-size: 13px;
  24739. color: #000;
  24740. }
  24741. div.dataTables_wrapper div.dataTables_filter {
  24742. text-align: right;
  24743. float: right;
  24744. }
  24745.  
  24746. .form-inline {
  24747. display: -webkit-box;
  24748. display: -ms-flexbox;
  24749. display: inherit;}
  24750. .wallet-tabs {
  24751. padding-top: 20px;
  24752. }
  24753. #DataTables_Table_0_wrapper .col-sm-7 ,#DataTables_Table_1_wrapper .col-sm-7 ,#DataTables_Table_2_wrapper .col-sm-7,#DataTables_Table_3_wrapper .col-sm-7 {
  24754. float: right;
  24755. margin-bottom: 5px;
  24756. }
  24757. .pagination{
  24758. text-align: right;
  24759. margin-top: 20px;
  24760. }
  24761. div.dataTables_wrapper div.dataTables_paginate {
  24762. margin: 0;
  24763. white-space: nowrap;
  24764. text-align: right;
  24765. float: right;
  24766. margin-top: 7px;
  24767. }
  24768. div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  24769. margin: 25px 0 0 !important;
  24770. white-space: nowrap;
  24771. }
  24772. .withDraw-fund h3 {
  24773. background-color: #03a9f4;
  24774. }
  24775. .porfile {
  24776. padding: 0 20px 4px;
  24777. }
  24778. .porfile p {
  24779. margin-bottom: 0;
  24780. }
  24781. .withDraw-fund h3 {
  24782. margin-bottom: 4px;
  24783. }
  24784. .withDraw-fund form {
  24785. padding: 0 22px;
  24786. }
  24787. .customstylebtn {
  24788. background-color: rgb(254, 190, 40) !important;
  24789. }
  24790.  
  24791.  
  24792. .barcode {
  24793. padding-left: 0;
  24794. }
  24795.  
  24796. .barcode img {
  24797. /* width: 100%; */
  24798. width: 99px;
  24799. }
  24800. .dashboard-box {
  24801. text-align: center;
  24802. border-radius: 5px;
  24803. }
  24804. .money_icone{
  24805. margin-left: 5px !important;
  24806. }
  24807. .qcore_wrappper .clouds-box p {
  24808. color: #777777;
  24809. line-height: 1.8;
  24810. font-size: 16px;
  24811. padding: 0 0;
  24812. }
  24813. .sidenav {
  24814. height: 100%;
  24815. width: 0;
  24816. position: fixed;
  24817. z-index: 1;
  24818. top: 0;
  24819. left: 0;
  24820. background-color: #febe28;
  24821. overflow-x: hidden;
  24822. transition: 0.5s;
  24823. z-index: 999999;
  24824. padding-top: 60px;
  24825. }
  24826.  
  24827. .sidenav a {
  24828. padding: 0 8px 0 46px;
  24829. text-decoration: none;
  24830. font-size: 19px;
  24831. color: #fff;
  24832. display: block;
  24833. transition: 0.3s;
  24834. }
  24835.  
  24836.  
  24837.  
  24838. .sidenav a:hover {
  24839. color: #f1f1f1;
  24840. }
  24841.  
  24842. .sidenav .closebtn {
  24843. position: absolute;
  24844. top: 0;
  24845. right: 25px;
  24846. font-size: 36px;
  24847. margin-left: 50px;
  24848. }
  24849. .table_box td {
  24850. border: 1px solid #dddddd;
  24851. text-align: left;
  24852. padding: 14px 16px;
  24853. font-size: 16px;
  24854. color: #000;
  24855. font-family: 'Varela Round', sans-serif;
  24856. }
  24857. #main{
  24858. display: none;
  24859. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!