html {
  box-sizing: border-box; }

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

/* ---------- RESET ---------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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; }

input {
  margin: 0;
  padding: 0; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 100%; }

blockquote,
q {
  quotes: none; }

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

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

* {
  box-sizing: border-box; }

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

input,
textarea {
  outline: none; }

strong {
  font-weight: bold; }

/***********************************************************************************/
/* CSS Variables */
/***********************************************************************************/
/***********************************************************************************/
/* Screen Sizes */
/***********************************************************************************/
/***********************************************************************************/
/* Mixins */
/***********************************************************************************/
/***********************************************************************************/
/* Column Code */
/***********************************************************************************/
.row {
  zoom: 1;
  display: block; }
  .row:before, .row:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .row:after {
    clear: both; }

.container-960 {
  display: block;
  clear: both;
  zoom: 1;
  max-width: 960px;
  margin: 0 auto; }
  .container-960:before, .container-960:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .container-960:after {
    clear: both; }

.wrapper, .container {
  zoom: 1;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto; }
  .wrapper:before, .wrapper:after, .container:before, .container:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .wrapper:after, .container:after {
    clear: both; }

@media screen and (max-width: 940px) {
  .container, .wrapper, .container-960 {
    width: 92%;
    margin: 0 auto; } }
@media screen and (max-width: 25.875em) {
  .full-span {
    float: left;
    display: block;
    margin-right: 14.2857142857%;
    width: 100%; }
    .full-span:last-child {
      margin-right: 0; } }
@media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
  .full-span {
    float: left;
    display: block;
    margin-right: 6.6666666667%;
    width: 100%; }
    .full-span:last-child {
      margin-right: 0; } }
@media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
  .full-span {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 100%; }
    .full-span:last-child {
      margin-right: 0; } }
@media screen and (min-width: 58.75em) {
  .full-span {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 100%; }
    .full-span:last-child {
      margin-right: 0; } }

@media screen and (max-width: 25.875em) {
  .one-half {
    float: left;
    display: block;
    margin-right: 14.2857142857%;
    width: 100%; }
    .one-half:last-child {
      margin-right: 0; }
    .one-half:nth-child(1n) {
      margin-right: 0; }
    .one-half:nth-child(1n+1) {
      clear: left; } }
@media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
  .one-half {
    float: left;
    display: block;
    margin-right: 6.6666666667%;
    width: 100%; }
    .one-half:last-child {
      margin-right: 0; }
    .one-half:nth-child(1n) {
      margin-right: 0; }
    .one-half:nth-child(1n+1) {
      clear: left; } }
@media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
  .one-half {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 48.9361702128%; }
    .one-half:last-child {
      margin-right: 0; }
    .one-half:nth-child(2n) {
      margin-right: 0; }
    .one-half:nth-child(2n+1) {
      clear: left; } }
@media screen and (min-width: 58.75em) {
  .one-half {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 48.9361702128%; }
    .one-half:last-child {
      margin-right: 0; }
    .one-half:nth-child(2n) {
      margin-right: 0; }
    .one-half:nth-child(2n+1) {
      clear: left; } }

@media screen and (max-width: 25.875em) {
  .one-half-nom {
    float: left;
    display: block;
    margin-right: 14.2857142857%;
    width: 100%; }
    .one-half-nom:last-child {
      margin-right: 0; } }
@media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
  .one-half-nom {
    float: left;
    display: block;
    margin-right: 6.6666666667%;
    width: 100%; }
    .one-half-nom:last-child {
      margin-right: 0; } }
@media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
  .one-half-nom {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 48.9361702128%; }
    .one-half-nom:last-child {
      margin-right: 0; } }
@media screen and (min-width: 58.75em) {
  .one-half-nom {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 48.9361702128%; }
    .one-half-nom:last-child {
      margin-right: 0; } }

@media screen and (max-width: 25.875em) {
  .one-third {
    float: left;
    display: block;
    margin-right: 14.2857142857%;
    width: 100%; }
    .one-third:last-child {
      margin-right: 0; }
    .one-third:nth-child(1n) {
      margin-right: 0; }
    .one-third:nth-child(1n+1) {
      clear: left; } }
@media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
  .one-third {
    float: left;
    display: block;
    margin-right: 6.6666666667%;
    width: 46.6666666667%; }
    .one-third:last-child {
      margin-right: 0; }
    .one-third:nth-child(2n) {
      margin-right: 0; }
    .one-third:nth-child(2n+1) {
      clear: left; } }
@media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
  .one-third {
    margin-right: 0;
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 20.5673761702%; }
    .one-third:last-child {
      margin-right: 0; }
    .one-third:nth-child(3n) {
      margin-right: 0; }
    .one-third:nth-child(3n+1) {
      clear: left; } }
@media screen and (min-width: 58.75em) {
  .one-third {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 31.914893617%; }
    .one-third:last-child {
      margin-right: 0; }
    .one-third:nth-child(3n) {
      margin-right: 0; }
    .one-third:nth-child(3n+1) {
      clear: left; } }

@media screen and (max-width: 25.875em) {
  .one-third-nom {
    float: left;
    display: block;
    margin-right: 14.2857142857%;
    width: 100%; }
    .one-third-nom:last-child {
      margin-right: 0; } }
@media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
  .one-third-nom {
    float: left;
    display: block;
    margin-right: 6.6666666667%;
    width: 46.6666666667%; }
    .one-third-nom:last-child {
      margin-right: 0; } }
@media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
  .one-third-nom {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 31.914893617%; }
    .one-third-nom:last-child {
      margin-right: 0; } }
@media screen and (min-width: 58.75em) {
  .one-third-nom {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 31.914893617%; }
    .one-third-nom:last-child {
      margin-right: 0; } }

@media screen and (max-width: 25.875em) {
  .one-fourth, .one-quarter {
    float: left;
    display: block;
    margin-right: 14.2857142857%;
    width: 100%; }
    .one-fourth:last-child, .one-quarter:last-child {
      margin-right: 0; }
    .one-fourth:nth-child(1n), .one-quarter:nth-child(1n) {
      margin-right: 0; }
    .one-fourth:nth-child(1n+1), .one-quarter:nth-child(1n+1) {
      clear: left; } }
@media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
  .one-fourth, .one-quarter {
    float: left;
    display: block;
    margin-right: 6.6666666667%;
    width: 46.6666666667%; }
    .one-fourth:last-child, .one-quarter:last-child {
      margin-right: 0; }
    .one-fourth:nth-child(2n), .one-quarter:nth-child(2n) {
      margin-right: 0; }
    .one-fourth:nth-child(2n+1), .one-quarter:nth-child(2n+1) {
      clear: left; } }
@media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
  .one-fourth, .one-quarter {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 31.914893617%; }
    .one-fourth:last-child, .one-quarter:last-child {
      margin-right: 0; }
    .one-fourth:nth-child(3n), .one-quarter:nth-child(3n) {
      margin-right: 0; }
    .one-fourth:nth-child(3n+1), .one-quarter:nth-child(3n+1) {
      clear: left; } }
@media screen and (min-width: 58.75em) {
  .one-fourth, .one-quarter {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 23.4042553191%; }
    .one-fourth:last-child, .one-quarter:last-child {
      margin-right: 0; }
    .one-fourth:nth-child(4n), .one-quarter:nth-child(4n) {
      margin-right: 0; }
    .one-fourth:nth-child(4n+1), .one-quarter:nth-child(4n+1) {
      clear: left; } }

@media screen and (max-width: 25.875em) {
  .one-fourth-nom, .one-quarter-nom {
    float: left;
    display: block;
    margin-right: 14.2857142857%;
    width: 100%; }
    .one-fourth-nom:last-child, .one-quarter-nom:last-child {
      margin-right: 0; } }
@media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
  .one-fourth-nom, .one-quarter-nom {
    float: left;
    display: block;
    margin-right: 6.6666666667%;
    width: 46.6666666667%; }
    .one-fourth-nom:last-child, .one-quarter-nom:last-child {
      margin-right: 0; } }
@media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
  .one-fourth-nom, .one-quarter-nom {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 14.8936170213%; }
    .one-fourth-nom:last-child, .one-quarter-nom:last-child {
      margin-right: 0; } }
@media screen and (min-width: 58.75em) {
  .one-fourth-nom, .one-quarter-nom {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 23.4042553191%; }
    .one-fourth-nom:last-child, .one-quarter-nom:last-child {
      margin-right: 0; } }

@media screen and (max-width: 25.875em) {
  .one-sixth {
    float: left;
    display: block;
    margin-right: 14.2857142857%;
    width: 100%; }
    .one-sixth:last-child {
      margin-right: 0; }
    .one-sixth:nth-child(1n) {
      margin-right: 0; }
    .one-sixth:nth-child(1n+1) {
      clear: left; } }
@media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
  .one-sixth {
    float: left;
    display: block;
    margin-right: 6.6666666667%;
    width: 28.888%; }
    .one-sixth:last-child {
      margin-right: 0; }
    .one-sixth:nth-child(3n) {
      margin-right: 0; }
    .one-sixth:nth-child(3n+1) {
      clear: left; } }
@media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
  .one-sixth {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 14.8936170213%; }
    .one-sixth:last-child {
      margin-right: 0; }
    .one-sixth:nth-child(4n) {
      margin-right: 0; }
    .one-sixth:nth-child(4n+1) {
      clear: left; } }
@media screen and (min-width: 58.75em) {
  .one-sixth {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 14.8936170213%; }
    .one-sixth:last-child {
      margin-right: 0; }
    .one-sixth:nth-child(6n) {
      margin-right: 0; }
    .one-sixth:nth-child(6n+1) {
      clear: left; } }

