@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

@font-face {
  font-family: 'fontawesome-5-juicer';
  src: url("https://static.juicer.io/fonts/fontawesome-5-juicer.eot?83361522");
  src: url("https://static.juicer.io/fonts/fontawesome-5-juicer.eot?83361522#iefix") format("embedded-opentype"), url("https://static.juicer.io/fonts/fontawesome-5-juicer.woff2?83361522") format("woff2"), url("https://static.juicer.io/fonts/fontawesome-5-juicer.woff?83361522") format("woff"), url("https://static.juicer.io/fonts/fontawesome-5-juicer.ttf?83361522") format("truetype"), url("https://static.juicer.io/fonts/fontawesome-5-juicer.svg?83361522#fontawesome-5-juicer") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontawesome-5-juicer';
    src: url(//assets.juicer.io/../font/fontawesome-5-juicer.svg?59718507#fontawesome-5-juicer) format('svg');
  }
}
*/
[class^="juicer-fa-"]:before, [class*=" juicer-fa-"]:before {
  font-family: "fontawesome-5-juicer";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.juicer-fa-heart:before {
  content: '\f004'; }

/* '' */
.juicer-fa-times:before {
  content: '\f00d'; }

/* '' */
.juicer-fa-edit:before {
  content: '\f044'; }

/* '' */
.juicer-fa-play:before {
  content: '\f04b'; }

/* '' */
.juicer-fa-pause:before {
  content: '\f04c'; }

/* '' */
.juicer-fa-chevron-left:before {
  content: '\f053'; }

/* '' */
.juicer-fa-chevron-right:before {
  content: '\f054'; }

/* '' */
.juicer-fa-arrow-left:before {
  content: '\f060'; }

/* '' */
.juicer-fa-eye:before {
  content: '\f06e'; }

/* '' */
.juicer-fa-retweet:before {
  content: '\f079'; }

/* '' */
.juicer-fa-comments:before {
  content: '\f086'; }

/* '' */
.juicer-fa-thumbtack:before {
  content: '\f08d'; }

/* '' */
.juicer-fa-rss:before {
  content: '\f09e'; }

/* '' */
.juicer-fa-users:before {
  content: '\f0c0'; }

/* '' */
.juicer-fa-pinterest:before {
  content: '\f0d2'; }

/* '' */
.juicer-fa-caret-down:before {
  content: '\f0d7'; }

/* '' */
.juicer-fa-envelope:before {
  content: '\f0e0'; }

/* '' */
.juicer-fa-linkedin-in:before {
  content: '\f0e1'; }

/* '' */
.juicer-fa-angle-left:before {
  content: '\f104'; }

/* '' */
.juicer-fa-angle-right:before {
  content: '\f105'; }

/* '' */
.juicer-fa-angle-up:before {
  content: '\f106'; }

/* '' */
.juicer-fa-angle-down:before {
  content: '\f107'; }

/* '' */
.juicer-fa-thumbs-up:before {
  content: '\f164'; }

/* '' */
.juicer-fa-youtube:before {
  content: '\f167'; }

/* '' */
.juicer-fa-instagram:before {
  content: '\f16d'; }

/* '' */
.juicer-fa-flickr:before {
  content: '\f16e'; }

/* '' */
.juicer-fa-tumblr:before {
  content: '\f173'; }

/* '' */
.juicer-fa-vimeo-square:before {
  content: '\f194'; }

/* '' */
.juicer-fa-slack:before {
  content: '\f198'; }

/* '' */
.juicer-fa-spotify:before {
  content: '\f1bc'; }

/* '' */
.juicer-fa-deviantart:before {
  content: '\f1bd'; }

/* '' */
.juicer-fa-soundcloud:before {
  content: '\f1be'; }

/* '' */
.juicer-fa-vine:before {
  content: '\f1ca'; }

/* '' */
.juicer-fa-yelp:before {
  content: '\f1e9'; }

/* '' */
.juicer-fa-calculator:before {
  content: '\f1ec'; }

/* '' */
.juicer-fa-trash:before {
  content: '\f1f8'; }

/* '' */
.juicer-fa-hashtag:before {
  content: '\f292'; }

/* '' */
.juicer-fa-facebook-f:before {
  content: '\f39e'; }

/* '' */
.juicer-fa-tiktok:before {
  content: '\f800'; }

/* '' */
.juicer-fa-twitter:before {
  content: '\f412'; }

/* '' */
.tc-blue {
  color: blue; }

.bg-blue {
  background-color: blue; }

.bd-blue {
  border-color: blue; }

.tc-background {
  color: #F9FAFB; }

.bg-background {
  background-color: #F9FAFB; }

.bd-background {
  border-color: #F9FAFB; }

.tc-black {
  color: #000; }

.bg-black {
  background-color: #000; }

.bd-black {
  border-color: #000; }

.tc-blood {
  color: #c6524c; }

.bg-blood {
  background-color: #c6524c; }

.bd-blood {
  border-color: #c6524c; }

.tc-border {
  color: #E2E8EE; }

.bg-border {
  background-color: #E2E8EE; }

.bd-border {
  border-color: #E2E8EE; }

.tc-dark-blue {
  color: #102738; }

.bg-dark-blue {
  background-color: #102738; }

.bd-dark-blue {
  border-color: #102738; }

.tc-dark-gray {
  color: #222; }

.bg-dark-gray {
  background-color: #222; }

.bd-dark-gray {
  border-color: #222; }

.tc-dark-maroon {
  color: #610000; }

.bg-dark-maroon {
  background-color: #610000; }

.bd-dark-maroon {
  border-color: #610000; }

.tc-embed {
  color: #999; }

.bg-embed {
  background-color: #999; }

.bd-embed {
  border-color: #999; }

.tc-footer-border {
  color: #353535; }

.bg-footer-border {
  background-color: #353535; }

.bd-footer-border {
  border-color: #353535; }

.tc-footer {
  color: #1e1e1e; }

.bg-footer {
  background-color: #1e1e1e; }

.bd-footer {
  border-color: #1e1e1e; }

.tc-form-border {
  color: #ccc; }

.bg-form-border {
  background-color: #ccc; }

.bd-form-border {
  border-color: #ccc; }

.tc-grapefruit {
  color: #f25951; }

.bg-grapefruit {
  background-color: #f25951; }

.bd-grapefruit {
  border-color: #f25951; }

.tc-gray {
  color: #888; }

.bg-gray {
  background-color: #888; }

.bd-gray {
  border-color: #888; }

.tc-green {
  color: #0b6e27; }

.bg-green {
  background-color: #0b6e27; }

.bd-green {
  border-color: #0b6e27; }

.tc-dark-green {
  color: #084e1b; }

.bg-dark-green {
  background-color: #084e1b; }

.bd-dark-green {
  border-color: #084e1b; }

.tc-input-color {
  color: #555; }

.bg-input-color {
  background-color: #555; }

.bd-input-color {
  border-color: #555; }

.tc-input-border {
  color: #D4D8E1; }

.bg-input-border {
  background-color: #D4D8E1; }

.bd-input-border {
  border-color: #D4D8E1; }

.tc-light-gray {
  color: #aaa; }

.bg-light-gray {
  background-color: #aaa; }

.bd-light-gray {
  border-color: #aaa; }

.tc-lighter-gray {
  color: #eee; }

.bg-lighter-gray {
  background-color: #eee; }

.bd-lighter-gray {
  border-color: #eee; }

.tc-lightest-gray {
  color: #F1F4F6; }

.bg-lightest-gray {
  background-color: #F1F4F6; }

.bd-lightest-gray {
  border-color: #F1F4F6; }

.tc-maroon {
  color: #813333; }

.bg-maroon {
  background-color: #813333; }

.bd-maroon {
  border-color: #813333; }

.tc-medium-gray {
  color: #bbb; }

.bg-medium-gray {
  background-color: #bbb; }

.bd-medium-gray {
  border-color: #bbb; }

.tc-nav-bg {
  color: #fff; }

.bg-nav-bg {
  background-color: #fff; }

.bd-nav-bg {
  border-color: #fff; }

.tc-nav-header {
  color: #27292c; }

.bg-nav-header {
  background-color: #27292c; }

.bd-nav-header {
  border-color: #27292c; }

.tc-nav-link-hover {
  color: #F1F4F6; }

.bg-nav-link-hover {
  background-color: #F1F4F6; }

.bd-nav-link-hover {
  border-color: #F1F4F6; }

.tc-off-black {
  color: #0a0a0a; }

.bg-off-black {
  background-color: #0a0a0a; }

.bd-off-black {
  border-color: #0a0a0a; }

.tc-off-white {
  color: #d2d2d2; }

.bg-off-white {
  background-color: #d2d2d2; }

.bd-off-white {
  border-color: #d2d2d2; }

.tc-orange {
  color: #F05B4A; }

.bg-orange {
  background-color: #F05B4A; }

.bd-orange {
  border-color: #F05B4A; }

.tc-red {
  color: #ff0000; }

.bg-red {
  background-color: #ff0000; }

.bd-red {
  border-color: #ff0000; }

.tc-salmon {
  color: #f57a74; }

.bg-salmon {
  background-color: #f57a74; }

.bd-salmon {
  border-color: #f57a74; }

.tc-satan {
  color: #666; }

.bg-satan {
  background-color: #666; }

.bd-satan {
  border-color: #666; }

.tc-sidebar-border {
  color: #3a3d43; }

.bg-sidebar-border {
  background-color: #3a3d43; }

.bd-sidebar-border {
  border-color: #3a3d43; }

.tc-slevin {
  color: #777; }

.bg-slevin {
  background-color: #777; }

.bd-slevin {
  border-color: #777; }

.tc-white-field {
  color: #f9f8f6; }

.bg-white-field {
  background-color: #f9f8f6; }

.bd-white-field {
  border-color: #f9f8f6; }

.tc-white {
  color: #fff; }

.bg-white {
  background-color: #fff; }

.bd-white {
  border-color: #fff; }

.tc-warning-yellow {
  color: #ffeeba; }

.bg-warning-yellow {
  background-color: #ffeeba; }

.bd-warning-yellow {
  border-color: #ffeeba; }

.tc-pale-yellow {
  color: #FFF9E6; }

.bg-pale-yellow {
  background-color: #FFF9E6; }

.bd-pale-yellow {
  border-color: #FFF9E6; }

.bg-none {
  background: none !important; }

html, html a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  background: #F2F2F2;
  color: #102738; }

header {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  transition: all 0.2s ease-in-out;
  height: 65px;
  padding: 10px 0;
  position: fixed;
  width: 100%;
  z-index: 5;
  top: 0; }
  header .logo {
    background: url(http://assets.juicer.io/logo-with-text.svg) no-repeat;
    text-indent: -9999px;
    display: block;
    height: 55px;
    width: 150px;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 5; }
  header h1 {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    position: absolute;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
    white-space: nowrap; }
  header.scrolled {
    background: rgba(58, 58, 58, 0.7); }
    header.scrolled h1 {
      color: #F2F2F2; }

.mt-80 {
  margin-top: 80px; }