API tools faq
paste
Advertisement
Guest User

the project core CSS file

a guest
Dec 11th, 2019
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 66.76 KB | None | 0 0
raw download clone embed print report
  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;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!