CSS   8

app.css

Guest on 11th May 2021 07:23:36 PM

  1. /*
  2.  * Template Name: Unify - Responsive Bootstrap Template
  3.  * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
  4.  * Version: 1.9.2
  5.  * Author: @htmlstream
  6.  * Website: http://htmlstream.com
  7. */
  8.  
  9. /*Thematic Break
  10. ------------------------------------*/
  11. hr {
  12.     margin: 30px 0;
  13. }
  14.  
  15. hr.hr-xs {
  16.     margin: 10px 0;
  17. }
  18.  
  19. hr.hr-md {
  20.     margin: 20px 0;
  21. }
  22.  
  23. hr.hr-lg {
  24.     margin: 40px 0;
  25. }
  26.  
  27. /*Headings
  28. ------------------------------------*/
  29. h1, h2, h3, h4, h5, h6 {
  30.  
  31.     color: #2f3191;
  32.     margin-top: 5px;
  33.     text-shadow: none;
  34.     font-weight: normal;
  35.     font-family: "Open Sans", Arial, sans-serif;
  36. }
  37.  
  38. h1 span
  39. {
  40.     color: #f2a900;
  41.     font-size: 20px;
  42.     display: block;
  43. }
  44.  
  45. h1 span.hours
  46. {
  47.     display: inline;
  48.     color: #2f3191;
  49.     font-size:20px;
  50. }
  51.  
  52. h1 {
  53.     font-size: 30px;
  54.     line-height: 30px;
  55. }
  56. h2 {
  57.     font-size: 16px;
  58.     line-height: 33px;
  59.     color: #24221f;
  60.     text-transform: uppercase;
  61.     font-weight: bold;
  62. }
  63. h3 {
  64.     font-size: 20px;
  65.     line-height: 27px;
  66.     color: #24221f;
  67. }
  68.  
  69. h3.heading-l1
  70. {
  71.     text-transform: uppercase;
  72. }
  73.  
  74. h4 {
  75.     line-height: 25px;
  76. }
  77. h5 {
  78.     line-height: 20px;
  79. }
  80. h6 {
  81.     line-height: 18px;
  82. }
  83.  
  84. .font-open-sans {
  85.     font-family: "Open Sans", Arial, sans-serif;
  86. }
  87.  
  88.  
  89. h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
  90.     margin-right: 5px;
  91. }
  92.  
  93. /*Block Headline*/
  94. .headline {
  95.     display: block;
  96.     margin: 10px 0 25px 0;
  97.     border-bottom: 1px dotted #e4e9f0;
  98. }
  99.  
  100. .headline h2 {
  101.     font-size: 22px;
  102. }
  103.  
  104. .headline h2,
  105. .headline h3,
  106. .headline h4 {
  107.     margin: 0 0 -2px 0;
  108.     padding-bottom: 5px;
  109.     display: inline-block;
  110.     border-bottom: 2px solid #72c02c;
  111. }
  112.  
  113. .headline-md {
  114.     margin-bottom: 15px;
  115. }
  116.  
  117. .headline-md h2 {
  118.     font-size: 21px;
  119. }
  120.  
  121. /*Heading Options*/
  122. .heading {
  123.     text-align: center;
  124. }
  125.  
  126. .heading h2 {
  127.     padding: 0 12px;
  128.     position: relative;
  129.     display: inline-block;
  130.     line-height: 34px !important; /*For Tagline Boxes*/
  131. }
  132.  
  133. .heading h2:before,
  134. .heading h2:after {
  135.     content: ' ';
  136.     width: 70%;
  137.     position: absolute;
  138.     border-width: 1px;
  139.     border-color: #edecea;
  140. }
  141.  
  142. .heading h2:before {
  143.     right: 100%;
  144. }
  145.  
  146. .heading h2:after {
  147.     left: 100%;
  148. }
  149.  
  150. @media (max-width: 768px) {
  151.     .heading h2:before,
  152.     .heading h2:after {
  153.         width: 20%;
  154.     }
  155. }
  156.  
  157. /*Headline v1*/
  158. .heading-v1 h2:before,
  159. .heading-v1 h2:after {
  160.     top: 15px;
  161.     /*height: 6px;*/
  162.     border-top-style: solid;
  163.     border-bottom-style: solid;
  164.  
  165.     border-bottom-width: 3px;
  166.     border-top-width: 2px;
  167.  
  168. }
  169.  
  170. /*Headline v2*/
  171. .heading-v2 h2:before,
  172. .heading-v2 h2:after {
  173.     top: 15px;
  174.     height: 6px;
  175.     border-top-style: dashed;
  176.     border-bottom-style: dashed;
  177.  
  178. }
  179.  
  180. /*Headline v3*/
  181. .heading-v3 h2:before,
  182. .heading-v3 h2:after {
  183.     top: 15px;
  184.     height: 6px;
  185.     border-top-style: dotted;
  186.     border-bottom-style: dotted;
  187. }
  188.  
  189. /*Headline v4*/
  190. .heading-v4 h2:before,
  191. .heading-v4 h2:after {
  192.     top: 17px;
  193.     border-bottom-style: solid;
  194. }
  195.  
  196. /*Headline v5*/
  197. .heading-v5 h2:before,
  198. .heading-v5 h2:after {
  199.     top: 17px;
  200.     border-bottom-style: dashed;
  201. }
  202.  
  203. /*Headline v6*/
  204. .heading-v6 h2:before,
  205. .heading-v6 h2:after {
  206.     top: 17px;
  207.     border-bottom-style: dotted;
  208. }
  209.  
  210. /*Heading Titles v1*/
  211. .title-v1 {
  212.     z-index: 1;
  213.     position: relative;
  214.     text-align: center;
  215.     margin-bottom: 60px;
  216. }
  217.  
  218. .title-v1 h1,
  219. .title-v1 h2 {
  220.     color: #444;
  221.     font-size: 28px;
  222.     position: relative;
  223.     margin-bottom: 15px;
  224.     padding-bottom: 20px;
  225.     text-transform: uppercase;
  226.     font-family: "Open Sans", Arial, sans-serif;
  227. }
  228.  
  229. .title-v1 h1:after,
  230. .title-v1 h2:after {
  231.     bottom: 0;
  232.     left: 50%;
  233.     height: 1px;
  234.     width: 70px;
  235.     content: " ";
  236.     margin-left: -35px;
  237.     position: absolute;
  238.     background: #72c02c;
  239. }
  240.  
  241. .title-v1 p {
  242.     font-size: 17px;
  243.     font-weight: 200;
  244. }
  245.  
  246. /*Heading Titles v2*/
  247. h2.title-v2 {
  248.     color: #555;
  249.     position: relative;
  250.     margin-bottom: 30px;
  251. }
  252.  
  253. h2.title-v2:after {
  254.     left: 0;
  255.     width: 70px;
  256.     height: 2px;
  257.     content: " ";
  258.     bottom: -10px;
  259.     background: #555;
  260.     position: absolute;
  261. }
  262.  
  263. h1.title-v2.title-center,
  264. h2.title-v2.title-center,
  265. h3.title-v2.title-center {
  266.     text-align: center;
  267. }
  268.  
  269. h1.title-v2.title-center:after,
  270. h2.title-v2.title-center:after,
  271. h3.title-v2.title-center:after {
  272.     left: 50%;
  273.     width: 70px;
  274.     margin-left: -35px;
  275. }
  276.  
  277. h1.title-light,
  278. h2.title-light,
  279. h3.title-light {
  280.     color: #fff;
  281. }
  282.  
  283. h2.title-light:after {
  284.     background: #fff;
  285. }
  286.  
  287. /*Heading Title v3*/
  288. h1[class^="title-v3-"],
  289. h2[class^="title-v3-"],
  290. h3[class^="title-v3-"] {
  291.     color: #555;
  292. }
  293.  
  294. h2.title-v3-xlg {
  295.     font-size: 28px;
  296.     line-height: 32px;
  297. }
  298.  
  299. h1.title-v3-lg,
  300. h2.title-v3-lg {
  301.     font-size: 24px;
  302.     line-height: 28px;
  303. }
  304.  
  305. h1.title-v3-md,
  306. h2.title-v3-md {
  307.     font-size: 20px;
  308.     line-height: 24px;
  309. }
  310.  
  311. h2.title-v3-sm,
  312. h3.title-v3-md {
  313.     font-size: 18px;
  314.     line-height: 24px;
  315. }
  316.  
  317. h3.title-v3-md {
  318.     line-height: 22px;
  319. }
  320.  
  321. h3.title-v3-sm {
  322.     font-size: 16px;
  323.     line-height: 20px;
  324. }
  325.  
  326. h2.title-v3-xs {
  327.     font-size: 16px;
  328.     line-height: 22px;
  329. }
  330.  
  331. h3.title-v3-xs {
  332.     font-size: 14px;
  333.     margin-bottom: 0;
  334. }
  335.  
  336. /*Title v4*/
  337. .title-v4 {
  338.     font-size: 18px;
  339.     margin: 0 0 20px;
  340.     font-weight: bold;
  341.     position: relative;
  342.     text-transform: uppercase;
  343.     border-bottom: 3px solid #333;
  344. }
  345.  
  346. /*Headline Center*/
  347. .headline-center {
  348.     text-align: center;
  349.     position: relative;
  350. }
  351.  
  352. .headline-center h2 {
  353.     color: #555;
  354.     font-size: 24px;
  355.     position: relative;
  356.     margin-bottom: 20px;
  357.     padding-bottom: 15px;
  358. }
  359.  
  360. .headline-center h2:after {
  361.     left: 50%;
  362.     z-index: 1;
  363.     width: 30px;
  364.     height: 2px;
  365.     content: " ";
  366.     bottom: -5px;
  367.     margin-left: -15px;
  368.     text-align: center;
  369.     position: absolute;
  370.     background: #72c02c;
  371. }
  372.  
  373. .headline-center p {
  374.     /*color: #999;*/
  375.     font-size: 14px;
  376.     /*padding: 0 150px;*/
  377. }
  378.  
  379. @media (max-width: 991px) {
  380.     .headline-center p {
  381.         padding: 0 50px;
  382.     }
  383. }
  384.  
  385. .headline-center.headline-light h2 {
  386.     color: #fff;
  387. }
  388.  
  389. .headline-center.headline-light p {
  390.     color: #eee;
  391. }
  392.  
  393. /*Headline Center v2*/
  394. .headline-center-v2 {
  395.     z-index: 0;
  396.     text-align: center;
  397.     position: relative;
  398. }
  399.  
  400. .headline-center-v2 h2 {
  401.     color: #555;
  402.     font-size: 24px;
  403.     margin-bottom: 20px;
  404.     text-transform: uppercase;
  405. }
  406.  
  407. .headline-center-v2 span.bordered-icon {
  408.     color: #fff;
  409.     padding: 0 10px;
  410.     font-size: 15px;
  411.     line-height: 18px;
  412.     position: relative;
  413.     margin-bottom: 25px;
  414.     display: inline-block;
  415. }
  416.  
  417. .headline-center-v2 span.bordered-icon:before,
  418. .headline-center-v2 span.bordered-icon:after {
  419.     top: 8px;
  420.     height: 1px;
  421.     content: " ";
  422.     width: 100px;
  423.     background: #fff;
  424.     position: absolute;
  425. }
  426.  
  427. .headline-center-v2 span.bordered-icon:before {
  428.     left: 100%;
  429. }
  430.  
  431. .headline-center-v2 span.bordered-icon:after {
  432.     right: 100%;
  433. }
  434.  
  435. .headline-center-v2 p {
  436.     color: #555;
  437.     font-size: 14px;
  438.     padding: 0 70px;
  439. }
  440.  
  441. .headline-center-v2.headline-center-v2-dark p {
  442.     color: #666;
  443. }
  444.  
  445. .headline-center-v2.headline-center-v2-dark span.bordered-icon {
  446.     color: #666;
  447. }
  448.  
  449. .headline-center-v2.headline-center-v2-dark span.bordered-icon:before,
  450. .headline-center-v2.headline-center-v2-dark span.bordered-icon:after {
  451.     background: #666;
  452. }
  453.  
  454. /*Headline Left*/
  455. .headline-left {
  456.     position: relative;
  457. }
  458.  
  459. .headline-left .headline-brd {
  460.     color: #555;
  461.     position: relative;
  462.     margin-bottom: 25px;
  463.     padding-bottom: 10px;
  464. }
  465.  
  466. .headline-left .headline-brd:after {
  467.     left: 1px;
  468.     z-index: 1;
  469.     width: 30px;
  470.     height: 2px;
  471.     content: " ";
  472.     bottom: -5px;
  473.     position: absolute;
  474.     background: #72c02c;
  475. }
  476.  
  477. /*Headline v2
  478. ------------------------------------*/
  479. .headline-v2 {
  480.     display: block;
  481.     background: #fff;
  482.     padding: 1px 10px;
  483.     margin: 0 0 20px 0;
  484.     border-left: 2px solid #000;
  485. }
  486.  
  487. .headline-v2 h2 {
  488.     margin: 3px 0;
  489.     font-size: 20px;
  490.     font-weight: 200;
  491. }
  492.  
  493. /*Heading Sizes
  494. ------------------------------------*/
  495. h2.heading-md {
  496.     font-size: 20px;
  497.     line-height: 24px;
  498. }
  499.  
  500. h2.heading-sm,
  501. h3.heading-md {
  502.     font-size: 18px;
  503.     line-height: 24px;
  504.  
  505. }
  506.  
  507. h3.heading-md {
  508.     line-height: 22px;
  509. }
  510.  
  511. h3.heading-sm {
  512.     font-size: 16px;
  513.     line-height: 20px;
  514. }
  515.  
  516. h2.heading-xs {
  517.     font-size: 16px;
  518.     line-height: 22px;
  519. }
  520.  
  521. h3.heading-xs {
  522.     font-size: 14px;
  523.     margin-bottom: 0;
  524. }
  525.  
  526. /*Devider
  527. ------------------------------------*/
  528. .devider.devider-dotted {
  529.     border-top: 2px dotted #eee;
  530. }
  531. .devider.devider-dashed {
  532.     border-top: 2px dashed #eee;
  533. }
  534.  
  535. .devider.devider-db {
  536.     height: 5px;
  537.     border-top: 1px solid #eee;
  538.     border-bottom: 1px solid #eee;
  539. }
  540. .devider.devider-db-dashed {
  541.     height: 5px;
  542.     border-top: 1px dashed #ddd;
  543.     border-bottom: 1px dashed #ddd;
  544. }
  545. .devider.devider-db-dotted {
  546.     height: 5px;
  547.     border-top: 1px dotted #ddd;
  548.     border-bottom: 1px dotted #ddd;
  549. }
  550.  
  551. /*Tables
  552. ------------------------------------*/
  553. /*Basic Tables*/
  554. .table thead > tr > th {
  555.     border-bottom: none;
  556. }
  557.  
  558. @media (max-width: 768px) {
  559.     .table th.hidden-sm,
  560.     .table td.hidden-sm {
  561.         display: none !important;
  562.     }
  563. }
  564.  
  565. /*Forms
  566. ------------------------------------*/
  567. .form-control {
  568.     box-shadow: none;
  569.     border-radius: 0;
  570. }
  571.  
  572. .input-group-addon {
  573.     border-radius: 0;
  574. }
  575.  
  576. .form-control:focus {
  577.     border-color: #bbb;
  578.     box-shadow: 0 0 2px #c9c9c9;
  579. }
  580.  
  581. /*Form Spacing*/
  582. .form-spacing .form-control {
  583.     margin-bottom: 15px;
  584. }
  585.  
  586. /*Form Icons*/
  587. .input-group-addon {
  588.     color: #b3b3b3;
  589.     font-size: 14px;
  590.     background: #fff;
  591. }
  592.  
  593. /*Navigation
  594. ------------------------------------*/
  595. .dropdown-menu,
  596. .navbar-toggle {
  597.     border-radius: 0;
  598. }
  599.  
  600. /*Button Styles
  601. ------------------------------------*/
  602. .btn {
  603.     box-shadow: none;
  604.     border-radius: 0;
  605. }
  606. .btn-u {
  607.     border: 0;
  608.     color: #fff;
  609.     font-size: 14px;
  610.     cursor: pointer;
  611.     font-weight: 400;
  612.     padding: 6px 13px;
  613.     position: relative;
  614.     background: #72c02c;
  615.     white-space: nowrap;
  616.     display: inline-block;
  617.     text-decoration: none;
  618. }
  619. .btn-u:hover {
  620.     color: #fff;
  621.     text-decoration: none;
  622.     transition: all 0.3s ease-in-out;
  623. }
  624.  
  625. .btn-u.btn-block {
  626.     text-align: center;
  627. }
  628.  
  629. .btn-u-sm,
  630. a.btn-u-sm {
  631.     padding: 3px 12px;
  632. }
  633.  
  634. .btn-u-md,
  635. a.btn-u-md {
  636.     padding: 10px 20px;
  637. }
  638.  
  639. .btn-u-lg,
  640. a.btn-u-lg {
  641.     font-size: 18px;
  642.     padding: 10px 25px;
  643. }
  644.  
  645. .btn-u-xs,
  646. a.btn-u-xs {
  647.     font-size: 12px;
  648.     padding: 2px 12px;
  649.     line-height: 18px;
  650. }
  651.  
  652. /*Button Groups*/
  653. .btn-group .dropdown-menu > li > a {
  654.     padding: 3px 13px;
  655. }
  656.  
  657. .btn-group > .btn-u,
  658. .btn-group-vertical > .btn-u {
  659.     float: left;
  660.     position: relative;
  661. }
  662.  
  663. .btn-group > .btn-u:first-child {
  664.     margin-left: 0;
  665. }
  666.  
  667. /*For FF Only*/
  668. @-moz-document url-prefix() {
  669.     .footer-subscribe .btn-u {
  670.         padding-bottom: 4px;
  671.     }
  672. }
  673. @media (max-width: 768px) {
  674.     @-moz-document url-prefix() {
  675.         .btn-u {
  676.             padding-bottom: 6px;
  677.         }
  678.     }
  679. }
  680.  
  681. /*Buttons Color*/
  682. .btn-u:hover,
  683. .btn-u:focus,
  684. .btn-u:active,
  685. .btn-u.active,
  686. .open .dropdown-toggle.btn-u {
  687.     background: #5fb611;
  688. }
  689. .btn-u-split.dropdown-toggle {
  690.     border-left: solid 1px #5fb611;
  691. }
  692.  
  693. .btn-u.btn-u-blue {
  694.     background: #3498db;
  695. }
  696. .btn-u.btn-u-blue:hover,
  697. .btn-u.btn-u-blue:focus,
  698. .btn-u.btn-u-blue:active,
  699. .btn-u.btn-u-blue.active,
  700. .open .dropdown-toggle.btn-u.btn-u-blue {
  701.     background: #2980b9;
  702. }
  703. .btn-u.btn-u-split-blue.dropdown-toggle {
  704.     border-left: solid 1px #2980b9;
  705. }
  706.  
  707. .btn-u.btn-u-red {
  708.     background: #e74c3c;
  709. }
  710. .btn-u.btn-u-red:hover,
  711. .btn-u.btn-u-red:focus,
  712. .btn-u.btn-u-red:active,
  713. .btn-u.btn-u-red.active,
  714. .open .dropdown-toggle.btn-u.btn-u-red {
  715.     background: #c0392b;
  716. }
  717. .btn-u.btn-u-split-red.dropdown-toggle {
  718.     border-left: solid 1px #c0392b;
  719. }
  720.  
  721. .btn-u.btn-u-orange {
  722.     background: #e67e22;
  723. }
  724. .btn-u.btn-u-orange:hover,
  725. .btn-u.btn-u-orange:focus,
  726. .btn-u.btn-u-orange:active,
  727. .btn-u.btn-u-orange.active,
  728. .open .dropdown-toggle.btn-u.btn-u-orange {
  729.     background: #d35400;
  730. }
  731. .btn-u.btn-u-split-orange.dropdown-toggle {
  732.     border-left: solid 1px #d35400;
  733. }
  734.  
  735. .btn-u.btn-u-sea {
  736.     background: #1abc9c;
  737. }
  738. .btn-u.btn-u-sea:hover,
  739. .btn-u.btn-u-sea:focus,
  740. .btn-u.btn-u-sea:active,
  741. .btn-u.btn-u-sea.active,
  742. .open .dropdown-toggle.btn-u.btn-u-sea {
  743.     background: #16a085;
  744. }
  745. .btn-u.btn-u-split-sea.dropdown-toggle {
  746.     border-left: solid 1px #16a085;
  747. }
  748.  
  749. .btn-u.btn-u-green {
  750.     background: #2ecc71;
  751. }
  752. .btn-u.btn-u-green:hover,
  753. .btn-u.btn-u-green:focus,
  754. .btn-u.btn-u-green:active,
  755. .btn-u.btn-u-green.active,
  756. .open .dropdown-toggle.btn-u.btn-u-green {
  757.     background: #27ae60;
  758. }
  759. .btn-u.btn-u-split-green.dropdown-toggle {
  760.     border-left: solid 1px #27ae60;
  761. }
  762.  
  763. .btn-u.btn-u-yellow {
  764.     background: #f1c40f;
  765. }
  766. .btn-u.btn-u-yellow:hover,
  767. .btn-u.btn-u-yellow:focus,
  768. .btn-u.btn-u-yellow:active,
  769. .btn-u.btn-u-yellow.active,
  770. .open .dropdown-toggle.btn-u.btn-u-yellow {
  771.     background: #f39c12;
  772. }
  773. .btn-u.btn-u-split-yellow.dropdown-toggle {
  774.     border-left: solid 1px #f39c12;
  775. }
  776.  
  777. .btn-u.btn-u-default {
  778.     background: #95a5a6;
  779. }
  780. .btn-u.btn-u-default:hover,
  781. .btn-u.btn-u-default:focus,
  782. .btn-u.btn-u-default:active,
  783. .btn-u.btn-u-default.active,
  784. .open .dropdown-toggle.btn-u.btn-u-default {
  785.     background: #7f8c8d;
  786. }
  787. .btn-u.btn-u-split-default.dropdown-toggle {
  788.     border-left: solid 1px #7f8c8d;
  789. }
  790.  
  791. .btn-u.btn-u-purple {
  792.     background: #9b6bcc;
  793. }
  794. .btn-u.btn-u-purple:hover,
  795. .btn-u.btn-u-purple:focus,
  796. .btn-u.btn-u-purple:active,
  797. .btn-u.btn-u-purple.active,
  798. .open .dropdown-toggle.btn-u.btn-u-purple {
  799.     background: #814fb5;
  800. }
  801. .btn-u.btn-u-split-purple.dropdown-toggle {
  802.     border-left: solid 1px #814fb5;
  803. }
  804.  
  805. .btn-u.btn-u-aqua {
  806.     background: #27d7e7;
  807. }
  808. .btn-u.btn-u-aqua:hover,
  809. .btn-u.btn-u-aqua:focus,
  810. .btn-u.btn-u-aqua:active,
  811. .btn-u.btn-u-aqua.active,
  812. .open .dropdown-toggle.btn-u.btn-u-aqua {
  813.     background: #26bac8;
  814. }
  815. .btn-u.btn-u-split-aqua.dropdown-toggle {
  816.     border-left: solid 1px #26bac8;
  817. }
  818.  
  819. .btn-u.btn-u-brown {
  820.     background: #9c8061;
  821. }
  822. .btn-u.btn-u-brown:hover,
  823. .btn-u.btn-u-brown:focus,
  824. .btn-u.btn-u-brown:active,
  825. .btn-u.btn-u-brown.active,
  826. .open .dropdown-toggle.btn-u.btn-u-brown {
  827.     background: #81674b;
  828. }
  829. .btn-u.btn-u-split-brown.dropdown-toggle {
  830.     border-left: solid 1px #81674b;
  831. }
  832.  
  833. .btn-u.btn-u-dark-blue {
  834.     background: #4765a0;
  835. }
  836. .btn-u.btn-u-dark-blue:hover,
  837. .btn-u.btn-u-dark-blue:focus,
  838. .btn-u.btn-u-dark-blue:active,
  839. .btn-u.btn-u-dark-blue.active,
  840. .open .dropdown-toggle.btn-u.btn-u-dark-blue {
  841.     background: #324c80;
  842. }
  843. .btn-u.btn-u-split-dark.dropdown-toggle {
  844.     border-left: solid 1px #324c80;
  845. }
  846.  
  847. .btn-u.btn-u-light-green {
  848.     background: #79d5b3;
  849. }
  850. .btn-u.btn-u-light-green:hover,
  851. .btn-u.btn-u-light-green:focus,
  852. .btn-u.btn-u-light-green:active,
  853. .btn-u.btn-u-light-green.active,
  854. .open .dropdown-toggle.btn-u.btn-u-light-green {
  855.     background: #59b795;
  856. }
  857. .btn-u.btn-u-split-light-green.dropdown-toggle {
  858.     border-left: solid 1px #59b795;
  859. }
  860.  
  861. .btn-u.btn-u-dark {
  862.     background: #555;
  863. }
  864. .btn-u.btn-u-dark:hover,
  865. .btn-u.btn-u-dark:focus,
  866. .btn-u.btn-u-dark:active,
  867. .btn-u.btn-u-dark.active,
  868. .open .dropdown-toggle.btn-u.btn-u-dark {
  869.     background: #333;
  870. }
  871. .btn-u.btn-u-split-dark.dropdown-toggle {
  872.     border-left: solid 1px #333;
  873. }
  874.  
  875. .btn-u.btn-u-light-grey {
  876.     background: #585f69;
  877. }
  878. .btn-u.btn-u-light-grey:hover,
  879. .btn-u.btn-u-light-grey:focus,
  880. .btn-u.btn-u-light-grey:active,
  881. .btn-u.btn-u-light-grey.active,
  882. .open .dropdown-toggle.btn-u.btn-u-light-grey {
  883.     background: #484f58;
  884. }
  885. .btn-u.btn-u-split-light-grey.dropdown-toggle {
  886.     border-left: solid 1px #484f58;
  887. }
  888.  
  889. /*Bordered Buttons*/
  890. .btn-u.btn-brd {
  891.     color: #555;
  892.     background: none;
  893.     padding: 5px 13px;
  894.     border: solid 1px transparent;
  895. }
  896. .btn-u.btn-brd-width-2 {
  897.     padding: 7px 18px;
  898.     border-width: 2px;
  899. }
  900. .btn-u.btn-brd:hover {
  901.     background: none;
  902. }
  903. .btn-u.btn-brd:focus {
  904.     background: none;
  905. }
  906. .btn-u.btn-brd.btn-brd-hover:hover {
  907.     color: #fff !important;
  908. }
  909.  
  910. .btn-u.btn-brd {
  911.     border-color: #72c02c;
  912. }
  913. .btn-u.btn-brd:hover {
  914.     color: #5fb611;
  915.     border-color: #5fb611;
  916. }
  917. .btn-u.btn-brd.btn-brd-hover:hover {
  918.     background: #5fb611;
  919. }
  920.  
  921. .btn-u.btn-brd.btn-u-blue {
  922.     border-color: #3498db;
  923. }
  924. .btn-u.btn-brd.btn-u-blue:hover {
  925.     color: #2980b9;
  926.     border-color: #2980b9;
  927. }
  928. .btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover {
  929.     background: #2980b9;
  930. }
  931.  
  932. .btn-u.btn-brd.btn-u-red {
  933.     border-color: #e74c3c;
  934. }
  935. .btn-u.btn-brd.btn-u-red:hover {
  936.     color: #c0392b;
  937.     border-color: #c0392b;
  938. }
  939. .btn-u.btn-brd.btn-u-red.btn-brd-hover:hover {
  940.     background: #c0392b;
  941. }
  942.  
  943. .btn-u.btn-brd.btn-u-orange {
  944.     border-color: #e67e22;
  945. }
  946. .btn-u.btn-brd.btn-u-orange:hover {
  947.     color: #d35400;
  948.     border-color: #d35400;
  949. }
  950. .btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover {
  951.      background: #d35400;
  952. }
  953.  
  954. .btn-u.btn-brd.btn-u-sea {
  955.     border-color: #1abc9c;
  956. }
  957. .btn-u.btn-brd.btn-u-sea:hover {
  958.     color: #16a085;
  959.     border-color: #16a085;
  960. }
  961. .btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover {
  962.     background: #16a085;
  963. }
  964.  
  965. .btn-u.btn-brd.btn-u-green {
  966.     border-color: #2ecc71;
  967. }
  968. .btn-u.btn-brd.btn-u-green:hover {
  969.     color: #27ae60;
  970.     border-color: #27ae60;
  971. }
  972. .btn-u.btn-brd.btn-u-green.btn-brd-hover:hover {
  973.     background: #27ae60;
  974. }
  975.  
  976. .btn-u.btn-brd.btn-u-yellow {
  977.     border-color: #f1c40f;
  978. }
  979. .btn-u.btn-brd.btn-u-yellow:hover {
  980.     color: #f39c12;
  981.     border-color: #f39c12;
  982. }
  983. .btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover {
  984.     background: #f39c12;
  985. }
  986.  
  987. .btn-u.btn-brd.btn-u-default {
  988.     border-color: #95a5a6;
  989. }
  990. .btn-u.btn-brd.btn-u-default:hover {
  991.     color: #7f8c8d;
  992.     border-color: #7f8c8d;
  993. }
  994. .btn-u.btn-brd.btn-u-default.btn-brd-hover:hover {
  995.     background: #7f8c8d;
  996. }
  997.  
  998. .btn-u.btn-brd.btn-u-dark {
  999.     border-color: #555;
  1000. }
  1001. .btn-u.btn-brd.btn-u-dark:hover {
  1002.     color: #333;
  1003.     border-color: #333;
  1004. }
  1005. .btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover {
  1006.     background: #333;
  1007. }
  1008.  
  1009. .btn-u.btn-brd.btn-u-light-grey {
  1010.     border-color: #585f69;
  1011. }
  1012. .btn-u.btn-brd.btn-u-light-grey:hover {
  1013.     color: #484f58;
  1014.     border-color: #484f58;
  1015. }
  1016. .btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover {
  1017.     background: #484f58;
  1018. }
  1019.  
  1020. .btn-u.btn-brd.btn-u-purple {
  1021.     border-color: #9b6bcc;
  1022. }
  1023. .btn-u.btn-brd.btn-u-purple:hover {
  1024.     color: #814fb5;
  1025.     border-color: #814fb5;
  1026. }
  1027. .btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover {
  1028.     background: #814fb5;
  1029. }
  1030.  
  1031. .btn-u.btn-brd.btn-u-aqua {
  1032.     border-color: #27d7e7;
  1033. }
  1034. .btn-u.btn-brd.btn-u-aqua:hover {
  1035.     color: #26bac8;
  1036.     border-color: #26bac8;
  1037. }
  1038. .btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover {
  1039.     background: #26bac8;
  1040. }
  1041.  
  1042. .btn-u.btn-brd.btn-u-brown {
  1043.     border-color: #9c8061;
  1044. }
  1045. .btn-u.btn-brd.btn-u-brown:hover {
  1046.     color: #81674b;
  1047.     border-color: #81674b;
  1048. }
  1049. .btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover {
  1050.     background: #81674b;
  1051. }
  1052.  
  1053. .btn-u.btn-brd.btn-u-dark-blue {
  1054.     border-color: #4765a0;
  1055. }
  1056. .btn-u.btn-brd.btn-u-dark-blue:hover {
  1057.     color: #324c80;
  1058.     border-color: #324c80;
  1059. }
  1060. .btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover {
  1061.     background: #324c80;
  1062. }
  1063.  
  1064. .btn-u.btn-brd.btn-u-light-green {
  1065.     border-color: #79d5b3;
  1066. }
  1067. .btn-u.btn-brd.btn-u-light-green:hover {
  1068.     color: #59b795;
  1069.     border-color: #59b795;
  1070. }
  1071. .btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover {
  1072.     background: #59b795;
  1073. }
  1074.  
  1075. .btn-u.btn-brd.btn-u-light {
  1076.     color: #fff;
  1077.     border-color: #fff;
  1078. }
  1079. .btn-u.btn-brd.btn-u-light:hover {
  1080.     border-color: #fff;
  1081. }
  1082. .btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {
  1083.  background: #fff;
  1084.  color: #555 !important;
  1085. }
  1086.  
  1087. /*Dropdown Buttons
  1088. ------------------------------------*/
  1089. .dropdown-show {
  1090.     box-shadow: 0 0 4px #eee;
  1091.     display: inline-block;
  1092.     position: relative;
  1093. }
  1094.  
  1095. /*Badges and Labels
  1096. ------------------------------------*/
  1097. .badge,
  1098. .label {
  1099.     border-radius: 0;
  1100. }
  1101.  
  1102. /*Labels*/
  1103. span.label {
  1104.     font-size: 11px;
  1105.     font-weight: 400;
  1106.     padding: 4px 7px;
  1107. }
  1108.  
  1109. /*Badges*/
  1110. span.badge,
  1111. .list-group-item.active>.badge {
  1112.     color: #fff;
  1113.     font-weight: 400;
  1114.     padding: 4px 7px;
  1115. }
  1116.  
  1117. span.label-u,
  1118. span.badge-u,
  1119. .list-group-item.active>.badge.badge-u {
  1120.     background: #72c02c;
  1121. }
  1122.  
  1123. span.label-blue,
  1124. span.badge-blue,
  1125. .list-group-item.active>.badge {
  1126.     background: #3498db;
  1127. }
  1128.  
  1129. span.label-red,
  1130. span.badge-red,
  1131. .list-group-item.active>.badge {
  1132.     background: #e74c3c;
  1133. }
  1134.  
  1135. span.label-green,
  1136. span.badge-green,
  1137. .list-group-item.active>.badge.badge-green {
  1138.     background: #2ecc71;
  1139. }
  1140.  
  1141. span.label-sea,
  1142. span.badge-sea,
  1143. .list-group-item.active>.badge.badge-sea {
  1144.     background: #1abc9c;
  1145. }
  1146.  
  1147. span.label-orange,
  1148. span.badge-orange,
  1149. .list-group-item.active>.badge.badge-orange {
  1150.     background: #e67e22;
  1151. }
  1152.  
  1153. span.label-yellow,
  1154. span.badge-yellow,
  1155. .list-group-item.active>.badge.badge-yellow {
  1156.     background: #f1c40f;
  1157. }
  1158.  
  1159. span.label-purple,
  1160. span.badge-purple,
  1161. .list-group-item.active>.badge.badge-purple {
  1162.     background: #9b6bcc;
  1163. }
  1164.  
  1165. span.label-aqua,
  1166. span.badge-aqua,
  1167. .list-group-item.active>.badge.badge-aqua {
  1168.     background: #27d7e7;
  1169. }
  1170.  
  1171. span.label-brown,
  1172. span.badge-brown,
  1173. .list-group-item.active>.badge.badge-brown {
  1174.     background: #9c8061;
  1175. }
  1176.  
  1177. span.label-dark-blue,
  1178. span.badge-dark-blue,
  1179. .list-group-item.active>.badge.badge-dark-blue {
  1180.     background: #4765a0;
  1181. }
  1182.  
  1183. span.label-light-green,
  1184. span.badge-light-green,
  1185. .list-group-item.active>.badge.badge-light-green {
  1186.     background: #79d5b3;
  1187. }
  1188.  
  1189. span.label-light,
  1190. span.badge-light,
  1191. .list-group-item.active>.badge.badge-light {
  1192.     color: #777;
  1193.     background: #ecf0f1;
  1194. }
  1195.  
  1196. span.label-dark,
  1197. span.badge-dark,
  1198. .list-group-item.active>.badge.badge-dark {
  1199.     background: #555;
  1200. }
  1201.  
  1202. /*Badge Lists*/
  1203. .badge-lists li {
  1204.     position: relative;
  1205. }
  1206.  
  1207. .badge-lists span.badge {
  1208.     top: -10px;
  1209.     right: -6px;
  1210.     position: absolute;
  1211. }
  1212.  
  1213. /*Badge Icons*/
  1214. .badge-lists.badge-icons span.badge {
  1215.     min-width: 12px;
  1216.     padding: 3px 6px;
  1217.  }
  1218.  
  1219. .badge-lists.badge-icons i {
  1220.     font-size: 18px;
  1221.     min-width: 25px;
  1222. }
  1223.  
  1224. /*Badge Box v1*/
  1225. .badge-box-v1 a {
  1226.     color: #777;
  1227.     min-width: 40px;
  1228.     font-size: 18px;
  1229.     padding: 8px 9px;
  1230.     display: inline-block;
  1231.     border: solid 1px #eee;
  1232. }
  1233.  
  1234. /*Badge Box v2*/
  1235. .badge-box-v2 a {
  1236.     color: #777;
  1237.     font-size: 12px;
  1238.     padding: 10px;
  1239.     min-width: 70px;
  1240.     text-align: center;
  1241.     display: inline-block;
  1242.     border: solid 1px #eee;
  1243. }
  1244.  
  1245. .badge-box-v2 a i {
  1246.     font-size: 20px;
  1247. }
  1248.  
  1249. /*General Badge Box*/
  1250. .badge-box-v1 a i,
  1251. .badge-box-v2 a i {
  1252.     display: block;
  1253.     margin: 1px auto 2px;
  1254. }
  1255.  
  1256. .badge-box-v1 a:hover,
  1257. .badge-box-v2 a:hover {
  1258.     color: #555;
  1259.     border-color: #555;
  1260.     text-decoration: none;
  1261.     transition: all 0.2s ease-in-out;
  1262. }
  1263.  
  1264. /*Icons
  1265. ------------------------------------*/
  1266. /*Social Icons*/
  1267. .social-icons {
  1268.     margin: 0;
  1269.     padding: 0;
  1270. }
  1271.  
  1272. .social-icons li {
  1273.     list-style: none;
  1274.     margin-right: 3px;
  1275.     margin-bottom: 5px;
  1276.     text-indent: -9999px;
  1277.     display: inline-block;
  1278. }
  1279.  
  1280. .social-icons li a, a.social-icon {
  1281.     width: 28px;
  1282.     height: 28px;
  1283.     display: block;
  1284.     background-position: 0 0;
  1285.     background-repeat: no-repeat;
  1286.     transition: all 0.3s ease-in-out;
  1287. }
  1288.  
  1289. .social-icons li:hover a {
  1290.      background-position: 0 -38px;
  1291. }
  1292.  
  1293. .social-icons-color li a {
  1294.     opacity: 0.7;
  1295.     background-position: 0 -38px !important;
  1296.     -webkit-backface-visibility: hidden; /*For Chrome*/
  1297. }
  1298.  
  1299. .social-icons-color li a:hover {
  1300.     opacity: 1;
  1301. }
  1302.  
  1303. .social_amazon {background: url(../img/icons/social/amazon.png) no-repeat;}
  1304. .social_behance {background: url(../img/icons/social/behance.png) no-repeat;}
  1305. .social_blogger {background: url(../img/icons/social/blogger.png) no-repeat;}
  1306. .social_deviantart {background: url(../img/icons/social/deviantart.png) no-repeat;}
  1307. .social_dribbble {background: url(../img/icons/social/dribbble.png) no-repeat;}
  1308. .social_dropbox {background: url(../img/icons/social/dropbox.png) no-repeat;}
  1309. .social_evernote {background: url(../img/icons/social/evernote.png) no-repeat;}
  1310. .social_facebook {background: url(../img/icons/social/facebook.png) no-repeat;}
  1311. .social_forrst {background: url(../img/icons/social/forrst.png) no-repeat;}
  1312. .social_github {background: url(../img/icons/social/github.png) no-repeat;}
  1313. .social_googleplus {background: url(../img/icons/social/googleplus.png) no-repeat;}
  1314. .social_jolicloud {background: url(../img/icons/social/jolicloud.png) no-repeat;}
  1315. .social_last-fm {background: url(../img/icons/social/last-fm.png) no-repeat;}
  1316. .social_linkedin {background: url(../img/icons/social/linkedin.png) no-repeat;}
  1317. .social_picasa {background: url(../img/icons/social/picasa.png) no-repeat;}
  1318. .social_pintrest {background: url(../img/icons/social/pintrest.png) no-repeat;}
  1319. .social_rss {background: url(../img/icons/social/rss.png) no-repeat;}
  1320. .social_skype {background: url(../img/icons/social/skype.png) no-repeat;}
  1321. .social_spotify {background: url(../img/icons/social/spotify.png) no-repeat;}
  1322. .social_stumbleupon {background: url(../img/icons/social/stumbleupon.png) no-repeat;}
  1323. .social_tumblr {background: url(../img/icons/social/tumblr.png) no-repeat;}
  1324. .social_twitter {background: url(../img/icons/social/twitter.png) no-repeat;}
  1325. .social_vimeo {background: url(../img/icons/social/vimeo.png) no-repeat;}
  1326. .social_wordpress {background: url(../img/icons/social/wordpress.png) no-repeat;}
  1327. .social_xing {background: url(../img/icons/social/xing.png) no-repeat;}
  1328. .social_yahoo {background: url(../img/icons/social/yahoo.png) no-repeat;}
  1329. .social_youtube {background: url(../img/icons/social/youtube.png) no-repeat;}
  1330. .social_vk {background: url(../img/icons/social/vk.png) no-repeat;}
  1331. .social_instagram {background: url(../img/icons/social/instagram.png) no-repeat;}
  1332.  
  1333. /*Font Awesome Icon Styles*/
  1334. i.icon-custom {
  1335.     color: #555;
  1336.     width: 40px;
  1337.     height: 40px;
  1338.     font-size: 20px;
  1339.     line-height: 40px;
  1340.     margin-bottom: 5px;
  1341.     text-align: center;
  1342.     display: inline-block;
  1343.     border: solid 1px #555;
  1344. }
  1345.  
  1346. i.icon-sm {
  1347.  width: 35px;
  1348.  height: 35px;
  1349.  font-size: 16px;
  1350.  line-height: 35px;
  1351. }
  1352.  
  1353. i.icon-md {
  1354.     width: 55px;
  1355.     height: 55px;
  1356.     font-size: 22px;
  1357.     line-height: 55px;
  1358. }
  1359.  
  1360. i.icon-lg {
  1361.     width: 60px;
  1362.     height: 60px;
  1363.     font-size: 31px;
  1364.     line-height: 60px;
  1365.     margin-bottom: 10px;
  1366. }
  1367.  
  1368. i.icon-2x {
  1369.     font-size: 30px;
  1370. }
  1371. i.icon-3x {
  1372.     font-size: 40px;
  1373. }
  1374. i.icon-4x {
  1375.     font-size: 50px;
  1376. }
  1377.  
  1378. /*Line Icons*/
  1379. i.icon-line {
  1380.     font-size: 17px;
  1381. }
  1382. i.icon-sm.icon-line {
  1383.     font-size: 14px;
  1384. }
  1385. i.icon-md.icon-line {
  1386.     font-size: 22px;
  1387. }
  1388. i.icon-lg.icon-line {
  1389.     font-size: 28px;
  1390. }
  1391.  
  1392. i.icon-2x.icon-line {
  1393.     font-size: 27px;
  1394. }
  1395. i.icon-3x.icon-line {
  1396.     font-size: 36px;
  1397. }
  1398. i.icon-4x.icon-line {
  1399.     font-size: 47px;
  1400. }
  1401.  
  1402. /*Icon Styles For Links*/
  1403. .link-icon,
  1404. .link-bg-icon {
  1405.     color: #555;
  1406. }
  1407.  
  1408. .link-icon:hover,
  1409. .link-bg-icon:hover {
  1410.     border: none;
  1411.     text-decoration: none;
  1412. }
  1413.  
  1414. .link-icon:hover i {
  1415.     color: #72c02c;
  1416.     background: none;
  1417.     border: solid 1px #72c02c;
  1418. }
  1419.  
  1420. .link-bg-icon:hover i {
  1421.     color: #72c02c;
  1422.     background: #72c02c;
  1423.     border-color: #72c02c;
  1424.     color: #fff !important;
  1425. }
  1426.  
  1427. /*Icons Color*/
  1428. i.icon-color-u,
  1429. i.icon-color-red,
  1430. i.icon-color-sea,
  1431. i.icon-color-dark,
  1432. i.icon-color-grey,
  1433. i.icon-color-blue,
  1434. i.icon-color-green,
  1435. i.icon-color-yellow,
  1436. i.icon-color-orange,
  1437. i.icon-color-purple,
  1438. i.icon-color-aqua,
  1439. i.icon-color-brown,
  1440. i.icon-color-dark-blue,
  1441. i.icon-color-light-grey,
  1442. i.icon-color-light-green {
  1443.     background: none;
  1444. }
  1445.  
  1446. i.icon-color-u {
  1447.     color: #72c02c;
  1448.     border: solid 1px #72c02c;
  1449. }
  1450. i.icon-color-blue {
  1451.     color: #3498db;
  1452.     border: solid 1px #3498db;
  1453. }
  1454. i.icon-color-red {
  1455.     color: #e74c3c;
  1456.     border: solid 1px #e74c3c;
  1457. }
  1458. i.icon-color-sea {
  1459.     color: #1abc9c;
  1460.     border: solid 1px #1abc9c;
  1461. }
  1462. i.icon-color-green {
  1463.     color: #2ecc71;
  1464.     border: solid 1px #2ecc71;
  1465. }
  1466. i.icon-color-yellow {
  1467.     color: #f1c40f;
  1468.     border: solid 1px #f1c40f;
  1469. }
  1470. i.icon-color-orange {
  1471.     color: #e67e22;
  1472.     border: solid 1px #e67e22;
  1473. }
  1474. i.icon-color-grey {
  1475.     color: #95a5a6;
  1476.     border: solid 1px #95a5a6;
  1477. }
  1478. i.icon-color-purple {
  1479.     color: #9b6bcc;
  1480.     border: solid 1px #9b6bcc;
  1481. }
  1482. i.icon-color-aqua {
  1483.     color: #27d7e7;
  1484.     border: solid 1px #27d7e7;
  1485. }
  1486. i.icon-color-brown {
  1487.     color: #9c8061;
  1488.     border: solid 1px #9c8061;
  1489. }
  1490. i.icon-color-dark-blue {
  1491.     color: #4765a0;
  1492.     border: solid 1px #4765a0;
  1493. }
  1494. i.icon-color-light-green {
  1495.     color: #79d5b3;
  1496.     border: solid 1px #79d5b3;
  1497. }
  1498. i.icon-color-light {
  1499.     color: #fff;
  1500.     border: solid 1px #fff;
  1501. }
  1502. i.icon-color-light-grey {
  1503.     color: #585f69;
  1504.     border: solid 1px #585f69;
  1505. }
  1506.  
  1507. /*Icons Backgroun Color*/
  1508. i.icon-bg-u,
  1509. i.icon-bg-red,
  1510. i.icon-bg-sea,
  1511. i.icon-bg-dark,
  1512. i.icon-bg-darker,
  1513. i.icon-bg-grey,
  1514. i.icon-bg-blue,
  1515. i.icon-bg-green,
  1516. i.icon-bg-yellow,
  1517. i.icon-bg-orange,
  1518. i.icon-bg-purple,
  1519. i.icon-bg-aqua,
  1520. i.icon-bg-brown,
  1521. i.icon-bg-dark-blue,
  1522. i.icon-bg-light-grey,
  1523. i.icon-bg-light-green {
  1524.     color: #fff;
  1525.     border-color: transparent;
  1526. }
  1527.  
  1528. i.icon-bg-u {
  1529.     background: #72c02c;
  1530. }
  1531. i.icon-bg-blue {
  1532.     background: #3498db;
  1533. }
  1534. i.icon-bg-red {
  1535.     background: #e74c3c;
  1536. }
  1537. i.icon-bg-sea {
  1538.     background: #1abc9c;
  1539. }
  1540. i.icon-bg-green {
  1541.     background: #2ecc71;
  1542. }
  1543. i.icon-bg-yellow {
  1544.     background: #f1c40f;
  1545. }
  1546. i.icon-bg-orange {
  1547.     background: #e67e22;
  1548. }
  1549. i.icon-bg-grey {
  1550.     background: #95a5a6;
  1551. }
  1552. i.icon-bg-dark {
  1553.     background: #555;
  1554. }
  1555. i.icon-bg-darker {
  1556.     background: #333;
  1557. }
  1558. i.icon-bg-purple {
  1559.     background: #9b6bcc;
  1560. }
  1561. i.icon-bg-aqua {
  1562.     background: #27d7e7;
  1563. }
  1564. i.icon-bg-brown {
  1565.     background: #9c8061;
  1566. }
  1567. i.icon-bg-dark-blue {
  1568.     background: #4765a0;
  1569. }
  1570. i.icon-bg-light-green {
  1571.     background: #79d5b3;
  1572. }
  1573. i.icon-bg-light {
  1574.     background: #fff;
  1575.     border-color: transparent;
  1576. }
  1577. i.icon-bg-light-grey {
  1578.     background: #585f69;
  1579.     border-color: transparent;
  1580. }
  1581.  
  1582. /* Make Font Awesome icons fixed width */
  1583. .fa-fixed [class^="fa"],
  1584. .fa-fixed [class*=" fa"] {
  1585.     width: 1.25em;
  1586.     text-align: center;
  1587.     display: inline-block;
  1588. }
  1589. .fa-fixed [class^="fa"].fa-lg,
  1590. .fa-fixed [class*=" fa"].fa-lg {
  1591.     /* increased font size for fa-lg */
  1592.     width: 1.5625em;
  1593. }
  1594.  
  1595. /*Typography
  1596. ------------------------------------*/
  1597. .text-justify p { text-align: justify;}
  1598. .text-transform-uppercase { text-transform: uppercase;}
  1599. .text-transform-normal { text-transform: inherit !important;}
  1600.  
  1601. .font-bold { font-weight: 600;}
  1602. .font-light { font-weight: 200;}
  1603. .font-normal { font-weight: 400 !important;}
  1604.  
  1605. /*Text Dropcap*/
  1606. .dropcap {
  1607.     float: left;
  1608.     color: #72c02c;
  1609.     padding: 5px 0;
  1610.     font-size: 45px;
  1611.     font-weight: 200;
  1612.     line-height: 30px;
  1613.     margin: 0px 5px 0 0;
  1614. }
  1615.  
  1616. .dropcap-bg {
  1617.     float: left;
  1618.     color: #fff;
  1619.     padding: 7px 0;
  1620.     min-width: 50px;
  1621.     font-size: 35px;
  1622.     font-weight: 200;
  1623.     line-height: 35px;
  1624.     text-align: center;
  1625.     background: #72c02c;
  1626.     margin: 4px 10px 0 0;
  1627. }
  1628.  
  1629. /*Text Highlights*/
  1630. .text-highlights {
  1631.     color: #fff;
  1632.     font-weight: 200;
  1633.     padding: 0px 5px;
  1634.     background: #555;
  1635. }
  1636.  
  1637. .text-highlights-green {
  1638.     background: #72c02c;
  1639. }
  1640. .text-highlights-blue {
  1641.     background: #3498db;
  1642. }
  1643. .text-highlights-red {
  1644.     background: #e74c3c;
  1645. }
  1646. .text-highlights-sea {
  1647.     background: #1abc9c;
  1648. }
  1649. .text-highlights-orange {
  1650.     background: #e67e22;
  1651. }
  1652. .text-highlights-yellow {
  1653.     background: #f1c40f;
  1654. }
  1655. .text-highlights-purple {
  1656.     background: #9b6bcc;
  1657. }
  1658. .text-highlights-aqua {
  1659.     background: #27d7e7;
  1660. }
  1661. .text-highlights-brown {
  1662.     background: #9c8061;
  1663. }
  1664. .text-highlights-dark-blue {
  1665.     background: #4765a0;
  1666. }
  1667. .text-highlights-light-green {
  1668.     background: #79d5b3;
  1669. }
  1670.  
  1671. /*Text Borders*/
  1672. .text-border {
  1673.     border-bottom: dashed 1px #555;
  1674. }
  1675.  
  1676. .text-border-default {
  1677.     border-color: #95a5a6;
  1678. }
  1679. .text-border-green {
  1680.     border-color: #72c02c;
  1681. }
  1682. .text-border-blue {
  1683.     border-color: #3498db;
  1684. }
  1685. .text-border-red {
  1686.     border-color: #e74c3c;
  1687. }
  1688. .text-border-yellow {
  1689.     border-color: #f1c40f;
  1690. }
  1691. .text-border-purple {
  1692.     border-color: #9b6bcc;
  1693. }
  1694.  
  1695. /*List Styles*/
  1696. .list-styles li {
  1697.     margin-bottom: 8px;
  1698. }
  1699.  
  1700. /*Contextual Backgrounds*/
  1701. .contex-bg p {
  1702.     opacity: 0.8;
  1703.     padding: 8px 10px;
  1704. }
  1705. .contex-bg p:hover {
  1706.     opacity: 1;
  1707. }
  1708.  
  1709. /*Blockquote*/
  1710. blockquote {
  1711.     padding: 5px 15px;
  1712.     border-left-width: 2px;
  1713. }
  1714.  
  1715. blockquote p {
  1716.     font-size: 14px;
  1717.     font-weight: 400;
  1718. }
  1719.  
  1720. blockquote h1,
  1721. blockquote h2,
  1722. blockquote span {
  1723.     font-size: 18px;
  1724.     margin: 0 0 8px;
  1725.     line-height: 24px;
  1726. }
  1727.  
  1728. /*Blockquote Styles*/
  1729. blockquote.bq-text-lg p,
  1730. blockquote.bq-text-lg small {
  1731.     text-transform: uppercase;
  1732. }
  1733.  
  1734. blockquote.bq-text-lg p {
  1735.     font-size: 22px;
  1736.     font-weight: 300;
  1737.     line-height: 32px;
  1738. }
  1739.  
  1740. blockquote.text-right,
  1741. blockquote.hero.text-right {
  1742.     border-left: none;
  1743.     border-right: 2px solid #eee;
  1744. }
  1745.  
  1746. blockquote.hero.text-right,
  1747. blockquote.hero.text-right:hover {
  1748.     border-color: #555;
  1749. }
  1750.  
  1751. blockquote:hover,
  1752. blockquote.text-right:hover {
  1753.     border-color: #72c02c;
  1754.     transition: all 0.4s ease-in-out;
  1755. }
  1756.  
  1757. blockquote.bq-dark,
  1758. blockquote.bq-dark:hover {
  1759.     border-color: #585f69;
  1760. }
  1761.  
  1762. blockquote.bq-green {
  1763.     border-color: #72c02c;
  1764. }
  1765.  
  1766. /*Blockquote Hero Styles*/
  1767. blockquote.hero {
  1768.     border: none;
  1769.     padding: 18px;
  1770.     font-size: 16px;
  1771.     background: #f3f3f3;
  1772.     border-left: solid 2px #666;
  1773. }
  1774.  
  1775. blockquote.hero:hover {
  1776.     background: #eee;
  1777.     border-left-color: #666;
  1778. }
  1779.  
  1780. blockquote.hero.hero-dark,
  1781. blockquote.hero.hero-default {
  1782.     border: none;
  1783. }
  1784.  
  1785. blockquote.hero.hero-dark {
  1786.     background: #444;
  1787. }
  1788.  
  1789. blockquote.hero.hero-dark:hover {
  1790.     background: #555;
  1791. }
  1792.  
  1793. blockquote.hero.hero-default {
  1794.     background: #72c02c;
  1795. }
  1796.  
  1797. blockquote.hero.hero-default:hover {
  1798.     background: #5fb611;
  1799. }
  1800.  
  1801. blockquote.hero.hero-dark p,
  1802. blockquote.hero.hero-dark h2,
  1803. blockquote.hero.hero-dark small,
  1804. blockquote.hero.hero-default p,
  1805. blockquote.hero.hero-default h2,
  1806. blockquote.hero.hero-default small {
  1807.     color: #fff;
  1808.     font-weight: 200;
  1809. }
  1810.  
  1811. /*Lists
  1812. ------------------------------------*/
  1813. .list-row {
  1814.     padding: 0;
  1815.     margin-bottom: 0;
  1816.     list-style: none;
  1817. }
  1818.  
  1819. /*Lists v1*/
  1820. .lists-v1 li {
  1821.     margin-bottom: 10px;
  1822. }
  1823.  
  1824. .lists-v1 i {
  1825.     color: #fff;
  1826.     width: 15px;
  1827.     height: 15px;
  1828.     padding: 1px;
  1829.     font-size: 13px;
  1830.     margin-right: 7px;
  1831.     text-align: center;
  1832.     background: #72c02c;
  1833.     display: inline-block;
  1834.     border-radius: 50% !important;
  1835. }
  1836.  
  1837. /*Lists v2*/
  1838. .lists-v2 li {
  1839.     margin-bottom: 10px;
  1840. }
  1841.  
  1842. .lists-v2 i {
  1843.     color: #72c02c;
  1844.     font-size: 13px;
  1845.     margin-right: 7px;
  1846.     display: inline-block;
  1847. }
  1848.  
  1849. /*Alerts
  1850. ------------------------------------*/
  1851. .alert {
  1852.     border-radius: 0;
  1853. }
  1854.  
  1855. /*Thumbnails
  1856. ------------------------------------*/
  1857. .thumbnail {
  1858.     border-radius: 0;
  1859. }
  1860.  
  1861. /*Panels (Portlets)
  1862. ------------------------------------*/
  1863. .panel,
  1864. .panel-heading,
  1865. .panel-group .panel {
  1866.     border-radius: 0;
  1867. }
  1868.  
  1869. .panel-heading {
  1870.     color: #fff;
  1871.     padding: 5px 15px;
  1872. }
  1873.  
  1874. /*Panel Table*/
  1875. .panel .table {
  1876.     margin-bottom: 0;
  1877. }
  1878.  
  1879. /*Panel Unify*/
  1880. .panel-u {
  1881.     border-color: #72c02c;
  1882. }
  1883.  
  1884. .panel-u > .panel-heading {
  1885.     background: #72c02c;
  1886. }
  1887.  
  1888. /*Panel Blue*/
  1889. .panel-blue {
  1890.     border-color: #3498db;
  1891. }
  1892.  
  1893. .panel-blue > .panel-heading {
  1894.     background: #3498db;
  1895. }
  1896.  
  1897. /*Panel Red*/
  1898. .panel-red {
  1899.     border-color: #e74c3c;
  1900. }
  1901.  
  1902. .panel-red > .panel-heading {
  1903.     background: #e74c3c;
  1904. }
  1905.  
  1906. /*Panel Green*/
  1907. .panel-green {
  1908.     border-color: #2ecc71;
  1909. }
  1910.  
  1911. .panel-green > .panel-heading {
  1912.     background: #2ecc71;
  1913. }
  1914.  
  1915. /*Panel Sea*/
  1916. .panel-sea {
  1917.     border-color: #1abc9c;
  1918. }
  1919.  
  1920. .panel-sea > .panel-heading {
  1921.     background: #1abc9c;
  1922. }
  1923.  
  1924. /*Panel Orange*/
  1925. .panel-orange {
  1926.     border-color: #e67e22;
  1927. }
  1928.  
  1929. .panel-orange > .panel-heading {
  1930.     background: #e67e22;
  1931. }
  1932.  
  1933. /*Panel Yellow*/
  1934. .panel-yellow {
  1935.     border-color: #f1c40f;
  1936. }
  1937.  
  1938. .panel-yellow > .panel-heading {
  1939.     background: #f1c40f;
  1940. }
  1941.  
  1942. /*Panel Grey*/
  1943. .panel-grey {
  1944.     border-color: #95a5a6;
  1945. }
  1946.  
  1947. .panel-grey > .panel-heading {
  1948.     background: #95a5a6;
  1949. }
  1950.  
  1951. /*Panel Dark*/
  1952. .panel-dark {
  1953.     border-color: #555;
  1954. }
  1955.  
  1956. .panel-dark > .panel-heading {
  1957.     background: #555;
  1958. }
  1959.  
  1960. /*Panel Purple*/
  1961. .panel-purple {
  1962.     border-color: #9b6bcc;
  1963. }
  1964.  
  1965. .panel-purple > .panel-heading {
  1966.     background: #9b6bcc;
  1967. }
  1968.  
  1969. /*Panel Aqua*/
  1970. .panel-aqua {
  1971.     border-color: #27d7e7;
  1972. }
  1973.  
  1974. .panel-aqua > .panel-heading {
  1975.     background: #27d7e7;
  1976. }
  1977.  
  1978. /*Panel Brown*/
  1979. .panel-brown {
  1980.     border-color: #9c8061;
  1981. }
  1982.  
  1983. .panel-brown > .panel-heading {
  1984.     background: #9c8061;
  1985. }
  1986.  
  1987. /*Panel Dark Blue*/
  1988. .panel-dark-blue {
  1989.     border-color: #4765a0;
  1990. }
  1991.  
  1992. .panel-dark-blue > .panel-heading {
  1993.     background: #4765a0;
  1994. }
  1995.  
  1996. /*Panel Light Green*/
  1997. .panel-light-green {
  1998.     border-color: #79d5b3;
  1999. }
  2000.  
  2001. .panel-light-green > .panel-heading {
  2002.     background: #79d5b3;
  2003. }
  2004.  
  2005. /*Panel Default Dark*/
  2006. .panel-default-dark {
  2007.     border-color: #585f69;
  2008. }
  2009.  
  2010. .panel-default-dark > .panel-heading {
  2011.     background: #585f69;
  2012. }
  2013.  
  2014. /*Progress Bar
  2015. ------------------------------------*/
  2016. .progress {
  2017.     border-radius: 0;
  2018. }
  2019.  
  2020. .progress-u {
  2021.     box-shadow: none;
  2022. }
  2023.  
  2024. .progress-u .progress-bar {
  2025.     box-shadow: none;
  2026. }
  2027.  
  2028. /*progress-bar (sizes)*/
  2029. .progress-lg {
  2030.     height: 25px;
  2031. }
  2032. .progress-lg p {
  2033.     padding-top: 3px;
  2034. }
  2035.  
  2036. .progress-sm {
  2037.     height: 12px;
  2038. }
  2039.  
  2040. .progress-xs {
  2041.     height: 7px;
  2042. }
  2043.  
  2044. .progress-xxs {
  2045.     height: 3px;
  2046. }
  2047.  
  2048. /*progress-bar (colors)*/
  2049. .progress {
  2050.     background: #e5e5e5;
  2051. }
  2052.  
  2053. .progress-bar-u {
  2054.     background: #72c02c;
  2055. }
  2056.  
  2057. .progress-bar-blue {
  2058.     background: #3498db;
  2059. }
  2060.  
  2061. .progress-bar-orange {
  2062.     background: #e67e22;
  2063. }
  2064.  
  2065. .progress-bar-red {
  2066.     background: #e74c3c;
  2067. }
  2068.  
  2069. .progress-bar-purple {
  2070.     background: #9b6bcc;
  2071. }
  2072.  
  2073. .progress-bar-aqua {
  2074.     background: #27d7e7;
  2075. }
  2076.  
  2077. .progress-bar-brown {
  2078.     background: #9c8061;
  2079. }
  2080.  
  2081. .progress-bar-dark-blue {
  2082.     background: #4765a0;
  2083. }
  2084.  
  2085. .progress-bar-light-green {
  2086.     background: #79d5b3;
  2087. }
  2088.  
  2089. .progress-bar-dark {
  2090.     background: #555;
  2091. }
  2092.  
  2093. /*Progress Bar Animation
  2094. ------------------------------------*/
  2095. .progress {
  2096.         position: relative;
  2097. }
  2098.  
  2099. .progress .progress-bar {
  2100.     overflow: hidden;
  2101.     line-height: 20px;
  2102. }
  2103.  
  2104. .progress-box .progress-bar {
  2105.     transition: all 3s ease-in;
  2106. }
  2107.  
  2108. /*Vertical Progress Bar*/
  2109. .progress.vertical {
  2110.     float: left;
  2111.     width: 100%;
  2112.     height: 200px;
  2113.     margin-right: 20px;
  2114. }
  2115.  
  2116. .progress.vertical.bottom {
  2117.     position: relative;
  2118. }
  2119.  
  2120. .progress.vertical .progress-bar {
  2121.     height: 0;
  2122.     width: 100%;
  2123.     transition: height 3s ease;
  2124. }
  2125.  
  2126. .progress.vertical.bottom .progress-bar {
  2127.     bottom: 0;
  2128.     position: absolute;
  2129. }
  2130.  
  2131. /*Count Stars
  2132. ------------------------------------*/
  2133. .stars-existing {
  2134.     color: #72c02c;
  2135.     cursor: pointer;
  2136. }
  2137.  
  2138. .star-lg {
  2139.     font-size: 30px;
  2140. }
  2141.  
  2142. .star-sm {
  2143.     font-size: 25px;
  2144. }
  2145.  
  2146. .star-xs {
  2147.     font-size: 20px;
  2148. }
  2149.  
  2150. .star-default {
  2151.     font-size: 16px;
  2152. }
  2153.  
  2154. /*Media (Audio/Videos and Images)
  2155. ------------------------------------*/
  2156. /*Images*/
  2157. img.img-bordered {
  2158.     padding: 3px !important;
  2159.     border: solid 1px #eee !important;
  2160. }
  2161.  
  2162. img.img-circle {
  2163.     border-radius: 50% !important;
  2164. }
  2165.  
  2166. img.image-sm {
  2167.     width: 50px;
  2168.     height: 50px;
  2169. }
  2170.  
  2171. img.image-md {
  2172.     width: 100px;
  2173.     height: 100px;
  2174. }
  2175.  
  2176. /*Responsive Video*/
  2177. .responsive-video {
  2178.  height: 0;
  2179.  padding-top: 1px;
  2180.  position: relative;
  2181.  padding-bottom: 56.25%; /*16:9*/
  2182. }
  2183.  
  2184. .responsive-video iframe {
  2185.  top: 0;
  2186.  left: 0;
  2187.  width: 100%;
  2188.  height: 100%;
  2189.  position: absolute;
  2190. }
  2191.  
  2192. /*Column Sizes
  2193. ------------------------------------*/
  2194. /*Remove the Gutter Padding from Columns*/
  2195. .no-gutter > [class*='col-'] {
  2196.     padding-right: 0;
  2197.     padding-left: 0;
  2198. }
  2199.  
  2200. .no-gutter.no-gutter-boxed {
  2201.     padding-right: 15px;
  2202.     padding-left: 15px;
  2203. }
  2204.  
  2205. /*Heights
  2206. ------------------------------------*/
  2207. .height-100 { min-height: 100px;}
  2208. .height-150 { min-height: 150px;}
  2209. .height-200 { min-height: 200px;}
  2210. .height-250 { min-height: 250px;}
  2211. .height-300 { min-height: 300px;}
  2212. .height-350 { min-height: 350px;}
  2213. .height-400 { min-height: 400px;}
  2214. .height-450 { min-height: 450px;}
  2215. .height-500 { min-height: 500px !important;}
  2216.  
  2217. /*Spaces
  2218. ------------------------------------*/
  2219. .no-padding {
  2220.     padding: 0 !important;
  2221. }
  2222.  
  2223. .no-margin {
  2224.     margin: 0;
  2225. }
  2226.  
  2227. .no-top-space {
  2228.     margin-top: 0 !important;
  2229.     padding-top: 0 !important;
  2230. }
  2231.  
  2232. .no-bottom-space {
  2233.     margin-bottom: 0 !important;
  2234.     padding-bottom: 0 !important;
  2235. }
  2236.  
  2237. .no-margin-bottom {
  2238.     margin-bottom: 0 !important;
  2239. }
  2240.  
  2241. .no-padding-bottom {
  2242.     padding-bottom: 0 !important;
  2243. }
  2244.  
  2245. .content-xs {
  2246.     padding-top: 20px;
  2247.     padding-bottom: 20px;
  2248. }
  2249.  
  2250. .content {
  2251.     background-color: #ffffff;
  2252.     padding-top: 40px;
  2253.     padding-bottom: 40px;
  2254. }
  2255.  
  2256. .content-sm {
  2257.     padding-top: 30px;
  2258.     padding-bottom: 30px;
  2259. }
  2260.  
  2261. .content-md {
  2262.     padding-top: 80px;
  2263.     padding-bottom: 80px;
  2264. }
  2265.  
  2266. .content-lg {
  2267.     padding-top: 100px;
  2268.     padding-bottom: 100px;
  2269. }
  2270.  
  2271. .content-xlg {
  2272.     padding-top: 150px;
  2273.     padding-bottom: 150px;
  2274. }
  2275.  
  2276. .space-md-hor {
  2277.     padding-left: 40px;
  2278.     padding-right: 40px;
  2279. }
  2280.  
  2281. .space-lg-hor {
  2282.     padding-left: 60px;
  2283.     padding-right: 60px;
  2284. }
  2285.  
  2286. .space-xlg-hor {
  2287.     padding-left: 100px;
  2288.     padding-right: 100px;
  2289. }
  2290.  
  2291. .margin-bottom-5,
  2292. .margin-bottom-10,
  2293. .margin-bottom-15,
  2294. .margin-bottom-20,
  2295. .margin-bottom-25,
  2296. .margin-bottom-30,
  2297. .margin-bottom-35,
  2298. .margin-bottom-40,
  2299. .margin-bottom-45,
  2300. .margin-bottom-50,
  2301. .margin-bottom-55,
  2302. .margin-bottom-60,
  2303. .margin-bottom-100 {
  2304.      clear:both;
  2305. }
  2306. .margin-bottom-5  { margin-bottom:5px;}
  2307. .margin-bottom-10 { margin-bottom:10px;}
  2308. .margin-bottom-15 { margin-bottom:15px;}
  2309. .margin-bottom-20 { margin-bottom:20px;}
  2310. .margin-bottom-25 { margin-bottom:25px;}
  2311. .margin-bottom-30 { margin-bottom:30px;}
  2312. .margin-bottom-35 { margin-bottom:35px;}
  2313. .margin-bottom-40 { margin-bottom:40px;}
  2314. .margin-bottom-45 { margin-bottom:45px;}
  2315. .margin-bottom-50 { margin-bottom:50px;}
  2316. .margin-bottom-55 { margin-bottom:55px;}
  2317. .margin-bottom-60 { margin-bottom:60px;}
  2318. .margin-bottom-70 { margin-bottom:70px;}
  2319. .margin-bottom-80 { margin-bottom:80px;}
  2320. .margin-bottom-90 { margin-bottom:90px;}
  2321. .margin-bottom-100 { margin-bottom:100px;}
  2322.  
  2323. @media (max-width: 768px) {
  2324.     .sm-margin-bottom-10 {
  2325.         margin-bottom: 10px;
  2326.     }
  2327.     .sm-margin-bottom-20 {
  2328.         margin-bottom: 20px;
  2329.     }
  2330.     .sm-margin-bottom-30 {
  2331.         margin-bottom: 30px;
  2332.     }
  2333.     .sm-margin-bottom-40 {
  2334.         margin-bottom: 40px;
  2335.     }
  2336.     .sm-margin-bottom-50 {
  2337.         margin-bottom: 50px;
  2338.     }
  2339.     .sm-margin-bottom-60 {
  2340.         margin-bottom: 60px;
  2341.     }
  2342. }
  2343.  
  2344. @media (max-width: 992px) {
  2345.     .md-margin-bottom-10 {
  2346.         margin-bottom: 10px;
  2347.     }
  2348.     .md-margin-bottom-20 {
  2349.         margin-bottom: 20px;
  2350.     }
  2351.     .md-margin-bottom-30 {
  2352.         margin-bottom: 30px;
  2353.     }
  2354.     .md-margin-bottom-40 {
  2355.         margin-bottom: 40px;
  2356.     }
  2357.     .md-margin-bottom-50 {
  2358.         margin-bottom: 50px;
  2359.     }
  2360.     .md-margin-bottom-60 {
  2361.         margin-bottom: 60px;
  2362.     }
  2363. }
  2364.  
  2365. .margin-bottom-30 {
  2366.     margin-bottom: 30px;
  2367. }
  2368.  
  2369. /*Other Spaces*/
  2370. .margin-top-20 { margin-top: 20px;}
  2371. .margin-left-5 { margin-left: 5px;}
  2372. .margin-left-10 { margin-left: 10px;}
  2373. .margin-right-5 { margin-right: 5px;}
  2374. .margin-right-10 { margin-right: 10px;}
  2375. .margin-right-20 { margin-right: 20px;}
  2376.  
  2377. .padding-sm { padding: 40px 40px;}
  2378. .padding-top-5 { padding-top: 5px;}
  2379. .padding-top-10 { padding-top: 10px;}
  2380. .padding-left-5 { padding-left: 5px;}
  2381.  
  2382. /*Text Colors
  2383. ------------------------------------*/
  2384. .color-sea { color: #1abc9c;}
  2385. .color-red { color: #e74c3c;}
  2386. .color-aqua { color: #27d7e7;}
  2387. .color-blue { color: #3498db;}
  2388. .color-grey { color: #95a5a6;}
  2389. .color-dark { color: #555;}
  2390. /*.color-dark1 { color: #444;}*/
  2391. .color-darker { color: #444;}
  2392. .color-green { color: #72c02c;}
  2393. .color-brown { color: #9c8061;}
  2394. .color-light { color: #ffffff;}
  2395. .color-orange { color: #e67e22;}
  2396. .color-yellow { color: #f1c40f;}
  2397. .color-green1 { color: #2ecc71;}
  2398. .color-purple { color: #9b6bcc;}
  2399. .color-inherit { color: inherit;}
  2400. .color-dark-blue { color: #4765a0;}
  2401. .color-light-grey { color: #585f69;}
  2402. .color-light-green { color: #79d5b3;}
  2403. .color-teal { color: #18ba9b;}
  2404.  
  2405. /*Background Colors
  2406. ------------------------------------*/
  2407. .bg-color-dark,
  2408. .bg-color-darker,
  2409. .bg-color-sea,
  2410. .bg-color-red,
  2411. .bg-color-aqua,
  2412. .bg-color-blue,
  2413. .bg-color-grey,
  2414. .bg-color-light,
  2415. .bg-color-green,
  2416. .bg-color-brown,
  2417. .bg-color-orange,
  2418. .bg-color-green1,
  2419. .bg-color-purple,
  2420. .bg-color-dark-blue,
  2421. .bg-color-light-grey,
  2422. .bg-color-light-green,
  2423. .bg-color-primary {
  2424.     color: #fff;
  2425. }
  2426. .bg-color-white {
  2427.     color: #555;
  2428. }
  2429. .bg-color-primary { background-color: #72c02c !important;}
  2430. .bg-color-dark { background-color: #555 !important;}
  2431. .bg-color-darker { background-color: #222 !important;}
  2432. .bg-color-white { background-color: #fff !important;}
  2433. .bg-color-sea { background-color: #1abc9c !important;}
  2434. .bg-color-red { background-color: #e74c3c !important;}
  2435. .bg-color-aqua { background-color: #27d7e7 !important;}
  2436. .bg-color-blue { background-color: #3498db !important;}
  2437. .bg-color-grey { background-color: #95a5a6 !important;}
  2438. .bg-color-light { background-color: #f7f7f7 !important;}
  2439. .bg-color-green { background-color: #72c02c !important;}
  2440. .bg-color-brown { background-color: #9c8061 !important;}
  2441. .bg-color-orange { background-color: #e67e22 !important;}
  2442. .bg-color-green1 { background-color: #2ecc71 !important;}
  2443. .bg-color-purple { background-color: #9b6bcc !important;}
  2444. .bg-color-dark-blue { background-color: #4765a0 !important;}
  2445. .bg-color-light-grey { background-color: #585f69 !important;}
  2446. .bg-color-light-green { background-color: #79d5b3 !important;}
  2447. .bg-color-teal { background-color: #18ba9b !important; }
  2448.  
  2449. .rgba-red { background-color: rgba(231,76,60,0.8)}
  2450. .rgba-blue { background-color: rgba(52,152,219,0.8);}
  2451. .rgba-aqua { background-color: rgba(39,215,231,0.8);}
  2452. .rgba-yellow { background-color: rgba(241,196,15,0.8);}
  2453. .rgba-default { background-color: rgba(114,192,44,0.8);}
  2454. .rgba-purple { background-color: rgba(155,107,204,0.8);}
  2455.  
  2456. /*Grey Backroud*/
  2457. .bg-grey {
  2458.     background: #f7f7f7;
  2459.     border-top: solid 1px #eee;
  2460.     border-bottom: solid 1px #eee;
  2461. }
  2462.  
  2463. /*Rounded and Circle Classes
  2464. ------------------------------------*/
  2465. .no-rounded { border-radius: 0 !important;}
  2466. .rounded { border-radius: 4px !important;}
  2467. .rounded-x { border-radius: 50% !important;}
  2468. .rounded-2x { border-radius: 10px !important;}
  2469. .rounded-3x { border-radius: 15px !important;}
  2470. .rounded-4x { border-radius: 20px !important;}
  2471. .rounded-sm { border-radius: 2px !important;}
  2472. .rounded-md { border-radius: 3px !important;}
  2473. .rounded-top { border-radius: 4px 4px 0 0 !important;}
  2474. .rounded-left { border-radius: 4px 0 0 4px !important;}
  2475. .rounded-right { border-radius: 0 4px 4px 0 !important;}
  2476. .rounded-bottom { border-radius: 0 0 4px 4px !important;}
  2477.  
  2478. /*Others
  2479. ------------------------------------*/
  2480. .overflow-h { overflow: hidden;}
  2481. .overflow-a { overflow: auto;}
  2482. .overflow-hidden { overflow: hidden;}
  2483.  
  2484. .clear-both { clear: both;}
  2485.  
  2486. /*Display*/
  2487. .dp-none { display: none;}
  2488. .dp-block { display: block;}
  2489. .dp-table { display: table;}
  2490. .dp-inline-block { display: inline-block;}
  2491. .dp-table-cell {
  2492.     display: table-cell;
  2493.     vertical-align: middle;
  2494. }
  2495.  
  2496. /*Font Size*/
  2497. .text-light {
  2498.     font-weight: 200;
  2499. }
  2500. .text-normal {
  2501.     font-weight: 400;
  2502. }
  2503. .text-bold {
  2504.     font-weight: 600 !important;
  2505. }
  2506.  
  2507. /*Full Width*/
  2508. .full-width {
  2509.     width: 100%;
  2510. }
  2511.  
  2512. /*Equal Height Columns*/
  2513. @media (max-width: 767px) {
  2514.     .equal-height-column {
  2515.         height: auto !important;
  2516.     }
  2517. }
  2518.  
  2519. /*Image Classes*/
  2520. .img-width-60 { width: 60px;}
  2521. .img-width-200 { width: 200px;}
  2522. .lft-img-margin { margin:0 20px 5px 0;}
  2523. .rgt-img-margin { margin:0 0 5px 10px;}
  2524.  
  2525. img.img-center,
  2526. .img-center img {
  2527.     margin-left: auto;
  2528.     margin-right: auto;
  2529. }
  2530.  
  2531. /*Background Light*/
  2532. .bg-light {
  2533.  padding: 10px 15px;
  2534.  margin-bottom: 10px;
  2535.  background: #fcfcfc;
  2536.  border: solid 1px #e5e5e5;
  2537. }
  2538. .bg-light:hover {
  2539.      border: solid 1px #bbb;
  2540. }
  2541.  
  2542. /*CSS3 Hover Effects*/
  2543. .hover-effect {
  2544.  transition: all 0.4s ease-in-out;
  2545. }
  2546.  
  2547. .hover-effect-kenburn {
  2548.  left:10px;
  2549.  margin-left:-10px;
  2550.  position:relative;
  2551.  transition: all 0.8s ease-in-out;
  2552. }
  2553. .hover-effect-kenburn:hover {
  2554.  transform: scale(2) rotate(5deg);
  2555. }
  2556.  
  2557. /*Scroll Icon*/
  2558. .scroll-btn-icon,
  2559. .scroll-btn-icon:before {
  2560.     position: absolute;
  2561.     left: 50%;
  2562. }
  2563. .scroll-btn-icon {
  2564.     width: 30px;
  2565.     z-index: 2;
  2566.     height: 50px;
  2567.     bottom: 30px;
  2568.     margin-left: -25px;
  2569.     border-radius: 25px;
  2570.     box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
  2571. }
  2572. .scroll-btn-icon-dark {
  2573.     box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
  2574. }
  2575. .scroll-btn-icon:before {
  2576.     top: 8px;
  2577.     width: 8px;
  2578.     height: 8px;
  2579.     content: '';
  2580.     background: #fff;
  2581.     margin-left: -4px;
  2582.     border-radius: 4px;
  2583.     animation-name: scroll;
  2584.     animation-duration: 1.5s;
  2585.     -webkit-animation-name: scroll;
  2586.     -webkit-animation-duration: 1.5s;
  2587.     animation-iteration-count: infinite;
  2588.     -webkit-animation-iteration-count: infinite;
  2589. }
  2590. .scroll-btn-icon-dark:before {
  2591.     background: #333;
  2592. }
  2593. @-webkit-keyframes scroll {
  2594.     0% {
  2595.         opacity: 1;
  2596.     }
  2597.     100% {
  2598.         opacity: 0;
  2599.         transform: translateY(36px);
  2600.         -webkit-transform: translateY(36px);
  2601.     }
  2602. }
  2603. @keyframes scroll {
  2604.     0% {
  2605.         opacity: 1;
  2606.     }
  2607.     100% {
  2608.         opacity: 0;
  2609.         transform: translateY(36px);
  2610.         -webkit-transform: translateY(36px);
  2611.     }
  2612. }

Raw Paste


Login or Register to edit or fork this paste. It's free.