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

/* CSS Reset */
/* v1.0 | 20080212 */
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, font, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

div.two-column {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
  div.two-column:last-child {
    margin-right: 0; }
  div.two-column:nth-child(2n) {
    margin-right: 0; }
  div.two-column:nth-child(2n+1) {
    clear: left; }

div.two-column:first-child {
  border-right: 1px solid #CCCCCC;
  padding-right: 4.35765%; }

div.two-column:last-child {
  padding-left: 2.35765%; }

@media screen and (max-width: 50em) {
  div.two-column {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%; }
    div.two-column:last-child {
      margin-right: 0; }

  div.two-column:first-child {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%;
    padding-bottom: 2em;
    border-right: none;
    padding-right: 0; }
    div.two-column:first-child:last-child {
      margin-right: 0; }

  div.two-column:last-child {
    border-top: 1px solid #CCCCCC;
    padding-top: 2em;
    padding-left: 0; } }
section.product-list-section aside {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%; }
  section.product-list-section aside:last-child {
    margin-right: 0; }
section.product-list-section article {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 57.35098%; }
  section.product-list-section article:last-child {
    margin-right: 0; }

span.block {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-bottom: 2em; }
  span.block:last-child {
    margin-right: 0; }
  span.block:nth-child(3n) {
    margin-right: 0; }
  span.block:nth-child(3n+1) {
    clear: left; }

span.template-block {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-bottom: 1em; }
  span.template-block:last-child {
    margin-right: 0; }
  span.template-block:nth-child(3n) {
    margin-right: 0; }
  span.template-block:nth-child(3n+1) {
    clear: left; }

.visually-hidden {
  display: none; }

section.testimonials blockquote {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
  section.testimonials blockquote:last-child {
    margin-right: 0; }

div.banner-block:first-child {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-bottom: 1em; }
  div.banner-block:first-child:last-child {
    margin-right: 0; }

div.banner-block:last-child {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%; }
  div.banner-block:last-child:last-child {
    margin-right: 0; }

@media screen and (max-width: 50em) {
  section.testimonials blockquote {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%; }
    section.testimonials blockquote:last-child {
      margin-right: 0; }

  section.product-list-section aside {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%; }
    section.product-list-section aside:last-child {
      margin-right: 0; }
  section.product-list-section article {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%; }
    section.product-list-section article:last-child {
      margin-right: 0; }

  div.banner-block:first-child, div.banner-block:last-child {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%; }
    div.banner-block:first-child:last-child, div.banner-block:last-child:last-child {
      margin-right: 0; } }
@media screen and (max-width: 67em) {
  span.block {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-bottom: 2em; }
    span.block:nth-child(3n) {
      margin-right: 2.35765%; }
    span.block:nth-child(3n+1) {
      clear: none; }
    span.block:last-child {
      margin-right: 0; }
    span.block:nth-child(2n) {
      margin-right: 0; }
    span.block:nth-child(2n+1) {
      clear: left; } }
@media screen and (max-width: 38.5em) {
  span.block {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%;
    margin-bottom: 2em; }
    span.block:nth-child(2n) {
      margin-right: 7.42297%; }
    span.block:nth-child(2n+1) {
      clear: none; }
    span.block:last-child {
      margin-right: 0; }

  span.block:last-child {
    margin-bottom: 0em; }

  span.template-block {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 46.28851%; }
    span.template-block:nth-child(3n) {
      margin-right: 7.42297%; }
    span.template-block:nth-child(3n+1) {
      clear: none; }
    span.template-block:last-child {
      margin-right: 0; }
    span.template-block:nth-child(2n) {
      margin-right: 0; }
    span.template-block:nth-child(2n+1) {
      clear: left; }

  span.template-block:last-child {
    margin-bottom: 0; } }
span.question-block {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-bottom: 3em; }
  span.question-block:last-child {
    margin-right: 0; }
  span.question-block:nth-child(2n) {
    margin-right: 0; }
  span.question-block:nth-child(2n+1) {
    clear: left; }

@media screen and (max-width: 50em) {
  span.question-block {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%; }
    span.question-block:last-child {
      margin-right: 0; } }

/*# sourceMappingURL=application.css.map */