.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: tablet;
}
.clearfix:after {
  clear: both;
}

html, body, ul {
  margin: 0;
  padding: 0;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

ul li {
  list-style-type: none;
}

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

html, body {
  height: 100%;
}

a img {
  border: none;
}

blockquote {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

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

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

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 75%;
}
@media screen and (min-width: 25em) {
  html {
    font-size: 75%;
  }
}
@media screen and (min-width: 37.5em) {
  html {
    font-size: 75%;
  }
}
@media screen and (min-width: 50em) {
  html {
    font-size: 75%;
  }
}

body {
  font-family: Cabin, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  font-size: 0.83333rem;
}
@media screen and (min-width: 25em) {
  body {
    font-size: 0.83333rem;
  }
}
@media screen and (min-width: 37.5em) {
  body {
    font-size: 0.83333rem;
  }
}
@media screen and (min-width: 50em) {
  body {
    font-size: 1.08333rem;
  }
}

a {
  -webkit-transition: color .1s, background-color .1s;
  -moz-transition: color .1s, background-color .1s;
  -ms-transition: color .1s, background-color .1s;
  -o-transition: color .1s, background-color .1s;
  transition: color .1s, background-color .1s;
  color: #0e58f5;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #0b348b;
  text-decoration: none;
}

.typeset p a, .typeset li a {
  background-image: -webkit-linear-gradient(top, transparent 50%, #709cf9 50%);
  background-image: -moz-linear-gradient(top, transparent 50%, #709cf9 50%);
  background-image: -o-linear-gradient(top, transparent 50%, #709cf9 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #709cf9 50%);
  background-position: 0 93%;
  background-repeat: repeat-x;
  background-size: 100% 0.15rem;
  text-shadow: 0.1rem 0 #fcfcfc, 0.15rem 0 #fcfcfc, -0.1rem 0 #fcfcfc, -0.15rem 0 #fcfcfc;
}
.typeset p a:hover, .typeset p a:active, .typeset p a:focus, .typeset li a:hover, .typeset li a:active, .typeset li a:focus {
  background-image: -webkit-linear-gradient(top, transparent 50%, #1257ea 50%);
  background-image: -moz-linear-gradient(top, transparent 50%, #1257ea 50%);
  background-image: -o-linear-gradient(top, transparent 50%, #1257ea 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #1257ea 50%);
}
.typeset p {
  -webkit-font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
  -moz-font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
  -ms-font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
  -o-font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
  font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
  line-height: 2rem;
  margin-bottom: 1.33749rem;
  padding-top: 0.66251rem;
}
@media screen and (min-width: 25em) {
  .typeset p {
    margin-bottom: 1.33749rem;
    padding-top: 0.66251rem;
  }
}
@media screen and (min-width: 37.5em) {
  .typeset p {
    margin-bottom: 1.33749rem;
    padding-top: 0.66251rem;
  }
}
@media screen and (min-width: 50em) {
  .typeset p {
    margin-bottom: 1.43874rem;
    padding-top: 0.56126rem;
  }
}
.typeset h1, .typeset h2, .typeset h3, .typeset h4, .typeset h5, .typeset h6 {
  -webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
  -moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
  -ms-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
  -o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
  font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
  color: #2e2e2e;
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.typeset h1, .typeset .alpha {
  line-height: 3rem;
  font-size: 2.0736rem;
  margin-bottom: 0.32943rem;
  padding-top: 0.67057rem;
}
@media screen and (min-width: 25em) {
  .typeset h1, .typeset .alpha {
    font-size: 2.0736rem;
    margin-bottom: 0.32943rem;
    padding-top: 0.67057rem;
  }
}
@media screen and (min-width: 37.5em) {
  .typeset h1, .typeset .alpha {
    font-size: 2.0736rem;
    margin-bottom: 0.32943rem;
    padding-top: 0.67057rem;
  }
}
@media screen and (min-width: 50em) {
  .typeset h1, .typeset .alpha {
    font-size: 2.69568rem;
    margin-bottom: 0.57826rem;
    padding-top: 0.42174rem;
  }
}
.typeset h2, .typeset .beta {
  line-height: 3rem;
  font-size: 1.728rem;
  margin-bottom: 0.19119rem;
  padding-top: 0.80881rem;
}
@media screen and (min-width: 25em) {
  .typeset h2, .typeset .beta {
    font-size: 1.728rem;
    margin-bottom: 0.19119rem;
    padding-top: 0.80881rem;
  }
}
@media screen and (min-width: 37.5em) {
  .typeset h2, .typeset .beta {
    font-size: 1.728rem;
    margin-bottom: 0.19119rem;
    padding-top: 0.80881rem;
  }
}
@media screen and (min-width: 50em) {
  .typeset h2, .typeset .beta {
    font-size: 2.2464rem;
    margin-bottom: 0.39855rem;
    padding-top: 0.60145rem;
  }
}
.typeset h3, .typeset .gamma {
  line-height: 3rem;
  font-size: 1.44rem;
  margin-bottom: 0.07599rem;
  padding-top: 0.92401rem;
}
@media screen and (min-width: 25em) {
  .typeset h3, .typeset .gamma {
    font-size: 1.44rem;
    margin-bottom: 0.07599rem;
    padding-top: 0.92401rem;
  }
}
@media screen and (min-width: 37.5em) {
  .typeset h3, .typeset .gamma {
    font-size: 1.44rem;
    margin-bottom: 0.07599rem;
    padding-top: 0.92401rem;
  }
}
@media screen and (min-width: 50em) {
  .typeset h3, .typeset .gamma {
    font-size: 1.872rem;
    margin-bottom: 0.24879rem;
    padding-top: 0.75121rem;
  }
}
.typeset h4, .typeset .delta {
  line-height: 2rem;
  font-size: 1.2rem;
  margin-bottom: -0.52001rem;
  padding-top: 0.52001rem;
}
@media screen and (min-width: 25em) {
  .typeset h4, .typeset .delta {
    font-size: 1.2rem;
    margin-bottom: -0.52001rem;
    padding-top: 0.52001rem;
  }
}
@media screen and (min-width: 37.5em) {
  .typeset h4, .typeset .delta {
    font-size: 1.2rem;
    margin-bottom: -0.52001rem;
    padding-top: 0.52001rem;
  }
}
@media screen and (min-width: 50em) {
  .typeset h4, .typeset .delta {
    font-size: 1.56rem;
    margin-bottom: -0.37601rem;
    padding-top: 0.37601rem;
  }
}
.typeset h5, .typeset .epsilon {
  line-height: 2rem;
  font-size: 1rem;
  margin-bottom: -0.60001rem;
  padding-top: 0.60001rem;
}
@media screen and (min-width: 25em) {
  .typeset h5, .typeset .epsilon {
    font-size: 1rem;
    margin-bottom: -0.60001rem;
    padding-top: 0.60001rem;
  }
}
@media screen and (min-width: 37.5em) {
  .typeset h5, .typeset .epsilon {
    font-size: 1rem;
    margin-bottom: -0.60001rem;
    padding-top: 0.60001rem;
  }
}
@media screen and (min-width: 50em) {
  .typeset h5, .typeset .epsilon {
    font-size: 1.3rem;
    margin-bottom: -0.48001rem;
    padding-top: 0.48001rem;
  }
}
.typeset h6, .typeset .zeta {
  line-height: 2rem;
  font-size: 0.83333rem;
  margin-bottom: -0.66668rem;
  padding-top: 0.66668rem;
}
@media screen and (min-width: 25em) {
  .typeset h6, .typeset .zeta {
    font-size: 0.83333rem;
    margin-bottom: -0.66668rem;
    padding-top: 0.66668rem;
  }
}
@media screen and (min-width: 37.5em) {
  .typeset h6, .typeset .zeta {
    font-size: 0.83333rem;
    margin-bottom: -0.66668rem;
    padding-top: 0.66668rem;
  }
}
@media screen and (min-width: 50em) {
  .typeset h6, .typeset .zeta {
    font-size: 1.08333rem;
    margin-bottom: -0.56668rem;
    padding-top: 0.56668rem;
  }
}
.typeset ul, .typeset ol {
  line-height: 2rem;
  margin-bottom: 1.33749rem;
  padding-top: 0.66251rem;
}
@media screen and (min-width: 25em) {
  .typeset ul, .typeset ol {
    margin-bottom: 1.33749rem;
    padding-top: 0.66251rem;
  }
}
@media screen and (min-width: 37.5em) {
  .typeset ul, .typeset ol {
    margin-bottom: 1.33749rem;
    padding-top: 0.66251rem;
  }
}
@media screen and (min-width: 50em) {
  .typeset ul, .typeset ol {
    margin-bottom: 1.43874rem;
    padding-top: 0.56126rem;
  }
}
.typeset ul li, .typeset ol li {
  -webkit-font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
  -moz-font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
  -ms-font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
  -o-font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
  font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
  margin-left: 2rem;
}
@media screen and (min-width: 25em) {
  .typeset ul li, .typeset ol li {
    margin-left: 0;
  }
}
.typeset b, .typeset strong, .typeset .bold {
  font-weight: 400;
}
.typeset em, .typeset i, .typeset .italic {
  font-style: italic;
}
.typeset small, .typeset .caption {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 0.5787rem;
}
@media screen and (min-width: 25em) {
  .typeset small, .typeset .caption {
    font-size: 0.5787rem;
  }
}
@media screen and (min-width: 37.5em) {
  .typeset small, .typeset .caption {
    font-size: 0.5787rem;
  }
}
@media screen and (min-width: 50em) {
  .typeset small, .typeset .caption {
    font-size: 0.75231rem;
  }
}
.typeset small {
  line-height: 1rem;
}
.typeset .caption {
  color: #bdc8cc;
  line-height: 2rem;
  margin-bottom: 1.23147rem;
  padding-top: 0.76853rem;
}
@media screen and (min-width: 25em) {
  .typeset .caption {
    margin-bottom: 1.23147rem;
    padding-top: 0.76853rem;
  }
}
@media screen and (min-width: 37.5em) {
  .typeset .caption {
    margin-bottom: 1.23147rem;
    padding-top: 0.76853rem;
  }
}
@media screen and (min-width: 50em) {
  .typeset .caption {
    margin-bottom: 1.30092rem;
    padding-top: 0.69908rem;
  }
}
.typeset h1 + .caption, .typeset .alpha + .caption, .typeset h2 + .caption, .typeset .beta + .caption, .typeset h3 + .caption, .typeset .gamma + .caption {
  margin-top: -1rem;
}
.typeset .delta + .caption, .typeset .epsilon + .caption, .typeset .zeta + .caption {
  margin-top: 0rem;
}
.typeset blockquote p {
  border-left: 0.15rem solid #0e58f5;
  font-style: italic;
  padding-left: 1rem;
  margin-bottom: 1.67499rem;
  padding-bottom: 0.66251rem;
}
@media screen and (min-width: 25em) {
  .typeset blockquote p {
    margin-bottom: 1.67499rem;
    padding-bottom: 0.66251rem;
  }
}
@media screen and (min-width: 37.5em) {
  .typeset blockquote p {
    margin-bottom: 1.67499rem;
    padding-bottom: 0.66251rem;
  }
}
@media screen and (min-width: 50em) {
  .typeset blockquote p {
    margin-bottom: 1.87749rem;
    padding-bottom: 0.56126rem;
  }
}
@media screen and (min-width: 25em) {
  .typeset blockquote {
    margin-left: -1rem;
  }
}
.typeset hr {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#bdc8cc));
  background-image: -webkit-linear-gradient(top, transparent 50%, #bdc8cc 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #bdc8cc 50%);
  background-position: 0 50%;
  background-repeat: repeat-x;
  background-size: 100% 0.15rem;
  border: 0;
  margin: 0;
  padding-bottom: 3rem;
  padding-top: 3rem;
}
.typeset code, .typeset pre {
  background-color: #f5f4f2;
  font-family: Menlo, monospace;
}
.typeset pre {
  display: block;
  margin-bottom: 2rem;
  padding: 1rem;
  white-space: pre;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
.typeset code {
  line-height: 1rem;
  font-size: 0.5787rem;
}
@media screen and (min-width: 25em) {
  .typeset code {
    font-size: 0.5787rem;
  }
}
@media screen and (min-width: 37.5em) {
  .typeset code {
    font-size: 0.5787rem;
  }
}
@media screen and (min-width: 50em) {
  .typeset code {
    font-size: 0.75231rem;
  }
}
.typeset .upper {
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}
.typeset .small-caps {
  -webkit-font-feature-settings: 'smcp' 1, 'kern' 1;
  -moz-font-feature-settings: 'smcp' 1, 'kern' 1;
  -ms-font-feature-settings: 'smcp' 1, 'kern' 1;
  -o-font-feature-settings: 'smcp' 1, 'kern' 1;
  font-feature-settings: 'smcp' 1, 'kern' 1;
  letter-spacing: 0.1rem;
}
.typeset .lining-numerals {
  -webkit-font-feature-settings: 'lnum' 1, 'kern' 1;
  -moz-font-feature-settings: 'lnum' 1, 'kern' 1;
  -ms-font-feature-settings: 'lnum' 1, 'kern' 1;
  -o-font-feature-settings: 'lnum' 1, 'kern' 1;
  font-feature-settings: 'lnum' 1, 'kern' 1;
}
.typeset .oldstyle-numerals {
  -webkit-font-feature-settings: 'onum' 1, 'kern' 1;
  -moz-font-feature-settings: 'onum' 1, 'kern' 1;
  -ms-font-feature-settings: 'onum' 1, 'kern' 1;
  -o-font-feature-settings: 'onum' 1, 'kern' 1;
  font-feature-settings: 'onum' 1, 'kern' 1;
}

/**
 * Gridpak Beta SCSS 
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
/**
0. 0px - 399px 4 columns
1. 400px - 599px 6 columns
2. 600px - 799px 10 columns
3. 800px - infinity 12 columns
**/
/* Reusable column setup */
.col, [bp] {
  border: 0px solid transparent;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}

.row[bp] {
  padding: 0;
}

/* 0. 4 Column Grid 0px - 399px */
@media screen and (min-width: 0px) and (max-width: 399px) {
  .row {
    margin-left: -0px;
  }

  .col, [bp] {
    border-left-width: 0px;
    padding: 0 8px;
  }

  /* --- Gridpak variables ---*/
  .bp0s1, [bp~="0s1"] {
    width: 25%;
    border-left-width: 0px;
    padding: 0 8px;
  }

  .bp0p1 {
    margin-left: 25%;
  }

  .bp0s2, [bp~="0s2"] {
    width: 50%;
    border-left-width: 0px;
    padding: 0 8px;
  }

  .bp0p2 {
    margin-left: 50%;
  }

  .bp0s3, [bp~="0s3"] {
    width: 75%;
    border-left-width: 0px;
    padding: 0 8px;
  }

  .bp0p3 {
    margin-left: 75%;
  }

  .bp0s4, [bp~="0s4"] {
    margin-left: 0;
    width: 100%;
  }

  .bp0x {
    display: none;
  }
}
/* 1. 6 Column Grid 400px - 599px */
@media screen and (min-width: 400px) and (max-width: 599px) {
  .row {
    margin-left: -0px;
  }

  .col, [bp] {
    border-left-width: 0px;
    padding: 0 8px;
  }

  /* --- Gridpak variables ---*/
  .bp1s1, [bp~="1s1"] {
    width: 16.66667%;
    border-left-width: 0px;
    padding: 0 8px;
  }

  .bp1p1 {
    margin-left: 16.66667%;
  }

  .bp1s2, [bp~="1s2"] {
    width: 33.33333%;
    border-left-width: 0px;
    padding: 0 8px;
  }

  .bp1p2 {
    margin-left: 33.33333%;
  }

  .bp1s3, [bp~="1s3"] {
    width: 50%;
    border-left-width: 0px;
    padding: 0 8px;
  }

  .bp1p3 {
    margin-left: 50%;
  }

  .bp1s4, [bp~="1s4"] {
    width: 66.66667%;
    border-left-width: 0px;
    padding: 0 8px;
  }

  .bp1p4 {
    margin-left: 66.66667%;
  }

  .bp1s5, [bp~="1s5"] {
    width: 83.33333%;
    border-left-width: 0px;
    padding: 0 8px;
  }

  .bp1p5 {
    margin-left: 83.33333%;
  }

  .bp1s6, [bp~="1s6"] {
    margin-left: 0;
    width: 100%;
  }

  .bp1x {
    display: none;
  }
}
/* 2. 10 Column Grid 600px - 799px */
@media screen and (min-width: 600px) and (max-width: 799px) {
  .row {
    margin-left: -0px;
  }

  .col, [bp] {
    border-left-width: 0px;
    padding: 0 10px;
  }

  /* --- Gridpak variables ---*/
  .bp2s1, [bp~="2s1"] {
    width: 12.5%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp2p1 {
    margin-left: 12.5%;
  }

  .bp2s2, [bp~="2s2"] {
    width: 25%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp2p2 {
    margin-left: 25%;
  }

  .bp2s3, [bp~="2s3"] {
    width: 37.5%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp2p3 {
    margin-left: 37.5%;
  }

  .bp2s4, [bp~="2s4"] {
    width: 50%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp2p4 {
    margin-left: 50%;
  }

  .bp2s5, [bp~="2s5"] {
    width: 62.5%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp2p5 {
    margin-left: 62.5%;
  }

  .bp2s6, [bp~="2s6"] {
    width: 75%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp2p6 {
    margin-left: 75%;
  }

  .bp2s7, [bp~="2s7"] {
    width: 87.5%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp2p7 {
    margin-left: 87.5%;
  }

  .bp2s8, [bp~="2s8"] {
    width: 100%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp2p8 {
    margin-left: 100%;
  }

  .bp2x {
    display: none;
  }
}
/* 3. 12 Column Grid 800px - Infinity */
@media screen and (min-width: 800px) {
  .row {
    margin-left: -0px;
  }

  .col, [bp] {
    border-left-width: 0px;
    padding: 0 10px;
  }

  /* --- Gridpak variables ---*/
  .bp3s1, [bp~="3s1"] {
    width: 8.33333%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp3p1 {
    margin-left: 8.33333%;
  }

  .bp3s2, [bp~="3s2"] {
    width: 16.66667%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp3p2 {
    margin-left: 16.66667%;
  }

  .bp3s3, [bp~="3s3"] {
    width: 25%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp3p3 {
    margin-left: 25%;
  }

  .bp3s4, [bp~="3s4"] {
    width: 33.33333%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp3p4 {
    margin-left: 33.33333%;
  }

  .bp3s5, [bp~="3s5"] {
    width: 41.66667%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp3p5 {
    margin-left: 41.66667%;
  }

  .bp3s6, [bp~="3s6"] {
    width: 50%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp3p6 {
    margin-left: 50%;
  }

  .bp3s7, [bp~="3s7"] {
    width: 58.33333%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp3p7 {
    margin-left: 58.33333%;
  }

  .bp3s8, [bp~="3s8"] {
    width: 66.66667%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp3p8 {
    margin-left: 66.66667%;
  }

  .bp3s9, [bp~="3s9"] {
    width: 75%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp3p9 {
    margin-left: 75%;
  }

  .bp3s10, [bp~="3s10"] {
    width: 83.33333%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp3p10 {
    margin-left: 83.33333%;
  }

  .bp3s11, [bp~="3s11"] {
    width: 91.66667%;
    border-left-width: 0px;
    padding: 0 10px;
  }

  .bp3p11 {
    margin-left: 91.66667%;
  }

  .bp3s12, [bp~="3s12"] {
    margin-left: 0;
    width: 100%;
  }

  .bp3x {
    display: none;
  }
}
body {
  font-size: 13px;
}

.typeset h1, .typeset h2, .typeset h3, .typeset h4, .typeset h5, .typeset h5 {
  font-weight: 300;
  color: #343434;
}

.typeset p a, .typeset p a:hover, .typeset p a:active, .typeset p a:focus, .typeset p a:visited, .typeset li a, .typeset li a:hover, .typeset li a:active, .typeset li a:focus, .typeset li a:visited {
  background-image: none;
  text-shadow: none;
}

.testimonial {
  margin-bottom: 2rem;
  min-height: 10rem;
}

.testimonial .container {
  padding-top: 2rem;
}

.testimonial .testimonial-image {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  float: left;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 1em;
  border: none;
}
.testimonial p {
  min-height: 8rem;
}

.hero a.download {
  width: 22rem;
  height: 4rem;
}
@media screen and (min-width: 800px) {
  .hero a.download {
    display: block;
    margin: 4rem auto 5rem auto;
  }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .hero a.download {
    margin-top: 2rem;
  }
}

.hero .app-screenshot {
  width: 100%;
  position: relative;
  -webkit-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.69);
  -moz-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.69);
  box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.69);
}
@media screen and (min-width: 800px) {
  .hero .app-screenshot {
    height: 25rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .hero .app-screenshot {
    height: 23rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 599px) {
  .hero .app-screenshot {
    height: 22rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 399px) {
  .hero .app-screenshot {
    height: 20rem;
  }
}

.top-features {
  padding-bottom: 2rem;
}

.customers {
  margin: 4rem 0 2rem 0;
}
.customers .mock-image {
  border: none;
  float: left;
  width: 100%;
  height: 6rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .customers .mock-image {
    margin-bottom: 0;
  }
}

.wireframe-examples {
  background-color: #fcfcfc;
}
.wireframe-examples .first-examples {
  margin-top: 4rem;
}
.wireframe-examples .mock-image {
  float: left;
  width: 100%;
  cursor: pointer;
  margin-bottom: 2rem;
}
@media screen and (min-width: 800px) {
  .wireframe-examples .mock-image {
    height: 12rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .wireframe-examples .mock-image {
    height: 12rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 599px) {
  .wireframe-examples .mock-image {
    height: 12rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 399px) {
  .wireframe-examples .mock-image {
    height: 12rem;
  }
}

.mobile-prototyping .phone {
  text-align: center;
  padding-top: 0rem;
}
.mobile-prototyping .phone .mock-image {
  height: 37rem;
  width: 25rem;
  border: none;
}
.mobile-prototyping .mobile-prototyping-features .mock-image {
  width: 57px;
  height: 57px;
  border: none;
}
.mobile-prototyping .mobile-prototyping-features p {
  min-height: 4rem;
}
.mobile-prototyping .icon {
  text-align: center;
  font-size: 5em;
}

.better-typography .mock-image {
  width: 171px;
  height: 171px;
  margin-bottom: 2rem;
  display: inline-block;
  border-radius: 50%;
  border: none;
  background: none;
}
.better-typography .row:nth-child(2) {
  margin-top: 4rem;
}

.more-features {
  background-color: white;
}

.section.download-row {
  padding-bottom: 0;
}
.section.download-row .testimonial {
  margin-top: 4rem;
}
.section.download-row a.download {
  width: 20rem;
  height: 4rem;
  display: inline-block;
  margin: 0 auto;
}

.footer {
  background-color: #3c4953;
  margin-top: 4rem;
  padding: 2rem;
  color: white;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}
.footer .footer-menu {
  margin: 0 auto;
  display: inline-block;
}
.footer .footer-menu li {
  float: left;
  color: white;
  list-style: none;
  margin-left: 1em;
}
.footer .footer-menu li a, .footer .footer-menu li a:hover, .footer .footer-menu li a:focus {
  font-weight: 300;
  background-image: none;
  color: white;
  text-shadow: none;
}
.footer .col {
  min-height: 3rem;
  text-align: center;
}
.footer h4, .footer h5 {
  color: white;
  border-bottom: 1px solid #676e73;
}

.non-existent ul {
  margin: 0;
  padding: 0;
  margin-top: 0.6rem;
}
.non-existent ul li {
  list-style: none;
  margin-left: 1em;
}
.non-existent ul li a, .non-existent ul li a:hover, .non-existent ul li a:focus {
  font-size: 0.85em;
  font-weight: normal;
  background-image: none;
  color: white;
  text-shadow: none;
}
.non-existent #newsletter p {
  color: white;
  font-size: 0.85em;
}
.non-existent #newsletter input {
  font-size: 0.85em;
  height: 2.7rem;
  border-radius: 4px;
  border: 1px solid #3c4953;
  padding: 0 5px;
  margin-bottom: 0.7rem;
  width: 100%;
}
.non-existent #newsletter .button {
  height: 3rem;
  width: 6rem;
  float: right;
  line-height: 3rem;
  border: 1px solid #3c4953;
  background-color: yellow;
  border-radius: 4px;
  padding: 0;
}

section.download .download-form > div {
  border-radius: 4px;
  border: 1px solid #a6b9c9;
  padding: 1rem;
  padding-top: 1.6rem;
}
section.download .download-form .row {
  margin-bottom: 1.3rem;
}
section.download input[type="text"] {
  height: 2.7rem;
  border-radius: 4px;
  border: 1px solid #a6b9c9;
  padding: 0 5px;
  font-size: 1em;
}
section.download label, section.download input[type="text"] {
  float: left;
  width: 100%;
}
section.download .subscribe {
  margin-top: 0.4rem;
}
section.download a {
  color: #617b94;
}
section.download .just-download {
  padding-top: 1.1rem;
}

.send-button {
  float: right;
  height: 4rem;
  width: 200px;
  line-height: 4rem;
  padding: 0;
  background: #a6b9c9;
  display: inline-block;
  color: #0d203d;
  text-shadow: 1px 1px 0px #cfd9e3;
  text-decoration: none;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  border: 0px solid white;
}

.purchase-box {
  background-color: #2d3d45;
  border-radius: 5px;
  text-align: center;
  padding: 2em;
}
.purchase-box h3, .purchase-box p {
  color: white;
}
.purchase-box h5 {
  color: yellow;
}
.purchase-box select {
  height: 2rem;
  border: 1px solid white;
  width: 75%;
  font-size: inherit;
}
.purchase-box a.purchase {
  background: #ffff33;
  width: 10rem;
  height: 3rem;
  display: inline-block;
  color: #0d203d;
  padding: 0.5rem 0 0 0;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow: 1px 1px 0px #ffff99;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff33', endColorstr='#e0e101');
  background: -webkit-gradient(linear, left top, left bottom, from(#ffff33), to(#e0e101));
  background: -moz-linear-gradient(top, #ffff33, #e0e101);
}

.avangate {
  width: 160px;
  height: 197px;
}

.purchase-faq .col {
  min-height: 12rem;
}

.contact-form {
  padding-top: 0.6rem;
}
.contact-form input[type="text"] {
  height: 2.7rem;
  border-radius: 4px;
  border: 1px solid #a6b9c9;
  padding: 0 5px;
  font-size: 1em;
  margin-bottom: 1.3rem;
}
.contact-form textarea {
  border-radius: 4px;
  border: 1px solid #a6b9c9;
  height: 10.7rem;
  width: 100%;
  margin-bottom: 0.8rem;
}
.contact-form label, .contact-form input[type="text"] {
  float: left;
  width: 100%;
}
.contact-form .send-button {
  height: 3rem;
  width: 10rem;
  line-height: 3rem;
  margin-top: 0.2rem;
}

.features-menu ul {
  padding: 0;
}
.features-menu li {
  border: 1px solid #545b5f;
  text-align: right;
  padding: 0.5rem 2rem;
  border-width: 0px 1px 0px 0px;
}
.features-menu li.selected {
  border-width: 1px 0px 1px 1px;
  border-radius: 5px 0 0 5px;
}

.features-content img {
  width: 100%;
  height: 12em;
  float: left;
}

.help-menu ul {
  padding: 0;
}
.help-menu li {
  border: 1px solid #9c9c9c;
  text-align: right;
  border-width: 0px 1px 0px 0px;
  text-decoration: none;
}
.help-menu li a {
  padding: 0.5rem 2rem;
  text-decoration: none;
  width: 100%;
  height: 100%;
  color: black;
  display: block;
}
.help-menu li.selected {
  border-width: 1px 0px 1px 1px;
  border-radius: 5px 0 0 5px;
}

.help-contents .full-width {
  width: 100%;
}
.help-contents ul li {
  list-style-type: circle;
  margin-left: 3rem;
}

body > svg {
  display: none;
}

a.download {
  background: #ffff33;
  width: 20rem;
  height: 5rem;
  display: none;
  color: #0d203d;
  padding: 0.5rem 0 0 0;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow: 1px 1px 0px #ffff99;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff33', endColorstr='#e0e101');
  background: -webkit-gradient(linear, left top, left bottom, from(#ffff33), to(#e0e101));
  background: -moz-linear-gradient(top, #ffff33, #e0e101);
}
a.download span {
  display: inline-block;
}
a.download strong {
  font-size: 1em;
  display: block;
  line-height: 1.5rem;
  font-weight: normal;
  float: left;
  width: 100%;
}
a.download em {
  font-size: 0.85em;
  font-style: normal;
  line-height: 1.5rem;
  float: left;
  width: 100%;
}

.row:before, .row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}

section {
  float: left;
  width: 100%;
  clear: both;
}

.section {
  padding: 4rem 0 4rem 0;
  margin: 0;
  border-top: 1px solid #ececec;
}

.container {
  max-width: 960px;
  margin: 0 auto;
}

.row.section-title {
  margin: 0 0 2rem 0;
}

.fb-header {
  padding-top: 1rem;
}
.fb-header .hero {
  margin-top: 2rem;
}
.fb-header .hero p, .fb-header .hero h1 {
  color: white;
}
.fb-header .navigation {
  color: white;
}
.fb-header .navigation a.logo {
  display: inline-block;
  overflow: visible;
  line-height: 3rem;
  text-indent: -9999px;
  width: 3rem;
  height: 3rem;
  color: transparent;
}
.fb-header .navigation ul {
  margin: 0;
  padding: 0;
  margin-top: 0.6rem;
}
.fb-header .navigation ul li {
  list-style: none;
  float: right;
  margin-left: 3em;
}
.fb-header .navigation ul li a, .fb-header .navigation ul li a:hover, .fb-header .navigation ul li a:focus {
  background-image: none;
  color: white;
  text-shadow: none;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.centered {
  text-align: center;
}

i.fa {
  font-style: normal;
}

.show-grid .container {
  position: relative;
}
.show-grid .container:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(top, red 0, rgba(255, 255, 255, 0) 1px);
  background-image: -moz-linear-gradient(top, red 0, rgba(255, 255, 255, 0) 1px);
  background-image: -o-linear-gradient(top, red 0, rgba(255, 255, 255, 0) 1px);
  background-image: linear-gradient(to bottom, red 0, rgba(255, 255, 255, 0) 1px);
  background-repeat: repeat-y;
  background-size: 100% 1rem;
}

.mock-image {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  border: 1px solid #ececec;
  overflow: hidden;
  width: 100%;
}

.page-header {
  padding-bottom: 2rem;
  margin-top: 3rem;
}
.page-header h1 {
  color: white;
}