@media screen and (max-width: 25.875em) {
  .one-column, .single-column {
    float: left;
    display: block;
    margin-right: 14.2857142857%;
    width: 100%; }
    .one-column:last-child, .single-column:last-child {
      margin-right: 0; }
    .one-column:nth-child(1n), .single-column:nth-child(1n) {
      margin-right: 0; }
    .one-column:nth-child(1n+1), .single-column:nth-child(1n+1) {
      clear: left; } }
@media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
  .one-column, .single-column {
    float: left;
    display: block;
    margin-right: 6.6666666667%;
    width: 20%; }
    .one-column:last-child, .single-column:last-child {
      margin-right: 0; }
    .one-column:nth-child(4n), .single-column:nth-child(4n) {
      margin-right: 0; }
    .one-column:nth-child(4n+1), .single-column:nth-child(4n+1) {
      clear: left; } }
@media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
  .one-column, .single-column {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 6.3829787234%; }
    .one-column:last-child, .single-column:last-child {
      margin-right: 0; }
    .one-column:nth-child(8n), .single-column:nth-child(8n) {
      margin-right: 0; }
    .one-column:nth-child(8n+1), .single-column:nth-child(8n+1) {
      clear: left; } }
@media screen and (min-width: 58.75em) {
  .one-column, .single-column {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 6.3829787234%; }
    .one-column:last-child, .single-column:last-child {
      margin-right: 0; }
    .one-column:nth-child(12n), .single-column:nth-child(12n) {
      margin-right: 0; }
    .one-column:nth-child(12n+1), .single-column:nth-child(12n+1) {
      clear: left; } }

@media screen and (max-width: 25.875em) {
  .split-8 {
    float: left;
    display: block;
    margin-right: 14.2857142857%;
    width: 100%; }
    .split-8:last-child {
      margin-right: 0; } }
@media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
  .split-8 {
    float: left;
    display: block;
    margin-right: 6.6666666667%;
    width: 100%; }
    .split-8:last-child {
      margin-right: 0; } }
@media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
  .split-8 {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 65.9574468085%; }
    .split-8:last-child {
      margin-right: 0; } }
@media screen and (min-width: 58.75em) {
  .split-8 {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 65.9574468085%; }
    .split-8:last-child {
      margin-right: 0; } }

.split-4 {
  margin-right: 0; }
  @media screen and (max-width: 25.875em) {
    .split-4 {
      float: left;
      display: block;
      margin-right: 14.2857142857%;
      width: 100%; }
      .split-4:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
    .split-4 {
      float: left;
      display: block;
      margin-right: 6.6666666667%;
      width: 46.6666666667%; }
      .split-4:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
    .split-4 {
      float: left;
      display: block;
      margin-right: 2.1276595745%;
      width: 31.914893617%; }
      .split-4:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 58.75em) {
    .split-4 {
      float: left;
      display: block;
      margin-right: 2.1276595745%;
      width: 31.914893617%; }
      .split-4:last-child {
        margin-right: 0; } }

@media screen and (max-width: 25.875em) {
  .split-3 {
    float: left;
    display: block;
    margin-right: 14.2857142857%;
    width: 100%; }
    .split-3:last-child {
      margin-right: 0; } }
@media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
  .split-3 {
    float: left;
    display: block;
    margin-right: 6.6666666667%;
    width: 46.6666666667%; }
    .split-3:last-child {
      margin-right: 0; } }
@media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
  .split-3 {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 14.8936170213%; }
    .split-3:last-child {
      margin-right: 0; } }
@media screen and (min-width: 58.75em) {
  .split-3 {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 23.4042553191%; }
    .split-3:last-child {
      margin-right: 0; } }

.split-9 {
  margin-right: 0; }
  @media screen and (max-width: 25.875em) {
    .split-9 {
      float: left;
      display: block;
      margin-right: 14.2857142857%;
      width: 100%; }
      .split-9:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
    .split-9 {
      float: left;
      display: block;
      margin-right: 6.6666666667%;
      width: 46.6666666667%; }
      .split-9:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
    .split-9 {
      float: left;
      display: block;
      margin-right: 2.1276595745%;
      width: 48.9361702128%; }
      .split-9:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 58.75em) {
    .split-9 {
      float: left;
      display: block;
      margin-right: 2.1276595745%;
      width: 74.4680851064%; }
      .split-9:last-child {
        margin-right: 0; } }

@media screen and (max-width: 25.875em) {
  .show-nesting .span_8 {
    float: left;
    display: block;
    margin-right: 14.2857142857%;
    width: 100%; }
    .show-nesting .span_8:last-child {
      margin-right: 0; } }
@media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
  .show-nesting .span_8 {
    float: left;
    display: block;
    margin-right: 6.6666666667%;
    width: 100%; }
    .show-nesting .span_8:last-child {
      margin-right: 0; } }
@media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
  .show-nesting .span_8 {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 65.9574468085%; }
    .show-nesting .span_8:last-child {
      margin-right: 0; } }
@media screen and (min-width: 58.75em) {
  .show-nesting .span_8 {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 65.9574468085%; }
    .show-nesting .span_8:last-child {
      margin-right: 0; } }
.show-nesting .span_8 div {
  float: left;
  display: block;
  margin-right: 3.2258064516%;
  width: 48.3870967742%; }
  .show-nesting .span_8 div:last-child {
    margin-right: 0; }
.show-nesting .span_4 {
  margin-right: 0; }
  @media screen and (max-width: 25.875em) {
    .show-nesting .span_4 {
      float: left;
      display: block;
      margin-right: 14.2857142857%;
      width: 100%; }
      .show-nesting .span_4:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 25.9375em) and (max-width: 41.625em) {
    .show-nesting .span_4 {
      float: left;
      display: block;
      margin-right: 6.6666666667%;
      width: 46.6666666667%; }
      .show-nesting .span_4:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 41.6875em) and (max-width: 58.6875em) {
    .show-nesting .span_4 {
      float: left;
      display: block;
      margin-right: 2.1276595745%;
      width: 31.914893617%; }
      .show-nesting .span_4:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 58.75em) {
    .show-nesting .span_4 {
      float: left;
      display: block;
      margin-right: 2.1276595745%;
      width: 31.914893617%; }
      .show-nesting .span_4:last-child {
        margin-right: 0; } }

.span_12 {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 100%; }
  .span_12:last-child {
    margin-right: 0; }

.span_11 {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 91.4893617021%; }
  .span_11:last-child {
    margin-right: 0; }

.span_10 {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 82.9787234043%; }
  .span_10:last-child {
    margin-right: 0; }

.span_9 {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 74.4680851064%; }
  .span_9:last-child {
    margin-right: 0; }

.span_8 {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 65.9574468085%; }
  .span_8:last-child {
    margin-right: 0; }

.span_7 {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 57.4468085106%; }
  .span_7:last-child {
    margin-right: 0; }

.span_6 {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 48.9361702128%; }
  .span_6:last-child {
    margin-right: 0; }

.span_5 {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 40.4255319149%; }
  .span_5:last-child {
    margin-right: 0; }

.span_4 {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 31.914893617%; }
  .span_4:last-child {
    margin-right: 0; }

.span_3 {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 23.4042553191%; }
  .span_3:last-child {
    margin-right: 0; }

.span_2 {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 14.8936170213%; }
  .span_2:last-child {
    margin-right: 0; }

.span_1 {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 6.3829787234%; }
  .span_1:last-child {
    margin-right: 0; }

.shift_1 {
  margin-left: 8.5106382979%; }

.shift_2 {
  margin-left: 17.0212765957%; }

.shift_3 {
  margin-left: 25.5319148936%; }

.shift_4 {
  margin-left: 34.0425531915%; }

.shift_5 {
  margin-left: 42.5531914894%; }

.shift_6 {
  margin-left: 51.0638297872%; }

.shift_7 {
  margin-left: 400%; }

.shift_8 {
  margin-left: 68.085106383%; }

.shift_9 {
  margin-left: 76.5957446809%; }

.shift_10 {
  margin-left: 85.1063829787%; }

.shift_11 {
  margin-left: 93.6170212766%; }

.shift_12 {
  margin-left: 102.1276595745%; }

.omega, .last {
  margin-right: 0; }

/***********************************************************************************/
/* Mobile Columns */
/***********************************************************************************/
@media screen and (max-width: 568px) {
  *[class*='span'], *[class^=' span'] {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 100%;
    margin-right: 0; }
    *[class*='span']:last-child, *[class^=' span']:last-child {
      margin-right: 0; }

  *[class*='shift'], *[class^=' shift'] {
    margin-left: 0; } }
