/**
 * Styles
 */

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/*! Basscss | http://basscss.com | MIT License */

/* Basscss Type Scale */

.h1 { font-size: 2rem }

.h2 { font-size: 1.5rem }

.h3 { font-size: 1.25rem }

.h4 { font-size: 1rem }

.h5 { font-size: .875rem }

.h6 { font-size: .75rem }

/* Basscss Typography */

.font-family-inherit { font-family: inherit }

.font-size-inherit { font-size: inherit }

.text-decoration-none { text-decoration: none }

.bold    { font-weight: bold; font-weight: bold }

.regular { font-weight: normal }

.italic  { font-style: italic }

.caps    { text-transform: uppercase; letter-spacing: .2em; }

.left-align   { text-align: left }

.center       { text-align: center }

.right-align  { text-align: right }

.justify      { text-align: justify }

.nowrap { white-space: nowrap }

.break-word { word-wrap: break-word }

.line-height-1 { line-height: 1 }

.line-height-2 { line-height: 1.125 }

.line-height-3 { line-height: 1.25 }

.line-height-4 { line-height: 1.5 }

.list-style-none { list-style: none }

.underline { text-decoration: underline }

.truncate {
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.list-reset {
  list-style: none;
  padding-left: 0;
}

/* Basscss Layout */

.inline       { display: inline }

.block        { display: block }

.inline-block { display: inline-block }

.table        { display: table }

.table-cell   { display: table-cell }

.overflow-hidden { overflow: hidden }

.overflow-scroll { overflow: scroll }

.overflow-auto   { overflow: auto }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table
}

.clearfix:after { clear: both }

.left  { float: left }

.right { float: right }

.fit { max-width: 100% }

.max-width-1 { max-width: 24rem }

.max-width-2 { max-width: 32rem }

.max-width-3 { max-width: 48rem }

.max-width-4 { max-width: 64rem }

.border-box { -webkit-box-sizing: border-box; box-sizing: border-box }

/* Basscss Align */

.align-baseline { vertical-align: baseline }

.align-top      { vertical-align: top }

.align-middle   { vertical-align: middle }

.align-bottom   { vertical-align: bottom }

/* Basscss Margin */

.m0  { margin:        0 }

.mt0 { margin-top:    0 }

.mr0 { margin-right:  0 }

.mb0 { margin-bottom: 0 }

.ml0 { margin-left:   0 }

.mx0 { margin-left:   0; margin-right:  0 }

.my0 { margin-top:    0; margin-bottom: 0 }

.m1  { margin:        10px }

.mt1 { margin-top:    10px }

.mr1 { margin-right:  10px }

.mb1 { margin-bottom: 10px }

.ml1 { margin-left:   10px }

.mx1 { margin-left:   10px; margin-right:  10px }

.my1 { margin-top:    10px; margin-bottom: 10px }

.m2  { margin:        15px }

.mt2 { margin-top:    15px }

.mr2 { margin-right:  15px }

.mb2 { margin-bottom: 15px }

.ml2 { margin-left:   15px }

.mx2 { margin-left:   15px; margin-right:  15px }

.my2 { margin-top:    15px; margin-bottom: 15px }

.m3  { margin:        20px }

.mt3 { margin-top:    20px }

.mr3 { margin-right:  20px }

.mb3 { margin-bottom: 20px }

.ml3 { margin-left:   20px }

.mx3 { margin-left:   20px; margin-right:  20px }

.my3 { margin-top:    20px; margin-bottom: 20px }

.m4  { margin:        30px }

.mt4 { margin-top:    30px }

.mr4 { margin-right:  30px }

.mb4 { margin-bottom: 30px }

.ml4 { margin-left:   30px }

.mx4 { margin-left:   30px; margin-right:  30px }

.my4 { margin-top:    30px; margin-bottom: 30px }

.mxn1 { margin-left: -10px; margin-right: -10px; }

.mxn2 { margin-left: -15px; margin-right: -15px; }

.mxn3 { margin-left: -20px; margin-right: -20px; }

.mxn4 { margin-left: -30px; margin-right: -30px; }

.ml-auto { margin-left: auto }

.mr-auto { margin-right: auto }

.mx-auto { margin-left: auto; margin-right: auto; }

/* Basscss Padding */

.p0  { padding: 0 }

.pt0 { padding-top: 0 }

.pr0 { padding-right: 0 }

.pb0 { padding-bottom: 0 }

.pl0 { padding-left: 0 }

.px0 { padding-left: 0; padding-right:  0 }

.py0 { padding-top: 0;  padding-bottom: 0 }

.p1  { padding:        10px }

.pt1 { padding-top:    10px }

.pr1 { padding-right:  10px }

.pb1 { padding-bottom: 10px }

.pl1 { padding-left:   10px }

.py1 { padding-top:    10px; padding-bottom: 10px }

.px1 { padding-left:   10px; padding-right:  10px }

.p2  { padding:        15px }

.pt2 { padding-top:    15px }

.pr2 { padding-right:  15px }

.pb2 { padding-bottom: 15px }

.pl2 { padding-left:   15px }

.py2 { padding-top:    15px; padding-bottom: 15px }

.px2 { padding-left:   15px; padding-right:  15px }

.p3  { padding:        20px }

.pt3 { padding-top:    20px }

.pr3 { padding-right:  20px }

.pb3 { padding-bottom: 20px }

.pl3 { padding-left:   20px }

.py3 { padding-top:    20px; padding-bottom: 20px }

.px3 { padding-left:   20px; padding-right:  20px }

.p4  { padding:        30px }

.pt4 { padding-top:    30px }

.pr4 { padding-right:  30px }

.pb4 { padding-bottom: 30px }

.pl4 { padding-left:   30px }

.py4 { padding-top:    30px; padding-bottom: 30px }

.px4 { padding-left:   30px; padding-right:  30px }

/* Basscss Grid */

.col {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.col-right {
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.col-1 {
  width: 8.33333%;
}

.col-2 {
  width: 16.66667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33333%;
}

.col-5 {
  width: 41.66667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33333%;
}

.col-8 {
  width: 66.66667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33333%;
}

.col-11 {
  width: 91.66667%;
}

.col-12 {
  width: 100%;
}

@media (min-width: 760px) {

  .sm-col {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .sm-col-right {
    float: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .sm-col-1 {
    width: 8.33333%;
  }

  .sm-col-2 {
    width: 16.66667%;
  }

  .sm-col-3 {
    width: 25%;
  }

  .sm-col-4 {
    width: 33.33333%;
  }

  .sm-col-5 {
    width: 41.66667%;
  }

  .sm-col-6 {
    width: 50%;
  }

  .sm-col-7 {
    width: 58.33333%;
  }

  .sm-col-8 {
    width: 66.66667%;
  }

  .sm-col-9 {
    width: 75%;
  }

  .sm-col-10 {
    width: 83.33333%;
  }

  .sm-col-11 {
    width: 91.66667%;
  }

  .sm-col-12 {
    width: 100%;
  }

}

@media (min-width: 1100px) {

  .md-col {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .md-col-right {
    float: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .md-col-1 {
    width: 8.33333%;
  }

  .md-col-2 {
    width: 16.66667%;
  }

  .md-col-3 {
    width: 25%;
  }

  .md-col-4 {
    width: 33.33333%;
  }

  .md-col-5 {
    width: 41.66667%;
  }

  .md-col-6 {
    width: 50%;
  }

  .md-col-7 {
    width: 58.33333%;
  }

  .md-col-8 {
    width: 66.66667%;
  }

  .md-col-9 {
    width: 75%;
  }

  .md-col-10 {
    width: 83.33333%;
  }

  .md-col-11 {
    width: 91.66667%;
  }

  .md-col-12 {
    width: 100%;
  }

}

@media (min-width: 1440px) {

  .lg-col {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .lg-col-right {
    float: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .lg-col-1 {
    width: 8.33333%;
  }

  .lg-col-2 {
    width: 16.66667%;
  }

  .lg-col-3 {
    width: 25%;
  }

  .lg-col-4 {
    width: 33.33333%;
  }

  .lg-col-5 {
    width: 41.66667%;
  }

  .lg-col-6 {
    width: 50%;
  }

  .lg-col-7 {
    width: 58.33333%;
  }

  .lg-col-8 {
    width: 66.66667%;
  }

  .lg-col-9 {
    width: 75%;
  }

  .lg-col-10 {
    width: 83.33333%;
  }

  .lg-col-11 {
    width: 91.66667%;
  }

  .lg-col-12 {
    width: 100%;
  }

}

.flex { display: -webkit-box; display: -ms-flexbox; display: flex }

@media (min-width: 760px) {
  .sm-flex { display: -webkit-box; display: -ms-flexbox; display: flex }
}

@media (min-width: 1100px) {
  .md-flex { display: -webkit-box; display: -ms-flexbox; display: flex }
}

@media (min-width: 1440px) {
  .lg-flex { display: -webkit-box; display: -ms-flexbox; display: flex }
}

.flex-column  { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }

.flex-wrap    { -ms-flex-wrap: wrap; flex-wrap: wrap }

.items-start    { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }

.items-end      { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end }

.items-center   { -webkit-box-align: center; -ms-flex-align: center; align-items: center }

.items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline }

.items-stretch  { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }

.self-start    { -ms-flex-item-align: start; align-self: flex-start }

.self-end      { -ms-flex-item-align: end; align-self: flex-end }

.self-center   { -ms-flex-item-align: center; align-self: center }

.self-baseline { -ms-flex-item-align: baseline; align-self: baseline }

.self-stretch  { -ms-flex-item-align: stretch; align-self: stretch }

.justify-start   { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }

.justify-end     { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }

.justify-center  { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }

.justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }

.justify-around  { -ms-flex-pack: distribute; justify-content: space-around }

.content-start   { -ms-flex-line-pack: start; align-content: flex-start }

.content-end     { -ms-flex-line-pack: end; align-content: flex-end }

.content-center  { -ms-flex-line-pack: center; align-content: center }

.content-between { -ms-flex-line-pack: justify; align-content: space-between }

.content-around  { -ms-flex-line-pack: distribute; align-content: space-around }

.content-stretch { -ms-flex-line-pack: stretch; align-content: stretch }

/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */

.flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0; /* 1 */
  min-height: 0; /* 1 */
}

.flex-none { -webkit-box-flex: 0; -ms-flex: none; flex: none }

.order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 }

.order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }

.order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }

.order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 }

.order-last { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999 }

/* Basscss Position */

.relative { position: relative }

.absolute { position: absolute }

.fixed    { position: fixed }

.top-0    { top: 0 }

.right-0  { right: 0 }

.bottom-0 { bottom: 0 }

.left-0   { left: 0 }

.z1 { z-index: 1 }

.z2 { z-index: 2 }

.z3 { z-index: 3 }

.z4 { z-index: 4 }

/* Basscss Border */

.border {
  border-style: solid;
  border-width: 1px;
}

.border-top {
  border-top-style: solid;
  border-top-width: 1px;
}

.border-right {
  border-right-style: solid;
  border-right-width: 1px;
}

.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.border-left {
  border-left-style: solid;
  border-left-width: 1px;
}

.border-none { border: 0 }

.rounded { border-radius: 0px }

.circle  { border-radius: 50% }

.rounded-top    { border-radius: 0px 0px 0 0 }

.rounded-right  { border-radius: 0 0px 0px 0 }

.rounded-bottom { border-radius: 0 0 0px 0px }

.rounded-left   { border-radius: 0px 0 0 0px }

.not-rounded { border-radius: 0 }

/* Basscss Hide */

.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

@media (max-width: 40em) {
  .xs-hide { display: none !important }
}

@media (min-width: 760px) {
  .sm-hide { display: none !important }
}

@media (min-width: 1100px) {
  .md-hide { display: none !important }
}

@media (min-width: 1440px) {
  .lg-hide { display: none !important }
}

.display-none { display: none !important }

/* Basscss Responsive Margin */

@media (min-width: 760px) {

  .sm-m0  { margin:        0 }
  .sm-mt0 { margin-top:    0 }
  .sm-mr0 { margin-right:  0 }
  .sm-mb0 { margin-bottom: 0 }
  .sm-ml0 { margin-left:   0 }
  .sm-mx0 { margin-left:   0; margin-right:  0 }
  .sm-my0 { margin-top:    0; margin-bottom: 0 }

  .sm-m1  { margin:        10px }
  .sm-mt1 { margin-top:    10px }
  .sm-mr1 { margin-right:  10px }
  .sm-mb1 { margin-bottom: 10px }
  .sm-ml1 { margin-left:   10px }
  .sm-mx1 { margin-left:   10px; margin-right:  10px }
  .sm-my1 { margin-top:    10px; margin-bottom: 10px }

  .sm-m2  { margin:        15px }
  .sm-mt2 { margin-top:    15px }
  .sm-mr2 { margin-right:  15px }
  .sm-mb2 { margin-bottom: 15px }
  .sm-ml2 { margin-left:   15px }
  .sm-mx2 { margin-left:   15px; margin-right:  15px }
  .sm-my2 { margin-top:    15px; margin-bottom: 15px }

  .sm-m3  { margin:        20px }
  .sm-mt3 { margin-top:    20px }
  .sm-mr3 { margin-right:  20px }
  .sm-mb3 { margin-bottom: 20px }
  .sm-ml3 { margin-left:   20px }
  .sm-mx3 { margin-left:   20px; margin-right:  20px }
  .sm-my3 { margin-top:    20px; margin-bottom: 20px }

  .sm-m4  { margin:        30px }
  .sm-mt4 { margin-top:    30px }
  .sm-mr4 { margin-right:  30px }
  .sm-mb4 { margin-bottom: 30px }
  .sm-ml4 { margin-left:   30px }
  .sm-mx4 { margin-left:   30px; margin-right:  30px }
  .sm-my4 { margin-top:    30px; margin-bottom: 30px }

  .sm-mxn1 { margin-left: -10px; margin-right: -10px }
  .sm-mxn2 { margin-left: -15px; margin-right: -15px }
  .sm-mxn3 { margin-left: -20px; margin-right: -20px }
  .sm-mxn4 { margin-left: -30px; margin-right: -30px }

  .sm-ml-auto { margin-left:  auto }
  .sm-mr-auto { margin-right: auto }
  .sm-mx-auto { margin-left:  auto; margin-right: auto }

}

@media (min-width: 1100px) {

  .md-m0  { margin:        0 }
  .md-mt0 { margin-top:    0 }
  .md-mr0 { margin-right:  0 }
  .md-mb0 { margin-bottom: 0 }
  .md-ml0 { margin-left:   0 }
  .md-mx0 { margin-left:   0; margin-right:  0 }
  .md-my0 { margin-top:    0; margin-bottom: 0 }

  .md-m1  { margin:        10px }
  .md-mt1 { margin-top:    10px }
  .md-mr1 { margin-right:  10px }
  .md-mb1 { margin-bottom: 10px }
  .md-ml1 { margin-left:   10px }
  .md-mx1 { margin-left:   10px; margin-right:  10px }
  .md-my1 { margin-top:    10px; margin-bottom: 10px }

  .md-m2  { margin:        15px }
  .md-mt2 { margin-top:    15px }
  .md-mr2 { margin-right:  15px }
  .md-mb2 { margin-bottom: 15px }
  .md-ml2 { margin-left:   15px }
  .md-mx2 { margin-left:   15px; margin-right:  15px }
  .md-my2 { margin-top:    15px; margin-bottom: 15px }

  .md-m3  { margin:        20px }
  .md-mt3 { margin-top:    20px }
  .md-mr3 { margin-right:  20px }
  .md-mb3 { margin-bottom: 20px }
  .md-ml3 { margin-left:   20px }
  .md-mx3 { margin-left:   20px; margin-right:  20px }
  .md-my3 { margin-top:    20px; margin-bottom: 20px }

  .md-m4  { margin:        30px }
  .md-mt4 { margin-top:    30px }
  .md-mr4 { margin-right:  30px }
  .md-mb4 { margin-bottom: 30px }
  .md-ml4 { margin-left:   30px }
  .md-mx4 { margin-left:   30px; margin-right:  30px }
  .md-my4 { margin-top:    30px; margin-bottom: 30px }

  .md-mxn1 { margin-left: -10px; margin-right: -10px; }
  .md-mxn2 { margin-left: -15px; margin-right: -15px; }
  .md-mxn3 { margin-left: -20px; margin-right: -20px; }
  .md-mxn4 { margin-left: -30px; margin-right: -30px; }

  .md-ml-auto { margin-left:  auto }
  .md-mr-auto { margin-right: auto }
  .md-mx-auto { margin-left: auto; margin-right: auto; }

}

@media (min-width: 1440px) {

  .lg-m0  { margin:        0 }
  .lg-mt0 { margin-top:    0 }
  .lg-mr0 { margin-right:  0 }
  .lg-mb0 { margin-bottom: 0 }
  .lg-ml0 { margin-left:   0 }
  .lg-mx0 { margin-left:   0; margin-right:  0 }
  .lg-my0 { margin-top:    0; margin-bottom: 0 }

  .lg-m1  { margin:        10px }
  .lg-mt1 { margin-top:    10px }
  .lg-mr1 { margin-right:  10px }
  .lg-mb1 { margin-bottom: 10px }
  .lg-ml1 { margin-left:   10px }
  .lg-mx1 { margin-left:   10px; margin-right:  10px }
  .lg-my1 { margin-top:    10px; margin-bottom: 10px }

  .lg-m2  { margin:        15px }
  .lg-mt2 { margin-top:    15px }
  .lg-mr2 { margin-right:  15px }
  .lg-mb2 { margin-bottom: 15px }
  .lg-ml2 { margin-left:   15px }
  .lg-mx2 { margin-left:   15px; margin-right:  15px }
  .lg-my2 { margin-top:    15px; margin-bottom: 15px }

  .lg-m3  { margin:        20px }
  .lg-mt3 { margin-top:    20px }
  .lg-mr3 { margin-right:  20px }
  .lg-mb3 { margin-bottom: 20px }
  .lg-ml3 { margin-left:   20px }
  .lg-mx3 { margin-left:   20px; margin-right:  20px }
  .lg-my3 { margin-top:    20px; margin-bottom: 20px }

  .lg-m4  { margin:        30px }
  .lg-mt4 { margin-top:    30px }
  .lg-mr4 { margin-right:  30px }
  .lg-mb4 { margin-bottom: 30px }
  .lg-ml4 { margin-left:   30px }
  .lg-mx4 { margin-left:   30px; margin-right:  30px }
  .lg-my4 { margin-top:    30px; margin-bottom: 30px }

  .lg-mxn1 { margin-left: -10px; margin-right: -10px; }
  .lg-mxn2 { margin-left: -15px; margin-right: -15px; }
  .lg-mxn3 { margin-left: -20px; margin-right: -20px; }
  .lg-mxn4 { margin-left: -30px; margin-right: -30px; }

  .lg-ml-auto { margin-left:  auto }
  .lg-mr-auto { margin-right: auto }
  .lg-mx-auto { margin-left: auto; margin-right: auto; }

}

/* Basscss Responsive Padding */

@media (min-width: 760px) {

  .sm-p0  { padding:        0 }
  .sm-pt0 { padding-top:    0 }
  .sm-pr0 { padding-right:  0 }
  .sm-pb0 { padding-bottom: 0 }
  .sm-pl0 { padding-left:   0 }
  .sm-px0 { padding-left:   0; padding-right:  0 }
  .sm-py0 { padding-top:    0; padding-bottom: 0 }

  .sm-p1  { padding:        10px }
  .sm-pt1 { padding-top:    10px }
  .sm-pr1 { padding-right:  10px }
  .sm-pb1 { padding-bottom: 10px }
  .sm-pl1 { padding-left:   10px }
  .sm-px1 { padding-left:   10px; padding-right:  10px }
  .sm-py1 { padding-top:    10px; padding-bottom: 10px }

  .sm-p2  { padding:        15px }
  .sm-pt2 { padding-top:    15px }
  .sm-pr2 { padding-right:  15px }
  .sm-pb2 { padding-bottom: 15px }
  .sm-pl2 { padding-left:   15px }
  .sm-px2 { padding-left:   15px; padding-right:  15px }
  .sm-py2 { padding-top:    15px; padding-bottom: 15px }

  .sm-p3  { padding:        20px }
  .sm-pt3 { padding-top:    20px }
  .sm-pr3 { padding-right:  20px }
  .sm-pb3 { padding-bottom: 20px }
  .sm-pl3 { padding-left:   20px }
  .sm-px3 { padding-left:   20px; padding-right:  20px }
  .sm-py3 { padding-top:    20px; padding-bottom: 20px }

  .sm-p4  { padding:        30px }
  .sm-pt4 { padding-top:    30px }
  .sm-pr4 { padding-right:  30px }
  .sm-pb4 { padding-bottom: 30px }
  .sm-pl4 { padding-left:   30px }
  .sm-px4 { padding-left:   30px; padding-right:  30px }
  .sm-py4 { padding-top:    30px; padding-bottom: 30px }

}

@media (min-width: 1100px) {

  .md-p0  { padding:        0 }
  .md-pt0 { padding-top:    0 }
  .md-pr0 { padding-right:  0 }
  .md-pb0 { padding-bottom: 0 }
  .md-pl0 { padding-left:   0 }
  .md-px0 { padding-left:   0; padding-right:  0 }
  .md-py0 { padding-top:    0; padding-bottom: 0 }

  .md-p1  { padding:        10px }
  .md-pt1 { padding-top:    10px }
  .md-pr1 { padding-right:  10px }
  .md-pb1 { padding-bottom: 10px }
  .md-pl1 { padding-left:   10px }
  .md-px1 { padding-left:   10px; padding-right:  10px }
  .md-py1 { padding-top:    10px; padding-bottom: 10px }

  .md-p2  { padding:        15px }
  .md-pt2 { padding-top:    15px }
  .md-pr2 { padding-right:  15px }
  .md-pb2 { padding-bottom: 15px }
  .md-pl2 { padding-left:   15px }
  .md-px2 { padding-left:   15px; padding-right:  15px }
  .md-py2 { padding-top:    15px; padding-bottom: 15px }

  .md-p3  { padding:        20px }
  .md-pt3 { padding-top:    20px }
  .md-pr3 { padding-right:  20px }
  .md-pb3 { padding-bottom: 20px }
  .md-pl3 { padding-left:   20px }
  .md-px3 { padding-left:   20px; padding-right:  20px }
  .md-py3 { padding-top:    20px; padding-bottom: 20px }

  .md-p4  { padding:        30px }
  .md-pt4 { padding-top:    30px }
  .md-pr4 { padding-right:  30px }
  .md-pb4 { padding-bottom: 30px }
  .md-pl4 { padding-left:   30px }
  .md-px4 { padding-left:   30px; padding-right:  30px }
  .md-py4 { padding-top:    30px; padding-bottom: 30px }

}

@media (min-width: 1440px) {

  .lg-p0  { padding:        0 }
  .lg-pt0 { padding-top:    0 }
  .lg-pr0 { padding-right:  0 }
  .lg-pb0 { padding-bottom: 0 }
  .lg-pl0 { padding-left:   0 }
  .lg-px0 { padding-left:   0; padding-right:  0 }
  .lg-py0 { padding-top:    0; padding-bottom: 0 }

  .lg-p1  { padding:        10px }
  .lg-pt1 { padding-top:    10px }
  .lg-pr1 { padding-right:  10px }
  .lg-pb1 { padding-bottom: 10px }
  .lg-pl1 { padding-left:   10px }
  .lg-px1 { padding-left:   10px; padding-right:  10px }
  .lg-py1 { padding-top:    10px; padding-bottom: 10px }

  .lg-p2  { padding:        15px }
  .lg-pt2 { padding-top:    15px }
  .lg-pr2 { padding-right:  15px }
  .lg-pb2 { padding-bottom: 15px }
  .lg-pl2 { padding-left:   15px }
  .lg-px2 { padding-left:   15px; padding-right:  15px }
  .lg-py2 { padding-top:    15px; padding-bottom: 15px }

  .lg-p3  { padding:        20px }
  .lg-pt3 { padding-top:    20px }
  .lg-pr3 { padding-right:  20px }
  .lg-pb3 { padding-bottom: 20px }
  .lg-pl3 { padding-left:   20px }
  .lg-px3 { padding-left:   20px; padding-right:  20px }
  .lg-py3 { padding-top:    20px; padding-bottom: 20px }

  .lg-p4  { padding:        30px }
  .lg-pt4 { padding-top:    30px }
  .lg-pr4 { padding-right:  30px }
  .lg-pb4 { padding-bottom: 30px }
  .lg-pl4 { padding-left:   30px }
  .lg-px4 { padding-left:   30px; padding-right:  30px }
  .lg-py4 { padding-top:    30px; padding-bottom: 30px }

}

/* Basscss Media Object */

.media,
.sm-media,
.md-media,
.lg-media {
  margin-left: -10px;
  margin-right: -10px;
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.media-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.media-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.media-img,
.media-body {
  padding-left: 10px;
  padding-right: 10px;
}

.media-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media (min-width: 760px) {
  .sm-media { display: -webkit-box; display: -ms-flexbox; display: flex }
}

@media (min-width: 1100px) {
  .md-media { display: -webkit-box; display: -ms-flexbox; display: flex }
}

@media (min-width: 1440px) {
  .lg-media { display: -webkit-box; display: -ms-flexbox; display: flex }
}

/* Basscss All */

.all-initial { all: initial }

.all-unset { all: unset }

.all-inherit { all: inherit }

.all-revert { all: revert }

/* Basscss Colors */

/* 

   VARIABLES

   - Cool
   - Warm
   - Gray Scale

*/

.black  { color: #111111 }

.gray   { color: #AAAAAA }

.silver { color: #DDDDDD }

.white  { color: #FFFFFF }

.aqua  { color: #7FDBFF }

.blue  { color: #0074D9 }

.navy  { color: #001F3F }

.teal  { color: #39CCCC }

.green { color: #2ECC40 }

.olive { color: #3D9970 }

.lime  { color: #01FF70 }

.yellow  { color: #FFDC00 }

.orange  { color: #FF851B }

.red     { color: #FF4136 }

.fuchsia { color: #F012BE }

.purple  { color: #B10DC9 }

.maroon  { color: #85144B }

.color-inherit { color: inherit }

.muted { opacity: .5 }

/* Basscss Background Colors */

.bg-black  { background-color: #111111 }

.bg-gray   { background-color: #AAAAAA }

.bg-silver { background-color: #DDDDDD }

.bg-white  { background-color: #FFFFFF }

.bg-aqua  { background-color: #7FDBFF }

.bg-blue  { background-color: #0074D9 }

.bg-navy  { background-color: #001F3F }

.bg-teal  { background-color: #39CCCC }

.bg-green { background-color: #2ECC40 }

.bg-olive { background-color: #3D9970 }

.bg-lime  { background-color: #01FF70 }

.bg-yellow  { background-color: #FFDC00 }

.bg-orange  { background-color: #FF851B }

.bg-red     { background-color: #FF4136 }

.bg-fuchsia { background-color: #F012BE }

.bg-purple  { background-color: #B10DC9 }

.bg-maroon  { background-color: #85144B }

/*
 * Layout
 */

.height-100 {
    height: 100%;
}

.not-empty {
    height: 1px;
    min-height: 1px;
}

/* Responsive Display */

.sm-show { display: none; }

.md-show { display: none; }

.lg-show { display: none; }

@media (min-width: 760px) {
    .sm-show { display: block; }
}

@media (min-width: 1100px) {
    .md-show { display: block; }
}

@media (min-width: 1440px) {
    .lg-show { display: block; }
}

/* Reset */

table {
     border-collapse: collapse;
 }

td {
     padding: 0;
 }

tr {
     padding: 0;
 }

/* Position */

.sticky {
    position: -webkit-sticky;
    position: sticky;
}

@media (min-width: 760px) {
    .sm-sticky {
        position: -webkit-sticky;
        position: sticky;
    }
}

@media (min-width: 1100px) {
    .md-sticky {
        position: -webkit-sticky;
        position: sticky;
    }
}

@media (min-width: 1440px) {
    .lg-sticky {
        position: -webkit-sticky;
        position: sticky;
    }
}

@media (min-width: 760px) {
    .sm-relative {
        position: relative;
    }
}

/* Width */

.max-width-768 {
    max-width: 768px;
}

.width-auto {
    width: auto;
}

/* Height */

.height-0 {
    height: 0;
}

.height-auto {
    height: auto;
}

@media (min-width: 760px) {
    .sm-height-0 {
        height: 0;
    }
    .sm-height-auto {
        height: auto;
    }
}

@media (min-width: 1100px) {
    .md-height-0 {
        height: 0;
    }
    .md-height-auto {
        height: auto;
    }
}

@media (min-width: 1440px) {
    .lg-height-0 {
        height: 0;
    }
    .lg-height-auto {
        height: auto;
    }
}

/* Positions */

.translate-up-50 {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.translate-down-50 {
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
}

@media (min-width: 760px) {
    .sm-top-auto {
        top: auto;
    }
    .sm-bottom-auto {
        bottom: auto;
    }
}

/* Table */

.table-row {
    display: table-row;
}

.table-layout-fixed {
    table-layout: fixed;
}

@media (min-width: 760px) {
    .sm-table-cell {
        display: table-cell;
    }
}

/* Overflow */

@media (min-width: 760px) {
    .sm-overflow-auto {
        overflow: auto;
    }
}

/* Aspect Ratios */

.aspect-1-1,
.aspect-2-3,
.aspect-4-3,
.aspect-3-2,
.aspect-16-9,
.aspect-2-1,
.aspect-3-1 {
    position: relative;
}

.aspect-1-1:after,
.aspect-2-3:after,
.aspect-4-3:after,
.aspect-3-2:after,
.aspect-16-9:after,
.aspect-2-1:after,
.aspect-3-1:after {
    display: block;
    content: '';
}

.aspect-1-1:after {
    padding-top: 100%;
}

.aspect-2-3:after {
    padding-top: 150%;
}

.aspect-4-3:after {
    padding-top: 75%;
}

.aspect-3-2:after {
    padding-top: 66.7%;
}

.aspect-16-9:after {
    padding-top: 56.25%;
}

.aspect-2-1:after {
    padding-top: 50%;
}

.aspect-3-1:after {
    padding-top: 33.3%;
}

@media (min-width: 668px) {
    .sm-aspect-1-1,
    .sm-aspect-2-3,
    .sm-aspect-4-3,
    .sm-aspect-3-2,
    .sm-aspect-16-9,
    .sm-aspect-2-1,
    .sm-aspect-3-1 {
        position: relative;
    }
    .sm-aspect-1-1:after,
    .sm-aspect-2-3:after,
    .sm-aspect-4-3:after,
    .sm-aspect-3-2:after,
    .sm-aspect-16-9:after,
    .sm-aspect-2-1:after,
    .sm-aspect-3-1:after {
        display: block;
        content: '';
    }

    .sm-aspect-1-1:after {
        padding-top: 100%;
    }

    .sm-aspect-2-3:after {
        padding-top: 150%;
    }

    .sm-aspect-4-3:after {
        padding-top: 75%;
    }

    .sm-aspect-3-2:after {
        padding-top: 66.7%;
    }

    .sm-aspect-16-9:after {
        padding-top: 56.25%;
    }

    .sm-aspect-2-1:after {
        padding-top: 50%;
    }

    .sm-aspect-3-1:after {
        padding-top: 33.3%;
    }
}

@media (min-width: 1023px) {
    .md-aspect-1-1,
    .md-aspect-2-3,
    .md-aspect-4-3,
    .md-aspect-3-2,
    .md-aspect-16-9,
    .md-aspect-2-1,
    .md-aspect-3-1 {
        position: relative;
    }
    .md-aspect-1-1:after,
    .md-aspect-1-2:after,
    .md-aspect-4-3:after,
    .md-aspect-3-2:after,
    .md-aspect-16-9:after,
    .md-aspect-2-1:after,
    .md-aspect-3-1:after {
        display: block;
        content: '';
    }

    .md-aspect-1-1:after {
        padding-top: 100%;
    }

    .md-aspect-1-2:after {
        padding-top: 150%;
    }

    .md-aspect-4-3:after {
        padding-top: 75%;
    }

    .md-aspect-3-2:after {
        padding-top: 66.7%;
    }

    .md-aspect-16-9:after {
        padding-top: 56.25%;
    }

    .md-aspect-2-1:after {
        padding-top: 50%;
    }

    .md-aspect-3-1:after {
        padding-top: 33.3%;
    }
}

@media (min-width: 1280px) {
    .lg-aspect-1-1,
    .lg-aspect-4-3,
    .lg-aspect-3-2,
    .lg-aspect-16-9,
    .lg-aspect-2-1,
    .lg-aspect-3-1 {
        position: relative;
    }
    .lg-aspect-1-1:after,
    .lg-aspect-4-3:after,
    .lg-aspect-3-2:after,
    .lg-aspect-16-9:after,
    .lg-aspect-2-1:after,
    .lg-aspect-3-1:after {
        display: block;
        content: '';
    }

    .lg-aspect-1-1:after {
        padding-top: 100%;
    }

    .lg-aspect-4-3:after {
        padding-top: 75%;
    }

    .lg-aspect-3-2:after {
        padding-top: 66.7%;
    }

    .lg-aspect-16-9:after {
        padding-top: 56.25%;
    }

    .lg-aspect-2-1:after {
        padding-top: 50%;
    }

    .lg-aspect-3-1:after {
        padding-top: 33.3%;
    }
}

/* Borders */

.border-0 {
    border-width: 0px;
}

/* Responsive */

@media (min-width: 760px) {
    .sm-border-0 {
        border: 0;
    }
    .sm-border {
        border-style: solid; border-width: 1px; border-color: black;
    }
    .sm-border-top {
        border-top-style: solid; border-top-width: 1px; border-top-color: black;
    }
    .sm-border-bottom {
        border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black;
    }
    .sm-border-left {
        border-left-style: solid; border-left-width: 1px; border-left-color: black;
    }
    .sm-border-right {
        border-right-style: solid; border-right-width: 1px; border-right-color: black;
    }
}

@media (min-width: 1100px) {
    .md-border-0 {
        border: 0;
    }
    .md-border {
        border-style: solid; border-width: 1px; border-color: black;
    }
    .md-border-top {
        border-top-style: solid; border-top-width: 1px; border-top-color: black;
    }
    .md-border-bottom {
        border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black;
    }
    .md-border-left {
        border-left-style: solid; border-left-width: 1px; border-left-color: black;
    }
    .md-border-right {
        border-right-style: solid; border-right-width: 1px; border-right-color: black;
    }
}

@media (min-width: 1440px) {
    .lg-border-0 {
        border: 0;
    }
    .lg-border {
        border-style: solid; border-width: 1px; border-color: black;
    }
    .lg-border-top {
        border-top-style: solid; border-top-width: 1px; border-top-color: black;
    }
    .lg-border-bottom {
        border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black;
    }
    .lg-border-left {
        border-left-style: solid; border-left-width: 1px; border-left-color: black;
    }
    .lg-border-right {
        border-right-style: solid; border-right-width: 1px; border-right-color: black;
    }
}

/*
 * Spaces
 */

:root {         /* 1px */   /* 10px */    /* 15px */    /* 20px */    /* 30px */    /* 40px */    /* 60px */    /* 90px */    /* 120px */

}

.m0  { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; }

.p0  { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; }

.mxn1px { margin-left: -1px; margin-right: -1px; }

.myn1px { margin-top: -1px; margin-bottom: -1px; }

.mln1px { margin-left: -1px; }

.mrn1px { margin-right: -1px; }

.mtn1px { margin-top: -1px; }

.mbn1px { margin-bottom: -1px; }

.m1  { margin: 10px; }

.mt1 { margin-top: 10px; }

.mb1 { margin-bottom: 10px; }

.ml1 { margin-left: 10px; }

.mr1 { margin-right: 10px; }

.p1  { padding: 10px; }

.pt1  { padding-top: 10px; }

.pb1  { padding-bottom: 10px; }

.pl1  { padding-left: 10px; }

.pr1  { padding-right: 10px; }

.px1 { padding-left: 10px; padding-right: 10px; }

.py1 { padding-top: 10px; padding-bottom: 10px; }

.mn1  { margin: -10px; }

.mxn1 { margin-left: -10px; margin-right: -10px; }

.myn1 { margin-top: -10px; margin-bottom: -10px; }

.mln1 { margin-left: -10px; }

.mrn1 { margin-right: -10px; }

.mtn1 { margin-top: -10px; }

.mbn1 { margin-bottom: -10px; }

.m2  { margin: 15px; }

.mt2 { margin-top: 15px; }

.mb2 { margin-bottom: 15px; }

.ml2 { margin-left: 15px; }

.mr2 { margin-right: 15px; }

.p2  { padding: 15px; }

.pt2  { padding-top: 15px; }

.pb2  { padding-bottom: 15px; }

.pl2  { padding-left: 15px; }

.pr2  { padding-right: 15px; }

.px2 { padding-left: 15px; padding-right: 15px; }

.py2 { padding-top: 15px; padding-bottom: 15px; }

.mn2  { margin: -15px; }

.mxn2 { margin-left: -15px; margin-right: -15px; }

.myn2 { margin-top: -15px; margin-bottom: -15px; }

.mln2 { margin-left: -15px; }

.mrn2 { margin-right: -15px; }

.mtn2 { margin-top: -15px; }

.mbn2 { margin-bottom: -15px; }

.m3  { margin: 20px; }

.mt3 { margin-top: 20px; }

.mb3 { margin-bottom: 20px; }

.ml3 { margin-left: 20px; }

.mr3 { margin-right: 20px; }

.p3  { padding: 20px; }

.pt3  { padding-top: 20px; }

.pb3  { padding-bottom: 20px; }

.pl3  { padding-left: 20px; }

.pr3  { padding-right: 20px; }

.px3 { padding-left: 20px; padding-right: 20px; }

.py3 { padding-top: 20px; padding-bottom: 20px; }

.mn3  { margin: -20px; }

.mxn3 { margin-left: -20px; margin-right: -20px; }

.myn3 { margin-top: -20px; margin-bottom: -20px; }

.mln3 { margin-left: -20px; }

.mrn3 { margin-right: -20px; }

.mtn3 { margin-top: -20px; }

.mbn3 { margin-bottom: -20px; }

.m4  { margin: 30px; }

.mt4 { margin-top: 30px; }

.mb4 { margin-bottom: 30px; }

.ml4 { margin-left: 30px; }

.mr4 { margin-right: 30px; }

.p4  { padding: 30px; }

.pt4  { padding-top: 30px; }

.pb4  { padding-bottom: 30px; }

.pl4  { padding-left: 30px; }

.pr4  { padding-right: 30px; }

.px4 { padding-left: 30px; padding-right: 30px; }

.py4 { padding-top: 30px; padding-bottom: 30px; }

.mn4  { margin: -30px; }

.mxn4 { margin-left: -30px; margin-right: -30px; }

.myn4 { margin-top: -30px; margin-bottom: -30px; }

.mln4 { margin-left: -30px; }

.mrn4 { margin-right: -30px; }

.mtn4 { margin-top: -30px; }

.mbn4 { margin-bottom: -30px; }

.m5  { margin: 2.143rem; }

.mt5 { margin-top: 2.143rem; }

.mb5 { margin-bottom: 2.143rem; }

.ml5 { margin-left: 2.143rem; }

.mr5 { margin-right: 2.143rem; }

.p5  { padding: 2.143rem; }

.pt5  { padding-top: 2.143rem; }

.pb5  { padding-bottom: 2.143rem; }

.pl5  { padding-left: 2.143rem; }

.pr5  { padding-right: 2.143rem; }

.px5 { padding-left: 2.143rem; padding-right: 2.143rem; }

.py5 { padding-top: 2.143rem; padding-bottom: 2.143rem; }

.mn5  { margin: -2.143rem; }

.mxn5 { margin-left: -2.143rem; margin-right: -2.143rem; }

.myn5 { margin-top: -2.143rem; margin-bottom: -2.143rem; }

.mln5 { margin-left: -2.143rem; }

.mrn5 { margin-right: -2.143rem; }

.mtn5 { margin-top: -2.143rem; }

.mbn5 { margin-bottom: -2.143rem; }

.m6  { margin: 2.857rem; }

.mt6 { margin-top: 2.857rem; }

.mb6 { margin-bottom: 2.857rem; }

.ml6 { margin-left: 2.857rem; }

.mr6 { margin-right: 2.857rem; }

.p6  { padding: 2.857rem; }

.pt6  { padding-top: 2.857rem; }

.pb6  { padding-bottom: 2.857rem; }

.pl6  { padding-left: 2.857rem; }

.pr6  { padding-right: 2.857rem; }

.px6 { padding-left: 2.857rem; padding-right: 2.857rem; }

.py6 { padding-top: 2.857rem; padding-bottom: 2.857rem; }

.mn6  { margin: -2.857rem; }

.mxn6 { margin-left: -2.857rem; margin-right: -2.857rem; }

.myn6 { margin-top: -2.857rem; margin-bottom: -2.857rem; }

.mln6 { margin-left: -2.857rem; }

.mrn6 { margin-right: -2.857rem; }

.mtn6 { margin-top: -2.857rem; }

.mbn6 { margin-bottom: -2.857rem; }

.m7  { margin: 4.286rem; }

.mt7 { margin-top: 4.286rem; }

.mb7 { margin-bottom: 4.286rem; }

.ml7 { margin-left: 4.286rem; }

.mr7 { margin-right: 4.286rem; }

.p7  { padding: 4.286rem; }

.pt7  { padding-top: 4.286rem; }

.pb7  { padding-bottom: 4.286rem; }

.pl7  { padding-left: 4.286rem; }

.pr7  { padding-right: 4.286rem; }

.px7 { padding-left: 4.286rem; padding-right: 4.286rem; }

.py7 { padding-top: 4.286rem; padding-bottom: 4.286rem; }

.mn7  { margin: -4.286rem; }

.mxn7 { margin-left: -4.286rem; margin-right: -4.286rem; }

.myn7 { margin-top: -4.286rem; margin-bottom: -4.286rem; }

.mln7 { margin-left: -4.286rem; }

.mrn7 { margin-right: -4.286rem; }

.mtn7 { margin-top: -4.286rem; }

.mbn7 { margin-bottom: -4.286rem; }

.m8  { margin: 6.429rem; }

.mt8 { margin-top: 6.429rem; }

.mb8 { margin-bottom: 6.429rem; }

.ml8 { margin-left: 6.429rem; }

.mr8 { margin-right: 6.429rem; }

.p8  { padding: 6.429rem; }

.pt8  { padding-top: 6.429rem; }

.pb8  { padding-bottom: 6.429rem; }

.pl8  { padding-left: 6.429rem; }

.pr8  { padding-right: 6.429rem; }

.px8 { padding-left: 6.429rem; padding-right: 6.429rem; }

.py8 { padding-top: 6.429rem; padding-bottom: 6.429rem; }

.mn8  { margin: -6.429rem; }

.mxn8 { margin-left: -6.429rem; margin-right: -6.429rem; }

.myn8 { margin-top: -6.429rem; margin-bottom: -6.429rem; }

.mln8 { margin-left: -6.429rem; }

.mrn8 { margin-right: -6.429rem; }

.mtn8 { margin-top: -6.429rem; }

.mbn8 { margin-bottom: -6.429rem; }

.m9  { margin: 8.571rem; }

.mt9 { margin-top: 8.571rem; }

.mb9 { margin-bottom: 8.571rem; }

.ml9 { margin-left: 8.571rem; }

.mr9 { margin-right: 8.571rem; }

.p9  { padding: 8.571rem; }

.pt9  { padding-top: 8.571rem; }

.pb9  { padding-bottom: 8.571rem; }

.pl9  { padding-left: 8.571rem; }

.pr9  { padding-right: 8.571rem; }

.px9 { padding-left: 8.571rem; padding-right: 8.571rem; }

.py9 { padding-top: 8.571rem; padding-bottom: 8.571rem; }

.mn9  { margin: -8.571rem; }

.mxn9 { margin-left: -8.571rem; margin-right: -8.571rem; }

.myn9 { margin-top: -8.571rem; margin-bottom: -8.571rem; }

.mln9 { margin-left: -8.571rem; }

.mrn9 { margin-right: -8.571rem; }

.mtn9 { margin-top: -8.571rem; }

.mbn9 { margin-bottom: -8.571rem; }

@media (min-width: 760px) {
    .sm-m0  { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; }
    .sm-mt0 { margin-top: 0 }
    .sm-p0  { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; }
    .sm-my0 { margin-top: 0; margin-bottom: 0; }

    .sm-m1  { margin: 10px; }
    .sm-mt1 { margin-top: 10px; }
    .sm-mb1 { margin-bottom: 10px; }
    .sm-ml1 { margin-left: 10px; }
    .sm-mr1 { margin-right: 10px; }
    .sm-p1  { padding: 10px; }
    .sm-pt1  { padding-top: 10px; }
    .sm-pb1  { padding-bottom: 10px; }
    .sm-pl1  { padding-left: 10px; }
    .sm-pr1  { padding-right: 10px; }
    .sm-px1 { padding-left: 10px; padding-right: 10px; }
    .sm-py1 { padding-top: 10px; padding-bottom: 10px; }
    .sm-mn1  { margin: -10px; }
    .sm-mxn1 { margin-left: -10px; margin-right: -10px; }
    .sm-myn1 { margin-top: -10px; margin-bottom: -10px; }
    .sm-mln1 { margin-left: -10px; }
    .sm-mrn1 { margin-right: -10px; }
    .sm-mtn1 { margin-top: -10px; }
    .sm-mbn1 { margin-bottom: -10px; }

    .sm-m2  { margin: 15px; }
    .sm-mt2 { margin-top: 15px; }
    .sm-mb2 { margin-bottom: 15px; }
    .sm-my2 { margin-top: 15px; margin-bottom: 15px; }
    .sm-ml2 { margin-left: 15px; }
    .sm-mr2 { margin-right: 15px; }
    .sm-p2  { padding: 15px; }
    .sm-pt2  { padding-top: 15px; }
    .sm-pb2  { padding-bottom: 15px; }
    .sm-pl2  { padding-left: 15px; }
    .sm-pr2  { padding-right: 15px; }
    .sm-px2 { padding-left: 15px; padding-right: 15px; }
    .sm-py2 { padding-top: 15px; padding-bottom: 15px; }
    .sm-mn2  { margin: -15px; }
    .sm-mxn2 { margin-left: -15px; margin-right: -15px; }
    .sm-myn2 { margin-top: -15px; margin-bottom: -15px; }
    .sm-mln2 { margin-left: -15px; }
    .sm-mrn2 { margin-right: -15px; }
    .sm-mtn2 { margin-top: -15px; }
    .sm-mbn2 { margin-bottom: -15px; }

    .sm-m3  { margin: 20px; }
    .sm-mt3 { margin-top: 20px; }
    .sm-mb3 { margin-bottom: 20px; }
    .sm-ml3 { margin-left: 20px; }
    .sm-mr3 { margin-right: 20px; }
    .sm-p3  { padding: 20px; }
    .sm-pt3  { padding-top: 20px; }
    .sm-pb3  { padding-bottom: 20px; }
    .sm-pl3  { padding-left: 20px; }
    .sm-pr3  { padding-right: 20px; }
    .sm-px3 { padding-left: 20px; padding-right: 20px; }
    .sm-py3 { padding-top: 20px; padding-bottom: 20px; }
    .sm-mn3  { margin: -20px; }
    .sm-mxn3 { margin-left: -20px; margin-right: -20px; }
    .sm-myn3 { margin-top: -20px; margin-bottom: -20px; }
    .sm-mln3 { margin-left: -20px; }
    .sm-mrn3 { margin-right: -20px; }
    .sm-mtn3 { margin-top: -20px; }
    .sm-mbn3 { margin-bottom: -20px; }

    .sm-m4  { margin: 30px; }
    .sm-mt4 { margin-top: 30px; }
    .sm-mb4 { margin-bottom: 30px; }
    .sm-ml4 { margin-left: 30px; }
    .sm-mr4 { margin-right: 30px; }
    .sm-p4  { padding: 30px; }
    .sm-pt4  { padding-top: 30px; }
    .sm-pb4  { padding-bottom: 30px; }
    .sm-pl4  { padding-left: 30px; }
    .sm-pr4  { padding-right: 30px; }
    .sm-px4 { padding-left: 30px; padding-right: 30px; }
    .sm-py4 { padding-top: 30px; padding-bottom: 30px; }
    .sm-mn4  { margin: -30px; }
    .sm-mxn4 { margin-left: -30px; margin-right: -30px; }
    .sm-myn4 { margin-top: -30px; margin-bottom: -30px; }
    .sm-mln4 { margin-left: -30px; }
    .sm-mrn4 { margin-right: -30px; }
    .sm-mtn4 { margin-top: -30px; }
    .sm-mbn4 { margin-bottom: -30px; }

    .sm-m5  { margin: 2.143rem; }
    .sm-mt5 { margin-top: 2.143rem; }
    .sm-mb5 { margin-bottom: 2.143rem; }
    .sm-ml5 { margin-left: 2.143rem; }
    .sm-mr5 { margin-right: 2.143rem; }
    .sm-p5  { padding: 2.143rem; }
    .sm-pt5  { padding-top: 2.143rem; }
    .sm-pb5  { padding-bottom: 2.143rem; }
    .sm-pl5  { padding-left: 2.143rem; }
    .sm-pr5  { padding-right: 2.143rem; }
    .sm-px5 { padding-left: 2.143rem; padding-right: 2.143rem; }
    .sm-py5 { padding-top: 2.143rem; padding-bottom: 2.143rem; }
    .sm-mn5  { margin: -2.143rem; }
    .sm-mxn5 { margin-left: -2.143rem; margin-right: -2.143rem; }
    .sm-myn5 { margin-top: -2.143rem; margin-bottom: -2.143rem; }
    .sm-mln5 { margin-left: -2.143rem; }
    .sm-mrn5 { margin-right: -2.143rem; }
    .sm-mtn5 { margin-top: -2.143rem; }
    .sm-mbn5 { margin-bottom: -2.143rem; }

    .sm-m6  { margin: 2.857rem; }
    .sm-mt6 { margin-top: 2.857rem; }
    .sm-mb6 { margin-bottom: 2.857rem; }
    .sm-ml6 { margin-left: 2.857rem; }
    .sm-mr6 { margin-right: 2.857rem; }
    .sm-p6  { padding: 2.857rem; }
    .sm-pt6  { padding-top: 2.857rem; }
    .sm-pb6  { padding-bottom: 2.857rem; }
    .sm-pl6  { padding-left: 2.857rem; }
    .sm-pr6  { padding-right: 2.857rem; }
    .sm-px6 { padding-left: 2.857rem; padding-right: 2.857rem; }
    .sm-py6 { padding-top: 2.857rem; padding-bottom: 2.857rem; }
    .sm-mn6  { margin: -2.857rem; }
    .sm-mxn6 { margin-left: -2.857rem; margin-right: -2.857rem; }
    .sm-myn6 { margin-top: -2.857rem; margin-bottom: -2.857rem; }
    .sm-mln6 { margin-left: -2.857rem; }
    .sm-mrn6 { margin-right: -2.857rem; }
    .sm-mtn6 { margin-top: -2.857rem; }
    .sm-mbn6 { margin-bottom: -2.857rem; }

    .sm-m7  { margin: 4.286rem; }
    .sm-mt7 { margin-top: 4.286rem; }
    .sm-mb7 { margin-bottom: 4.286rem; }
    .sm-ml7 { margin-left: 4.286rem; }
    .sm-mr7 { margin-right: 4.286rem; }
    .sm-p7  { padding: 4.286rem; }
    .sm-pt7  { padding-top: 4.286rem; }
    .sm-pb7  { padding-bottom: 4.286rem; }
    .sm-pl7  { padding-left: 4.286rem; }
    .sm-pr7  { padding-right: 4.286rem; }
    .sm-px7 { padding-left: 4.286rem; padding-right: 4.286rem; }
    .sm-py7 { padding-top: 4.286rem; padding-bottom: 4.286rem; }
    .sm-mn7  { margin: -4.286rem; }
    .sm-mxn7 { margin-left: -4.286rem; margin-right: -4.286rem; }
    .sm-myn7 { margin-top: -4.286rem; margin-bottom: -4.286rem; }
    .sm-mln7 { margin-left: -4.286rem; }
    .sm-mrn7 { margin-right: -4.286rem; }
    .sm-mtn7 { margin-top: -4.286rem; }
    .sm-mbn7 { margin-bottom: -4.286rem; }

    .sm-m8  { margin: 6.429rem; }
    .sm-mt8 { margin-top: 6.429rem; }
    .sm-mb8 { margin-bottom: 6.429rem; }
    .sm-ml8 { margin-left: 6.429rem; }
    .sm-mr8 { margin-right: 6.429rem; }
    .sm-p8  { padding: 6.429rem; }
    .sm-pt8  { padding-top: 6.429rem; }
    .sm-pb8  { padding-bottom: 6.429rem; }
    .sm-pl8  { padding-left: 6.429rem; }
    .sm-pr8  { padding-right: 6.429rem; }
    .sm-px8 { padding-left: 6.429rem; padding-right: 6.429rem; }
    .sm-py8 { padding-top: 6.429rem; padding-bottom: 6.429rem; }
    .sm-mn8  { margin: -6.429rem; }
    .sm-mxn8 { margin-left: -6.429rem; margin-right: -6.429rem; }
    .sm-myn8 { margin-top: -6.429rem; margin-bottom: -6.429rem; }
    .sm-mln8 { margin-left: -6.429rem; }
    .sm-mrn8 { margin-right: -6.429rem; }
    .sm-mtn8 { margin-top: -6.429rem; }
    .sm-mbn8 { margin-bottom: -6.429rem; }

    .sm-m9  { margin: 8.571rem; }
    .sm-mt9 { margin-top: 8.571rem; }
    .sm-mb9 { margin-bottom: 8.571rem; }
    .sm-ml9 { margin-left: 8.571rem; }
    .sm-mr9 { margin-right: 8.571rem; }
    .sm-p9  { padding: 8.571rem; }
    .sm-pt9  { padding-top: 8.571rem; }
    .sm-pb9  { padding-bottom: 8.571rem; }
    .sm-pl9  { padding-left: 8.571rem; }
    .sm-pr9  { padding-right: 8.571rem; }
    .sm-px9 { padding-left: 8.571rem; padding-right: 8.571rem; }
    .sm-py9 { padding-top: 8.571rem; padding-bottom: 8.571rem; }
    .sm-mn9  { margin: -8.571rem; }
    .sm-mxn9 { margin-left: -8.571rem; margin-right: -8.571rem; }
    .sm-myn9 { margin-top: -8.571rem; margin-bottom: -8.571rem; }
    .sm-mln9 { margin-left: -8.571rem; }
    .sm-mrn9 { margin-right: -8.571rem; }
    .sm-mtn9 { margin-top: -8.571rem; }
    .sm-mbn9 { margin-bottom: -8.571rem; }

    .sm-margin-top-300 {
        margin-top: 300px;
    }
}

@media (min-width: 1100px) {
    .md-m0  { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; }
    .md-p0  { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; }
    .md-pr0 { padding-right: 0; }
    .md-pl0 { padding-left: 0; }

    .md-mt0 { margin-top: 0; }

    .md-mr-auto { margin-right: auto; }
    .md-ml-auto { margin-left: auto; }

    .md-m1  { margin: 10px; }
    .md-mt1 { margin-top: 10px; }
    .md-mb1 { margin-bottom: 10px; }
    .md-ml1 { margin-left: 10px; }
    .md-mr1 { margin-right: 10px; }
    .md-p1  { padding: 10px; }
    .md-pt1  { padding-top: 10px; }
    .md-pb1  { padding-bottom: 10px; }
    .md-pl1  { padding-left: 10px; }
    .md-pr1  { padding-right: 10px; }
    .md-px1 { padding-left: 10px; padding-right: 10px; }
    .md-py1 { padding-top: 10px; padding-bottom: 10px; }
    .md-mn1  { margin: -10px; }
    .md-mxn1 { margin-left: -10px; margin-right: -10px; }
    .md-myn1 { margin-top: -10px; margin-bottom: -10px; }
    .md-mln1 { margin-left: -10px; }
    .md-mrn1 { margin-right: -10px; }
    .md-mtn1 { margin-top: -10px; }
    .md-mbn1 { margin-bottom: -10px; }

    .md-m2  { margin: 15px; }
    .md-mt2 { margin-top: 15px; }
    .md-mb2 { margin-bottom: 15px; }
    .md-ml2 { margin-left: 15px; }
    .md-mr2 { margin-right: 15px; }
    .md-my2 { margin-top: 15px; margin-bottom: 15px; }
    .md-p2  { padding: 15px; }
    .md-pt2  { padding-top: 15px; }
    .md-pb2  { padding-bottom: 15px; }
    .md-pl2  { padding-left: 15px; }
    .md-pr2  { padding-right: 15px; }
    .md-px2 { padding-left: 15px; padding-right: 15px; }
    .md-py2 { padding-top: 15px; padding-bottom: 15px; }
    .md-mn2  { margin: -15px; }
    .md-mxn2 { margin-left: -15px; margin-right: -15px; }
    .md-myn2 { margin-top: -15px; margin-bottom: -15px; }
    .md-mln2 { margin-left: -15px; }
    .md-mrn2 { margin-right: -15px; }
    .md-mtn2 { margin-top: -15px; }
    .md-mbn2 { margin-bottom: -15px; }

    .md-m3  { margin: 20px; }
    .md-mt3 { margin-top: 20px; }
    .md-mb3 { margin-bottom: 20px; }
    .md-ml3 { margin-left: 20px; }
    .md-mr3 { margin-right: 20px; }
    .md-p3  { padding: 20px; }
    .md-pt3  { padding-top: 20px; }
    .md-pb3  { padding-bottom: 20px; }
    .md-pl3  { padding-left: 20px; }
    .md-pr3  { padding-right: 20px; }
    .md-px3 { padding-left: 20px; padding-right: 20px; }
    .md-py3 { padding-top: 20px; padding-bottom: 20px; }
    .md-mn3  { margin: -20px; }
    .md-mxn3 { margin-left: -20px; margin-right: -20px; }
    .md-myn3 { margin-top: -20px; margin-bottom: -20px; }
    .md-mln3 { margin-left: -20px; }
    .md-mrn3 { margin-right: -20px; }
    .md-mtn3 { margin-top: -20px; }
    .md-mbn3 { margin-bottom: -20px; }

    .md-m4  { margin: 30px; }
    .md-mt4 { margin-top: 30px; }
    .md-mb4 { margin-bottom: 30px; }
    .md-ml4 { margin-left: 30px; }
    .md-mr4 { margin-right: 30px; }
    .md-p4  { padding: 30px; }
    .md-pt4  { padding-top: 30px; }
    .md-pb4  { padding-bottom: 30px; }
    .md-pl4  { padding-left: 30px; }
    .md-pr4  { padding-right: 30px; }
    .md-px4 { padding-left: 30px; padding-right: 30px; }
    .md-py4 { padding-top: 30px; padding-bottom: 30px; }
    .md-mn4  { margin: -30px; }
    .md-mxn4 { margin-left: -30px; margin-right: -30px; }
    .md-myn4 { margin-top: -30px; margin-bottom: -30px; }
    .md-mln4 { margin-left: -30px; }
    .md-mrn4 { margin-right: -30px; }
    .md-mtn4 { margin-top: -30px; }
    .md-mbn4 { margin-bottom: -30px; }

    .md-m5  { margin: 2.143rem; }
    .md-mt5 { margin-top: 2.143rem; }
    .md-mb5 { margin-bottom: 2.143rem; }
    .md-ml5 { margin-left: 2.143rem; }
    .md-mr5 { margin-right: 2.143rem; }
    .md-p5  { padding: 2.143rem; }
    .md-pt5  { padding-top: 2.143rem; }
    .md-pb5  { padding-bottom: 2.143rem; }
    .md-pl5  { padding-left: 2.143rem; }
    .md-pr5  { padding-right: 2.143rem; }
    .md-px5 { padding-left: 2.143rem; padding-right: 2.143rem; }
    .md-py5 { padding-top: 2.143rem; padding-bottom: 2.143rem; }
    .md-mn5  { margin: -2.143rem; }
    .md-mxn5 { margin-left: -2.143rem; margin-right: -2.143rem; }
    .md-myn5 { margin-top: -2.143rem; margin-bottom: -2.143rem; }
    .md-mln5 { margin-left: -2.143rem; }
    .md-mrn5 { margin-right: -2.143rem; }
    .md-mtn5 { margin-top: -2.143rem; }
    .md-mbn5 { margin-bottom: -2.143rem; }

    .md-m6  { margin: 2.857rem; }
    .md-mt6 { margin-top: 2.857rem; }
    .md-mb6 { margin-bottom: 2.857rem; }
    .md-ml6 { margin-left: 2.857rem; }
    .md-mr6 { margin-right: 2.857rem; }
    .md-p6  { padding: 2.857rem; }
    .md-pt6  { padding-top: 2.857rem; }
    .md-pb6  { padding-bottom: 2.857rem; }
    .md-pl6  { padding-left: 2.857rem; }
    .md-pr6  { padding-right: 2.857rem; }
    .md-px6 { padding-left: 2.857rem; padding-right: 2.857rem; }
    .md-py6 { padding-top: 2.857rem; padding-bottom: 2.857rem; }
    .md-mn6  { margin: -2.857rem; }
    .md-mxn6 { margin-left: -2.857rem; margin-right: -2.857rem; }
    .md-myn6 { margin-top: -2.857rem; margin-bottom: -2.857rem; }
    .md-mln6 { margin-left: -2.857rem; }
    .md-mrn6 { margin-right: -2.857rem; }
    .md-mtn6 { margin-top: -2.857rem; }
    .md-mbn6 { margin-bottom: -2.857rem; }

    .md-m7  { margin: 4.286rem; }
    .md-mt7 { margin-top: 4.286rem; }
    .md-mb7 { margin-bottom: 4.286rem; }
    .md-ml7 { margin-left: 4.286rem; }
    .md-mr7 { margin-right: 4.286rem; }
    .md-p7  { padding: 4.286rem; }
    .md-pt7  { padding-top: 4.286rem; }
    .md-pb7  { padding-bottom: 4.286rem; }
    .md-pl7  { padding-left: 4.286rem; }
    .md-pr7  { padding-right: 4.286rem; }
    .md-px7 { padding-left: 4.286rem; padding-right: 4.286rem; }
    .md-py7 { padding-top: 4.286rem; padding-bottom: 4.286rem; }
    .md-mn7  { margin: -4.286rem; }
    .md-mxn7 { margin-left: -4.286rem; margin-right: -4.286rem; }
    .md-myn7 { margin-top: -4.286rem; margin-bottom: -4.286rem; }
    .md-mln7 { margin-left: -4.286rem; }
    .md-mrn7 { margin-right: -4.286rem; }
    .md-mtn7 { margin-top: -4.286rem; }
    .md-mbn7 { margin-bottom: -4.286rem; }

    .md-m8  { margin: 6.429rem; }
    .md-mt8 { margin-top: 6.429rem; }
    .md-mb8 { margin-bottom: 6.429rem; }
    .md-ml8 { margin-left: 6.429rem; }
    .md-mr8 { margin-right: 6.429rem; }
    .md-p8  { padding: 6.429rem; }
    .md-pt8  { padding-top: 6.429rem; }
    .md-pb8  { padding-bottom: 6.429rem; }
    .md-pl8  { padding-left: 6.429rem; }
    .md-pr8  { padding-right: 6.429rem; }
    .md-px8 { padding-left: 6.429rem; padding-right: 6.429rem; }
    .md-py8 { padding-top: 6.429rem; padding-bottom: 6.429rem; }
    .md-mn8  { margin: -6.429rem; }
    .md-mxn8 { margin-left: -6.429rem; margin-right: -6.429rem; }
    .md-myn8 { margin-top: -6.429rem; margin-bottom: -6.429rem; }
    .md-mln8 { margin-left: -6.429rem; }
    .md-mrn8 { margin-right: -6.429rem; }
    .md-mtn8 { margin-top: -6.429rem; }
    .md-mbn8 { margin-bottom: -6.429rem; }

    .md-m9  { margin: 8.571rem; }
    .md-mt9 { margin-top: 8.571rem; }
    .md-mb9 { margin-bottom: 8.571rem; }
    .md-ml9 { margin-left: 8.571rem; }
    .md-mr9 { margin-right: 8.571rem; }
    .md-p9  { padding: 8.571rem; }
    .md-pt9  { padding-top: 8.571rem; }
    .md-pb9  { padding-bottom: 8.571rem; }
    .md-pl9  { padding-left: 8.571rem; }
    .md-pr9  { padding-right: 8.571rem; }
    .md-px9 { padding-left: 8.571rem; padding-right: 8.571rem; }
    .md-py9 { padding-top: 8.571rem; padding-bottom: 8.571rem; }
    .md-mn9  { margin: -8.571rem; }
    .md-mxn9 { margin-left: -8.571rem; margin-right: -8.571rem; }
    .md-myn9 { margin-top: -8.571rem; margin-bottom: -8.571rem; }
    .md-mln9 { margin-left: -8.571rem; }
    .md-mrn9 { margin-right: -8.571rem; }
    .md-mtn9 { margin-top: -8.571rem; }
    .md-mbn9 { margin-bottom: -8.571rem; }
}

@media (min-width: 1440px) {
    .lg-m0  { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; }
    .lg-p0  { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; }

    .lg-m1  { margin: 10px; }
    .lg-mt1 { margin-top: 10px; }
    .lg-mb1 { margin-bottom: 10px; }
    .lg-ml1 { margin-left: 10px; }
    .lg-mr1 { margin-right: 10px; }
    .lg-p1  { padding: 10px; }
    .lg-pt1  { padding-top: 10px; }
    .lg-pb1  { padding-bottom: 10px; }
    .lg-pl1  { padding-left: 10px; }
    .lg-pr1  { padding-right: 10px; }
    .lg-px1 { padding-left: 10px; padding-right: 10px; }
    .lg-py1 { padding-top: 10px; padding-bottom: 10px; }
    .lg-mn1  { margin: -10px; }
    .lg-mxn1 { margin-left: -10px; margin-right: 10px; }
    .lg-myn1 { margin-top: -10px; margin-bottom: -10px; }
    .lg-mln1 { margin-left: -10px; }
    .lg-mrn1 { margin-right: -10px; }
    .lg-mtn1 { margin-top: -10px; }
    .lg-mbn1 { margin-bottom: -10px; }

    .lg-m2  { margin: 15px; }
    .lg-mt2 { margin-top: 15px; }
    .lg-mb2 { margin-bottom: 15px; }
    .lg-ml2 { margin-left: 15px; }
    .lg-mr2 { margin-right: 15px; }
    .lg-p2  { padding: 15px; }
    .lg-pt2  { padding-top: 15px; }
    .lg-pb2  { padding-bottom: 15px; }
    .lg-pl2  { padding-left: 15px; }
    .lg-pr2  { padding-right: 15px; }
    .lg-px2 { padding-left: 15px; padding-right: 15px; }
    .lg-py2 { padding-top: 15px; padding-bottom: 15px; }
    .lg-mn2  { margin: -15px; }
    .lg-mxn2 { margin-left: -15px; margin-right: -15px; }
    .lg-myn2 { margin-top: -15px; margin-bottom: -15px; }
    .lg-mln2 { margin-left: -15px; }
    .lg-mrn2 { margin-right: -15px; }
    .lg-mtn2 { margin-top: -15px; }
    .lg-mbn2 { margin-bottom: -15px; }

    .lg-m3  { margin: 20px; }
    .lg-mt3 { margin-top: 20px; }
    .lg-mb3 { margin-bottom: 20px; }
    .lg-ml3 { margin-left: 20px; }
    .lg-mr3 { margin-right: 20px; }
    .lg-p3  { padding: 20px; }
    .lg-pt3  { padding-top: 20px; }
    .lg-pb3  { padding-bottom: 20px; }
    .lg-pl3  { padding-left: 20px; }
    .lg-pr3  { padding-right: 20px; }
    .lg-px3 { padding-left: 20px; padding-right: 20px; }
    .lg-py3 { padding-top: 20px; padding-bottom: 20px; }
    .lg-mn3  { margin: -20px; }
    .lg-mxn3 { margin-left: -20px; margin-right: -20px; }
    .lg-myn3 { margin-top: -20px; margin-bottom: -20px; }
    .lg-mln3 { margin-left: -20px; }
    .lg-mrn3 { margin-right: -20px; }
    .lg-mtn3 { margin-top: -20px; }
    .lg-mbn3 { margin-bottom: -20px; }

    .lg-m4  { margin: 30px; }
    .lg-mt4 { margin-top: 30px; }
    .lg-mb4 { margin-bottom: 30px; }
    .lg-ml4 { margin-left: 30px; }
    .lg-mr4 { margin-right: 30px; }
    .lg-p4  { padding: 30px; }
    .lg-pt4  { padding-top: 30px; }
    .lg-pb4  { padding-bottom: 30px; }
    .lg-pl4  { padding-left: 30px; }
    .lg-pr4  { padding-right: 30px; }
    .lg-px4 { padding-left: 30px; padding-right: 30px; }
    .lg-py4 { padding-top: 30px; padding-bottom: 30px; }
    .lg-mn4  { margin: -30px; }
    .lg-mxn4 { margin-left: -30px; margin-right: -30px; }
    .lg-myn4 { margin-top: -30px; margin-bottom: -30px; }
    .lg-mln4 { margin-left: -30px; }
    .lg-mrn4 { margin-right: -30px; }
    .lg-mtn4 { margin-top: -30px; }
    .lg-mbn4 { margin-bottom: -30px; }

    .lg-m5  { margin: 2.143rem; }
    .lg-mt5 { margin-top: 2.143rem; }
    .lg-mb5 { margin-bottom: 2.143rem; }
    .lg-ml5 { margin-left: 2.143rem; }
    .lg-mr5 { margin-right: 2.143rem; }
    .lg-p5  { padding: 2.143rem; }
    .lg-pt5  { padding-top: 2.143rem; }
    .lg-pb5  { padding-bottom: 2.143rem; }
    .lg-pl5  { padding-left: 2.143rem; }
    .lg-pr5  { padding-right: 2.143rem; }
    .lg-px5 { padding-left: 2.143rem; padding-right: 2.143rem; }
    .lg-py5 { padding-top: 2.143rem; padding-bottom: 2.143rem; }
    .lg-mn5  { margin: -2.143rem; }
    .lg-mxn5 { margin-left: -2.143rem; margin-right: -2.143rem; }
    .lg-myn5 { margin-top: -2.143rem; margin-bottom: -2.143rem; }
    .lg-mln5 { margin-left: -2.143rem; }
    .lg-mrn5 { margin-right: -2.143rem; }
    .lg-mtn5 { margin-top: -2.143rem; }
    .lg-mbn5 { margin-bottom: -2.143rem; }

    .lg-m7  { margin: 2.857rem; }
    .lg-mt6 { margin-top: 2.857rem; }
    .lg-mb6 { margin-bottom: 2.857rem; }
    .lg-ml6 { margin-left: 2.857rem; }
    .lg-mr6 { margin-right: 2.857rem; }
    .lg-p6  { padding: 2.857rem; }
    .lg-pt6  { padding-top: 2.857rem; }
    .lg-pb6  { padding-bottom: 2.857rem; }
    .lg-pl6  { padding-left: 2.857rem; }
    .lg-pr6  { padding-right: 2.857rem; }
    .lg-px6 { padding-left: 2.857rem; padding-right: 2.857rem; }
    .lg-py6 { padding-top: 2.857rem; padding-bottom: 2.857rem; }
    .lg-mn6  { margin: -2.857rem; }
    .lg-mxn6 { margin-left: -2.857rem; margin-right: -2.857rem; }
    .lg-myn6 { margin-top: -2.857rem; margin-bottom: -2.857rem; }
    .lg-mln6 { margin-left: -2.857rem; }
    .lg-mrn6 { margin-right: -2.857rem; }
    .lg-mtn6 { margin-top: -2.857rem; }
    .lg-mbn6 { margin-bottom: -2.857rem; }

    .lg-m7  { margin: 4.286rem; }
    .lg-mt7 { margin-top: 4.286rem; }
    .lg-mb7 { margin-bottom: 4.286rem; }
    .lg-ml7 { margin-left: 4.286rem; }
    .lg-mr7 { margin-right: 4.286rem; }
    .lg-p7  { padding: 4.286rem; }
    .lg-pt7  { padding-top: 4.286rem; }
    .lg-pb7  { padding-bottom: 4.286rem; }
    .lg-pl7  { padding-left: 4.286rem; }
    .lg-pr7  { padding-right: 4.286rem; }
    .lg-px7 { padding-left: 4.286rem; padding-right: 4.286rem; }
    .lg-py7 { padding-top: 4.286rem; padding-bottom: 4.286rem; }
    .lg-mn7  { margin: -4.286rem; }
    .lg-mxn7 { margin-left: -4.286rem; margin-right: -4.286rem; }
    .lg-myn7 { margin-top: -4.286rem; margin-bottom: -4.286rem; }
    .lg-mln7 { margin-left: -4.286rem; }
    .lg-mrn7 { margin-right: -4.286rem; }
    .lg-mtn7 { margin-top: -4.286rem; }
    .lg-mbn7 { margin-bottom: -4.286rem; }

    .lg-m8  { margin: 6.429rem; }
    .lg-mt8 { margin-top: 6.429rem; }
    .lg-mb8 { margin-bottom: 6.429rem; }
    .lg-ml8 { margin-left: 6.429rem; }
    .lg-mr8 { margin-right: 6.429rem; }
    .lg-p8  { padding: 6.429rem; }
    .lg-pt8  { padding-top: 6.429rem; }
    .lg-pb8  { padding-bottom: 6.429rem; }
    .lg-pl8  { padding-left: 6.429rem; }
    .lg-pr8  { padding-right: 6.429rem; }
    .lg-px8 { padding-left: 6.429rem; padding-right: 6.429rem; }
    .lg-py8 { padding-top: 6.429rem; padding-bottom: 6.429rem; }
    .lg-mn8  { margin: -6.429rem; }
    .lg-mxn8 { margin-left: -6.429rem; margin-right: -6.429rem; }
    .lg-myn8 { margin-top: -6.429rem; margin-bottom: -6.429rem; }
    .lg-mln8 { margin-left: -6.429rem; }
    .lg-mrn8 { margin-right: -6.429rem; }
    .lg-mtn8 { margin-top: -6.429rem; }
    .lg-mbn8 { margin-bottom: -6.429rem; }

    .lg-m9  { margin: 8.571rem; }
    .lg-mt9 { margin-top: 8.571rem; }
    .lg-mb9 { margin-bottom: 8.571rem; }
    .lg-ml9 { margin-left: 8.571rem; }
    .lg-mr9 { margin-right: 8.571rem; }
    .lg-p9  { padding: 8.571rem; }
    .lg-pt9  { padding-top: 8.571rem; }
    .lg-pb9  { padding-bottom: 8.571rem; }
    .lg-pl9  { padding-left: 8.571rem; }
    .lg-pr9  { padding-right: 8.571rem; }
    .lg-px9 { padding-left: 8.571rem; padding-right: 8.571rem; }
    .lg-py9 { padding-top: 8.571rem; padding-bottom: 8.571rem; }
    .lg-mn9  { margin: -8.571rem; }
    .lg-mxn9 { margin-left: -8.571rem; margin-right: -8.571rem; }
    .lg-myn9 { margin-top: -8.571rem; margin-bottom: -8.571rem; }
    .lg-mln9 { margin-left: -8.571rem; }
    .lg-mrn9 { margin-right: -8.571rem; }
    .lg-mtn9 { margin-top: -8.571rem; }
    .lg-mbn9 { margin-bottom: -8.571rem; }
}

@font-face {
    font-family: "akzidenz";
    src: url("../fonts/akzidenz-grotesk-regular.woff2") format("woff2");
}

@font-face {
    font-family: "akzidenz condensed";
    src: url("../fonts/akzidenz.woff") format("woff");
}

@font-face {
    font-family: "helvetica condensed";
    src: url("../fonts/helvetica-condensed-bold.woff") format("woff");
}

html {
    font-size: 14px;
    height: 100%;
    width: 100%;
}

@media (min-width: 1100px) {
    html {
        font-size: 14px;
    }
}

body {
    height: 100%;
    width: 100%;
    font-size: 1rem;
    font-family: "akzidenz", Helvetica, Arial, sans-serif;
  	font-variant: normal;
  	font-weight: 400;
  	line-height: 1.5 !important;
    overflow-x: hidden;
}

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

/* TYPE */

h1, .h1, h2, .h2 {
    margin-top: 0;
    margin-bottom: 0;
	font-size: 24px;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
}

p, .p {
	font-size: 14px;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

blockquote, .blockquote {
	font-size: 21px;
	font-variant: normal;
	font-weight: 400;
	line-height: 30px;
}

pre, .pre {
	font-size: 13px;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.5714px;
}

a, a:hover, a:visited, a:focus, a:link, a:active {
    color: #111111;
    text-decoration: none;
}

.zn1 {
    z-index: -1;
}

.crossed {
    background: url('data:image/svg+xml;utf8,<svg id="Layer_1" preserveAspectRatio="none" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600.83 900.55"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;}</style></defs><title>backgorund_cross</title><line class="cls-1" x1="0.42" y1="0.28" x2="600.42" y2="900.28"/><line class="cls-1" x1="600.42" y1="0.28" x2="0.42" y2="900.28"/></svg>');
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
}

.max-height-100 {
    max-height: 100vh;
}

.max-width-100 {
    max-width: 100%;
}

.table {
    display: table;
    padding:0;
    margin: 0;
    height: 100vh;
    width: 100%;
    vertical-align: middle;
}

.tr {
    display: table-row;
    padding:0;
    margin: 0;
    max-width:100vw;
    max-height:100vh;
}

.td {
    display: table-cell;
    padding: 0;
    margin: 0;
    max-width:100vw;
    max-height:100vh;
    text-align:center;
    vertical-align: middle;
}

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

.tr:hover .td-1{
    -webkit-transform: translateX(-14px);
    -ms-transform: translateX(-14px);
        transform: translateX(-14px);
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.td-2{
    text-align: left;
    -webkit-transform: translateX(-1px);
    -ms-transform: translateX(-1px);
        transform: translateX(-1px);
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.tr:hover .td-2{
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
        transform: translateX(19px);
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.center-carousel-img {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width:50vw;
    padding: 0;
    margin: 0;
    max-height: calc(100vh - 20px);
}

.object-fit-cover {
    -o-object-fit: cover;
       object-fit: cover;
}

.marquee {
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;  /* show the marquee just outside the paragraph */
    -webkit-animation: marquee 15s linear infinite;
            animation: marquee 15s linear infinite;
}

.marquee span:hover {
    -webkit-animation-play-state: paused;
            animation-play-state: paused
}

/* Make it move */

@-webkit-keyframes marquee {
    0%   { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    100% { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); }
}

@keyframes marquee {
    0%   { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    100% { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); }
}

.transition-opacity {
    -webkit-transition: opacity .3s cubic-bezier(.45,.65,.34,.96);
    -o-transition: opacity .3s cubic-bezier(.45,.65,.34,.96);
    transition: opacity .3s cubic-bezier(.45,.65,.34,.96);
}

.hover-fade:hover {
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.45,.65,.34,.96);
    -o-transition: opacity .3s cubic-bezier(.45,.65,.34,.96);
    transition: opacity .3s cubic-bezier(.45,.65,.34,.96);
}

.title-story-credit{
  color: #e00505;
  margin-top: 90px;
  text-transform: uppercase;
  margin-left: 18px;
  z-index: -1;
  font-family: "helvetica condensed";
}

.title-story-credit h1,
.title-story-credit h2{
  font-size: 38px !important;
  line-height: .9;
}

.container--story-items{
  margin-top: 110px;
}

.col-right .image-credit{
  margin-left: -1px;
}

.container--stories{
  background: #f33;
  margin-top: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 50px !important;
}

.card-listing-page{
  padding: 5px;
}

/*.hover-line-through:hover {
    text-decoration: line-through;
}*/

.cursor-pointer:hover {
    cursor: pointer;
}

.v-centre {
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
            transform:translateY(-50%)
}

.inactive-link {
    pointer-events: none;
    text-decoration: line-through;
}

.xx-large {
	font-size: 100px;
}

@media (min-width: 1100px) {
	.xx-large {
		font-size: 150px;
	}
}

.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 1;
}

.link-prev,
.link-next{
  background-color: #fff;
  display: block;
}

.link-prev .skew,
.link-next .skew{
  -webkit-transform: skewX(0deg);
  -ms-transform: skewX(0deg);
      transform: skewX(0deg);

  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.link-prev:hover .skew,
.link-next:hover .skew{
  -webkit-transform: skewX(35deg);
  -ms-transform: skewX(35deg);
      transform: skewX(35deg);

  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.link-next .border{
  border-left: none;
}

.hover-skew{
  -webkit-transform: skewX(0);
  -ms-transform: skewX(0);
      transform: skewX(0);

  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.hover-skew:hover{
  -webkit-transform: skewX(35deg);
  -ms-transform: skewX(35deg);
      transform: skewX(35deg);

  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.container-menu{
  margin-top: -1px;
  width: calc(50% - 19px);
}

.hover-card{
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.break-line {
    white-space: pre-line;
}

.limit-line-length {
    max-width: 40rem;
}

.text-story {
    min-height: auto
}

.grid-about{
  z-index: -999;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

@media (min-width: 1100px) {
    .text-story {
        min-height: 300px;
    }
}

::-webkit-selection {
    color: red;
    background: transparent;
}

::-moz-selection { /* Code for Firefox */
    color: red;
    background: transparent;
}

::selection {
    color: red;
    background: transparent;
}