SHARE
TWEET

the project core CSS file

a guest Dec 11th, 2019 95 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Theme Name:The Project - Responsive Website Template
  2. Author:HtmlCoder
  3. Author URI:http://www.htmlcoder.me
  4. Author e-mail:htmlcoder.me@gmail.com
  5. Version:1.0.0
  6. Created:March 2015
  7. License URI:http://support.wrapbootstrap.com/
  8. File Description:Main CSS file of the template */
  9. /* TABLE OF CONTENTS
  10. 1) Typography
  11. 2) Layout
  12. 3) Sections
  13. 4) Pages ( blog, about etc )
  14. 5) Components
  15. 6) Navigations
  16. 7) Blocks/Widgets
  17. 8) Main Slideshow
  18. 9) Owl carousel
  19. * */
  20. /* 1 Typography
  21. ----------------------------------------------------------------------------- */
  22. /*Fonts
  23. ---------------------------------- */
  24. h1,
  25. h2,
  26. h3,
  27. h4,
  28. h5,
  29. h6,
  30. .navbar .navbar-nav {
  31.   font-family: 'Avenir', sans-serif !important;
  32. }
  33. body {
  34.   font-family: 'Roboto', sans-serif !important;
  35. }
  36. .logo-font {
  37.   font-family: 'Pacifico', cursive, sans-serif !important;
  38. }
  39. /*Typography
  40. ---------------------------------- */
  41. html {
  42.   height: 100%;
  43. }
  44. body {
  45.   font-size: 15px;
  46.   line-height: 1.46666667;
  47.   color: #777777;
  48.   background-color: #ffffff;
  49.   font-weight: 300;
  50. }
  51. body.canvas-sliding,
  52. body.canvas-slid {
  53.   overflow-x: hidden;
  54. }
  55. h1,
  56. h2,
  57. h3,
  58. h4,
  59. h5,
  60. h6 {
  61.   color: #333333;
  62.   line-height: 1.2;
  63. }
  64. h1 a,
  65. h2 a,
  66. h3 a,
  67. h4 a,
  68. h5 a,
  69. h6 a {
  70.   color: #333333;
  71. }
  72. .dark h1,
  73. .dark h2,
  74. .dark h3,
  75. .dark h4,
  76. .dark h5,
  77. .dark h6 {
  78.   color: #ffffff;
  79. }
  80. .dark h1 a,
  81. .dark h2 a,
  82. .dark h3 a,
  83. .dark h4 a,
  84. .dark h5 a,
  85. .dark h6 a {
  86.   color: #ffffff;
  87. }
  88. .dark .footer h1,
  89. .dark .footer h2,
  90. .dark .footer h3,
  91. .dark .footer h4,
  92. .dark .footer h5,
  93. .dark .footer h6 {
  94.   color: #999999;
  95. }
  96. .dark .footer h1 a,
  97. .dark .footer h2 a,
  98. .dark .footer h3 a,
  99. .dark .footer h4 a,
  100. .dark .footer h5 a,
  101. .dark .footer h6 a {
  102.   color: #999999;
  103. }
  104. h1 {
  105.   font-size: 33px;
  106.   font-weight: 700;
  107.   text-transform: uppercase;
  108. }
  109. h1.logo-font {
  110.   text-transform: none;
  111.   font-weight: 300;
  112.   font-size: 50px;
  113. }
  114. h2 {
  115.   font-size: 28px;
  116.   margin-bottom: 15px;
  117.   text-transform: uppercase;
  118. }
  119. h2.logo-font {
  120.   text-transform: none;
  121. }
  122. h3 {
  123.   font-size: 24px;
  124. }
  125. h4 {
  126.   font-size: 19px;
  127. }
  128. h5 {
  129.   font-size: 15px;
  130.   text-transform: uppercase;
  131.   font-weight: 700;
  132. }
  133. h6 {
  134.   font-size: 13px;
  135.   font-weight: 700;
  136. }
  137. h4 span.oldprice{
  138.     text-decoration:line-through;
  139.     font-size:90%;
  140.     color:#333;
  141.     margin-right:4px;
  142. }
  143. h4 span.promoprice{
  144.     color:#d00;
  145. }
  146. /* Small devices (tablets, 768px and up) */
  147. @media screen and (min-width: 768px) {
  148.   .jumbotron h1 {
  149.     font-size: 130px;
  150.   }
  151. }
  152. /* Small devices (tablets, phones less than 767px) */
  153. @media screen and (max-width: 767px) {
  154.   .jumbotron h1 {
  155.     font-size: 60px;
  156.   }
  157. }
  158. .page-title {
  159.   margin-top: 0;
  160. }
  161. /* Medium devices (desktops, tablets, 992px and up) */
  162. @media (min-width: 992px) {
  163.   .title {
  164.     margin-top: 0;
  165.   }
  166. }
  167. .sidebar .title {
  168.   margin-top: 3px;
  169. }
  170. p {
  171.   margin-bottom: 15px;
  172. }
  173. p.large {
  174.   font-size: 18px;
  175.   line-height: 1.4;
  176.   margin-bottom: 30px;
  177. }
  178. a {
  179.   color: #09afdf;
  180.   -webkit-transition: all 0.2s ease-in-out;
  181.   -o-transition: all 0.2s ease-in-out;
  182.   transition: all 0.2s ease-in-out;
  183. }
  184. a:hover {
  185.   color: #0c9ec7;
  186. }
  187. a:focus,
  188. a:active {
  189.   outline: none;
  190.   color: #0c9ec7;
  191. }
  192. .link-dark {
  193.   color: #333333;
  194.   text-decoration: none!important;
  195. }
  196. .link-dark:hover {
  197.   color: #333333;
  198.   text-decoration: underline!important;
  199. }
  200. .dark .footer .link-dark {
  201.   color: #777777;
  202.   text-decoration: none!important;
  203. }
  204. .dark .footer .link-dark:hover {
  205.   color: #777777;
  206.   text-decoration: underline!important;
  207. }
  208. .link-light {
  209.   color: #ffffff;
  210.   text-decoration: none!important;
  211. }
  212. .link-light:hover {
  213.   color: #ffffff;
  214.   text-decoration: underline!important;
  215. }
  216. .no-trans * {
  217.   -webkit-transition: none !important;
  218.   -moz-transition: none !important;
  219.   -ms-transition: none !important;
  220.   -o-transition: none !important;
  221.   transition: none !important;
  222. }
  223. img {
  224.   display: block;
  225.   max-width: 100%;
  226.   height: auto;
  227. }
  228. blockquote {
  229.   border-left: none;
  230.   display: inline-block;
  231.   margin: 20px auto 20px;
  232.   font-size: 16px;
  233.   position: relative;
  234.   padding: 10px 25px;
  235. }
  236. blockquote:after {
  237.   content: "“";
  238.   width: 25px;
  239.   height: 25px;
  240.   line-height: 36px;
  241.   font-size: 36px;
  242.   font-family: 'PT Serif', serif;
  243.   position: absolute;
  244.   top: 12px;
  245.   left: 0px;
  246.   color: #cdcdcd;
  247. }
  248. .blockquote:before {
  249.   font-family: 'PT Serif', serif;
  250.   content: "“";
  251.   font-size: 40px;
  252. }
  253. blockquote.inline {
  254.   padding: 0;
  255. }
  256. blockquote.inline p {
  257.   width: 60%;
  258.   display: inline-block;
  259.   margin: 0;
  260. }
  261. blockquote.inline footer {
  262.   width: 37%;
  263.   display: inline-block;
  264.   padding-left: 5px;
  265. }
  266. blockquote.inline:after {
  267.   top: 0;
  268. }
  269. mark,
  270. .mark {
  271.   background-color: #09afdf;
  272.   color: #ffffff;
  273. }
  274. pre {
  275.   padding: 20px;
  276.   -webkit-border-radius: 0px;
  277.   -moz-border-radius: 0px;
  278.   border-radius: 0px;
  279. }
  280. .text-muted {
  281.   color: #999999;
  282. }
  283. .text-default {
  284.   color: #09afdf;
  285. }
  286. .well {
  287.   -webkit-border-radius: 0px;
  288.   -moz-border-radius: 0px;
  289.   border-radius: 0px;
  290.   background-color: #f3f3f3;
  291.   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  292.   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  293. }
  294. .dark hr {
  295.   border-color: #333333;
  296. }
  297. /* Lists
  298. ---------------------------------- */
  299. ul {
  300.   list-style: square;
  301. }
  302. .list-icons,
  303. .list {
  304.   list-style: none;
  305.   padding: 0;
  306. }
  307. .list-icons li,
  308. .list li {
  309.   padding: 5px 0;
  310. }
  311. .list-icons li i {
  312.   min-width: 25px;
  313.   text-align: center;
  314. }
  315. .list-inline {
  316.   margin-top: 9px;
  317.   margin-bottom: 8px;
  318. }
  319. .header-top .list-inline {
  320.   display: inline-block;
  321. }
  322. /* Medium desktop devices and tablets */
  323. @media (min-width: 992px) and (max-width: 1199px) {
  324.   .header-top .list-inline > li {
  325.     padding: 0;
  326.   }
  327. }
  328. /* Tables
  329. ---------------------------------- */
  330. .table:not(.table-bordered) {
  331.   border-bottom: 2px solid #f3f3f3;
  332. }
  333. .table > thead > tr > th {
  334.   vertical-align: bottom;
  335.   border-bottom: 1px solid #eaeaea;
  336.   background-color: #eaeaea;
  337.   color: #333333;
  338.   font-weight: 400;
  339. }
  340. .table.table-colored {
  341.   border-bottom-color: #09afdf;
  342. }
  343. .table-colored > thead > tr > th {
  344.   border-color: #09afdf;
  345.   background-color: #09afdf;
  346.   color: #fff;
  347. }
  348. tbody {
  349.   background-color: #ffffff;
  350. }
  351. .table > thead > tr > th,
  352. .table > tbody > tr > th,
  353. .table > tfoot > tr > th,
  354. .table > thead > tr > td,
  355. .table > tbody > tr > td,
  356. .table > tfoot > tr > td {
  357.   padding: 8px 15px;
  358.   border-top: 1px solid #f3f3f3;
  359. }
  360. .table-striped tbody {
  361.   background-color: #ffffff;
  362. }
  363. .table-striped > tbody > tr:nth-child(odd) > td,
  364. .table-striped > tbody > tr:nth-child(odd) > th {
  365.   background-color: #f5f5f5;
  366. }
  367. .table-striped.table > tbody > tr > td {
  368.   border-color: #e8e8e8;
  369. }
  370. .table-bordered > thead > tr > th,
  371. .table-bordered > tbody > tr > th,
  372. .table-bordered > tfoot > tr > th,
  373. .table-bordered > thead > tr > td,
  374. .table-bordered > tbody > tr > td,
  375. .table-bordered > tfoot > tr > td {
  376.   border-color: #f3f3f3;
  377. }
  378. .dl-horizontal dd {
  379.   margin-bottom: 10px;
  380. }
  381. .table-hover > tbody > tr:hover {
  382.   background-color: rgba(0, 0, 0, 0.04);
  383. }
  384. .dark .table:not(.table-bordered) {
  385.   border-bottom: 2px solid rgba(255, 255, 255, 0.07);
  386. }
  387. .dark .table > tbody {
  388.   background-color: transparent;
  389. }
  390. .dark .table > tbody > tr > td {
  391.   border-top: 1px solid rgba(255, 255, 255, 0.07);
  392. }
  393. .dark .table > thead > tr > th {
  394.   border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  395.   background-color: rgba(0, 0, 0, 0.15);
  396.   color: #f1f1f1;
  397.   font-weight: 400;
  398. }
  399. /* Small devices (tablets, 768px and up) */
  400. @media (min-width: 768px) {
  401.   .dl-horizontal dd {
  402.     margin-left: 150px;
  403.   }
  404.   .dl-horizontal dt {
  405.     max-width: 120px;
  406.   }
  407. }
  408. /* 2 Layout
  409. ----------------------------------------------------------------------------- */
  410. .page-wrapper {
  411.   background-color: #ffffff;
  412. }
  413. .header-top:not(.banner) {
  414.   background-color: #f2f2f2;
  415.   border-bottom: 1px solid #d0d0d0;
  416.   padding: 4px 0;
  417. }
  418. .header-top.dark {
  419.   background-color: #2e3537;
  420.   border-bottom: 1px solid #252a2c;
  421. }
  422. .header-top.colored {
  423.   background-color: #09afdf;
  424.   border-bottom: 1px solid #09afdf;
  425. }
  426. .header {
  427.   border-top: 1px solid #ffffff;
  428.   border-bottom: 2px solid #f1f1f1;
  429.   background-color: #fcfcfc;
  430. }
  431. .header.dark {
  432.   background-color: #394245;
  433.   border-top-color: #394245;
  434.   border-bottom: none;
  435. }
  436. .header-top.dark + .header:not(.dark) {
  437.   border-top-color: #dddddd;
  438. }
  439. .header-top:not(.dark) + .header.dark {
  440.   border-top-color: #303030;
  441. }
  442. .header.header-small {
  443.   padding: 10px 0;
  444. }
  445. .dark .footer {
  446.   background-color: #222222;
  447. }
  448. .dark .subfooter {
  449.   background-color: #373737;
  450.   border-color: #454545;
  451. }
  452. /*Transparent Header*/
  453. .transparent-header .header-top {
  454.   z-index: 103;
  455.   position: relative;
  456. }
  457. .transparent-header header.header.transparent-header-on {
  458.   z-index: 22;
  459.   position: absolute;
  460.   width: 100%;
  461.   left: 0;
  462.   background-color: rgba(255, 255, 255, 0.92);
  463.   border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  464.   border-top-color: #a0a0a0;
  465. }
  466. .transparent-header .header-top.colored + header.header.transparent-header-on {
  467.   border-top-color: transparent;
  468. }
  469. .transparent-header header.header.dark.transparent-header-on {
  470.   background-color: rgba(57, 66, 69, 0.8);
  471.   border-top-color: rgba(37, 42, 44, 0.5);
  472. }
  473. .header-left {
  474.   padding: 12px 0 0 0;
  475. }
  476. .header-right {
  477.   position: relative;
  478. }
  479. .banner.parallax,
  480. .banner.light-translucent-bg,
  481. .banner.dark-translucent-bg,
  482. .banner.default-translucent-bg {
  483.   min-height: 250px;
  484.   padding-top: 60px;
  485.   padding-bottom: 20px;
  486. }
  487. .banner.video-background-banner {
  488.   min-height: 400px;
  489.   padding-top: 100px;
  490. }
  491. .main-container {
  492.   padding: 50px 0;
  493. }
  494. .block {
  495.   margin-bottom: 50px;
  496. }
  497. .section {
  498.   padding: 20px 0;
  499. }
  500. .footer-top {
  501.   padding: 20px 0;
  502. }
  503. .footer {
  504.   padding: 40px 0;
  505.   background-color: #fafafa;
  506. }
  507. .footer-content {
  508.   padding: 20px 0;
  509. }
  510. .subfooter {
  511.   background-color: #f5f5f5;
  512.   padding: 25px 0;
  513.   border-top: 1px solid #eaeaea;
  514. }
  515. /* Small devices (tablets, 768px and up) */
  516. @media (min-width: 768px) {
  517.   .with-dropdown-buttons .navbar-default .navbar-collapse {
  518.     padding-right: 120px;
  519.   }
  520.   .with-dropdown-buttons .header-dropdown-buttons {
  521.     position: absolute;
  522.     top: 18px;
  523.     right: 0px;
  524.   }
  525.   /*Full width Header*/
  526.   header.full-width .with-dropdown-buttons .header-dropdown-buttons {
  527.     right: 15px;
  528.   }
  529.   /*Centered Logo Layout*/
  530.   .header.centered .header-left {
  531.     padding: 12px 0;
  532.   }
  533.   .header.centered .header-right {
  534.     text-align: center;
  535.   }
  536.   .header.centered .main-navigation .navbar-collapse.collapse {
  537.     display: inline-block !important;
  538.     vertical-align: top;
  539.   }
  540.   .header.centered .with-dropdown-buttons .navbar-default .navbar-collapse {
  541.     padding-right: 0px!important;
  542.   }
  543.   .header.centered .with-dropdown-buttons .header-dropdown-buttons {
  544.     position: relative;
  545.     top: 4px;
  546.     margin-left: 20px;
  547.     float: left;
  548.   }
  549. }
  550. /* Large and Medium devices (desktops, tablets less than 1199px) */
  551. @media (min-width: 768px) and (max-width: 1199px) {
  552.   .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse {
  553.     padding-right: 110px;
  554.   }
  555. }
  556. /* Medium desktop devices and tablets */
  557. @media (min-width: 768px) and (max-width: 991px) {
  558.   header.full-width .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse {
  559.     padding-right: 15px;
  560.   }
  561. }
  562. /* Medium devices (desktops, tablets less than 991px) */
  563. @media (max-width: 991px) {
  564.   .sidebar {
  565.     margin-top: 40px;
  566.   }
  567.   .footer-content {
  568.     padding: 10px 0;
  569.   }
  570. }
  571. /* Small devices (tablets, phones less than 767px) */
  572. @media (max-width: 767px) {
  573.   /*Transparent Header*/
  574.   .transparent-header .header-left {
  575.     padding: 12px 0 12px;
  576.   }
  577.   .transparent-header .header-right {
  578.     z-index: 21;
  579.   }
  580.   /*Full width Header*/
  581.   .header.full-width {
  582.     padding: 0 15px;
  583.   }
  584.   .header.full-width .header-left {
  585.     padding: 8px 0 0;
  586.   }
  587. }
  588. /* Boxed Layout
  589. ---------------------------------- */
  590. .boxed .page-wrapper {
  591.   margin-right: auto;
  592.   margin-left: auto;
  593.   position: relative;
  594.   -webkit-box-shadow: 0px 0px 10px #cacaca;
  595.   box-shadow: 0px 0px 10px #cacaca;
  596. }
  597. .boxed.transparent-page-wrapper .page-wrapper {
  598.   background-color: transparent;
  599.   -webkit-box-shadow: none;
  600.   box-shadow: none;
  601. }
  602. .pattern-1 {
  603.   background-image: url("../images/pattern-1.png");
  604.   background-repeat: repeat;
  605.   background-position: 0 0;
  606. }
  607. .pattern-2 {
  608.   background-image: url("../images/pattern-2.png");
  609.   background-repeat: repeat;
  610.   background-position: 0 0;
  611. }
  612. .pattern-3 {
  613.   background-image: url("../images/pattern-3.png");
  614.   background-repeat: repeat;
  615.   background-position: 0 0;
  616. }
  617. .pattern-4 {
  618.   background-image: url("../images/pattern-4.png");
  619.   background-repeat: repeat;
  620.   background-position: 0 0;
  621. }
  622. .pattern-5 {
  623.   background-image: url("../images/pattern-5.png");
  624.   background-repeat: repeat;
  625.   background-position: 0 0;
  626. }
  627. .pattern-6 {
  628.   background-image: url("../images/pattern-6.png");
  629.   background-repeat: repeat;
  630.   background-position: 0 0;
  631. }
  632. .pattern-7 {
  633.   background-image: url("../images/pattern-7.png");
  634.   background-repeat: repeat;
  635.   background-position: 0 0;
  636. }
  637. .pattern-8 {
  638.   background-image: url("../images/pattern-8.png");
  639.   background-repeat: repeat;
  640.   background-position: 0 0;
  641. }
  642. .pattern-9 {
  643.   background-image: url("../images/pattern-9.png");
  644.   background-repeat: repeat;
  645.   background-position: 0 0;
  646. }
  647. .pattern-4 .page-wrapper,
  648. .pattern-5 .page-wrapper,
  649. .pattern-6 .page-wrapper,
  650. .pattern-7 .page-wrapper,
  651. .pattern-8 .page-wrapper,
  652. .pattern-9 .page-wrapper {
  653.   -webkit-box-shadow: none;
  654.   box-shadow: none;
  655. }
  656. /* Small devices (tablets, 768px and up) */
  657. @media (min-width: 768px) {
  658.   .boxed .page-wrapper {
  659.     width: 750px;
  660.   }
  661. }
  662. /* Medium devices (desktops, tablets, 992px and up) */
  663. @media (min-width: 992px) {
  664.   .boxed .page-wrapper {
  665.     width: 970px;
  666.   }
  667. }
  668. /* Large devices (Large desktops 1200px and up) */
  669. @media (min-width: 1200px) {
  670.   .boxed .page-wrapper {
  671.     width: 1170px;
  672.   }
  673. }
  674. /*Backgrounds
  675. ---------------------------------- */
  676. .background-img-1 {
  677.   background: url("../images/background-img-1.jpg") 50% 0px no-repeat;
  678. }
  679. .background-img-2 {
  680.   background: url("../images/background-img-2.jpg") 50% 0px no-repeat;
  681. }
  682. .background-img-3 {
  683.   background: url("../images/background-img-3.jpg") 50% 0px no-repeat;
  684. }
  685. .background-img-4 {
  686.   background: url("../images/background-img-4.jpg") 50% 0px no-repeat;
  687. }
  688. .background-img-5 {
  689.   background: url("../images/background-img-5.jpg") 50% 0px no-repeat;
  690. }
  691. .background-img-6 {
  692.   background: url("../images/background-img-6.jpg") 50% 0px no-repeat;
  693. }
  694. .background-img-7 {
  695.   background: url("../images/background-img-7.jpg") 50% 0px no-repeat;
  696. }
  697. .fullscreen-bg {
  698.   background: url("../images/fullscreen-bg.jpg") 50% 0px no-repeat;
  699.   position: fixed;
  700.   top: 0;
  701.   left: 0;
  702.   right: 0;
  703.   bottom: 0;
  704.   -webkit-background-size: cover;
  705.   -moz-background-size: cover;
  706.   -o-background-size: cover;
  707.   background-size: cover;
  708. }
  709. .boxed .fullscreen-bg {
  710.   background: none;
  711. }
  712. .white-bg {
  713.   background-color: #ffffff;
  714. }
  715. .light-gray-bg {
  716.   background-color: #fafafa;
  717.   border-top: 1px solid #f3f3f3;
  718.   border-bottom: 1px solid #f3f3f3;
  719. }
  720. .footer-top.light-gray-bg {
  721.   background-color: #f5f5f5;
  722.   border-top: 1px solid #eaeaea;
  723.   border-bottom: 1px solid #eaeaea;
  724. }
  725. .dark-bg {
  726.   background-color: #373737;
  727.   color: #cdcdcd;
  728. }
  729. .dark-bg + .dark-bg:not(.image-box):not(.full-image-container):not(.full-text-container):not(.full-width-section) {
  730.   background-color: #555555;
  731. }
  732. .dark-bg + .dark-bg + .dark-bg {
  733.   background-color: #373737;
  734. }
  735. .dark-bg h1,
  736. .dark-bg h2,
  737. .dark-bg h3,
  738. .dark-bg h4,
  739. .dark-bg h5,
  740. .dark-bg h6 {
  741.   color: #ffffff;
  742. }
  743. .dark-bg a:not(.btn) {
  744.   text-decoration: underline;
  745.   color: #cdcdcd;
  746. }
  747. .dark-bg a:not(.btn):hover {
  748.   text-decoration: none;
  749.   color: #cdcdcd;
  750. }
  751. .default-bg {
  752.   background-color: #09afdf;
  753.   color: #ffffff;
  754. }
  755. .default-bg h1,
  756. .default-bg h2,
  757. .default-bg h3,
  758. .default-bg h4,
  759. .default-bg h5,
  760. .default-bg h6 {
  761.   color: #ffffff;
  762. }
  763. .default-bg a:not(.btn) {
  764.   text-decoration: underline;
  765.   color: #ffffff;
  766. }
  767. .default-bg a:not(.btn):hover {
  768.   text-decoration: none;
  769.   color: #ffffff;
  770. }
  771. /*Translucent Backgrounds*/
  772. .no-touch .parallax,
  773. .no-touch .parallax-2,
  774. .no-touch .parallax-3,
  775. .no-touch .fixed-bg {
  776.   background-attachment: fixed;
  777. }
  778. .light-translucent-bg,
  779. .dark-translucent-bg,
  780. .default-translucent-bg,
  781. .two-col-translucent-bg {
  782.   -webkit-background-size: cover;
  783.   -moz-background-size: cover;
  784.   -o-background-size: cover;
  785.   background-size: cover;
  786.   background-position: 50% 0;
  787.   background-repeat: no-repeat;
  788.   z-index: 1;
  789.   position: relative;
  790.   overflow: hidden;
  791. }
  792. .light-translucent-bg:after,
  793. .dark-translucent-bg:after,
  794. .default-translucent-bg:after,
  795. .two-col-translucent-bg:after {
  796.   content: "";
  797.   position: absolute;
  798.   top: 0;
  799.   left: 0;
  800.   z-index: 2;
  801.   width: 100%;
  802.   height: 100%;
  803.   -webkit-transition: all 0.2s ease-in-out;
  804.   -o-transition: all 0.2s ease-in-out;
  805.   transition: all 0.2s ease-in-out;
  806.   -webkit-backface-visibility: hidden;
  807.   -webkit-transform: translateZ(0) scale(1, 1);
  808. }
  809. .light-translucent-bg > div,
  810. .dark-translucent-bg > div,
  811. .default-translucent-bg > div,
  812. .two-col-translucent-bg > div {
  813.   z-index: 3;
  814.   position: relative;
  815. }
  816. .light-translucent-bg {
  817.   color: #333;
  818.   border-bottom: 1px solid #dadada;
  819.   border-top: 1px solid #dadada;
  820. }
  821. .light-translucent-bg:after {
  822.   background-color: rgba(255, 255, 255, 0.7);
  823. }
  824. .light-translucent-bg.slight:after {
  825.   background-color: rgba(255, 255, 255, 0.85);
  826. }
  827. .video-background.light-translucent-bg:after,
  828. .video-background-banner.light-translucent-bg:after {
  829.   background-color: rgba(255, 255, 255, 0.5);
  830. }
  831. .light-translucent-bg.hovered:hover:after {
  832.   background-color: rgba(255, 255, 255, 0.8);
  833. }
  834. .dark-translucent-bg:after {
  835.   background-color: rgba(0, 0, 0, 0.5);
  836. }
  837. .dark-translucent-bg.hovered:hover:after {
  838.   background-color: rgba(0, 0, 0, 0.6);
  839. }
  840. .dark-translucent-bg,
  841. .dark-translucent-bg h1,
  842. .dark-translucent-bg h2,
  843. .dark-translucent-bg h3,
  844. .dark-translucent-bg h4,
  845. .dark-translucent-bg h5,
  846. .dark-translucent-bg h6 {
  847.   color: #ffffff;
  848. }
  849. .dark-translucent-bg a:not(.btn) {
  850.   text-decoration: underline;
  851.   color: #ffffff;
  852. }
  853. .dark-translucent-bg a:not(.btn):hover {
  854.   text-decoration: none;
  855.   color: #ffffff;
  856. }
  857. .two-col-translucent-bg {
  858.   color: #333;
  859. }
  860. .two-col-translucent-bg:after {
  861.   background-color: rgba(255, 255, 255, 0.7);
  862. }
  863. /* Medium devices (desktops, tablets, 992px and up) */
  864. @media (min-width: 992px) {
  865.   .two-col-translucent-bg:after {
  866.     background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
  867.     background: -webkit-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
  868.     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
  869.     background: -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
  870.     background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
  871.     background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
  872.   }
  873.   .two-col-translucent-bg .container > .row > div + div,
  874.   .two-col-translucent-bg .container > .row > div + div h1,
  875.   .two-col-translucent-bg .container > .row > div + div h2,
  876.   .two-col-translucent-bg .container > .row > div + div h3,
  877.   .two-col-translucent-bg .container > .row > div + div h4,
  878.   .two-col-translucent-bg .container > .row > div + div h5,
  879.   .two-col-translucent-bg .container > .row > div + div h6 {
  880.     color: #ffffff;
  881.   }
  882.   .two-col-translucent-bg .container > .row > div + div a:not(.btn) {
  883.     text-decoration: underline;
  884.     color: #ffffff;
  885.   }
  886.   .two-col-translucent-bg .container > .row > div + div a:not(.btn):hover {
  887.     text-decoration: none;
  888.     color: #ffffff;
  889.   }
  890. }
  891. .default-translucent-bg:after {
  892.   background-color: rgba(9, 175, 223, 0.7);
  893. }
  894. .default-translucent-bg.hovered:hover:after {
  895.   background-color: rgba(9, 175, 223, 0.8);
  896. }
  897. .default-translucent-bg,
  898. .default-translucent-bg h1,
  899. .default-translucent-bg h2,
  900. .default-translucent-bg h3,
  901. .default-translucent-bg h4,
  902. .default-translucent-bg h5,
  903. .default-translucent-bg h6 {
  904.   color: #ffffff;
  905. }
  906. .default-translucent-bg a:not(.btn) {
  907.   text-decoration: underline;
  908.   color: #ffffff;
  909. }
  910. .default-translucent-bg a:not(.btn):hover {
  911.   text-decoration: none;
  912.   color: #ffffff;
  913. }
  914. .default-hovered {
  915.   -webkit-transition: all 0.2s ease-in-out;
  916.   -o-transition: all 0.2s ease-in-out;
  917.   transition: all 0.2s ease-in-out;
  918. }
  919. .default-hovered:hover:after,
  920. .default-hovered:hover {
  921.   background-color: #09afdf;
  922. }
  923. .light-gray-bg.default-hovered:hover * {
  924.   color: #ffffff;
  925. }
  926. /*Animated Backgrounds
  927. ---------------------------------- */
  928. /* Small devices (tablets, 768px and up) */
  929. @media (min-width: 768px) {
  930.   .animated-text h2 {
  931.     -webkit-transition: all 0.2s ease-in-out;
  932.     -o-transition: all 0.2s ease-in-out;
  933.     transition: all 0.2s ease-in-out;
  934.     position: absolute;
  935.     top: 0;
  936.     width: 100%;
  937.   }
  938.   .animated-text h2 + h2 {
  939.     opacity: 0;
  940.     filter: alpha(opacity=0);
  941.     -webkit-transform: scale(1.15);
  942.     -moz-transform: scale(1.15);
  943.     -ms-transform: scale(1.15);
  944.     -o-transform: scale(1.15);
  945.     transform: scale(1.15);
  946.   }
  947.   .animated-text:hover h2 {
  948.     opacity: 0;
  949.     filter: alpha(opacity=0);
  950.     -webkit-transform: scale(0.85);
  951.     -moz-transform: scale(0.85);
  952.     -ms-transform: scale(0.85);
  953.     -o-transform: scale(0.85);
  954.     transform: scale(0.85);
  955.   }
  956.   .animated-text:hover h2 + h2 {
  957.     opacity: 1;
  958.     filter: alpha(opacity=100);
  959.     -webkit-transform: scale(1);
  960.     -moz-transform: scale(1);
  961.     -ms-transform: scale(1);
  962.     -o-transform: scale(1);
  963.     transform: scale(1);
  964.   }
  965. }
  966. /* Small devices (tablets, phones less than 767px) */
  967. @media (max-width: 767px) {
  968.   .animated-text h2 + h2 {
  969.     display: none;
  970.   }
  971. }
  972. /* Fixed navigation
  973. ---------------------------------- */
  974. .fixed-header-on .header.fixed,
  975. .fixed-header-on header.header.transparent-header-on {
  976.   position: fixed;
  977.   width: 100%;
  978.   top: 0;
  979.   left: 0;
  980.   z-index: 1006;
  981.   opacity: 0;
  982.   filter: alpha(opacity=0);
  983.   -webkit-backface-visibility: hidden;
  984.   -webkit-transform: translateZ(0);
  985. }
  986. .fixed-header-on .header.fixed:not(.dark) {
  987.   border-bottom: 1px solid #f1f1f1;
  988.   background-color: rgba(255, 255, 255, 0.95);
  989. }
  990. .fixed-header-on .dark.header.fixed {
  991.   background-color: rgba(57, 66, 69, 0.95);
  992. }
  993. .fixed-header-on.boxed .header.fixed {
  994.   left: auto;
  995. }
  996. .fixed-header-on .header .logo {
  997.   margin: 0px 0 -5px 0;
  998.   display: none;
  999. }
  1000. .fixed-header-on .header .logo img {
  1001.   max-height: 30px;
  1002. }
  1003. .fixed-header-on .header .site-slogan,
  1004. .fixed-header-on .header.centered .header-left {
  1005.   display: none;
  1006. }
  1007. .fixed-header-on .header.fixed.animated {
  1008.   -webkit-animation-duration: 0.4s;
  1009.   animation-duration: 0.4s;
  1010. }
  1011. /* Small devices (tablets, 768px and up) */
  1012. @media (min-width: 768px) {
  1013.   .fixed-header-on.boxed .header.fixed {
  1014.     width: 750px;
  1015.   }
  1016.   .fixed-header-on .header-left {
  1017.     padding: 0;
  1018.   }
  1019.   .fixed-header-on .dark.header .dropdown-menu {
  1020.     border: 1px solid #2e3537;
  1021.   }
  1022.   .fixed-header-on .main-navigation .navbar-nav > li > a {
  1023. /*    padding-top: 21px!important;
  1024.     padding-bottom: 21px!important;
  1025. */
  1026.     padding-top: 8px!important;
  1027.     padding-bottom: 7px!important;
  1028.   }
  1029.   .fixed-header-on .header:not(.centered) .main-navigation .navbar-nav > .dropdown > a:before {
  1030.     /*top: 24px;*/
  1031.     top: 11px;
  1032.   }
  1033.   .fixed-header-on .header:not(.centered) .main-navigation.with-dropdown-buttons .header-dropdown-buttons {
  1034.     top: 12px;
  1035.   }
  1036.   .fixed-header-on .header-dropdown-buttons .btn-group .dropdown-menu,
  1037.   .fixed-header-on .dark .header-dropdown-buttons .btn-group .dropdown-menu {
  1038.     margin-top: 11px;
  1039.   }
  1040.   /*Fixed Header Animations Duration*/
  1041.   .fixed.header .main-navigation.animated .navbar-nav > li > a,
  1042.   .header-left {
  1043.     -webkit-transition: padding 0s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  1044.     -o-transition: padding 0s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  1045.     transition: padding 0s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  1046.   }
  1047. }
  1048. /* Medium devices (desktops, tablets, 992px and up) */
  1049. @media (min-width: 992px) {
  1050.   .fixed-header-on .header .logo,
  1051.   .fixed-header-on .header .site-slogan {
  1052.     display: block;
  1053.   }
  1054.   .fixed-header-on.boxed .header.fixed {
  1055.     width: 970px;
  1056.   }
  1057.   .fixed-header-on .header-left {
  1058.     padding: 7px 0 0 0;
  1059.   }
  1060. }
  1061. /* Large devices (Large desktops 1200px and up) */
  1062. @media (min-width: 1200px) {
  1063.   .fixed-header-on.boxed .header.fixed {
  1064.     width: 1170px;
  1065.   }
  1066. }
  1067. /* Small devices (tablets, phones less than 767px) */
  1068. @media (max-width: 767px) {
  1069.   /* Fixed header position */
  1070.   .header.fixed {
  1071.     position: relative !important;
  1072.     top: auto !important;
  1073.   }
  1074.   .header.fixed.transparent-header-on {
  1075.     position: absolute!important;
  1076.   }
  1077. }
  1078. /* Custom Grid
  1079. ---------------------------------- */
  1080. .grid-space-20 {
  1081.   margin-right: -10.5px;
  1082.   margin-left: -10.5px;
  1083. }
  1084. .grid-space-20 .col-lg-6,
  1085. .grid-space-20 .col-lg-4,
  1086. .grid-space-20 .col-lg-3,
  1087. .grid-space-20 .col-md-6,
  1088. .grid-space-20 .col-md-4,
  1089. .grid-space-20 .col-md-3,
  1090. .grid-space-20 .col-sm-6,
  1091. .grid-space-20 .col-sm-4,
  1092. .grid-space-20 .col-sm-3,
  1093. .grid-space-20 .col-xs-6,
  1094. .grid-space-20 .col-xs-4,
  1095. .grid-space-20 .col-xs-3 {
  1096.   padding-left: 10px;
  1097.   padding-right: 10px;
  1098. }
  1099. .grid-space-10 {
  1100.   margin-right: -6px;
  1101.   margin-left: -6px;
  1102. }
  1103. .grid-space-10 .col-lg-6,
  1104. .grid-space-10 .col-lg-4,
  1105. .grid-space-10 .col-lg-3,
  1106. .grid-space-10 .col-md-6,
  1107. .grid-space-10 .col-md-4,
  1108. .grid-space-10 .col-md-3,
  1109. .grid-space-10 .col-sm-6,
  1110. .grid-space-10 .col-sm-4,
  1111. .grid-space-10 .col-sm-3,
  1112. .grid-space-10 .col-xs-6,
  1113. .grid-space-10 .col-xs-4,
  1114. .grid-space-10 .col-xs-3 {
  1115.   padding-left: 5px;
  1116.   padding-right: 5px;
  1117. }
  1118. .grid-space-0 {
  1119.   margin-right: 0;
  1120.   margin-left: 0;
  1121. }
  1122. .grid-space-0 .col-lg-6,
  1123. .grid-space-0 .col-lg-4,
  1124. .grid-space-0 .col-lg-3,
  1125. .grid-space-0 .col-md-6,
  1126. .grid-space-0 .col-md-4,
  1127. .grid-space-0 .col-md-3,
  1128. .grid-space-0 .col-sm-6,
  1129. .grid-space-0 .col-sm-4,
  1130. .grid-space-0 .col-sm-3,
  1131. .grid-space-0 .col-xs-6,
  1132. .grid-space-0 .col-xs-4,
  1133. .grid-space-0 .col-xs-3 {
  1134.   padding-left: 0;
  1135.   padding-right: 0;
  1136. }
  1137. .grid-space-0 > div {
  1138.   margin-bottom: 0;
  1139.   padding-bottom: 0;
  1140. }
  1141. /* Separators
  1142. ---------------------------------- */
  1143. .separator {
  1144.   width: 100%;
  1145.   margin: 20px auto 15px;
  1146.   position: relative;
  1147.   height: 1px;
  1148.   -webkit-backface-visibility: hidden;
  1149.   -webkit-transform: translateZ(0) scale(1, 1);
  1150. }
  1151. .separator:after {
  1152.   height: 1px;
  1153.   background: #e8e8e8;
  1154.   background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
  1155.   background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, rgba(0, 0, 0, 0)));
  1156.   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
  1157.   background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
  1158.   background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
  1159.   background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
  1160.   position: absolute;
  1161.   bottom: -1px;
  1162.   content: "";
  1163.   width: 100%;
  1164.   left: 0;
  1165. }
  1166. .dark-bg:not(.banner) .separator:after {
  1167.   background: #505050;
  1168.   background: -moz-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
  1169.   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #373737), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #373737));
  1170.   background: -webkit-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
  1171.   background: -o-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
  1172.   background: -ms-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
  1173.   background: linear-gradient(to right, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
  1174. }
  1175. #footer.dark .separator:after {
  1176.   background: #505050;
  1177.   background: -moz-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
  1178.   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #222222), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #222222));
  1179.   background: -webkit-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
  1180.   background: -o-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
  1181.   background: -ms-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
  1182.   background: linear-gradient(to right, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
  1183. }
  1184. .default-bg .separator:after,
  1185. .dark-translucent-bg .separator:after,
  1186. .default-translucent-bg .separator:after,
  1187. .light.separator:after {
  1188.   background: rgba(255, 255, 255, 0.5);
  1189.   background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  1190.   background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  1191.   background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  1192.   background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  1193.   background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  1194.   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  1195. }
  1196. /* Medium devices (desktops, tablets, 992px and up) */
  1197. @media (min-width: 992px) {
  1198.   .two-col-translucent-bg .container > .row > div + div .separator:after {
  1199.     background: rgba(255, 255, 255, 0.5);
  1200.     background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  1201.     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  1202.     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  1203.     background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  1204.     background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  1205.     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  1206.   }
  1207. }
  1208. .light-translucent-bg .separator:after,
  1209. .two-col-translucent-bg .container > .row > div .separator:after,
  1210. .dark.separator:after {
  1211.   background: rgba(0, 0, 0, 0.5);
  1212.   background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
  1213.   background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.4)), color-stop(70%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0)));
  1214.   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
  1215.   background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
  1216.   background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
  1217.   background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
  1218. }
  1219. h3 + .separator,
  1220. h4 + .separator,
  1221. h5 + .separator {
  1222.   margin-top: 15px;
  1223. }
  1224. .separator-2,
  1225. .separator-3 {
  1226.   width: 100%;
  1227.   margin-bottom: 15px;
  1228.   position: relative;
  1229.   height: 1px;
  1230. }
  1231. .separator-2:after {
  1232.   height: 1px;
  1233.   background: #d1d1d1;
  1234.   background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1235.   background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0)));
  1236.   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1237.   background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1238.   background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1239.   background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1240.   position: absolute;
  1241.   bottom: -1px;
  1242.   left: 0px;
  1243.   content: "";
  1244.   width: 100%;
  1245. }
  1246. .dark-bg .separator-2:after {
  1247.   background: #666666;
  1248.   background: -moz-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  1249.   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
  1250.   background: -webkit-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  1251.   background: -o-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  1252.   background: -ms-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  1253.   background: linear-gradient(to right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  1254. }
  1255. #footer.dark .separator-2:after {
  1256.   background: #444444;
  1257.   background: -moz-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  1258.   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222));
  1259.   background: -webkit-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  1260.   background: -o-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  1261.   background: -ms-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  1262.   background: linear-gradient(to right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  1263. }
  1264. .light-translucent-bg .separator-2:after,
  1265. .two-col-translucent-bg .container > .row > div .separator-2:after,
  1266. .dark.separator-2:after {
  1267.   background: rgba(0, 0, 0, 0.5);
  1268.   background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  1269.   background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(0, 0, 0, 0)));
  1270.   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  1271.   background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  1272.   background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  1273.   background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  1274. }
  1275. .default-bg .separator-2:after,
  1276. .default-translucent-bg .separator-2:after,
  1277. .dark-translucent-bg .separator-2:after,
  1278. .light.separator-2:after {
  1279.   background: rgba(255, 255, 255, 0.5);
  1280.   background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1281.   background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  1282.   background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1283.   background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1284.   background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1285.   background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1286. }
  1287. /* Medium devices (desktops, tablets, 992px and up) */
  1288. @media (min-width: 992px) {
  1289.   .two-col-translucent-bg .container > .row > div + div .separator-2:after {
  1290.     background: rgba(255, 255, 255, 0.5);
  1291.     background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1292.     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  1293.     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1294.     background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1295.     background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1296.     background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1297.   }
  1298. }
  1299. .separator-3:after {
  1300.   height: 1px;
  1301.   background: #d1d1d1;
  1302.   background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1303.   background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0)));
  1304.   background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1305.   background: -o-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1306.   background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1307.   background: linear-gradient(to left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1308.   position: absolute;
  1309.   bottom: -1px;
  1310.   left: 0px;
  1311.   content: "";
  1312.   width: 100%;
  1313. }
  1314. .dark-bg .separator-3:after {
  1315.   background: #666666;
  1316.   background: -moz-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  1317.   background: -webkit-gradient(linear, right top, left top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
  1318.   background: -webkit-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  1319.   background: -o-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  1320.   background: -ms-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  1321.   background: linear-gradient(to left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  1322. }
  1323. #footer.dark .separator-3:after {
  1324.   background: #444444;
  1325.   background: -moz-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  1326.   background: -webkit-gradient(linear, right top, left top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222));
  1327.   background: -webkit-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  1328.   background: -o-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  1329.   background: -ms-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  1330.   background: linear-gradient(to left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  1331. }
  1332. .light-translucent-bg .separator-3:after,
  1333. .two-col-translucent-bg .container > .row > div .separator-3:after,
  1334. .dark.separator-3:after {
  1335.   background: rgba(0, 0, 0, 0.5);
  1336.   background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  1337.   background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(0, 0, 0, 0)));
  1338.   background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  1339.   background: -o-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  1340.   background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  1341.   background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  1342. }
  1343. .default-bg .separator-3:after,
  1344. .default-translucent-bg .separator-3:after,
  1345. .dark-translucent-bg .separator-3:after,
  1346. .light.separator-3:after {
  1347.   background: rgba(255, 255, 255, 0.5);
  1348.   background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1349.   background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  1350.   background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1351.   background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1352.   background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1353.   background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1354. }
  1355. /* Medium devices (desktops, tablets, 992px and up) */
  1356. @media (min-width: 992px) {
  1357.   .two-col-translucent-bg .container > .row > div + div .separator-3:after {
  1358.     background: rgba(255, 255, 255, 0.5);
  1359.     background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1360.     background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  1361.     background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1362.     background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1363.     background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1364.     background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  1365.   }
  1366. }
  1367. .footer-content .separator-2,
  1368. .footer-content .separator-3 {
  1369.   margin-bottom: 25px;
  1370. }
  1371. .object-non-visible {
  1372.   opacity: 0;
  1373.   filter: alpha(opacity=0);
  1374. }
  1375. .object-visible,
  1376. .touch .object-non-visible {
  1377.   opacity: 1 !important;
  1378.   filter: alpha(opacity=100) !important;
  1379. }
  1380. /* Targeting only Firefox for smoothest animations */
  1381. @-moz-document url-prefix() {
  1382.   .object-visible,
  1383.   .touch .object-non-visible {
  1384.     -webkit-transition: opacity 0.6s ease-in-out;
  1385.     -moz-transition: opacity 0.6s ease-in-out;
  1386.     -o-transition: opacity 0.6s ease-in-out;
  1387.     -ms-transition: opacity 0.6s ease-in-out;
  1388.     transition: opacity 0.6s ease-in-out;
  1389.   }
  1390. }
  1391. /* Miscellaneous
  1392. ---------------------------------- */
  1393. .pl-5 {
  1394.   padding-left: 5px;
  1395. }
  1396. .pl-10 {
  1397.   padding-left: 10px;
  1398. }
  1399. .pl-20 {
  1400.   padding-left: 20px;
  1401. }
  1402. .pr-5 {
  1403.   padding-right: 5px;
  1404. }
  1405. .pr-10 {
  1406.   padding-right: 10px;
  1407. }
  1408. .pr-20 {
  1409.   padding-right: 20px;
  1410. }
  1411. .p-20 {
  1412.   padding: 20px;
  1413. }
  1414. .p-30 {
  1415.   padding: 30px;
  1416. }
  1417. .p-40 {
  1418.   padding: 40px;
  1419. }
  1420. .ph-20 {
  1421.   padding-left: 20px;
  1422.   padding-right: 20px;
  1423. }
  1424. .ph-30 {
  1425.   padding-left: 30px;
  1426.   padding-right: 30px;
  1427. }
  1428. .ph-40 {
  1429.   padding-left: 40px;
  1430.   padding-right: 40px;
  1431. }
  1432. .pv-20 {
  1433.   padding-top: 20px;
  1434.   padding-bottom: 20px;
  1435. }
  1436. .pv-30 {
  1437.   padding-top: 30px;
  1438.   padding-bottom: 30px;
  1439. }
  1440. .pv-40 {
  1441.   padding-top: 40px;
  1442.   padding-bottom: 40px;
  1443. }
  1444. .mt-5 {
  1445.   margin-top: 5px;
  1446. }
  1447. .mb-5 {
  1448.   margin-bottom: 5px;
  1449. }
  1450. .mt-10 {
  1451.   margin-top: 10px;
  1452. }
  1453. .mb-10 {
  1454.   margin-bottom: 10px;
  1455. }
  1456. .mt-20 {
  1457.   margin-top: 20px;
  1458. }
  1459. .mb-20 {
  1460.   margin-bottom: 20px;
  1461. }
  1462. .space-top {
  1463.   padding-top: 20px;
  1464. }
  1465. .space-bottom {
  1466.   padding-bottom: 20px;
  1467. }
  1468. .margin-clear {
  1469.   margin-top: 0 !important;
  1470.   margin-bottom: 0 !important;
  1471. }
  1472. .padding-top-clear {
  1473.   padding-top: 0 !important;
  1474. }
  1475. .padding-bottom-clear {
  1476.   padding-bottom: 0 !important;
  1477. }
  1478. .padding-ver-clear {
  1479.   padding-bottom: 0 !important;
  1480.   padding-top: 0 !important;
  1481. }
  1482. .padding-hor-clear {
  1483.   padding-right: 0 !important;
  1484.   padding-left: 0 !important;
  1485. }
  1486. .border-bottom-clear {
  1487.   border-bottom: none !important;
  1488. }
  1489. .border-top-clear {
  1490.   border-top: none !important;
  1491. }
  1492. .border-clear {
  1493.   border: none !important;
  1494. }
  1495. .circle {
  1496.   -webkit-border-radius: 100%!important;
  1497.   -moz-border-radius: 100%!important;
  1498.   border-radius: 100%!important;
  1499. }
  1500. /* Small devices (tablets, phones less than 767px) */
  1501. @media (max-width: 767px) {
  1502.   .text-center-xs {
  1503.     text-align: center;
  1504.   }
  1505. }
  1506. /* 3 Sections
  1507. ----------------------------------------------------------------------------- */
  1508. /*Header Top*/
  1509. .header-top {
  1510.   font-size: 12px;
  1511.   color: #777777;
  1512.   font-weight: 300;
  1513. }
  1514. .header-top.dark,
  1515. .header-top.colored {
  1516.   color: #ffffff;
  1517. }
  1518. .header-top.colored a {
  1519.   color: #ffffff;
  1520.   text-decoration: underline;
  1521. }
  1522. .header-top.colored a:hover {
  1523.   text-decoration: none;
  1524. }
  1525. /* Medium desktop devices and tablets */
  1526. @media (min-width: 992px) and (max-width: 1199px) {
  1527.   .header-top {
  1528.     font-size: 11px;
  1529.   }
  1530. }
  1531. /*Header*/
  1532. .header.dark {
  1533.   color: #cacaca;
  1534. }
  1535. /*Footer*/
  1536. .footer {
  1537.   font-size: 14px;
  1538.   line-height: 1.5;
  1539. }
  1540. .footer h2.title {
  1541.   font-size: 22px;
  1542.   text-transform: none;
  1543.   margin-bottom: 10px;
  1544. }
  1545. /*Subfooter*/
  1546. .subfooter {
  1547.   font-size: 14px;
  1548.   line-height: 1.3;
  1549.   color: #999999;
  1550. }
  1551. .subfooter p {
  1552.   margin-bottom: 0;
  1553. }
  1554. /* 4 Pages
  1555. ----------------------------------------------------------------------------- */
  1556. /* Blog pages
  1557. ---------------------------------- */
  1558. .blogpost {
  1559.   margin: 0 0 70px;
  1560. }
  1561. .blogpost header {
  1562.   padding: 20px 10px 20px;
  1563. }
  1564. .blogpost header h2 {
  1565.   text-transform: none;
  1566.   margin-top: 0;
  1567.   margin-bottom: 10px;
  1568. }
  1569. .blogpost .post-info {
  1570.   font-size: 12px;
  1571.   color: #aaa;
  1572.   font-weight: 400;
  1573. }
  1574. .blogpost .post-info > span {
  1575.   margin-right: 5px;
  1576.   display: inline-block;
  1577. }
  1578. .blogpost .post-info a {
  1579.   color: #aaa;
  1580. }
  1581. .blogpost .blogpost-content {
  1582.   padding: 0 10px 10px;
  1583. }
  1584. .blogpost .row .blogpost-content {
  1585.   padding-bottom: 0;
  1586. }
  1587. .blogpost footer {
  1588.   font-size: 12px;
  1589.   padding: 10px;
  1590.   color: #aaa;
  1591.   border-top: 1px solid #eaeaea;
  1592. }
  1593. .blogpost .row + footer {
  1594.   padding: 10px 0;
  1595. }
  1596. .blogpost.full {
  1597.   margin-bottom: 30px;
  1598. }
  1599. .blogpost.full header {
  1600.   padding: 0 0 15px 0;
  1601. }
  1602. .blogpost.full .blogpost-content {
  1603.   padding: 0 0 5px;
  1604. }
  1605. .blogpost.full footer {
  1606.   padding: 10px 0;
  1607. }
  1608. /* Medium devices (desktops, tablets, 992px and up) */
  1609. @media (min-width: 992px) {
  1610.   .blogpost .row header {
  1611.     padding-top: 0;
  1612.   }
  1613.   .blogpost .row + footer {
  1614.     margin-top: 15px;
  1615.   }
  1616. }
  1617. /* Comments
  1618. ---------------------------------- */
  1619. #comments {
  1620.   margin-top: 60px;
  1621. }
  1622. .comments h2.title {
  1623.   margin-bottom: 40px;
  1624.   padding-bottom: 10px;
  1625.   position: relative;
  1626. }
  1627. .comments h2.title:after {
  1628.   height: 1px;
  1629.   background: #d1d1d1;
  1630.   background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1631.   background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0)));
  1632.   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1633.   background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1634.   background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1635.   background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  1636.   position: absolute;
  1637.   bottom: -1px;
  1638.   left: 0px;
  1639.   content: "";
  1640.   width: 100%;
  1641. }
  1642. .comment {
  1643.   font-size: 14px;
  1644. }
  1645. .comment .comment {
  1646.   margin-left: 75px;
  1647. }
  1648. .comment h3 {
  1649.   margin-top: 0;
  1650.   margin-bottom: 5px;
  1651. }
  1652. .comment p {
  1653.   margin-bottom: 10px;
  1654. }
  1655. .comment .btn-sm-link {
  1656.   padding: 0;
  1657. }
  1658. .comment-avatar {
  1659.   width: 50px;
  1660.   float: left;
  1661.   margin: 0 15px 0 0;
  1662. }
  1663. .comment-content {
  1664.   border-bottom: 1px solid #f1f1f1;
  1665.   margin-bottom: 40px;
  1666.   clear: both;
  1667. }
  1668. .comment-meta {
  1669.   margin-bottom: 15px;
  1670.   color: #aaa;
  1671.   font-size: 12px;
  1672. }
  1673. .comment-meta a {
  1674.   color: #aaa;
  1675. }
  1676. .comment-meta a:hover {
  1677.   text-decoration: underline;
  1678. }
  1679. /* Blog Masonry Grid
  1680. ---------------------------------- */
  1681. .masonry-grid-item .blogpost footer {
  1682.   padding-top: 0px;
  1683.   border-top: none;
  1684. }
  1685. .masonry-grid-item .blogpost header h2 {
  1686.   font-size: 22px;
  1687. }
  1688. /* Blog Timeline layout
  1689. ---------------------------------- */
  1690. .timeline {
  1691.   position: relative;
  1692.   padding: 40px 0;
  1693.   margin-top: 40px;
  1694. }
  1695. .timeline .blogpost footer {
  1696.   padding-top: 0px;
  1697.   border-top: none;
  1698. }
  1699. .timeline .blogpost header h2 {
  1700.   font-size: 22px;
  1701. }
  1702. .timeline .timeline-item {
  1703.   padding: 0 15px;
  1704. }
  1705. .timeline-date-label {
  1706.   float: none;
  1707.   clear: both;
  1708.   display: block;
  1709.   margin: 0px auto;
  1710.   text-align: center;
  1711.   margin-bottom: 80px;
  1712.   line-height: 1;
  1713.   width: 135px;
  1714.   position: relative;
  1715.   z-index: 2;
  1716.   color: #ffffff;
  1717. }
  1718. .timeline-date-label:after {
  1719.   background-color: #09afdf;
  1720.   -webkit-border-radius: 4px;
  1721.   -moz-border-radius: 4px;
  1722.   border-radius: 4px;
  1723.   height: 30px;
  1724.   width: 100%;
  1725.   position: absolute;
  1726.   bottom: -8px;
  1727.   z-index: -1;
  1728. }
  1729. /* Small devices (tablets, 768px and up) */
  1730. @media (min-width: 768px) {
  1731.   .timeline .blogpost {
  1732.     margin-bottom: 0;
  1733.   }
  1734.   .timeline:before {
  1735.     background-color: #e8e8e8;
  1736.     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, rgba(0, 0, 0, 0) 100%);
  1737.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.09)), color-stop(90%, rgba(0, 0, 0, 0.09)), color-stop(100%, rgba(0, 0, 0, 0)));
  1738.     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, rgba(0, 0, 0, 0) 100%);
  1739.     background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, rgba(0, 0, 0, 0) 100%);
  1740.     background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, rgba(0, 0, 0, 0) 100%);
  1741.     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, rgba(0, 0, 0, 0) 100%);
  1742.     width: 1px;
  1743.     height: 100%;
  1744.     content: "";
  1745.     position: absolute;
  1746.     left: 50%;
  1747.     display: block;
  1748.     top: 0;
  1749.   }
  1750.   .timeline .timeline-item {
  1751.     position: relative;
  1752.     width: 50%;
  1753.     padding-left: 0;
  1754.     padding-right: 40px;
  1755.     margin-bottom: 80px;
  1756.     float: left;
  1757.     clear: left;
  1758.     z-index: 1;
  1759.   }
  1760.   .timeline .timeline-item.pull-right {
  1761.     position: relative;
  1762.     width: 50%;
  1763.     padding-left: 40px;
  1764.     padding-right: 0;
  1765.     margin-top: 80px;
  1766.     margin-bottom: 0;
  1767.     float: right;
  1768.     clear: right;
  1769.   }
  1770.   .timeline .timeline-item.pull-right + .timeline-date-label {
  1771.     padding-top: 80px;
  1772.   }
  1773.   .timeline .timeline-item:after {
  1774.     content: "";
  1775.     font-family: "FontAwesome";
  1776.     right: 0px;
  1777.     background-color: #eaeaea;
  1778.     left: auto;
  1779.     position: absolute;
  1780.     top: 20px;
  1781.     z-index: -1;
  1782.     width: 35px;
  1783.     height: 1px;
  1784.   }
  1785.   .timeline .timeline-item:before {
  1786.     content: "";
  1787.     position: absolute;
  1788.     background-color: #cdcdcd;
  1789.     border: 1px solid #cdcdcd;
  1790.     height: 7px;
  1791.     width: 7px;
  1792.     -webkit-border-radius: 100%;
  1793.     -moz-border-radius: 100%;
  1794.     border-radius: 100%;
  1795.     top: 17px;
  1796.     right: -4px;
  1797.   }
  1798.   .timeline .timeline-item.pull-right:after {
  1799.     right: auto;
  1800.     left: 0px;
  1801.   }
  1802.   .timeline .timeline-item.pull-right:before {
  1803.     left: -3px;
  1804.   }
  1805. }
  1806. /* Small devices (tablets, phones less than 767px) */
  1807. @media (max-width: 767px) {
  1808.   .timeline .timeline-item.pull-right {
  1809.     float: none !important;
  1810.   }
  1811. }
  1812. /* Shop Pages
  1813. ---------------------------------- */
  1814. /*Product Page*/
  1815. .product.price {
  1816.   font-size: 24px;
  1817.   font-weight: 400;
  1818. }
  1819. .product.price del {
  1820.   color: #cdcdcd;
  1821.   font-size: 14px;
  1822. }
  1823. .product.element-list {
  1824.   margin-top: 7px;
  1825. }
  1826. /*Dropdown Cart*/
  1827. .header-dropdown-buttons .btn-group .dropdown-menu.cart {
  1828.   padding: 0;
  1829.   min-width: 350px;
  1830.   font-size: 13px;
  1831. }
  1832. .header-dropdown-buttons .btn-group .dropdown-menu.cart table {
  1833.   margin-bottom: 0;
  1834. }
  1835. .header-dropdown-buttons .btn-group .dropdown-menu.cart .panel-body {
  1836.   padding: 0px 10px 0px;
  1837. }
  1838. .cart-count {
  1839.   position: absolute;
  1840.   top: -2px;
  1841.   right: -3px;
  1842.   line-height: 14px;
  1843.   width: 14px;
  1844.   height: 14px;
  1845.   border-radius: 30%;
  1846.   font-size: 10px;
  1847.   text-shadow: none;
  1848.   -webkit-transition: all 0.2s ease-in-out;
  1849.   -o-transition: all 0.2s ease-in-out;
  1850.   transition: all 0.2s ease-in-out;
  1851. }
  1852. .dark .header-dropdown-buttons .cart-count {
  1853.   background-color: rgba(0, 0, 0, 0.5);
  1854.   color: #cdcdcd;
  1855. }
  1856. .dropdown.open .cart-count,
  1857. .dropdown:hover .cart-count {
  1858.   -webkit-transform: scale(0);
  1859.   -moz-transform: scale(0);
  1860.   -ms-transform: scale(0);
  1861.   -o-transform: scale(0);
  1862.   transform: scale(0);
  1863.   opacity: 0;
  1864.   filter: alpha(opacity=0);
  1865. }
  1866. .total-amount,
  1867. .total-quantity {
  1868.   font-size: 13px;
  1869. }
  1870. .cart .table > tbody > tr > td,
  1871. .cart.table > tbody > tr > td {
  1872.   vertical-align: inherit;
  1873. }
  1874. .cart .quantity {
  1875.   width: 50px;
  1876.   font-size: 11px;
  1877. }
  1878. .cart .product {
  1879.   width: 220px;
  1880.   font-size: 13px;
  1881. }
  1882. .cart .product .small {
  1883.   display: block;
  1884.   color: #999999;
  1885. }
  1886. /* Cart and Checkout pages
  1887. ---------------------------------- */
  1888. .cart.table .price {
  1889.   width: 18%;
  1890.   font-size: 14px;
  1891. }
  1892. .cart.table .amount,
  1893. .cart.table .remove,
  1894. .cart.table .quantity {
  1895.   width: 12%;
  1896. }
  1897. .cart.table .quantity input {
  1898.   width: 60px;
  1899.   padding: 6px;
  1900. }
  1901. .cart.table .product {
  1902.   font-size: 15px;
  1903. }
  1904. .cart.table .product small {
  1905.   font-size: 12px;
  1906.   display: block;
  1907.   color: #999999;
  1908. }
  1909. .cart.table .amount {
  1910.   text-align: right;
  1911. }
  1912. .cart.table thead > tr > th {
  1913.   font-size: 16px;
  1914. }
  1915. .cart.table .total-quantity,
  1916. .cart.table .total-amount {
  1917.   padding-top: 15px;
  1918.   padding-bottom: 15px;
  1919.   font-size: 16px;
  1920.   font-weight: 700;
  1921. }
  1922. .cart.table .total-amount {
  1923.   text-align: right;
  1924. }
  1925. .cart.table .btn-remove {
  1926.   position: relative;
  1927.   top: -5px;
  1928. }
  1929. .cart.table .form-group {
  1930.   margin: 7px 0;
  1931. }
  1932. .table .information {
  1933.   width: 80%;
  1934. }
  1935. /* Small devices (tablets, phones less than 767px) */
  1936. @media (max-width: 767px) {
  1937.   .cart.table thead > tr > th {
  1938.     font-size: 14px;
  1939.   }
  1940.   .cart.table .amount,
  1941.   .cart.table .price {
  1942.     width: 12%;
  1943.   }
  1944.   .cart.table .remove,
  1945.   .cart.table .quantity {
  1946.     width: 8%;
  1947.   }
  1948.   .cart.table > thead > tr > th,
  1949.   .cart.table > tbody > tr > th,
  1950.   .cart.table > tfoot > tr > th,
  1951.   .cart.table > thead > tr > td,
  1952.   .cart.table > tbody > tr > td,
  1953.   .cart.table > tfoot > tr > td {
  1954.     padding: 8px 10px;
  1955.   }
  1956. }
  1957. /* Extra small devices (phones, less than 480px) */
  1958. @media (max-width: 480px) {
  1959.   .cart.table > thead > tr > th,
  1960.   .cart.table > tbody > tr > th,
  1961.   .cart.table > tfoot > tr > th,
  1962.   .cart.table > thead > tr > td,
  1963.   .cart.table > tbody > tr > td,
  1964.   .cart.table > tfoot > tr > td {
  1965.     padding: 8px 7px;
  1966.   }
  1967. }
  1968. /* About Us Pages
  1969. ---------------------------------- */
  1970. /* Small devices (tablets, phones less than 767px) */
  1971. @media (max-width: 767px) {
  1972.   .team-member {
  1973.     max-width: 480px;
  1974.     margin: 20px auto 20px !important;
  1975.   }
  1976. }
  1977. /* Coming Soon Page
  1978. ---------------------------------- */
  1979. .is-countdown {
  1980.   border: 1px solid transparent;
  1981.   background-color: transparent;
  1982. }
  1983. .countdown-row {
  1984.   height: 0;
  1985.   padding: 0;
  1986. }
  1987. .countdown-section {
  1988.   text-align: center;
  1989.   padding: 20px;
  1990.   border: 1px solid rgba(0, 0, 0, 0.1);
  1991.   background-color: rgba(0, 0, 0, 0.2);
  1992.   -webkit-border-radius: 5%;
  1993.   -moz-border-radius: 5%;
  1994.   border-radius: 5%;
  1995. }
  1996. .countdown-show4 .countdown-section {
  1997.   width: 24%;
  1998.   margin: 10px 0.5%;
  1999. }
  2000. .countdown-amount {
  2001.   font-size: 36px;
  2002.   font-weight: 700;
  2003.   display: block;
  2004. }
  2005. .countdown-period {
  2006.   display: block;
  2007.   font-size: 28px;
  2008.   line-height: 1.2;
  2009.   margin-top: 15px;
  2010. }
  2011. /* Small devices (tablets, phones less than 767px) */
  2012. @media (max-width: 767px) {
  2013.   .countdown-amount {
  2014.     font-size: 24px;
  2015.   }
  2016.   .countdown-period {
  2017.     font-size: 18px;
  2018.   }
  2019. }
  2020. /* Extra small devices (phones, less than 480px) */
  2021. @media (max-width: 480px) {
  2022.   .countdown-amount {
  2023.     font-size: 18px;
  2024.   }
  2025.   .countdown-period {
  2026.     font-size: 10px;
  2027.   }
  2028. }
  2029. /* Pages Misc
  2030. ---------------------------------- */
  2031. .icons-page i {
  2032.   font-size: 20px;
  2033.   width: 35px;
  2034.   text-align: center;
  2035. }
  2036. .grid span {
  2037.   padding: 5px 5px;
  2038.   background-color: #666;
  2039.   border: 1px solid #444;
  2040.   display: block;
  2041.   text-align: center;
  2042.   margin-bottom: 10px;
  2043.   color: #fff;
  2044. }
  2045. /* 5 Components
  2046. ----------------------------------------------------------------------------- */
  2047. /* Buttons
  2048. ---------------------------------- */
  2049. /*Buttons Color Variations*/
  2050. .btn:focus {
  2051.   color: inherit;
  2052. }
  2053. .btn {
  2054.   -webkit-transition: all 0.2s ease-in-out;
  2055.   -o-transition: all 0.2s ease-in-out;
  2056.   transition: all 0.2s ease-in-out;
  2057. }
  2058. /*Default Button*/
  2059. .btn-default {
  2060.   color: #ffffff;
  2061.   background-color: #09afdf;
  2062.   border-color: #0c9ec7;
  2063. }
  2064. .btn-default:hover,
  2065. .btn-default:focus,
  2066. .btn-default.focus,
  2067. .btn-default:active,
  2068. .btn-default.active,
  2069. .open > .dropdown-toggle.btn-default {
  2070.   color: #ffffff;
  2071.   background-color: #0c9ec7;
  2072.   border-color: #0c9ec7;
  2073. }
  2074. .btn-default.disabled,
  2075. .btn-default[disabled],
  2076. fieldset[disabled] .btn-default {
  2077.   background-color: #09afdf;
  2078.   border-color: #0c9ec7;
  2079. }
  2080. .btn-default-transparent {
  2081.   color: #777777;
  2082.   background-color: transparent;
  2083.   border-color: #09afdf;
  2084. }
  2085. .btn-default-transparent:hover,
  2086. .btn-default-transparent:focus,
  2087. .btn-default-transparent.focus,
  2088. .btn-default-transparent:active,
  2089. .btn-default-transparent.active,
  2090. .open > .dropdown-toggle.btn-default-transparent {
  2091.   color: #ffffff;
  2092.   background-color: #0c9ec7;
  2093.   border-color: #0781a4;
  2094. }
  2095. .dark-bg .btn-default-transparent {
  2096.   color: #ffffff;
  2097. }
  2098. .default-bg .btn-default,
  2099. .default-translucent-bg .btn-default,
  2100. .default-bg .btn-default-transparent,
  2101. .default-translucent-bg .btn-default-transparent {
  2102.   color: #09afdf;
  2103.   background-color: #ffffff;
  2104.   border-color: #ffffff;
  2105. }
  2106. .default-bg .btn-default:hover,
  2107. .default-translucent-bg .btn-default:hover,
  2108. .default-bg .btn-default:focus,
  2109. .default-translucent-bg .btn-default:focus,
  2110. .default-bg .btn-default.focus,
  2111. .default-translucent-bg .btn-default.focus,
  2112. .default-bg .btn-default:active,
  2113. .default-translucent-bg .btn-default:active,
  2114. .default-bg .btn-default.active,
  2115. .default-translucent-bg .btn-default.active,
  2116. .default-bg .open > .dropdown-toggle.btn-default,
  2117. .default-translucent-bg .open > .dropdown-toggle.btn-default,
  2118. .default-bg .btn-default-transparent:hover,
  2119. .default-translucent-bg .btn-default-transparent:hover,
  2120. .default-bg .btn-default-transparent:focus,
  2121. .default-translucent-bg .btn-default-transparent:focus,
  2122. .default-bg .btn-default-transparent.focus,
  2123. .default-translucent-bg .btn-default-transparent.focus,
  2124. .default-bg .btn-default-transparent:active,
  2125. .default-translucent-bg .btn-default-transparent:active,
  2126. .default-bg .btn-default-transparent.active,
  2127. .default-translucent-bg .btn-default-transparent.active,
  2128. .default-bg .open > .dropdown-toggle.btn-default-transparent,
  2129. .default-translucent-bg .open > .dropdown-toggle.btn-default-transparent {
  2130.   color: #ffffff;
  2131.   background-color: transparent;
  2132.   border-color: #ffffff;
  2133. }
  2134. .dark .btn-default {
  2135.   color: #ffffff;
  2136.   background-color: rgba(0, 0, 0, 0.2);
  2137.   border-color: rgba(0, 0, 0, 0.1);
  2138. }
  2139. .dark .btn-default .badge {
  2140.   color: rgba(0, 0, 0, 0.2);
  2141.   background-color: #ffffff;
  2142. }
  2143. .dark .btn-default:hover,
  2144. .dark .btn-default:focus,
  2145. .dark .btn-default.focus,
  2146. .dark .btn-default:active,
  2147. .dark .btn-default.active,
  2148. .dark .open > .dropdown-toggle.btn-default {
  2149.   color: #ffffff;
  2150.   background-color: rgba(0, 0, 0, 0.35);
  2151.   border-color: rgba(0, 0, 0, 0.2);
  2152. }
  2153. .colored .btn-default {
  2154.   color: #ffffff;
  2155.   background-color: rgba(0, 0, 0, 0.2);
  2156.   border-color: rgba(0, 0, 0, 0.01);
  2157. }
  2158. .colored .btn-default .badge {
  2159.   color: rgba(0, 0, 0, 0.2);
  2160.   background-color: #ffffff;
  2161. }
  2162. .colored .btn-default:hover,
  2163. .colored .btn-default:focus,
  2164. .colored .btn-default.focus,
  2165. .colored .btn-default:active,
  2166. .colored .btn-default.active,
  2167. .colored .open > .dropdown-toggle.btn-default {
  2168.   color: #ffffff;
  2169.   background-color: rgba(0, 0, 0, 0.3);
  2170.   border-color: rgba(0, 0, 0, 0.02);
  2171. }
  2172. .default-hovered:hover .btn-default-transparent {
  2173.   border-color: #ffffff;
  2174. }
  2175. /*White Button*/
  2176. .btn-white {
  2177.   color: #777777;
  2178.   background-color: #ffffff;
  2179.   border-color: #ffffff;
  2180. }
  2181. .btn-white:hover,
  2182. .btn-white:focus,
  2183. .btn-white.focus,
  2184. .btn-white:active,
  2185. .btn-white.active,
  2186. .open > .dropdown-toggle.btn-white {
  2187.   color: #0c9ec7;
  2188.   background-color: #ffffff;
  2189.   border-color: #ffffff;
  2190. }
  2191. /*Gray Button*/
  2192. .btn-gray {
  2193.   color: #333333;
  2194.   background-color: #e1e1e1;
  2195.   border-color: #d3d3d3;
  2196. }
  2197. .btn-gray:hover,
  2198. .btn-gray:focus,
  2199. .btn-gray.focus,
  2200. .btn-gray:active,
  2201. .btn-gray.active,
  2202. .open > .dropdown-toggle.btn-gray {
  2203.   color: #333333;
  2204.   background-color: #cdcdcd;
  2205.   border-color: #cdcdcd;
  2206. }
  2207. .btn-gray-transparent {
  2208.   color: #333333;
  2209.   background-color: transparent;
  2210.   border-color: #777777;
  2211. }
  2212. .btn-gray-transparent:hover,
  2213. .btn-gray-transparent:focus,
  2214. .btn-gray-transparent.focus,
  2215. .btn-gray-transparent:active,
  2216. .btn-gray-transparent.active,
  2217. .open > .dropdown-toggle.btn-gray-transparent {
  2218.   color: #ffffff;
  2219.   background-color: #333333;
  2220.   border-color: #333333;
  2221. }
  2222. .dark-bg .btn-gray-transparent {
  2223.   color: #ffffff;
  2224. }
  2225. .dark-bg .btn-gray-transparent:hover {
  2226.   border-color: #ffffff;
  2227.   color: #777777;
  2228.   background-color: #ffffff;
  2229. }
  2230. .dark-translucent-bg .btn-gray-transparent,
  2231. .default-translucent-bg .btn-gray-transparent,
  2232. .default-bg .btn-gray-transparent {
  2233.   border-color: #ffffff;
  2234.   color: #ffffff;
  2235. }
  2236. .dark-translucent-bg .btn-gray-transparent:hover,
  2237. .default-translucent-bg .btn-gray-transparent:hover,
  2238. .default-bg .btn-gray-transparent:hover,
  2239. .dark-translucent-bg .btn-gray-transparent:focus,
  2240. .default-translucent-bg .btn-gray-transparent:focus,
  2241. .default-bg .btn-gray-transparent:focus {
  2242.   border-color: #ffffff;
  2243.   color: #777777;
  2244.   background-color: #ffffff;
  2245. }
  2246. .default-hovered:hover .btn-gray-transparent {
  2247.   border-color: #ffffff;
  2248. }
  2249. .light-gray-bg.default-hovered:hover .btn-gray-transparent:hover {
  2250.   border-color: #333333;
  2251. }
  2252. /* Medium devices (desktops, tablets, 992px and up) */
  2253. @media (min-width: 992px) {
  2254.   .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent {
  2255.     border-color: #ffffff;
  2256.     color: #ffffff;
  2257.   }
  2258.   .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent:hover,
  2259.   .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent:focus {
  2260.     border-color: #ffffff;
  2261.     color: #777777;
  2262.     background-color: #ffffff;
  2263.   }
  2264. }
  2265. /*Dark Button*/
  2266. .btn-dark {
  2267.   color: #ffffff;
  2268.   background-color: #373737;
  2269.   border-color: #333333;
  2270. }
  2271. .btn-dark:hover,
  2272. .btn-dark:focus,
  2273. .btn-dark.focus,
  2274. .btn-dark:active,
  2275. .btn-dark.active,
  2276. .open > .dropdown-toggle.btn-dark {
  2277.   color: #ffffff;
  2278.   background-color: #111111;
  2279.   border-color: #111111;
  2280. }
  2281. .dark-bg .btn-dark {
  2282.   color: #ffffff;
  2283.   background-color: #222222;
  2284.   border-color: #171717;
  2285. }
  2286. .dark-bg .btn-dark:hover,
  2287. .dark-bg .btn-dark:focus,
  2288. .dark-bg .btn-dark.focus,
  2289. .dark-bg .btn-dark:active,
  2290. .dark-bg .btn-dark.active,
  2291. .dark-bg .open > .dropdown-toggle.btn-dark {
  2292.   color: #ffffff;
  2293.   background-color: #000000;
  2294.   border-color: #000000;
  2295. }
  2296. /*Buttons Sizes*/
  2297. .btn {
  2298.   padding: 7px 20px;
  2299.   font-size: 14px;
  2300.   line-height: 1.46666667;
  2301.   border-radius: 3px;
  2302.   margin: 10px 0;
  2303. }
  2304. .btn-sm {
  2305.   padding: 5px 15px;
  2306.   font-size: 12px;
  2307.   line-height: 1.46666667;
  2308.   border-radius: 3px;
  2309.   margin: 5px 0 10px 0px;
  2310. }
  2311. .btn-lg {
  2312.   padding: 10px 25px;
  2313.   font-size: 18px;
  2314.   line-height: 1.46666667;
  2315.   border-radius: 4px;
  2316.   margin: 10px 0;
  2317. }
  2318. .btn-lg2 {
  2319.   padding: 7px 20px;
  2320.   font-size: 14px;
  2321.   line-height: 1.46666667;
  2322.   border-radius: 3px;
RAW Paste Data
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
 
Top