Advertisement
Guest User

Untitled

a guest
Dec 10th, 2019
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.05 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css?family=Montserrat');
  2. html {
  3. font-family: sans-serif;
  4. -ms-text-size-adjust: 100%;
  5. -webkit-text-size-adjust: 100%;
  6. }
  7. article,
  8. aside,
  9. details,
  10. figcaption,
  11. figure,
  12. footer,
  13. header,
  14. hgroup,
  15. main,
  16. menu,
  17. nav,
  18. section,
  19. summary {
  20. display: block;
  21. }
  22. audio,
  23. canvas,
  24. progress,
  25. video {
  26. display: inline-block;
  27. vertical-align: baseline;
  28. }
  29. audio:not([controls]) {
  30. display: none;
  31. height: 0;
  32. }
  33. [hidden],
  34. template {
  35. display: none;
  36. }
  37. a {
  38. background-color: transparent;
  39. }
  40. a:active,
  41. a:hover {
  42. outline: 0;
  43. }
  44. abbr[title] {
  45. border-bottom: 1px dotted;
  46. }
  47. b,
  48. strong {
  49. font-weight: bold;
  50. }
  51. dfn {
  52. font-style: italic;
  53. }
  54. h1 {
  55. font-size: 2em;
  56. margin: 0.67em 0;
  57. }
  58. mark {
  59. background: #ff0;
  60. color: #000;
  61. }
  62. small {
  63. font-size: 80%;
  64. }
  65. sub,
  66. sup {
  67. font-size: 75%;
  68. line-height: 0;
  69. position: relative;
  70. vertical-align: baseline;
  71. }
  72. sup {
  73. top: -0.5em;
  74. }
  75. sub {
  76. bottom: -0.25em;
  77. }
  78. img {
  79. border: 0;
  80. }
  81. svg:not(:root) {
  82. overflow: hidden;
  83. }
  84. figure {
  85. margin: 1em 40px;
  86. }
  87. hr {
  88. -webkit-box-sizing: content-box;
  89. -moz-box-sizing: content-box;
  90. box-sizing: content-box;
  91. height: 0;
  92. }
  93. pre {
  94. overflow: auto;
  95. }
  96. code,
  97. kbd,
  98. pre,
  99. samp {
  100. font-family: monospace, monospace;
  101. font-size: 1em;
  102. }
  103. button,
  104. input,
  105. optgroup,
  106. select,
  107. textarea {
  108. color: inherit;
  109. font: inherit;
  110. margin: 0;
  111. }
  112. button {
  113. overflow: visible;
  114. }
  115. button,
  116. select {
  117. text-transform: none;
  118. }
  119. button,
  120. html input[type="button"],
  121. input[type="reset"],
  122. input[type="submit"] {
  123. -webkit-appearance: button;
  124. cursor: pointer;
  125. }
  126. button[disabled],
  127. html input[disabled] {
  128. cursor: default;
  129. }
  130. button::-moz-focus-inner,
  131. input::-moz-focus-inner {
  132. border: 0;
  133. padding: 0;
  134. }
  135. input {
  136. line-height: normal;
  137. }
  138. input[type="checkbox"],
  139. input[type="radio"] {
  140. -webkit-box-sizing: border-box;
  141. -moz-box-sizing: border-box;
  142. box-sizing: border-box;
  143. padding: 0;
  144. }
  145. input[type="number"]::-webkit-inner-spin-button,
  146. input[type="number"]::-webkit-outer-spin-button {
  147. height: auto;
  148. }
  149. input[type="search"] {
  150. -webkit-appearance: textfield;
  151. -webkit-box-sizing: content-box;
  152. -moz-box-sizing: content-box;
  153. box-sizing: content-box;
  154. }
  155. input[type="search"]::-webkit-search-cancel-button,
  156. input[type="search"]::-webkit-search-decoration {
  157. -webkit-appearance: none;
  158. }
  159. fieldset {
  160. border: 1px solid #c0c0c0;
  161. margin: 0 2px;
  162. padding: 0.35em 0.625em 0.75em;
  163. }
  164. legend {
  165. border: 0;
  166. padding: 0;
  167. }
  168. textarea {
  169. overflow: auto;
  170. }
  171. optgroup {
  172. font-weight: bold;
  173. }
  174. table {
  175. border-collapse: collapse;
  176. border-spacing: 0;
  177. }
  178. td,
  179. th {
  180. padding: 0;
  181. }
  182. * {
  183. -webkit-box-sizing: border-box;
  184. -moz-box-sizing: border-box;
  185. box-sizing: border-box;
  186. }
  187. *:before,
  188. *:after {
  189. -webkit-box-sizing: border-box;
  190. -moz-box-sizing: border-box;
  191. box-sizing: border-box;
  192. }
  193. html {
  194. font-size: 10px;
  195. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  196. }
  197. body {
  198. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  199. font-size: 14px;
  200. line-height: 1.42857143;
  201. color: #333333;
  202. background-color: #ffffff;
  203. }
  204. input,
  205. button,
  206. select,
  207. textarea {
  208. font-family: inherit;
  209. font-size: inherit;
  210. line-height: inherit;
  211. }
  212. figure {
  213. margin: 0;
  214. }
  215. img {
  216. vertical-align: middle;
  217. }
  218. hr {
  219. margin-top: 20px;
  220. margin-bottom: 20px;
  221. border: 0;
  222. border-top: 1px solid #eeeeee;
  223. }
  224. .sr-only {
  225. position: absolute;
  226. width: 1px;
  227. height: 1px;
  228. margin: -1px;
  229. padding: 0;
  230. overflow: hidden;
  231. clip: rect(0, 0, 0, 0);
  232. border: 0;
  233. }
  234. .sr-only-focusable:active,
  235. .sr-only-focusable:focus {
  236. position: static;
  237. width: auto;
  238. height: auto;
  239. margin: 0;
  240. overflow: visible;
  241. clip: auto;
  242. }
  243. [role="button"] {
  244. cursor: pointer;
  245. }
  246. .container {
  247. margin-right: auto;
  248. margin-left: auto;
  249. padding-left: 15px;
  250. padding-right: 15px;
  251. }
  252. @media (min-width: 768px) {
  253. .container {
  254. width: 750px;
  255. }
  256. }
  257. @media (min-width: 992px) {
  258. .container {
  259. width: 970px;
  260. }
  261. }
  262. @media (min-width: 1200px) {
  263. .container {
  264. width: 1170px;
  265. }
  266. }
  267. .container-fluid {
  268. margin-right: auto;
  269. margin-left: auto;
  270. padding-left: 15px;
  271. padding-right: 15px;
  272. }
  273. .row {
  274. margin-left: -15px;
  275. margin-right: -15px;
  276. }
  277. .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  278. position: relative;
  279. min-height: 1px;
  280. padding-left: 15px;
  281. padding-right: 15px;
  282. }
  283. .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  284. float: left;
  285. }
  286. .col-xs-12 {
  287. width: 100%;
  288. }
  289. .col-xs-11 {
  290. width: 91.66666667%;
  291. }
  292. .col-xs-10 {
  293. width: 83.33333333%;
  294. }
  295. .col-xs-9 {
  296. width: 75%;
  297. }
  298. .col-xs-8 {
  299. width: 66.66666667%;
  300. }
  301. .col-xs-7 {
  302. width: 58.33333333%;
  303. }
  304. .col-xs-6 {
  305. width: 50%;
  306. }
  307. .col-xs-5 {
  308. width: 41.66666667%;
  309. }
  310. .col-xs-4 {
  311. width: 33.33333333%;
  312. }
  313. .col-xs-3 {
  314. width: 25%;
  315. }
  316. .col-xs-2 {
  317. width: 16.66666667%;
  318. }
  319. .col-xs-1 {
  320. width: 8.33333333%;
  321. }
  322. .col-xs-pull-12 {
  323. right: 100%;
  324. }
  325. .col-xs-pull-11 {
  326. right: 91.66666667%;
  327. }
  328. .col-xs-pull-10 {
  329. right: 83.33333333%;
  330. }
  331. .col-xs-pull-9 {
  332. right: 75%;
  333. }
  334. .col-xs-pull-8 {
  335. right: 66.66666667%;
  336. }
  337. .col-xs-pull-7 {
  338. right: 58.33333333%;
  339. }
  340. .col-xs-pull-6 {
  341. right: 50%;
  342. }
  343. .col-xs-pull-5 {
  344. right: 41.66666667%;
  345. }
  346. .col-xs-pull-4 {
  347. right: 33.33333333%;
  348. }
  349. .col-xs-pull-3 {
  350. right: 25%;
  351. }
  352. .col-xs-pull-2 {
  353. right: 16.66666667%;
  354. }
  355. .col-xs-pull-1 {
  356. right: 8.33333333%;
  357. }
  358. .col-xs-pull-0 {
  359. right: auto;
  360. }
  361. .col-xs-push-12 {
  362. left: 100%;
  363. }
  364. .col-xs-push-11 {
  365. left: 91.66666667%;
  366. }
  367. .col-xs-push-10 {
  368. left: 83.33333333%;
  369. }
  370. .col-xs-push-9 {
  371. left: 75%;
  372. }
  373. .col-xs-push-8 {
  374. left: 66.66666667%;
  375. }
  376. .col-xs-push-7 {
  377. left: 58.33333333%;
  378. }
  379. .col-xs-push-6 {
  380. left: 50%;
  381. }
  382. .col-xs-push-5 {
  383. left: 41.66666667%;
  384. }
  385. .col-xs-push-4 {
  386. left: 33.33333333%;
  387. }
  388. .col-xs-push-3 {
  389. left: 25%;
  390. }
  391. .col-xs-push-2 {
  392. left: 16.66666667%;
  393. }
  394. .col-xs-push-1 {
  395. left: 8.33333333%;
  396. }
  397. .col-xs-push-0 {
  398. left: auto;
  399. }
  400. .col-xs-offset-12 {
  401. margin-left: 100%;
  402. }
  403. .col-xs-offset-11 {
  404. margin-left: 91.66666667%;
  405. }
  406. .col-xs-offset-10 {
  407. margin-left: 83.33333333%;
  408. }
  409. .col-xs-offset-9 {
  410. margin-left: 75%;
  411. }
  412. .col-xs-offset-8 {
  413. margin-left: 66.66666667%;
  414. }
  415. .col-xs-offset-7 {
  416. margin-left: 58.33333333%;
  417. }
  418. .col-xs-offset-6 {
  419. margin-left: 50%;
  420. }
  421. .col-xs-offset-5 {
  422. margin-left: 41.66666667%;
  423. }
  424. .col-xs-offset-4 {
  425. margin-left: 33.33333333%;
  426. }
  427. .col-xs-offset-3 {
  428. margin-left: 25%;
  429. }
  430. .col-xs-offset-2 {
  431. margin-left: 16.66666667%;
  432. }
  433. .col-xs-offset-1 {
  434. margin-left: 8.33333333%;
  435. }
  436. .col-xs-offset-0 {
  437. margin-left: 0%;
  438. }
  439. @media (min-width: 768px) {
  440. .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  441. float: left;
  442. }
  443. .col-sm-12 {
  444. width: 100%;
  445. }
  446. .col-sm-11 {
  447. width: 91.66666667%;
  448. }
  449. .col-sm-10 {
  450. width: 83.33333333%;
  451. }
  452. .col-sm-9 {
  453. width: 75%;
  454. }
  455. .col-sm-8 {
  456. width: 66.66666667%;
  457. }
  458. .col-sm-7 {
  459. width: 58.33333333%;
  460. }
  461. .col-sm-6 {
  462. width: 50%;
  463. }
  464. .col-sm-5 {
  465. width: 41.66666667%;
  466. }
  467. .col-sm-4 {
  468. width: 33.33333333%;
  469. }
  470. .col-sm-3 {
  471. width: 25%;
  472. }
  473. .col-sm-2 {
  474. width: 16.66666667%;
  475. }
  476. .col-sm-1 {
  477. width: 8.33333333%;
  478. }
  479. .col-sm-pull-12 {
  480. right: 100%;
  481. }
  482. .col-sm-pull-11 {
  483. right: 91.66666667%;
  484. }
  485. .col-sm-pull-10 {
  486. right: 83.33333333%;
  487. }
  488. .col-sm-pull-9 {
  489. right: 75%;
  490. }
  491. .col-sm-pull-8 {
  492. right: 66.66666667%;
  493. }
  494. .col-sm-pull-7 {
  495. right: 58.33333333%;
  496. }
  497. .col-sm-pull-6 {
  498. right: 50%;
  499. }
  500. .col-sm-pull-5 {
  501. right: 41.66666667%;
  502. }
  503. .col-sm-pull-4 {
  504. right: 33.33333333%;
  505. }
  506. .col-sm-pull-3 {
  507. right: 25%;
  508. }
  509. .col-sm-pull-2 {
  510. right: 16.66666667%;
  511. }
  512. .col-sm-pull-1 {
  513. right: 8.33333333%;
  514. }
  515. .col-sm-pull-0 {
  516. right: auto;
  517. }
  518. .col-sm-push-12 {
  519. left: 100%;
  520. }
  521. .col-sm-push-11 {
  522. left: 91.66666667%;
  523. }
  524. .col-sm-push-10 {
  525. left: 83.33333333%;
  526. }
  527. .col-sm-push-9 {
  528. left: 75%;
  529. }
  530. .col-sm-push-8 {
  531. left: 66.66666667%;
  532. }
  533. .col-sm-push-7 {
  534. left: 58.33333333%;
  535. }
  536. .col-sm-push-6 {
  537. left: 50%;
  538. }
  539. .col-sm-push-5 {
  540. left: 41.66666667%;
  541. }
  542. .col-sm-push-4 {
  543. left: 33.33333333%;
  544. }
  545. .col-sm-push-3 {
  546. left: 25%;
  547. }
  548. .col-sm-push-2 {
  549. left: 16.66666667%;
  550. }
  551. .col-sm-push-1 {
  552. left: 8.33333333%;
  553. }
  554. .col-sm-push-0 {
  555. left: auto;
  556. }
  557. .col-sm-offset-12 {
  558. margin-left: 100%;
  559. }
  560. .col-sm-offset-11 {
  561. margin-left: 91.66666667%;
  562. }
  563. .col-sm-offset-10 {
  564. margin-left: 83.33333333%;
  565. }
  566. .col-sm-offset-9 {
  567. margin-left: 75%;
  568. }
  569. .col-sm-offset-8 {
  570. margin-left: 66.66666667%;
  571. }
  572. .col-sm-offset-7 {
  573. margin-left: 58.33333333%;
  574. }
  575. .col-sm-offset-6 {
  576. margin-left: 50%;
  577. }
  578. .col-sm-offset-5 {
  579. margin-left: 41.66666667%;
  580. }
  581. .col-sm-offset-4 {
  582. margin-left: 33.33333333%;
  583. }
  584. .col-sm-offset-3 {
  585. margin-left: 25%;
  586. }
  587. .col-sm-offset-2 {
  588. margin-left: 16.66666667%;
  589. }
  590. .col-sm-offset-1 {
  591. margin-left: 8.33333333%;
  592. }
  593. .col-sm-offset-0 {
  594. margin-left: 0%;
  595. }
  596. }
  597. @media (min-width: 992px) {
  598. .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  599. float: left;
  600. }
  601. .col-md-12 {
  602. width: 100%;
  603. }
  604. .col-md-11 {
  605. width: 91.66666667%;
  606. }
  607. .col-md-10 {
  608. width: 83.33333333%;
  609. }
  610. .col-md-9 {
  611. width: 75%;
  612. }
  613. .col-md-8 {
  614. width: 66.66666667%;
  615. }
  616. .col-md-7 {
  617. width: 58.33333333%;
  618. }
  619. .col-md-6 {
  620. width: 50%;
  621. }
  622. .col-md-5 {
  623. width: 41.66666667%;
  624. }
  625. .col-md-4 {
  626. width: 33.33333333%;
  627. }
  628. .col-md-3 {
  629. width: 25%;
  630. }
  631. .col-md-2 {
  632. width: 16.66666667%;
  633. }
  634. .col-md-1 {
  635. width: 8.33333333%;
  636. }
  637. .col-md-pull-12 {
  638. right: 100%;
  639. }
  640. .col-md-pull-11 {
  641. right: 91.66666667%;
  642. }
  643. .col-md-pull-10 {
  644. right: 83.33333333%;
  645. }
  646. .col-md-pull-9 {
  647. right: 75%;
  648. }
  649. .col-md-pull-8 {
  650. right: 66.66666667%;
  651. }
  652. .col-md-pull-7 {
  653. right: 58.33333333%;
  654. }
  655. .col-md-pull-6 {
  656. right: 50%;
  657. }
  658. .col-md-pull-5 {
  659. right: 41.66666667%;
  660. }
  661. .col-md-pull-4 {
  662. right: 33.33333333%;
  663. }
  664. .col-md-pull-3 {
  665. right: 25%;
  666. }
  667. .col-md-pull-2 {
  668. right: 16.66666667%;
  669. }
  670. .col-md-pull-1 {
  671. right: 8.33333333%;
  672. }
  673. .col-md-pull-0 {
  674. right: auto;
  675. }
  676. .col-md-push-12 {
  677. left: 100%;
  678. }
  679. .col-md-push-11 {
  680. left: 91.66666667%;
  681. }
  682. .col-md-push-10 {
  683. left: 83.33333333%;
  684. }
  685. .col-md-push-9 {
  686. left: 75%;
  687. }
  688. .col-md-push-8 {
  689. left: 66.66666667%;
  690. }
  691. .col-md-push-7 {
  692. left: 58.33333333%;
  693. }
  694. .col-md-push-6 {
  695. left: 50%;
  696. }
  697. .col-md-push-5 {
  698. left: 41.66666667%;
  699. }
  700. .col-md-push-4 {
  701. left: 33.33333333%;
  702. }
  703. .col-md-push-3 {
  704. left: 25%;
  705. }
  706. .col-md-push-2 {
  707. left: 16.66666667%;
  708. }
  709. .col-md-push-1 {
  710. left: 8.33333333%;
  711. }
  712. .col-md-push-0 {
  713. left: auto;
  714. }
  715. .col-md-offset-12 {
  716. margin-left: 100%;
  717. }
  718. .col-md-offset-11 {
  719. margin-left: 91.66666667%;
  720. }
  721. .col-md-offset-10 {
  722. margin-left: 83.33333333%;
  723. }
  724. .col-md-offset-9 {
  725. margin-left: 75%;
  726. }
  727. .col-md-offset-8 {
  728. margin-left: 66.66666667%;
  729. }
  730. .col-md-offset-7 {
  731. margin-left: 58.33333333%;
  732. }
  733. .col-md-offset-6 {
  734. margin-left: 50%;
  735. }
  736. .col-md-offset-5 {
  737. margin-left: 41.66666667%;
  738. }
  739. .col-md-offset-4 {
  740. margin-left: 33.33333333%;
  741. }
  742. .col-md-offset-3 {
  743. margin-left: 25%;
  744. }
  745. .col-md-offset-2 {
  746. margin-left: 16.66666667%;
  747. }
  748. .col-md-offset-1 {
  749. margin-left: 8.33333333%;
  750. }
  751. .col-md-offset-0 {
  752. margin-left: 0%;
  753. }
  754. }
  755. @media (min-width: 1200px) {
  756. .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  757. float: left;
  758. }
  759. .col-lg-12 {
  760. width: 100%;
  761. }
  762. .col-lg-11 {
  763. width: 91.66666667%;
  764. }
  765. .col-lg-10 {
  766. width: 83.33333333%;
  767. }
  768. .col-lg-9 {
  769. width: 75%;
  770. }
  771. .col-lg-8 {
  772. width: 66.66666667%;
  773. }
  774. .col-lg-7 {
  775. width: 58.33333333%;
  776. }
  777. .col-lg-6 {
  778. width: 50%;
  779. }
  780. .col-lg-5 {
  781. width: 41.66666667%;
  782. }
  783. .col-lg-4 {
  784. width: 33.33333333%;
  785. }
  786. .col-lg-3 {
  787. width: 25%;
  788. }
  789. .col-lg-2 {
  790. width: 16.66666667%;
  791. }
  792. .col-lg-1 {
  793. width: 8.33333333%;
  794. }
  795. .col-lg-pull-12 {
  796. right: 100%;
  797. }
  798. .col-lg-pull-11 {
  799. right: 91.66666667%;
  800. }
  801. .col-lg-pull-10 {
  802. right: 83.33333333%;
  803. }
  804. .col-lg-pull-9 {
  805. right: 75%;
  806. }
  807. .col-lg-pull-8 {
  808. right: 66.66666667%;
  809. }
  810. .col-lg-pull-7 {
  811. right: 58.33333333%;
  812. }
  813. .col-lg-pull-6 {
  814. right: 50%;
  815. }
  816. .col-lg-pull-5 {
  817. right: 41.66666667%;
  818. }
  819. .col-lg-pull-4 {
  820. right: 33.33333333%;
  821. }
  822. .col-lg-pull-3 {
  823. right: 25%;
  824. }
  825. .col-lg-pull-2 {
  826. right: 16.66666667%;
  827. }
  828. .col-lg-pull-1 {
  829. right: 8.33333333%;
  830. }
  831. .col-lg-pull-0 {
  832. right: auto;
  833. }
  834. .col-lg-push-12 {
  835. left: 100%;
  836. }
  837. .col-lg-push-11 {
  838. left: 91.66666667%;
  839. }
  840. .col-lg-push-10 {
  841. left: 83.33333333%;
  842. }
  843. .col-lg-push-9 {
  844. left: 75%;
  845. }
  846. .col-lg-push-8 {
  847. left: 66.66666667%;
  848. }
  849. .col-lg-push-7 {
  850. left: 58.33333333%;
  851. }
  852. .col-lg-push-6 {
  853. left: 50%;
  854. }
  855. .col-lg-push-5 {
  856. left: 41.66666667%;
  857. }
  858. .col-lg-push-4 {
  859. left: 33.33333333%;
  860. }
  861. .col-lg-push-3 {
  862. left: 25%;
  863. }
  864. .col-lg-push-2 {
  865. left: 16.66666667%;
  866. }
  867. .col-lg-push-1 {
  868. left: 8.33333333%;
  869. }
  870. .col-lg-push-0 {
  871. left: auto;
  872. }
  873. .col-lg-offset-12 {
  874. margin-left: 100%;
  875. }
  876. .col-lg-offset-11 {
  877. margin-left: 91.66666667%;
  878. }
  879. .col-lg-offset-10 {
  880. margin-left: 83.33333333%;
  881. }
  882. .col-lg-offset-9 {
  883. margin-left: 75%;
  884. }
  885. .col-lg-offset-8 {
  886. margin-left: 66.66666667%;
  887. }
  888. .col-lg-offset-7 {
  889. margin-left: 58.33333333%;
  890. }
  891. .col-lg-offset-6 {
  892. margin-left: 50%;
  893. }
  894. .col-lg-offset-5 {
  895. margin-left: 41.66666667%;
  896. }
  897. .col-lg-offset-4 {
  898. margin-left: 33.33333333%;
  899. }
  900. .col-lg-offset-3 {
  901. margin-left: 25%;
  902. }
  903. .col-lg-offset-2 {
  904. margin-left: 16.66666667%;
  905. }
  906. .col-lg-offset-1 {
  907. margin-left: 8.33333333%;
  908. }
  909. .col-lg-offset-0 {
  910. margin-left: 0%;
  911. }
  912. }
  913. .clearfix:before,
  914. .clearfix:after,
  915. .container:before,
  916. .container:after,
  917. .container-fluid:before,
  918. .container-fluid:after,
  919. .row:before,
  920. .row:after {
  921. content: " ";
  922. display: table;
  923. }
  924. .clearfix:after,
  925. .container:after,
  926. .container-fluid:after,
  927. .row:after {
  928. clear: both;
  929. }
  930. .center-block {
  931. display: block;
  932. margin-left: auto;
  933. margin-right: auto;
  934. }
  935. .pull-right {
  936. float: right !important;
  937. }
  938. .pull-left {
  939. float: left !important;
  940. }
  941. .hide {
  942. display: none !important;
  943. }
  944. .show {
  945. display: block !important;
  946. }
  947. .invisible {
  948. visibility: hidden;
  949. }
  950. .text-hide {
  951. font: 0/0 a;
  952. color: transparent;
  953. text-shadow: none;
  954. background-color: transparent;
  955. border: 0;
  956. }
  957. .hidden {
  958. display: none !important;
  959. }
  960. .affix {
  961. position: fixed;
  962. }
  963. @-ms-viewport {
  964. width: device-width;
  965. }
  966. .visible-xs,
  967. .visible-sm,
  968. .visible-md,
  969. .visible-lg {
  970. display: none !important;
  971. }
  972. .visible-xs-block,
  973. .visible-xs-inline,
  974. .visible-xs-inline-block,
  975. .visible-sm-block,
  976. .visible-sm-inline,
  977. .visible-sm-inline-block,
  978. .visible-md-block,
  979. .visible-md-inline,
  980. .visible-md-inline-block,
  981. .visible-lg-block,
  982. .visible-lg-inline,
  983. .visible-lg-inline-block {
  984. display: none !important;
  985. }
  986. @media (max-width: 767px) {
  987. .visible-xs {
  988. display: block !important;
  989. }
  990. table.visible-xs {
  991. display: table !important;
  992. }
  993. tr.visible-xs {
  994. display: table-row !important;
  995. }
  996. th.visible-xs,
  997. td.visible-xs {
  998. display: table-cell !important;
  999. }
  1000. }
  1001. @media (max-width: 767px) {
  1002. .visible-xs-block {
  1003. display: block !important;
  1004. }
  1005. }
  1006. @media (max-width: 767px) {
  1007. .visible-xs-inline {
  1008. display: inline !important;
  1009. }
  1010. }
  1011. @media (max-width: 767px) {
  1012. .visible-xs-inline-block {
  1013. display: inline-block !important;
  1014. }
  1015. }
  1016. @media (min-width: 768px) and (max-width: 991px) {
  1017. .visible-sm {
  1018. display: block !important;
  1019. }
  1020. table.visible-sm {
  1021. display: table !important;
  1022. }
  1023. tr.visible-sm {
  1024. display: table-row !important;
  1025. }
  1026. th.visible-sm,
  1027. td.visible-sm {
  1028. display: table-cell !important;
  1029. }
  1030. }
  1031. @media (min-width: 768px) and (max-width: 991px) {
  1032. .visible-sm-block {
  1033. display: block !important;
  1034. }
  1035. }
  1036. @media (min-width: 768px) and (max-width: 991px) {
  1037. .visible-sm-inline {
  1038. display: inline !important;
  1039. }
  1040. }
  1041. @media (min-width: 768px) and (max-width: 991px) {
  1042. .visible-sm-inline-block {
  1043. display: inline-block !important;
  1044. }
  1045. }
  1046. @media (min-width: 992px) and (max-width: 1199px) {
  1047. .visible-md {
  1048. display: block !important;
  1049. }
  1050. table.visible-md {
  1051. display: table !important;
  1052. }
  1053. tr.visible-md {
  1054. display: table-row !important;
  1055. }
  1056. th.visible-md,
  1057. td.visible-md {
  1058. display: table-cell !important;
  1059. }
  1060. }
  1061. @media (min-width: 992px) and (max-width: 1199px) {
  1062. .visible-md-block {
  1063. display: block !important;
  1064. }
  1065. }
  1066. @media (min-width: 992px) and (max-width: 1199px) {
  1067. .visible-md-inline {
  1068. display: inline !important;
  1069. }
  1070. }
  1071. @media (min-width: 992px) and (max-width: 1199px) {
  1072. .visible-md-inline-block {
  1073. display: inline-block !important;
  1074. }
  1075. }
  1076. @media (min-width: 1200px) {
  1077. .visible-lg {
  1078. display: block !important;
  1079. }
  1080. table.visible-lg {
  1081. display: table !important;
  1082. }
  1083. tr.visible-lg {
  1084. display: table-row !important;
  1085. }
  1086. th.visible-lg,
  1087. td.visible-lg {
  1088. display: table-cell !important;
  1089. }
  1090. }
  1091. @media (min-width: 1200px) {
  1092. .visible-lg-block {
  1093. display: block !important;
  1094. }
  1095. }
  1096. @media (min-width: 1200px) {
  1097. .visible-lg-inline {
  1098. display: inline !important;
  1099. }
  1100. }
  1101. @media (min-width: 1200px) {
  1102. .visible-lg-inline-block {
  1103. display: inline-block !important;
  1104. }
  1105. }
  1106. @media (max-width: 767px) {
  1107. .hidden-xs {
  1108. display: none !important;
  1109. }
  1110. }
  1111. @media (min-width: 768px) and (max-width: 991px) {
  1112. .hidden-sm {
  1113. display: none !important;
  1114. }
  1115. }
  1116. @media (min-width: 992px) and (max-width: 1199px) {
  1117. .hidden-md {
  1118. display: none !important;
  1119. }
  1120. }
  1121. @media (min-width: 1200px) {
  1122. .hidden-lg {
  1123. display: none !important;
  1124. }
  1125. }
  1126. .visible-print {
  1127. display: none !important;
  1128. }
  1129. @media print {
  1130. .visible-print {
  1131. display: block !important;
  1132. }
  1133. table.visible-print {
  1134. display: table !important;
  1135. }
  1136. tr.visible-print {
  1137. display: table-row !important;
  1138. }
  1139. th.visible-print,
  1140. td.visible-print {
  1141. display: table-cell !important;
  1142. }
  1143. }
  1144. .visible-print-block {
  1145. display: none !important;
  1146. }
  1147. @media print {
  1148. .visible-print-block {
  1149. display: block !important;
  1150. }
  1151. }
  1152. .visible-print-inline {
  1153. display: none !important;
  1154. }
  1155. @media print {
  1156. .visible-print-inline {
  1157. display: inline !important;
  1158. }
  1159. }
  1160. .visible-print-inline-block {
  1161. display: none !important;
  1162. }
  1163. @media print {
  1164. .visible-print-inline-block {
  1165. display: inline-block !important;
  1166. }
  1167. }
  1168. @media print {
  1169. .hidden-print {
  1170. display: none !important;
  1171. }
  1172. }
  1173. body {
  1174. margin: 0;
  1175. font-family: 'Montserrat', sans-serif;
  1176. background: #fefefe;
  1177. color: #333333;
  1178. margin-bottom: 100px;
  1179. }
  1180. h1, h2, h3, h4 {
  1181. font-weight: 600;
  1182. text-transform: uppercase;
  1183. }
  1184. a, a:visited {
  1185. color: #2980b9;
  1186. text-decoration: none;
  1187. }
  1188. a:active {
  1189. color: #3498db;
  1190. }
  1191. a:hover {
  1192. text-decoration: underline;
  1193. }
  1194. blockquote {
  1195. padding: 10.5px 21px;
  1196. margin: 0 0 21px;
  1197. font-size: 18.75px;
  1198. border-left: 5px solid #efefef;
  1199. }
  1200. .align-center {
  1201. text-align: center;
  1202. }
  1203. .navigation-bar {
  1204. list-style-type: none;
  1205. margin: 0;
  1206. padding: 0;
  1207. background: #333333;
  1208. overflow: hidden;
  1209. }
  1210. .navigation-bar .uppercase {
  1211. text-transform: uppercase;
  1212. }
  1213. .navigation-bar li {
  1214. float: left;
  1215. }
  1216. .navigation-bar .active {
  1217. background: #111111;
  1218. }
  1219. .navigation-bar .brand a, .navigation-bar .brand a:hover {
  1220. padding: 12px 40px;
  1221. font-size: 17px;
  1222. background: #333333;
  1223. }
  1224. .navigation-bar li a {
  1225. display: block;
  1226. color: #ffffff;
  1227. text-align: center;
  1228. padding: 14px 16px;
  1229. text-decoration: none;
  1230. }
  1231. .navigation-bar li a:hover {
  1232. background: #111111;
  1233. }
  1234. .navigation-bar .right {
  1235. float: right;
  1236. }
  1237. .navigation-inverse {
  1238. background: #ecf0f1;
  1239. }
  1240. .navigation-inverse .brand a, .navigation-inverse .brand a:hover {
  1241. background: #ecf0f1;
  1242. color: #333333;
  1243. }
  1244. .navigation-inverse li a {
  1245. color: #333333;
  1246. }
  1247. .navigation-inverse li a:hover, .navigation-inverse .active a {
  1248. background: #3498db;
  1249. color: #ecf0f1;
  1250. }
  1251. .sidebar {
  1252. list-style-type: none;
  1253. padding: 0;
  1254. margin: 0;
  1255. background: #333333;
  1256. }
  1257. .sidebar li a {
  1258. display: block;
  1259. color: #ffffff;
  1260. padding: 10px 0 10px 20px;
  1261. text-decoration: none;
  1262. }
  1263. .sidebar li a:hover:not(.active), .sidebar .active {
  1264. background: #111111;
  1265. color: #ffffff;
  1266. }
  1267. .sidebar-inverse {
  1268. background: #ecf0f1;
  1269. }
  1270. .sidebar-inverse li a {
  1271. color: #333333;
  1272. }
  1273. .sidebar-inverse li a:hover:not(.active), .sidebar-inverse .active a {
  1274. background: #3498db;
  1275. color: #ffffff;
  1276. }
  1277. .lighter-h {
  1278. font-weight: 300;
  1279. }
  1280. .big-hero {
  1281. background: #3498db;
  1282. text-align: center;
  1283. font-weight: 600;
  1284. text-transform: uppercase;
  1285. padding: 50px 0 50px 0;
  1286. color: #ffffff;
  1287. font-size: 24px;
  1288. margin-bottom: 20px;
  1289. }
  1290. .bigger-hero {
  1291. padding:150px 0 150px 0;
  1292. }
  1293. a.button {
  1294. background: #ffffff;
  1295. border: 2px solid #3498db;
  1296. border-radius: 3px;
  1297. padding:10px;
  1298. margin: 5px;
  1299. text-transform: uppercase;
  1300. font-size: 12px;
  1301. -o-transition:.2s;
  1302. -ms-transition:.2s;
  1303. -moz-transition:.2s;
  1304. -webkit-transition:.2s;
  1305. transition:.2s;
  1306. }
  1307. a.button:hover {
  1308. background: #3498db;
  1309. color: #ffffff;
  1310. text-decoration: none;
  1311. }
  1312. a.button-large {
  1313. padding:20px 30px;
  1314. line-height:80px;
  1315. }
  1316. a.button-medium {
  1317. padding:10px;
  1318. line-height:40px;
  1319. }
  1320. a.button-small {
  1321. padding: 5px;
  1322. line-height:10px;
  1323. }
  1324. a.button-extra-small {
  1325. padding:5px;
  1326. font-size: 10px;
  1327. }
  1328. a.success-button {
  1329. border: 2px solid #2ecc71;
  1330. color: #2ecc71;
  1331. }
  1332. a.success-button:hover {
  1333. background: #2ecc71;
  1334. color: #ffffff;
  1335. }
  1336. .subtitle {
  1337. font-style: italic;
  1338. margin-top: -20px;
  1339. font-size: smaller;
  1340. color: #7f8c8d;
  1341. }
  1342. .feature {
  1343. text-align: center;
  1344. margin: 40px 0;
  1345. }
  1346. .feature .fa {
  1347. font-size: 48px;
  1348. color: #333333;
  1349. }
  1350. .feature h1, .feature h2, .feature h3, .feature h4 {
  1351. color: #3498db;
  1352. }
  1353. .feature p {
  1354. margin-top:-20px;
  1355. color: #333333;
  1356. }
  1357. .content {
  1358. margin: 10px 0 10px 0;
  1359. background: #ffffff;
  1360. border: 2px solid #eeeeee;
  1361. border-bottom-width: 5px;
  1362. padding: 20px;
  1363. }
  1364. .content-heading {
  1365. padding: 10px 10px 10px 20px;
  1366. background: #3498db;
  1367. color: #ffffff;
  1368. margin-bottom: -10px;
  1369. }
  1370.  
  1371. /* IDK Why Codepen wasn't importing that properly... */
  1372.  
  1373. .room-title {
  1374. margin:0;
  1375. }
  1376.  
  1377. .device-icon {
  1378. text-align:center;
  1379. font-size:102px;
  1380. }
  1381.  
  1382. a.button {
  1383. display:block;
  1384. text-align:center;
  1385. }
  1386.  
  1387. a.enabled {
  1388. background: #2ecc71;
  1389. color: #fff;
  1390. text-decoration:none;
  1391. }
  1392.  
  1393. a.enabled:hover {
  1394. border: 2px solid #2ecc71;
  1395. color: #2ecc71;
  1396. text-decoration:none;
  1397. background: #fff;
  1398. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement