Advertisement
Guest User

Untitled

a guest
Jan 21st, 2018
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 89.67 KB | None | 0 0
  1. @charset "UTF-8";
  2. body{
  3. margin:0
  4. }
  5. article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
  6. display:block
  7. }
  8. audio,canvas,progress,video{
  9. display:inline-block;
  10. vertical-align:baseline
  11. }
  12. audio:not([controls]){
  13. display:none;
  14. height:0
  15. }
  16. [hidden],template{
  17. display:none
  18. }
  19. a{
  20. background-color:transparent
  21. }
  22. a:active,a:hover{
  23. outline:0
  24. }
  25. abbr[title]{
  26. border-bottom:1px dotted
  27. }
  28. b,strong{
  29. font-weight:700
  30. }
  31. dfn{
  32. font-style:italic
  33. }
  34. h1{
  35. margin:.67em 0
  36. }
  37. mark{
  38. background:#ff0;
  39. color:#000
  40. }
  41. small{
  42. font-size:80%
  43. }
  44. sub,sup{
  45. font-size:75%;
  46. line-height:0;
  47. position:relative;
  48. vertical-align:baseline
  49. }
  50. sup{
  51. top:-.5em
  52. }
  53. sub{
  54. bottom:-.25em
  55. }
  56. img{
  57. border:0
  58. }
  59. svg:not(:root){
  60. overflow:hidden
  61. }
  62. figure{
  63. margin:1em 40px
  64. }
  65. hr{
  66. box-sizing:content-box;
  67. height:0
  68. }
  69. pre{
  70. overflow:auto
  71. }
  72. code,kbd,pre,samp{
  73. font-family:monospace,monospace;
  74. font-size:1em
  75. }
  76. button,input,optgroup,select,textarea{
  77. color:inherit;
  78. font:inherit;
  79. margin:0
  80. }
  81. button{
  82. overflow:visible
  83. }
  84. button,select{
  85. text-transform:none
  86. }
  87. button,html input[type=button],input[type=reset],input[type=submit]{
  88. -webkit-appearance:button;
  89. cursor:pointer
  90. }
  91. button[disabled],html input[disabled]{
  92. cursor:default
  93. }
  94. button::-moz-focus-inner,input::-moz-focus-inner{
  95. border:0;
  96. padding:0
  97. }
  98. input{
  99. line-height:normal
  100. }
  101. input[type=checkbox],input[type=radio]{
  102. box-sizing:border-box;
  103. padding:0
  104. }
  105. input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
  106. height:auto
  107. }
  108. input[type=search]{
  109. -webkit-appearance:textfield;
  110. box-sizing:content-box
  111. }
  112. input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
  113. -webkit-appearance:none
  114. }
  115. fieldset{
  116. border:1px solid silver;
  117. margin:0 2px;
  118. padding:.35em .625em .75em
  119. }
  120. legend{
  121. border:0;
  122. padding:0
  123. }
  124. textarea{
  125. overflow:auto
  126. }
  127. optgroup{
  128. font-weight:700
  129. }
  130. table{
  131. border-collapse:collapse;
  132. border-spacing:0
  133. }
  134. td,th{
  135. padding:0
  136. }
  137. html{
  138. box-sizing:border-box
  139. }
  140. *,:after,:before{
  141. box-sizing:inherit
  142. }
  143. html{
  144. font-family:Raleway,sans-serif
  145. }
  146. .preload *{
  147. -webkit-transition:none!important;
  148. transition:none!important
  149. }
  150. body{
  151. color:#4B4D52;
  152. background-color:#eef0f5
  153. }
  154. body.theme--dark{
  155. color:#eef0f5;
  156. background-color:#3f4045
  157. }
  158. .page{
  159. position:relative;
  160. top:0;
  161. bottom:100%;
  162. left:0;
  163. min-height:100%;
  164. min-width:100%;
  165. z-index:1;
  166. -webkit-transition:-webkit-transform 250ms;
  167. transition:transform 250ms;
  168. box-shadow:5px 0 10px rgba(0,0,0,.18),5px 0 15px rgba(0,0,0,.15)
  169. }
  170. .page--offset{
  171. -webkit-transform:translate(-75vw,0);
  172. -ms-transform:translate(-75vw,0);
  173. transform:translate(-75vw,0)
  174. }
  175. h1,h2,h3,h4,h5,h6{
  176. margin-top:0;
  177. margin-bottom:24px;
  178. font-family:'PT Sans Narrow';
  179. border-bottom:2px solid
  180. }
  181. .theme--red h1,.theme--red h2,.theme--red h3,.theme--red h4,.theme--red h5,.theme--red h6{
  182. border-color:#f77066
  183. }
  184. .theme--pink h1,.theme--pink h2,.theme--pink h3,.theme--pink h4,.theme--pink h5,.theme--pink h6{
  185. border-color:#f491b2
  186. }
  187. .theme--purple h1,.theme--purple h2,.theme--purple h3,.theme--purple h4,.theme--purple h5,.theme--purple h6{
  188. border-color:#bc6cca
  189. }
  190. .theme--indigo h1,.theme--indigo h2,.theme--indigo h3,.theme--indigo h4,.theme--indigo h5,.theme--indigo h6{
  191. border-color:#606fc7
  192. }
  193. .theme--blue h1,.theme--blue h2,.theme--blue h3,.theme--blue h4,.theme--blue h5,.theme--blue h6{
  194. border-color:#4ca0ea
  195. }
  196. .theme--turquoise h1,.theme--turquoise h2,.theme--turquoise h3,.theme--turquoise h4,.theme--turquoise h5,.theme--turquoise h6{
  197. border-color:#30d0c1
  198. }
  199. .theme--green h1,.theme--green h2,.theme--green h3,.theme--green h4,.theme--green h5,.theme--green h6{
  200. border-color:#6ec071
  201. }
  202. .theme--lime h1,.theme--lime h2,.theme--lime h3,.theme--lime h4,.theme--lime h5,.theme--lime h6{
  203. border-color:#b5d98b
  204. }
  205. .theme--yellow h1,.theme--yellow h2,.theme--yellow h3,.theme--yellow h4,.theme--yellow h5,.theme--yellow h6{
  206. border-color:#fccf5f
  207. }
  208. .theme--orange h1,.theme--orange h2,.theme--orange h3,.theme--orange h4,.theme--orange h5,.theme--orange h6{
  209. border-color:#ffa32f
  210. }
  211. .theme--gray h1,.theme--gray h2,.theme--gray h3,.theme--gray h4,.theme--gray h5,.theme--gray h6{
  212. border-color:#bbbdc0
  213. }
  214. a{
  215. outline:0;
  216. text-decoration:none;
  217. -webkit-transition:all 150ms;
  218. transition:all 150ms;
  219. color:#4B4D52
  220. }
  221. .page-body a{
  222. border-bottom:2px solid #eef0f5
  223. }
  224. .theme--red .page-body a:focus,.theme--red .page-body a:hover{
  225. border-bottom-color:#f77066
  226. }
  227. .theme--pink .page-body a:focus,.theme--pink .page-body a:hover{
  228. border-bottom-color:#f491b2
  229. }
  230. .theme--purple .page-body a:focus,.theme--purple .page-body a:hover{
  231. border-bottom-color:#bc6cca
  232. }
  233. .theme--indigo .page-body a:focus,.theme--indigo .page-body a:hover{
  234. border-bottom-color:#606fc7
  235. }
  236. .theme--blue .page-body a:focus,.theme--blue .page-body a:hover{
  237. border-bottom-color:#4ca0ea
  238. }
  239. .theme--turquoise .page-body a:focus,.theme--turquoise .page-body a:hover{
  240. border-bottom-color:#30d0c1
  241. }
  242. .theme--green .page-body a:focus,.theme--green .page-body a:hover{
  243. border-bottom-color:#6ec071
  244. }
  245. .theme--lime .page-body a:focus,.theme--lime .page-body a:hover{
  246. border-bottom-color:#b5d98b
  247. }
  248. .theme--yellow .page-body a:focus,.theme--yellow .page-body a:hover{
  249. border-bottom-color:#fccf5f
  250. }
  251. .theme--orange .page-body a:focus,.theme--orange .page-body a:hover{
  252. border-bottom-color:#ffa32f
  253. }
  254. .theme--gray .page-body a:focus,.theme--gray .page-body a:hover{
  255. border-bottom-color:#bbbdc0
  256. }
  257. .theme--dark .page-body a{
  258. border-bottom-color:rgba(255,255,255,.25);
  259. color:#fff
  260. }
  261. .page-foot a,.page-side a{
  262. color:#fff;
  263. border-bottom:2px solid rgba(255,255,255,.25)
  264. }
  265. .page-foot a:focus,.page-foot a:hover,.page-side a:focus,.page-side a:hover{
  266. border-bottom-color:rgba(255,255,255,.5)
  267. }
  268. p{
  269. margin-top:0;
  270. margin-bottom:24px
  271. }
  272. html{
  273. font-size:1em;
  274. line-height:1.5;
  275. background-color:#fff;
  276. color:#333;
  277. overflow-y:scroll;
  278. min-height:100%;
  279. -webkit-text-size-adjust:100%;
  280. -ms-text-size-adjust:100%;
  281. -moz-osx-font-smoothing:grayscale;
  282. -webkit-font-smoothing:antialiased
  283. }
  284. h1{
  285. font-size:36px;
  286. font-size:2.25rem;
  287. line-height:1.33333
  288. }
  289. h2{
  290. font-size:30px;
  291. font-size:1.875rem;
  292. line-height:1.6
  293. }
  294. h3{
  295. font-size:24px;
  296. font-size:1.5rem;
  297. line-height:1
  298. }
  299. h4{
  300. font-size:20px;
  301. font-size:1.25rem;
  302. line-height:1.2
  303. }
  304. h5{
  305. font-size:16px;
  306. font-size:1rem;
  307. line-height:1.5
  308. }
  309. h6{
  310. font-size:14px;
  311. font-size:.875rem;
  312. line-height:1.71429
  313. }
  314. .lede{
  315. font-size:18px;
  316. font-size:1.125rem;
  317. line-height:1.33333
  318. }
  319. .layout{
  320. display:-webkit-flex;
  321. display:-ms-flexbox;
  322. display:-webkit-box;
  323. display:flex;
  324. -webkit-flex-wrap:wrap;
  325. -ms-flex-wrap:wrap;
  326. flex-wrap:wrap
  327. }
  328. .layout--middle{
  329. -webkit-box-align:center;
  330. -webkit-align-items:center;
  331. -ms-flex-align:center;
  332. align-items:center
  333. }
  334. .wrapper{
  335. padding-left:24px;
  336. padding-right:24px
  337. }
  338. @media screen and (min-width:64em){
  339. .wrapper{
  340. width:85%;
  341. max-width:1440px;
  342. margin:0 auto;
  343. padding:0
  344. }
  345. }
  346. .wrapper--full{
  347. padding:0
  348. }
  349. .btn{
  350. position:relative;
  351. border:0!important;
  352. color:#fff!important;
  353. box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
  354. -webkit-transition:all 250ms;
  355. transition:all 250ms
  356. }
  357. .theme--red .btn{
  358. background-color:#f44336
  359. }
  360. .theme--pink .btn{
  361. background-color:#F06292
  362. }
  363. .theme--purple .btn{
  364. background-color:#AB47BC
  365. }
  366. .theme--indigo .btn{
  367. background-color:#3F51B5
  368. }
  369. .theme--blue .btn{
  370. background-color:#1E88E5
  371. }
  372. .theme--turquoise .btn{
  373. background-color:#26A69A
  374. }
  375. .theme--green .btn{
  376. background-color:#4CAF50
  377. }
  378. .theme--lime .btn{
  379. background-color:#9CCC65
  380. }
  381. .theme--yellow .btn{
  382. background-color:#FBC02D
  383. }
  384. .theme--orange .btn{
  385. background-color:#FB8C00
  386. }
  387. .theme--gray .btn{
  388. background-color:#A0A3A8
  389. }
  390. .btn:focus,.btn:hover{
  391. box-shadow:0 5px 10px rgba(0,0,0,.18),0 5px 15px rgba(0,0,0,.15)
  392. }
  393. .theme--red .btn:focus,.theme--red .btn:hover{
  394. background-color:#f55a4e
  395. }
  396. .theme--pink .btn:focus,.theme--pink .btn:hover{
  397. background-color:#f279a2
  398. }
  399. .theme--purple .btn:focus,.theme--purple .btn:hover{
  400. background-color:#b45ac3
  401. }
  402. .theme--indigo .btn:focus,.theme--indigo .btn:hover{
  403. background-color:#4d5ec1
  404. }
  405. .theme--blue .btn:focus,.theme--blue .btn:hover{
  406. background-color:#3594e8
  407. }
  408. .theme--turquoise .btn:focus,.theme--turquoise .btn:hover{
  409. background-color:#2bbbad
  410. }
  411. .theme--green .btn:focus,.theme--green .btn:hover{
  412. background-color:#5cb860
  413. }
  414. .theme--lime .btn:focus,.theme--lime .btn:hover{
  415. background-color:#a8d278
  416. }
  417. .theme--yellow .btn:focus,.theme--yellow .btn:hover{
  418. background-color:#fbc846
  419. }
  420. .theme--orange .btn:focus,.theme--orange .btn:hover{
  421. background-color:#ff9816
  422. }
  423. .theme--gray .btn:focus,.theme--gray .btn:hover{
  424. background-color:#adb0b4
  425. }
  426. .theme--red .btn:active{
  427. background-color:#f44336
  428. }
  429. .theme--pink .btn:active{
  430. background-color:#F06292
  431. }
  432. .theme--purple .btn:active{
  433. background-color:#AB47BC
  434. }
  435. .theme--indigo .btn:active{
  436. background-color:#3F51B5
  437. }
  438. .theme--blue .btn:active{
  439. background-color:#1E88E5
  440. }
  441. .theme--turquoise .btn:active{
  442. background-color:#26A69A
  443. }
  444. .theme--green .btn:active{
  445. background-color:#4CAF50
  446. }
  447. .theme--lime .btn:active{
  448. background-color:#9CCC65
  449. }
  450. .theme--yellow .btn:active{
  451. background-color:#FBC02D
  452. }
  453. .theme--orange .btn:active{
  454. background-color:#FB8C00
  455. }
  456. .theme--gray .btn:active{
  457. background-color:#A0A3A8
  458. }
  459. .btn--secondary{
  460. box-shadow:none;
  461. background-color:transparent
  462. }
  463. .btn--tertiary{
  464. box-shadow:none;
  465. background-color:transparent!important
  466. }
  467. .theme--red .btn--tertiary{
  468. color:#f44336!important
  469. }
  470. .theme--pink .btn--tertiary{
  471. color:#F06292!important
  472. }
  473. .theme--purple .btn--tertiary{
  474. color:#AB47BC!important
  475. }
  476. .theme--indigo .btn--tertiary{
  477. color:#3F51B5!important
  478. }
  479. .theme--blue .btn--tertiary{
  480. color:#1E88E5!important
  481. }
  482. .theme--turquoise .btn--tertiary{
  483. color:#26A69A!important
  484. }
  485. .theme--green .btn--tertiary{
  486. color:#4CAF50!important
  487. }
  488. .theme--lime .btn--tertiary{
  489. color:#9CCC65!important
  490. }
  491. .theme--yellow .btn--tertiary{
  492. color:#FBC02D!important
  493. }
  494. .theme--orange .btn--tertiary{
  495. color:#FB8C00!important
  496. }
  497. .theme--gray .btn--tertiary{
  498. color:#A0A3A8!important
  499. }
  500. .btn--tertiary:focus,.btn--tertiary:hover{
  501. background-color:#eef0f5
  502. }
  503. .theme--dark .btn--tertiary:focus,.theme--dark .btn--tertiary:hover{
  504. background-color:#3f4045
  505. }
  506. .btn--block{
  507. display:block;
  508. width:100%
  509. }
  510. .btn--gamma{
  511. text-transform:uppercase;
  512. font-size:24px;
  513. font-size:1.5rem;
  514. line-height:1
  515. }
  516. .btn--disabled{
  517. pointer-events:none;
  518. opacity:.5
  519. }
  520. .btn--remove{
  521. background-color:#f44336!important
  522. }
  523. .btn--remove:focus,.btn--remove:hover{
  524. background-color:#f55a4e!important
  525. }
  526. .menu{
  527. position:relative
  528. }
  529. .menu__toggle{
  530. position:relative;
  531. -webkit-transition:all 150ms;
  532. transition:all 150ms
  533. }
  534. .menu__toggle--active,.menu__toggle--active:focus,.menu__toggle--active:hover{
  535. z-index:101;
  536. color:#4B4D52!important;
  537. background-color:#fff!important;
  538. border-radius:4px 4px 0 0;
  539. box-shadow:none
  540. }
  541. .menu--top .menu__toggle--active,.menu--top .menu__toggle--active:focus,.menu--top .menu__toggle--active:hover{
  542. border-radius:0 0 4px 4px
  543. }
  544. .theme--dark .menu__toggle--active,.theme--dark .menu__toggle--active:focus,.theme--dark .menu__toggle--active:hover{
  545. color:#eef0f5!important;
  546. background-color:#4B4D52!important
  547. }
  548. .menu__toggle .fa{
  549. vertical-align:middle
  550. }
  551. .menu__popup{
  552. position:absolute;
  553. top:100%;
  554. left:0;
  555. min-width:100%;
  556. padding:12px;
  557. border-radius:0 4px 4px;
  558. background-color:#fff;
  559. opacity:0;
  560. -webkit-transform:translate(0,-12px) scale(.75);
  561. -ms-transform:translate(0,-12px) scale(.75);
  562. transform:translate(0,-12px) scale(.75);
  563. -webkit-transform-origin:top left;
  564. -ms-transform-origin:top left;
  565. transform-origin:top left;
  566. -webkit-transition:opacity 150ms ease-in-out,-webkit-transform 150ms ease-in-out,box-shadow 150ms ease-in-out;
  567. transition:opacity 150ms ease-in-out,transform 150ms ease-in-out,box-shadow 150ms ease-in-out;
  568. z-index:-1
  569. }
  570. .theme--dark .menu__popup{
  571. background-color:#4B4D52
  572. }
  573. .menu__popup--open{
  574. z-index:100;
  575. opacity:1;
  576. -webkit-transform:none!important;
  577. -ms-transform:none!important;
  578. transform:none!important;
  579. box-shadow:0 5px 10px rgba(0,0,0,.18),0 5px 15px rgba(0,0,0,.15)
  580. }
  581. .menu__popup--closing{
  582. z-index:100;
  583. opacity:0
  584. }
  585. .menu--top .menu__popup{
  586. top:auto;
  587. bottom:100%;
  588. border-radius:4px 4px 4px 0;
  589. -webkit-transform:translate(0,12px) scale(.75);
  590. -ms-transform:translate(0,12px) scale(.75);
  591. transform:translate(0,12px) scale(.75);
  592. -webkit-transform-origin:bottom left;
  593. -ms-transform-origin:bottom left;
  594. transform-origin:bottom left
  595. }
  596. .menu--right .menu__popup{
  597. left:auto;
  598. right:0;
  599. border-radius:4px 0 4px 4px;
  600. -webkit-transform-origin:top right;
  601. -ms-transform-origin:top right;
  602. transform-origin:top right
  603. }
  604. .menu--top.menu--right .menu__popup{
  605. border-radius:4px 4px 0;
  606. -webkit-transform-origin:bottom right;
  607. -ms-transform-origin:bottom right;
  608. transform-origin:bottom right
  609. }
  610. .menu--center .menu__popup{
  611. -webkit-transform-origin:top center;
  612. -ms-transform-origin:top center;
  613. transform-origin:top center
  614. }
  615. .menu--center.menu--top .menu__popup{
  616. -webkit-transform-origin:bottom center;
  617. -ms-transform-origin:bottom center;
  618. transform-origin:bottom center
  619. }
  620. .option-list{
  621. overflow:hidden;
  622. padding:0;
  623. margin:-12px;
  624. border-radius:0 0 4px 4px;
  625. background-color:#fff
  626. }
  627. .menu--top .option-list{
  628. border-radius:4px 4px 0 0
  629. }
  630. .theme--dark .option-list{
  631. background-color:#4B4D52
  632. }
  633. .option-list>li{
  634. list-style:none
  635. }
  636. .option-list>li>a{
  637. display:block;
  638. line-height:2;
  639. text-align:center;
  640. border:0;
  641. background-color:#fff;
  642. color:#4B4D52
  643. }
  644. .option-list>li>a:focus,.option-list>li>a:hover{
  645. background-color:#eef0f5
  646. }
  647. .theme--dark .option-list>li>a{
  648. background-color:#4B4D52;
  649. color:#eef0f5
  650. }
  651. .theme--dark .option-list>li>a:focus,.theme--dark .option-list>li>a:hover{
  652. background-color:#3f4045
  653. }
  654. .theme--red .option-list__active>a{
  655. color:#fff!important;
  656. background-color:#f44336!important
  657. }
  658. .theme--pink .option-list__active>a{
  659. color:#fff!important;
  660. background-color:#F06292!important
  661. }
  662. .theme--purple .option-list__active>a{
  663. color:#fff!important;
  664. background-color:#AB47BC!important
  665. }
  666. .theme--indigo .option-list__active>a{
  667. color:#fff!important;
  668. background-color:#3F51B5!important
  669. }
  670. .theme--blue .option-list__active>a{
  671. color:#fff!important;
  672. background-color:#1E88E5!important
  673. }
  674. .theme--turquoise .option-list__active>a{
  675. color:#fff!important;
  676. background-color:#26A69A!important
  677. }
  678. .theme--green .option-list__active>a{
  679. color:#fff!important;
  680. background-color:#4CAF50!important
  681. }
  682. .theme--lime .option-list__active>a{
  683. color:#fff!important;
  684. background-color:#9CCC65!important
  685. }
  686. .theme--yellow .option-list__active>a{
  687. color:#fff!important;
  688. background-color:#FBC02D!important
  689. }
  690. .theme--orange .option-list__active>a{
  691. color:#fff!important;
  692. background-color:#FB8C00!important
  693. }
  694. .theme--gray .option-list__active>a{
  695. color:#fff!important;
  696. background-color:#A0A3A8!important
  697. }
  698. .progress{
  699. position:relative;
  700. border-radius:24px;
  701. background-color:#3f4045
  702. }
  703. .theme--dark .progress{
  704. background-color:#333437
  705. }
  706. .progress__elapsed{
  707. position:relative;
  708. max-width:100%;
  709. min-width:3rem;
  710. height:24px;
  711. border-radius:24px 4px 4px 24px
  712. }
  713. .progress__elapsed[width='100%']{
  714. border-radius:24px
  715. }
  716. .theme--red .progress__elapsed{
  717. background-color:#f44336
  718. }
  719. .theme--pink .progress__elapsed{
  720. background-color:#F06292
  721. }
  722. .theme--purple .progress__elapsed{
  723. background-color:#AB47BC
  724. }
  725. .theme--indigo .progress__elapsed{
  726. background-color:#3F51B5
  727. }
  728. .theme--blue .progress__elapsed{
  729. background-color:#1E88E5
  730. }
  731. .theme--turquoise .progress__elapsed{
  732. background-color:#26A69A
  733. }
  734. .theme--green .progress__elapsed{
  735. background-color:#4CAF50
  736. }
  737. .theme--lime .progress__elapsed{
  738. background-color:#9CCC65
  739. }
  740. .theme--yellow .progress__elapsed{
  741. background-color:#FBC02D
  742. }
  743. .theme--orange .progress__elapsed{
  744. background-color:#FB8C00
  745. }
  746. .theme--gray .progress__elapsed{
  747. background-color:#A0A3A8
  748. }
  749. .progress__number{
  750. position:absolute;
  751. right:0;
  752. top:-3px;
  753. height:30px;
  754. min-width:24px;
  755. padding-left:6px;
  756. padding-right:6px;
  757. text-align:center;
  758. font-weight:700;
  759. border-radius:2px;
  760. color:#fff;
  761. pointer-events:none;
  762. box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
  763. font-size:14px;
  764. font-size:.875rem;
  765. line-height:28px
  766. }
  767. .theme--red .progress__number{
  768. background-color:#f55a4e
  769. }
  770. .theme--pink .progress__number{
  771. background-color:#f279a2
  772. }
  773. .theme--purple .progress__number{
  774. background-color:#b45ac3
  775. }
  776. .theme--indigo .progress__number{
  777. background-color:#4d5ec1
  778. }
  779. .theme--blue .progress__number{
  780. background-color:#3594e8
  781. }
  782. .theme--turquoise .progress__number{
  783. background-color:#2bbbad
  784. }
  785. .theme--green .progress__number{
  786. background-color:#5cb860
  787. }
  788. .theme--lime .progress__number{
  789. background-color:#a8d278
  790. }
  791. .theme--yellow .progress__number{
  792. background-color:#fbc846
  793. }
  794. .theme--orange .progress__number{
  795. background-color:#ff9816
  796. }
  797. .theme--gray .progress__number{
  798. background-color:#adb0b4
  799. }
  800. .goal{
  801. margin-bottom:12px;
  802. text-align:center;
  803. font-size:20px;
  804. font-size:1.25rem;
  805. line-height:1.2
  806. }
  807. .select-wrap select,.text-input{
  808. display:block;
  809. width:100%;
  810. line-height:2.5;
  811. padding-left:12px;
  812. padding-right:12px;
  813. border-radius:4px;
  814. border:2px solid rgba(75,77,82,.15);
  815. background-color:transparent;
  816. -webkit-transition:all 150ms;
  817. transition:all 150ms;
  818. -webkit-appearance:none;
  819. -moz-appearance:none;
  820. appearance:none
  821. }
  822. .select-wrap select:hover,.text-input:hover{
  823. border-color:rgba(75,77,82,.3)
  824. }
  825. .select-wrap select:focus,.select-wrap select:focus:hover,.text-input:focus,.text-input:focus:hover{
  826. outline:0
  827. }
  828. .select-wrap .theme--red select:focus,.select-wrap .theme--red select:focus:hover,.theme--red .select-wrap select:focus,.theme--red .select-wrap select:focus:hover,.theme--red .text-input:focus,.theme--red .text-input:focus:hover{
  829. border-color:#f77066
  830. }
  831. .select-wrap .theme--pink select:focus,.select-wrap .theme--pink select:focus:hover,.theme--pink .select-wrap select:focus,.theme--pink .select-wrap select:focus:hover,.theme--pink .text-input:focus,.theme--pink .text-input:focus:hover{
  832. border-color:#f491b2
  833. }
  834. .select-wrap .theme--purple select:focus,.select-wrap .theme--purple select:focus:hover,.theme--purple .select-wrap select:focus,.theme--purple .select-wrap select:focus:hover,.theme--purple .text-input:focus,.theme--purple .text-input:focus:hover{
  835. border-color:#bc6cca
  836. }
  837. .select-wrap .theme--indigo select:focus,.select-wrap .theme--indigo select:focus:hover,.theme--indigo .select-wrap select:focus,.theme--indigo .select-wrap select:focus:hover,.theme--indigo .text-input:focus,.theme--indigo .text-input:focus:hover{
  838. border-color:#606fc7
  839. }
  840. .select-wrap .theme--blue select:focus,.select-wrap .theme--blue select:focus:hover,.theme--blue .select-wrap select:focus,.theme--blue .select-wrap select:focus:hover,.theme--blue .text-input:focus,.theme--blue .text-input:focus:hover{
  841. border-color:#4ca0ea
  842. }
  843. .select-wrap .theme--turquoise select:focus,.select-wrap .theme--turquoise select:focus:hover,.theme--turquoise .select-wrap select:focus,.theme--turquoise .select-wrap select:focus:hover,.theme--turquoise .text-input:focus,.theme--turquoise .text-input:focus:hover{
  844. border-color:#30d0c1
  845. }
  846. .select-wrap .theme--green select:focus,.select-wrap .theme--green select:focus:hover,.theme--green .select-wrap select:focus,.theme--green .select-wrap select:focus:hover,.theme--green .text-input:focus,.theme--green .text-input:focus:hover{
  847. border-color:#6ec071
  848. }
  849. .select-wrap .theme--lime select:focus,.select-wrap .theme--lime select:focus:hover,.theme--lime .select-wrap select:focus,.theme--lime .select-wrap select:focus:hover,.theme--lime .text-input:focus,.theme--lime .text-input:focus:hover{
  850. border-color:#b5d98b
  851. }
  852. .select-wrap .theme--yellow select:focus,.select-wrap .theme--yellow select:focus:hover,.theme--yellow .select-wrap select:focus,.theme--yellow .select-wrap select:focus:hover,.theme--yellow .text-input:focus,.theme--yellow .text-input:focus:hover{
  853. border-color:#fccf5f
  854. }
  855. .select-wrap .theme--orange select:focus,.select-wrap .theme--orange select:focus:hover,.theme--orange .select-wrap select:focus,.theme--orange .select-wrap select:focus:hover,.theme--orange .text-input:focus,.theme--orange .text-input:focus:hover{
  856. border-color:#ffa32f
  857. }
  858. .select-wrap .theme--gray select:focus,.select-wrap .theme--gray select:focus:hover,.theme--gray .select-wrap select:focus,.theme--gray .select-wrap select:focus:hover,.theme--gray .text-input:focus,.theme--gray .text-input:focus:hover{
  859. border-color:#bbbdc0
  860. }
  861. .select-wrap select[disabled=disabled],.text-input[disabled=disabled]{
  862. background-color:rgba(75,77,82,.15);
  863. border-color:transparent;
  864. pointer-events:none;
  865. opacity:.75
  866. }
  867. .select-wrap .theme--dark select,.theme--dark .select-wrap select,.theme--dark .text-input{
  868. border-color:rgba(238,240,245,.25)
  869. }
  870. .select-wrap .theme--dark select:hover,.theme--dark .select-wrap select:hover,.theme--dark .text-input:hover{
  871. border-color:rgba(238,240,245,.5)
  872. }
  873. .select-wrap .theme--dark select[disabled=disabled],.theme--dark .select-wrap select[disabled=disabled],.theme--dark .text-input[disabled=disabled]{
  874. background-color:rgba(238,240,245,.25)
  875. }
  876. .text-submit{
  877. display:-webkit-box;
  878. display:-webkit-flex;
  879. display:-ms-flexbox;
  880. display:flex;
  881. margin-bottom:24px
  882. }
  883. .select-wrap .text-submit select,.text-submit .select-wrap select,.text-submit .text-input{
  884. -webkit-box-flex:1;
  885. -webkit-flex:1 1 auto;
  886. -ms-flex:1 1 auto;
  887. flex:1 1 auto;
  888. border-radius:4px 0 0 4px;
  889. border-right:0
  890. }
  891. .text-submit .btn{
  892. -webkit-box-flex:0;
  893. -webkit-flex:0 0 auto;
  894. -ms-flex:0 0 auto;
  895. flex:0 0 auto;
  896. border-radius:0 4px 4px 0
  897. }
  898. input[type=checkbox]+label{
  899. position:relative;
  900. padding-left:1.75em;
  901. cursor:pointer
  902. }
  903. input[type=checkbox]+label:before{
  904. content:"";
  905. position:absolute;
  906. top:0;
  907. left:0;
  908. width:1.25em;
  909. height:1.25em;
  910. border:2px solid rgba(75,77,82,.15);
  911. border-radius:4px;
  912. -webkit-transition:all 150ms;
  913. transition:all 150ms
  914. }
  915. .page-foot input[type=checkbox]+label:before,.theme--dark input[type=checkbox]+label:before{
  916. border-color:rgba(238,240,245,.25)
  917. }
  918. input[type=checkbox]+label:focus:before,input[type=checkbox]+label:hover:before{
  919. border-color:rgba(75,77,82,.3)
  920. }
  921. .page-foot input[type=checkbox]+label:focus:before,.page-foot input[type=checkbox]+label:hover:before,.theme--dark input[type=checkbox]+label:focus:before,.theme--dark input[type=checkbox]+label:hover:before{
  922. border-color:rgba(238,240,245,.5)
  923. }
  924. input[type=checkbox]+label:after{
  925. position:absolute;
  926. top:.25em;
  927. left:.25em;
  928. content:"\f00c";
  929. font-family:fontawesome;
  930. font-style:normal;
  931. font-size:.8em;
  932. line-height:1;
  933. font-weight:400;
  934. opacity:0;
  935. -webkit-transform:scale(0);
  936. -ms-transform:scale(0);
  937. transform:scale(0);
  938. -webkit-transition:all 150ms;
  939. transition:all 150ms
  940. }
  941. input[type=checkbox]:checked+label:after{
  942. opacity:1;
  943. -webkit-transform:none;
  944. -ms-transform:none;
  945. transform:none
  946. }
  947. input[type=radio]+label{
  948. position:relative;
  949. padding-left:1.75em;
  950. cursor:pointer
  951. }
  952. input[type=radio]+label:before{
  953. content:"";
  954. position:absolute;
  955. top:0;
  956. left:0;
  957. width:1.25em;
  958. height:1.25em;
  959. border:2px solid rgba(75,77,82,.15);
  960. border-radius:1.25em;
  961. -webkit-transition:all 150ms;
  962. transition:all 150ms
  963. }
  964. .page-foot input[type=radio]+label:before,.theme--dark input[type=radio]+label:before{
  965. border-color:rgba(238,240,245,.25)
  966. }
  967. input[type=radio]+label:focus:before,input[type=radio]+label:hover:before{
  968. border-color:rgba(75,77,82,.3)
  969. }
  970. .page-foot input[type=radio]+label:focus:before,.page-foot input[type=radio]+label:hover:before,.theme--dark input[type=radio]+label:focus:before,.theme--dark input[type=radio]+label:hover:before{
  971. border-color:rgba(238,240,245,.5)
  972. }
  973. input[type=radio]+label:after{
  974. position:absolute;
  975. top:.53em;
  976. left:.57em;
  977. content:"\f111";
  978. font-family:fontawesome;
  979. font-style:normal;
  980. font-size:.6em;
  981. line-height:1;
  982. font-weight:400;
  983. opacity:0;
  984. -webkit-transform:scale(0);
  985. -ms-transform:scale(0);
  986. transform:scale(0);
  987. -webkit-transition:all 150ms;
  988. transition:all 150ms
  989. }
  990. input[type=radio]:checked+label:after{
  991. opacity:1;
  992. -webkit-transform:none;
  993. -ms-transform:none;
  994. transform:none
  995. }
  996. .select-wrap{
  997. position:relative
  998. }
  999. .select-wrap select{
  1000. text-indent:.01px;
  1001. text-overflow:"";
  1002. height:46px
  1003. }
  1004. .select-wrap:after{
  1005. content:"\f078";
  1006. font-family:fontawesome;
  1007. font-style:normal;
  1008. font-size:.8em;
  1009. line-height:1;
  1010. font-weight:400;
  1011. position:absolute;
  1012. right:1.25em;
  1013. top:1.25em;
  1014. pointer-events:none
  1015. }
  1016. .details{
  1017. position:relative
  1018. }
  1019. .input-currency{
  1020. position:absolute;
  1021. line-height:46px;
  1022. right:12px;
  1023. bottom:0
  1024. }
  1025. .table-wrap{
  1026. margin-bottom:24px;
  1027. max-width:100%;
  1028. overflow-x:auto;
  1029. border-radius:4px;
  1030. box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12)
  1031. }
  1032. .table{
  1033. width:100%;
  1034. border-collapse:collapse
  1035. }
  1036. .table__row{
  1037. -webkit-transition:all 150ms;
  1038. transition:all 150ms
  1039. }
  1040. .table__row:focus,.table__row:hover{
  1041. background-color:#eef0f5
  1042. }
  1043. .theme--dark .table__row:focus,.theme--dark .table__row:hover{
  1044. background-color:#3f4045
  1045. }
  1046. .table td,.table th{
  1047. padding:24px;
  1048. min-width:11em
  1049. }
  1050. .table th{
  1051. color:#fff
  1052. }
  1053. .theme--red .table th{
  1054. background-color:#f44336
  1055. }
  1056. .theme--pink .table th{
  1057. background-color:#F06292
  1058. }
  1059. .theme--purple .table th{
  1060. background-color:#AB47BC
  1061. }
  1062. .theme--indigo .table th{
  1063. background-color:#3F51B5
  1064. }
  1065. .theme--blue .table th{
  1066. background-color:#1E88E5
  1067. }
  1068. .theme--turquoise .table th{
  1069. background-color:#26A69A
  1070. }
  1071. .theme--green .table th{
  1072. background-color:#4CAF50
  1073. }
  1074. .theme--lime .table th{
  1075. background-color:#9CCC65
  1076. }
  1077. .theme--yellow .table th{
  1078. background-color:#FBC02D
  1079. }
  1080. .theme--orange .table th{
  1081. background-color:#FB8C00
  1082. }
  1083. .theme--gray .table th{
  1084. background-color:#A0A3A8
  1085. }
  1086. .table th:first-child{
  1087. border-radius:4px 0 0
  1088. }
  1089. .table th:last-child{
  1090. border-radius:0 4px 0 0
  1091. }
  1092. .layout{
  1093. list-style:none;
  1094. margin:0 0 0 -24px;
  1095. padding:0
  1096. }
  1097. .layout__item{
  1098. display:inline-block;
  1099. padding-left:24px;
  1100. vertical-align:top;
  1101. width:100%
  1102. }
  1103. .media{
  1104. display:block
  1105. }
  1106. .media__img{
  1107. float:left;
  1108. margin-right:24px
  1109. }
  1110. .media__img>img{
  1111. display:block
  1112. }
  1113. .media__body{
  1114. overflow:hidden;
  1115. display:block
  1116. }
  1117. .media__body,.media__body>:last-child{
  1118. margin-bottom:0
  1119. }
  1120. .btn{
  1121. display:inline-block;
  1122. vertical-align:middle;
  1123. font:inherit;
  1124. text-align:center;
  1125. margin:0;
  1126. cursor:pointer;
  1127. overflow:visible;
  1128. padding:12px 24px;
  1129. background-color:#26a69a;
  1130. border-radius:4px
  1131. }
  1132. .btn,.btn:active,.btn:focus,.btn:hover{
  1133. text-decoration:none;
  1134. color:#fff
  1135. }
  1136. .btn::-moz-focus-inner{
  1137. border:0;
  1138. padding:0
  1139. }
  1140. .btn--small{
  1141. padding:6px 12px
  1142. }
  1143. .btn--large{
  1144. padding:24px 48px
  1145. }
  1146. .page-head{
  1147. width:100%;
  1148. padding-bottom:24px
  1149. }
  1150. .theme--red .page-head{
  1151. background-color:#f44336
  1152. }
  1153. .theme--pink .page-head{
  1154. background-color:#F06292
  1155. }
  1156. .theme--purple .page-head{
  1157. background-color:#AB47BC
  1158. }
  1159. .theme--indigo .page-head{
  1160. background-color:#3F51B5
  1161. }
  1162. .theme--blue .page-head{
  1163. background-color:#1E88E5
  1164. }
  1165. .theme--turquoise .page-head{
  1166. background-color:#26A69A
  1167. }
  1168. .theme--green .page-head{
  1169. background-color:#4CAF50
  1170. }
  1171. .theme--lime .page-head{
  1172. background-color:#9CCC65
  1173. }
  1174. .theme--yellow .page-head{
  1175. background-color:#FBC02D
  1176. }
  1177. .theme--orange .page-head{
  1178. background-color:#FB8C00
  1179. }
  1180. .theme--gray .page-head{
  1181. background-color:#A0A3A8
  1182. }
  1183. .page-head>.wrapper{
  1184. position:relative;
  1185. padding-left:24px;
  1186. padding-right:24px
  1187. }
  1188. @media screen and (min-width:64em){
  1189. .page-head>.wrapper{
  1190. display:-webkit-box;
  1191. display:-webkit-flex;
  1192. display:-ms-flexbox;
  1193. display:flex;
  1194. -webkit-box-align:end;
  1195. -webkit-align-items:flex-end;
  1196. -ms-flex-align:end;
  1197. align-items:flex-end;
  1198. -webkit-flex-wrap:wrap;
  1199. -ms-flex-wrap:wrap;
  1200. flex-wrap:wrap;
  1201. -webkit-box-pack:justify;
  1202. -webkit-justify-content:space-between;
  1203. -ms-flex-pack:justify;
  1204. justify-content:space-between
  1205. }
  1206. }
  1207. .page-head--cover-img{
  1208. background-size:cover;
  1209. background-position:50% 50%
  1210. }
  1211. .page-head:not(.page-head--cover-img){
  1212. background-image:none!important
  1213. }
  1214. .site-logo{
  1215. -webkit-box-flex:0;
  1216. -webkit-flex:0 0 auto;
  1217. -ms-flex:0 0 auto;
  1218. flex:0 0 auto;
  1219. margin:0 auto;
  1220. padding-top:24px;
  1221. padding-bottom:24px;
  1222. text-align:center
  1223. }
  1224. .site-logo>img{
  1225. display:inline-block;
  1226. width:100%;
  1227. max-width:30em;
  1228. height:auto
  1229. }
  1230. @media screen and (min-width:64em){
  1231. .site-logo>img{
  1232. max-width:25em
  1233. }
  1234. }
  1235. .site-logo>span{
  1236. color:#fff;
  1237. font-weight:700;
  1238. font-family:'PT Sans Narrow';
  1239. font-size:64px;
  1240. font-size:4rem;
  1241. line-height:1.125
  1242. }
  1243. .site-nav{
  1244. position:absolute;
  1245. top:100%;
  1246. left:0;
  1247. right:0;
  1248. margin-top:0;
  1249. margin-left:0;
  1250. margin-bottom:0;
  1251. padding:0;
  1252. z-index:10;
  1253. opacity:0;
  1254. -webkit-transform:translate(0,-24px);
  1255. -ms-transform:translate(0,-24px);
  1256. transform:translate(0,-24px);
  1257. -webkit-transition:opacity 200ms,-webkit-transform 200ms;
  1258. transition:opacity 200ms,transform 200ms
  1259. }
  1260. @media screen and (min-width:64em){
  1261. .site-nav{
  1262. position:static;
  1263. -webkit-box-flex:0;
  1264. -webkit-flex:0 0 auto;
  1265. -ms-flex:0 0 auto;
  1266. flex:0 0 auto;
  1267. -webkit-align-self:flex-end;
  1268. -ms-flex-item-align:end;
  1269. align-self:flex-end;
  1270. max-width:100%;
  1271. height:auto;
  1272. text-align:center;
  1273. opacity:1;
  1274. -webkit-transform:none;
  1275. -ms-transform:none;
  1276. transform:none
  1277. }
  1278. .site-nav.hide{
  1279. clip:auto!important;
  1280. position:static!important
  1281. }
  1282. }
  1283. @media screen and (max-width:63.9375em){
  1284. .site-nav--open{
  1285. opacity:1;
  1286. -webkit-transform:none;
  1287. -ms-transform:none;
  1288. transform:none
  1289. }
  1290. }
  1291. .site-nav__item{
  1292. list-style:none;
  1293. margin:0;
  1294. padding:0
  1295. }
  1296. @media screen and (min-width:64em){
  1297. .site-nav__item{
  1298. display:inline-block
  1299. }
  1300. }
  1301. .site-nav__item>a{
  1302. position:relative;
  1303. display:block;
  1304. padding:12px 24px;
  1305. text-transform:uppercase;
  1306. font-weight:300;
  1307. color:#fff;
  1308. -webkit-transition:background-color 150ms,text-shadow 150ms;
  1309. transition:background-color 150ms,text-shadow 150ms;
  1310. font-size:20px;
  1311. font-size:1.25rem;
  1312. line-height:2
  1313. }
  1314. .theme--red .site-nav__item>a{
  1315. box-shadow:inset 0 0 0 #f54c40;
  1316. background-color:#f55a4e
  1317. }
  1318. .theme--pink .site-nav__item>a{
  1319. box-shadow:inset 0 0 0 #f16b98;
  1320. background-color:#f279a2
  1321. }
  1322. .theme--purple .site-nav__item>a{
  1323. box-shadow:inset 0 0 0 #ae4ebf;
  1324. background-color:#b45ac3
  1325. }
  1326. .theme--indigo .site-nav__item>a{
  1327. box-shadow:inset 0 0 0 #4254bd;
  1328. background-color:#4d5ec1
  1329. }
  1330. .theme--blue .site-nav__item>a{
  1331. box-shadow:inset 0 0 0 #278de6;
  1332. background-color:#3594e8
  1333. }
  1334. .theme--turquoise .site-nav__item>a{
  1335. box-shadow:inset 0 0 0 #28aea2;
  1336. background-color:#2bbbad
  1337. }
  1338. .theme--green .site-nav__item>a{
  1339. box-shadow:inset 0 0 0 #52b455;
  1340. background-color:#5cb860
  1341. }
  1342. .theme--lime .site-nav__item>a{
  1343. box-shadow:inset 0 0 0 #a1cf6d;
  1344. background-color:#a8d278
  1345. }
  1346. .theme--yellow .site-nav__item>a{
  1347. box-shadow:inset 0 0 0 #fbc337;
  1348. background-color:#fbc846
  1349. }
  1350. .theme--orange .site-nav__item>a{
  1351. box-shadow:inset 0 0 0 #ff9106;
  1352. background-color:#ff9816
  1353. }
  1354. .theme--gray .site-nav__item>a{
  1355. box-shadow:inset 0 0 0 #a5a8ad;
  1356. background-color:#adb0b4
  1357. }
  1358. @media screen and (min-width:64em){
  1359. .page-head--cover-img.page-head--cover-img .site-nav__item>a{
  1360. box-shadow:none;
  1361. background-color:transparent;
  1362. text-shadow:0 0 2px #000
  1363. }
  1364. .page-head--cover-img.page-head--cover-img .site-nav__item>a:focus,.page-head--cover-img.page-head--cover-img .site-nav__item>a:hover{
  1365. text-shadow:none
  1366. }
  1367. }
  1368. @media screen and (min-width:64em){
  1369. .site-nav__item>a{
  1370. border-radius:4px 4px 0 0
  1371. }
  1372. .theme--red .site-nav__item>a{
  1373. background-color:#f44336
  1374. }
  1375. .theme--pink .site-nav__item>a{
  1376. background-color:#F06292
  1377. }
  1378. .theme--purple .site-nav__item>a{
  1379. background-color:#AB47BC
  1380. }
  1381. .theme--indigo .site-nav__item>a{
  1382. background-color:#3F51B5
  1383. }
  1384. .theme--blue .site-nav__item>a{
  1385. background-color:#1E88E5
  1386. }
  1387. .theme--turquoise .site-nav__item>a{
  1388. background-color:#26A69A
  1389. }
  1390. .theme--green .site-nav__item>a{
  1391. background-color:#4CAF50
  1392. }
  1393. .theme--lime .site-nav__item>a{
  1394. background-color:#9CCC65
  1395. }
  1396. .theme--yellow .site-nav__item>a{
  1397. background-color:#FBC02D
  1398. }
  1399. .theme--orange .site-nav__item>a{
  1400. background-color:#FB8C00
  1401. }
  1402. .theme--gray .site-nav__item>a{
  1403. background-color:#A0A3A8
  1404. }
  1405. }
  1406. .site-nav__item>a:focus:after,.site-nav__item>a:hover:after{
  1407. -webkit-transform:none;
  1408. -ms-transform:none;
  1409. transform:none
  1410. }
  1411. .theme--red .site-nav__item>a:focus,.theme--red .site-nav__item>a:hover{
  1412. background-color:#f55a4e
  1413. }
  1414. .theme--pink .site-nav__item>a:focus,.theme--pink .site-nav__item>a:hover{
  1415. background-color:#f279a2
  1416. }
  1417. .theme--purple .site-nav__item>a:focus,.theme--purple .site-nav__item>a:hover{
  1418. background-color:#b45ac3
  1419. }
  1420. .theme--indigo .site-nav__item>a:focus,.theme--indigo .site-nav__item>a:hover{
  1421. background-color:#4d5ec1
  1422. }
  1423. .theme--blue .site-nav__item>a:focus,.theme--blue .site-nav__item>a:hover{
  1424. background-color:#3594e8
  1425. }
  1426. .theme--turquoise .site-nav__item>a:focus,.theme--turquoise .site-nav__item>a:hover{
  1427. background-color:#2bbbad
  1428. }
  1429. .theme--green .site-nav__item>a:focus,.theme--green .site-nav__item>a:hover{
  1430. background-color:#5cb860
  1431. }
  1432. .theme--lime .site-nav__item>a:focus,.theme--lime .site-nav__item>a:hover{
  1433. background-color:#a8d278
  1434. }
  1435. .theme--yellow .site-nav__item>a:focus,.theme--yellow .site-nav__item>a:hover{
  1436. background-color:#fbc846
  1437. }
  1438. .theme--orange .site-nav__item>a:focus,.theme--orange .site-nav__item>a:hover{
  1439. background-color:#ff9816
  1440. }
  1441. .theme--gray .site-nav__item>a:focus,.theme--gray .site-nav__item>a:hover{
  1442. background-color:#adb0b4
  1443. }
  1444. .site-nav__item .fa{
  1445. position:relative;
  1446. top:-.25em;
  1447. font-size:14px;
  1448. font-size:.875rem;
  1449. line-height:1.71429
  1450. }
  1451. .theme--red .site-nav__item .menu__toggle--active{
  1452. color:#fff!important;
  1453. background-color:#f55a4e!important
  1454. }
  1455. .theme--pink .site-nav__item .menu__toggle--active{
  1456. color:#fff!important;
  1457. background-color:#f279a2!important
  1458. }
  1459. .theme--purple .site-nav__item .menu__toggle--active{
  1460. color:#fff!important;
  1461. background-color:#b45ac3!important
  1462. }
  1463. .theme--indigo .site-nav__item .menu__toggle--active{
  1464. color:#fff!important;
  1465. background-color:#4d5ec1!important
  1466. }
  1467. .theme--blue .site-nav__item .menu__toggle--active{
  1468. color:#fff!important;
  1469. background-color:#3594e8!important
  1470. }
  1471. .theme--turquoise .site-nav__item .menu__toggle--active{
  1472. color:#fff!important;
  1473. background-color:#2bbbad!important
  1474. }
  1475. .theme--green .site-nav__item .menu__toggle--active{
  1476. color:#fff!important;
  1477. background-color:#5cb860!important
  1478. }
  1479. .theme--lime .site-nav__item .menu__toggle--active{
  1480. color:#fff!important;
  1481. background-color:#a8d278!important
  1482. }
  1483. .theme--yellow .site-nav__item .menu__toggle--active{
  1484. color:#fff!important;
  1485. background-color:#fbc846!important
  1486. }
  1487. .theme--orange .site-nav__item .menu__toggle--active{
  1488. color:#fff!important;
  1489. background-color:#ff9816!important
  1490. }
  1491. .theme--gray .site-nav__item .menu__toggle--active{
  1492. color:#fff!important;
  1493. background-color:#adb0b4!important
  1494. }
  1495. .site-nav__item .menu__popup{
  1496. position:static;
  1497. margin:0;
  1498. padding:0;
  1499. border-radius:0;
  1500. color:#fff;
  1501. text-align:center
  1502. }
  1503. .theme--red .site-nav__item .menu__popup{
  1504. background-color:#f44336
  1505. }
  1506. .theme--pink .site-nav__item .menu__popup{
  1507. background-color:#F06292
  1508. }
  1509. .theme--purple .site-nav__item .menu__popup{
  1510. background-color:#AB47BC
  1511. }
  1512. .theme--indigo .site-nav__item .menu__popup{
  1513. background-color:#3F51B5
  1514. }
  1515. .theme--blue .site-nav__item .menu__popup{
  1516. background-color:#1E88E5
  1517. }
  1518. .theme--turquoise .site-nav__item .menu__popup{
  1519. background-color:#26A69A
  1520. }
  1521. .theme--green .site-nav__item .menu__popup{
  1522. background-color:#4CAF50
  1523. }
  1524. .theme--lime .site-nav__item .menu__popup{
  1525. background-color:#9CCC65
  1526. }
  1527. .theme--yellow .site-nav__item .menu__popup{
  1528. background-color:#FBC02D
  1529. }
  1530. .theme--orange .site-nav__item .menu__popup{
  1531. background-color:#FB8C00
  1532. }
  1533. .theme--gray .site-nav__item .menu__popup{
  1534. background-color:#A0A3A8
  1535. }
  1536. @media screen and (min-width:64em){
  1537. .site-nav__item .menu__popup{
  1538. position:absolute;
  1539. border-radius:0 0 4px 4px
  1540. }
  1541. .theme--red .site-nav__item .menu__popup{
  1542. background-color:#f55a4e
  1543. }
  1544. .theme--pink .site-nav__item .menu__popup{
  1545. background-color:#f279a2
  1546. }
  1547. .theme--purple .site-nav__item .menu__popup{
  1548. background-color:#b45ac3
  1549. }
  1550. .theme--indigo .site-nav__item .menu__popup{
  1551. background-color:#4d5ec1
  1552. }
  1553. .theme--blue .site-nav__item .menu__popup{
  1554. background-color:#3594e8
  1555. }
  1556. .theme--turquoise .site-nav__item .menu__popup{
  1557. background-color:#2bbbad
  1558. }
  1559. .theme--green .site-nav__item .menu__popup{
  1560. background-color:#5cb860
  1561. }
  1562. .theme--lime .site-nav__item .menu__popup{
  1563. background-color:#a8d278
  1564. }
  1565. .theme--yellow .site-nav__item .menu__popup{
  1566. background-color:#fbc846
  1567. }
  1568. .theme--orange .site-nav__item .menu__popup{
  1569. background-color:#ff9816
  1570. }
  1571. .theme--gray .site-nav__item .menu__popup{
  1572. background-color:#adb0b4
  1573. }
  1574. }
  1575. @media screen and (max-width:63.9375em){
  1576. .site-nav__item .menu__popup{
  1577. -webkit-transform:none;
  1578. -ms-transform:none;
  1579. transform:none;
  1580. -webkit-transition:-webkit-transform 200ms;
  1581. transition:transform 200ms
  1582. }
  1583. }
  1584. .site-nav__item .menu__popup>li{
  1585. list-style:none;
  1586. background-color:transparent;
  1587. opacity:0;
  1588. -webkit-transition:opacity 250ms;
  1589. transition:opacity 250ms
  1590. }
  1591. .site-nav__item .menu__popup>li>a{
  1592. display:block;
  1593. padding:12px;
  1594. font-weight:300;
  1595. color:#fff
  1596. }
  1597. .theme--red .site-nav__item .menu__popup>li>a:focus,.theme--red .site-nav__item .menu__popup>li>a:hover{
  1598. background-color:#f54e42
  1599. }
  1600. .theme--pink .site-nav__item .menu__popup>li>a:focus,.theme--pink .site-nav__item .menu__popup>li>a:hover{
  1601. background-color:#f16e9a
  1602. }
  1603. .theme--purple .site-nav__item .menu__popup>li>a:focus,.theme--purple .site-nav__item .menu__popup>li>a:hover{
  1604. background-color:#af50bf
  1605. }
  1606. .theme--indigo .site-nav__item .menu__popup>li>a:focus,.theme--indigo .site-nav__item .menu__popup>li>a:hover{
  1607. background-color:#4356be
  1608. }
  1609. .theme--blue .site-nav__item .menu__popup>li>a:focus,.theme--blue .site-nav__item .menu__popup>li>a:hover{
  1610. background-color:#298ee6
  1611. }
  1612. .theme--turquoise .site-nav__item .menu__popup>li>a:focus,.theme--turquoise .site-nav__item .menu__popup>li>a:hover{
  1613. background-color:#28b0a4
  1614. }
  1615. .theme--green .site-nav__item .menu__popup>li>a:focus,.theme--green .site-nav__item .menu__popup>li>a:hover{
  1616. background-color:#53b457
  1617. }
  1618. .theme--lime .site-nav__item .menu__popup>li>a:focus,.theme--lime .site-nav__item .menu__popup>li>a:hover{
  1619. background-color:#a2cf6f
  1620. }
  1621. .theme--yellow .site-nav__item .menu__popup>li>a:focus,.theme--yellow .site-nav__item .menu__popup>li>a:hover{
  1622. background-color:#fbc43a
  1623. }
  1624. .theme--orange .site-nav__item .menu__popup>li>a:focus,.theme--orange .site-nav__item .menu__popup>li>a:hover{
  1625. background-color:#ff9209
  1626. }
  1627. .theme--gray .site-nav__item .menu__popup>li>a:focus,.theme--gray .site-nav__item .menu__popup>li>a:hover{
  1628. background-color:#a7a9ae
  1629. }
  1630. .site-nav__item .menu__popup>li:last-child>a{
  1631. border-radius:0 0 4px 4px
  1632. }
  1633. .site-nav__item .menu__popup--open>li{
  1634. opacity:1
  1635. }
  1636. .site-nav__item .menu__popup--closing{
  1637. height:0
  1638. }
  1639. @media screen and (min-width:64em){
  1640. .site-nav__item .menu__popup--closing{
  1641. height:auto
  1642. }
  1643. }
  1644. .site-nav__item--active>a{
  1645. z-index:101;
  1646. text-shadow:none!important;
  1647. background:#fff!important
  1648. }
  1649. .theme--red .site-nav__item--active>a{
  1650. color:#f44336
  1651. }
  1652. .theme--pink .site-nav__item--active>a{
  1653. color:#F06292
  1654. }
  1655. .theme--purple .site-nav__item--active>a{
  1656. color:#AB47BC
  1657. }
  1658. .theme--indigo .site-nav__item--active>a{
  1659. color:#3F51B5
  1660. }
  1661. .theme--blue .site-nav__item--active>a{
  1662. color:#1E88E5
  1663. }
  1664. .theme--turquoise .site-nav__item--active>a{
  1665. color:#26A69A
  1666. }
  1667. .theme--green .site-nav__item--active>a{
  1668. color:#4CAF50
  1669. }
  1670. .theme--lime .site-nav__item--active>a{
  1671. color:#9CCC65
  1672. }
  1673. .theme--yellow .site-nav__item--active>a{
  1674. color:#FBC02D
  1675. }
  1676. .theme--orange .site-nav__item--active>a{
  1677. color:#FB8C00
  1678. }
  1679. .theme--gray .site-nav__item--active>a{
  1680. color:#A0A3A8
  1681. }
  1682. .theme--dark .site-nav__item--active>a{
  1683. background:#4B4D52!important;
  1684. color:#eef0f5
  1685. }
  1686. .mobile-nav-toggle{
  1687. position:absolute;
  1688. right:24px;
  1689. top:50%;
  1690. -webkit-transform:translate(0,-50%);
  1691. -ms-transform:translate(0,-50%);
  1692. transform:translate(0,-50%);
  1693. width:48px;
  1694. height:48px;
  1695. background-color:red
  1696. }
  1697. @media screen and (min-width:64em){
  1698. .mobile-nav-toggle{
  1699. display:none
  1700. }
  1701. }
  1702. .top-bar{
  1703. text-align:right;
  1704. padding-top:6px;
  1705. padding-bottom:6px;
  1706. padding-right:32px;
  1707. background-color:#4B4D52
  1708. }
  1709. .theme--red .top-bar{
  1710. background-color:#ea1c0d
  1711. }
  1712. .theme--pink .top-bar{
  1713. background-color:#ec3372
  1714. }
  1715. .theme--purple .top-bar{
  1716. background-color:#8a3898
  1717. }
  1718. .theme--indigo .top-bar{
  1719. background-color:#32408f
  1720. }
  1721. .theme--blue .top-bar{
  1722. background-color:#166dba
  1723. }
  1724. .theme--turquoise .top-bar{
  1725. background-color:#1c7d74
  1726. }
  1727. .theme--green .top-bar{
  1728. background-color:#3d8b40
  1729. }
  1730. .theme--lime .top-bar{
  1731. background-color:#83bf3f
  1732. }
  1733. .theme--yellow .top-bar{
  1734. background-color:#f0ad05
  1735. }
  1736. .theme--orange .top-bar{
  1737. background-color:#c87000
  1738. }
  1739. .theme--gray .top-bar{
  1740. background-color:#858990
  1741. }
  1742. .page-head--cover-img .top-bar{
  1743. background:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
  1744. background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)
  1745. }
  1746. @media screen and (min-width:64em){
  1747. .top-bar{
  1748. padding-right:0
  1749. }
  1750. }
  1751. .top-bar .menu{
  1752. display:inline-block
  1753. }
  1754. .menu--cart .menu__toggle,.menu--currency .menu__toggle{
  1755. text-transform:uppercase;
  1756. background-color:transparent;
  1757. color:#fff;
  1758. z-index:103;
  1759. font-size:16px;
  1760. font-size:1rem;
  1761. line-height:1.5
  1762. }
  1763. @media screen and (min-width:64em){
  1764. .menu--cart .menu__toggle,.menu--currency .menu__toggle{
  1765. font-size:14px;
  1766. font-size:.875rem;
  1767. line-height:1.71429
  1768. }
  1769. }
  1770. .menu--cart .menu__popup,.menu--currency .menu__popup{
  1771. right:0;
  1772. left:auto;
  1773. border-radius:4px 0 4px 4px
  1774. }
  1775. .menu--cart .menu__popup--open,.menu--currency .menu__popup--open{
  1776. z-index:102
  1777. }
  1778. .menu--currency .menu__toggle .fa{
  1779. margin-top:-.5em;
  1780. font-size:10px;
  1781. font-size:.625rem;
  1782. line-height:2.4
  1783. }
  1784. .menu--cart .menu__toggle .fa{
  1785. margin-top:-.25em;
  1786. margin-right:.25em;
  1787. font-size:22px;
  1788. font-size:1.375rem;
  1789. line-height:1.09091
  1790. }
  1791. .menu--cart .menu__toggle .toggle__icon{
  1792. position:relative
  1793. }
  1794. .menu--cart .menu__toggle .cart-number{
  1795. position:absolute;
  1796. top:-.25em;
  1797. right:.35em;
  1798. font-size:.75em;
  1799. font-weight:700;
  1800. min-width:1.15em;
  1801. height:1.15em;
  1802. line-height:1em;
  1803. padding:0 .2em;
  1804. border-radius:1em;
  1805. background-color:#4B4D52
  1806. }
  1807. .menu--cart .menu__toggle--active .cart-number{
  1808. color:#fff
  1809. }
  1810. .theme--red .menu--cart .menu__toggle--active .cart-number{
  1811. background-color:#f44336
  1812. }
  1813. .theme--pink .menu--cart .menu__toggle--active .cart-number{
  1814. background-color:#F06292
  1815. }
  1816. .theme--purple .menu--cart .menu__toggle--active .cart-number{
  1817. background-color:#AB47BC
  1818. }
  1819. .theme--indigo .menu--cart .menu__toggle--active .cart-number{
  1820. background-color:#3F51B5
  1821. }
  1822. .theme--blue .menu--cart .menu__toggle--active .cart-number{
  1823. background-color:#1E88E5
  1824. }
  1825. .theme--turquoise .menu--cart .menu__toggle--active .cart-number{
  1826. background-color:#26A69A
  1827. }
  1828. .theme--green .menu--cart .menu__toggle--active .cart-number{
  1829. background-color:#4CAF50
  1830. }
  1831. .theme--lime .menu--cart .menu__toggle--active .cart-number{
  1832. background-color:#9CCC65
  1833. }
  1834. .theme--yellow .menu--cart .menu__toggle--active .cart-number{
  1835. background-color:#FBC02D
  1836. }
  1837. .theme--orange .menu--cart .menu__toggle--active .cart-number{
  1838. background-color:#FB8C00
  1839. }
  1840. .theme--gray .menu--cart .menu__toggle--active .cart-number{
  1841. background-color:#A0A3A8
  1842. }
  1843. .menu--cart .menu__popup{
  1844. width:calc(100vw - 48px);
  1845. right:-32px;
  1846. border-top-right-radius:4px
  1847. }
  1848. @media screen and (min-width:45em){
  1849. .menu--cart .menu__popup{
  1850. width:25em;
  1851. right:0;
  1852. border-top-right-radius:0
  1853. }
  1854. }
  1855. .menu--cart .menu__popup--open{
  1856. z-index:102
  1857. }
  1858. .cart{
  1859. overflow-y:auto;
  1860. margin-top:0;
  1861. margin-left:0;
  1862. margin-bottom:24px;
  1863. padding:0;
  1864. max-height:12.5em
  1865. }
  1866. .cart__item{
  1867. display:-webkit-box;
  1868. display:-webkit-flex;
  1869. display:-ms-flexbox;
  1870. display:flex;
  1871. -webkit-box-align:center;
  1872. -webkit-align-items:center;
  1873. -ms-flex-align:center;
  1874. align-items:center;
  1875. list-style:none;
  1876. margin-bottom:12px;
  1877. padding-left:6px;
  1878. padding-right:6px;
  1879. padding-bottom:12px;
  1880. border-bottom:2px solid #eef0f5
  1881. }
  1882. .theme--dark .cart__item{
  1883. border-bottom-color:#3f4045
  1884. }
  1885. .cart__item:last-child{
  1886. margin-bottom:0
  1887. }
  1888. .cart__img,.cart__name,.cart__price,.cart__remove,.checkout__remove{
  1889. -webkit-box-flex:0;
  1890. -webkit-flex:0 0 auto;
  1891. -ms-flex:0 0 auto;
  1892. flex:0 0 auto;
  1893. display:block
  1894. }
  1895. .cart__img,.cart__name,.cart__remove,.checkout__remove{
  1896. margin-right:12px
  1897. }
  1898. .cart__remove,.checkout__remove{
  1899. width:18px;
  1900. height:18px;
  1901. line-height:16px;
  1902. text-align:center;
  1903. border-radius:2px;
  1904. border:0!important
  1905. }
  1906. .theme--dark .cart__remove,.theme--dark .checkout__remove{
  1907. color:#CED3DB
  1908. }
  1909. .cart__remove:focus,.cart__remove:hover,.checkout__remove:focus,.checkout__remove:hover{
  1910. color:#fff;
  1911. background-color:#f44336;
  1912. box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12)
  1913. }
  1914. .cart__img{
  1915. width:32px
  1916. }
  1917. .cart__img>img{
  1918. display:inline-block;
  1919. vertical-align:middle;
  1920. width:100%
  1921. }
  1922. .cart__name{
  1923. -webkit-box-flex:0;
  1924. -webkit-flex:0 1 auto;
  1925. -ms-flex:0 1 auto;
  1926. flex:0 1 auto;
  1927. white-space:nowrap;
  1928. overflow:hidden;
  1929. text-overflow:ellipsis;
  1930. color:#4B4D52
  1931. }
  1932. .theme--dark .cart__name{
  1933. color:#eef0f5
  1934. }
  1935. .cart__price{
  1936. margin-left:auto;
  1937. color:#858990
  1938. }
  1939. .theme--dark .cart__price{
  1940. color:#C0C4CC
  1941. }
  1942. .menu--cart__checkout{
  1943. float:left
  1944. }
  1945. .menu--cart__total{
  1946. float:right;
  1947. font-weight:300;
  1948. color:#858990;
  1949. font-size:24px;
  1950. font-size:1.5rem;
  1951. line-height:1.75
  1952. }
  1953. .theme--dark .menu--cart__total{
  1954. color:#C0C4CC
  1955. }
  1956. .logout{
  1957. float:left;
  1958. margin-top:8px;
  1959. color:#fff;
  1960. opacity:.15;
  1961. font-size:22px;
  1962. font-size:1.375rem;
  1963. line-height:1
  1964. }
  1965. .logout:focus,.logout:hover{
  1966. opacity:.5
  1967. }
  1968. .page-body{
  1969. position:relative;
  1970. margin-bottom:48px;
  1971. margin-top:-24px;
  1972. padding:24px;
  1973. border-radius:4px;
  1974. box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
  1975. background-color:#fff;
  1976. z-index:1
  1977. }
  1978. @media screen and (min-width:45em){
  1979. .page-body{
  1980. padding-left:48px;
  1981. padding-right:48px
  1982. }
  1983. }
  1984. .theme--dark .page-body{
  1985. background-color:#4B4D52
  1986. }
  1987. .main-heading{
  1988. border:0;
  1989. font-size:48px;
  1990. font-size:3rem;
  1991. line-height:1
  1992. }
  1993. .featured{
  1994. position:relative;
  1995. margin:-24px -24px 0
  1996. }
  1997. @media screen and (min-width:45em){
  1998. .featured{
  1999. margin:-24px -48px 0
  2000. }
  2001. }
  2002. .featured__list{
  2003. position:relative;
  2004. margin:0;
  2005. padding:0;
  2006. -webkit-transition:all 150ms;
  2007. transition:all 150ms
  2008. }
  2009. .featured__item{
  2010. position:relative;
  2011. float:left;
  2012. overflow:hidden;
  2013. height:100%;
  2014. margin:24px;
  2015. list-style:none;
  2016. padding:24px;
  2017. border-radius:4px;
  2018. background-color:#eef0f5;
  2019. background-size:cover;
  2020. background-position:50% 50%;
  2021. box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
  2022. -webkit-transition:all 150ms;
  2023. transition:all 150ms
  2024. }
  2025. .theme--dark .featured__item{
  2026. background-color:#3f4045
  2027. }
  2028. @media screen and (min-width:45em){
  2029. .featured__item{
  2030. padding-left:48px;
  2031. padding-right:48px
  2032. }
  2033. }
  2034. .featured__item .subtitle{
  2035. padding-left:76px
  2036. }
  2037. @media screen and (min-width:45em){
  2038. .featured__item .subtitle{
  2039. padding-left:0
  2040. }
  2041. }
  2042. .featured__img{
  2043. position:absolute;
  2044. top:24px;
  2045. left:24px;
  2046. height:52px;
  2047. width:auto;
  2048. display:block
  2049. }
  2050. .theme--dark .featured__img{
  2051. background-color:transparent
  2052. }
  2053. @media screen and (min-width:45em){
  2054. .featured__img{
  2055. position:static;
  2056. width:100%;
  2057. height:auto
  2058. }
  2059. }
  2060. .featured__img--full{
  2061. width:100%;
  2062. width:calc(100% + 48px + 48px);
  2063. max-width:none;
  2064. margin:-24px -48px
  2065. }
  2066. .featured__body>h1,.featured__body>h2{
  2067. padding-bottom:12px;
  2068. border-bottom:2px solid #CED3DB;
  2069. padding-left:76px;
  2070. font-size:24px;
  2071. font-size:1.5rem;
  2072. line-height:1
  2073. }
  2074. .theme--dark .featured__body>h1,.theme--dark .featured__body>h2{
  2075. border-bottom-color:#333437
  2076. }
  2077. @media screen and (min-width:45em){
  2078. .featured__body>h1,.featured__body>h2{
  2079. padding-left:0;
  2080. font-size:36px;
  2081. font-size:2.25rem;
  2082. line-height:1.33333
  2083. }
  2084. }
  2085. .featured__nav{
  2086. display:block;
  2087. position:absolute;
  2088. top:48px;
  2089. z-index:100;
  2090. overflow:hidden;
  2091. width:48px;
  2092. height:48px;
  2093. border-radius:48px;
  2094. box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
  2095. -webkit-transition:all 200ms;
  2096. transition:all 200ms;
  2097. -webkit-transform:scale(.75);
  2098. -ms-transform:scale(.75);
  2099. transform:scale(.75)
  2100. }
  2101. .featured__nav:focus,.featured__nav:hover{
  2102. box-shadow:0 5px 10px rgba(0,0,0,.18),0 5px 15px rgba(0,0,0,.15)
  2103. }
  2104. @media screen and (min-width:45em){
  2105. .featured__nav{
  2106. top:50%;
  2107. margin-top:-24px;
  2108. -webkit-transform:scale(1);
  2109. -ms-transform:scale(1);
  2110. transform:scale(1)
  2111. }
  2112. }
  2113. .theme--red .featured__nav{
  2114. border:0;
  2115. background-color:#f44336
  2116. }
  2117. .theme--red .featured__nav:focus,.theme--red .featured__nav:hover{
  2118. background-color:#f55a4e
  2119. }
  2120. .theme--pink .featured__nav{
  2121. border:0;
  2122. background-color:#F06292
  2123. }
  2124. .theme--pink .featured__nav:focus,.theme--pink .featured__nav:hover{
  2125. background-color:#f279a2
  2126. }
  2127. .theme--purple .featured__nav{
  2128. border:0;
  2129. background-color:#AB47BC
  2130. }
  2131. .theme--purple .featured__nav:focus,.theme--purple .featured__nav:hover{
  2132. background-color:#b45ac3
  2133. }
  2134. .theme--indigo .featured__nav{
  2135. border:0;
  2136. background-color:#3F51B5
  2137. }
  2138. .theme--indigo .featured__nav:focus,.theme--indigo .featured__nav:hover{
  2139. background-color:#4d5ec1
  2140. }
  2141. .theme--blue .featured__nav{
  2142. border:0;
  2143. background-color:#1E88E5
  2144. }
  2145. .theme--blue .featured__nav:focus,.theme--blue .featured__nav:hover{
  2146. background-color:#3594e8
  2147. }
  2148. .theme--turquoise .featured__nav{
  2149. border:0;
  2150. background-color:#26A69A
  2151. }
  2152. .theme--turquoise .featured__nav:focus,.theme--turquoise .featured__nav:hover{
  2153. background-color:#2bbbad
  2154. }
  2155. .theme--green .featured__nav{
  2156. border:0;
  2157. background-color:#4CAF50
  2158. }
  2159. .theme--green .featured__nav:focus,.theme--green .featured__nav:hover{
  2160. background-color:#5cb860
  2161. }
  2162. .theme--lime .featured__nav{
  2163. border:0;
  2164. background-color:#9CCC65
  2165. }
  2166. .theme--lime .featured__nav:focus,.theme--lime .featured__nav:hover{
  2167. background-color:#a8d278
  2168. }
  2169. .theme--yellow .featured__nav{
  2170. border:0;
  2171. background-color:#FBC02D
  2172. }
  2173. .theme--yellow .featured__nav:focus,.theme--yellow .featured__nav:hover{
  2174. background-color:#fbc846
  2175. }
  2176. .theme--orange .featured__nav{
  2177. border:0;
  2178. background-color:#FB8C00
  2179. }
  2180. .theme--orange .featured__nav:focus,.theme--orange .featured__nav:hover{
  2181. background-color:#ff9816
  2182. }
  2183. .theme--gray .featured__nav{
  2184. border:0;
  2185. background-color:#A0A3A8
  2186. }
  2187. .theme--gray .featured__nav:focus,.theme--gray .featured__nav:hover{
  2188. background-color:#adb0b4
  2189. }
  2190. .featured__nav:before{
  2191. content:"";
  2192. position:relative;
  2193. display:block;
  2194. border-style:solid;
  2195. border-width:5px 5px 0 0;
  2196. border-color:#fff;
  2197. height:20px;
  2198. width:20px
  2199. }
  2200. .featured__nav--left{
  2201. left:0
  2202. }
  2203. @media screen and (min-width:45em){
  2204. .featured__nav--left{
  2205. left:12px
  2206. }
  2207. }
  2208. .featured__nav--left:before{
  2209. left:35%;
  2210. top:30%;
  2211. -webkit-transform:rotate(-135deg);
  2212. -ms-transform:rotate(-135deg);
  2213. transform:rotate(-135deg)
  2214. }
  2215. .featured__nav--right{
  2216. right:0
  2217. }
  2218. @media screen and (min-width:45em){
  2219. .featured__nav--right{
  2220. right:12px
  2221. }
  2222. }
  2223. .featured__nav--right:before{
  2224. left:25%;
  2225. top:30%;
  2226. -webkit-transform:rotate(45deg);
  2227. -ms-transform:rotate(45deg);
  2228. transform:rotate(45deg)
  2229. }
  2230. .featured__buy{
  2231. text-align:right
  2232. }
  2233. .featured__price{
  2234. display:inline-block;
  2235. vertical-align:middle;
  2236. margin-right:12px;
  2237. font-weight:300;
  2238. color:#858990;
  2239. font-size:20px;
  2240. font-size:1.25rem;
  2241. line-height:1.2
  2242. }
  2243. @media screen and (min-width:45em){
  2244. .featured__price{
  2245. font-size:24px;
  2246. font-size:1.5rem;
  2247. line-height:1
  2248. }
  2249. }
  2250. .theme--dark .featured__price{
  2251. color:#C0C4CC
  2252. }
  2253. .subtitle{
  2254. text-transform:uppercase;
  2255. letter-spacing:.1em;
  2256. color:#A0A3A8;
  2257. font-size:14px;
  2258. font-size:.875rem;
  2259. line-height:1.71429
  2260. }
  2261. @media screen and (min-width:45em){
  2262. .subtitle{
  2263. font-size:20px;
  2264. font-size:1.25rem;
  2265. line-height:1.2
  2266. }
  2267. }
  2268. .page-side{
  2269. color:#fff
  2270. }
  2271. @media screen and (min-width:45em){
  2272. .page-side{
  2273. margin-right:-24px
  2274. }
  2275. }
  2276. .page-side__section{
  2277. padding:24px 24px 48px;
  2278. border-bottom:2px solid #3f4045;
  2279. background:#4B4D52
  2280. }
  2281. .theme--dark .page-side__section{
  2282. background:#3f4045;
  2283. border-color:#333437
  2284. }
  2285. .page-side__section:first-child{
  2286. border-radius:4px 4px 0 0
  2287. }
  2288. .page-side__section:last-child{
  2289. margin:0;
  2290. border:0;
  2291. border-radius:0 0 4px 4px
  2292. }
  2293. .page-side__section :last-child{
  2294. margin-bottom:0
  2295. }
  2296. .page-side img{
  2297. height:auto!important
  2298. }
  2299. .page-side .package{
  2300. margin-bottom:0
  2301. }
  2302. .page-side .package__img{
  2303. background-color:#3f4045
  2304. }
  2305. .theme--dark .page-side .package__img{
  2306. background-color:#333437
  2307. }
  2308. .donator__ign{
  2309. font-weight:700;
  2310. font-size:20px;
  2311. font-size:1.25rem;
  2312. line-height:1.2
  2313. }
  2314. .payments{
  2315. padding:0;
  2316. margin:0
  2317. }
  2318. .payments__item{
  2319. margin-bottom:12px;
  2320. padding-bottom:12px;
  2321. padding-left:12px;
  2322. padding-right:12px;
  2323. border-bottom:2px solid #3f4045;
  2324. list-style:none
  2325. }
  2326. .theme--dark .payments__item{
  2327. border-color:#333437
  2328. }
  2329. .payments__item:last-child{
  2330. padding-bottom:0;
  2331. border-bottom:0
  2332. }
  2333. .payments__avatar{
  2334. margin-right:12px
  2335. }
  2336. .payments__extra,.payments__time{
  2337. text-transform:uppercase;
  2338. color:rgba(238,240,245,.75);
  2339. font-size:14px;
  2340. font-size:.875rem;
  2341. line-height:1.71429
  2342. }
  2343. .payments__ign{
  2344. margin-right:6px;
  2345. font-weight:700;
  2346. font-size:20px;
  2347. font-size:1.25rem;
  2348. line-height:1.2
  2349. }
  2350. .mc-skin{
  2351. overflow:hidden;
  2352. display:block;
  2353. width:40px;
  2354. height:89px
  2355. }
  2356. .status{
  2357. float:right;
  2358. margin-top:.8em;
  2359. padding:6px;
  2360. border-radius:4px;
  2361. cursor:default;
  2362. text-transform:uppercase;
  2363. font-family:Raleway,sans-serif;
  2364. font-weight:400;
  2365. box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
  2366. font-size:14px;
  2367. font-size:.875rem;
  2368. line-height:1
  2369. }
  2370. .status--online{
  2371. background-color:#4CAF50
  2372. }
  2373. .status--offline{
  2374. background-color:#f44336
  2375. }
  2376. .server{
  2377. text-align:center
  2378. }
  2379. .server__ip{
  2380. font-size:24px;
  2381. font-size:1.5rem;
  2382. line-height:1
  2383. }
  2384. .page-foot{
  2385. padding-top:24px;
  2386. padding-bottom:24px;
  2387. color:#fff
  2388. }
  2389. .theme--red .page-foot{
  2390. background-color:#ea1c0d
  2391. }
  2392. .theme--pink .page-foot{
  2393. background-color:#ec3372
  2394. }
  2395. .theme--purple .page-foot{
  2396. background-color:#8a3898
  2397. }
  2398. .theme--indigo .page-foot{
  2399. background-color:#32408f
  2400. }
  2401. .theme--blue .page-foot{
  2402. background-color:#166dba
  2403. }
  2404. .theme--turquoise .page-foot{
  2405. background-color:#1c7d74
  2406. }
  2407. .theme--green .page-foot{
  2408. background-color:#3d8b40
  2409. }
  2410. .theme--lime .page-foot{
  2411. background-color:#83bf3f
  2412. }
  2413. .theme--yellow .page-foot{
  2414. background-color:#f0ad05
  2415. }
  2416. .theme--orange .page-foot{
  2417. background-color:#c87000
  2418. }
  2419. .theme--gray .page-foot{
  2420. background-color:#858990
  2421. }
  2422. @media screen and (min-width:45em){
  2423. .page-foot{
  2424. padding-top:12px;
  2425. padding-bottom:12px
  2426. }
  2427. }
  2428. .page-foot a{
  2429. color:rgba(255,255,255,.75)
  2430. }
  2431. .page-foot__copy,.page-foot__options{
  2432. text-align:center
  2433. }
  2434. @media screen and (min-width:45em){
  2435. .page-foot__copy,.page-foot__options{
  2436. text-align:left
  2437. }
  2438. }
  2439. .page-foot__options{
  2440. margin-bottom:6px
  2441. }
  2442. @media screen and (min-width:45em){
  2443. .page-foot__options{
  2444. float:left;
  2445. margin-bottom:-12px;
  2446. margin-right:12px
  2447. }
  2448. }
  2449. .page-foot__options>.menu,.page-foot__options>.page-foot__toggle{
  2450. display:inline-block;
  2451. vertical-align:middle;
  2452. margin-bottom:12px;
  2453. margin-right:12px;
  2454. margin-right:calc(halve($inuit-base-spacing-unit) - .25em)
  2455. }
  2456. .page-foot__copy{
  2457. line-height:2.2
  2458. }
  2459. @media screen and (min-width:45em){
  2460. .page-foot__copy{
  2461. float:right
  2462. }
  2463. }
  2464. .page-foot__color>.menu__toggle{
  2465. width:7.5em
  2466. }
  2467. .page-foot__color>.menu__toggle>span{
  2468. text-transform:capitalize
  2469. }
  2470. .page-foot__toggle{
  2471. line-height:2.2
  2472. }
  2473. .touch-nav{
  2474. position:fixed;
  2475. overflow-y:auto;
  2476. top:0;
  2477. left:0;
  2478. bottom:0;
  2479. width:75vw;
  2480. max-height:100vh;
  2481. margin:0;
  2482. padding:48px 0 0;
  2483. -webkit-transform:translate(100vw,0);
  2484. -ms-transform:translate(100vw,0);
  2485. transform:translate(100vw,0);
  2486. -webkit-transition:-webkit-transform 250ms;
  2487. transition:transform 250ms;
  2488. background-color:#4B4D52
  2489. }
  2490. .touch-nav--open{
  2491. -webkit-transform:translate(25vw,0);
  2492. -ms-transform:translate(25vw,0);
  2493. transform:translate(25vw,0)
  2494. }
  2495. .touch-nav__item{
  2496. list-style:none;
  2497. margin:0;
  2498. padding:0
  2499. }
  2500. .touch-nav__item>a{
  2501. display:block;
  2502. padding:12px 24px;
  2503. text-transform:uppercase;
  2504. font-weight:300;
  2505. color:#eef0f5;
  2506. font-size:20px;
  2507. font-size:1.25rem;
  2508. line-height:1.2
  2509. }
  2510. .touch-nav__item>a>i{
  2511. position:relative;
  2512. font-size:.75em;
  2513. top:-.25em
  2514. }
  2515. .touch-nav__item ul{
  2516. margin:0;
  2517. padding:0;
  2518. background-color:#3f4045;
  2519. box-shadow:inset 0 2px 5px rgba(0,0,0,.16),inset 0 2px 10px rgba(0,0,0,.12)
  2520. }
  2521. .touch-nav__item ul a{
  2522. text-transform:none
  2523. }
  2524. .theme--red .touch-nav__item--active>a{
  2525. background-color:#f44336
  2526. }
  2527. .theme--pink .touch-nav__item--active>a{
  2528. background-color:#F06292
  2529. }
  2530. .theme--purple .touch-nav__item--active>a{
  2531. background-color:#AB47BC
  2532. }
  2533. .theme--indigo .touch-nav__item--active>a{
  2534. background-color:#3F51B5
  2535. }
  2536. .theme--blue .touch-nav__item--active>a{
  2537. background-color:#1E88E5
  2538. }
  2539. .theme--turquoise .touch-nav__item--active>a{
  2540. background-color:#26A69A
  2541. }
  2542. .theme--green .touch-nav__item--active>a{
  2543. background-color:#4CAF50
  2544. }
  2545. .theme--lime .touch-nav__item--active>a{
  2546. background-color:#9CCC65
  2547. }
  2548. .theme--yellow .touch-nav__item--active>a{
  2549. background-color:#FBC02D
  2550. }
  2551. .theme--orange .touch-nav__item--active>a{
  2552. background-color:#FB8C00
  2553. }
  2554. .theme--gray .touch-nav__item--active>a{
  2555. background-color:#A0A3A8
  2556. }
  2557. .touch-nav-toggle{
  2558. position:fixed;
  2559. top:0;
  2560. right:0;
  2561. width:48px;
  2562. height:48px;
  2563. z-index:1000
  2564. }
  2565. @media screen and (min-width:64em){
  2566. .touch-nav-toggle{
  2567. display:none
  2568. }
  2569. }
  2570. .touch-nav-toggle>i{
  2571. left:12px;
  2572. z-index:1
  2573. }
  2574. .touch-nav-toggle>i,.touch-nav-toggle>i:after,.touch-nav-toggle>i:before{
  2575. display:block;
  2576. position:absolute;
  2577. height:4px;
  2578. top:20px;
  2579. width:24px;
  2580. background:#fff;
  2581. border-radius:1px;
  2582. box-shadow:0 1px 4px rgba(0,0,0,.5);
  2583. -webkit-transition:all 150ms;
  2584. transition:all 150ms
  2585. }
  2586. .touch-nav-toggle>i:after,.touch-nav-toggle>i:before{
  2587. content:"";
  2588. left:0
  2589. }
  2590. .touch-nav-toggle>i:before{
  2591. top:-8px
  2592. }
  2593. .touch-nav-toggle>i:after{
  2594. top:8px
  2595. }
  2596. .touch-nav-toggle--active>i{
  2597. background-color:transparent;
  2598. box-shadow:none
  2599. }
  2600. .touch-nav-toggle--active>i:after,.touch-nav-toggle--active>i:before{
  2601. top:0
  2602. }
  2603. .touch-nav-toggle--active>i:before{
  2604. -webkit-transform:rotate(45deg);
  2605. -ms-transform:rotate(45deg);
  2606. transform:rotate(45deg)
  2607. }
  2608. .touch-nav-toggle--active>i:after{
  2609. -webkit-transform:rotate(-45deg);
  2610. -ms-transform:rotate(-45deg);
  2611. transform:rotate(-45deg)
  2612. }
  2613. .package{
  2614. max-width:480px;
  2615. margin-left:auto;
  2616. margin-right:auto;
  2617. margin-bottom:24px;
  2618. border-radius:4px
  2619. }
  2620. .package__img{
  2621. position:relative;
  2622. display:block;
  2623. overflow:hidden;
  2624. width:100%;
  2625. margin-bottom:24px;
  2626. border-radius:4px;
  2627. background-color:#eef0f5;
  2628. border:0!important;
  2629. -webkit-transition:all 150ms;
  2630. transition:all 150ms
  2631. }
  2632. .theme--dark .package__img{
  2633. background-color:#3f4045
  2634. }
  2635. .package__img:after{
  2636. content:"";
  2637. display:block;
  2638. padding-top:100%
  2639. }
  2640. .package__img>a{
  2641. position:absolute;
  2642. top:0;
  2643. right:0;
  2644. bottom:0;
  2645. left:0;
  2646. border:0
  2647. }
  2648. .package__img>a>img{
  2649. position:absolute;
  2650. top:50%;
  2651. left:0;
  2652. width:100%;
  2653. padding:24px;
  2654. -webkit-transform:translate(0,-50%);
  2655. -ms-transform:translate(0,-50%);
  2656. transform:translate(0,-50%)
  2657. }
  2658. .package:focus .package__img,.package:hover .package__img{
  2659. box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12)
  2660. }
  2661. .package__info{
  2662. float:left;
  2663. width:calc(100% - 60px)
  2664. }
  2665. .package__name{
  2666. display:inline-block;
  2667. text-overflow:ellipsis;
  2668. overflow:hidden;
  2669. white-space:nowrap;
  2670. max-width:100%;
  2671. font-weight:700;
  2672. color:#4B4D52;
  2673. font-size:20px;
  2674. font-size:1.25rem;
  2675. line-height:1.2
  2676. }
  2677. .theme--dark .package__name{
  2678. color:#eef0f5;
  2679. border-bottom:2px solid rgba(238,240,245,.25)
  2680. }
  2681. .package__price{
  2682. display:block;
  2683. text-overflow:ellipsis;
  2684. overflow:hidden;
  2685. white-space:nowrap;
  2686. max-width:100%;
  2687. color:#858990
  2688. }
  2689. .theme--dark .package__price{
  2690. color:#CED3DB
  2691. }
  2692. .package__buy{
  2693. float:right;
  2694. width:60px;
  2695. text-align:right
  2696. }
  2697. .package__buy>.btn{
  2698. padding:0;
  2699. width:48px;
  2700. font-size:24px;
  2701. font-size:1.5rem;
  2702. line-height:48px
  2703. }
  2704. @media screen and (min-width:45em){
  2705. .package-grid--3-column .layout__item{
  2706. width:33.33%!important
  2707. }
  2708. }
  2709. .package-list__buy{
  2710. text-align:right;
  2711. min-width:10em
  2712. }
  2713. .package-list__img{
  2714. display:inline-block;
  2715. width:32px;
  2716. height:32px;
  2717. position:relative
  2718. }
  2719. .package-list__img>img{
  2720. display:inline-block;
  2721. width:100%;
  2722. height:auto
  2723. }
  2724. .price-discount{
  2725. opacity:.5;
  2726. text-decoration:line-through
  2727. }
  2728. .package-window{
  2729. display:none;
  2730. padding:12px
  2731. }
  2732. .package-window__img{
  2733. display:block;
  2734. width:100%;
  2735. margin-bottom:12px;
  2736. padding:24px;
  2737. border-radius:4px;
  2738. background-color:#eef0f5
  2739. }
  2740. .theme--dark .package-window__img{
  2741. background-color:#3f4045
  2742. }
  2743. .package-window__content>h1,.package-window__content>h2{
  2744. padding-bottom:12px;
  2745. border-bottom:2px solid #CED3DB;
  2746. font-size:24px;
  2747. font-size:1.5rem;
  2748. line-height:1
  2749. }
  2750. @media screen and (min-width:45em){
  2751. .package-window__content>h1,.package-window__content>h2{
  2752. font-size:36px;
  2753. font-size:2.25rem;
  2754. line-height:1.33333
  2755. }
  2756. }
  2757. .theme--dark .package-window__content>h1,.theme--dark .package-window__content>h2{
  2758. border-bottom-color:#333437
  2759. }
  2760. .package-window__buy{
  2761. text-align:right
  2762. }
  2763. .package-window__price{
  2764. display:inline-block;
  2765. vertical-align:middle;
  2766. margin-bottom:12px;
  2767. margin-right:12px;
  2768. font-weight:300;
  2769. color:#858990;
  2770. font-size:24px;
  2771. font-size:1.5rem;
  2772. line-height:1
  2773. }
  2774. @media screen and (min-width:45em){
  2775. .package-window__price{
  2776. margin-bottom:0
  2777. }
  2778. }
  2779. .theme--dark .package-window__price{
  2780. color:#C0C4CC
  2781. }
  2782. .checkout{
  2783. position:relative;
  2784. z-index:10
  2785. }
  2786. .checkout__name,.package-list__name{
  2787. white-space:nowrap;
  2788. text-align:left
  2789. }
  2790. .checkout__name>a,.package-list__name>a{
  2791. display:inline-block;
  2792. max-width:20em;
  2793. overflow:hidden;
  2794. text-overflow:ellipsis
  2795. }
  2796. .checkout__price,.package-list__price{
  2797. text-align:center;
  2798. color:#858990
  2799. }
  2800. .theme--dark .checkout__price,.theme--dark .package-list__price{
  2801. color:#eef0f5
  2802. }
  2803. .checkout__quantity{
  2804. text-align:center
  2805. }
  2806. .checkout__quantity>.text-input,.select-wrap .checkout__quantity>select{
  2807. display:inline-block;
  2808. max-width:4em
  2809. }
  2810. .checkout__update{
  2811. text-align:right
  2812. }
  2813. .checkout__remove{
  2814. display:inline-block;
  2815. width:24px;
  2816. height:24px;
  2817. line-height:22px;
  2818. margin-bottom:.1em
  2819. }
  2820. .checkout__img{
  2821. display:inline-block;
  2822. width:32px;
  2823. height:32px;
  2824. position:relative
  2825. }
  2826. .checkout__img>img{
  2827. display:inline-block;
  2828. width:100%;
  2829. height:auto
  2830. }
  2831. .checkout-total{
  2832. position:relative;
  2833. z-index:-1;
  2834. margin:-24px 24px 48px;
  2835. padding:48px;
  2836. border-radius:0 0 4px 4px;
  2837. text-align:center
  2838. }
  2839. .theme--red .checkout-total{
  2840. background-color:#f44336
  2841. }
  2842. .theme--pink .checkout-total{
  2843. background-color:#F06292
  2844. }
  2845. .theme--purple .checkout-total{
  2846. background-color:#AB47BC
  2847. }
  2848. .theme--indigo .checkout-total{
  2849. background-color:#3F51B5
  2850. }
  2851. .theme--blue .checkout-total{
  2852. background-color:#1E88E5
  2853. }
  2854. .theme--turquoise .checkout-total{
  2855. background-color:#26A69A
  2856. }
  2857. .theme--green .checkout-total{
  2858. background-color:#4CAF50
  2859. }
  2860. .theme--lime .checkout-total{
  2861. background-color:#9CCC65
  2862. }
  2863. .theme--yellow .checkout-total{
  2864. background-color:#FBC02D
  2865. }
  2866. .theme--orange .checkout-total{
  2867. background-color:#FB8C00
  2868. }
  2869. .theme--gray .checkout-total{
  2870. background-color:#A0A3A8
  2871. }
  2872. .theme--dark .checkout-total{
  2873. border-color:#3f4045
  2874. }
  2875. .checkout-total>span{
  2876. display:block;
  2877. color:rgba(255,255,255,.5)
  2878. }
  2879. .checkout-total>.price{
  2880. font-weight:200;
  2881. color:#fff;
  2882. font-size:36px;
  2883. font-size:2.25rem;
  2884. line-height:1.33333
  2885. }
  2886. .redeem-coupon{
  2887. width:100%
  2888. }
  2889. .details label{
  2890. display:block;
  2891. margin-bottom:6px;
  2892. color:#858990;
  2893. text-transform:uppercase;
  2894. font-size:16px;
  2895. font-size:1rem;
  2896. line-height:1.5
  2897. }
  2898. .theme--dark .details label{
  2899. color:rgba(238,240,245,.5)
  2900. }
  2901. .details .select-wrap select,.details .text-input,.gateways .radio,.select-wrap .details select{
  2902. margin-bottom:24px
  2903. }
  2904. .gateways .radio img{
  2905. display:inline-block;
  2906. vertical-align:middle;
  2907. margin:0 6px;
  2908. height:32px
  2909. }
  2910. .basket-checkout,.terms{
  2911. font-size:20px;
  2912. font-size:1.25rem;
  2913. line-height:1.2
  2914. }
  2915. .terms{
  2916. padding-top:24px;
  2917. padding-bottom:24px
  2918. }
  2919. .basket-checkout .btn{
  2920. width:100%
  2921. }
  2922. @media all{
  2923. .featherlight{
  2924. display:none;
  2925. position:fixed;
  2926. top:0;
  2927. right:0;
  2928. bottom:0;
  2929. left:0;
  2930. z-index:1000;
  2931. text-align:center;
  2932. white-space:nowrap;
  2933. cursor:pointer;
  2934. background:0 0
  2935. }
  2936. .theme--red .featherlight:last-of-type{
  2937. background-color:rgba(244,67,54,.85)
  2938. }
  2939. .theme--pink .featherlight:last-of-type{
  2940. background-color:rgba(240,98,146,.85)
  2941. }
  2942. .theme--purple .featherlight:last-of-type{
  2943. background-color:rgba(171,71,188,.85)
  2944. }
  2945. .theme--indigo .featherlight:last-of-type{
  2946. background-color:rgba(63,81,181,.85)
  2947. }
  2948. .theme--blue .featherlight:last-of-type{
  2949. background-color:rgba(30,136,229,.85)
  2950. }
  2951. .theme--turquoise .featherlight:last-of-type{
  2952. background-color:rgba(38,166,154,.85)
  2953. }
  2954. .theme--green .featherlight:last-of-type{
  2955. background-color:rgba(76,175,80,.85)
  2956. }
  2957. .theme--lime .featherlight:last-of-type{
  2958. background-color:rgba(156,204,101,.85)
  2959. }
  2960. .theme--yellow .featherlight:last-of-type{
  2961. background-color:rgba(251,192,45,.85)
  2962. }
  2963. .theme--orange .featherlight:last-of-type{
  2964. background-color:rgba(251,140,0,.85)
  2965. }
  2966. .theme--gray .featherlight:last-of-type{
  2967. background-color:rgba(160,163,168,.85)
  2968. }
  2969. .theme--dark .featherlight:last-of-type{
  2970. background:rgba(26,27,29,.85)
  2971. }
  2972. .featherlight:before{
  2973. content:'';
  2974. display:inline-block;
  2975. height:100%;
  2976. vertical-align:middle;
  2977. margin-right:-.25em
  2978. }
  2979. .featherlight-content{
  2980. position:relative;
  2981. text-align:left;
  2982. vertical-align:middle;
  2983. display:inline-block;
  2984. overflow:auto;
  2985. padding:24px 24px 0;
  2986. border-bottom:24px solid transparent;
  2987. min-width:30%;
  2988. max-width:1000px;
  2989. margin-left:5%;
  2990. margin-right:5%;
  2991. max-height:95%;
  2992. border-radius:4px;
  2993. color:#4B4D52;
  2994. background:#fff;
  2995. cursor:auto;
  2996. box-shadow:0 12px 15px rgba(0,0,0,.25),0 15px 48px rgba(0,0,0,.19);
  2997. -webkit-transform:scale(1.25);
  2998. -ms-transform:scale(1.25);
  2999. transform:scale(1.25);
  3000. opacity:0;
  3001. -webkit-transition:-webkit-transform 250ms,opacity 250ms;
  3002. transition:transform 250ms,opacity 250ms;
  3003. white-space:normal
  3004. }
  3005. .theme--dark .featherlight-content{
  3006. color:#eef0f5;
  3007. background:#4B4D52
  3008. }
  3009. .featherlight--open .featherlight-content{
  3010. -webkit-transform:none;
  3011. -ms-transform:none;
  3012. transform:none;
  3013. opacity:1
  3014. }
  3015. .featherlight--closing .featherlight-content{
  3016. -webkit-transform:scale(.5);
  3017. -ms-transform:scale(.5);
  3018. transform:scale(.5);
  3019. opacity:0
  3020. }
  3021. .featherlight .featherlight-inner{
  3022. display:block
  3023. }
  3024. .featherlight .featherlight-close-icon{
  3025. position:absolute;
  3026. z-index:9999;
  3027. top:0;
  3028. right:0;
  3029. line-height:24px;
  3030. width:24px;
  3031. cursor:pointer;
  3032. text-align:center;
  3033. font:Arial,sans-serif;
  3034. color:#4B4D52
  3035. }
  3036. .theme--dark .featherlight .featherlight-close-icon{
  3037. color:rgba(238,240,245,.5)
  3038. }
  3039. .featherlight .featherlight-image{
  3040. width:100%
  3041. }
  3042. .featherlight-iframe .featherlight-content{
  3043. border-bottom:0;
  3044. padding:0
  3045. }
  3046. .featherlight iframe{
  3047. border:none
  3048. }
  3049. }
  3050. @media only screen and (max-width:1024px){
  3051. .featherlight .featherlight-content{
  3052. margin-left:24px;
  3053. margin-right:24px;
  3054. max-height:90%;
  3055. padding:12px;
  3056. border-bottom:12px solid transparent
  3057. }
  3058. }
  3059. .slick-slider{
  3060. position:relative;
  3061. display:block;
  3062. box-sizing:border-box;
  3063. -webkit-user-select:none;
  3064. -moz-user-select:none;
  3065. -ms-user-select:none;
  3066. user-select:none;
  3067. -webkit-touch-callout:none;
  3068. -khtml-user-select:none;
  3069. -ms-touch-action:pan-y;
  3070. touch-action:pan-y;
  3071. -webkit-tap-highlight-color:transparent
  3072. }
  3073. .slick-list{
  3074. position:relative;
  3075. display:block;
  3076. overflow:hidden;
  3077. margin:0;
  3078. padding:0
  3079. }
  3080. .slick-list:focus{
  3081. outline:0
  3082. }
  3083. .slick-list.dragging{
  3084. cursor:pointer;
  3085. cursor:hand
  3086. }
  3087. .slick-slider .slick-list,.slick-slider .slick-track{
  3088. -webkit-transform:translate3d(0,0,0);
  3089. -ms-transform:translate3d(0,0,0);
  3090. transform:translate3d(0,0,0)
  3091. }
  3092. .slick-track{
  3093. position:relative;
  3094. top:0;
  3095. left:0;
  3096. display:block
  3097. }
  3098. .slick-track:after,.slick-track:before{
  3099. display:table;
  3100. content:''
  3101. }
  3102. .slick-track:after{
  3103. clear:both
  3104. }
  3105. .slick-loading .slick-track{
  3106. visibility:hidden
  3107. }
  3108. .slick-slide{
  3109. display:none;
  3110. float:left;
  3111. height:100%;
  3112. min-height:1px
  3113. }
  3114. [dir=rtl] .slick-slide{
  3115. float:right
  3116. }
  3117. .slick-slide img{
  3118. display:block
  3119. }
  3120. .slick-slide.slick-loading img{
  3121. display:none
  3122. }
  3123. .slick-slide.dragging img{
  3124. pointer-events:none
  3125. }
  3126. .slick-initialized .slick-slide{
  3127. display:block
  3128. }
  3129. .slick-loading .slick-slide{
  3130. visibility:hidden
  3131. }
  3132. .slick-vertical .slick-slide{
  3133. display:block;
  3134. height:auto;
  3135. border:1px solid transparent
  3136. }
  3137. .note{
  3138. position:relative;
  3139. width:100%;
  3140. margin-bottom:48px;
  3141. padding:24px;
  3142. border-radius:4px;
  3143. color:#fff;
  3144. background-color:#4B4D52;
  3145. box-shadow:0 12px 15px rgba(0,0,0,.25),0 15px 48px rgba(0,0,0,.19);
  3146. font-size:20px;
  3147. font-size:1.25rem;
  3148. line-height:1.2
  3149. }
  3150. .note--error{
  3151. background-color:#f44336
  3152. }
  3153. .note__close{
  3154. position:absolute;
  3155. top:12px;
  3156. right:12px;
  3157. width:24px;
  3158. height:24px;
  3159. text-align:center;
  3160. border:0!important;
  3161. border-radius:2px;
  3162. color:#fff;
  3163. font-size:18px;
  3164. font-size:1.125rem;
  3165. line-height:24px
  3166. }
  3167. .note__close:focus,.note__close:hover{
  3168. background-color:rgba(0,0,0,.25)
  3169. }
  3170. .accessibility,.hide,input[type=checkbox],input[type=radio]{
  3171. position:absolute!important;
  3172. clip:rect(0 0 0 0)
  3173. }
  3174. img{
  3175. max-width:100%
  3176. }
  3177. .clearfix:after,.featured:after,.media:after,.package:after,.page-foot:after{
  3178. content:"";
  3179. display:table;
  3180. clear:both
  3181. }
  3182. [class~="1/1"]{
  3183. width:100%!important
  3184. }
  3185. [class~="1/2"],[class~="2/4"],[class~="3/6"],[class~="4/8"],[class~="5/10"],[class~="6/12"]{
  3186. width:50%!important
  3187. }
  3188. [class~="1/3"],[class~="2/6"],[class~="3/9"],[class~="4/12"]{
  3189. width:33.3333333%!important
  3190. }
  3191. [class~="2/3"],[class~="4/6"],[class~="6/9"],[class~="8/12"]{
  3192. width:66.6666666%!important
  3193. }
  3194. [class~="1/4"],[class~="2/8"],[class~="3/12"]{
  3195. width:25%!important
  3196. }
  3197. [class~="3/4"],[class~="6/8"],[class~="9/12"]{
  3198. width:75%!important
  3199. }
  3200. [class~="1/5"],[class~="2/10"]{
  3201. width:20%!important
  3202. }
  3203. [class~="2/5"],[class~="4/10"]{
  3204. width:40%!important
  3205. }
  3206. [class~="3/5"],[class~="6/10"]{
  3207. width:60%!important
  3208. }
  3209. [class~="4/5"],[class~="8/10"]{
  3210. width:80%!important
  3211. }
  3212. [class~="1/6"],[class~="2/12"]{
  3213. width:16.6666666%!important
  3214. }
  3215. [class~="5/6"],[class~="10/12"]{
  3216. width:83.3333333%!important
  3217. }
  3218. [class~="1/8"]{
  3219. width:12.5%!important
  3220. }
  3221. [class~="3/8"]{
  3222. width:37.5%!important
  3223. }
  3224. [class~="5/8"]{
  3225. width:62.5%!important
  3226. }
  3227. [class~="7/8"]{
  3228. width:87.5%!important
  3229. }
  3230. [class~="1/9"]{
  3231. width:11.1111111%!important
  3232. }
  3233. [class~="2/9"]{
  3234. width:22.2222222%!important
  3235. }
  3236. [class~="4/9"]{
  3237. width:44.4444444%!important
  3238. }
  3239. [class~="5/9"]{
  3240. width:55.5555555%!important
  3241. }
  3242. [class~="7/9"]{
  3243. width:77.7777777%!important
  3244. }
  3245. [class~="8/9"]{
  3246. width:88.8888888%!important
  3247. }
  3248. [class~="1/10"]{
  3249. width:10%!important
  3250. }
  3251. [class~="3/10"]{
  3252. width:30%!important
  3253. }
  3254. [class~="7/10"]{
  3255. width:70%!important
  3256. }
  3257. [class~="9/10"]{
  3258. width:90%!important
  3259. }
  3260. [class~="1/12"]{
  3261. width:8.3333333%!important
  3262. }
  3263. [class~="5/12"]{
  3264. width:41.6666666%!important
  3265. }
  3266. [class~="7/12"]{
  3267. width:58.3333333%!important
  3268. }
  3269. [class~="11/12"]{
  3270. width:91.6666666%!important
  3271. }
  3272. @media screen and (max-width:44.9375em){
  3273. [class~="palm-1/1"]{
  3274. width:100%!important
  3275. }
  3276. [class~="palm-1/2"],[class~="palm-2/4"],[class~="palm-3/6"],[class~="palm-4/8"],[class~="palm-5/10"],[class~="palm-6/12"]{
  3277. width:50%!important
  3278. }
  3279. [class~="palm-1/3"],[class~="palm-2/6"],[class~="palm-3/9"],[class~="palm-4/12"]{
  3280. width:33.3333333%!important
  3281. }
  3282. [class~="palm-2/3"],[class~="palm-4/6"],[class~="palm-6/9"],[class~="palm-8/12"]{
  3283. width:66.6666666%!important
  3284. }
  3285. [class~="palm-1/4"],[class~="palm-2/8"],[class~="palm-3/12"]{
  3286. width:25%!important
  3287. }
  3288. [class~="palm-3/4"],[class~="palm-6/8"],[class~="palm-9/12"]{
  3289. width:75%!important
  3290. }
  3291. [class~="palm-1/5"],[class~="palm-2/10"]{
  3292. width:20%!important
  3293. }
  3294. [class~="palm-2/5"],[class~="palm-4/10"]{
  3295. width:40%!important
  3296. }
  3297. [class~="palm-3/5"],[class~="palm-6/10"]{
  3298. width:60%!important
  3299. }
  3300. [class~="palm-4/5"],[class~="palm-8/10"]{
  3301. width:80%!important
  3302. }
  3303. [class~="palm-1/6"],[class~="palm-2/12"]{
  3304. width:16.6666666%!important
  3305. }
  3306. [class~="palm-5/6"],[class~="palm-10/12"]{
  3307. width:83.3333333%!important
  3308. }
  3309. [class~="palm-1/8"]{
  3310. width:12.5%!important
  3311. }
  3312. [class~="palm-3/8"]{
  3313. width:37.5%!important
  3314. }
  3315. [class~="palm-5/8"]{
  3316. width:62.5%!important
  3317. }
  3318. [class~="palm-7/8"]{
  3319. width:87.5%!important
  3320. }
  3321. [class~="palm-1/9"]{
  3322. width:11.1111111%!important
  3323. }
  3324. [class~="palm-2/9"]{
  3325. width:22.2222222%!important
  3326. }
  3327. [class~="palm-4/9"]{
  3328. width:44.4444444%!important
  3329. }
  3330. [class~="palm-5/9"]{
  3331. width:55.5555555%!important
  3332. }
  3333. [class~="palm-7/9"]{
  3334. width:77.7777777%!important
  3335. }
  3336. [class~="palm-8/9"]{
  3337. width:88.8888888%!important
  3338. }
  3339. [class~="palm-1/10"]{
  3340. width:10%!important
  3341. }
  3342. [class~="palm-3/10"]{
  3343. width:30%!important
  3344. }
  3345. [class~="palm-7/10"]{
  3346. width:70%!important
  3347. }
  3348. [class~="palm-9/10"]{
  3349. width:90%!important
  3350. }
  3351. [class~="palm-1/12"]{
  3352. width:8.3333333%!important
  3353. }
  3354. [class~="palm-5/12"]{
  3355. width:41.6666666%!important
  3356. }
  3357. [class~="palm-7/12"]{
  3358. width:58.3333333%!important
  3359. }
  3360. [class~="palm-11/12"]{
  3361. width:91.6666666%!important
  3362. }
  3363. }
  3364. @media screen and (min-width:45em) and (max-width:63.9375em){
  3365. [class~="lap-1/1"]{
  3366. width:100%!important
  3367. }
  3368. [class~="lap-1/2"],[class~="lap-2/4"],[class~="lap-3/6"],[class~="lap-4/8"],[class~="lap-5/10"],[class~="lap-6/12"]{
  3369. width:50%!important
  3370. }
  3371. [class~="lap-1/3"],[class~="lap-2/6"],[class~="lap-3/9"],[class~="lap-4/12"]{
  3372. width:33.3333333%!important
  3373. }
  3374. [class~="lap-2/3"],[class~="lap-4/6"],[class~="lap-6/9"],[class~="lap-8/12"]{
  3375. width:66.6666666%!important
  3376. }
  3377. [class~="lap-1/4"],[class~="lap-2/8"],[class~="lap-3/12"]{
  3378. width:25%!important
  3379. }
  3380. [class~="lap-3/4"],[class~="lap-6/8"],[class~="lap-9/12"]{
  3381. width:75%!important
  3382. }
  3383. [class~="lap-1/5"],[class~="lap-2/10"]{
  3384. width:20%!important
  3385. }
  3386. [class~="lap-2/5"],[class~="lap-4/10"]{
  3387. width:40%!important
  3388. }
  3389. [class~="lap-3/5"],[class~="lap-6/10"]{
  3390. width:60%!important
  3391. }
  3392. [class~="lap-4/5"],[class~="lap-8/10"]{
  3393. width:80%!important
  3394. }
  3395. [class~="lap-1/6"],[class~="lap-2/12"]{
  3396. width:16.6666666%!important
  3397. }
  3398. [class~="lap-5/6"],[class~="lap-10/12"]{
  3399. width:83.3333333%!important
  3400. }
  3401. [class~="lap-1/8"]{
  3402. width:12.5%!important
  3403. }
  3404. [class~="lap-3/8"]{
  3405. width:37.5%!important
  3406. }
  3407. [class~="lap-5/8"]{
  3408. width:62.5%!important
  3409. }
  3410. [class~="lap-7/8"]{
  3411. width:87.5%!important
  3412. }
  3413. [class~="lap-1/9"]{
  3414. width:11.1111111%!important
  3415. }
  3416. [class~="lap-2/9"]{
  3417. width:22.2222222%!important
  3418. }
  3419. [class~="lap-4/9"]{
  3420. width:44.4444444%!important
  3421. }
  3422. [class~="lap-5/9"]{
  3423. width:55.5555555%!important
  3424. }
  3425. [class~="lap-7/9"]{
  3426. width:77.7777777%!important
  3427. }
  3428. [class~="lap-8/9"]{
  3429. width:88.8888888%!important
  3430. }
  3431. [class~="lap-1/10"]{
  3432. width:10%!important
  3433. }
  3434. [class~="lap-3/10"]{
  3435. width:30%!important
  3436. }
  3437. [class~="lap-7/10"]{
  3438. width:70%!important
  3439. }
  3440. [class~="lap-9/10"]{
  3441. width:90%!important
  3442. }
  3443. [class~="lap-1/12"]{
  3444. width:8.3333333%!important
  3445. }
  3446. [class~="lap-5/12"]{
  3447. width:41.6666666%!important
  3448. }
  3449. [class~="lap-7/12"]{
  3450. width:58.3333333%!important
  3451. }
  3452. [class~="lap-11/12"]{
  3453. width:91.6666666%!important
  3454. }
  3455. }
  3456. @media screen and (min-width:45em){
  3457. [class~="lap-and-up-1/1"]{
  3458. width:100%!important
  3459. }
  3460. [class~="lap-and-up-1/2"],[class~="lap-and-up-2/4"],[class~="lap-and-up-3/6"],[class~="lap-and-up-4/8"],[class~="lap-and-up-5/10"],[class~="lap-and-up-6/12"]{
  3461. width:50%!important
  3462. }
  3463. [class~="lap-and-up-1/3"],[class~="lap-and-up-2/6"],[class~="lap-and-up-3/9"],[class~="lap-and-up-4/12"]{
  3464. width:33.3333333%!important
  3465. }
  3466. [class~="lap-and-up-2/3"],[class~="lap-and-up-4/6"],[class~="lap-and-up-6/9"],[class~="lap-and-up-8/12"]{
  3467. width:66.6666666%!important
  3468. }
  3469. [class~="lap-and-up-1/4"],[class~="lap-and-up-2/8"],[class~="lap-and-up-3/12"]{
  3470. width:25%!important
  3471. }
  3472. [class~="lap-and-up-3/4"],[class~="lap-and-up-6/8"],[class~="lap-and-up-9/12"]{
  3473. width:75%!important
  3474. }
  3475. [class~="lap-and-up-1/5"],[class~="lap-and-up-2/10"]{
  3476. width:20%!important
  3477. }
  3478. [class~="lap-and-up-2/5"],[class~="lap-and-up-4/10"]{
  3479. width:40%!important
  3480. }
  3481. [class~="lap-and-up-3/5"],[class~="lap-and-up-6/10"]{
  3482. width:60%!important
  3483. }
  3484. [class~="lap-and-up-4/5"],[class~="lap-and-up-8/10"]{
  3485. width:80%!important
  3486. }
  3487. [class~="lap-and-up-1/6"],[class~="lap-and-up-2/12"]{
  3488. width:16.6666666%!important
  3489. }
  3490. [class~="lap-and-up-5/6"],[class~="lap-and-up-10/12"]{
  3491. width:83.3333333%!important
  3492. }
  3493. [class~="lap-and-up-1/8"]{
  3494. width:12.5%!important
  3495. }
  3496. [class~="lap-and-up-3/8"]{
  3497. width:37.5%!important
  3498. }
  3499. [class~="lap-and-up-5/8"]{
  3500. width:62.5%!important
  3501. }
  3502. [class~="lap-and-up-7/8"]{
  3503. width:87.5%!important
  3504. }
  3505. [class~="lap-and-up-1/9"]{
  3506. width:11.1111111%!important
  3507. }
  3508. [class~="lap-and-up-2/9"]{
  3509. width:22.2222222%!important
  3510. }
  3511. [class~="lap-and-up-4/9"]{
  3512. width:44.4444444%!important
  3513. }
  3514. [class~="lap-and-up-5/9"]{
  3515. width:55.5555555%!important
  3516. }
  3517. [class~="lap-and-up-7/9"]{
  3518. width:77.7777777%!important
  3519. }
  3520. [class~="lap-and-up-8/9"]{
  3521. width:88.8888888%!important
  3522. }
  3523. [class~="lap-and-up-1/10"]{
  3524. width:10%!important
  3525. }
  3526. [class~="lap-and-up-3/10"]{
  3527. width:30%!important
  3528. }
  3529. [class~="lap-and-up-7/10"]{
  3530. width:70%!important
  3531. }
  3532. [class~="lap-and-up-9/10"]{
  3533. width:90%!important
  3534. }
  3535. [class~="lap-and-up-1/12"]{
  3536. width:8.3333333%!important
  3537. }
  3538. [class~="lap-and-up-5/12"]{
  3539. width:41.6666666%!important
  3540. }
  3541. [class~="lap-and-up-7/12"]{
  3542. width:58.3333333%!important
  3543. }
  3544. [class~="lap-and-up-11/12"]{
  3545. width:91.6666666%!important
  3546. }
  3547. }
  3548. @media screen and (max-width:63.9375em){
  3549. [class~="portable-1/1"]{
  3550. width:100%!important
  3551. }
  3552. [class~="portable-1/2"],[class~="portable-2/4"],[class~="portable-3/6"],[class~="portable-4/8"],[class~="portable-5/10"],[class~="portable-6/12"]{
  3553. width:50%!important
  3554. }
  3555. [class~="portable-1/3"],[class~="portable-2/6"],[class~="portable-3/9"],[class~="portable-4/12"]{
  3556. width:33.3333333%!important
  3557. }
  3558. [class~="portable-2/3"],[class~="portable-4/6"],[class~="portable-6/9"],[class~="portable-8/12"]{
  3559. width:66.6666666%!important
  3560. }
  3561. [class~="portable-1/4"],[class~="portable-2/8"],[class~="portable-3/12"]{
  3562. width:25%!important
  3563. }
  3564. [class~="portable-3/4"],[class~="portable-6/8"],[class~="portable-9/12"]{
  3565. width:75%!important
  3566. }
  3567. [class~="portable-1/5"],[class~="portable-2/10"]{
  3568. width:20%!important
  3569. }
  3570. [class~="portable-2/5"],[class~="portable-4/10"]{
  3571. width:40%!important
  3572. }
  3573. [class~="portable-3/5"],[class~="portable-6/10"]{
  3574. width:60%!important
  3575. }
  3576. [class~="portable-4/5"],[class~="portable-8/10"]{
  3577. width:80%!important
  3578. }
  3579. [class~="portable-1/6"],[class~="portable-2/12"]{
  3580. width:16.6666666%!important
  3581. }
  3582. [class~="portable-5/6"],[class~="portable-10/12"]{
  3583. width:83.3333333%!important
  3584. }
  3585. [class~="portable-1/8"]{
  3586. width:12.5%!important
  3587. }
  3588. [class~="portable-3/8"]{
  3589. width:37.5%!important
  3590. }
  3591. [class~="portable-5/8"]{
  3592. width:62.5%!important
  3593. }
  3594. [class~="portable-7/8"]{
  3595. width:87.5%!important
  3596. }
  3597. [class~="portable-1/9"]{
  3598. width:11.1111111%!important
  3599. }
  3600. [class~="portable-2/9"]{
  3601. width:22.2222222%!important
  3602. }
  3603. [class~="portable-4/9"]{
  3604. width:44.4444444%!important
  3605. }
  3606. [class~="portable-5/9"]{
  3607. width:55.5555555%!important
  3608. }
  3609. [class~="portable-7/9"]{
  3610. width:77.7777777%!important
  3611. }
  3612. [class~="portable-8/9"]{
  3613. width:88.8888888%!important
  3614. }
  3615. [class~="portable-1/10"]{
  3616. width:10%!important
  3617. }
  3618. [class~="portable-3/10"]{
  3619. width:30%!important
  3620. }
  3621. [class~="portable-7/10"]{
  3622. width:70%!important
  3623. }
  3624. [class~="portable-9/10"]{
  3625. width:90%!important
  3626. }
  3627. [class~="portable-1/12"]{
  3628. width:8.3333333%!important
  3629. }
  3630. [class~="portable-5/12"]{
  3631. width:41.6666666%!important
  3632. }
  3633. [class~="portable-7/12"]{
  3634. width:58.3333333%!important
  3635. }
  3636. [class~="portable-11/12"]{
  3637. width:91.6666666%!important
  3638. }
  3639. }
  3640. @media screen and (min-width:64em){
  3641. [class~="desk-1/1"]{
  3642. width:100%!important
  3643. }
  3644. [class~="desk-1/2"],[class~="desk-2/4"],[class~="desk-3/6"],[class~="desk-4/8"],[class~="desk-5/10"],[class~="desk-6/12"]{
  3645. width:50%!important
  3646. }
  3647. [class~="desk-1/3"],[class~="desk-2/6"],[class~="desk-3/9"],[class~="desk-4/12"]{
  3648. width:33.3333333%!important
  3649. }
  3650. [class~="desk-2/3"],[class~="desk-4/6"],[class~="desk-6/9"],[class~="desk-8/12"]{
  3651. width:66.6666666%!important
  3652. }
  3653. [class~="desk-1/4"],[class~="desk-2/8"],[class~="desk-3/12"]{
  3654. width:25%!important
  3655. }
  3656. [class~="desk-3/4"],[class~="desk-6/8"],[class~="desk-9/12"]{
  3657. width:75%!important
  3658. }
  3659. [class~="desk-1/5"],[class~="desk-2/10"]{
  3660. width:20%!important
  3661. }
  3662. [class~="desk-2/5"],[class~="desk-4/10"]{
  3663. width:40%!important
  3664. }
  3665. [class~="desk-3/5"],[class~="desk-6/10"]{
  3666. width:60%!important
  3667. }
  3668. [class~="desk-4/5"],[class~="desk-8/10"]{
  3669. width:80%!important
  3670. }
  3671. [class~="desk-1/6"],[class~="desk-2/12"]{
  3672. width:16.6666666%!important
  3673. }
  3674. [class~="desk-5/6"],[class~="desk-10/12"]{
  3675. width:83.3333333%!important
  3676. }
  3677. [class~="desk-1/8"]{
  3678. width:12.5%!important
  3679. }
  3680. [class~="desk-3/8"]{
  3681. width:37.5%!important
  3682. }
  3683. [class~="desk-5/8"]{
  3684. width:62.5%!important
  3685. }
  3686. [class~="desk-7/8"]{
  3687. width:87.5%!important
  3688. }
  3689. [class~="desk-1/9"]{
  3690. width:11.1111111%!important
  3691. }
  3692. [class~="desk-2/9"]{
  3693. width:22.2222222%!important
  3694. }
  3695. [class~="desk-4/9"]{
  3696. width:44.4444444%!important
  3697. }
  3698. [class~="desk-5/9"]{
  3699. width:55.5555555%!important
  3700. }
  3701. [class~="desk-7/9"]{
  3702. width:77.7777777%!important
  3703. }
  3704. [class~="desk-8/9"]{
  3705. width:88.8888888%!important
  3706. }
  3707. [class~="desk-1/10"]{
  3708. width:10%!important
  3709. }
  3710. [class~="desk-3/10"]{
  3711. width:30%!important
  3712. }
  3713. [class~="desk-7/10"]{
  3714. width:70%!important
  3715. }
  3716. [class~="desk-9/10"]{
  3717. width:90%!important
  3718. }
  3719. [class~="desk-1/12"]{
  3720. width:8.3333333%!important
  3721. }
  3722. [class~="desk-5/12"]{
  3723. width:41.6666666%!important
  3724. }
  3725. [class~="desk-7/12"]{
  3726. width:58.3333333%!important
  3727. }
  3728. [class~="desk-11/12"]{
  3729. width:91.6666666%!important
  3730. }
  3731. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement