/*******************************************************************************
  *
  *  ██╗      ███╗   ██╗      ██████╗       ██╗       ██████╗        ██████╗
  *  ██║      ████╗  ██║      ██╔══██╗      ██║      ██╔════╝       ██╔═══██╗
  *  ██║      ██╔██╗ ██║      ██║  ██║      ██║      ██║  ███╗      ██║   ██║
  *  ██║      ██║╚██╗██║      ██║  ██║      ██║      ██║   ██║      ██║   ██║
  *  ██║      ██║ ╚████║      ██████╔╝      ██║      ╚██████╔╝      ╚██████╔╝
  *  ╚═╝      ╚═╝  ╚═══╝      ╚═════╝       ╚═╝       ╚═════╝        ╚═════╝
  *
  * 0.1.1
  * https://github.com/urbit/Indigo#readme
  * git+https://github.com/urbit/Indigo.git
  * Bugs: https://github.com/urbit/Indigo/issues
  * License: MIT
  * Timestamp: Tue Jul 09 2019 13:26:50 GMT-0700 (Pacific Daylight Time)
  *******************************************************************************/
/**********************
Color variables
**********************/
/*! normalize.css v8.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 iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * 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
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  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
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * 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 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
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
/* 2 */ }

/**
 *
 * Allow input to flex properly
 *
 */
input {
  min-width: 0;
}

/**
 * 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; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * 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 {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  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 in Chrome and Safari on macOS.
 */
[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 Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

button {
  border-style: none; }

* {
  -webkit-font-smoothing: antialiased; }

body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji";
  color: #000000; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin: 0;
  padding: 0; }

a {
  color: #000000;
  text-decoration: none; }

h1,
.f1 {
  font-size: 3rem;
  line-height: 1.33333;
  font-weight: 400; }

h2,
.f2 {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 400; }

h3,
.f3 {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 400; }

h4,
.f4 {
  font-size: 1.25rem;
  line-height: 1.33333;
  font-weight: 400; }

h5,
p,
.f5 {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400; }

caption,
.f6 {
  font-size: 0.75rem;
  line-height: 1.33333;
  font-weight: 400; }

.f7 {
  font-size: 0.5rem;
  line-height: 1.33333;
  font-weight: 400; }

@media only screen and (min-width: 550px) {
  .f1-ns {
    font-size: 3rem;
    line-height: 1.33333;
    font-weight: 400; }
  .f2-ns {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 400; }
  .f3-ns {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 400; }
  .f4-ns {
    font-size: 1.25rem;
    line-height: 1.33333;
    font-weight: 400; }
  .f5-ns {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400; }
  .f6-ns {
    font-size: 0.75rem;
    line-height: 1.33333;
    font-weight: 400; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .f1-md {
    font-size: 3rem;
    line-height: 1.33333;
    font-weight: 400; }
  .f2-md {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 400; }
  .f3-md {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 400; }
  .f4-md {
    font-size: 1.25rem;
    line-height: 1.33333;
    font-weight: 400; }
  .f5-md {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400; }
  .f6-md {
    font-size: 0.75rem;
    line-height: 1.33333;
    font-weight: 400; } }

@media only screen and (min-width: 960px) {
  .f1-lg {
    font-size: 3rem;
    line-height: 1.33333;
    font-weight: 400; }
  .f2-lg {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 400; }
  .f3-lg {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 400; }
  .f4-lg {
    font-size: 1.25rem;
    line-height: 1.33333;
    font-weight: 400; }
  .f5-lg {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400; }
  .f6-lg {
    font-size: 0.75rem;
    line-height: 1.33333;
    font-weight: 400; } }

.lh-short {
  line-height: 1.33333; }

.lh-regular {
  line-height: 1.5; }

.lh-tall {
  line-height: 1.66667; }

@media only screen and (min-width: 550px) {
  .lh-short-ns {
    line-height: 1.33333; }
  .lh-regular-ns {
    line-height: 1.5; }
  .lh-tall-ns {
    line-height: 1.66667; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .lh-short-md {
    line-height: 1.33333; }
  .lh-regular-md {
    line-height: 1.5; }
  .lh-tall-md {
    line-height: 1.66667; } }

@media only screen and (min-width: 960px) {
  .lh-short-lg {
    line-height: 1.33333; }
  .lh-regular-lg {
    line-height: 1.5; }
  .lh-tall-lg {
    line-height: 1.66667; } }

.fw-thin {
  font-weight: 200; }

.fw-regular {
  font-weight: 400; }

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

.fw-bolder {
  font-weight: 700; 
}

@media only screen and (min-width: 550px) {
  .fw-thin-ns {
    font-weight: 200; }
  .fw-regular-ns {
    font-weight: 400; }
  .fw-bold-ns {
    font-weight: 600; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .fw-thin-md {
    font-weight: 200; }
  .fw-regular-md {
    font-weight: 400; }
  .fw-bold-md {
    font-weight: 600; } }

@media only screen and (min-width: 960px) {
  .fw-thin-lg {
    font-weight: 200; }
  .fw-regular-lg {
    font-weight: 400; }
  .fw-bold-lg {
    font-weight: 600; } }

.md h1 {
  font-size: 3rem;
  line-height: 1.33333;
  font-weight: 600;
  margin: 48px 0; }

.md h2 {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 600;
  margin: 32px 0; }

.md h3 {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 600;
  margin: 24px 0; }

.md h4 {
  font-size: 1.25rem;
  line-height: 1.33333;
  font-weight: 600;
  margin: 20px 0; }

.md h5 {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  margin: 32px 0; }

.md p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  margin: 32px 0; }

.md caption {
  font-size: 0.75rem;
  line-height: 1.33333;
  font-weight: 400;
  margin: 16px 0; }

.md code {
  font-family: Source Code Pro;
  background-color: #e6e6e6;
  padding: 4px;
  border-radius: 1px; }

.md a {
  text-decoration: underline; }

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.indent {
  text-indent: 2em;
  margin-top: 0;
  margin-bottom: 0; }

@media only screen and (min-width: 550px) {
  .truncate-ns {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .indent-ns {
    text-indent: 2em;
    margin-top: 0;
    margin-bottom: 0; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .truncate-md {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .indent-md {
    text-indent: 2em;
    margin-top: 0;
    margin-bottom: 0; } }

@media only screen and (min-width: 960px) {
  .truncate-lg {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .indent-lg {
    text-indent: 2em;
    margin-top: 0;
    margin-bottom: 0; } }

.measure-narrow {
  max-width: 20rem; }

.measure {
  max-width: 30rem; }

.measure-wide {
  max-width: 34rem; }

@media only screen and (min-width: 550px) {
  .measure-narrow-ns {
    max-width: 20rem; }
  .measure-ns {
    max-width: 30rem; }
  .measure-wide-ns {
    max-width: 34rem; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .measure-narrow-md {
    max-width: 20rem; }
  .measure-md {
    max-width: 30rem; }
  .measure-wide-md {
    max-width: 34rem; } }

@media only screen and (min-width: 960px) {
  .measure-narrow-lg {
    max-width: 20rem; }
  .measure-lg {
    max-width: 30rem; }
  .measure-wide-lg {
    max-width: 34rem; } }

.sans {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji"; }

.mono {
  font-family: "Source Code Pro", "Roboto mono", "Courier New", monospace; }

.italic,
.i {
  font-style: italic; }

.fs-normal {
  font-style: normal; }

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

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

.t-justified {
  text-align: justify; }

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

@media only screen and (min-width: 550px) {
  .t-left-ns {
    text-align: left; }
  .t-center-ns {
    text-align: center; }
  .t-justified-ns {
    text-align: justify; }
  .t-right-ns {
    text-align: right; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .t-left-md {
    text-align: left; }
  .t-center-md {
    text-align: center; }
  .t-justified-md {
    text-align: justify; }
  .t-right-md {
    text-align: right; } }

@media only screen and (min-width: 960px) {
  .t-left-lg {
    text-align: left; }
  .t-center-lg {
    text-align: center; }
  .t-justified-lg {
    text-align: justify; }
  .t-right-lg {
    text-align: right; } }

.underline {
  text-decoration: underline; }

.strikethrough {
  text-decoration: line-through; }

.no-underline {
  text-decoration: none; }

.ttc,
.capitalize {
  text-transform: capitalize; }

.ttl,
.lowercase {
  text-transform: lowercase; }

.ttu,
.uppercase {
  text-transform: uppercase; }

.ttn {
  text-transform: none; }

.ws-normal {
  white-space: normal; }

.nowrap {
  white-space: nowrap; }

.pre {
  white-space: pre; }

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

@media only screen and (min-width: 550px) {
  .ws-normal-ns {
    white-space: normal; }
  .nowrap-ns {
    white-space: nowrap; }
  .pre-ns {
    white-space: pre; }
  .wrap-ns {
    word-break: break-word; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .ws-normal-md {
    white-space: normal; }
  .nowrap-md {
    white-space: nowrap; }
  .pre-md {
    white-space: pre; }
  .wrap-md {
    word-break: break-word; } }

@media only screen and (min-width: 960px) {
  .ws-normal-lg {
    white-space: normal; }
  .nowrap-lg {
    white-space: nowrap; }
  .pre-lg {
    white-space: pre; }
  .wrap-lg {
    word-break: break-word; } }

/*******************************************************************************
  Border Radius
*******************************************************************************/
.r0 {
  border-radius: 0px; }

.r1 {
  border-radius: 1px; }

.r2 {
  border-radius: 2px; }

.r4 {
  border-radius: 4px; }

.r8 {
  border-radius: 8px; }

.r16 {
  border-radius: 16px; }

.r24 {
  border-radius: 24px; }

.r32 {
  border-radius: 32px; }

.r-full {
  border-radius: 9999px; }


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

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

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

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

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

.b2 {
  border-style: solid;
  border-width: 2px; }

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

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

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

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

.b3 {
  border-style: solid;
  border-width: 3px; }

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

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

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

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

.b4 {
  border-style: solid;
  border-width: 4px; }

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

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

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

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

.b0 {
  border-style: none;
  border-width: 0px; }

.bt0 {
  border-top-style: none;
  border-top-width: 0px; }

.br0 {
  border-right-style: none;
  border-right-width: 0px; }

.bb0 {
  border-bottom-style: none;
  border-bottom-width: 0px; }

.bl0 {
  border-left-style: none;
  border-left-width: 0px; }

.b {
  border-style: solid; }

.b-hidden {
  border-style: hidden; }

.b-dotted {
  border-style: dotted; }

.b-dashed {
  border-style: dashed; }

.b-none {
  border-style: none;
  border-width: 0; }

.b-blue4 {
  border-color: #190d7b; }

.b-blue3 {
  border-color: #4330fc; }

.b-blue2 {
  border-color: #b0c7ff; }

.b-blue1 {
  border-color: #ecf6ff; }

.b-red4 {
  border-color: #c10d30; }

.b-red3 {
  border-color: #ee5432; }

.b-red2 {
  border-color: #ffa073; }

.b-red1 {
  border-color: #f9d6ce; }

.b-green4 {
  border-color: #286e55; }

.b-green3 {
  border-color: #2aa779; }

.b-green2 {
  border-color: #2ed196; }

.b-green1 {
  border-color: #bdebcc; }

.b-yellow4 {
  border-color: #ee892b; }

.b-yellow3 {
  border-color: #fcc440; }

.b-yellow2 {
  border-color: #ffd972; }

.b-yellow1 {
  border-color: #ffefc5; }

.b-transparent {
  border-color: rgba(0, 0, 0, 0); }

.b-black {
  border-color: #000000; }

.b-gray6 {
  border-color: #333333; }

.b-gray5 {
  border-color: #4d4d4d; }

.b-gray4 {
  border-color: #7f7f7f; }

.b-gray3 {
  border-color: #b1b2b3; }

.b-gray2 {
  border-color: #e6e6e6; }

.b-gray1 {
  border-color: #f9f9f9; }

.b-white {
  border-color: #ffffff; }

.bg-blue4 {
  background-color: #190d7b; }

.bg-blue3 {
  background-color: #4330fc; }

.bg-blue2 {
  background-color: #b0c7ff; }

.bg-blue1 {
  background-color: #ecf6ff; }

.bg-red6 {
  background-color: #FF4136;
}

.bg-red5 {
  background-color: #FFC6C3;
}

.bg-red4 {
  background-color: #c10d30; }

.bg-red3 {
  background-color: #ee5432; }

.bg-red2 {
  background-color: #ffa073; }

.bg-red1 {
  background-color: #f9d6ce; }

.bg-green4 {
  background-color: #286e55; }

.bg-green3 {
  background-color: #2aa779; }

.bg-green2 {
  background-color: #2ed196; }

.bg-green1 {
  background-color: #bdebcc; }

.bg-yellow4 {
  background-color: #ee892b; }

.bg-yellow3 {
  background-color: #fcc440; }

.bg-yellow2 {
  background-color: #ffd972; }

.bg-yellow1 {
  background-color: #ffefc5; }

.bg-transparent {
  background-color: rgba(0, 0, 0, 0); }

.bg-black {
  background-color: #000000; }

.bg-gray6 {
  background-color: #333333; }

.bg-gray5 {
  background-color: #4d4d4d; }

.bg-gray4 {
  background-color: #7f7f7f; }

.bg-gray3 {
  background-color: #b1b2b3; }

.bg-gray2 {
  background-color: #e6e6e6; }

.bg-gray1 {
  background-color: #f9f9f9; }

.bg-white {
  background-color: #ffffff; }

.blue4 {
  color: #190d7b; }

.blue3 {
  color: #4330fc; }

.blue2 {
  color: #b0c7ff; }

.blue1 {
  color: #ecf6ff; }

.red5 {
  color: #FF4136;
}

.red4 {
  color: #c10d30; }

.red3 {
  color: #ee5432; }

.red2 {
  color: #ffa073; }

.red1 {
  color: #f9d6ce; }

.green4 {
  color: #286e55; }

.green3 {
  color: #2aa779; }

.green2 {
  color: #2ed196; }

.green1 {
  color: #bdebcc; }

.yellow4 {
  color: #ee892b; }

.yellow3 {
  color: #fcc440; }

.yellow2 {
  color: #ffd972; }

.yellow1 {
  color: #ffefc5; }

.transparent {
  color: rgba(0, 0, 0, 0); }

.black {
  color: #000000; }

.gray6 {
  color: #333333; }

.gray5 {
  color: #4d4d4d; }

.gray4 {
  color: #7f7f7f; }

.gray3 {
  color: #b1b2b3; }

.gray2 {
  color: #e6e6e6; }

.gray1 {
  color: #f9f9f9; }

.white {
  color: #ffffff; }

/*******************************************************************************
  Grid and Layout
*******************************************************************************/
.frame-left {
  max-width: 1024px;
  margin: 0;
  padding: 0; }

.frame-center {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 auto; }

.row {
  display: flex; }

.col {
  width: 100%; }

/*******************************************************************************
  Display
*******************************************************************************/
.block {
  display: block; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.none {
  display: none; }

.grid {
  display: grid; }

.table {
  display: table; }

@media only screen and (min-width: 550px) {
  .block-ns {
    display: block; }
  .inline-ns {
    display: inline; }
  .inline-block-ns {
    display: inline-block; }
  .none-ns {
    display: none; }
  .grid-ns {
    display: grid; }
  .table-ns {
    display: table; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .block-md {
    display: block; }
  .inline-md {
    display: inline; }
  .inline-block-md {
    display: inline-block; }
  .none-md {
    display: none; }
  .grid-md {
    display: grid; }
  .table-md {
    display: table; } }

@media only screen and (min-width: 960px) {
  .block-lg {
    display: block; }
  .inline-lg {
    display: inline; }
  .inline-block-lg {
    display: inline-block; }
  .none-lg {
    display: none; }
  .grid-lg {
    display: grid; }
  .table-lg {
    display: table; } }

.debug body {
  outline: 1px solid #2980b9 !important; }

.debug article {
  outline: 1px solid #3498db !important; }

.debug nav {
  outline: 1px solid #0088c3 !important; }

.debug aside {
  outline: 1px solid #33a0ce !important; }

.debug section {
  outline: 1px solid #66b8da !important; }

.debug header {
  outline: 1px solid #99cfe7 !important; }

.debug footer {
  outline: 1px solid #cce7f3 !important; }

.debug h1 {
  outline: 1px solid #162544 !important; }

.debug h2 {
  outline: 1px solid #314e6e !important; }

.debug h3 {
  outline: 1px solid #3e5e85 !important; }

.debug h4 {
  outline: 1px solid #449baf !important; }

.debug h5 {
  outline: 1px solid #c7d1cb !important; }

.debug h6 {
  outline: 1px solid #4371d0 !important; }

.debug main {
  outline: 1px solid #2f4f90 !important; }

.debug address {
  outline: 1px solid #1a2c51 !important; }

.debug div {
  outline: 1px solid #036cdb !important; }

.debug p {
  outline: 1px solid #ac050b !important; }

.debug hr {
  outline: 1px solid #ff063f !important; }

.debug pre {
  outline: 1px solid #850440 !important; }

.debug blockquote {
  outline: 1px solid #f1b8e7 !important; }

.debug ol {
  outline: 1px solid #ff050c !important; }

.debug ul {
  outline: 1px solid #d90416 !important; }

.debug li {
  outline: 1px solid #d90416 !important; }

.debug dl {
  outline: 1px solid #fd3427 !important; }

.debug dt {
  outline: 1px solid #ff0043 !important; }

.debug dd {
  outline: 1px solid #e80174 !important; }

.debug figure {
  outline: 1px solid #ff00bb !important; }

.debug figcaption {
  outline: 1px solid #bf0032 !important; }

.debug table {
  outline: 1px solid #00cc99 !important; }

.debug caption {
  outline: 1px solid #37ffc4 !important; }

.debug thead {
  outline: 1px solid #98daca !important; }

.debug tbody {
  outline: 1px solid #64a7a0 !important; }

.debug tfoot {
  outline: 1px solid #22746b !important; }

.debug tr {
  outline: 1px solid #86c0b2 !important; }

.debug th {
  outline: 1px solid #a1e7d6 !important; }

.debug td {
  outline: 1px solid #3f5a54 !important; }

.debug col {
  outline: 1px solid #6c9a8f !important; }

.debug colgroup {
  outline: 1px solid #6c9a9d !important; }

.debug button {
  outline: 1px solid #da8301 !important; }

.debug datalist {
  outline: 1px solid #c06000 !important; }

.debug fieldset {
  outline: 1px solid #d95100 !important; }

.debug form {
  outline: 1px solid #d23600 !important; }

.debug input {
  outline: 1px solid #fca600 !important; }

.debug keygen {
  outline: 1px solid #b31e00 !important; }

.debug label {
  outline: 1px solid #ee8900 !important; }

.debug legend {
  outline: 1px solid #de6d00 !important; }

.debug meter {
  outline: 1px solid #e8630c !important; }

.debug optgroup {
  outline: 1px solid #b33600 !important; }

.debug option {
  outline: 1px solid #ff8a00 !important; }

.debug output {
  outline: 1px solid #ff9619 !important; }

.debug progress {
  outline: 1px solid #e57c00 !important; }

.debug select {
  outline: 1px solid #e26e0f !important; }

.debug textarea {
  outline: 1px solid #cc5400 !important; }

.debug details {
  outline: 1px solid #33848f !important; }

.debug summary {
  outline: 1px solid #60a1a6 !important; }

.debug command {
  outline: 1px solid #438da1 !important; }

.debug menu {
  outline: 1px solid #449da6 !important; }

.debug del {
  outline: 1px solid #bf0000 !important; }

.debug ins {
  outline: 1px solid #400000 !important; }

.debug img {
  outline: 1px solid #22746b !important; }

.debug iframe {
  outline: 1px solid #64a7a0 !important; }

.debug embed {
  outline: 1px solid #98daca !important; }

.debug object {
  outline: 1px solid #00cc99 !important; }

.debug param {
  outline: 1px solid #37ffc4 !important; }

.debug video {
  outline: 1px solid #6ee866 !important; }

.debug audio {
  outline: 1px solid #027353 !important; }

.debug source {
  outline: 1px solid #012426 !important; }

.debug canvas {
  outline: 1px solid #a2f570 !important; }

.debug track {
  outline: 1px solid #59a600 !important; }

.debug map {
  outline: 1px solid #7be500 !important; }

.debug area {
  outline: 1px solid #305900 !important; }

.debug a {
  outline: 1px solid #ff62ab !important; }

.debug em {
  outline: 1px solid #800b41 !important; }

.debug strong {
  outline: 1px solid #ff1583 !important; }

.debug i {
  outline: 1px solid #803156 !important; }

.debug b {
  outline: 1px solid #cc1169 !important; }

.debug u {
  outline: 1px solid #ff0430 !important; }

.debug s {
  outline: 1px solid #f805e3 !important; }

.debug small {
  outline: 1px solid #d107b2 !important; }

.debug abbr {
  outline: 1px solid #4a0263 !important; }

.debug q {
  outline: 1px solid #240018 !important; }

.debug cite {
  outline: 1px solid #64003c !important; }

.debug dfn {
  outline: 1px solid #b4005a !important; }

.debug sub {
  outline: 1px solid #dba0c8 !important; }

.debug sup {
  outline: 1px solid #cc0256 !important; }

.debug time {
  outline: 1px solid #d6606d !important; }

.debug code {
  outline: 1px solid #e04251 !important; }

.debug kbd {
  outline: 1px solid #5e001f !important; }

.debug samp {
  outline: 1px solid #9c0033 !important; }

.debug var {
  outline: 1px solid #d90047 !important; }

.debug mark {
  outline: 1px solid #ff0053 !important; }

.debug bdi {
  outline: 1px solid #bf3668 !important; }

.debug bdo {
  outline: 1px solid #6f1400 !important; }

.debug ruby {
  outline: 1px solid #ff7b93 !important; }

.debug rt {
  outline: 1px solid #ff2f54 !important; }

.debug rp {
  outline: 1px solid #803e49 !important; }

.debug span {
  outline: 1px solid #cc2643 !important; }

.debug br {
  outline: 1px solid #db687d !important; }

.debug wbr {
  outline: 1px solid #db175b !important; }

/*******************************************************************************
  Flexbox
*******************************************************************************/
.flex {
  display: flex; }

.flex-row {
  display: flex;
  flex-direction: row; }

.flex-row-r {
  display: flex;
  flex-direction: row-reverse; }

.flex-col {
  display: flex;
  flex-direction: column; }

.flex-col-r {
  display: flex;
  flex-direction: column-reverse; }

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

.align-start {
  align-items: flex-start; }

.align-end {
  align-items: flex-end; }

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

.align-baseline {
  align-items: baseline; }

.align-stretch {
  align-items: stretch; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.justify-center {
  justify-content: center; }

.justify-between {
  justify-content: space-between; }

.justify-around {
  justify-content: space-around; }

.justify-evenly {
  justify-content: space-evenly;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center; }

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

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

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

.align-self-baseline {
  align-self: baseline; }

.align-self-stretch {
  align-self: stretch; }

.justify-self-start {
  justify-self: flex-start; }

.justify-self-end {
  justify-self: flex-end; }

.justify-self-center {
  justify-self: center; }

.justify-self-baseline {
  justify-self: baseline; }

.align-self-stretch {
  align-self: stretch; }

.content-start {
  align-content: flex-start; }

.content-end {
  align-content: flex-end; }

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

.content-between {
  align-content: space-between; }

.content-around {
  align-content: space-around; }

.content-stretch {
  align-content: stretch; }

@media only screen and (min-width: 550px) {
  .flex-ns {
    display: flex; }
  .flex-row-ns {
    flex-direction: row; }
  .flex-row-r-ns {
    flex-direction: row-reverse; }
  .flex-col-ns {
    flex-direction: column; }
  .flex-col-r-ns {
    flex-direction: column-reverse; }
  .flex-wrap-ns {
    flex-wrap: wrap; }
  .align-start-ns {
    align-items: flex-start; }
  .align-end-ns {
    align-items: flex-end; }
  .align-center-ns {
    align-items: center; }
  .align-baseline-ns {
    align-items: baseline; }
  .align-stretch-ns {
    align-items: stretch; }
  .justify-start-ns {
    justify-content: flex-start; }
  .justify-end-ns {
    justify-content: flex-end; }
  .justify-center-ns {
    justify-content: center; }
  .justify-between-ns {
    justify-content: space-between; }
  .justify-around-ns {
    justify-content: space-around; }
  .flex-center-ns {
    justify-content: center;
    align-items: center; }
  .align-self-start-ns {
    align-self: flex-start; }
  .align-self-end-ns {
    align-self: flex-end; }
  .align-self-center-ns {
    align-self: center; }
  .align-self-baseline-ns {
    align-self: baseline; }
  .align-self-stretch-ns {
    align-self: stretch; }
  .justify-self-start-ns {
    justify-self: flex-start; }
  .justify-self-end-ns {
    justify-self: flex-end; }
  .justify-self-center-ns {
    justify-self: center; }
  .justify-self-baseline-ns {
    justify-self: baseline; }
  .justify-self-stretch-ns {
    justify-self: stretch; }
  .content-start-ns {
    align-content: flex-start; }
  .content-end-ns {
    align-content: flex-end; }
  .content-center-ns {
    align-content: center; }
  .content-between-ns {
    align-content: space-between; }
  .content-around-ns {
    align-content: space-around; }
  .content-stretch-ns {
    align-content: stretch; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .flex-md {
    display: flex; }
  .flex-row-md {
    flex-direction: row; }
  .flex-row-r-md {
    flex-direction: row-reverse; }
  .flex-col-md {
    flex-direction: column; }
  .flex-col-r-md {
    flex-direction: column-reverse; }
  .flex-wrap-md {
    flex-wrap: wrap; }
  .align-start-md {
    align-items: flex-start; }
  .align-end-md {
    align-items: flex-end; }
  .align-center-md {
    align-items: center; }
  .align-baseline-md {
    align-items: baseline; }
  .align-stretch-md {
    align-items: stretch; }
  .justify-start-md {
    justify-content: flex-start; }
  .justify-end-md {
    justify-content: flex-end; }
  .justify-center-md {
    justify-content: center; }
  .justify-between-md {
    justify-content: space-between; }
  .justify-around-md {
    justify-content: space-around; }
  .flex-center-md {
    justify-content: center;
    align-items: center; }
  .align-self-start-md {
    align-self: flex-start; }
  .align-self-end-md {
    align-self: flex-end; }
  .align-self-center-md {
    align-self: center; }
  .align-self-baseline-md {
    align-self: baseline; }
  .align-self-stretch-md {
    align-self: stretch; }
  .justify-self-start-md {
    justify-self: flex-start; }
  .justify-self-end-md {
    justify-self: flex-end; }
  .justify-self-center-md {
    justify-self: center; }
  .justify-self-baseline-md {
    justify-self: baseline; }
  .justify-self-stretch-md {
    justify-self: stretch; }
  .content-start-md {
    align-content: flex-start; }
  .content-end-md {
    align-content: flex-end; }
  .content-center-md {
    align-content: center; }
  .content-between-md {
    align-content: space-between; }
  .content-around-md {
    align-content: space-around; }
  .content-stretch-md {
    align-content: stretch; } }

@media only screen and (min-width: 960px) {
  .flex-lg {
    display: flex; }
  .flex-row-lg {
    flex-direction: row; }
  .flex-row-r-lg {
    flex-direction: row-reverse; }
  .flex-col-lg {
    flex-direction: column; }
  .flex-col-r-lg {
    flex-direction: column-reverse; }
  .flex-wrap-lg {
    flex-wrap: wrap; }
  .align-start-lg {
    align-items: flex-start; }
  .align-end-lg {
    align-items: flex-end; }
  .align-center-lg {
    align-items: center; }
  .align-baseline-lg {
    align-items: baseline; }
  .align-stretch-lg {
    align-items: stretch; }
  .justify-start-lg {
    justify-content: flex-start; }
  .justify-end-lg {
    justify-content: flex-end; }
  .justify-center-lg {
    justify-content: center; }
  .justify-between-lg {
    justify-content: space-between; }
  .justify-around-lg {
    justify-content: space-around; }
  .flex-center-lg {
    justify-content: center;
    align-items: center; }
  .align-self-start-lg {
    align-self: flex-start; }
  .align-self-end-lg {
    align-self: flex-end; }
  .align-self-center-lg {
    align-self: center; }
  .align-self-baseline-lg {
    align-self: baseline; }
  .align-self-stretch-lg {
    align-self: stretch; }
  .justify-self-start-lg {
    justify-self: flex-start; }
  .justify-self-end-lg {
    justify-self: flex-end; }
  .justify-self-center-lg {
    justify-self: center; }
  .justify-self-baseline-lg {
    justify-self: baseline; }
  .justify-self-stretch-lg {
    justify-self: stretch; }
  .content-start-lg {
    align-content: flex-start; }
  .content-end-lg {
    align-content: flex-end; }
  .content-center-lg {
    align-content: center; }
  .content-between-lg {
    align-content: space-between; }
  .content-around-lg {
    align-content: space-around; }
  .content-stretch-lg {
    align-content: stretch; } }

.order0 {
  order: 0; }

.order1 {
  order: 1; }

.order2 {
  order: 2; }

.order3 {
  order: 3; }

.order4 {
  order: 4; }

.order5 {
  order: 5; }

.order6 {
  order: 6; }

.order7 {
  order: 7; }

.order8 {
  order: 8; }

.order9 {
  order: 9; }

.order10 {
  order: 10; }

.order11 {
  order: 11; }

.order12 {
  order: 12; }

.order-last {
  order: 99999; }

.flex0 {
  flex: 0; }

.flex1 {
  flex: 1; }

.flex2 {
  flex: 2; }

.flex3 {
  flex: 3; }

.flex4 {
  flex: 4; }

.flex5 {
  flex: 5; }

.flex6 {
  flex: 6; }

.flex7 {
  flex: 7; }

.flex8 {
  flex: 8; }

.flex9 {
  flex: 9; }

.flex10 {
  flex: 10; }

.flex11 {
  flex: 11; }

.flex12 {
  flex: 12; }

/*******************************************************************************
  Grid and Layout
*******************************************************************************/
.grid12 {
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  grid-auto-rows: auto; }

.full {
  grid-area: auto / 1 / auto / 13; }

.half-1 {
  grid-area: auto / 1 / auto / 7; }

.half-2 {
  grid-area: auto / 7 / auto / 13; }

.third-1 {
  grid-area: auto / 1 / auto / 4; }

.third-2 {
  grid-area: auto / 4 / auto / 8; }

.third-3 {
  grid-area: auto / 8 / auto / 13; }

.fourth-1 {
  grid-area: auto / 1 / auto / 4; }

.fourth-2 {
  grid-area: auto / 4 / auto / 7; }

.fourth-3 {
  grid-area: auto / 7 / auto / 10; }

.fourth-4 {
  grid-area: auto / 10 / auto / 13; }

@media only screen and (min-width: 550px) {
  .full-ns {
    grid-area: auto / 1 / auto / 13; }
  .half-1-ns {
    grid-area: auto / 1 / auto / 7; }
  .half-2-ns {
    grid-area: auto / 7 / auto / 13; }
  .third-1-ns {
    grid-area: auto / 1 / auto / 4; }
  .third-2-ns {
    grid-area: auto / 4 / auto / 8; }
  .third-3-ns {
    grid-area: auto / 8 / auto / 13; }
  .fourth-1-ns {
    grid-area: auto / 1 / auto / 4; }
  .fourth-2-ns {
    grid-area: auto / 4 / auto / 7; }
  .fourth-3-ns {
    grid-area: auto / 7 / auto / 10; }
  .fourth-4-ns {
    grid-area: auto / 10 / auto / 13; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .full-md {
    grid-area: auto / 1 / auto / 13; }
  .half-1-md {
    grid-area: auto / 1 / auto / 7; }
  .half-2-md {
    grid-area: auto / 7 / auto / 13; }
  .third-1-md {
    grid-area: auto / 1 / auto / 4; }
  .third-2-md {
    grid-area: auto / 4 / auto / 8; }
  .third-3-md {
    grid-area: auto / 8 / auto / 13; }
  .fourth-1-md {
    grid-area: auto / 1 / auto / 4; }
  .fourth-2-md {
    grid-area: auto / 4 / auto / 7; }
  .fourth-3-md {
    grid-area: auto / 7 / auto / 10; }
  .fourth-4-md {
    grid-area: auto / 10 / auto / 13; } }

@media only screen and (min-width: 960px) {
  .full-lg {
    grid-area: auto / 1 / auto / 13; }
  .half-1-lg {
    grid-area: auto / 1 / auto / 7; }
  .half-2-lg {
    grid-area: auto / 7 / auto / 13; }
  .third-1-lg {
    grid-area: auto / 1 / auto / 4; }
  .third-2-lg {
    grid-area: auto / 4 / auto / 8; }
  .third-3-lg {
    grid-area: auto / 8 / auto / 13; }
  .fourth-1-lg {
    grid-area: auto / 1 / auto / 4; }
  .fourth-2-lg {
    grid-area: auto / 4 / auto / 7; }
  .fourth-3-lg {
    grid-area: auto / 7 / auto / 10; }
  .fourth-4-lg {
    grid-area: auto / 10 / auto / 13; } }

.gap0 {
  gap: 0px; }

.gap1 {
  gap: 4px; }

.gap2 {
  gap: 8px; }

.gap3 {
  gap: 12px; }

.gap4 {
  gap: 16px; }

.gap5 {
  gap: 20px; }

.gap6 {
  gap: 24px; }

.gap7 {
  gap: 32px; }

.gap8 {
  gap: 48px; }

.gap9 {
  gap: 64px; }

.gap10 {
  gap: 96px; }

.gap11 {
  gap: 160px; }

.gap12 {
  gap: 288px; }

.c1-2 {
  grid-column-start: 1;
  grid-column-end: 2; }

.c1-3 {
  grid-column-start: 1;
  grid-column-end: 3; }

.c1-4 {
  grid-column-start: 1;
  grid-column-end: 4; }

.c1-5 {
  grid-column-start: 1;
  grid-column-end: 5; }

.c1-6 {
  grid-column-start: 1;
  grid-column-end: 6; }

.c1-7 {
  grid-column-start: 1;
  grid-column-end: 7; }

.c1-8 {
  grid-column-start: 1;
  grid-column-end: 8; }

.c1-9 {
  grid-column-start: 1;
  grid-column-end: 9; }

.c1-10 {
  grid-column-start: 1;
  grid-column-end: 10; }

.c1-11 {
  grid-column-start: 1;
  grid-column-end: 11; }

.c1-12 {
  grid-column-start: 1;
  grid-column-end: 12; }

.c1-13 {
  grid-column-start: 1;
  grid-column-end: 13; }

.c2-3 {
  grid-column-start: 2;
  grid-column-end: 3; }

.c2-4 {
  grid-column-start: 2;
  grid-column-end: 4; }

.c2-5 {
  grid-column-start: 2;
  grid-column-end: 5; }

.c2-6 {
  grid-column-start: 2;
  grid-column-end: 6; }

.c2-7 {
  grid-column-start: 2;
  grid-column-end: 7; }

.c2-8 {
  grid-column-start: 2;
  grid-column-end: 8; }

.c2-9 {
  grid-column-start: 2;
  grid-column-end: 9; }

.c2-10 {
  grid-column-start: 2;
  grid-column-end: 10; }

.c2-11 {
  grid-column-start: 2;
  grid-column-end: 11; }

.c2-12 {
  grid-column-start: 2;
  grid-column-end: 12; }

.c2-13 {
  grid-column-start: 2;
  grid-column-end: 13; }

.c3-4 {
  grid-column-start: 3;
  grid-column-end: 4; }

.c3-5 {
  grid-column-start: 3;
  grid-column-end: 5; }

.c3-6 {
  grid-column-start: 3;
  grid-column-end: 6; }

.c3-7 {
  grid-column-start: 3;
  grid-column-end: 7; }

.c3-8 {
  grid-column-start: 3;
  grid-column-end: 8; }

.c3-9 {
  grid-column-start: 3;
  grid-column-end: 9; }

.c3-10 {
  grid-column-start: 3;
  grid-column-end: 10; }

.c3-11 {
  grid-column-start: 3;
  grid-column-end: 11; }

.c3-12 {
  grid-column-start: 3;
  grid-column-end: 12; }

.c3-13 {
  grid-column-start: 3;
  grid-column-end: 13; }

.c4-5 {
  grid-column-start: 4;
  grid-column-end: 5; }

.c4-6 {
  grid-column-start: 4;
  grid-column-end: 6; }

.c4-7 {
  grid-column-start: 4;
  grid-column-end: 7; }

.c4-8 {
  grid-column-start: 4;
  grid-column-end: 8; }

.c4-9 {
  grid-column-start: 4;
  grid-column-end: 9; }

.c4-10 {
  grid-column-start: 4;
  grid-column-end: 10; }

.c4-11 {
  grid-column-start: 4;
  grid-column-end: 11; }

.c4-12 {
  grid-column-start: 4;
  grid-column-end: 12; }

.c4-13 {
  grid-column-start: 4;
  grid-column-end: 13; }

.c5-6 {
  grid-column-start: 5;
  grid-column-end: 6; }

.c5-7 {
  grid-column-start: 5;
  grid-column-end: 7; }

.c5-8 {
  grid-column-start: 5;
  grid-column-end: 8; }

.c5-9 {
  grid-column-start: 5;
  grid-column-end: 9; }

.c5-10 {
  grid-column-start: 5;
  grid-column-end: 10; }

.c5-11 {
  grid-column-start: 5;
  grid-column-end: 11; }

.c5-12 {
  grid-column-start: 5;
  grid-column-end: 12; }

.c5-13 {
  grid-column-start: 5;
  grid-column-end: 13; }

.c6-7 {
  grid-column-start: 6;
  grid-column-end: 7; }

.c6-8 {
  grid-column-start: 6;
  grid-column-end: 8; }

.c6-9 {
  grid-column-start: 6;
  grid-column-end: 9; }

.c6-10 {
  grid-column-start: 6;
  grid-column-end: 10; }

.c6-11 {
  grid-column-start: 6;
  grid-column-end: 11; }

.c6-12 {
  grid-column-start: 6;
  grid-column-end: 12; }

.c6-13 {
  grid-column-start: 6;
  grid-column-end: 13; }

.c7-8 {
  grid-column-start: 7;
  grid-column-end: 8; }

.c7-9 {
  grid-column-start: 7;
  grid-column-end: 9; }

.c7-10 {
  grid-column-start: 7;
  grid-column-end: 10; }

.c7-11 {
  grid-column-start: 7;
  grid-column-end: 11; }

.c7-12 {
  grid-column-start: 7;
  grid-column-end: 12; }

.c7-13 {
  grid-column-start: 7;
  grid-column-end: 13; }

.c8-9 {
  grid-column-start: 8;
  grid-column-end: 9; }

.c8-10 {
  grid-column-start: 8;
  grid-column-end: 10; }

.c8-11 {
  grid-column-start: 8;
  grid-column-end: 11; }

.c8-12 {
  grid-column-start: 8;
  grid-column-end: 12; }

.c8-13 {
  grid-column-start: 8;
  grid-column-end: 13; }

.c9-10 {
  grid-column-start: 9;
  grid-column-end: 10; }

.c9-11 {
  grid-column-start: 9;
  grid-column-end: 11; }

.c9-12 {
  grid-column-start: 9;
  grid-column-end: 12; }

.c9-13 {
  grid-column-start: 9;
  grid-column-end: 13; }

.c10-11 {
  grid-column-start: 10;
  grid-column-end: 11; }

.c10-12 {
  grid-column-start: 10;
  grid-column-end: 12; }

.c10-13 {
  grid-column-start: 10;
  grid-column-end: 13; }

.c11-12 {
  grid-column-start: 11;
  grid-column-end: 12; }

.c11-13 {
  grid-column-start: 11;
  grid-column-end: 13; }

.c12-13 {
  grid-column-start: 12;
  grid-column-end: 13; }

@media only screen and (min-width: 550px) {
  .c1-2-ns {
    grid-column-start: 1;
    grid-column-end: 2; }
  .c1-3-ns {
    grid-column-start: 1;
    grid-column-end: 3; }
  .c1-4-ns {
    grid-column-start: 1;
    grid-column-end: 4; }
  .c1-5-ns {
    grid-column-start: 1;
    grid-column-end: 5; }
  .c1-6-ns {
    grid-column-start: 1;
    grid-column-end: 6; }
  .c1-7-ns {
    grid-column-start: 1;
    grid-column-end: 7; }
  .c1-8-ns {
    grid-column-start: 1;
    grid-column-end: 8; }
  .c1-9-ns {
    grid-column-start: 1;
    grid-column-end: 9; }
  .c1-10-ns {
    grid-column-start: 1;
    grid-column-end: 10; }
  .c1-11-ns {
    grid-column-start: 1;
    grid-column-end: 11; }
  .c1-12-ns {
    grid-column-start: 1;
    grid-column-end: 12; }
  .c1-13-ns {
    grid-column-start: 1;
    grid-column-end: 13; }
  .c2-3-ns {
    grid-column-start: 2;
    grid-column-end: 3; }
  .c2-4-ns {
    grid-column-start: 2;
    grid-column-end: 4; }
  .c2-5-ns {
    grid-column-start: 2;
    grid-column-end: 5; }
  .c2-6-ns {
    grid-column-start: 2;
    grid-column-end: 6; }
  .c2-7-ns {
    grid-column-start: 2;
    grid-column-end: 7; }
  .c2-8-ns {
    grid-column-start: 2;
    grid-column-end: 8; }
  .c2-9-ns {
    grid-column-start: 2;
    grid-column-end: 9; }
  .c2-10-ns {
    grid-column-start: 2;
    grid-column-end: 10; }
  .c2-11-ns {
    grid-column-start: 2;
    grid-column-end: 11; }
  .c2-12-ns {
    grid-column-start: 2;
    grid-column-end: 12; }
  .c2-13-ns {
    grid-column-start: 2;
    grid-column-end: 13; }
  .c3-4-ns {
    grid-column-start: 3;
    grid-column-end: 4; }
  .c3-5-ns {
    grid-column-start: 3;
    grid-column-end: 5; }
  .c3-6-ns {
    grid-column-start: 3;
    grid-column-end: 6; }
  .c3-7-ns {
    grid-column-start: 3;
    grid-column-end: 7; }
  .c3-8-ns {
    grid-column-start: 3;
    grid-column-end: 8; }
  .c3-9-ns {
    grid-column-start: 3;
    grid-column-end: 9; }
  .c3-10-ns {
    grid-column-start: 3;
    grid-column-end: 10; }
  .c3-11-ns {
    grid-column-start: 3;
    grid-column-end: 11; }
  .c3-12-ns {
    grid-column-start: 3;
    grid-column-end: 12; }
  .c3-13-ns {
    grid-column-start: 3;
    grid-column-end: 13; }
  .c4-5-ns {
    grid-column-start: 4;
    grid-column-end: 5; }
  .c4-6-ns {
    grid-column-start: 4;
    grid-column-end: 6; }
  .c4-7-ns {
    grid-column-start: 4;
    grid-column-end: 7; }
  .c4-8-ns {
    grid-column-start: 4;
    grid-column-end: 8; }
  .c4-9-ns {
    grid-column-start: 4;
    grid-column-end: 9; }
  .c4-10-ns {
    grid-column-start: 4;
    grid-column-end: 10; }
  .c4-11-ns {
    grid-column-start: 4;
    grid-column-end: 11; }
  .c4-12-ns {
    grid-column-start: 4;
    grid-column-end: 12; }
  .c4-13-ns {
    grid-column-start: 4;
    grid-column-end: 13; }
  .c5-6-ns {
    grid-column-start: 5;
    grid-column-end: 6; }
  .c5-7-ns {
    grid-column-start: 5;
    grid-column-end: 7; }
  .c5-8-ns {
    grid-column-start: 5;
    grid-column-end: 8; }
  .c5-9-ns {
    grid-column-start: 5;
    grid-column-end: 9; }
  .c5-10-ns {
    grid-column-start: 5;
    grid-column-end: 10; }
  .c5-11-ns {
    grid-column-start: 5;
    grid-column-end: 11; }
  .c5-12-ns {
    grid-column-start: 5;
    grid-column-end: 12; }
  .c5-13-ns {
    grid-column-start: 5;
    grid-column-end: 13; }
  .c6-7-ns {
    grid-column-start: 6;
    grid-column-end: 7; }
  .c6-8-ns {
    grid-column-start: 6;
    grid-column-end: 8; }
  .c6-9-ns {
    grid-column-start: 6;
    grid-column-end: 9; }
  .c6-10-ns {
    grid-column-start: 6;
    grid-column-end: 10; }
  .c6-11-ns {
    grid-column-start: 6;
    grid-column-end: 11; }
  .c6-12-ns {
    grid-column-start: 6;
    grid-column-end: 12; }
  .c6-13-ns {
    grid-column-start: 6;
    grid-column-end: 13; }
  .c7-8-ns {
    grid-column-start: 7;
    grid-column-end: 8; }
  .c7-9-ns {
    grid-column-start: 7;
    grid-column-end: 9; }
  .c7-10-ns {
    grid-column-start: 7;
    grid-column-end: 10; }
  .c7-11-ns {
    grid-column-start: 7;
    grid-column-end: 11; }
  .c7-12-ns {
    grid-column-start: 7;
    grid-column-end: 12; }
  .c7-13-ns {
    grid-column-start: 7;
    grid-column-end: 13; }
  .c8-9-ns {
    grid-column-start: 8;
    grid-column-end: 9; }
  .c8-10-ns {
    grid-column-start: 8;
    grid-column-end: 10; }
  .c8-11-ns {
    grid-column-start: 8;
    grid-column-end: 11; }
  .c8-12-ns {
    grid-column-start: 8;
    grid-column-end: 12; }
  .c8-13-ns {
    grid-column-start: 8;
    grid-column-end: 13; }
  .c9-10-ns {
    grid-column-start: 9;
    grid-column-end: 10; }
  .c9-11-ns {
    grid-column-start: 9;
    grid-column-end: 11; }
  .c9-12-ns {
    grid-column-start: 9;
    grid-column-end: 12; }
  .c9-13-ns {
    grid-column-start: 9;
    grid-column-end: 13; }
  .c10-11-ns {
    grid-column-start: 10;
    grid-column-end: 11; }
  .c10-12-ns {
    grid-column-start: 10;
    grid-column-end: 12; }
  .c10-13-ns {
    grid-column-start: 10;
    grid-column-end: 13; }
  .c11-12-ns {
    grid-column-start: 11;
    grid-column-end: 12; }
  .c11-13-ns {
    grid-column-start: 11;
    grid-column-end: 13; }
  .c12-13-ns {
    grid-column-start: 12;
    grid-column-end: 13; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .c1-2-md {
    grid-column-start: 1;
    grid-column-end: 2; }
  .c1-3-md {
    grid-column-start: 1;
    grid-column-end: 3; }
  .c1-4-md {
    grid-column-start: 1;
    grid-column-end: 4; }
  .c1-5-md {
    grid-column-start: 1;
    grid-column-end: 5; }
  .c1-6-md {
    grid-column-start: 1;
    grid-column-end: 6; }
  .c1-7-md {
    grid-column-start: 1;
    grid-column-end: 7; }
  .c1-8-md {
    grid-column-start: 1;
    grid-column-end: 8; }
  .c1-9-md {
    grid-column-start: 1;
    grid-column-end: 9; }
  .c1-10-md {
    grid-column-start: 1;
    grid-column-end: 10; }
  .c1-11-md {
    grid-column-start: 1;
    grid-column-end: 11; }
  .c1-12-md {
    grid-column-start: 1;
    grid-column-end: 12; }
  .c1-13-md {
    grid-column-start: 1;
    grid-column-end: 13; }
  .c2-3-md {
    grid-column-start: 2;
    grid-column-end: 3; }
  .c2-4-md {
    grid-column-start: 2;
    grid-column-end: 4; }
  .c2-5-md {
    grid-column-start: 2;
    grid-column-end: 5; }
  .c2-6-md {
    grid-column-start: 2;
    grid-column-end: 6; }
  .c2-7-md {
    grid-column-start: 2;
    grid-column-end: 7; }
  .c2-8-md {
    grid-column-start: 2;
    grid-column-end: 8; }
  .c2-9-md {
    grid-column-start: 2;
    grid-column-end: 9; }
  .c2-10-md {
    grid-column-start: 2;
    grid-column-end: 10; }
  .c2-11-md {
    grid-column-start: 2;
    grid-column-end: 11; }
  .c2-12-md {
    grid-column-start: 2;
    grid-column-end: 12; }
  .c2-13-md {
    grid-column-start: 2;
    grid-column-end: 13; }
  .c3-4-md {
    grid-column-start: 3;
    grid-column-end: 4; }
  .c3-5-md {
    grid-column-start: 3;
    grid-column-end: 5; }
  .c3-6-md {
    grid-column-start: 3;
    grid-column-end: 6; }
  .c3-7-md {
    grid-column-start: 3;
    grid-column-end: 7; }
  .c3-8-md {
    grid-column-start: 3;
    grid-column-end: 8; }
  .c3-9-md {
    grid-column-start: 3;
    grid-column-end: 9; }
  .c3-10-md {
    grid-column-start: 3;
    grid-column-end: 10; }
  .c3-11-md {
    grid-column-start: 3;
    grid-column-end: 11; }
  .c3-12-md {
    grid-column-start: 3;
    grid-column-end: 12; }
  .c3-13-md {
    grid-column-start: 3;
    grid-column-end: 13; }
  .c4-5-md {
    grid-column-start: 4;
    grid-column-end: 5; }
  .c4-6-md {
    grid-column-start: 4;
    grid-column-end: 6; }
  .c4-7-md {
    grid-column-start: 4;
    grid-column-end: 7; }
  .c4-8-md {
    grid-column-start: 4;
    grid-column-end: 8; }
  .c4-9-md {
    grid-column-start: 4;
    grid-column-end: 9; }
  .c4-10-md {
    grid-column-start: 4;
    grid-column-end: 10; }
  .c4-11-md {
    grid-column-start: 4;
    grid-column-end: 11; }
  .c4-12-md {
    grid-column-start: 4;
    grid-column-end: 12; }
  .c4-13-md {
    grid-column-start: 4;
    grid-column-end: 13; }
  .c5-6-md {
    grid-column-start: 5;
    grid-column-end: 6; }
  .c5-7-md {
    grid-column-start: 5;
    grid-column-end: 7; }
  .c5-8-md {
    grid-column-start: 5;
    grid-column-end: 8; }
  .c5-9-md {
    grid-column-start: 5;
    grid-column-end: 9; }
  .c5-10-md {
    grid-column-start: 5;
    grid-column-end: 10; }
  .c5-11-md {
    grid-column-start: 5;
    grid-column-end: 11; }
  .c5-12-md {
    grid-column-start: 5;
    grid-column-end: 12; }
  .c5-13-md {
    grid-column-start: 5;
    grid-column-end: 13; }
  .c6-7-md {
    grid-column-start: 6;
    grid-column-end: 7; }
  .c6-8-md {
    grid-column-start: 6;
    grid-column-end: 8; }
  .c6-9-md {
    grid-column-start: 6;
    grid-column-end: 9; }
  .c6-10-md {
    grid-column-start: 6;
    grid-column-end: 10; }
  .c6-11-md {
    grid-column-start: 6;
    grid-column-end: 11; }
  .c6-12-md {
    grid-column-start: 6;
    grid-column-end: 12; }
  .c6-13-md {
    grid-column-start: 6;
    grid-column-end: 13; }
  .c7-8-md {
    grid-column-start: 7;
    grid-column-end: 8; }
  .c7-9-md {
    grid-column-start: 7;
    grid-column-end: 9; }
  .c7-10-md {
    grid-column-start: 7;
    grid-column-end: 10; }
  .c7-11-md {
    grid-column-start: 7;
    grid-column-end: 11; }
  .c7-12-md {
    grid-column-start: 7;
    grid-column-end: 12; }
  .c7-13-md {
    grid-column-start: 7;
    grid-column-end: 13; }
  .c8-9-md {
    grid-column-start: 8;
    grid-column-end: 9; }
  .c8-10-md {
    grid-column-start: 8;
    grid-column-end: 10; }
  .c8-11-md {
    grid-column-start: 8;
    grid-column-end: 11; }
  .c8-12-md {
    grid-column-start: 8;
    grid-column-end: 12; }
  .c8-13-md {
    grid-column-start: 8;
    grid-column-end: 13; }
  .c9-10-md {
    grid-column-start: 9;
    grid-column-end: 10; }
  .c9-11-md {
    grid-column-start: 9;
    grid-column-end: 11; }
  .c9-12-md {
    grid-column-start: 9;
    grid-column-end: 12; }
  .c9-13-md {
    grid-column-start: 9;
    grid-column-end: 13; }
  .c10-11-md {
    grid-column-start: 10;
    grid-column-end: 11; }
  .c10-12-md {
    grid-column-start: 10;
    grid-column-end: 12; }
  .c10-13-md {
    grid-column-start: 10;
    grid-column-end: 13; }
  .c11-12-md {
    grid-column-start: 11;
    grid-column-end: 12; }
  .c11-13-md {
    grid-column-start: 11;
    grid-column-end: 13; }
  .c12-13-md {
    grid-column-start: 12;
    grid-column-end: 13; } }

@media only screen and (min-width: 960px) {
  .c1-2-lg {
    grid-column-start: 1;
    grid-column-end: 2; }
  .c1-3-lg {
    grid-column-start: 1;
    grid-column-end: 3; }
  .c1-4-lg {
    grid-column-start: 1;
    grid-column-end: 4; }
  .c1-5-lg {
    grid-column-start: 1;
    grid-column-end: 5; }
  .c1-6-lg {
    grid-column-start: 1;
    grid-column-end: 6; }
  .c1-7-lg {
    grid-column-start: 1;
    grid-column-end: 7; }
  .c1-8-lg {
    grid-column-start: 1;
    grid-column-end: 8; }
  .c1-9-lg {
    grid-column-start: 1;
    grid-column-end: 9; }
  .c1-10-lg {
    grid-column-start: 1;
    grid-column-end: 10; }
  .c1-11-lg {
    grid-column-start: 1;
    grid-column-end: 11; }
  .c1-12-lg {
    grid-column-start: 1;
    grid-column-end: 12; }
  .c1-13-lg {
    grid-column-start: 1;
    grid-column-end: 13; }
  .c2-3-lg {
    grid-column-start: 2;
    grid-column-end: 3; }
  .c2-4-lg {
    grid-column-start: 2;
    grid-column-end: 4; }
  .c2-5-lg {
    grid-column-start: 2;
    grid-column-end: 5; }
  .c2-6-lg {
    grid-column-start: 2;
    grid-column-end: 6; }
  .c2-7-lg {
    grid-column-start: 2;
    grid-column-end: 7; }
  .c2-8-lg {
    grid-column-start: 2;
    grid-column-end: 8; }
  .c2-9-lg {
    grid-column-start: 2;
    grid-column-end: 9; }
  .c2-10-lg {
    grid-column-start: 2;
    grid-column-end: 10; }
  .c2-11-lg {
    grid-column-start: 2;
    grid-column-end: 11; }
  .c2-12-lg {
    grid-column-start: 2;
    grid-column-end: 12; }
  .c2-13-lg {
    grid-column-start: 2;
    grid-column-end: 13; }
  .c3-4-lg {
    grid-column-start: 3;
    grid-column-end: 4; }
  .c3-5-lg {
    grid-column-start: 3;
    grid-column-end: 5; }
  .c3-6-lg {
    grid-column-start: 3;
    grid-column-end: 6; }
  .c3-7-lg {
    grid-column-start: 3;
    grid-column-end: 7; }
  .c3-8-lg {
    grid-column-start: 3;
    grid-column-end: 8; }
  .c3-9-lg {
    grid-column-start: 3;
    grid-column-end: 9; }
  .c3-10-lg {
    grid-column-start: 3;
    grid-column-end: 10; }
  .c3-11-lg {
    grid-column-start: 3;
    grid-column-end: 11; }
  .c3-12-lg {
    grid-column-start: 3;
    grid-column-end: 12; }
  .c3-13-lg {
    grid-column-start: 3;
    grid-column-end: 13; }
  .c4-5-lg {
    grid-column-start: 4;
    grid-column-end: 5; }
  .c4-6-lg {
    grid-column-start: 4;
    grid-column-end: 6; }
  .c4-7-lg {
    grid-column-start: 4;
    grid-column-end: 7; }
  .c4-8-lg {
    grid-column-start: 4;
    grid-column-end: 8; }
  .c4-9-lg {
    grid-column-start: 4;
    grid-column-end: 9; }
  .c4-10-lg {
    grid-column-start: 4;
    grid-column-end: 10; }
  .c4-11-lg {
    grid-column-start: 4;
    grid-column-end: 11; }
  .c4-12-lg {
    grid-column-start: 4;
    grid-column-end: 12; }
  .c4-13-lg {
    grid-column-start: 4;
    grid-column-end: 13; }
  .c5-6-lg {
    grid-column-start: 5;
    grid-column-end: 6; }
  .c5-7-lg {
    grid-column-start: 5;
    grid-column-end: 7; }
  .c5-8-lg {
    grid-column-start: 5;
    grid-column-end: 8; }
  .c5-9-lg {
    grid-column-start: 5;
    grid-column-end: 9; }
  .c5-10-lg {
    grid-column-start: 5;
    grid-column-end: 10; }
  .c5-11-lg {
    grid-column-start: 5;
    grid-column-end: 11; }
  .c5-12-lg {
    grid-column-start: 5;
    grid-column-end: 12; }
  .c5-13-lg {
    grid-column-start: 5;
    grid-column-end: 13; }
  .c6-7-lg {
    grid-column-start: 6;
    grid-column-end: 7; }
  .c6-8-lg {
    grid-column-start: 6;
    grid-column-end: 8; }
  .c6-9-lg {
    grid-column-start: 6;
    grid-column-end: 9; }
  .c6-10-lg {
    grid-column-start: 6;
    grid-column-end: 10; }
  .c6-11-lg {
    grid-column-start: 6;
    grid-column-end: 11; }
  .c6-12-lg {
    grid-column-start: 6;
    grid-column-end: 12; }
  .c6-13-lg {
    grid-column-start: 6;
    grid-column-end: 13; }
  .c7-8-lg {
    grid-column-start: 7;
    grid-column-end: 8; }
  .c7-9-lg {
    grid-column-start: 7;
    grid-column-end: 9; }
  .c7-10-lg {
    grid-column-start: 7;
    grid-column-end: 10; }
  .c7-11-lg {
    grid-column-start: 7;
    grid-column-end: 11; }
  .c7-12-lg {
    grid-column-start: 7;
    grid-column-end: 12; }
  .c7-13-lg {
    grid-column-start: 7;
    grid-column-end: 13; }
  .c8-9-lg {
    grid-column-start: 8;
    grid-column-end: 9; }
  .c8-10-lg {
    grid-column-start: 8;
    grid-column-end: 10; }
  .c8-11-lg {
    grid-column-start: 8;
    grid-column-end: 11; }
  .c8-12-lg {
    grid-column-start: 8;
    grid-column-end: 12; }
  .c8-13-lg {
    grid-column-start: 8;
    grid-column-end: 13; }
  .c9-10-lg {
    grid-column-start: 9;
    grid-column-end: 10; }
  .c9-11-lg {
    grid-column-start: 9;
    grid-column-end: 11; }
  .c9-12-lg {
    grid-column-start: 9;
    grid-column-end: 12; }
  .c9-13-lg {
    grid-column-start: 9;
    grid-column-end: 13; }
  .c10-11-lg {
    grid-column-start: 10;
    grid-column-end: 11; }
  .c10-12-lg {
    grid-column-start: 10;
    grid-column-end: 12; }
  .c10-13-lg {
    grid-column-start: 10;
    grid-column-end: 13; }
  .c11-12-lg {
    grid-column-start: 11;
    grid-column-end: 12; }
  .c11-13-lg {
    grid-column-start: 11;
    grid-column-end: 13; }
  .c12-13-lg {
    grid-column-start: 12;
    grid-column-end: 13; } }

.r1-2 {
  grid-row-start: 1;
  grid-row-end: 2; }

.r1-3 {
  grid-row-start: 1;
  grid-row-end: 3; }

.r1-4 {
  grid-row-start: 1;
  grid-row-end: 4; }

.r1-5 {
  grid-row-start: 1;
  grid-row-end: 5; }

.r1-6 {
  grid-row-start: 1;
  grid-row-end: 6; }

.r1-7 {
  grid-row-start: 1;
  grid-row-end: 7; }

.r1-8 {
  grid-row-start: 1;
  grid-row-end: 8; }

.r1-9 {
  grid-row-start: 1;
  grid-row-end: 9; }

.r1-10 {
  grid-row-start: 1;
  grid-row-end: 10; }

.r1-11 {
  grid-row-start: 1;
  grid-row-end: 11; }

.r1-12 {
  grid-row-start: 1;
  grid-row-end: 12; }

.r1-13 {
  grid-row-start: 1;
  grid-row-end: 13; }

.r2-3 {
  grid-row-start: 2;
  grid-row-end: 3; }

.r2-4 {
  grid-row-start: 2;
  grid-row-end: 4; }

.r2-5 {
  grid-row-start: 2;
  grid-row-end: 5; }

.r2-6 {
  grid-row-start: 2;
  grid-row-end: 6; }

.r2-7 {
  grid-row-start: 2;
  grid-row-end: 7; }

.r2-8 {
  grid-row-start: 2;
  grid-row-end: 8; }

.r2-9 {
  grid-row-start: 2;
  grid-row-end: 9; }

.r2-10 {
  grid-row-start: 2;
  grid-row-end: 10; }

.r2-11 {
  grid-row-start: 2;
  grid-row-end: 11; }

.r2-12 {
  grid-row-start: 2;
  grid-row-end: 12; }

.r2-13 {
  grid-row-start: 2;
  grid-row-end: 13; }

.r3-4 {
  grid-row-start: 3;
  grid-row-end: 4; }

.r3-5 {
  grid-row-start: 3;
  grid-row-end: 5; }

.r3-6 {
  grid-row-start: 3;
  grid-row-end: 6; }

.r3-7 {
  grid-row-start: 3;
  grid-row-end: 7; }

.r3-8 {
  grid-row-start: 3;
  grid-row-end: 8; }

.r3-9 {
  grid-row-start: 3;
  grid-row-end: 9; }

.r3-10 {
  grid-row-start: 3;
  grid-row-end: 10; }

.r3-11 {
  grid-row-start: 3;
  grid-row-end: 11; }

.r3-12 {
  grid-row-start: 3;
  grid-row-end: 12; }

.r3-13 {
  grid-row-start: 3;
  grid-row-end: 13; }

.r4-5 {
  grid-row-start: 4;
  grid-row-end: 5; }

.r4-6 {
  grid-row-start: 4;
  grid-row-end: 6; }

.r4-7 {
  grid-row-start: 4;
  grid-row-end: 7; }

.r4-8 {
  grid-row-start: 4;
  grid-row-end: 8; }

.r4-9 {
  grid-row-start: 4;
  grid-row-end: 9; }

.r4-10 {
  grid-row-start: 4;
  grid-row-end: 10; }

.r4-11 {
  grid-row-start: 4;
  grid-row-end: 11; }

.r4-12 {
  grid-row-start: 4;
  grid-row-end: 12; }

.r4-13 {
  grid-row-start: 4;
  grid-row-end: 13; }

.r5-6 {
  grid-row-start: 5;
  grid-row-end: 6; }

.r5-7 {
  grid-row-start: 5;
  grid-row-end: 7; }

.r5-8 {
  grid-row-start: 5;
  grid-row-end: 8; }

.r5-9 {
  grid-row-start: 5;
  grid-row-end: 9; }

.r5-10 {
  grid-row-start: 5;
  grid-row-end: 10; }

.r5-11 {
  grid-row-start: 5;
  grid-row-end: 11; }

.r5-12 {
  grid-row-start: 5;
  grid-row-end: 12; }

.r5-13 {
  grid-row-start: 5;
  grid-row-end: 13; }

.r6-7 {
  grid-row-start: 6;
  grid-row-end: 7; }

.r6-8 {
  grid-row-start: 6;
  grid-row-end: 8; }

.r6-9 {
  grid-row-start: 6;
  grid-row-end: 9; }

.r6-10 {
  grid-row-start: 6;
  grid-row-end: 10; }

.r6-11 {
  grid-row-start: 6;
  grid-row-end: 11; }

.r6-12 {
  grid-row-start: 6;
  grid-row-end: 12; }

.r6-13 {
  grid-row-start: 6;
  grid-row-end: 13; }

.r7-8 {
  grid-row-start: 7;
  grid-row-end: 8; }

.r7-9 {
  grid-row-start: 7;
  grid-row-end: 9; }

.r7-10 {
  grid-row-start: 7;
  grid-row-end: 10; }

.r7-11 {
  grid-row-start: 7;
  grid-row-end: 11; }

.r7-12 {
  grid-row-start: 7;
  grid-row-end: 12; }

.r7-13 {
  grid-row-start: 7;
  grid-row-end: 13; }

.r8-9 {
  grid-row-start: 8;
  grid-row-end: 9; }

.r8-10 {
  grid-row-start: 8;
  grid-row-end: 10; }

.r8-11 {
  grid-row-start: 8;
  grid-row-end: 11; }

.r8-12 {
  grid-row-start: 8;
  grid-row-end: 12; }

.r8-13 {
  grid-row-start: 8;
  grid-row-end: 13; }

.r9-10 {
  grid-row-start: 9;
  grid-row-end: 10; }

.r9-11 {
  grid-row-start: 9;
  grid-row-end: 11; }

.r9-12 {
  grid-row-start: 9;
  grid-row-end: 12; }

.r9-13 {
  grid-row-start: 9;
  grid-row-end: 13; }

.r10-11 {
  grid-row-start: 10;
  grid-row-end: 11; }

.r10-12 {
  grid-row-start: 10;
  grid-row-end: 12; }

.r10-13 {
  grid-row-start: 10;
  grid-row-end: 13; }

.r11-12 {
  grid-row-start: 11;
  grid-row-end: 12; }

.r11-13 {
  grid-row-start: 11;
  grid-row-end: 13; }

.r12-13 {
  grid-row-start: 12;
  grid-row-end: 13; }

.h-auto {
  height: auto; }

.h-full {
  height: 100%; }

@media only screen and (min-width: 550px) {
  .h-auto-ns {
    height: auto; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h-auto-md {
    height: auto; } }

@media only screen and (min-width: 960px) {
  .h-auto-lg {
    height: auto; } }

.h0 {
  height: 0px; }

.h1 {
  height: 4px; }

.h2 {
  height: 8px; }

.h3 {
  height: 12px; }

.h4 {
  height: 16px; }

.h5 {
  height: 20px; }

.h6 {
  height: 24px; }

.h7 {
  height: 32px; }

.h8 {
  height: 48px; }

.h9 {
  height: 64px; }

.h10 {
  height: 96px; }

.h11 {
  height: 160px; }

.h12 {
  height: 288px; }

@media only screen and (min-width: 550px) {
  .h0-ns {
    height: 0px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h0-md {
    height: 0px; } }

@media only screen and (min-width: 960px) {
  .h0-lg {
    height: 0px; } }

@media only screen and (min-width: 550px) {
  .h1-ns {
    height: 4px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h1-md {
    height: 4px; } }

@media only screen and (min-width: 960px) {
  .h1-lg {
    height: 4px; } }

@media only screen and (min-width: 550px) {
  .h2-ns {
    height: 8px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h2-md {
    height: 8px; } }

@media only screen and (min-width: 960px) {
  .h2-lg {
    height: 8px; } }

@media only screen and (min-width: 550px) {
  .h3-ns {
    height: 12px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h3-md {
    height: 12px; } }

@media only screen and (min-width: 960px) {
  .h3-lg {
    height: 12px; } }

@media only screen and (min-width: 550px) {
  .h4-ns {
    height: 16px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h4-md {
    height: 16px; } }

@media only screen and (min-width: 960px) {
  .h4-lg {
    height: 16px; } }

@media only screen and (min-width: 550px) {
  .h5-ns {
    height: 20px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h5-md {
    height: 20px; } }

@media only screen and (min-width: 960px) {
  .h5-lg {
    height: 20px; } }

@media only screen and (min-width: 550px) {
  .h6-ns {
    height: 24px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h6-md {
    height: 24px; } }

@media only screen and (min-width: 960px) {
  .h6-lg {
    height: 24px; } }

@media only screen and (min-width: 550px) {
  .h7-ns {
    height: 32px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h7-md {
    height: 32px; } }

@media only screen and (min-width: 960px) {
  .h7-lg {
    height: 32px; } }

@media only screen and (min-width: 550px) {
  .h8-ns {
    height: 48px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h8-md {
    height: 48px; } }

@media only screen and (min-width: 960px) {
  .h8-lg {
    height: 48px; } }

@media only screen and (min-width: 550px) {
  .h9-ns {
    height: 64px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h9-md {
    height: 64px; } }

@media only screen and (min-width: 960px) {
  .h9-lg {
    height: 64px; } }

@media only screen and (min-width: 550px) {
  .h10-ns {
    height: 96px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h10-md {
    height: 96px; } }

@media only screen and (min-width: 960px) {
  .h10-lg {
    height: 96px; } }

@media only screen and (min-width: 550px) {
  .h11-ns {
    height: 160px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h11-md {
    height: 160px; } }

@media only screen and (min-width: 960px) {
  .h11-lg {
    height: 160px; } }

@media only screen and (min-width: 550px) {
  .h12-ns {
    height: 288px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .h12-md {
    height: 288px; } }

@media only screen and (min-width: 960px) {
  .h12-lg {
    height: 288px; } }

.pointer-hover {
  cursor: pointer; }

.pointer:hover {
  cursor: pointer; }

/*******************************************************************************
  Margin
*******************************************************************************/
.m-auto {
  margin: auto; }

.mt-auto {
  margin-top: auto; }

.mb-auto {
  margin-bottom: auto; }

.ml-auto {
  margin-left: auto; }

.mr-auto {
  margin-right: auto; }

.mv-auto {
  margin-top: auto;
  margin-bottom: auto; }

.mh-auto {
  margin-left: auto;
  margin-right: auto; }
.m0 {
  margin: 0px; }

.mt0 {
  margin-top: 0px; }

.mb0 {
  margin-bottom: 0px; }

.ml0 {
  margin-left: 0px; }

.mr0 {
  margin-right: 0px; }

.mv0 {
  margin-top: 0px;
  margin-bottom: 0px; }

.mh0 {
  margin-left: 0px;
  margin-right: 0px; }

.m1 {
  margin: 4px; }

.mt1 {
  margin-top: 4px; }

.mb1 {
  margin-bottom: 4px; }

.ml1 {
  margin-left: 4px; }

.mr1 {
  margin-right: 4px; }

.mv1 {
  margin-top: 4px;
  margin-bottom: 4px; }

.mh1 {
  margin-left: 4px;
  margin-right: 4px; }

.m2 {
  margin: 8px; }

.mt2 {
  margin-top: 8px; }

.mb2 {
  margin-bottom: 8px; }

.ml2 {
  margin-left: 8px; }

.mr2 {
  margin-right: 8px; }

.mv2 {
  margin-top: 8px;
  margin-bottom: 8px; }

.mh2 {
  margin-left: 8px;
  margin-right: 8px; }

.m3 {
  margin: 12px; }

.mt3 {
  margin-top: 12px; }

.mb3 {
  margin-bottom: 12px; }

.ml3 {
  margin-left: 12px; }

.mr3 {
  margin-right: 12px; }

.mv3 {
  margin-top: 12px;
  margin-bottom: 12px; }

.mh3 {
  margin-left: 12px;
  margin-right: 12px; }

.m4 {
  margin: 16px; }

.mt4 {
  margin-top: 16px; }

.mb4 {
  margin-bottom: 16px; }

.ml4 {
  margin-left: 16px; }

.mr4 {
  margin-right: 16px; }

.mv4 {
  margin-top: 16px;
  margin-bottom: 16px; }

.mh4 {
  margin-left: 16px;
  margin-right: 16px; }

.m5 {
  margin: 20px; }

.mt5 {
  margin-top: 20px; }

.mb5 {
  margin-bottom: 20px; }

.ml5 {
  margin-left: 20px; }

.mr5 {
  margin-right: 20px; }

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

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

.m6 {
  margin: 24px; }

.mt6 {
  margin-top: 24px; }

.mb6 {
  margin-bottom: 24px; }

.ml6 {
  margin-left: 24px; }

.mr6 {
  margin-right: 24px; }

.mv6 {
  margin-top: 24px;
  margin-bottom: 24px; }

.mh6 {
  margin-left: 24px;
  margin-right: 24px; }

.m7 {
  margin: 32px; }

.mt7 {
  margin-top: 32px; }

.mb7 {
  margin-bottom: 32px; }

.ml7 {
  margin-left: 32px; }

.mr7 {
  margin-right: 32px; }

.mv7 {
  margin-top: 32px;
  margin-bottom: 32px; }

.mh7 {
  margin-left: 32px;
  margin-right: 32px; }

.m8 {
  margin: 48px; }

.mt8 {
  margin-top: 48px; }

.mb8 {
  margin-bottom: 48px; }

.ml8 {
  margin-left: 48px; }

.mr8 {
  margin-right: 48px; }

.mv8 {
  margin-top: 48px;
  margin-bottom: 48px; }

.mh8 {
  margin-left: 48px;
  margin-right: 48px; }

.m9 {
  margin: 64px; }

.mt9 {
  margin-top: 64px; }

.mb9 {
  margin-bottom: 64px; }

.ml9 {
  margin-left: 64px; }

.mr9 {
  margin-right: 64px; }

.mv9 {
  margin-top: 64px;
  margin-bottom: 64px; }

.mh9 {
  margin-left: 64px;
  margin-right: 64px; }

.m10 {
  margin: 96px; }

.mt10 {
  margin-top: 96px; }

.mb10 {
  margin-bottom: 96px; }

.ml10 {
  margin-left: 96px; }

.mr10 {
  margin-right: 96px; }

.mv10 {
  margin-top: 96px;
  margin-bottom: 96px; }

.mh10 {
  margin-left: 96px;
  margin-right: 96px; }

.m11 {
  margin: 160px; }

.mt11 {
  margin-top: 160px; }

.mb11 {
  margin-bottom: 160px; }

.ml11 {
  margin-left: 160px; }

.mr11 {
  margin-right: 160px; }

.mv11 {
  margin-top: 160px;
  margin-bottom: 160px; }

.mh11 {
  margin-left: 160px;
  margin-right: 160px; }

.m12 {
  margin: 288px; }

.mt12 {
  margin-top: 288px; }

.mb12 {
  margin-bottom: 288px; }

.ml12 {
  margin-left: 288px; }

.mr12 {
  margin-right: 288px; }

.mv12 {
  margin-top: 288px;
  margin-bottom: 288px; }

.mh12 {
  margin-left: 288px;
  margin-right: 288px; }

@media only screen and (min-width: 550px) {
  .m0-ns {
    margin: 0px; }
  .mt0-ns {
    margin-top: 0px; }
  .mb0-ns {
    margin-bottom: 0px; }
  .ml0-ns {
    margin-left: 0px; }
  .mr0-ns {
    margin-right: 0px; }
  .mv0-ns {
    margin-top: 0px;
    margin-bottom: 0px; }
  .mh0-ns {
    margin-left: 0px;
    margin-right: 0px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .m0-md {
    margin: 0px; }
  .mt0-md {
    margin-top: 0px; }
  .mb0-md {
    margin-bottom: 0px; }
  .ml0-md {
    margin-left: 0px; }
  .mr0-md {
    margin-right: 0px; }
  .mv0-md {
    margin-top: 0px;
    margin-bottom: 0px; }
  .mh0-md {
    margin-left: 0px;
    margin-right: 0px; } }

@media only screen and (min-width: 960px) {
  .m0-lg {
    margin: 0px; }
  .mt0-lg {
    margin-top: 0px; }
  .mb0-lg {
    margin-bottom: 0px; }
  .ml0-lg {
    margin-left: 0px; }
  .mr0-lg {
    margin-right: 0px; }
  .mv0-lg {
    margin-top: 0px;
    margin-bottom: 0px; }
  .mh0-lg {
    margin-left: 0px;
    margin-right: 0px; } }

@media only screen and (min-width: 550px) {
  .m1-ns {
    margin: 4px; }
  .mt1-ns {
    margin-top: 4px; }
  .mb1-ns {
    margin-bottom: 4px; }
  .ml1-ns {
    margin-left: 4px; }
  .mr1-ns {
    margin-right: 4px; }
  .mv1-ns {
    margin-top: 4px;
    margin-bottom: 4px; }
  .mh1-ns {
    margin-left: 4px;
    margin-right: 4px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .m1-md {
    margin: 4px; }
  .mt1-md {
    margin-top: 4px; }
  .mb1-md {
    margin-bottom: 4px; }
  .ml1-md {
    margin-left: 4px; }
  .mr1-md {
    margin-right: 4px; }
  .mv1-md {
    margin-top: 4px;
    margin-bottom: 4px; }
  .mh1-md {
    margin-left: 4px;
    margin-right: 4px; } }

@media only screen and (min-width: 960px) {
  .m1-lg {
    margin: 4px; }
  .mt1-lg {
    margin-top: 4px; }
  .mb1-lg {
    margin-bottom: 4px; }
  .ml1-lg {
    margin-left: 4px; }
  .mr1-lg {
    margin-right: 4px; }
  .mv1-lg {
    margin-top: 4px;
    margin-bottom: 4px; }
  .mh1-lg {
    margin-left: 4px;
    margin-right: 4px; } }

@media only screen and (min-width: 550px) {
  .m2-ns {
    margin: 8px; }
  .mt2-ns {
    margin-top: 8px; }
  .mb2-ns {
    margin-bottom: 8px; }
  .ml2-ns {
    margin-left: 8px; }
  .mr2-ns {
    margin-right: 8px; }
  .mv2-ns {
    margin-top: 8px;
    margin-bottom: 8px; }
  .mh2-ns {
    margin-left: 8px;
    margin-right: 8px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .m2-md {
    margin: 8px; }
  .mt2-md {
    margin-top: 8px; }
  .mb2-md {
    margin-bottom: 8px; }
  .ml2-md {
    margin-left: 8px; }
  .mr2-md {
    margin-right: 8px; }
  .mv2-md {
    margin-top: 8px;
    margin-bottom: 8px; }
  .mh2-md {
    margin-left: 8px;
    margin-right: 8px; } }

@media only screen and (min-width: 960px) {
  .m2-lg {
    margin: 8px; }
  .mt2-lg {
    margin-top: 8px; }
  .mb2-lg {
    margin-bottom: 8px; }
  .ml2-lg {
    margin-left: 8px; }
  .mr2-lg {
    margin-right: 8px; }
  .mv2-lg {
    margin-top: 8px;
    margin-bottom: 8px; }
  .mh2-lg {
    margin-left: 8px;
    margin-right: 8px; } }

@media only screen and (min-width: 550px) {
  .m3-ns {
    margin: 12px; }
  .mt3-ns {
    margin-top: 12px; }
  .mb3-ns {
    margin-bottom: 12px; }
  .ml3-ns {
    margin-left: 12px; }
  .mr3-ns {
    margin-right: 12px; }
  .mv3-ns {
    margin-top: 12px;
    margin-bottom: 12px; }
  .mh3-ns {
    margin-left: 12px;
    margin-right: 12px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .m3-md {
    margin: 12px; }
  .mt3-md {
    margin-top: 12px; }
  .mb3-md {
    margin-bottom: 12px; }
  .ml3-md {
    margin-left: 12px; }
  .mr3-md {
    margin-right: 12px; }
  .mv3-md {
    margin-top: 12px;
    margin-bottom: 12px; }
  .mh3-md {
    margin-left: 12px;
    margin-right: 12px; } }

@media only screen and (min-width: 960px) {
  .m3-lg {
    margin: 12px; }
  .mt3-lg {
    margin-top: 12px; }
  .mb3-lg {
    margin-bottom: 12px; }
  .ml3-lg {
    margin-left: 12px; }
  .mr3-lg {
    margin-right: 12px; }
  .mv3-lg {
    margin-top: 12px;
    margin-bottom: 12px; }
  .mh3-lg {
    margin-left: 12px;
    margin-right: 12px; } }

@media only screen and (min-width: 550px) {
  .m4-ns {
    margin: 16px; }
  .mt4-ns {
    margin-top: 16px; }
  .mb4-ns {
    margin-bottom: 16px; }
  .ml4-ns {
    margin-left: 16px; }
  .mr4-ns {
    margin-right: 16px; }
  .mv4-ns {
    margin-top: 16px;
    margin-bottom: 16px; }
  .mh4-ns {
    margin-left: 16px;
    margin-right: 16px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .m4-md {
    margin: 16px; }
  .mt4-md {
    margin-top: 16px; }
  .mb4-md {
    margin-bottom: 16px; }
  .ml4-md {
    margin-left: 16px; }
  .mr4-md {
    margin-right: 16px; }
  .mv4-md {
    margin-top: 16px;
    margin-bottom: 16px; }
  .mh4-md {
    margin-left: 16px;
    margin-right: 16px; } }

@media only screen and (min-width: 960px) {
  .m4-lg {
    margin: 16px; }
  .mt4-lg {
    margin-top: 16px; }
  .mb4-lg {
    margin-bottom: 16px; }
  .ml4-lg {
    margin-left: 16px; }
  .mr4-lg {
    margin-right: 16px; }
  .mv4-lg {
    margin-top: 16px;
    margin-bottom: 16px; }
  .mh4-lg {
    margin-left: 16px;
    margin-right: 16px; } }

@media only screen and (min-width: 550px) {
  .m5-ns {
    margin: 20px; }
  .mt5-ns {
    margin-top: 20px; }
  .mb5-ns {
    margin-bottom: 20px; }
  .ml5-ns {
    margin-left: 20px; }
  .mr5-ns {
    margin-right: 20px; }
  .mv5-ns {
    margin-top: 20px;
    margin-bottom: 20px; }
  .mh5-ns {
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .m5-md {
    margin: 20px; }
  .mt5-md {
    margin-top: 20px; }
  .mb5-md {
    margin-bottom: 20px; }
  .ml5-md {
    margin-left: 20px; }
  .mr5-md {
    margin-right: 20px; }
  .mv5-md {
    margin-top: 20px;
    margin-bottom: 20px; }
  .mh5-md {
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 960px) {
  .m5-lg {
    margin: 20px; }
  .mt5-lg {
    margin-top: 20px; }
  .mb5-lg {
    margin-bottom: 20px; }
  .ml5-lg {
    margin-left: 20px; }
  .mr5-lg {
    margin-right: 20px; }
  .mv5-lg {
    margin-top: 20px;
    margin-bottom: 20px; }
  .mh5-lg {
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 550px) {
  .m6-ns {
    margin: 24px; }
  .mt6-ns {
    margin-top: 24px; }
  .mb6-ns {
    margin-bottom: 24px; }
  .ml6-ns {
    margin-left: 24px; }
  .mr6-ns {
    margin-right: 24px; }
  .mv6-ns {
    margin-top: 24px;
    margin-bottom: 24px; }
  .mh6-ns {
    margin-left: 24px;
    margin-right: 24px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .m6-md {
    margin: 24px; }
  .mt6-md {
    margin-top: 24px; }
  .mb6-md {
    margin-bottom: 24px; }
  .ml6-md {
    margin-left: 24px; }
  .mr6-md {
    margin-right: 24px; }
  .mv6-md {
    margin-top: 24px;
    margin-bottom: 24px; }
  .mh6-md {
    margin-left: 24px;
    margin-right: 24px; } }

@media only screen and (min-width: 960px) {
  .m6-lg {
    margin: 24px; }
  .mt6-lg {
    margin-top: 24px; }
  .mb6-lg {
    margin-bottom: 24px; }
  .ml6-lg {
    margin-left: 24px; }
  .mr6-lg {
    margin-right: 24px; }
  .mv6-lg {
    margin-top: 24px;
    margin-bottom: 24px; }
  .mh6-lg {
    margin-left: 24px;
    margin-right: 24px; } }

@media only screen and (min-width: 550px) {
  .m7-ns {
    margin: 32px; }
  .mt7-ns {
    margin-top: 32px; }
  .mb7-ns {
    margin-bottom: 32px; }
  .ml7-ns {
    margin-left: 32px; }
  .mr7-ns {
    margin-right: 32px; }
  .mv7-ns {
    margin-top: 32px;
    margin-bottom: 32px; }
  .mh7-ns {
    margin-left: 32px;
    margin-right: 32px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .m7-md {
    margin: 32px; }
  .mt7-md {
    margin-top: 32px; }
  .mb7-md {
    margin-bottom: 32px; }
  .ml7-md {
    margin-left: 32px; }
  .mr7-md {
    margin-right: 32px; }
  .mv7-md {
    margin-top: 32px;
    margin-bottom: 32px; }
  .mh7-md {
    margin-left: 32px;
    margin-right: 32px; } }

@media only screen and (min-width: 960px) {
  .m7-lg {
    margin: 32px; }
  .mt7-lg {
    margin-top: 32px; }
  .mb7-lg {
    margin-bottom: 32px; }
  .ml7-lg {
    margin-left: 32px; }
  .mr7-lg {
    margin-right: 32px; }
  .mv7-lg {
    margin-top: 32px;
    margin-bottom: 32px; }
  .mh7-lg {
    margin-left: 32px;
    margin-right: 32px; } }

@media only screen and (min-width: 550px) {
  .m8-ns {
    margin: 48px; }
  .mt8-ns {
    margin-top: 48px; }
  .mb8-ns {
    margin-bottom: 48px; }
  .ml8-ns {
    margin-left: 48px; }
  .mr8-ns {
    margin-right: 48px; }
  .mv8-ns {
    margin-top: 48px;
    margin-bottom: 48px; }
  .mh8-ns {
    margin-left: 48px;
    margin-right: 48px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .m8-md {
    margin: 48px; }
  .mt8-md {
    margin-top: 48px; }
  .mb8-md {
    margin-bottom: 48px; }
  .ml8-md {
    margin-left: 48px; }
  .mr8-md {
    margin-right: 48px; }
  .mv8-md {
    margin-top: 48px;
    margin-bottom: 48px; }
  .mh8-md {
    margin-left: 48px;
    margin-right: 48px; } }

@media only screen and (min-width: 960px) {
  .m8-lg {
    margin: 48px; }
  .mt8-lg {
    margin-top: 48px; }
  .mb8-lg {
    margin-bottom: 48px; }
  .ml8-lg {
    margin-left: 48px; }
  .mr8-lg {
    margin-right: 48px; }
  .mv8-lg {
    margin-top: 48px;
    margin-bottom: 48px; }
  .mh8-lg {
    margin-left: 48px;
    margin-right: 48px; } }

@media only screen and (min-width: 550px) {
  .m9-ns {
    margin: 64px; }
  .mt9-ns {
    margin-top: 64px; }
  .mb9-ns {
    margin-bottom: 64px; }
  .ml9-ns {
    margin-left: 64px; }
  .mr9-ns {
    margin-right: 64px; }
  .mv9-ns {
    margin-top: 64px;
    margin-bottom: 64px; }
  .mh9-ns {
    margin-left: 64px;
    margin-right: 64px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .m9-md {
    margin: 64px; }
  .mt9-md {
    margin-top: 64px; }
  .mb9-md {
    margin-bottom: 64px; }
  .ml9-md {
    margin-left: 64px; }
  .mr9-md {
    margin-right: 64px; }
  .mv9-md {
    margin-top: 64px;
    margin-bottom: 64px; }
  .mh9-md {
    margin-left: 64px;
    margin-right: 64px; } }

@media only screen and (min-width: 960px) {
  .m9-lg {
    margin: 64px; }
  .mt9-lg {
    margin-top: 64px; }
  .mb9-lg {
    margin-bottom: 64px; }
  .ml9-lg {
    margin-left: 64px; }
  .mr9-lg {
    margin-right: 64px; }
  .mv9-lg {
    margin-top: 64px;
    margin-bottom: 64px; }
  .mh9-lg {
    margin-left: 64px;
    margin-right: 64px; } }

@media only screen and (min-width: 550px) {
  .m10-ns {
    margin: 96px; }
  .mt10-ns {
    margin-top: 96px; }
  .mb10-ns {
    margin-bottom: 96px; }
  .ml10-ns {
    margin-left: 96px; }
  .mr10-ns {
    margin-right: 96px; }
  .mv10-ns {
    margin-top: 96px;
    margin-bottom: 96px; }
  .mh10-ns {
    margin-left: 96px;
    margin-right: 96px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .m10-md {
    margin: 96px; }
  .mt10-md {
    margin-top: 96px; }
  .mb10-md {
    margin-bottom: 96px; }
  .ml10-md {
    margin-left: 96px; }
  .mr10-md {
    margin-right: 96px; }
  .mv10-md {
    margin-top: 96px;
    margin-bottom: 96px; }
  .mh10-md {
    margin-left: 96px;
    margin-right: 96px; } }

@media only screen and (min-width: 960px) {
  .m10-lg {
    margin: 96px; }
  .mt10-lg {
    margin-top: 96px; }
  .mb10-lg {
    margin-bottom: 96px; }
  .ml10-lg {
    margin-left: 96px; }
  .mr10-lg {
    margin-right: 96px; }
  .mv10-lg {
    margin-top: 96px;
    margin-bottom: 96px; }
  .mh10-lg {
    margin-left: 96px;
    margin-right: 96px; } }

@media only screen and (min-width: 550px) {
  .m11-ns {
    margin: 160px; }
  .mt11-ns {
    margin-top: 160px; }
  .mb11-ns {
    margin-bottom: 160px; }
  .ml11-ns {
    margin-left: 160px; }
  .mr11-ns {
    margin-right: 160px; }
  .mv11-ns {
    margin-top: 160px;
    margin-bottom: 160px; }
  .mh11-ns {
    margin-left: 160px;
    margin-right: 160px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .m11-md {
    margin: 160px; }
  .mt11-md {
    margin-top: 160px; }
  .mb11-md {
    margin-bottom: 160px; }
  .ml11-md {
    margin-left: 160px; }
  .mr11-md {
    margin-right: 160px; }
  .mv11-md {
    margin-top: 160px;
    margin-bottom: 160px; }
  .mh11-md {
    margin-left: 160px;
    margin-right: 160px; } }

@media only screen and (min-width: 960px) {
  .m11-lg {
    margin: 160px; }
  .mt11-lg {
    margin-top: 160px; }
  .mb11-lg {
    margin-bottom: 160px; }
  .ml11-lg {
    margin-left: 160px; }
  .mr11-lg {
    margin-right: 160px; }
  .mv11-lg {
    margin-top: 160px;
    margin-bottom: 160px; }
  .mh11-lg {
    margin-left: 160px;
    margin-right: 160px; } }

@media only screen and (min-width: 550px) {
  .m12-ns {
    margin: 288px; }
  .mt12-ns {
    margin-top: 288px; }
  .mb12-ns {
    margin-bottom: 288px; }
  .ml12-ns {
    margin-left: 288px; }
  .mr12-ns {
    margin-right: 288px; }
  .mv12-ns {
    margin-top: 288px;
    margin-bottom: 288px; }
  .mh12-ns {
    margin-left: 288px;
    margin-right: 288px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .m12-md {
    margin: 288px; }
  .mt12-md {
    margin-top: 288px; }
  .mb12-md {
    margin-bottom: 288px; }
  .ml12-md {
    margin-left: 288px; }
  .mr12-md {
    margin-right: 288px; }
  .mv12-md {
    margin-top: 288px;
    margin-bottom: 288px; }
  .mh12-md {
    margin-left: 288px;
    margin-right: 288px; } }

@media only screen and (min-width: 960px) {
  .m12-lg {
    margin: 288px; }
  .mt12-lg {
    margin-top: 288px; }
  .mb12-lg {
    margin-bottom: 288px; }
  .ml12-lg {
    margin-left: 288px; }
  .mr12-lg {
    margin-right: 288px; }
  .mv12-lg {
    margin-top: 288px;
    margin-bottom: 288px; }
  .mh12-lg {
    margin-left: 288px;
    margin-right: 288px; } }

/*******************************************************************************
  Opacity
*******************************************************************************/
.o100 {
  opacity: 1; }

.o0 {
  opacity: 0; }

/*******************************************************************************
  Padding
*******************************************************************************/
.p0 {
  padding: 0px; }

.pt0 {
  padding-top: 0px; }

.pb0 {
  padding-bottom: 0px; }

.pl0 {
  padding-left: 0px; }

.pr0 {
  padding-right: 0px; }

.pv0 {
  padding-top: 0px;
  padding-bottom: 0px; }

.ph0 {
  padding-left: 0px;
  padding-right: 0px; }

.p1 {
  padding: 4px; }

.pt1 {
  padding-top: 4px; }

.pb1 {
  padding-bottom: 4px; }

.pl1 {
  padding-left: 4px; }

.pr1 {
  padding-right: 4px; }

.pv1 {
  padding-top: 4px;
  padding-bottom: 4px; }

.ph1 {
  padding-left: 4px;
  padding-right: 4px; }

.p2 {
  padding: 8px; }

.pt2 {
  padding-top: 8px; }

.pb2 {
  padding-bottom: 8px; }

.pl2 {
  padding-left: 8px; }

.pr2 {
  padding-right: 8px; }

.pv2 {
  padding-top: 8px;
  padding-bottom: 8px; }

.ph2 {
  padding-left: 8px;
  padding-right: 8px; }

.p3 {
  padding: 12px; }

.pt3 {
  padding-top: 12px; }

.pb3 {
  padding-bottom: 12px; }

.pl3 {
  padding-left: 12px; }

.pr3 {
  padding-right: 12px; }

.pv3 {
  padding-top: 12px;
  padding-bottom: 12px; }

.ph3 {
  padding-left: 12px;
  padding-right: 12px; }

.p4 {
  padding: 16px; }

.pt4 {
  padding-top: 16px; }

.pb4 {
  padding-bottom: 16px; }

.pl4 {
  padding-left: 16px; }

.pr4 {
  padding-right: 16px; }

.pv4 {
  padding-top: 16px;
  padding-bottom: 16px; }

.ph4 {
  padding-left: 16px;
  padding-right: 16px; }

.p5 {
  padding: 20px; }

.pt5 {
  padding-top: 20px; }

.pb5 {
  padding-bottom: 20px; }

.pl5 {
  padding-left: 20px; }

.pr5 {
  padding-right: 20px; }

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

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

.p6 {
  padding: 24px; }

.pt6 {
  padding-top: 24px; }

.pb6 {
  padding-bottom: 24px; }

.pl6 {
  padding-left: 24px; }

.pr6 {
  padding-right: 24px; }

.pv6 {
  padding-top: 24px;
  padding-bottom: 24px; }

.ph6 {
  padding-left: 24px;
  padding-right: 24px; }

.p7 {
  padding: 32px; }

.pt7 {
  padding-top: 32px; }

.pb7 {
  padding-bottom: 32px; }

.pl7 {
  padding-left: 32px; }

.pr7 {
  padding-right: 32px; }

.pv7 {
  padding-top: 32px;
  padding-bottom: 32px; }

.ph7 {
  padding-left: 32px;
  padding-right: 32px; }

.p8 {
  padding: 48px; }

.pt8 {
  padding-top: 48px; }

.pb8 {
  padding-bottom: 48px; }

.pl8 {
  padding-left: 48px; }

.pr8 {
  padding-right: 48px; }

.pv8 {
  padding-top: 48px;
  padding-bottom: 48px; }

.ph8 {
  padding-left: 48px;
  padding-right: 48px; }

.p9 {
  padding: 64px; }

.pt9 {
  padding-top: 64px; }

.pb9 {
  padding-bottom: 64px; }

.pl9 {
  padding-left: 64px; }

.pr9 {
  padding-right: 64px; }

.pv9 {
  padding-top: 64px;
  padding-bottom: 64px; }

.ph9 {
  padding-left: 64px;
  padding-right: 64px; }

.p10 {
  padding: 96px; }

.pt10 {
  padding-top: 96px; }

.pb10 {
  padding-bottom: 96px; }

.pl10 {
  padding-left: 96px; }

.pr10 {
  padding-right: 96px; }

.pv10 {
  padding-top: 96px;
  padding-bottom: 96px; }

.ph10 {
  padding-left: 96px;
  padding-right: 96px; }

.p11 {
  padding: 160px; }

.pt11 {
  padding-top: 160px; }

.pb11 {
  padding-bottom: 160px; }

.pl11 {
  padding-left: 160px; }

.pr11 {
  padding-right: 160px; }

.pv11 {
  padding-top: 160px;
  padding-bottom: 160px; }

.ph11 {
  padding-left: 160px;
  padding-right: 160px; }

.p12 {
  padding: 288px; }

.pt12 {
  padding-top: 288px; }

.pb12 {
  padding-bottom: 288px; }

.pl12 {
  padding-left: 288px; }

.pr12 {
  padding-right: 288px; }

.pv12 {
  padding-top: 288px;
  padding-bottom: 288px; }

.ph12 {
  padding-left: 288px;
  padding-right: 288px; }

@media only screen and (min-width: 550px) {
  .p0-ns {
    padding: 0px; }
  .pt0-ns {
    padding-top: 0px; }
  .pb0-ns {
    padding-bottom: 0px; }
  .pl0-ns {
    padding-left: 0px; }
  .pr0-ns {
    padding-right: 0px; }
  .pv0-ns {
    padding-top: 0px;
    padding-bottom: 0px; }
  .ph0-ns {
    padding-left: 0px;
    padding-right: 0px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .p0-md {
    padding: 0px; }
  .pt0-md {
    padding-top: 0px; }
  .pb0-md {
    padding-bottom: 0px; }
  .pl0-md {
    padding-left: 0px; }
  .pr0-md {
    padding-right: 0px; }
  .pv0-md {
    padding-top: 0px;
    padding-bottom: 0px; }
  .ph0-md {
    padding-left: 0px;
    padding-right: 0px; } }

@media only screen and (min-width: 960px) {
  .p0-lg {
    padding: 0px; }
  .pt0-lg {
    padding-top: 0px; }
  .pb0-lg {
    padding-bottom: 0px; }
  .pl0-lg {
    padding-left: 0px; }
  .pr0-lg {
    padding-right: 0px; }
  .pv0-lg {
    padding-top: 0px;
    padding-bottom: 0px; }
  .ph0-lg {
    padding-left: 0px;
    padding-right: 0px; } }

@media only screen and (min-width: 550px) {
  .p1-ns {
    padding: 4px; }
  .pt1-ns {
    padding-top: 4px; }
  .pb1-ns {
    padding-bottom: 4px; }
  .pl1-ns {
    padding-left: 4px; }
  .pr1-ns {
    padding-right: 4px; }
  .pv1-ns {
    padding-top: 4px;
    padding-bottom: 4px; }
  .ph1-ns {
    padding-left: 4px;
    padding-right: 4px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .p1-md {
    padding: 4px; }
  .pt1-md {
    padding-top: 4px; }
  .pb1-md {
    padding-bottom: 4px; }
  .pl1-md {
    padding-left: 4px; }
  .pr1-md {
    padding-right: 4px; }
  .pv1-md {
    padding-top: 4px;
    padding-bottom: 4px; }
  .ph1-md {
    padding-left: 4px;
    padding-right: 4px; } }

@media only screen and (min-width: 960px) {
  .p1-lg {
    padding: 4px; }
  .pt1-lg {
    padding-top: 4px; }
  .pb1-lg {
    padding-bottom: 4px; }
  .pl1-lg {
    padding-left: 4px; }
  .pr1-lg {
    padding-right: 4px; }
  .pv1-lg {
    padding-top: 4px;
    padding-bottom: 4px; }
  .ph1-lg {
    padding-left: 4px;
    padding-right: 4px; } }

@media only screen and (min-width: 550px) {
  .p2-ns {
    padding: 8px; }
  .pt2-ns {
    padding-top: 8px; }
  .pb2-ns {
    padding-bottom: 8px; }
  .pl2-ns {
    padding-left: 8px; }
  .pr2-ns {
    padding-right: 8px; }
  .pv2-ns {
    padding-top: 8px;
    padding-bottom: 8px; }
  .ph2-ns {
    padding-left: 8px;
    padding-right: 8px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .p2-md {
    padding: 8px; }
  .pt2-md {
    padding-top: 8px; }
  .pb2-md {
    padding-bottom: 8px; }
  .pl2-md {
    padding-left: 8px; }
  .pr2-md {
    padding-right: 8px; }
  .pv2-md {
    padding-top: 8px;
    padding-bottom: 8px; }
  .ph2-md {
    padding-left: 8px;
    padding-right: 8px; } }

@media only screen and (min-width: 960px) {
  .p2-lg {
    padding: 8px; }
  .pt2-lg {
    padding-top: 8px; }
  .pb2-lg {
    padding-bottom: 8px; }
  .pl2-lg {
    padding-left: 8px; }
  .pr2-lg {
    padding-right: 8px; }
  .pv2-lg {
    padding-top: 8px;
    padding-bottom: 8px; }
  .ph2-lg {
    padding-left: 8px;
    padding-right: 8px; } }

@media only screen and (min-width: 550px) {
  .p3-ns {
    padding: 12px; }
  .pt3-ns {
    padding-top: 12px; }
  .pb3-ns {
    padding-bottom: 12px; }
  .pl3-ns {
    padding-left: 12px; }
  .pr3-ns {
    padding-right: 12px; }
  .pv3-ns {
    padding-top: 12px;
    padding-bottom: 12px; }
  .ph3-ns {
    padding-left: 12px;
    padding-right: 12px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .p3-md {
    padding: 12px; }
  .pt3-md {
    padding-top: 12px; }
  .pb3-md {
    padding-bottom: 12px; }
  .pl3-md {
    padding-left: 12px; }
  .pr3-md {
    padding-right: 12px; }
  .pv3-md {
    padding-top: 12px;
    padding-bottom: 12px; }
  .ph3-md {
    padding-left: 12px;
    padding-right: 12px; } }

@media only screen and (min-width: 960px) {
  .p3-lg {
    padding: 12px; }
  .pt3-lg {
    padding-top: 12px; }
  .pb3-lg {
    padding-bottom: 12px; }
  .pl3-lg {
    padding-left: 12px; }
  .pr3-lg {
    padding-right: 12px; }
  .pv3-lg {
    padding-top: 12px;
    padding-bottom: 12px; }
  .ph3-lg {
    padding-left: 12px;
    padding-right: 12px; } }

@media only screen and (min-width: 550px) {
  .p4-ns {
    padding: 16px; }
  .pt4-ns {
    padding-top: 16px; }
  .pb4-ns {
    padding-bottom: 16px; }
  .pl4-ns {
    padding-left: 16px; }
  .pr4-ns {
    padding-right: 16px; }
  .pv4-ns {
    padding-top: 16px;
    padding-bottom: 16px; }
  .ph4-ns {
    padding-left: 16px;
    padding-right: 16px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .p4-md {
    padding: 16px; }
  .pt4-md {
    padding-top: 16px; }
  .pb4-md {
    padding-bottom: 16px; }
  .pl4-md {
    padding-left: 16px; }
  .pr4-md {
    padding-right: 16px; }
  .pv4-md {
    padding-top: 16px;
    padding-bottom: 16px; }
  .ph4-md {
    padding-left: 16px;
    padding-right: 16px; } }

@media only screen and (min-width: 960px) {
  .p4-lg {
    padding: 16px; }
  .pt4-lg {
    padding-top: 16px; }
  .pb4-lg {
    padding-bottom: 16px; }
  .pl4-lg {
    padding-left: 16px; }
  .pr4-lg {
    padding-right: 16px; }
  .pv4-lg {
    padding-top: 16px;
    padding-bottom: 16px; }
  .ph4-lg {
    padding-left: 16px;
    padding-right: 16px; } }

@media only screen and (min-width: 550px) {
  .p5-ns {
    padding: 20px; }
  .pt5-ns {
    padding-top: 20px; }
  .pb5-ns {
    padding-bottom: 20px; }
  .pl5-ns {
    padding-left: 20px; }
  .pr5-ns {
    padding-right: 20px; }
  .pv5-ns {
    padding-top: 20px;
    padding-bottom: 20px; }
  .ph5-ns {
    padding-left: 20px;
    padding-right: 20px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .p5-md {
    padding: 20px; }
  .pt5-md {
    padding-top: 20px; }
  .pb5-md {
    padding-bottom: 20px; }
  .pl5-md {
    padding-left: 20px; }
  .pr5-md {
    padding-right: 20px; }
  .pv5-md {
    padding-top: 20px;
    padding-bottom: 20px; }
  .ph5-md {
    padding-left: 20px;
    padding-right: 20px; } }

@media only screen and (min-width: 960px) {
  .p5-lg {
    padding: 20px; }
  .pt5-lg {
    padding-top: 20px; }
  .pb5-lg {
    padding-bottom: 20px; }
  .pl5-lg {
    padding-left: 20px; }
  .pr5-lg {
    padding-right: 20px; }
  .pv5-lg {
    padding-top: 20px;
    padding-bottom: 20px; }
  .ph5-lg {
    padding-left: 20px;
    padding-right: 20px; } }

@media only screen and (min-width: 550px) {
  .p6-ns {
    padding: 24px; }
  .pt6-ns {
    padding-top: 24px; }
  .pb6-ns {
    padding-bottom: 24px; }
  .pl6-ns {
    padding-left: 24px; }
  .pr6-ns {
    padding-right: 24px; }
  .pv6-ns {
    padding-top: 24px;
    padding-bottom: 24px; }
  .ph6-ns {
    padding-left: 24px;
    padding-right: 24px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .p6-md {
    padding: 24px; }
  .pt6-md {
    padding-top: 24px; }
  .pb6-md {
    padding-bottom: 24px; }
  .pl6-md {
    padding-left: 24px; }
  .pr6-md {
    padding-right: 24px; }
  .pv6-md {
    padding-top: 24px;
    padding-bottom: 24px; }
  .ph6-md {
    padding-left: 24px;
    padding-right: 24px; } }

@media only screen and (min-width: 960px) {
  .p6-lg {
    padding: 24px; }
  .pt6-lg {
    padding-top: 24px; }
  .pb6-lg {
    padding-bottom: 24px; }
  .pl6-lg {
    padding-left: 24px; }
  .pr6-lg {
    padding-right: 24px; }
  .pv6-lg {
    padding-top: 24px;
    padding-bottom: 24px; }
  .ph6-lg {
    padding-left: 24px;
    padding-right: 24px; } }

@media only screen and (min-width: 550px) {
  .p7-ns {
    padding: 32px; }
  .pt7-ns {
    padding-top: 32px; }
  .pb7-ns {
    padding-bottom: 32px; }
  .pl7-ns {
    padding-left: 32px; }
  .pr7-ns {
    padding-right: 32px; }
  .pv7-ns {
    padding-top: 32px;
    padding-bottom: 32px; }
  .ph7-ns {
    padding-left: 32px;
    padding-right: 32px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .p7-md {
    padding: 32px; }
  .pt7-md {
    padding-top: 32px; }
  .pb7-md {
    padding-bottom: 32px; }
  .pl7-md {
    padding-left: 32px; }
  .pr7-md {
    padding-right: 32px; }
  .pv7-md {
    padding-top: 32px;
    padding-bottom: 32px; }
  .ph7-md {
    padding-left: 32px;
    padding-right: 32px; } }

@media only screen and (min-width: 960px) {
  .p7-lg {
    padding: 32px; }
  .pt7-lg {
    padding-top: 32px; }
  .pb7-lg {
    padding-bottom: 32px; }
  .pl7-lg {
    padding-left: 32px; }
  .pr7-lg {
    padding-right: 32px; }
  .pv7-lg {
    padding-top: 32px;
    padding-bottom: 32px; }
  .ph7-lg {
    padding-left: 32px;
    padding-right: 32px; } }

@media only screen and (min-width: 550px) {
  .p8-ns {
    padding: 48px; }
  .pt8-ns {
    padding-top: 48px; }
  .pb8-ns {
    padding-bottom: 48px; }
  .pl8-ns {
    padding-left: 48px; }
  .pr8-ns {
    padding-right: 48px; }
  .pv8-ns {
    padding-top: 48px;
    padding-bottom: 48px; }
  .ph8-ns {
    padding-left: 48px;
    padding-right: 48px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .p8-md {
    padding: 48px; }
  .pt8-md {
    padding-top: 48px; }
  .pb8-md {
    padding-bottom: 48px; }
  .pl8-md {
    padding-left: 48px; }
  .pr8-md {
    padding-right: 48px; }
  .pv8-md {
    padding-top: 48px;
    padding-bottom: 48px; }
  .ph8-md {
    padding-left: 48px;
    padding-right: 48px; } }

@media only screen and (min-width: 960px) {
  .p8-lg {
    padding: 48px; }
  .pt8-lg {
    padding-top: 48px; }
  .pb8-lg {
    padding-bottom: 48px; }
  .pl8-lg {
    padding-left: 48px; }
  .pr8-lg {
    padding-right: 48px; }
  .pv8-lg {
    padding-top: 48px;
    padding-bottom: 48px; }
  .ph8-lg {
    padding-left: 48px;
    padding-right: 48px; } }

@media only screen and (min-width: 550px) {
  .p9-ns {
    padding: 64px; }
  .pt9-ns {
    padding-top: 64px; }
  .pb9-ns {
    padding-bottom: 64px; }
  .pl9-ns {
    padding-left: 64px; }
  .pr9-ns {
    padding-right: 64px; }
  .pv9-ns {
    padding-top: 64px;
    padding-bottom: 64px; }
  .ph9-ns {
    padding-left: 64px;
    padding-right: 64px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .p9-md {
    padding: 64px; }
  .pt9-md {
    padding-top: 64px; }
  .pb9-md {
    padding-bottom: 64px; }
  .pl9-md {
    padding-left: 64px; }
  .pr9-md {
    padding-right: 64px; }
  .pv9-md {
    padding-top: 64px;
    padding-bottom: 64px; }
  .ph9-md {
    padding-left: 64px;
    padding-right: 64px; } }

@media only screen and (min-width: 960px) {
  .p9-lg {
    padding: 64px; }
  .pt9-lg {
    padding-top: 64px; }
  .pb9-lg {
    padding-bottom: 64px; }
  .pl9-lg {
    padding-left: 64px; }
  .pr9-lg {
    padding-right: 64px; }
  .pv9-lg {
    padding-top: 64px;
    padding-bottom: 64px; }
  .ph9-lg {
    padding-left: 64px;
    padding-right: 64px; } }

@media only screen and (min-width: 550px) {
  .p10-ns {
    padding: 96px; }
  .pt10-ns {
    padding-top: 96px; }
  .pb10-ns {
    padding-bottom: 96px; }
  .pl10-ns {
    padding-left: 96px; }
  .pr10-ns {
    padding-right: 96px; }
  .pv10-ns {
    padding-top: 96px;
    padding-bottom: 96px; }
  .ph10-ns {
    padding-left: 96px;
    padding-right: 96px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .p10-md {
    padding: 96px; }
  .pt10-md {
    padding-top: 96px; }
  .pb10-md {
    padding-bottom: 96px; }
  .pl10-md {
    padding-left: 96px; }
  .pr10-md {
    padding-right: 96px; }
  .pv10-md {
    padding-top: 96px;
    padding-bottom: 96px; }
  .ph10-md {
    padding-left: 96px;
    padding-right: 96px; } }

@media only screen and (min-width: 960px) {
  .p10-lg {
    padding: 96px; }
  .pt10-lg {
    padding-top: 96px; }
  .pb10-lg {
    padding-bottom: 96px; }
  .pl10-lg {
    padding-left: 96px; }
  .pr10-lg {
    padding-right: 96px; }
  .pv10-lg {
    padding-top: 96px;
    padding-bottom: 96px; }
  .ph10-lg {
    padding-left: 96px;
    padding-right: 96px; } }

@media only screen and (min-width: 550px) {
  .p11-ns {
    padding: 160px; }
  .pt11-ns {
    padding-top: 160px; }
  .pb11-ns {
    padding-bottom: 160px; }
  .pl11-ns {
    padding-left: 160px; }
  .pr11-ns {
    padding-right: 160px; }
  .pv11-ns {
    padding-top: 160px;
    padding-bottom: 160px; }
  .ph11-ns {
    padding-left: 160px;
    padding-right: 160px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .p11-md {
    padding: 160px; }
  .pt11-md {
    padding-top: 160px; }
  .pb11-md {
    padding-bottom: 160px; }
  .pl11-md {
    padding-left: 160px; }
  .pr11-md {
    padding-right: 160px; }
  .pv11-md {
    padding-top: 160px;
    padding-bottom: 160px; }
  .ph11-md {
    padding-left: 160px;
    padding-right: 160px; } }

@media only screen and (min-width: 960px) {
  .p11-lg {
    padding: 160px; }
  .pt11-lg {
    padding-top: 160px; }
  .pb11-lg {
    padding-bottom: 160px; }
  .pl11-lg {
    padding-left: 160px; }
  .pr11-lg {
    padding-right: 160px; }
  .pv11-lg {
    padding-top: 160px;
    padding-bottom: 160px; }
  .ph11-lg {
    padding-left: 160px;
    padding-right: 160px; } }

@media only screen and (min-width: 550px) {
  .p12-ns {
    padding: 288px; }
  .pt12-ns {
    padding-top: 288px; }
  .pb12-ns {
    padding-bottom: 288px; }
  .pl12-ns {
    padding-left: 288px; }
  .pr12-ns {
    padding-right: 288px; }
  .pv12-ns {
    padding-top: 288px;
    padding-bottom: 288px; }
  .ph12-ns {
    padding-left: 288px;
    padding-right: 288px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .p12-md {
    padding: 288px; }
  .pt12-md {
    padding-top: 288px; }
  .pb12-md {
    padding-bottom: 288px; }
  .pl12-md {
    padding-left: 288px; }
  .pr12-md {
    padding-right: 288px; }
  .pv12-md {
    padding-top: 288px;
    padding-bottom: 288px; }
  .ph12-md {
    padding-left: 288px;
    padding-right: 288px; } }

@media only screen and (min-width: 960px) {
  .p12-lg {
    padding: 288px; }
  .pt12-lg {
    padding-top: 288px; }
  .pb12-lg {
    padding-bottom: 288px; }
  .pl12-lg {
    padding-left: 288px; }
  .pr12-lg {
    padding-right: 288px; }
  .pv12-lg {
    padding-top: 288px;
    padding-bottom: 288px; }
  .ph12-lg {
    padding-left: 288px;
    padding-right: 288px; } }

/*******************************************************************************
  Position
*******************************************************************************/
.absolute,
.abs {
  position: absolute; }

.relative,
.rel {
  position: relative; }

.fixed,
.fix {
  position: fixed; }

.sticky {
  position: sticky; }

.static {
  position: static; }

@media only screen and (min-width: 550px) {
  .absolute-ns,
  .abs-ns {
    position: absolute; }
  .relative-ns,
  .rel-ns {
    position: relative; }
  .fixed-ns,
  .fix-ns {
    position: fixed; }
  .sticky-ns {
    position: sticky; }
  .static-ns {
    position: static; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .absolute-md,
  .abs-md {
    position: absolute; }
  .relative-md,
  .rel-md {
    position: relative; }
  .fixed-md,
  .fix-md {
    position: fixed; }
  .sticky-md {
    position: sticky; }
  .static-md {
    position: static; } }

@media only screen and (min-width: 960px) {
  .absolute-lg,
  .abs-lg {
    position: absolute; }
  .relative-lg,
  .rel-lg {
    position: relative; }
  .fixed-lg,
  .fix-lg {
    position: fixed; }
  .sticky-lg {
    position: sticky; }
  .static-lg {
    position: static; } }

.top0 {
  top: 0px; }

.right0 {
  right: 0px; }

.bottom0 {
  bottom: 0px; }

.left0 {
  left: 0px; }

@media only screen and (min-width: 550px) {
  .top0-ns {
    top: 0px; }
  .right0-ns {
    right: 0px; }
  .bottom0-ns {
    bottom: 0px; }
  .left0-ns {
    left: 0px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .top0-md {
    top: 0px; }
  .right0-md {
    right: 0px; }
  .bottom0-md {
    bottom: 0px; }
  .left0-md {
    left: 0px; } }

@media only screen and (min-width: 960px) {
  .top0-lg {
    top: 0px; }
  .right0-lg {
    right: 0px; }
  .bottom0-lg {
    bottom: 0px; }
  .left0-lg {
    left: 0px; } }

.top1 {
  top: 4px; }

.right1 {
  right: 4px; }

.bottom1 {
  bottom: 4px; }

.left1 {
  left: 4px; }

@media only screen and (min-width: 550px) {
  .top4-ns {
    top: 4px; }
  .right4-ns {
    right: 4px; }
  .bottom4-ns {
    bottom: 4px; }
  .left4-ns {
    left: 4px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .top4-md {
    top: 4px; }
  .right4-md {
    right: 4px; }
  .bottom4-md {
    bottom: 4px; }
  .left4-md {
    left: 4px; } }

@media only screen and (min-width: 960px) {
  .top4-lg {
    top: 4px; }
  .right4-lg {
    right: 4px; }
  .bottom4-lg {
    bottom: 4px; }
  .left4-lg {
    left: 4px; } }

.top2 {
  top: 8px; }

.right2 {
  right: 8px; }

.bottom2 {
  bottom: 8px; }

.left2 {
  left: 8px; }

@media only screen and (min-width: 550px) {
  .top8-ns {
    top: 8px; }
  .right8-ns {
    right: 8px; }
  .bottom8-ns {
    bottom: 8px; }
  .left8-ns {
    left: 8px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .top8-md {
    top: 8px; }
  .right8-md {
    right: 8px; }
  .bottom8-md {
    bottom: 8px; }
  .left8-md {
    left: 8px; } }

@media only screen and (min-width: 960px) {
  .top8-lg {
    top: 8px; }
  .right8-lg {
    right: 8px; }
  .bottom8-lg {
    bottom: 8px; }
  .left8-lg {
    left: 8px; } }

.top3 {
  top: 12px; }

.right3 {
  right: 12px; }

.bottom3 {
  bottom: 12px; }

.left3 {
  left: 12px; }

@media only screen and (min-width: 550px) {
  .top12-ns {
    top: 12px; }
  .right12-ns {
    right: 12px; }
  .bottom12-ns {
    bottom: 12px; }
  .left12-ns {
    left: 12px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .top12-md {
    top: 12px; }
  .right12-md {
    right: 12px; }
  .bottom12-md {
    bottom: 12px; }
  .left12-md {
    left: 12px; } }

@media only screen and (min-width: 960px) {
  .top12-lg {
    top: 12px; }
  .right12-lg {
    right: 12px; }
  .bottom12-lg {
    bottom: 12px; }
  .left12-lg {
    left: 12px; } }

.top4 {
  top: 16px; }

.right4 {
  right: 16px; }

.bottom4 {
  bottom: 16px; }

.left4 {
  left: 16px; }

@media only screen and (min-width: 550px) {
  .top16-ns {
    top: 16px; }
  .right16-ns {
    right: 16px; }
  .bottom16-ns {
    bottom: 16px; }
  .left16-ns {
    left: 16px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .top16-md {
    top: 16px; }
  .right16-md {
    right: 16px; }
  .bottom16-md {
    bottom: 16px; }
  .left16-md {
    left: 16px; } }

@media only screen and (min-width: 960px) {
  .top16-lg {
    top: 16px; }
  .right16-lg {
    right: 16px; }
  .bottom16-lg {
    bottom: 16px; }
  .left16-lg {
    left: 16px; } }

.top5 {
  top: 20px; }

.right5 {
  right: 20px; }

.bottom5 {
  bottom: 20px; }

.left5 {
  left: 20px; }

@media only screen and (min-width: 550px) {
  .top20-ns {
    top: 20px; }
  .right20-ns {
    right: 20px; }
  .bottom20-ns {
    bottom: 20px; }
  .left20-ns {
    left: 20px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .top20-md {
    top: 20px; }
  .right20-md {
    right: 20px; }
  .bottom20-md {
    bottom: 20px; }
  .left20-md {
    left: 20px; } }

@media only screen and (min-width: 960px) {
  .top20-lg {
    top: 20px; }
  .right20-lg {
    right: 20px; }
  .bottom20-lg {
    bottom: 20px; }
  .left20-lg {
    left: 20px; } }

.top6 {
  top: 24px; }

.right6 {
  right: 24px; }

.bottom6 {
  bottom: 24px; }

.left6 {
  left: 24px; }

@media only screen and (min-width: 550px) {
  .top24-ns {
    top: 24px; }
  .right24-ns {
    right: 24px; }
  .bottom24-ns {
    bottom: 24px; }
  .left24-ns {
    left: 24px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .top24-md {
    top: 24px; }
  .right24-md {
    right: 24px; }
  .bottom24-md {
    bottom: 24px; }
  .left24-md {
    left: 24px; } }

@media only screen and (min-width: 960px) {
  .top24-lg {
    top: 24px; }
  .right24-lg {
    right: 24px; }
  .bottom24-lg {
    bottom: 24px; }
  .left24-lg {
    left: 24px; } }

.top7 {
  top: 32px; }

.right7 {
  right: 32px; }

.bottom7 {
  bottom: 32px; }

.left7 {
  left: 32px; }

@media only screen and (min-width: 550px) {
  .top32-ns {
    top: 32px; }
  .right32-ns {
    right: 32px; }
  .bottom32-ns {
    bottom: 32px; }
  .left32-ns {
    left: 32px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .top32-md {
    top: 32px; }
  .right32-md {
    right: 32px; }
  .bottom32-md {
    bottom: 32px; }
  .left32-md {
    left: 32px; } }

@media only screen and (min-width: 960px) {
  .top32-lg {
    top: 32px; }
  .right32-lg {
    right: 32px; }
  .bottom32-lg {
    bottom: 32px; }
  .left32-lg {
    left: 32px; } }

.top8 {
  top: 48px; }

.right8 {
  right: 48px; }

.bottom8 {
  bottom: 48px; }

.left8 {
  left: 48px; }

@media only screen and (min-width: 550px) {
  .top48-ns {
    top: 48px; }
  .right48-ns {
    right: 48px; }
  .bottom48-ns {
    bottom: 48px; }
  .left48-ns {
    left: 48px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .top48-md {
    top: 48px; }
  .right48-md {
    right: 48px; }
  .bottom48-md {
    bottom: 48px; }
  .left48-md {
    left: 48px; } }

@media only screen and (min-width: 960px) {
  .top48-lg {
    top: 48px; }
  .right48-lg {
    right: 48px; }
  .bottom48-lg {
    bottom: 48px; }
  .left48-lg {
    left: 48px; } }

.top9 {
  top: 64px; }

.right9 {
  right: 64px; }

.bottom9 {
  bottom: 64px; }

.left9 {
  left: 64px; }

@media only screen and (min-width: 550px) {
  .top64-ns {
    top: 64px; }
  .right64-ns {
    right: 64px; }
  .bottom64-ns {
    bottom: 64px; }
  .left64-ns {
    left: 64px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .top64-md {
    top: 64px; }
  .right64-md {
    right: 64px; }
  .bottom64-md {
    bottom: 64px; }
  .left64-md {
    left: 64px; } }

@media only screen and (min-width: 960px) {
  .top64-lg {
    top: 64px; }
  .right64-lg {
    right: 64px; }
  .bottom64-lg {
    bottom: 64px; }
  .left64-lg {
    left: 64px; } }

.top10 {
  top: 96px; }

.right10 {
  right: 96px; }

.bottom10 {
  bottom: 96px; }

.left10 {
  left: 96px; }

@media only screen and (min-width: 550px) {
  .top96-ns {
    top: 96px; }
  .right96-ns {
    right: 96px; }
  .bottom96-ns {
    bottom: 96px; }
  .left96-ns {
    left: 96px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .top96-md {
    top: 96px; }
  .right96-md {
    right: 96px; }
  .bottom96-md {
    bottom: 96px; }
  .left96-md {
    left: 96px; } }

@media only screen and (min-width: 960px) {
  .top96-lg {
    top: 96px; }
  .right96-lg {
    right: 96px; }
  .bottom96-lg {
    bottom: 96px; }
  .left96-lg {
    left: 96px; } }

.top11 {
  top: 160px; }

.right11 {
  right: 160px; }

.bottom11 {
  bottom: 160px; }

.left11 {
  left: 160px; }

@media only screen and (min-width: 550px) {
  .top160-ns {
    top: 160px; }
  .right160-ns {
    right: 160px; }
  .bottom160-ns {
    bottom: 160px; }
  .left160-ns {
    left: 160px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .top160-md {
    top: 160px; }
  .right160-md {
    right: 160px; }
  .bottom160-md {
    bottom: 160px; }
  .left160-md {
    left: 160px; } }

@media only screen and (min-width: 960px) {
  .top160-lg {
    top: 160px; }
  .right160-lg {
    right: 160px; }
  .bottom160-lg {
    bottom: 160px; }
  .left160-lg {
    left: 160px; } }

.top12 {
  top: 288px; }

.right12 {
  right: 288px; }

.bottom12 {
  bottom: 288px; }

.left12 {
  left: 288px; }

@media only screen and (min-width: 550px) {
  .top288-ns {
    top: 288px; }
  .right288-ns {
    right: 288px; }
  .bottom288-ns {
    bottom: 288px; }
  .left288-ns {
    left: 288px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .top288-md {
    top: 288px; }
  .right288-md {
    right: 288px; }
  .bottom288-md {
    bottom: 288px; }
  .left288-md {
    left: 288px; } }

@media only screen and (min-width: 960px) {
  .top288-lg {
    top: 288px; }
  .right288-lg {
    right: 288px; }
  .bottom288-lg {
    bottom: 288px; }
  .left288-lg {
    left: 288px; } }

.s0 {
  width: 0px;
  height: 0px; }

@media only screen and (min-width: 550px) {
  .s0-ns {
    width: 0px;
    height: 0px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .s0-md {
    width: 0px;
    height: 0px; } }

@media only screen and (min-width: 960px) {
  .s0-lg {
    width: 0px;
    height: 0px; } }

.s1 {
  width: 4px;
  height: 4px; }

@media only screen and (min-width: 550px) {
  .s1-ns {
    width: 4px;
    height: 4px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .s1-md {
    width: 4px;
    height: 4px; } }

@media only screen and (min-width: 960px) {
  .s1-lg {
    width: 4px;
    height: 4px; } }

.s2 {
  width: 8px;
  height: 8px; }

@media only screen and (min-width: 550px) {
  .s2-ns {
    width: 8px;
    height: 8px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .s2-md {
    width: 8px;
    height: 8px; } }

@media only screen and (min-width: 960px) {
  .s2-lg {
    width: 8px;
    height: 8px; } }

.s3 {
  width: 12px;
  height: 12px; }

@media only screen and (min-width: 550px) {
  .s3-ns {
    width: 12px;
    height: 12px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .s3-md {
    width: 12px;
    height: 12px; } }

@media only screen and (min-width: 960px) {
  .s3-lg {
    width: 12px;
    height: 12px; } }

.s4 {
  width: 16px;
  height: 16px; }

@media only screen and (min-width: 550px) {
  .s4-ns {
    width: 16px;
    height: 16px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .s4-md {
    width: 16px;
    height: 16px; } }

@media only screen and (min-width: 960px) {
  .s4-lg {
    width: 16px;
    height: 16px; } }

.s5 {
  width: 20px;
  height: 20px; }

@media only screen and (min-width: 550px) {
  .s5-ns {
    width: 20px;
    height: 20px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .s5-md {
    width: 20px;
    height: 20px; } }

@media only screen and (min-width: 960px) {
  .s5-lg {
    width: 20px;
    height: 20px; } }

.s6 {
  width: 24px;
  height: 24px; }

@media only screen and (min-width: 550px) {
  .s6-ns {
    width: 24px;
    height: 24px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .s6-md {
    width: 24px;
    height: 24px; } }

@media only screen and (min-width: 960px) {
  .s6-lg {
    width: 24px;
    height: 24px; } }

.s7 {
  width: 32px;
  height: 32px; }

@media only screen and (min-width: 550px) {
  .s7-ns {
    width: 32px;
    height: 32px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .s7-md {
    width: 32px;
    height: 32px; } }

@media only screen and (min-width: 960px) {
  .s7-lg {
    width: 32px;
    height: 32px; } }

.s8 {
  width: 48px;
  height: 48px; }

@media only screen and (min-width: 550px) {
  .s8-ns {
    width: 48px;
    height: 48px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .s8-md {
    width: 48px;
    height: 48px; } }

@media only screen and (min-width: 960px) {
  .s8-lg {
    width: 48px;
    height: 48px; } }

.s9 {
  width: 64px;
  height: 64px; }

@media only screen and (min-width: 550px) {
  .s9-ns {
    width: 64px;
    height: 64px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .s9-md {
    width: 64px;
    height: 64px; } }

@media only screen and (min-width: 960px) {
  .s9-lg {
    width: 64px;
    height: 64px; } }

.s10 {
  width: 96px;
  height: 96px; }

@media only screen and (min-width: 550px) {
  .s10-ns {
    width: 96px;
    height: 96px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .s10-md {
    width: 96px;
    height: 96px; } }

@media only screen and (min-width: 960px) {
  .s10-lg {
    width: 96px;
    height: 96px; } }

.s11 {
  width: 160px;
  height: 160px; }

@media only screen and (min-width: 550px) {
  .s11-ns {
    width: 160px;
    height: 160px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .s11-md {
    width: 160px;
    height: 160px; } }

@media only screen and (min-width: 960px) {
  .s11-lg {
    width: 160px;
    height: 160px; } }

.s12 {
  width: 288px;
  height: 288px; }

@media only screen and (min-width: 550px) {
  .s12-ns {
    width: 288px;
    height: 288px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .s12-md {
    width: 288px;
    height: 288px; } }

@media only screen and (min-width: 960px) {
  .s12-lg {
    width: 288px;
    height: 288px; } }

/*******************************************************************************
  Visibility
*******************************************************************************/
.visible {
  visibility: visible; }

.hidden {
  visibility: hidden; }

.super-hidden {
  visibility: hidden;
  position: fixed;
  opacity: 0;
  top: -9999px;
  left: -99999px; }

@media only screen and (min-width: 550px) {
  .visible-ns {
    visibility: visible; }
  .hidden-ns {
    visibility: hidden; }
  .super-hidden-ns {
    visibility: hidden;
    position: fixed;
    opacity: 0;
    top: -9999px;
    left: -99999px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .visible-md {
    visibility: visible; }
  .hidden-md {
    visibility: hidden; }
  .super-hidden-md {
    visibility: hidden;
    position: fixed;
    opacity: 0;
    top: -9999px;
    left: -99999px; } }

@media only screen and (min-width: 960px) {
  .visible-lg {
    visibility: visible; }
  .hidden-lg {
    visibility: hidden; }
  .super-hidden-lg {
    visibility: hidden;
    position: fixed;
    opacity: 0;
    top: -9999px;
    left: -99999px; } }

/*******************************************************************************
  Size classes
*******************************************************************************/
.w-full {
  width: 100%; }

@media only screen and (min-width: 550px) {
  .w-full-ns {
    width: 100%; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w-full-md {
    width: 100%; } }

@media only screen and (min-width: 960px) {
  .w-full-lg {
    width: 100%; } }

.w0 {
  width: 0px; }

.w1 {
  width: 4px; }

.w2 {
  width: 8px; }

.w3 {
  width: 12px; }

.w4 {
  width: 16px; }

.w5 {
  width: 20px; }

.w6 {
  width: 24px; }

.w7 {
  width: 32px; }

.w8 {
  width: 48px; }

.w9 {
  width: 64px; }

.w10 {
  width: 96px; }

.w11 {
  width: 160px; }

.w12 {
  width: 288px; }

@media only screen and (min-width: 550px) {
  .w0-ns {
    width: 0px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w0-md {
    width: 0px; } }

@media only screen and (min-width: 960px) {
  .w0-lg {
    width: 0px; } }

@media only screen and (min-width: 550px) {
  .w1-ns {
    width: 4px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w1-md {
    width: 4px; } }

@media only screen and (min-width: 960px) {
  .w1-lg {
    width: 4px; } }

@media only screen and (min-width: 550px) {
  .w2-ns {
    width: 8px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w2-md {
    width: 8px; } }

@media only screen and (min-width: 960px) {
  .w2-lg {
    width: 8px; } }

@media only screen and (min-width: 550px) {
  .w3-ns {
    width: 12px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w3-md {
    width: 12px; } }

@media only screen and (min-width: 960px) {
  .w3-lg {
    width: 12px; } }

@media only screen and (min-width: 550px) {
  .w4-ns {
    width: 16px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w4-md {
    width: 16px; } }

@media only screen and (min-width: 960px) {
  .w4-lg {
    width: 16px; } }

@media only screen and (min-width: 550px) {
  .w5-ns {
    width: 20px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w5-md {
    width: 20px; } }

@media only screen and (min-width: 960px) {
  .w5-lg {
    width: 20px; } }

@media only screen and (min-width: 550px) {
  .w6-ns {
    width: 24px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w6-md {
    width: 24px; } }

@media only screen and (min-width: 960px) {
  .w6-lg {
    width: 24px; } }

@media only screen and (min-width: 550px) {
  .w7-ns {
    width: 32px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w7-md {
    width: 32px; } }

@media only screen and (min-width: 960px) {
  .w7-lg {
    width: 32px; } }

@media only screen and (min-width: 550px) {
  .w8-ns {
    width: 48px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w8-md {
    width: 48px; } }

@media only screen and (min-width: 960px) {
  .w8-lg {
    width: 48px; } }

@media only screen and (min-width: 550px) {
  .w9-ns {
    width: 64px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w9-md {
    width: 64px; } }

@media only screen and (min-width: 960px) {
  .w9-lg {
    width: 64px; } }

@media only screen and (min-width: 550px) {
  .w10-ns {
    width: 96px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w10-md {
    width: 96px; } }

@media only screen and (min-width: 960px) {
  .w10-lg {
    width: 96px; } }

@media only screen and (min-width: 550px) {
  .w11-ns {
    width: 160px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w11-md {
    width: 160px; } }

@media only screen and (min-width: 960px) {
  .w11-lg {
    width: 160px; } }

@media only screen and (min-width: 550px) {
  .w12-ns {
    width: 288px; } }

@media only screen and (min-width: 750px) and (max-width: 960px) {
  .w12-md {
    width: 288px; } }

@media only screen and (min-width: 960px) {
  .w12-lg {
    width: 288px; } }

.z0 {
  z-index: 0; }

.z1 {
  z-index: 1; }

.z2 {
  z-index: 2; }

.z3 {
  z-index: 3; }

.z4 {
  z-index: 4; }

.z5 {
  z-index: 5; }

.z6 {
  z-index: 6; }

.z7 {
  z-index: 7; }

.z8 {
  z-index: 8; }

.z9 {
  z-index: 9; }

.z10 {
  z-index: 10; }

.z-index {
  z-index: auto; }

.zn1 {
  z-index: -1; }