/***********************************************************************************/
/* All Typography */
/***********************************************************************************/
body {
  font-size: 16px;
  font-family: 'Times New Roman', 'Times' , sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  color: #000; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: .15em;
  line-height: 1.25em;
  font-family: 'Patrick Hand', sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #000; }

h1 {
  font-size: 3.125em;
  line-height: 1.1em;
  font-family: 'Times New Roman', 'Times' , sans-serif;
  font-style: normal;
  font-weight: 700; }

h1.pg-title {
  margin-bottom: 1em; }

h2 {
  font-size: 2.5em;
  line-height: 1.1em;
  margin-bottom: 1em;
  font-family: 'Times New Roman', 'Times' , sans-serif;
  font-style: normal;
  font-weight: 700; }

h3 {
  font-size: 2.5em;
  line-height: 1.25em;
  font-family: 'Patrick Hand', sans-serif;
  font-style: normal;
  font-weight: 300; }

h4 {
  font-size: 1.5em;
  line-height: 1.2em;
  font-family: 'Patrick Hand', sans-serif;
  font-style: normal;
  font-weight: 300; }

h5 {
  font-family: 'Times New Roman', 'Times' , sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25em; }

h6 {
  font-family: 'Times New Roman', 'Times' , sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125em; }

.font-patrick {
  font-family: 'Patrick Hand', sans-serif;
  font-style: normal;
  font-weight: 300; }

.font-times {
  font-family: 'Times New Roman', 'Times' , sans-serif;
  font-style: normal;
  font-weight: 400; }

@media only screen and (max-width: 768px) {
  h1 {
    font-size: 2.5em; }

  h2 {
    font-size: 2.125em; }

  h4 {
    font-size: 1.875em; }

  h5 {
    font-size: 1.125em; }

  h6 {
    font-size: 1em; } }
@media screen and (max-width: 480px) {
  body {
    font-size: 0.9375em; } }
@media screen and (max-width: 414px) {
  h1 {
    font-size: 2.375em; }

  h2 {
    font-size: 2em; }

  h3 {
    font-size: 1.625em; }

  h4 {
    font-size: 1.375em; }

  h5 {
    font-size: 1.125em; }

  h6 {
    font-size: 1em; } }
/*-------------------------------------- Global Styles ---------------------------------------*/
* {
  -webkit-tap-highlight-color: rgba(53, 97, 173, 0.6); }

::-moz-selection {
  background-color: rgba(53, 97, 173, 0.6);
  text-shadow: none; }

::selection {
  background-color: rgba(53, 97, 173, 0.6);
  text-shadow: none; }

.fr {
  float: right; }

.fl {
  float: left; }

.cb {
  clear: both; }

.clearfix {
  *zoom: 1; }

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

.clearfix:after {
  clear: both; }

.fr {
  float: right; }

.fl {
  float: left; }

.cb {
  clear: both; }

.center {
  text-align: center; }

.mobile_only {
  display: none; }

.navContain {
  display: none; }

.ipad_down {
  display: none; }

a[href^=tel] {
  color: inherit;
  text-decoration: none !important; }

p.no-top-margin {
  margin-top: 0; }

.no-touchevents a.phone-number {
  text-decoration: none !important; }
  .no-touchevents a.phone-number:hover {
    color: #000 !important;
    cursor: default; }

.desktop-only {
  display: block; }
  @media only screen and (max-width: 768px) {
    .desktop-only {
      display: none; } }

.ipad-down {
  display: none; }
  @media only screen and (max-width: 768px) {
    .ipad-down {
      display: block; } }

.mobile-only {
  display: none; }
  @media only screen and (max-width: 568px) {
    .mobile-only {
      display: block; } }

/***********************************************************************************/
/* Grid / Structure */
/***********************************************************************************/
html, body {
  height: 100%; }

body {
  background: #000;
  position: relative; }

.full-body-wrapper {
  position: relative;
  zoom: 1;
  overflow-x: hidden;
  background: #00ccff; }
  .full-body-wrapper:before, .full-body-wrapper:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .full-body-wrapper:after {
    clear: both; }

body.homepage .full-body-wrapper {
  overflow: visible; }

.table {
  margin: 0 auto;
  display: table; }

/***********************************************************************************/
/* Header / Navigation */
/***********************************************************************************/
header.masthead {
  background: #00ccff;
  padding: 1em 0;
  border-bottom: 2px solid #000;
  position: relative; }

.logo {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 14.8936170213%; }
  .logo:last-child {
    margin-right: 0; }
  .logo a {
    display: block;
    text-indent: -9999em;
    width: 136px;
    height: 131px;
    background: url("../images/logo.png") 0 0 no-repeat; }
    .logo a:hover {
      background-position: 0 -131px; }

.main-navigation {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 82.9787234043%;
  margin-right: 0; }
  .main-navigation:last-child {
    margin-right: 0; }
  .main-navigation ul {
    margin-top: 3.5em; }
    .main-navigation ul li {
      display: inline-block; }
      .main-navigation ul li a {
        display: inline-block;
        font-family: 'Amatic SC', cursive;
        font-weight: 700;
        color: #000;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75);
        font-size: 2.125em;
        line-height: 1.05em;
        text-decoration: none;
        margin-right: .6em;
        -webkit-transition: all .25s ease;
        transition: all .25s ease; }
        .main-navigation ul li a:hover {
          color: #FFF; }
      .main-navigation ul li a.current-nav {
        color: #FFF; }
    .main-navigation ul li:last-child a {
      margin-right: 0; }
    .main-navigation ul li.home-nav {
      display: none; }

.mobile-trigger {
  display: none;
  position: absolute;
  top: 42%;
  right: 36px; }
  .mobile-trigger a {
    font-size: 2.125em;
    font-family: 'Amatic SC', cursive;
    font-weight: 700;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75);
    color: #000;
    text-decoration: none; }
    .mobile-trigger a i {
      text-shadow: none;
      margin-left: .65em; }

.mobile-navigation {
  display: none;
  position: static;
  left: 0;
  width: 100%;
  background: #000;
  z-index: 999; }
  .mobile-navigation a {
    display: block;
    font-family: 'Amatic SC', cursive;
    font-weight: 700;
    color: #00ccff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75);
    font-size: 2.125em;
    line-height: 1.05em;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    padding: .5em 0; }
    .mobile-navigation a:hover {
      color: #FFF;
      background: #0099CB; }
  .mobile-navigation a.current-nav {
    color: #0099CB; }

/***********************************************************************************/
/* Footer */
/***********************************************************************************/
footer.footer {
  background: #000;
  padding: 2.25em 0; }
  footer.footer .social-icons {
    margin-bottom: 1.875em; }
    footer.footer .social-icons li {
      display: inline-block;
      margin-right: 1em; }
      footer.footer .social-icons li:last-child {
        margin-right: 0; }
    footer.footer .social-icons a {
      color: #FFF;
      font-size: 60px;
      display: inline-block;
      -webkit-transition: color .3s ease-in-out;
      transition: color .3s ease-in-out; }
      footer.footer .social-icons a:hover {
        color: #0099CB; }

.footer-nav {
  zoom: 1;
  color: #00ccff; }
  .footer-nav:before, .footer-nav:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .footer-nav:after {
    clear: both; }
  .footer-nav li {
    display: inline-block; }
    .footer-nav li:after {
      content: '|';
      display: inline-block;
      color: #00ccff;
      font-size: 1.5em;
      font-family: 'Patrick Hand', sans-serif;
      font-style: normal;
      font-weight: 300; }
  .footer-nav li:last-child:after {
    display: none; }
  .footer-nav a {
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 1.5em;
    font-family: 'Patrick Hand', sans-serif;
    font-style: normal;
    font-weight: 300;
    -webkit-transition: all .25s ease;
    transition: all .25s ease; }
    .footer-nav a:hover {
      color: #0099CB; }
  .footer-nav a.current-nav {
    color: #0099CB; }

.flexbox .footer-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.copyright {
  clear: both;
  margin-top: 3.75em;
  color: #FFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.6875em;
  text-align: center; }
  .copyright a {
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    transition: all .25s ease; }
    .copyright a:hover {
      color: #0099CB; }

/*-------------------------------------- partials/_elements.scss ---------------------------------------*/
.content {
  zoom: 1;
  clear: both;
  margin: 2.25em 0; }
  .content:before, .content:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .content:after {
    clear: both; }
  .content p, .content ol li, .content ul li, .content dl, .content dd, .content table {
    line-height: 1.5em;
    font-size: 1em; }
  .content ol {
    margin: 1em 0 1em 3em; }
    .content ol li {
      list-style: decimal;
      padding: .25em 0; }
      .content ol li ol {
        margin-left: 1.25em; }
    .content ol ol {
      margin-left: 1.25em; }
  .content ul {
    margin: 1em 0 1em 3em; }
    .content ul li {
      list-style: disc;
      padding: .25em .25em .25em 0; }
      .content ul li ul {
        margin-left: 0; }
        .content ul li ul li {
          font-size: 1em;
          list-style: none; }
          .content ul li ul li:before {
            content: "-";
            margin-right: .15em; }
  .content dl {
    margin: 1em 0 1em 0; }
    .content dl dt, .content dl dd {
      padding: .25em 0; }
    .content dl dt {
      font-weight: bold; }
  .content p {
    margin: 1.25em 0; }
  .content b, .content strong {
    font-weight: bold; }
  .content i, .content em {
    font-style: italic; }
  .content i.fa, .content em.fa, .content span.fa {
    font-style: normal; }
    .content i.fa i, .content em.fa i, .content span.fa i {
      display: none; }
  .content blockquote {
    display: block;
    margin: 1em 0;
    padding: 7px 1em;
    color: #0099CB;
    background: #FFF;
    border-left: 4px solid #0099CB; }
  .content blockquote p {
    margin: 0; }
  .content table {
    width: 100%; }
    .content table th, .content table td {
      padding: 1em;
      border: 1px solid #a6a6a6; }
    .content table th {
      font-weight: bold;
      text-align: left; }
  .content a, .content a:link, .content a:visited {
    color: #000;
    text-decoration: underline;
    -webkit-transition: color .2s linear;
    transition: color .2s linear; }
    .content a:hover, .content a:link:hover, .content a:visited:hover {
      color: #ff0000; }
  .content a:active {
    color: #ff0000;
    text-decoration: underline; }
  .content a.brb, .content a.brb:link, .content a.brb:visited {
    color: #ff0000;
    font-weight: bold;
    text-decoration: none; }
    .content a.brb:hover, .content a.brb:link:hover, .content a.brb:visited:hover {
      text-decoration: underline; }

.small-copy p, .small-copy ol li, .small-copy ul li, .small-copy dl, .small-copy dd, .small-copy table {
  line-height: 1.5em;
  font-size: 16px; }

a.button, a.button:link, a.button:visited, input.button {
  display: inline-block;
  padding: .4em 1em;
  text-align: center;
  border: 1px solid transparent;
  text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

a.red-button, a.red-button:link, a.red-button:visited, input.red-button {
  background: #ff0000;
  color: #FFF;
  font-family: 'Amatic SC', cursive;
  font-weight: 700;
  border-radius: 5px;
  min-width: 300px;
  font-size: 40px; }
  a.red-button:hover, a.red-button:link:hover, a.red-button:visited:hover, input.red-button:hover {
    background: #000;
    color: #FFF;
    cursor: pointer; }

/*-------------------------------------- Homepage (pages/homepage.scss) ---------------------------------------*/
.homepage-image img {
  max-width: 100%; }

/*-------------------------------------- Products (pages/_products.scss) ---------------------------------------*/
/***********************************************************************************/
/* Product Feature */
/***********************************************************************************/
@-webkit-keyframes diagonal-slide {
  0% {
    top: 700px;
    right: -700px; }
  100% {
    top: 0;
    right: 100%; } }
@keyframes diagonal-slide {
  0% {
    top: 700px;
    right: -700px; }
  100% {
    top: 0;
    right: 100%; } }
@-webkit-keyframes diagonal-slide-right {
  0% {
    top: 0;
    left: 0; }
  100% {
    top: 700px;
    left: 100%; } }
@keyframes diagonal-slide-right {
  0% {
    top: 0;
    left: 0; }
  100% {
    top: 700px;
    left: 100%; } }
@-webkit-keyframes left-to-right {
  0% {
    left: 0; }
  100% {
    left: 100%; } }
@keyframes left-to-right {
  0% {
    left: 0; }
  100% {
    left: 100%; } }
@-webkit-keyframes right-to-left {
  0% {
    right: -300px; }
  100% {
    right: 100%; } }
@keyframes right-to-left {
  0% {
    right: -300px; }
  100% {
    right: 100%; } }
.wheelchair-dog {
  position: absolute;
  bottom: 0;
  left: -300px;
  z-index: 999;
  width: 207px;
  height: 197px;
  -webkit-animation-name: left-to-right;
          animation-name: left-to-right;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-animation-play-state: running;
          animation-play-state: running; }

.mangy-cat {
  position: absolute;
  bottom: 20px;
  right: -300px;
  z-index: 999;
  width: 195px;
  height: 172px;
  -webkit-animation-name: right-to-left;
          animation-name: right-to-left;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-animation-play-state: running;
          animation-play-state: running; }

.second-cat {
  position: absolute;
  bottom: 30px;
  left: -300px;
  z-index: 999;
  width: 207px;
  height: 197px;
  -webkit-animation-name: left-to-right;
          animation-name: left-to-right;
  -webkit-animation-duration: 0;
          animation-duration: 0;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-animation-play-state: running;
          animation-play-state: running; }

.bird-broken {
  position: absolute;
  top: 0;
  left: -300px;
  z-index: 999;
  -webkit-animation-name: diagonal-slide-right;
          animation-name: diagonal-slide-right;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-animation-play-state: running;
          animation-play-state: running; }

.bird-carrier {
  position: absolute;
  top: 700px;
  right: -700px;
  z-index: 999;
  -webkit-animation-name: diagonal-slide;
          animation-name: diagonal-slide;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 27s;
          animation-delay: 27s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-animation-play-state: running;
          animation-play-state: running; }

.healthy-dog {
  position: absolute;
  bottom: 0;
  right: -475px;
  z-index: 999;
  width: 424px;
  height: 174px;
  -webkit-animation-name: right-to-left;
          animation-name: right-to-left;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-animation-play-state: running;
          animation-play-state: running; }

.healthy-cat {
  position: absolute;
  bottom: 20px;
  left: -300px;
  z-index: 999;
  width: 207px;
  height: 197px;
  -webkit-animation-name: left-to-right;
          animation-name: left-to-right;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 22s;
          animation-delay: 22s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-animation-play-state: running;
          animation-play-state: running; }

.product-feature {
  background: #0099CB;
  position: relative;
  overflow: hidden; }
  .product-feature .container {
    position: relative; }
  .product-feature img {
    max-width: 100%;
    display: block;
    height: auto; }
  .product-feature img#price {
    position: absolute;
    top: 10px;
    right: -40px; }
  .product-feature img#vet {
    position: absolute;
    bottom: 10px;
    right: -40px; }

.products-page {
  text-align: center; }
  .products-page h4 {
    margin-top: 1em; }
  .products-page p.button-block {
    margin-top: 2.5em;
    margin-bottom: 0; }

@media only screen and (max-width: 768px) {
  .product-feature .container {
    width: 100%; }

  .product-feature img#price {
    right: 0; }
  .product-feature img#vet {
    display: none; }

  .bird-carrier, .bird-broken, .mangy-cat, .healthy-cat, .wheelchair-dog, .healthy-dog {
    display: none; } }
/*-------------------------------------- Buy Now (pages/buy-now.scss) ---------------------------------------*/
.buy-now input.button {
  padding: 4px 20px; }

/*-------------------------------------- Pets and People (_pets-people.scss) ---------------------------------------*/
.pets-page-top {
  margin-top: 2.25em; }
  .pets-page-top .left-side, .pets-page-top .right-side {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 48.9361702128%; }
    .pets-page-top .left-side:last-child, .pets-page-top .right-side:last-child {
      margin-right: 0; }
  @media only screen and (max-width: 568px) {
    .pets-page-top .left-side, .pets-page-top .right-side {
      float: left;
      display: block;
      margin-right: 2.1276595745%;
      width: 100%; }
      .pets-page-top .left-side:last-child, .pets-page-top .right-side:last-child {
        margin-right: 0; } }

.pets-and-people h2 {
  margin-bottom: 1em; }

a.fancybox-thumb {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 23.4042553191%;
  margin-bottom: 1.5em; }
  a.fancybox-thumb:last-child {
    margin-right: 0; }
  a.fancybox-thumb:nth-child(4n) {
    margin-right: 0; }
  a.fancybox-thumb:nth-child(4n+1) {
    clear: left; }
  a.fancybox-thumb img {
    display: block;
    max-width: 100%;
    border: 4px solid #FFF;
    -webkit-transition: border-color .25s ease-in-out;
    transition: border-color .25s ease-in-out; }
    a.fancybox-thumb img:hover {
      border-color: #0099CB; }
  @media only screen and (max-width: 667px) {
    a.fancybox-thumb {
      float: left;
      display: block;
      margin-right: 2.1276595745%;
      width: 31.914893617%; }
      a.fancybox-thumb:nth-child(4n) {
        margin-right: 2.1276595745%; }
      a.fancybox-thumb:nth-child(4n+1) {
        clear: none; }
      a.fancybox-thumb:last-child {
        margin-right: 0; }
      a.fancybox-thumb:nth-child(3n) {
        margin-right: 0; }
      a.fancybox-thumb:nth-child(3n+1) {
        clear: left; } }
  @media only screen and (max-width: 414px) {
    a.fancybox-thumb {
      float: left;
      display: block;
      margin-right: 2.1276595745%;
      width: 48.9361702128%; }
      a.fancybox-thumb:nth-child(3n) {
        margin-right: 2.1276595745%; }
      a.fancybox-thumb:nth-child(3n+1) {
        clear: none; }
      a.fancybox-thumb:last-child {
        margin-right: 0; }
      a.fancybox-thumb:nth-child(2n) {
        margin-right: 0; }
      a.fancybox-thumb:nth-child(2n+1) {
        clear: left; } }
  @media only screen and (max-width: 320px) {
    a.fancybox-thumb {
      float: left;
      display: block;
      margin-right: 2.1276595745%;
      width: 100%;
      margin-right: 0; }
      a.fancybox-thumb:nth-child(2n) {
        margin-right: 2.1276595745%; }
      a.fancybox-thumb:nth-child(2n+1) {
        clear: none; }
      a.fancybox-thumb:last-child {
        margin-right: 0; }
      a.fancybox-thumb img {
        margin: 0 auto; } }

/***********************************************************************************/
/* Responsive Views */
/***********************************************************************************/
@media screen and (max-width: 940px) {
  img {
    max-width: 100%; }

  .main-navigation {
    display: none; }

  .mobile-trigger {
    display: block;
    z-index: 10; }

  .logo {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 82.9787234043%; }
    .logo:last-child {
      margin-right: 0; }
    .logo a {
      width: 102px;
      height: 98px;
      background-size: 100% auto;
      background-position: 0 0;
      background-repeat: no-repeat; }
      .logo a:hover {
        background-position: 0 -98px; }

  .flexbox .footer-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .flexbox .footer-nav ul li {
      padding-bottom: 1em; } }
@media screen and (max-width: 736px) {
  .logo a {
    width: 62px;
    height: 60px;
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat; }
    .logo a:hover {
      background-position: 0 -60px; }

  .mobile-trigger {
    top: 34%; } }
@media screen and (max-width: 568px) {
  .copyright span.pipe {
    display: block;
    visibility: hidden; } }
@media screen and (max-width: 414px) {
  .flexbox .footer-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .flexbox .footer-nav ul li {
      padding-bottom: 1em; }
      .flexbox .footer-nav ul li:after {
        content: ''; } }