@charset "UTF-8";
/**
 * Reset some basic elements
 */
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
  margin: 0;
  padding: 0; }

/**
 * Basic styling
 */
body {
  font: normal 16px/1.5 "Helvetica Neue", "Segoe UI", Helvetica, sans-serif;
  color: #111;
  background-color: #fdfdfd;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal; }

/**
 * Set `margin-bottom` to maintain vertical rhythm
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure {
  margin-bottom: 15px; }

/**
 * Images
 */
img {
  max-width: 100%;
  vertical-align: middle; }

/**
 * Figures
 */
figure > img {
  display: block; }

figcaption {
  font-size: 14px; }

/**
 * Lists
 */
ul, ol {
  margin-left: 30px; }

li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

/**
 * Links
 */
a {
  color: #6ea032;
  text-decoration: none;
  font-weight: 400; }
  a:visited {
    color: #6ea032; }
  a:hover {
    color: #111;
    text-decoration: underline; }

/**
 * Blockquotes
 */
blockquote {
  color: #828282;
  border-left: 4px solid #e8e8e8;
  padding-left: 15px;
  font-size: 18px;
  letter-spacing: -1px;
  font-style: italic; }
  blockquote > :last-child {
    margin-bottom: 0; }

/**
 * Code formatting
 */
pre,
code {
  font-size: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #fff; }

code {
  padding: 1px 5px; }

pre {
  padding: 8px 12px;
  overflow-x: auto; }
  pre > code {
    border: 0;
    padding-right: 0;
    padding-left: 0; }

.left {
  float: left; }

.right {
  float: right; }

.align-right {
  text-align: right; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

/**
 * Wrapper
 */
.wrapper {
  max-width: -webkit-calc(1500px - (30px * 2));
  max-width: calc(1500px - (30px * 2));
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px; }
  @media screen and (max-width: 800px) {
    .wrapper {
      max-width: -webkit-calc(1500px - (30px));
      max-width: calc(1500px - (30px));
      padding-right: 15px;
      padding-left: 15px; } }

/**
 * Clearfix
 */
.wrapper:after {
  content: "";
  display: table;
  clear: both; }

/**
 * Icons
 */
.icon > svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon > svg path {
    fill: #828282; }

/*
 * Gridism
 * A simple, responsive, and handy CSS grid by @cobyism
 * https://github.com/cobyism/gridism
 */
/* Preserve some sanity */
.grid,
.unit {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Set up some rules to govern the grid */
.grid {
  display: block;
  clear: both; }

.grid .unit {
  float: left;
  width: 100%;
  padding: 10px; }

/* This ensures the outer gutters are equal to the (doubled) inner gutters. */
.grid .unit:first-child {
  padding-left: 20px; }

.grid .unit:last-child {
  padding-right: 20px; }

/* Nested grids already have padding though, so let’s nuke it */
.unit .unit:first-child {
  padding-left: 0; }

.unit .unit:last-child {
  padding-right: 0; }

.unit .grid:first-child > .unit {
  padding-top: 0; }

.unit .grid:last-child > .unit {
  padding-bottom: 0; }

/* Let people nuke the gutters/padding completely in a couple of ways */
.no-gutters .unit,
.unit.no-gutters {
  padding: 0 !important; }

/* Wrapping at a maximum width is optional */
.wrap .grid,
.grid.wrap {
  max-width: 978px;
  margin: 0 auto; }

/* Width classes also have shorthand versions numbered as fractions
 * For example: for a grid unit 1/3 (one third) of the parent width,
 * simply apply class="w-1-3" to the element. */
.grid .whole, .grid .w-1-1 {
  width: 100%; }

.grid .half, .grid .w-1-2 {
  width: 50%; }

.grid .one-third, .grid .w-1-3 {
  width: 33.3332%; }

.grid .two-thirds, .grid .w-2-3 {
  width: 66.6665%; }

.grid .one-quarter,
.grid .one-fourth, .grid .w-1-4 {
  width: 25%; }

.grid .three-quarters,
.grid .three-fourths, .grid .w-3-4 {
  width: 75%; }

.grid .one-fifth, .grid .w-1-5 {
  width: 20%; }

.grid .two-fifths, .grid .w-2-5 {
  width: 40%; }

.grid .three-fifths, .grid .w-3-5 {
  width: 60%; }

.grid .four-fifths, .grid .w-4-5 {
  width: 80%; }

.grid .golden-small, .grid .w-g-s {
  width: 38.2716%; }

/* Golden section: smaller piece */
.grid .golden-large, .grid .w-g-l {
  width: 61.7283%; }

/* Golden section: larger piece */
/* Clearfix after every .grid */
.grid {
  zoom: 1; }

.grid:before, .grid:after {
  display: table;
  content: "";
  line-height: 0; }

.grid:after {
  clear: both; }

/* Utility classes */
.align-center {
  text-align: center; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

/* A property for a better rendering of images in units: in
   this way bigger pictures are just resized if the unit
   becomes smaller */
.unit img {
  max-width: 100%; }

/* Responsive Stuff */
@media screen and (max-width: 600px) {
  /* Stack anything that isn’t full-width on smaller screens 
     and doesn't provide the no-stacking-on-mobiles class */
  .grid:not(.no-stacking-on-mobiles) > .unit {
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px; }

  .unit .grid .unit {
    padding-left: 0px;
    padding-right: 0px; }

  /* Sometimes, you just want to be different on small screens */
  .center-on-mobiles {
    text-align: center !important; }

  .hide-on-mobiles {
    display: none !important; } }
/* Expand the wrap a bit further on larger screens */
@media screen and (min-width: 1180px) {
  .wider .grid,
  .grid.wider {
    max-width: 1180px;
    margin: 0 auto; } }
/* Header */
header h1, header nav {
  display: inline-block; }

nav ul {
  padding: 0;
  margin: 0; }
nav li {
  display: inline-block; }

.main-nav, .mobile-nav {
  margin-top: 15px; }
  .main-nav ul, .mobile-nav ul {
    display: inline-block;
    float: right; }
  .main-nav li a, .mobile-nav li a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #666;
    font-weight: 900;
    font-size: 14px;
    padding: 0.5em 0.5em;
    text-transform: uppercase; }
    .main-nav li a:hover, .mobile-nav li a:hover {
      background-color: #eee; }
  .main-nav li.current a, .mobile-nav li.current a {
    background-color: #666;
    color: #fff; }

.mobile-nav {
  margin-top: 0px;
  padding-top: 10px;
  text-align: center; }
  .mobile-nav ul {
    float: none; }
  .mobile-nav li {
    margin-right: 5px;
    margin-bottom: 0.6em; }

.contact-list,
.social-media-list,
.extra-links {
  list-style: none;
  margin-left: 0; }
  .contact-list a, .contact-list a:link, .contact-list a:visited,
  .social-media-list a,
  .social-media-list a:link,
  .social-media-list a:visited,
  .extra-links a,
  .extra-links a:link,
  .extra-links a:visited {
    text-decoration: underline;
    font-weight: 800; }

/**
 * Page content
 */
.post-meta {
  font-size: 14px;
  color: #828282; }

.post-link {
  display: block;
  font-size: 24px; }

/**
 * Posts
 */
.post-header {
  margin-bottom: 10px; }

.post-title {
  font-size: 42px;
  letter-spacing: -1px;
  line-height: 1; }
  .post-title a {
    color: #000; }
  @media screen and (max-width: 800px) {
    .post-title {
      font-size: 36px; } }

.post-content {
  margin-bottom: 30px; }
  .post-content h1 {
    margin-bottom: 5px; }
  .post-content h2 {
    font-size: 32px; }
    @media screen and (max-width: 800px) {
      .post-content h2 {
        font-size: 28px; } }
  .post-content h3 {
    font-size: 26px; }
    @media screen and (max-width: 800px) {
      .post-content h3 {
        font-size: 22px; } }
  .post-content h4 {
    font-size: 20px; }
    @media screen and (max-width: 800px) {
      .post-content h4 {
        font-size: 18px; } }

.show-on-mobiles {
  display: none; }

@media screen and (max-width: 600px) {
  .show-on-mobiles {
    display: block !important; }

  a .show-on-mobiles {
    display: inline !important; } }
@media (max-width: 768px) {
  .main-nav ul {
    text-align: right; } }
@media (max-width: 830px) {
  .main-nav .show-on-mobiles {
    display: inline; }
  .main-nav .hide-on-mobiles {
    display: none; } }
article.post {
  margin-top: 10px; }

/* Helper class taken from Bootstrap.
	 Hides an element to all devices except screen readers.
*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

p.rss-subscribe {
  float: right;
  font-size: 16px; }

html {
  background-color: #333333; }

h1 {
  line-height: 1.2em; }

abbr {
  border-bottom: 1px dotted #636363;
  cursor: help; }

sup {
  margin-left: 2px; }
  sup:before {
    content: '['; }
  sup:after {
    content: ']'; }

div.cerb-screenshot {
  position: relative;
  margin-bottom: 5px; }
  div.cerb-screenshot img {
    border: 1px solid gainsboro;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    div.cerb-screenshot img.cerb-overlay {
      position: absolute;
      top: 0;
      left: 0; }

ul.cerb-convo-bubbles {
  list-style: none;
  margin: 0; }
  ul.cerb-convo-bubbles > li {
    background-color: #e6e6e6;
    padding: 5px 10px;
    margin: 5px 0px;
    border-radius: 10px 10px 10px 0px; }

.cerb-hidden {
  display: none; }

.cerb-indented {
  margin-left: 20px !important; }

.cerb-text-center {
  text-align: center; }

header.wip {
  padding: 10px;
  color: #976320;
  background-color: #fcf0bb;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  header.wip a {
    color: #e08600; }
header.top-navigation {
  background-color: #f8f8f8; }
header.jumbotron {
  text-align: left;
  padding: 20px 0px 20px 0px;
  background-color: #6a88c3;
  background: linear-gradient(top, #3f5eab, #6a88c3);
  background: -webkit-gradient(linear, left top, left bottom, from(#3f5eab), to(#6a88c3));
  background: -moz-linear-gradient(top, #3f5eab, #6a88c3);
  background: -o-linear-gradient(top, #3f5eab, #6a88c3);
  background: -ms-linear-gradient(top, #3f5eab, #6a88c3);
  color: white; }
  header.jumbotron p.jumbotron-breadcrumbs {
    display: inline-block; }
    header.jumbotron p.jumbotron-breadcrumbs a {
      color: white; }
  header.jumbotron.jumbotron-medium h1 {
    font-size: 24px;
    margin: 0px 0px 0px 0px;
    padding: 0; }
  header.jumbotron.jumbotron-center {
    text-align: center; }
  header.jumbotron h1 {
    display: block;
    font-size: 36px;
    margin: 0px 0px 0px 0px;
    padding: 0; }
  header.jumbotron p {
    font-size: 24px;
    font-weight: 200;
    margin: 0px 0px 0px 0px;
    padding: 0; }

div.page-content article h1 {
  font-size: 32px;
  font-weight: 800;
  color: #000; }
div.page-content article h2 {
  font-size: 28px;
  font-weight: 500;
  border-bottom: 1px solid #e0e0e0; }
div.page-content article h3 {
  font-size: 22px;
  font-weight: 600; }
div.page-content article h4 {
  font-size: 16px;
  font-weight: 600; }

.blog {
  margin-top: 20px; }
  .blog article h1 {
    margin-top: 20px;
    margin-bottom: 15px; }
    .blog article h1.post-title {
      margin: 0; }
  .blog article h2 {
    margin-bottom: 5px; }
  .blog ul#markdown-toc > li > a {
    font-weight: bold; }
  .blog div.screenshot {
    margin-left: 20px;
    margin-bottom: 10px;
    border: 1px solid gainsboro;
    display: inline-block; }
  .blog ul.blog-post-group {
    list-style: disc;
    margin-bottom: 20px; }
    .blog ul.blog-post-group li {
      margin-bottom: 10px; }
      .blog ul.blog-post-group li a {
        font-weight: bold; }

.home div.separator {
  clear: both;
  text-align: center; }
  .home div.separator:after {
    content: '';
    display: inline-block;
    position: relative;
    top: -14px;
    border-bottom: 1px dashed lightgray;
    width: 90%;
    color: #8c8b8b;
    font-size: 18px; }

.features {
  display: flex;
  flex-flow: row wrap; }
  .features .feature {
    margin: 0px 0px 20px 0px;
    flex: 2 2 100%; }
    .features .feature.half {
      flex: 1 1 50%; }
    .features .feature h1 {
      margin: 0px 0px 0px 0px;
      padding: 0;
      font-weight: bold;
      font-size: 2.7em; }
    .features .feature h2 {
      margin: 0px 0px 0px 0px;
      padding: 0;
      font-weight: bold;
      font-size: 1.8em; }
    .features .feature p, .features .feature ul {
      font-weight: normal;
      margin: 0 20px;
      text-align: justify; }
    .features .feature p {
      margin-bottom: 15px; }
    .features .feature ul {
      text-align: left;
      list-style: circle;
      margin-top: 10px; }
      .features .feature ul li {
        margin-bottom: 10px; }
    .features .feature div.screenshot {
      margin: 25px 0px 0px 0px; }
      .features .feature div.screenshot img {
        border: 1px solid #ebebeb; }

#cerb-slides .cerb-slides-nav {
  margin-bottom: 10px;
  background-color: #e6e6e6;
  padding: 5px !important;
  overflow: hidden; }
  #cerb-slides .cerb-slides-nav .slide {
    color: #787878;
    padding: 0;
    font: inherit;
    cursor: pointer;
    margin: 0 5px;
    white-space: nowrap; }
    #cerb-slides .cerb-slides-nav .slide:hover {
      color: black; }
    #cerb-slides .cerb-slides-nav .slide.selected {
      color: #ff8000;
      font-weight: bold; }
    #cerb-slides .cerb-slides-nav .slide.section {
      color: black;
      font-size: 1.2em;
      font-weight: bold; }
      #cerb-slides .cerb-slides-nav .slide.section.selected {
        color: black;
        font-weight: bold; }
  #cerb-slides .cerb-slides-nav .prev {
    color: #646464;
    font-weight: bold;
    white-space: nowrap; }
  #cerb-slides .cerb-slides-nav .next {
    color: #646464;
    font-weight: bold;
    white-space: nowrap; }
#cerb-slides .feature .screenshot img {
  border: 2px solid #e1e1e1; }
#cerb-slides .feature img {
  cursor: pointer; }
#cerb-slides .feature.selected {
  display: block; }

.docs .content, .integration .content {
  padding: 0; }
.docs article h1:not(:first-of-type), .integration article h1:not(:first-of-type) {
  margin-top: 50px; }
.docs article h2:not(:first-of-type), .integration article h2:not(:first-of-type) {
  margin-top: 25px; }
.docs article h3:not(:first-of-type), .integration article h3:not(:first-of-type) {
  margin-top: 25px; }
.docs article table, .integration article table {
  border: 1px solid #cecece;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0px;
  margin-bottom: 1em; }
  .docs article table th, .integration article table th {
    background-color: whitesmoke;
    border: 1px solid gainsboro;
    padding: 5px;
    text-align: left; }
  .docs article table td, .integration article table td {
    padding: 5px;
    border: 1px solid gainsboro; }
.docs aside h4, .integration aside h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  padding: 0; }
  .docs aside h4 a, .integration aside h4 a {
    font-weight: bold;
    color: #111; }
.docs aside ul, .integration aside ul {
  margin-bottom: 5px; }
.docs aside li, .integration aside li {
  font-size: 13px;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -20px; }
  .docs aside li.current, .integration aside li.current {
    font-weight: bold;
    text-decoration: none; }
    .docs aside li.current:before, .integration aside li.current:before {
      content: "";
      opacity: 0.5;
      margin-left: -10px;
      border-left: 2px solid #F40;
      padding-left: 8px; }
    .docs aside li.current a, .integration aside li.current a {
      color: #F40; }
  .docs aside li a, .integration aside li a {
    color: #888;
    line-height: 1.7em; }

.integrations {
  margin-top: 10px; }
  .integrations h1 {
    margin-top: 20px;
    margin-bottom: 15px; }
  .integrations h2 {
    border: 0 !important;
    font-size: 22px !important;
    margin-bottom: 5px; }
  .integrations ul.articles {
    list-style: none;
    margin-left: 0px; }
    .integrations ul.articles li {
      padding: 10px; }
      .integrations ul.articles li a {
        font-weight: 500; }
      .integrations ul.articles li:nth-child(odd) {
        background-color: #f0f0f0; }
  .integrations div.cerb-integration {
    text-align: center;
    font-weight: 300;
    margin-bottom: 25px; }
    .integrations div.cerb-integration a {
      font-weight: bold;
      font-size: 120%; }

section.integration article {
  margin-top: 15px; }
  section.integration article h1 a {
    color: #000; }
section.integration aside ul {
  list-style: none;
  padding: 0;
  margin-left: 0px; }
  section.integration aside ul li {
    font-size: 14px; }
    section.integration aside ul li a {
      color: #888; }
    section.integration aside ul li.current a {
      color: #F40;
      font-weight: bold; }

div.pricing h1 a {
  color: black;
  text-decoration: none; }
  div.pricing h1 a:hover {
    text-decoration: underline; }

.section-nav {
  padding-top: 20px;
  position: relative;
  margin: 0px 0px 50px 0px; }
  .section-nav a,
  .section-nav span {
    color: #333;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    padding: 8px 12px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*border: 1px solid #333;*/
    background-color: #eee; }
  .section-nav a:hover {
    color: #fff;
    background-color: #888; }
  .section-nav .disabled {
    display: none;
    cursor: default; }

footer {
  line-height: 1.4em;
  color: white;
  font-weight: 200;
  margin-top: 30px;
  padding: 15px 0;
  background-color: #333333;
  width: 100%; }
  footer b {
    color: #a0b4d2; }
  footer a, footer a:link, footer a:visited {
    color: white; }

table.matrix {
  text-align: center; }
  table.matrix caption {
    font-weight: bold;
    font-size: 110%;
    white-space: nowrap; }
  table.matrix th, table.matrix td {
    padding: 3px 10px; }
  table.matrix tr th:first-child, table.matrix tr td:first-child {
    text-align: right; }

.cerb-feature-comparison {
  width: 100%;
  border-spacing: 0; }
  .cerb-feature-comparison > tbody > tr > td {
    vertical-align: top;
    width: 50%; }
  .cerb-feature-comparison h1 a {
    font-weight: bold; }
  .cerb-feature-comparison div.price {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px; }

table.cerb-pricing-matrix {
  width: 100%;
  border-spacing: 0; }
  table.cerb-pricing-matrix th {
    width: 25%;
    font-size: 120%;
    font-weight: bold; }
    table.cerb-pricing-matrix th a {
      text-decoration: underline;
      cursor: pointer; }
  table.cerb-pricing-matrix tbody.matrix td {
    text-align: center; }
    table.cerb-pricing-matrix tbody.matrix td:first-child {
      text-align: right; }
    table.cerb-pricing-matrix tbody.matrix td span.yes:after {
      content: '√'; }
    table.cerb-pricing-matrix tbody.matrix td span.no:after {
      content: '—';
      opacity: 0.4; }
  table.cerb-pricing-matrix tbody.matrix tr:nth-child(even) td {
    background-color: #fff; }
  table.cerb-pricing-matrix tbody.matrix tr:nth-child(odd) td {
    background-color: #ebebeb; }
  table.cerb-pricing-matrix tbody.section td {
    text-align: left;
    font-weight: bold;
    font-size: 110%;
    padding: 25px 0px 10px 0px; }

form.cerb-form {
  border: 1px solid #e6e6e6;
  padding: 10px;
  border-radius: 8px; }
  form.cerb-form div.status {
    display: inline-block; }
    form.cerb-form div.status div.success {
      display: inline-block;
      padding: 10px;
      color: #799f44;
      background-color: #dff5c9;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
    form.cerb-form div.status div.warning {
      display: inline-block;
      padding: 10px;
      color: #976320;
      background-color: #fcf0bb;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
    form.cerb-form div.status div.error {
      display: inline-block;
      padding: 10px;
      color: #960000;
      background-color: #ffc0c0;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
  form.cerb-form .dim {
    color: #969696; }
  form.cerb-form fieldset {
    border: none; }
    form.cerb-form fieldset legend {
      font-size: 1.8em;
      font-weight: bold;
      color: #6ea032; }
    form.cerb-form fieldset > label {
      display: block;
      font-weight: bold;
      margin-bottom: 5px; }
  form.cerb-form input[type="text"],
  form.cerb-form input[type="date"],
  form.cerb-form input[type="datetime"],
  form.cerb-form input[type="email"],
  form.cerb-form input[type="number"],
  form.cerb-form input[type="search"],
  form.cerb-form input[type="time"],
  form.cerb-form input[type="url"],
  form.cerb-form textarea,
  form.cerb-form select {
    border: none;
    border-radius: 4px;
    font-size: 16px;
    margin: 0;
    outline: 0;
    padding: 7px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #ebebeb;
    color: #222;
    font-weight: 500;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset;
    margin-bottom: 10px; }
    form.cerb-form input[type="text"].form-inline,
    form.cerb-form input[type="date"].form-inline,
    form.cerb-form input[type="datetime"].form-inline,
    form.cerb-form input[type="email"].form-inline,
    form.cerb-form input[type="number"].form-inline,
    form.cerb-form input[type="search"].form-inline,
    form.cerb-form input[type="time"].form-inline,
    form.cerb-form input[type="url"].form-inline,
    form.cerb-form textarea.form-inline,
    form.cerb-form select.form-inline {
      width: inherit; }
  form.cerb-form input[type="text"]:focus,
  form.cerb-form input[type="date"]:focus,
  form.cerb-form input[type="datetime"]:focus,
  form.cerb-form input[type="email"]:focus,
  form.cerb-form input[type="number"]:focus,
  form.cerb-form input[type="search"]:focus,
  form.cerb-form input[type="time"]:focus,
  form.cerb-form input[type="url"]:focus,
  form.cerb-form textarea:focus,
  form.cerb-form select:focus {
    background: #f5f5f5; }
  form.cerb-form select {
    -webkit-appearance: menulist-button;
    height: 35px; }
  form.cerb-form input[type="submit"],
  form.cerb-form input[type="button"] {
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 10px 10px;
    color: #fff;
    background: #6ea032;
    font-size: 1.3em;
    text-align: left;
    font-style: normal;
    border: 0;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
  form.cerb-form input[type="submit"]:hover,
  form.cerb-form input[type="button"]:hover {
    background: #7bb338; }

div.cerb-box {
  padding: 10px 20px;
  margin: 10px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  div.cerb-box p {
    margin: 0;
    padding: 0; }
  div.cerb-box.note {
    color: #976320;
    background-color: #fcf0bb; }
    div.cerb-box.note p:before {
      content: 'Note: ';
      font-weight: bold;
      font-size: 120%; }
    div.cerb-box.note a {
      color: #e08600; }
  div.cerb-box.warning {
    color: #ec3e53;
    background-color: #fcd6d9; }
    div.cerb-box.warning p:before {
      content: 'Warning: ';
      font-weight: bold;
      font-size: 120%; }
    div.cerb-box.warning a {
      color: #ec3e53;
      text-decoration: underline; }
  div.cerb-box.geek-out {
    color: #186897;
    background-color: #e1f2fc; }
    div.cerb-box.geek-out p:before {
      content: 'Geek out: ';
      font-weight: bold;
      font-size: 120%; }
    div.cerb-box.geek-out a {
      color: #e08600;
      text-decoration: underline; }

a.cerb-button {
  display: inline-block;
  text-align: center;
  line-height: 1.1em; }

button.cerb-button, a.cerb-button {
  text-decoration: none;
  font-size: 32px;
  color: white;
  border-radius: 20px;
  border: 0;
  background-color: #3c82e6;
  padding: 10px 20px;
  font-weight: bold;
  cursor: pointer; }
  button.cerb-button:hover, a.cerb-button:hover {
    text-decoration: underline; }

span.client-logo {
  display: inline-block;
  width: 155px;
  height: 75px; }

span.client-eff-org {
  background: url(/assets/cerb-clients.png) -10px -10px; }

span.client-thinkgeek-com {
  background: url(/assets/cerb-clients.png) -185px -10px; }

span.client-singularityu-org {
  background: url(/assets/cerb-clients.png) -360px -10px; }

span.client-seti-org {
  background: url(/assets/cerb-clients.png) -535px -10px; }

span.client-advance-net {
  background: url(/assets/cerb-clients.png) -710px -10px; }

span.client-mediafly-com {
  background: url(/assets/cerb-clients.png) -10px -105px; }

span.client-lockheedmartin-com {
  background: url(/assets/cerb-clients.png) -185px -105px; }

span.client-uci-edu {
  background: url(/assets/cerb-clients.png) -360px -105px; }

span.client-cornell-edu {
  background: url(/assets/cerb-clients.png) -535px -105px; }

span.client-opendns-com {
  background: url(/assets/cerb-clients.png) -710px -105px; }

span.client-kiva-org {
  background: url(/assets/cerb-clients.png) -10px -200px; }

span.client-greenpeace-org {
  background: url(/assets/cerb-clients.png) -185px -200px; }

span.client-universalmusic-com {
  background: url(/assets/cerb-clients.png) -360px -200px; }

span.client-linksys-com {
  background: url(/assets/cerb-clients.png) -535px -200px; }

span.client-conair-com {
  background: url(/assets/cerb-clients.png) -710px -200px; }

span.client-culturedcode-com {
  background: url(/assets/cerb-clients.png) -10px -295px; }

span.client-appcelerator-com {
  background: url(/assets/cerb-clients.png) -185px -295px; }

span.client-netdna-com {
  background: url(/assets/cerb-clients.png) -360px -295px; }

span.client-flexibits-com {
  background: url(/assets/cerb-clients.png) -535px -295px; }

span.client-tlgbrands-com {
  background: url(/assets/cerb-clients.png) -710px -295px; }

span.client-netratings-com {
  background: url(/assets/cerb-clients.png) -10px -390px; }

span.client-london-ac-uk {
  background: url(/assets/cerb-clients.png) -185px -390px; }

span.client-dunlopindustrial-co-za {
  background: url(/assets/cerb-clients.png) -360px -390px; }

span.client-sitepoint-com {
  background: url(/assets/cerb-clients.png) -535px -390px; }

span.client-agilebits-com {
  background: url(/assets/cerb-clients.png) -710px -390px; }

span.client-copyblogger-com {
  background: url(/assets/cerb-clients.png) -10px -485px; }

span.client-clarusmarketing-com {
  background: url(/assets/cerb-clients.png) -185px -485px; }

span.client-cappies-com {
  background: url(/assets/cerb-clients.png) -360px -485px; }

span.client-cisco-com {
  background: url(/assets/cerb-clients.png) -535px -485px; }

span.client-umma-umich-edu {
  background: url(/assets/cerb-clients.png) -710px -485px; }

span.client-99designs-com {
  background: url(/assets/cerb-clients.png) -10px -580px; }

span.client-dictionary-com {
  background: url(/assets/cerb-clients.png) -185px -580px; }

span.client-funcom-com {
  background: url(/assets/cerb-clients.png) -360px -580px; }

span.client-3cisd-com {
  background: url(/assets/cerb-clients.png) -535px -580px; }

span.client-tiauto-com {
  background: url(/assets/cerb-clients.png) -710px -580px; }

span.client-xilo-net {
  background: url(/assets/cerb-clients.png) -10px -675px; }

span.client-nublue-co-uk {
  background: url(/assets/cerb-clients.png) -185px -675px; }

span.client-rhodes-edu {
  background: url(/assets/cerb-clients.png) -360px -675px; }

span.client-sevencorners-com {
  background: url(/assets/cerb-clients.png) -535px -675px; }

span.client-dekart-com {
  background: url(/assets/cerb-clients.png) -710px -675px; }

span.client-skywest-com-au {
  background: url(/assets/cerb-clients.png) -10px -770px; }

span.client-france-com {
  background: url(/assets/cerb-clients.png) -185px -770px; }

span.client-tradingtrainer-com {
  background: url(/assets/cerb-clients.png) -360px -770px; }

span.client-imhosted-com {
  background: url(/assets/cerb-clients.png) -535px -770px; }

span.client-dedicatednow-com {
  background: url(/assets/cerb-clients.png) -710px -770px; }

span.client-yamaha-com {
  background: url(/assets/cerb-clients.png) -10px -865px; }

span.client-camlaw-rutgers-edu {
  background: url(/assets/cerb-clients.png) -185px -865px; }

span.client-smm-org {
  background: url(/assets/cerb-clients.png) -360px -865px; }

span.client-3rdsense-com {
  background: url(/assets/cerb-clients.png) -535px -865px; }

span.client-247customer-com {
  background: url(/assets/cerb-clients.png) -710px -865px; }

span.client-firestarsoftware-com {
  background: url(/assets/cerb-clients.png) -10px -960px; }

span.client-spirithosting-net {
  background: url(/assets/cerb-clients.png) -185px -960px; }

span.client-castandcrew-com {
  background: url(/assets/cerb-clients.png) -360px -960px; }

span.client-hyclogistics-com {
  background: url(/assets/cerb-clients.png) -535px -960px; }

span.client-sourcefire-com {
  background: url(/assets/cerb-clients.png) -710px -960px; }

span.client-tigertms-ae {
  background: url(/assets/cerb-clients.png) -10px -1055px; }

span.client-diyhosting-com {
  background: url(/assets/cerb-clients.png) -185px -1055px; }

span.client-cardlogicgroup-com {
  background: url(/assets/cerb-clients.png) -360px -1055px; }

span.client-watterott-com {
  background: url(/assets/cerb-clients.png) -535px -1055px; }

span.client-3mediaweb-com {
  background: url(/assets/cerb-clients.png) -710px -1055px; }

span.client-viewpoint-com {
  background: url(/assets/cerb-clients.png) -10px -1150px; }

span.client-cloudcontrollers-com {
  background: url(/assets/cerb-clients.png) -185px -1150px; }

span.client-americanbroadbandservice-com {
  background: url(/assets/cerb-clients.png) -360px -1150px; }

span.client-trainingpeaks-com {
  background: url(/assets/cerb-clients.png) -535px -1150px; }

span.client-mshomehelp-gov {
  background: url(/assets/cerb-clients.png) -710px -1150px; }

span.client-esi-group-com {
  background: url(/assets/cerb-clients.png) -10px -1245px; }

span.client-popcap-com {
  background: url(/assets/cerb-clients.png) -185px -1245px; }

span.client-izotope-com {
  background: url(/assets/cerb-clients.png) -360px -1245px; }

span.client-nxnet-us {
  background: url(/assets/cerb-clients.png) -535px -1245px; }

span.client-infoteam-com {
  background: url(/assets/cerb-clients.png) -710px -1245px; }

@media screen and (max-width: 600px) {
  .features .feature.half {
    flex: 2 2 100%; } }
/* PrismJS 1.15.0
https://prismjs.com/download.html?#themes=prism&languages=markup+css+clike+javascript+bash+markup-templating+git+http+json+markdown+nginx+php+sql+smarty+yaml+twig&plugins=line-highlight+line-numbers+toolbar+command-line+normalize-whitespace+copy-to-clipboard */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*="language-"],
pre[class*="language-"] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; }

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc; }

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc; }

@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none; } }
/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto; }

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #f5f2f0; }

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal; }

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray; }

.token.punctuation {
  color: #999; }

.namespace {
  opacity: .7; }

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905; }

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #9a6e3a;
  background: rgba(255, 255, 255, 0.5); }

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a; }

.token.function,
.token.class-name {
  color: #DD4A68; }

.token.regex,
.token.important,
.token.variable {
  color: #e90; }

.token.important,
.token.bold {
  font-weight: bold; }

.token.italic {
  font-style: italic; }

.token.entity {
  cursor: help; }

pre[data-line] {
  position: relative;
  padding: 1em 0 1em 3em; }

.line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  padding: inherit 0;
  margin-top: 1em;
  /* Same as .prism’s padding-top */
  background: rgba(153, 122, 102, 0.08);
  background: linear-gradient(to right, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
  pointer-events: none;
  line-height: inherit;
  white-space: pre; }

.line-highlight:before,
.line-highlight[data-end]:after {
  content: attr(data-start);
  position: absolute;
  top: .4em;
  left: .6em;
  min-width: 1em;
  padding: 0 .5em;
  background-color: rgba(153, 122, 102, 0.4);
  color: #f5f2f0;
  font: bold 65%/1.5 sans-serif;
  text-align: center;
  vertical-align: .3em;
  border-radius: 999px;
  text-shadow: none;
  box-shadow: 0 1px white; }

.line-highlight[data-end]:after {
  content: attr(data-end);
  top: auto;
  bottom: .4em; }

.line-numbers .line-highlight:before,
.line-numbers .line-highlight:after {
  content: none; }

pre[class*="language-"].line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber; }

pre[class*="language-"].line-numbers > code {
  position: relative;
  white-space: inherit; }

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber; }

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right; }

div.code-toolbar {
  position: relative; }

div.code-toolbar > .toolbar {
  position: absolute;
  top: .3em;
  right: .2em;
  transition: opacity 0.3s ease-in-out;
  opacity: 0; }

div.code-toolbar:hover > .toolbar {
  opacity: 1; }

div.code-toolbar > .toolbar .toolbar-item {
  display: inline-block; }

div.code-toolbar > .toolbar a {
  cursor: pointer; }

div.code-toolbar > .toolbar button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none; }

div.code-toolbar > .toolbar a,
div.code-toolbar > .toolbar button,
div.code-toolbar > .toolbar span {
  color: #bbb;
  font-size: .8em;
  padding: 0 .5em;
  background: #f5f2f0;
  background: rgba(224, 224, 224, 0.2);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  border-radius: .5em; }

div.code-toolbar > .toolbar a:hover,
div.code-toolbar > .toolbar a:focus,
div.code-toolbar > .toolbar button:hover,
div.code-toolbar > .toolbar button:focus,
div.code-toolbar > .toolbar span:hover,
div.code-toolbar > .toolbar span:focus {
  color: inherit;
  text-decoration: none; }

.command-line-prompt {
  border-right: 1px solid #999;
  display: block;
  float: left;
  font-size: 100%;
  letter-spacing: -1px;
  margin-right: 1em;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.command-line-prompt > span:before {
  color: #999;
  content: ' ';
  display: block;
  padding-right: 0.8em; }

.command-line-prompt > span[data-user]:before {
  content: "[" attr(data-user) "@" attr(data-host) "] $"; }

.command-line-prompt > span[data-user="root"]:before {
  content: "[" attr(data-user) "@" attr(data-host) "] #"; }

.command-line-prompt > span[data-prompt]:before {
  content: attr(data-prompt); }