@charset "UTF-8";
/* ==========================================================================
   #RESET
   ========================================================================== */
/**
 * A very simple reset that sits on top of Normalize.css.
 */
body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
  margin: 0;
  padding: 0; }

/**
 * Remove trailing margins from nested lists.
 */
li > ol,
li > ul {
  margin-bottom: 0;
  margin-left: 2em; }

/**
 * Remove default table spacing.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  box-sizing: border-box; }

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

.full-width {
  width: 100vw; }

.full-height {
  height: 100vh; }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: "Open Sans", sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* 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: 48px;
  margin: 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 */
  border: 1px solid #747170;
  margin: 32px 0; }

/**
 * 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: 16px;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: none;
  /* 2 */
  text-decoration: none none;
  /* 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: 16px;
  /* 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: 16px;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 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: 1px solid #393231;
  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: 0 none;
  outline-width: 0;
  outline-style: none;
  outline-color: transparent;
  outline: 0;
  box-shadow: 0, 0, 0, 0; }

/**
 * 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-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in 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; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
  color: #747170;
  opacity: 0.4;
  filter: alpha(opacity=40); }

:focus, a:focus, .nav a:focus {
  border: none;
  color: #393231;
  outline: none;
  box-shadow: 0 0 0 0px 0; }

[class*="btn-"]:focus,
[class*="btn-"],
.nav a:focus,
.logolnk:focus {
  border: 1px dashed #393231;
  outline: none; }

img:focus {
  border: 2px dashed #393231; }

[class*="btn-"]:focus, :focus [class*="btn-"] {
  background: #393231;
  outline: 0 none;
  border: 1px solid #5a5a5a; }

button::-moz-focus-inner {
  border: 0;
  border: none;
  outline: none; }

html, body {
  color: #393231;
  font-size: 16px;
  background-color: #f2f2f2; }

::selection {
  background: #5a5a5a;
  color: #f2f2f2; }

::-moz-selection {
  background: #5a5a5a;
  color: #f2f2f2; }

a {
  color: #5a5a5a;
  cursor: pointer; }

a:hover, a:active {
  color: #ffc600;
  text-decoration: underline; }

.titled {
  font-family: "Montserrat", sans-serif; }

h1, .h1 {
  font-size: 48px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif; }

h2, .h2 {
  font-size: 32px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif; }

h3, .h3 {
  font-size: 28px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif; }

h4, .h4 {
  font-size: 24px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif; }

h5, .h5 {
  font-size: 20px;
  font-family: "Montserrat", sans-serif; }

h6, .h6 {
  font-size: 18px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif; }

h1 {
  margin-top: 24px;
  margin-bottom: 24px; }

h2 {
  margin-top: 22px;
  margin-bottom: 22px; }

h3 {
  margin-top: 18px;
  margin-bottom: 18px; }

h4 {
  margin-top: 16px;
  margin-bottom: 16px; }

h5 {
  margin-top: 14px;
  margin-bottom: 14px; }

h6 {
  margin-top: 12px;
  margin-bottom: 12px; }

p {
  margin-top: 16px;
  margin-bottom: 16px; }

.text-jumbo {
  font-size: 52px;
  font-family: "Montserrat", sans-serif; }

.title-ruled {
  text-align: center;
  position: relative;
  margin-bottom: 16px; }

.title-ruled:before {
  content: "";
  border-top: 1px solid #747170;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  z-index: 0; }

.title-ruled span {
  background-color: #f2f2f2;
  position: relative;
  padding: 0 8px; }

.titlebox {
  padding: 4px 8px;
  color: #f2f2f2;
  margin-bottom: 8px;
  background: #ffc600; }

.boxed-title {
  background: #c9ced3;
  color: rgba(57, 50, 49, 0.85);
  padding: 4px 8px;
  font-weight: normal; }

@media only all and (min-width: 768px) and (max-width: 991px) {
  html, body, textarea, input, select {
    font-size: 14px; }

  h1, .h1 {
    font-size: 24px; }

  h2, .h2 {
    font-size: 22px; }

  h3, .h3 {
    font-size: 20px; }

  h4, .h4 {
    font-size: 18px;
    font-weight: bold; }

  h5, .h5 {
    font-size: 16px;
    font-weight: bold; }

  h6, .h6 {
    font-size: 14px;
    font-weight: bold; }

  .text-jumbo {
    font-size: 32px; }

  .text-tiny {
    font-size: 12px; }

  .text-micro {
    font-size: 10px; }

  ol, ul {
    margin-left: 18px; } }
@media only all and (min-width: 1px) and (max-width: 767px) {
  html, body, textarea, input, select {
    font-size: 14px; }

  h1, .h1 {
    font-size: 24px; }

  h2, .h2 {
    font-size: 22px; }

  h3, .h3 {
    font-size: 20px; }

  h4, .h4 {
    font-size: 18px;
    font-weight: bold; }

  h5, .h5 {
    font-size: 16px;
    font-weight: bold; }

  h6, .h6 {
    font-size: 14px;
    font-weight: bold; }

  .text-jumbo {
    font-size: 32px; }

  .text-tiny {
    font-size: 12px; }

  .text-micro {
    font-size: 10px; }

  ol, ul {
    margin-left: 18px; } }
ol, ul {
  list-style: outside;
  margin-left: 20px; }

ol {
  list-style-type: decimal; }

.inline li {
  display: inline-block; }

.unstyled {
  list-style: none;
  margin: 0; }

.list-stripped li:nth-child(odd) {
  background: #f2f2f2; }

.list-stripped li:nth-child(even) {
  background: #e0e4e8; }

.list-border li {
  border: 1px solid #747170; }

dl {
  overflow: hidden; }

dd,
dt {
  display: list-item;
  float: left; }

dt {
  list-style: inside disc;
  clear: left;
  padding-right: 2px; }

dd {
  list-style: none; }

pre, code {
  border-width: 1px;
  border-style: solid;
  border-color: #393231;
  background-color: #e0e4e8;
  color: #393231;
  padding: 0 8px;
  margin: 0 8px;
  display: inline-block; }

.text-primary {
  color: #ffc600; }

.cursor-pointer {
  cursor: pointer; }

.more {
  text-align: right;
  text-decoration: underline;
  font-size: 14px;
  display: block; }

.text-tiny {
  font-size: 14px; }

.text-micro {
  font-size: 12px; }

.lead {
  font-size: 16px;
  font-weight: 700; }

textarea, input, select, .input {
  border: 1px solid #747170;
  color: #393231;
  background-color: #f2f2f2;
  outline: 0 none;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5em; }

select::-ms-expand {
  display: none; }

option, .select-option {
  color: #393231;
  background-color: #f2f2f2;
  font-size: 16px;
  font-family: "Open Sans", sans-serif; }

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
  border: 2px dashed #393231;
  outline: 0 none;
  font-weight: bold; }

input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
  font-weight: bold; }

input[type="date"]:disabled + label,
input[type="text"]:disabled + label,
input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label {
  color: #747170; }

input[type="number"]:-webkit-inner-spin-button,
input[type="number"]:-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type="number"] {
  -moz-appearance: textfield; }

input[type="text"]::-ms-clear,
input[type="text"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

.inpt-micro {
  max-height: 32px;
  margin-right: 4px;
  line-height: 16px; }

select,
textarea,
input[type="date"],
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"] {
  padding: 8px 8px; }

.disabled a,
a.disabled,
.disabled {
  color: #747170;
  text-decoration: none; }

input[type="text"].disabled,
input[type="number"].disabled,
input[type="password"].disabled,
input[type="email"].disabled,
input:disabled,
select:disabled,
textarea:disabled {
  background-color: #747170;
  color: #5a5a5a; }

.cursor_reset {
  cursor: default; }

label {
  cursor: pointer;
  margin-bottom: 2px; }

.text-help {
  color: #8595a5;
  font-size: 14px; }

fieldset {
  border: none;
  margin: 0;
  padding: 0; }

legend {
  font-weight: bold; }

@media only all and (min-width: 1px) and (max-width: 767px) {
  textarea, input, select, option, .input, .select, .select-option {
    font-size: 16px; } }
/* ==========================================================================
   #IMAGES
   ========================================================================== */
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img, svg {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */ }

/**
 * 1. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
svg[width],
svg[width],
img[width],
img[height] {
  /* [1] */
  max-width: none; }

/* ==========================================================================
   #TABLES
   ========================================================================== */
/**
 * 1. Ensure tables fill up as much space as possible.
 */
table {
  width: 100%;
  /* [1] */
  border-collapse: collapse;
  font-size: 16px; }
  table td, table th {
    padding: 4px 8px; }

.table-border td,
.table-border th:not(.table-cell-empty) {
  border: 1px solid #747170; }

.table-border-tr {
  border: 1px solid #747170; }
  .table-border-tr tr {
    border-bottom: 1px solid #747170; }
    .table-border-tr tr:last-child {
      border-bottom: none; }

.table-stripped tr:nth-child(even),
.stripped-row {
  background: #e0e4e8; }

.table-stripped tr:nth-child(odd) {
  background: #f2f2f2; }

.table-header-primary th:not(.table-cell-empty):not(.bg-mediumgrey) {
  background-color: #ffc600;
  color: #f2f2f2; }

.table-header-grey th:not(.table-cell-empty):not(.bg-primary) {
  background-color: #e0e4e8; }
.table-header-grey th.bg-primary {
  color: #f2f2f2; }

.table-header-nobold th {
  font-weight: normal; }

.table-content-center th, .table-content-center td {
  text-align: center; }

.table-cell-price {
  white-space: nowrap;
  text-align: right; }

.table-cell-quantity {
  text-align: center; }

.table-legend {
  text-align: right; }

.table-rowspan td, .lightborder-cell {
  border-bottom-color: #c9ced3; }

.checkout .ico {
  cursor: pointer; }

.table-checkout-price.table-checkout-price {
  border-top: none; }

@media only all and (min-width: 768px) and (max-width: 991px) {
  th {
    font-size: 20px; } }
@media only all and (min-width: 1px) and (max-width: 767px) {
  table.show-xs {
    display: table !important; }
    table.show-xs th {
      text-align: left;
      font-size: 20px; }

  .table-cell-quantity {
    text-align: left; }
    .table-cell-quantity select {
      width: 50px; }

  table.checkout {
    display: block;
    float: left;
    width: 100%; }
    table.checkout thead, table.checkout tfoot, table.checkout tbody, table.checkout tr, table.checkout th, table.checkout td {
      display: block;
      float: left; }
    table.checkout tr, table.checkout thead, table.checkout tbody, table.checkout tfoot {
      width: 100%; }
    table.checkout td:nth-child(2), table.checkout th:nth-child(2) {
      width: 70%;
      text-align: left; }
    table.checkout td:nth-child(3), table.checkout th:nth-child(3) {
      clear: both;
      float: left;
      width: 30%;
      text-align: left; }
    table.checkout td:nth-child(4), table.checkout th:nth-child(4) {
      width: 20%;
      text-align: right; }
    table.checkout td:nth-child(5), table.checkout th:nth-child(5) {
      text-align: left;
      width: 10%; }
    table.checkout td:nth-child(6), table.checkout th:nth-child(6) {
      width: 30%;
      text-align: right;
      clear: none;
      float: right; }
    table.checkout td select, table.checkout th select {
      padding: 4px 8px; }
    table.checkout td:nth-child(1) {
      width: 100%;
      text-align: left; }
    table.checkout td:nth-child(2) {
      width: 100%;
      text-align: left; }
    table.checkout td:nth-child(3), table.checkout td:nth-child(5), table.checkout td:nth-child(6) {
      line-height: 34px; }
    table.checkout th:nth-child(2) {
      width: 70%;
      text-align: left; }
    table.checkout th:nth-child(2), table.checkout th:nth-child(6) {
      border-bottom: 1px solid #747170; }
    table.checkout tr.disabled td:nth-child(4) {
      width: 50%;
      text-align: left; }
    table.checkout tr.disabled td:nth-child(5) {
      width: 20%;
      text-align: right; } }
@media only all and (min-width: 1px) and (max-width: 767px) {
  body:after {
    content: "is-xs";
    display: none; } }
@media only all and (min-width: 768px) and (max-width: 991px) {
  body:after {
    content: "is-sm";
    display: none; } }
@media only all and (min-width: 992px) and (max-width: 1279px) {
  body:after {
    content: "is-md";
    display: none; } }
@media only all and (min-width: 1280px) {
  body:after {
    content: "is-lg";
    display: none; } }
.container, .container-margin, .container-full {
  margin: 0 auto;
  padding: 0;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
  display: block; }

.wrap {
  overflow: hidden; }

@media only screen and (width: 1324px) {
  .container, .container-margin {
    padding: 0 22px; } }
.grid, .row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
  width: calc(100% + 24px); }

.grid.margin-reset, .row.margin-reset {
  width: 100%;
  margin-left: 0;
  margin-right: 0; }

.grid.reverse, .row.reverse, .grid-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.grid .grid.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.flxstart {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  text-align: start; }

.flxcenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center; }

.flxend {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  text-align: end; }

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

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

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

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

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

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

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

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

[class*="col-"] {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto; }

.col-1 {
  width: calc(8.33333333% - 24px); }

.col-2 {
  width: calc(16.66666667% - 24px); }

.col-3 {
  width: calc(25% - 24px); }

.col-4 {
  width: calc(33.33333333% - 24px); }

.col-5 {
  width: calc(41.66666667% - 24px); }

.col-6 {
  width: calc(50% - 24px); }

.col-7 {
  width: calc(58.33333333% - 24px); }

.col-8 {
  width: calc(66.66666667% - 24px); }

.col-9 {
  width: calc(75% - 24px); }

.col-10 {
  width: calc(83.33333333% - 24px); }

.col-11 {
  width: calc(91.66666667% - 24px); }

.col-12 {
  width: calc(100% - 24px); }

.col-20percent {
  width: calc(20% - 24px); }

.offset-0 {
  margin-left: 0; }

.offset-1 {
  margin-left: calc(8.33333333% + 12px); }

.offset-2 {
  margin-left: calc(16.66666667% + 12px); }

.offset-3 {
  margin-left: calc(25% + 12px); }

.offset-4 {
  margin-left: calc(33.33333333% + 12px); }

.offset-5 {
  margin-left: calc(41.66666667% + 12px); }

.offset-6 {
  margin-left: calc(50% + 12px); }

.offset-7 {
  margin-left: calc(58.33333333% + 12px); }

.offset-8 {
  margin-left: calc(66.66666667% + 12px); }

.offset-9 {
  margin-left: calc(75% + 12px); }

.offset-10 {
  margin-left: calc(83.33333333% + 12px); }

.offset-11 {
  margin-left: calc(91.66666667% + 12px); }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-20percent {
  margin: 4px 12px;
  padding: 12px; }

.grid.margin-reset, .row.margin-reset {
  width: 100%;
  margin-left: 0;
  margin-right: 0; }

.margin-reset .col-1, .margin-reset .col-2, .margin-reset .col-3, .margin-reset .col-4, .margin-reset .col-5, .margin-reset .col-6, .margin-reset .col-7, .margin-reset .col-8, .margin-reset .col-9, .margin-reset .col-10, .margin-reset .col-11, .margin-reset .col-12, .margin-reset .col-20percent {
  margin: 0 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1; }
.margin-reset .offset-0, .margin-reset .offset-1, .margin-reset .offset-2, .margin-reset .offset-3, .margin-reset .offset-4, .margin-reset .offset-5, .margin-reset .offset-6, .margin-reset .offset-7, .margin-reset .offset-8, .margin-reset .offset-9, .margin-reset .offset-10, .margin-reset .offset-11, .margin-reset .offset-12 {
  margin: 0 0; }
.margin-reset .col-1 {
  width: 8.33333333%; }
.margin-reset .col-2 {
  width: 16.66666667%; }
.margin-reset .col-3 {
  width: 25%; }
.margin-reset .col-4 {
  width: 33.33333333%; }
.margin-reset .col-5 {
  width: 41.66666667%; }
.margin-reset .col-6 {
  width: 50%; }
.margin-reset .col-7 {
  width: 58.33333333%; }
.margin-reset .col-8 {
  width: 66.66666667%; }
.margin-reset .col-9 {
  width: 75%; }
.margin-reset .col-10 {
  width: 83.33333333%; }
.margin-reset .col-11 {
  width: 91.66666667%; }
.margin-reset .col-12 {
  width: 100%; }
.margin-reset .col-20percent {
  width: 20%; }
.margin-reset .offset-1 {
  width: 8.33333333%; }
.margin-reset .offset-2 {
  width: 16.66666667%; }
.margin-reset .offset-3 {
  width: 25%; }
.margin-reset .offset-4 {
  width: 33.33333333%; }
.margin-reset .offset-5 {
  width: 41.66666667%; }
.margin-reset .offset-6 {
  width: 50%; }
.margin-reset .offset-7 {
  width: 58.33333333%; }
.margin-reset .offset-8 {
  width: 66.66666667%; }
.margin-reset .offset-9 {
  width: 75%; }
.margin-reset .offset-10 {
  width: 83.33333333%; }
.margin-reset .offset-11 {
  width: 91.66666667%; }
.margin-reset .offset-12 {
  width: 100%; }
.margin-reset .offset-20percent {
  width: 20%; }

.padding-reset .col-1, .padding-reset .col-2, .padding-reset .col-3, .padding-reset .col-4, .padding-reset .col-5, .padding-reset .col-6, .padding-reset .col-7, .padding-reset .col-8, .padding-reset .col-9, .padding-reset .col-10, .padding-reset .col-11, .padding-reset .col-12, .padding-reset .col-20percent {
  padding: 0 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1; }
.padding-reset .offset-0, .padding-reset .offset-1, .padding-reset .offset-2, .padding-reset .offset-3, .padding-reset .offset-4, .padding-reset .offset-5, .padding-reset .offset-6, .padding-reset .offset-7, .padding-reset .offset-8, .padding-reset .offset-9, .padding-reset .offset-10, .padding-reset .offset-11, .padding-reset .offset-12 {
  padding: 0 0; }

@media only all and (min-width: 1280px) {
  .container, .container-margin {
    padding: 0 22px; }

  .grid, .row {
    margin-left: -12px;
    margin-right: -12px;
    width: calc(100% + 24px); }

  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-20percent, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-20percent {
    margin: 0 12px;
    padding: 12px; }

  .col-lg-1.col-lg-1, .col-1 {
    width: calc(8.33333333% - 24px); }

  .col-lg-2.col-lg-2, .col-2 {
    width: calc(16.66666667% - 24px); }

  .col-lg-3.col-lg-3, .col-3 {
    width: calc(25% - 24px); }

  .col-lg-4.col-lg-4, .col-4 {
    width: calc(33.33333333% - 24px); }

  .col-lg-5.col-lg-5, .col-5 {
    width: calc(41.66666667% - 24px); }

  .col-lg-6.col-lg-6, .col-6 {
    width: calc(50% - 24px); }

  .col-lg-8.col-lg-8, .col-8 {
    width: calc(66.66666667% - 24px); }

  .col-lg-9.col-lg-9, .col-9 {
    width: calc(75% - 24px); }

  .col-lg-10.col-lg-10, .col-10 {
    width: calc(83.33333333% - 24px); }

  .col-lg-11.col-lg-11, .col-11 {
    width: calc(91.66666667% - 24px); }

  .col-lg-12.col-lg-12, .col-12 {
    width: calc(100% - 24px); }

  .offset-lg-0 {
    margin-left: 0; }

  .offset-lg-1.offset-lg-1 {
    margin-left: calc(8.33333333% + 12px); }

  .offset-lg-2.offset-lg-2 {
    margin-left: calc(16.66666667% + 12px); }

  .offset-lg-3.offset-lg-3 {
    margin-left: calc(25% + 12px); }

  .offset-lg-4.offset-lg-4 {
    margin-left: calc(33.33333333% + 12px); }

  .offset-lg-5.offset-lg-5 {
    margin-left: calc(41.66666667% + 12px); }

  .offset-lg-6.offset-lg-6 {
    margin-left: calc(50% + 12px); }

  .offset-lg-7.offset-lg-7 {
    margin-left: calc(58.33333333% + 12px); }

  .offset-lg-8.offset-lg-8 {
    margin-left: calc(66.66666667% + 12px); }

  .offset-lg-9.offset-lg-9 {
    margin-left: calc(75% + 12px); }

  .offset-lg-10.offset-lg-10 {
    margin-left: calc(83.33333333% + 12px); }

  .offset-lg-11.offset-lg-11 {
    margin-left: calc(91.66666667% + 12px); }

  .lg-flxstart {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start; }

  .lg-flxcenter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center; }

  .lg-flxend {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end; }

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

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

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

  .lg-flxaround {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }

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

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

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

  .margin-reset .col-1, .margin-reset .col-2, .margin-reset .col-3, .margin-reset .col-4, .margin-reset .col-5, .margin-reset .col-6, .margin-reset .col-7, .margin-reset .col-8, .margin-reset .col-9, .margin-reset .col-10, .margin-reset .col-11, .margin-reset .col-12, .margin-reset .col-20percent {
    margin: 0 0; }
  .margin-reset .col-lg-1.col-lg-1 {
    width: 8.33333333%; }
  .margin-reset .col-lg-2.col-lg-2 {
    width: 16.66666667%; }
  .margin-reset .col-lg-3.col-lg-3 {
    width: 25%; }
  .margin-reset .col-lg-4.col-lg-4 {
    width: 33.33333333%; }
  .margin-reset .col-lg-5.col-lg-5 {
    width: 41.66666667%; }
  .margin-reset .col-lg-6.col-lg-6 {
    width: 50%; }
  .margin-reset .col-lg-7.col-lg-7 {
    width: 58.33333333%; }
  .margin-reset .col-lg-8.col-lg-8 {
    width: 66.66666667%; }
  .margin-reset .col-lg-9.col-lg-9 {
    width: 75%; }
  .margin-reset .col-lg-10.col-lg-10 {
    width: 83.33333333%; }
  .margin-reset .col-lg-11.col-lg-11 {
    width: 91.66666667%; }
  .margin-reset .col-lg-12.col-lg-12 {
    width: 100%; }
  .margin-reset .offset-lg-0 {
    margin-left: 0; }
  .margin-reset .offset-lg-1 {
    margin-left: 8.33333333%; }
  .margin-reset .offset-lg-2 {
    margin-left: 16.66666667%; }
  .margin-reset .offset-lg-3 {
    margin-left: 25%; }
  .margin-reset .offset-lg-4 {
    margin-left: 33.33333333%; }
  .margin-reset .offset-lg-5 {
    margin-left: 41.66666667%; }
  .margin-reset .offset-lg-6 {
    margin-left: 50%; }
  .margin-reset .offset-lg-7 {
    margin-left: 58.33333333%; }
  .margin-reset .offset-lg-8 {
    margin-left: 66.66666667%; }
  .margin-reset .offset-lg-9 {
    margin-left: 75%; }
  .margin-reset .offset-lg-10 {
    margin-left: 83.33333333%; }
  .margin-reset .offset-lg-11 {
    margin-left: 91.66666667%; }
  .margin-reset .offset-lg-12 {
    margin-left: 100%; } }
@media only all and (min-width: 992px) and (max-width: 1279px) {
  .container, .container-margin {
    padding: 0 22px; }

  .grid, .row {
    margin-left: -12px;
    margin-right: -12px;
    width: calc(100% + 24px); }

  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-20percent, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-20percent {
    margin: 2px 12px;
    padding: 12px; }

  .col-md-1.col-md-1, .col-1 {
    width: calc(8.33333333% - 24px); }

  .col-md-2.col-md-2, .col-2 {
    width: calc(16.66666667% - 24px); }

  .col-md-3.col-md-3, .col-3 {
    width: calc(25% - 24px); }

  .col-md-4.col-md-4, .col-4 {
    width: calc(33.33333333% - 24px); }

  .col-md-5.col-md-5, .col-5 {
    width: calc(41.66666667% - 24px); }

  .col-md-6.col-md-6, .col-6 {
    width: calc(50% - 24px); }

  .col-md-8.col-md-8, .col-8 {
    width: calc(66.66666667% - 24px); }

  .col-md-9.col-md-9, .col-9 {
    width: calc(75% - 24px); }

  .col-md-10.col-md-10, .col-10 {
    width: calc(83.33333333% - 24px); }

  .col-md-11.col-md-11, .col-11 {
    width: calc(91.66666667% - 24px); }

  .col-md-12.col-md-12, .col-12 {
    width: calc(100% - 24px); }

  .offset-md-0 {
    margin-left: 0; }

  .offset-md-1.offset-md-1 {
    margin-left: calc(8.33333333% + 12px); }

  .offset-md-2.offset-md-2 {
    margin-left: calc(16.66666667% + 12px); }

  .offset-md-3.offset-md-3 {
    margin-left: calc(25% + 12px); }

  .offset-md-4.offset-md-4 {
    margin-left: calc(33.33333333% + 12px); }

  .offset-md-5.offset-md-5 {
    margin-left: calc(41.66666667% + 12px); }

  .offset-md-6.offset-md-6 {
    margin-left: calc(41.66666667% + 12px); }

  .offset-md-7.offset-md-7 {
    margin-left: calc(41.66666667% + 12px); }

  .offset-md-8.offset-md-8 {
    margin-left: calc(41.66666667% + 12px); }

  .offset-md-9.offset-md-9 {
    margin-left: calc(41.66666667% + 12px); }

  .offset-md-10.offset-md-10 {
    margin-left: calc(41.66666667% + 12px); }

  .offset-md-11.offset-md-11 {
    margin-left: calc(41.66666667% + 12px); }

  .offset-md-12.offset-md-12 {
    margin-left: calc(41.66666667% + 12px); }

  .md-flxstart {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start; }

  .md-flxcenter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center; }

  .md-flxend {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end; }

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

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

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

  .md-flxaround {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }

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

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

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

  .margin-reset .col-1, .margin-reset .col-2, .margin-reset .col-3, .margin-reset .col-4, .margin-reset .col-5, .margin-reset .col-6, .margin-reset .col-7, .margin-reset .col-8, .margin-reset .col-9, .margin-reset .col-10, .margin-reset .col-11, .margin-reset .col-12, .margin-reset .col-20percent {
    margin: 0 0; }
  .margin-reset .col-md-1.col-md-1 {
    width: 8.33333333%; }
  .margin-reset .col-md-2.col-md-2 {
    width: 16.66666667%; }
  .margin-reset .col-md-3.col-md-3 {
    width: 25%; }
  .margin-reset .col-md-4.col-md-4 {
    width: 33.33333333%; }
  .margin-reset .col-md-5.col-md-5 {
    width: 41.66666667%; }
  .margin-reset .col-md-6.col-md-6 {
    width: 50%; }
  .margin-reset .col-md-7.col-md-7 {
    width: 58.33333333%; }
  .margin-reset .col-md-8.col-md-8 {
    width: 66.66666667%; }
  .margin-reset .col-md-9.col-md-9 {
    width: 75%; }
  .margin-reset .col-md-10.col-md-10 {
    width: 83.33333333%; }
  .margin-reset .col-md-11.col-md-11 {
    width: 91.66666667%; }
  .margin-reset .col-md-12.col-md-12 {
    width: 100%; }
  .margin-reset .offset-md-0 {
    margin-left: 0; }
  .margin-reset .offset-md-1 {
    margin-left: 8.33333333%; }
  .margin-reset .offset-md-2 {
    margin-left: 16.66666667%; }
  .margin-reset .offset-md-3 {
    margin-left: 25%; }
  .margin-reset .offset-md-4 {
    margin-left: 33.33333333%; }
  .margin-reset .offset-md-5 {
    margin-left: 41.66666667%; }
  .margin-reset .offset-md-6 {
    margin-left: 50%; }
  .margin-reset .offset-md-7 {
    margin-left: 58.33333333%; }
  .margin-reset .offset-md-8 {
    margin-left: 66.66666667%; }
  .margin-reset .offset-md-9 {
    margin-left: 75%; }
  .margin-reset .offset-md-10 {
    margin-left: 83.33333333%; }
  .margin-reset .offset-md-11 {
    margin-left: 91.66666667%; }
  .margin-reset .offset-md-12 {
    margin-left: 100%; } }
@media only all and (min-width: 768px) and (max-width: 991px) {
  .container, .container-margin {
    padding: 0 8px; }

  .grid, .row {
    margin-left: -6px;
    margin-right: -6px;
    width: calc(100% + 12px); }

  .grid.margin-reset, .row.margin-reset {
    width: 100%;
    margin-left: 0;
    margin-right: 0; }

  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-20percent, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-20percent {
    margin: 0 6px;
    padding: 6px; }

  .col-sm-1.col-sm-1, .col-1, .col-2 {
    width: calc(16.66666667% - 12px); }

  .col-sm-2.col-sm-2, .col-3, .col-4 {
    width: calc(33.33333333% - 12px); }

  .col-sm-3.col-sm-3, .col-5, .col-6 {
    width: calc(50% - 12px); }

  .col-sm-4.col-sm-4, .col-7, .col-8 {
    width: calc(66.66666667% - 12px); }

  .col-sm-5.col-sm-5, .col-9, .col-10 {
    width: calc(83.33333333% - 12px); }

  .col-sm-6.col-sm-6, .col-11, .col-12 {
    width: calc(100% - 12px); }

  .offset-sm-0 {
    margin-left: 0; }

  .offset-sm-1.offset-sm-1 {
    margin-left: calc(16.66666667% + 6px); }

  .offset-sm-2.offset-sm-2 {
    margin-left: calc(33.33333333% + 6px); }

  .offset-sm-3.offset-sm-3 {
    margin-left: calc(50% + 6px); }

  .offset-sm-4.offset-sm-4 {
    margin-left: calc(66.66666667% + 6px); }

  .offset-sm-5.offset-sm-5 {
    margin-left: calc(83.33333333% + 6px); }

  .sm-flxstart {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start; }

  .sm-flxcenter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center; }

  .sm-flxend {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end; }

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

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

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

  .sm-flxaround {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }

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

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

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

  .col-1 [class*="col-"], .col-2 [class*="col-"], .col-3 [class*="col-"], .col-4 [class*="col-"], .col-5 [class*="col-"], .col-6 [class*="col-"], .col-7 [class*="col-"], .col-8 [class*="col-"], .col-9 [class*="col-"], .col-10 [class*="col-"], .col-11 [class*="col-"], .col-12 [class*="col-"], .col-20percent [class*="col-"], .margin-reset [class*="col-"] {
    margin: 0 0; }
  .col-1 [class*="col"], .col-2 [class*="col"], .col-3 [class*="col"], .col-4 [class*="col"], .col-5 [class*="col"], .col-6 [class*="col"], .col-7 [class*="col"], .col-8 [class*="col"], .col-9 [class*="col"], .col-10 [class*="col"], .col-11 [class*="col"], .col-12 [class*="col"], .col-20percent [class*="col"], .margin-reset [class*="col"] {
    margin: 0 0; }
  .col-1 .col-sm-1.col-sm-1, .col-1 .col-1, .col-1 .col-2, .col-2 .col-sm-1.col-sm-1, .col-2 .col-1, .col-2 .col-2, .col-3 .col-sm-1.col-sm-1, .col-3 .col-1, .col-3 .col-2, .col-4 .col-sm-1.col-sm-1, .col-4 .col-1, .col-4 .col-2, .col-5 .col-sm-1.col-sm-1, .col-5 .col-1, .col-5 .col-2, .col-6 .col-sm-1.col-sm-1, .col-6 .col-1, .col-6 .col-2, .col-7 .col-sm-1.col-sm-1, .col-7 .col-1, .col-7 .col-2, .col-8 .col-sm-1.col-sm-1, .col-8 .col-1, .col-8 .col-2, .col-9 .col-sm-1.col-sm-1, .col-9 .col-1, .col-9 .col-2, .col-10 .col-sm-1.col-sm-1, .col-10 .col-1, .col-10 .col-2, .col-11 .col-sm-1.col-sm-1, .col-11 .col-1, .col-11 .col-2, .col-12 .col-sm-1.col-sm-1, .col-12 .col-1, .col-12 .col-2, .col-20percent .col-sm-1.col-sm-1, .col-20percent .col-1, .col-20percent .col-2, .margin-reset .col-sm-1.col-sm-1, .margin-reset .col-1, .margin-reset .col-2 {
    width: 16.66666667%; }
  .col-1 .col-sm-2.col-sm-2, .col-1 .col-3, .col-1 .col-4, .col-2 .col-sm-2.col-sm-2, .col-2 .col-3, .col-2 .col-4, .col-3 .col-sm-2.col-sm-2, .col-3 .col-3, .col-3 .col-4, .col-4 .col-sm-2.col-sm-2, .col-4 .col-3, .col-4 .col-4, .col-5 .col-sm-2.col-sm-2, .col-5 .col-3, .col-5 .col-4, .col-6 .col-sm-2.col-sm-2, .col-6 .col-3, .col-6 .col-4, .col-7 .col-sm-2.col-sm-2, .col-7 .col-3, .col-7 .col-4, .col-8 .col-sm-2.col-sm-2, .col-8 .col-3, .col-8 .col-4, .col-9 .col-sm-2.col-sm-2, .col-9 .col-3, .col-9 .col-4, .col-10 .col-sm-2.col-sm-2, .col-10 .col-3, .col-10 .col-4, .col-11 .col-sm-2.col-sm-2, .col-11 .col-3, .col-11 .col-4, .col-12 .col-sm-2.col-sm-2, .col-12 .col-3, .col-12 .col-4, .col-20percent .col-sm-2.col-sm-2, .col-20percent .col-3, .col-20percent .col-4, .margin-reset .col-sm-2.col-sm-2, .margin-reset .col-3, .margin-reset .col-4 {
    width: 33.33333333%; }
  .col-1 .col-sm-3.col-sm-3, .col-1 .col-5, .col-1 .col-6, .col-2 .col-sm-3.col-sm-3, .col-2 .col-5, .col-2 .col-6, .col-3 .col-sm-3.col-sm-3, .col-3 .col-5, .col-3 .col-6, .col-4 .col-sm-3.col-sm-3, .col-4 .col-5, .col-4 .col-6, .col-5 .col-sm-3.col-sm-3, .col-5 .col-5, .col-5 .col-6, .col-6 .col-sm-3.col-sm-3, .col-6 .col-5, .col-6 .col-6, .col-7 .col-sm-3.col-sm-3, .col-7 .col-5, .col-7 .col-6, .col-8 .col-sm-3.col-sm-3, .col-8 .col-5, .col-8 .col-6, .col-9 .col-sm-3.col-sm-3, .col-9 .col-5, .col-9 .col-6, .col-10 .col-sm-3.col-sm-3, .col-10 .col-5, .col-10 .col-6, .col-11 .col-sm-3.col-sm-3, .col-11 .col-5, .col-11 .col-6, .col-12 .col-sm-3.col-sm-3, .col-12 .col-5, .col-12 .col-6, .col-20percent .col-sm-3.col-sm-3, .col-20percent .col-5, .col-20percent .col-6, .margin-reset .col-sm-3.col-sm-3, .margin-reset .col-5, .margin-reset .col-6 {
    width: 50%; }
  .col-1 .col-sm-4.col-sm-4, .col-1 .col-7, .col-1 .col-8, .col-2 .col-sm-4.col-sm-4, .col-2 .col-7, .col-2 .col-8, .col-3 .col-sm-4.col-sm-4, .col-3 .col-7, .col-3 .col-8, .col-4 .col-sm-4.col-sm-4, .col-4 .col-7, .col-4 .col-8, .col-5 .col-sm-4.col-sm-4, .col-5 .col-7, .col-5 .col-8, .col-6 .col-sm-4.col-sm-4, .col-6 .col-7, .col-6 .col-8, .col-7 .col-sm-4.col-sm-4, .col-7 .col-7, .col-7 .col-8, .col-8 .col-sm-4.col-sm-4, .col-8 .col-7, .col-8 .col-8, .col-9 .col-sm-4.col-sm-4, .col-9 .col-7, .col-9 .col-8, .col-10 .col-sm-4.col-sm-4, .col-10 .col-7, .col-10 .col-8, .col-11 .col-sm-4.col-sm-4, .col-11 .col-7, .col-11 .col-8, .col-12 .col-sm-4.col-sm-4, .col-12 .col-7, .col-12 .col-8, .col-20percent .col-sm-4.col-sm-4, .col-20percent .col-7, .col-20percent .col-8, .margin-reset .col-sm-4.col-sm-4, .margin-reset .col-7, .margin-reset .col-8 {
    width: 66.66666667%; }
  .col-1 .col-sm-5.col-sm-5, .col-1 .col-9, .col-1 .col-10, .col-2 .col-sm-5.col-sm-5, .col-2 .col-9, .col-2 .col-10, .col-3 .col-sm-5.col-sm-5, .col-3 .col-9, .col-3 .col-10, .col-4 .col-sm-5.col-sm-5, .col-4 .col-9, .col-4 .col-10, .col-5 .col-sm-5.col-sm-5, .col-5 .col-9, .col-5 .col-10, .col-6 .col-sm-5.col-sm-5, .col-6 .col-9, .col-6 .col-10, .col-7 .col-sm-5.col-sm-5, .col-7 .col-9, .col-7 .col-10, .col-8 .col-sm-5.col-sm-5, .col-8 .col-9, .col-8 .col-10, .col-9 .col-sm-5.col-sm-5, .col-9 .col-9, .col-9 .col-10, .col-10 .col-sm-5.col-sm-5, .col-10 .col-9, .col-10 .col-10, .col-11 .col-sm-5.col-sm-5, .col-11 .col-9, .col-11 .col-10, .col-12 .col-sm-5.col-sm-5, .col-12 .col-9, .col-12 .col-10, .col-20percent .col-sm-5.col-sm-5, .col-20percent .col-9, .col-20percent .col-10, .margin-reset .col-sm-5.col-sm-5, .margin-reset .col-9, .margin-reset .col-10 {
    width: 83.33333333%; }
  .col-1 .col-sm-6.col-sm-6, .col-1 .col-11, .col-1 .col-12, .col-2 .col-sm-6.col-sm-6, .col-2 .col-11, .col-2 .col-12, .col-3 .col-sm-6.col-sm-6, .col-3 .col-11, .col-3 .col-12, .col-4 .col-sm-6.col-sm-6, .col-4 .col-11, .col-4 .col-12, .col-5 .col-sm-6.col-sm-6, .col-5 .col-11, .col-5 .col-12, .col-6 .col-sm-6.col-sm-6, .col-6 .col-11, .col-6 .col-12, .col-7 .col-sm-6.col-sm-6, .col-7 .col-11, .col-7 .col-12, .col-8 .col-sm-6.col-sm-6, .col-8 .col-11, .col-8 .col-12, .col-9 .col-sm-6.col-sm-6, .col-9 .col-11, .col-9 .col-12, .col-10 .col-sm-6.col-sm-6, .col-10 .col-11, .col-10 .col-12, .col-11 .col-sm-6.col-sm-6, .col-11 .col-11, .col-11 .col-12, .col-12 .col-sm-6.col-sm-6, .col-12 .col-11, .col-12 .col-12, .col-20percent .col-sm-6.col-sm-6, .col-20percent .col-11, .col-20percent .col-12, .margin-reset .col-sm-6.col-sm-6, .margin-reset .col-11, .margin-reset .col-12 {
    width: 100%; }
  .col-1 .offset-sm-0, .col-2 .offset-sm-0, .col-3 .offset-sm-0, .col-4 .offset-sm-0, .col-5 .offset-sm-0, .col-6 .offset-sm-0, .col-7 .offset-sm-0, .col-8 .offset-sm-0, .col-9 .offset-sm-0, .col-10 .offset-sm-0, .col-11 .offset-sm-0, .col-12 .offset-sm-0, .col-20percent .offset-sm-0, .margin-reset .offset-sm-0 {
    margin-left: 0; }
  .col-1 .offset-sm-1, .col-1 .offset-sm-1, .col-2 .offset-sm-1, .col-2 .offset-sm-1, .col-3 .offset-sm-1, .col-3 .offset-sm-1, .col-4 .offset-sm-1, .col-4 .offset-sm-1, .col-5 .offset-sm-1, .col-5 .offset-sm-1, .col-6 .offset-sm-1, .col-6 .offset-sm-1, .col-7 .offset-sm-1, .col-7 .offset-sm-1, .col-8 .offset-sm-1, .col-8 .offset-sm-1, .col-9 .offset-sm-1, .col-9 .offset-sm-1, .col-10 .offset-sm-1, .col-10 .offset-sm-1, .col-11 .offset-sm-1, .col-11 .offset-sm-1, .col-12 .offset-sm-1, .col-12 .offset-sm-1, .col-20percent .offset-sm-1, .col-20percent .offset-sm-1, .margin-reset .offset-sm-1, .margin-reset .offset-sm-1 {
    margin-left: 16.66666667%; }
  .col-1 .offset-sm-2.offset-sm-2, .col-2 .offset-sm-2.offset-sm-2, .col-3 .offset-sm-2.offset-sm-2, .col-4 .offset-sm-2.offset-sm-2, .col-5 .offset-sm-2.offset-sm-2, .col-6 .offset-sm-2.offset-sm-2, .col-7 .offset-sm-2.offset-sm-2, .col-8 .offset-sm-2.offset-sm-2, .col-9 .offset-sm-2.offset-sm-2, .col-10 .offset-sm-2.offset-sm-2, .col-11 .offset-sm-2.offset-sm-2, .col-12 .offset-sm-2.offset-sm-2, .col-20percent .offset-sm-2.offset-sm-2, .margin-reset .offset-sm-2.offset-sm-2 {
    margin-left: 33.33333333%; }
  .col-1 .offset-sm-3.offset-sm-3, .col-2 .offset-sm-3.offset-sm-3, .col-3 .offset-sm-3.offset-sm-3, .col-4 .offset-sm-3.offset-sm-3, .col-5 .offset-sm-3.offset-sm-3, .col-6 .offset-sm-3.offset-sm-3, .col-7 .offset-sm-3.offset-sm-3, .col-8 .offset-sm-3.offset-sm-3, .col-9 .offset-sm-3.offset-sm-3, .col-10 .offset-sm-3.offset-sm-3, .col-11 .offset-sm-3.offset-sm-3, .col-12 .offset-sm-3.offset-sm-3, .col-20percent .offset-sm-3.offset-sm-3, .margin-reset .offset-sm-3.offset-sm-3 {
    margin-left: 50%; }
  .col-1 .offset-sm-4.offset-sm-4, .col-2 .offset-sm-4.offset-sm-4, .col-3 .offset-sm-4.offset-sm-4, .col-4 .offset-sm-4.offset-sm-4, .col-5 .offset-sm-4.offset-sm-4, .col-6 .offset-sm-4.offset-sm-4, .col-7 .offset-sm-4.offset-sm-4, .col-8 .offset-sm-4.offset-sm-4, .col-9 .offset-sm-4.offset-sm-4, .col-10 .offset-sm-4.offset-sm-4, .col-11 .offset-sm-4.offset-sm-4, .col-12 .offset-sm-4.offset-sm-4, .col-20percent .offset-sm-4.offset-sm-4, .margin-reset .offset-sm-4.offset-sm-4 {
    margin-left: 66.66666667%; }
  .col-1 .offset-sm-5.offset-sm-5, .col-2 .offset-sm-5.offset-sm-5, .col-3 .offset-sm-5.offset-sm-5, .col-4 .offset-sm-5.offset-sm-5, .col-5 .offset-sm-5.offset-sm-5, .col-6 .offset-sm-5.offset-sm-5, .col-7 .offset-sm-5.offset-sm-5, .col-8 .offset-sm-5.offset-sm-5, .col-9 .offset-sm-5.offset-sm-5, .col-10 .offset-sm-5.offset-sm-5, .col-11 .offset-sm-5.offset-sm-5, .col-12 .offset-sm-5.offset-sm-5, .col-20percent .offset-sm-5.offset-sm-5, .margin-reset .offset-sm-5.offset-sm-5 {
    margin-left: 83.33333333%; } }
@media only all and (min-width: 1px) and (max-width: 767px) {
  .container-margin {
    padding: 0 8px; }

  .container {
    padding: 0 6px; }

  .grid, .row {
    margin-left: -6px;
    margin-right: -6px;
    width: calc(100% + 12px); }

  .grid.margin-reset, .row.margin-reset {
    width: 100%;
    margin-left: 0;
    margin-right: 0; }

  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-20percent, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 .col-xs-20percent {
    margin: 0 6px;
    padding: 6px; }

  .col-xs-1.col-xs-1 {
    width: calc(25% - 12px); }

  .col-xs-2.col-xs-2 {
    width: calc(50% - 12px); }

  .col-xs-3.col-xs-3 {
    width: calc(75% - 12px); }

  .col-xs-4.col-xs-4, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-20percent {
    width: calc(100% - 12px); }

  .offset-xs-0 {
    margin-left: 0; }

  .offset-xs-1.offset-xs-1 {
    margin-left: calc(25% + 6px); }

  .offset-xs-2.offset-xs-2 {
    margin-left: calc(50% + 6px); }

  .offset-xs-3.offset-xs-3 {
    margin-left: calc(75% + 6px); }

  .xs-flxstart {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start; }

  .xs-flxcenter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center; }

  .xs-flxend {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end; }

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

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

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

  .xs-flxaround {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }

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

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

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

  .col-1 [class*="col"], .col-2 [class*="col"], .col-3 [class*="col"], .col-4 [class*="col"], .col-5 [class*="col"], .col-6 [class*="col"], .col-7 [class*="col"], .col-8 [class*="col"], .col-9 [class*="col"], .col-10 [class*="col"], .col-11 [class*="col"], .col-12 [class*="col"], .col-20percent [class*="col"], .margin-reset [class*="col"] {
    margin: 0 0; }
  .col-1 [class*="col-"], .col-2 [class*="col-"], .col-3 [class*="col-"], .col-4 [class*="col-"], .col-5 [class*="col-"], .col-6 [class*="col-"], .col-7 [class*="col-"], .col-8 [class*="col-"], .col-9 [class*="col-"], .col-10 [class*="col-"], .col-11 [class*="col-"], .col-12 [class*="col-"], .col-20percent [class*="col-"], .margin-reset [class*="col-"] {
    margin: 0 0; }
  .col-1 .col-xs-1.col-xs-1, .col-2 .col-xs-1.col-xs-1, .col-3 .col-xs-1.col-xs-1, .col-4 .col-xs-1.col-xs-1, .col-5 .col-xs-1.col-xs-1, .col-6 .col-xs-1.col-xs-1, .col-7 .col-xs-1.col-xs-1, .col-8 .col-xs-1.col-xs-1, .col-9 .col-xs-1.col-xs-1, .col-10 .col-xs-1.col-xs-1, .col-11 .col-xs-1.col-xs-1, .col-12 .col-xs-1.col-xs-1, .col-20percent .col-xs-1.col-xs-1, .margin-reset .col-xs-1.col-xs-1 {
    width: 25%; }
  .col-1 .col-xs-2.col-xs-2, .col-2 .col-xs-2.col-xs-2, .col-3 .col-xs-2.col-xs-2, .col-4 .col-xs-2.col-xs-2, .col-5 .col-xs-2.col-xs-2, .col-6 .col-xs-2.col-xs-2, .col-7 .col-xs-2.col-xs-2, .col-8 .col-xs-2.col-xs-2, .col-9 .col-xs-2.col-xs-2, .col-10 .col-xs-2.col-xs-2, .col-11 .col-xs-2.col-xs-2, .col-12 .col-xs-2.col-xs-2, .col-20percent .col-xs-2.col-xs-2, .margin-reset .col-xs-2.col-xs-2 {
    width: 50%; }
  .col-1 .col-xs-3.col-xs-3, .col-2 .col-xs-3.col-xs-3, .col-3 .col-xs-3.col-xs-3, .col-4 .col-xs-3.col-xs-3, .col-5 .col-xs-3.col-xs-3, .col-6 .col-xs-3.col-xs-3, .col-7 .col-xs-3.col-xs-3, .col-8 .col-xs-3.col-xs-3, .col-9 .col-xs-3.col-xs-3, .col-10 .col-xs-3.col-xs-3, .col-11 .col-xs-3.col-xs-3, .col-12 .col-xs-3.col-xs-3, .col-20percent .col-xs-3.col-xs-3, .margin-reset .col-xs-3.col-xs-3 {
    width: 75%; }
  .col-1 .col-xs-4.col-xs-4, .col-1 .col-1, .col-1 .col-2, .col-1 .col-3, .col-1 .col-4, .col-1 .col-5, .col-1 .col-6, .col-1 .col-7, .col-1 .col-8, .col-1 .col-9, .col-1 .col-10, .col-1 .col-11, .col-1 .col-12, .col-1 .col-20percent, .col-2 .col-xs-4.col-xs-4, .col-2 .col-1, .col-2 .col-2, .col-2 .col-3, .col-2 .col-4, .col-2 .col-5, .col-2 .col-6, .col-2 .col-7, .col-2 .col-8, .col-2 .col-9, .col-2 .col-10, .col-2 .col-11, .col-2 .col-12, .col-2 .col-20percent, .col-3 .col-xs-4.col-xs-4, .col-3 .col-1, .col-3 .col-2, .col-3 .col-3, .col-3 .col-4, .col-3 .col-5, .col-3 .col-6, .col-3 .col-7, .col-3 .col-8, .col-3 .col-9, .col-3 .col-10, .col-3 .col-11, .col-3 .col-12, .col-3 .col-20percent, .col-4 .col-xs-4.col-xs-4, .col-4 .col-1, .col-4 .col-2, .col-4 .col-3, .col-4 .col-4, .col-4 .col-5, .col-4 .col-6, .col-4 .col-7, .col-4 .col-8, .col-4 .col-9, .col-4 .col-10, .col-4 .col-11, .col-4 .col-12, .col-4 .col-20percent, .col-5 .col-xs-4.col-xs-4, .col-5 .col-1, .col-5 .col-2, .col-5 .col-3, .col-5 .col-4, .col-5 .col-5, .col-5 .col-6, .col-5 .col-7, .col-5 .col-8, .col-5 .col-9, .col-5 .col-10, .col-5 .col-11, .col-5 .col-12, .col-5 .col-20percent, .col-6 .col-xs-4.col-xs-4, .col-6 .col-1, .col-6 .col-2, .col-6 .col-3, .col-6 .col-4, .col-6 .col-5, .col-6 .col-6, .col-6 .col-7, .col-6 .col-8, .col-6 .col-9, .col-6 .col-10, .col-6 .col-11, .col-6 .col-12, .col-6 .col-20percent, .col-7 .col-xs-4.col-xs-4, .col-7 .col-1, .col-7 .col-2, .col-7 .col-3, .col-7 .col-4, .col-7 .col-5, .col-7 .col-6, .col-7 .col-7, .col-7 .col-8, .col-7 .col-9, .col-7 .col-10, .col-7 .col-11, .col-7 .col-12, .col-7 .col-20percent, .col-8 .col-xs-4.col-xs-4, .col-8 .col-1, .col-8 .col-2, .col-8 .col-3, .col-8 .col-4, .col-8 .col-5, .col-8 .col-6, .col-8 .col-7, .col-8 .col-8, .col-8 .col-9, .col-8 .col-10, .col-8 .col-11, .col-8 .col-12, .col-8 .col-20percent, .col-9 .col-xs-4.col-xs-4, .col-9 .col-1, .col-9 .col-2, .col-9 .col-3, .col-9 .col-4, .col-9 .col-5, .col-9 .col-6, .col-9 .col-7, .col-9 .col-8, .col-9 .col-9, .col-9 .col-10, .col-9 .col-11, .col-9 .col-12, .col-9 .col-20percent, .col-10 .col-xs-4.col-xs-4, .col-10 .col-1, .col-10 .col-2, .col-10 .col-3, .col-10 .col-4, .col-10 .col-5, .col-10 .col-6, .col-10 .col-7, .col-10 .col-8, .col-10 .col-9, .col-10 .col-10, .col-10 .col-11, .col-10 .col-12, .col-10 .col-20percent, .col-11 .col-xs-4.col-xs-4, .col-11 .col-1, .col-11 .col-2, .col-11 .col-3, .col-11 .col-4, .col-11 .col-5, .col-11 .col-6, .col-11 .col-7, .col-11 .col-8, .col-11 .col-9, .col-11 .col-10, .col-11 .col-11, .col-11 .col-12, .col-11 .col-20percent, .col-12 .col-xs-4.col-xs-4, .col-12 .col-1, .col-12 .col-2, .col-12 .col-3, .col-12 .col-4, .col-12 .col-5, .col-12 .col-6, .col-12 .col-7, .col-12 .col-8, .col-12 .col-9, .col-12 .col-10, .col-12 .col-11, .col-12 .col-12, .col-12 .col-20percent, .col-20percent .col-xs-4.col-xs-4, .col-20percent .col-1, .col-20percent .col-2, .col-20percent .col-3, .col-20percent .col-4, .col-20percent .col-5, .col-20percent .col-6, .col-20percent .col-7, .col-20percent .col-8, .col-20percent .col-9, .col-20percent .col-10, .col-20percent .col-11, .col-20percent .col-12, .col-20percent .col-20percent, .margin-reset .col-xs-4.col-xs-4, .margin-reset .col-1, .margin-reset .col-2, .margin-reset .col-3, .margin-reset .col-4, .margin-reset .col-5, .margin-reset .col-6, .margin-reset .col-7, .margin-reset .col-8, .margin-reset .col-9, .margin-reset .col-10, .margin-reset .col-11, .margin-reset .col-12, .margin-reset .col-20percent {
    width: 100%; }
  .col-1 .offset-xs-0, .col-2 .offset-xs-0, .col-3 .offset-xs-0, .col-4 .offset-xs-0, .col-5 .offset-xs-0, .col-6 .offset-xs-0, .col-7 .offset-xs-0, .col-8 .offset-xs-0, .col-9 .offset-xs-0, .col-10 .offset-xs-0, .col-11 .offset-xs-0, .col-12 .offset-xs-0, .col-20percent .offset-xs-0, .margin-reset .offset-xs-0 {
    margin-left: 0; }
  .col-1 .offset-xs-1, .col-1 .offset-xs-1, .col-2 .offset-xs-1, .col-2 .offset-xs-1, .col-3 .offset-xs-1, .col-3 .offset-xs-1, .col-4 .offset-xs-1, .col-4 .offset-xs-1, .col-5 .offset-xs-1, .col-5 .offset-xs-1, .col-6 .offset-xs-1, .col-6 .offset-xs-1, .col-7 .offset-xs-1, .col-7 .offset-xs-1, .col-8 .offset-xs-1, .col-8 .offset-xs-1, .col-9 .offset-xs-1, .col-9 .offset-xs-1, .col-10 .offset-xs-1, .col-10 .offset-xs-1, .col-11 .offset-xs-1, .col-11 .offset-xs-1, .col-12 .offset-xs-1, .col-12 .offset-xs-1, .col-20percent .offset-xs-1, .col-20percent .offset-xs-1, .margin-reset .offset-xs-1, .margin-reset .offset-xs-1 {
    margin-left: 25%; }
  .col-1 .offset-xs-2.offset-xs-2, .col-2 .offset-xs-2.offset-xs-2, .col-3 .offset-xs-2.offset-xs-2, .col-4 .offset-xs-2.offset-xs-2, .col-5 .offset-xs-2.offset-xs-2, .col-6 .offset-xs-2.offset-xs-2, .col-7 .offset-xs-2.offset-xs-2, .col-8 .offset-xs-2.offset-xs-2, .col-9 .offset-xs-2.offset-xs-2, .col-10 .offset-xs-2.offset-xs-2, .col-11 .offset-xs-2.offset-xs-2, .col-12 .offset-xs-2.offset-xs-2, .col-20percent .offset-xs-2.offset-xs-2, .margin-reset .offset-xs-2.offset-xs-2 {
    margin-left: 50%; }
  .col-1 .offset-xs-3.offset-xs-3, .col-2 .offset-xs-3.offset-xs-3, .col-3 .offset-xs-3.offset-xs-3, .col-4 .offset-xs-3.offset-xs-3, .col-5 .offset-xs-3.offset-xs-3, .col-6 .offset-xs-3.offset-xs-3, .col-7 .offset-xs-3.offset-xs-3, .col-8 .offset-xs-3.offset-xs-3, .col-9 .offset-xs-3.offset-xs-3, .col-10 .offset-xs-3.offset-xs-3, .col-11 .offset-xs-3.offset-xs-3, .col-12 .offset-xs-3.offset-xs-3, .col-20percent .offset-xs-3.offset-xs-3, .margin-reset .offset-xs-3.offset-xs-3 {
    margin-left: 75%; } }
.width-1 {
  width: 8.33333333%; }

.width-2 {
  width: 16.66666667%; }

.width-3 {
  width: 25%; }

.width-4 {
  width: 33.33333333%; }

.width-5 {
  width: 41.66666667%; }

.width-6 {
  width: 50%; }

.width-7 {
  width: 58.33333333%; }

.width-8 {
  width: 66.66666667%; }

.width-9 {
  width: 75%; }

.width-10 {
  width: 83.33333333%; }

.width-11 {
  width: 91.66666667%; }

.width-12 {
  width: 100%; }

@media only all and (min-width: 992px) and (max-width: 1279px) {
  .width-md-1.width-md-1, .width-1, .width-2 {
    width: 16.66666667%; }

  .width-md-2.width-md-2, .width-3, .width-4 {
    width: 33.33333333%; }

  .width-md-3.width-md-3, .width-5, .width-6 {
    width: 50%; }

  .width-md-4.width-md-4, .width-7, .width-8 {
    width: 66.66666667%; }

  .width-md-5.width-md-5, .width-9, .width-10 {
    width: 83.33333333%; }

  .width-md-6.width-md-6, .width-11, .width-12 {
    width: 100%; } }
@media only all and (min-width: 768px) and (max-width: 991px) {
  .width-sm-1.width-sm-1, .width-1, .width-2 {
    width: 16.66666667%; }

  .width-sm-2.width-sm-2, .width-3, .width-4 {
    width: 33.33333333%; }

  .width-sm-3.width-sm-3, .width-5, .width-6 {
    width: 50%; }

  .width-sm-4.width-sm-4, .width-7, .width-8 {
    width: 66.66666667%; }

  .width-sm-5.width-sm-5, .width-9, .width-10 {
    width: 83.33333333%; }

  .width-sm-6.width-sm-6, .width-11, .width-12 {
    width: 100%; } }
@media only all and (min-width: 1px) and (max-width: 767px) {
  .width-xs-1.width-xs-1 {
    width: 25%; }

  .width-xs-2.width-xs-2 {
    width: 50%; }

  .width-xs-3.width-xs-3 {
    width: 75%; }

  .width-xs-4.width-xs-4 {
    width: 100%; } }
.hidden {
  display: none; }

/* Change any color of a text, background or border box with a simple class  */
/* Text colors */
.darklnk a, a.darklnk,
.darklnk a:focus, a.darklnk:focus,
.darklnk a:hover, a.darklnk:hover {
  color: #393231;
  text-decoration: underline; }

.greylnk a:focus, a.greylnk:focus,
.greylnk a:hover, a.greylnk:hover {
  color: #5a5a5a;
  text-decoration: underline; }

.text-blueprimary {
  color: #06156d; }

.text-middleblue {
  color: #3043b6; }

.text-lightblue1 {
  color: #919eee; }

.text-green {
  color: #5db756; }

.text-yellow {
  color: #ffc600; }

.text-orange {
  color: #f2922b; }

.text-red {
  color: #ff0000; }

.text-red2 {
  color: #b33320; }

.text-purple {
  color: #8346c2; }

.text-dark {
  color: #393231; }

.text-dark85 {
  color: rgba(57, 50, 49, 0.85); }

.text-darkgrey {
  color: #5a5a5a; }

.text-mediumgrey {
  color: #747170; }

.text-anothergray {
  color: #707274; }

.text-light {
  color: #e0e4e8; }

.text-lightgrey {
  color: #c9ced3; }

.text-light {
  color: #e0e4e8; }

.text-white {
  color: #f2f2f2; }

.text-error {
  color: #ff0000; }

.text-warning {
  color: #ffc600; }

.text-confirm {
  color: #5db756; }

.text-info {
  color: #393231; }

.text-primary {
  color: #ffc600; }

.text-secondary {
  color: #5a5a5a; }

.text-tertiary {
  color: #747170; }

.text-disabled {
  color: #747170; }

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

/* Background color*/
.bg-error, .bg-error td, .bg-error th {
  background-color: #ff0000; }

.bg-confirm, .bg-confirm td, .bg-confirm th {
  background-color: #5db756; }

.bg-primary, .bg-primary td, .bg-primary th {
  background-color: #ffc600; }

.bg-secondary, .bg-secondary td, .bg-secondary th {
  background-color: #5a5a5a; }

.bg-darkgrey, .bg-darkgrey td, .bg-darkgrey th {
  background-color: #5a5a5a; }

.bg-mediumgrey, .bg-mediumgrey td, .bg-mediumgrey th {
  background-color: #747170; }

.bg-tertiary, .bg-tertiary td, .bg-tertiary th {
  background-color: #747170; }

.bg-info, .bg-info td, .bg-info th {
  background-color: #393231; }

.bg-blueprimary {
  background-color: #06156d; }

.bg-middleblue {
  background-color: #3043b6; }

.bg-lightblue1 {
  background-color: #919eee; }

.bg-green {
  background-color: #5db756; }

.bg-yellow {
  background-color: #ffc600; }

.bg-orange {
  background-color: #f2922b; }

.bg-red {
  background-color: #ff0000; }

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

.bg-purple {
  background-color: #8346c2; }

.bg-redbox {
  background-color: rgba(223, 209, 209, 0.3); }

.bg-dark {
  background-color: #393231; }

.bg-dark85 {
  background-color: rgba(57, 50, 49, 0.85); }

.bg-darkgrey {
  background-color: #5a5a5a; }

.bg-mediumgrey {
  background-color: #747170; }

.bg-anothergray {
  background-color: #707274; }

.bg-lightgrey {
  background-color: #c9ced3; }

.bg-light {
  background-color: #e0e4e8; }

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

/* Border color*/
.bordered {
  border: 1px solid #747170; }

.border-blueprimary, .border-blueprimary td, .border-blueprimary th {
  border: 1px solid #06156d; }

.border-middleblue, .border-middleblue td, .border-middleblue th {
  border: 1px solid #3043b6; }

.border-lightblue1, .border-lightblue1 td, .border-lightblue1 th {
  border: 1px solid #919eee; }

.border-green, .border-green td, .border-green th {
  border: 1px solid #5db756; }

.border-yellow, .border-yellow td, .border-yellow th {
  border: 1px solid #ffc600; }

.border-orange, .border-orange td, .border-orange th {
  border: 1px solid #f2922b; }

.border-red, .border-red td, .border-red th {
  border: 1px solid #ff0000; }

.border-red2, .border-red2 td, .border-red2 th {
  border: 1px solid #b33320; }

.border-purple, .border-purple td, .border-purple th {
  border: 1px solid #8346c2; }

.border-redbox, .border-redbox td, .border-redbox th {
  border: 1px solid rgba(223, 209, 209, 0.3); }

.border-white, .border-white td, .border-white th {
  border: 1px solid #f2f2f2; }

.border-light, .border-light td, .border-light th {
  border: 1px solid #e0e4e8; }

.border-lightgrey, .border-lightgrey td, .border-lightgrey th {
  border: 1px solid #c9ced3; }

.border-anothergray, .border-anothergray td, .border-anothergray th {
  border: 1px solid #707274; }

.border-mediumgrey, .border-mediumgrey td, .border-mediumgrey th {
  border: 1px solid #747170; }

.border-darkgrey, .border-darkgrey td, .border-darkgrey th {
  border: 1px solid #393231; }

.border-dark, .border-dark td, .border-dark th {
  border: 1px solid #393231; }

.border-error, .border-error td, .border-error th {
  border: 1px solid #ff0000; }

.border-confirm, .border-confirm td, .border-confirm th {
  border: 1px solid #5db756; }

.border-primary, .border-primary td, .border-primary th {
  border: 1px solid #ffc600; }

.border-secondary, .border-secondary td, .border-secondary th {
  border: 1px solid #5a5a5a; }

.border-tertiary, .border-tertiary td, .border-tertiary th {
  border: 1px solid #747170; }

.cf:after {
  content: " ";
  display: block;
  clear: both; }

.clear, .clearfix {
  clear: both; }

.upper {
  text-transform: uppercase; }

.no-underline, .no-underline:focus, .no-underline:hover {
  text-decoration: none; }

.padding-reset {
  padding: 0; }

.padding-x-reset {
  padding-left: 0;
  padding-right: 0; }

.padding-y-reset {
  padding-bottom: 0;
  padding-top: 0; }

.padding-left-reset {
  padding-left: 0; }

.padding-right-reset {
  padding-right: 0; }

.padding-bottom-reset {
  padding-bottom: 0; }

.padding-to-reset {
  padding-top: 0; }

.margin-reset {
  margin: 0; }

.margin-left-reset {
  margin-left: 0; }

.margin-right-reset {
  margin-right: 0; }

.margin-bottom-reset {
  margin-bottom: 0; }

.margin-top-reset {
  margin-top: 0; }

.margin-y-reset {
  margin-bottom: 0;
  margin-top: 0; }

.margin-x-reset {
  margin-left: 0;
  margin-right: 0; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.clear {
  clear: both; }

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

.italic {
  font-style: italic; }

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

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

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

.padding-micro {
  padding: 4px; }

.padding-y-micro {
  padding-top: 4px;
  padding-bottom: 4px; }

.padding-x-micro {
  padding-left: 4px;
  padding-right: 4px; }

.padding-left-micro {
  padding-left: 4px; }

.padding-right-micro {
  padding-right: 4px; }

.padding-top-micro {
  padding-top: 4px; }

.padding-bottom-micro {
  padding-bottom: 4px; }

.padding-tiny {
  padding: 8px; }

.padding-y-tiny {
  padding-top: 8px;
  padding-bottom: 8px; }

.padding-x-tiny {
  padding-left: 8px;
  padding-right: 8px; }

.padding-left-tiny {
  padding-left: 8px; }

.padding-right-tiny {
  padding-right: 8px; }

.padding-top-tiny {
  padding-top: 8px; }

.padding-bottom-tiny {
  padding-bottom: 8px; }

.padding-small {
  padding: 16px; }

.padding-y-small {
  padding-top: 16px;
  padding-bottom: 16px; }

.padding-x-small {
  padding-left: 16px;
  padding-right: 16px; }

.padding-left-small {
  padding-left: 16px; }

.padding-right-small {
  padding-right: 16px; }

.padding-top-small {
  padding-top: 16px; }

.padding-bottom-small {
  padding-bottom: 16px; }

.padding-medium {
  padding: 24px; }

.padding-y-medium {
  padding-top: 24px;
  padding-bottom: 24px; }

.padding-x-medium {
  padding-left: 24px;
  padding-right: 24px; }

.padding-left-medium {
  padding-left: 24px; }

.padding-right-medium {
  padding-right: 24px; }

.padding-top-medium {
  padding-top: 24px; }

.padding-bottom-medium {
  padding-bottom: 24px; }

.padding-large {
  padding: 32px; }

.padding-y-large {
  padding-top: 32px;
  padding-bottom: 32px; }

.padding-x-large {
  padding-left: 32px;
  padding-right: 32px; }

.padding-left-large {
  padding-left: 32px; }

.padding-right-large {
  padding-right: 32px; }

.padding-top-large {
  padding-top: 32px; }

.padding-bottom-large {
  padding-bottom: 32px; }

.margin-tiny {
  margin: 8px; }

.margin-y-tiny {
  margin-top: 8px;
  margin-bottom: 8px; }

.margin-x-tiny {
  margin-left: 8px;
  margin-right: 8px; }

.margin-left-tiny {
  margin-left: 8px; }

.margin-right-tiny {
  margin-right: 8px; }

.margin-top-tiny {
  margin-top: 8px; }

.margin-bottom-tiny {
  margin-bottom: 8px; }

.margin-small {
  margin: 16px; }

.margin-y-small {
  margin-top: 16px;
  margin-bottom: 16px; }

.margin-x-small {
  margin-left: 16px;
  margin-right: 16px; }

.margin-left-small {
  margin-left: 16px; }

.margin-right-small {
  margin-right: 16px; }

.margin-top-small {
  margin-top: 16px; }

.margin-bottom-small {
  margin-bottom: 16px; }

.margin-medium {
  margin: 24px; }

.margin-y-medium {
  margin-top: 24px;
  margin-bottom: 24px; }

.margin-x-medium {
  margin-left: 24px;
  margin-right: 24px; }

.margin-left-medium {
  margin-left: 24px; }

.margin-right-medium {
  margin-right: 24px; }

.margin-top-medium {
  margin-top: 24px; }

.margin-bottom-medium {
  margin-bottom: 24px; }

.margin-large {
  margin: 32px; }

.margin-y-large {
  margin-top: 32px;
  margin-bottom: 32px; }

.margin-x-large {
  margin-left: 32px;
  margin-right: 32px; }

.margin-left-large {
  margin-left: 32px; }

.margin-right-large {
  margin-right: 32px; }

.margin-top-large {
  margin-top: 32px; }

.margin-bottom-large {
  margin-bottom: 32px; }

/**
 * Hide content off-screen without resorting to `display:none;`, also provide
 * breakpoint specific hidden elements.
 */
@media only all and (min-width: 1px) and (max-width: 767px) {
  .hidden-xs, .show-sm, .show-md, .show-lg {
    display: none !important; }

  .show-xs {
    display: inline-block !important; }

  .show-xs-block {
    display: block !important; }

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

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

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

  .pull-left-xs {
    float: left; }

  .pull-right-xs {
    float: right; }

  .padding-reset-xs {
    padding: 0; }

  .margin-reset-xs {
    margin: 0; }

  .margin-xs-small {
    margin: 16px; } }
@media only all and (min-width: 768px) and (max-width: 991px) {
  .hidden-sm, .show-xs, .show-xs-block, .show-md, .show-lg {
    display: none !important; }

  .show-sm {
    display: inline-block !important; }

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

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

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

  .pull-left-sm {
    float: left; }

  .pull-right-sm {
    float: right; }

  .padding-reset-sm {
    padding: 0; }

  .margin-reset-sm {
    margin: 0; }

  .nopadding-reset-xs {
    padding: 0; } }
@media only all and (min-width: 992px) and (max-width: 1279px) {
  .hidden-md, .show-xs, .show-xs-block, .show-sm, .show-lg {
    display: none !important; }

  .show-md {
    display: inline-block !important; }

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

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

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

  .pull-left-md {
    float: left; }

  .pull-right-md {
    float: right; }

  .padding-reset-md {
    padding: 0; }

  .margin-reset-md {
    margin: 0; }

  .nopadding-reset-xs {
    padding: 0; } }
@media only all and (min-width: 1280px) {
  .hidden-lg, .show-xs, .show-xs-block, .show-sm, .show-md {
    display: none !important; }

  .show-lg {
    display: inline-block !important; }

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

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

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

  .pull-left-lg {
    float: left; }

  .pull-right-lg {
    float: right; }

  .padding-reset-lg {
    padding: 0; }

  .margin-reset-lg {
    margin: 0; }

  .nopadding-reset-xs {
    padding: 0; } }
@media only all and (min-width: 1px) and (max-width: 767px) {
  .padding-tiny {
    padding: 4px; }

  .padding-y-tiny {
    padding-top: 4px;
    padding-bottom: 4px; }

  .padding-x-tiny {
    padding-left: 4px;
    padding-right: 4px; }

  .padding-left-tiny {
    padding-left: 4px; }

  .padding-right-tiny {
    padding-right: 4px; }

  .padding-top-tiny {
    padding-top: 4px; }

  .padding-bottom-tiny {
    padding-bottom: 4px; }

  .padding-small {
    padding: 8px; }

  .padding-y-small {
    padding-top: 8px;
    padding-bottom: 8px; }

  .padding-x-small {
    padding-left: 8px;
    padding-right: 8px; }

  .padding-left-small {
    padding-left: 8px; }

  .padding-right-small {
    padding-right: 8px; }

  .padding-top-small {
    padding-top: 8px; }

  .padding-bottom-small {
    padding-bottom: 8px; }

  .padding-medium {
    padding: 16px; }

  .padding-y-medium {
    padding-top: 16px;
    padding-bottom: 16px; }

  .padding-x-medium {
    padding-left: 16px;
    padding-right: 16px; }

  .padding-left-medium {
    padding-left: 16px; }

  .padding-right-medium {
    padding-right: 16px; }

  .padding-top-medium {
    padding-top: 16px; }

  .padding-bottom-medium {
    padding-bottom: 16px; }

  .padding-large {
    padding: 24px; }

  .padding-y-large {
    padding-top: 24px;
    padding-bottom: 24px; }

  .padding-x-large {
    padding-left: 24px;
    padding-right: 24px; }

  .padding-left-large {
    padding-left: 24px; }

  .padding-right-large {
    padding-right: 24px; }

  .padding-top-large {
    padding-top: 24px; }

  .padding-bottom-large {
    padding-bottom: 24px; }

  .margin-tiny {
    margin: 4px; }

  .margin-y-tiny {
    margin-top: 4px;
    margin-bottom: 4px; }

  .margin-x-tiny {
    margin-left: 4px;
    margin-right: 4px; }

  .margin-left-tiny {
    margin-left: 4px; }

  .margin-right-tiny {
    margin-right: 4px; }

  .margin-top-tiny {
    margin-top: 4px; }

  .margin-bottom-tiny {
    margin-bottom: 4px; }

  .margin-small {
    margin: 8px; }

  .margin-y-small {
    margin-top: 8px;
    margin-bottom: 8px; }

  .margin-x-small {
    margin-left: 8px;
    margin-right: 8px; }

  .margin-left-small {
    margin-left: 8px; }

  .margin-right-small {
    margin-right: 8px; }

  .margin-top-small {
    margin-top: 8px; }

  .margin-bottom-small {
    margin-bottom: 8px; }

  .margin-medium {
    margin: 16px; }

  .margin-y-medium {
    margin-top: 16px;
    margin-bottom: 16px; }

  .margin-x-medium {
    margin-left: 16px;
    margin-right: 16px; }

  .margin-left-medium {
    margin-left: 16px; }

  .margin-right-medium {
    margin-right: 16px; }

  .margin-top-medium {
    margin-top: 16px; }

  .margin-bottom-medium {
    margin-bottom: 16px; }

  .margin-large {
    margin: 24px; }

  .margin-y-large {
    margin-top: 24px;
    margin-bottom: 24px; }

  .margin-x-large {
    margin-left: 24px;
    margin-right: 24px; }

  .margin-left-large {
    margin-left: 24px; }

  .margin-right-large {
    margin-right: 24px; }

  .margin-top-large {
    margin-top: 24px; }

  .margin-bottom-large {
    margin-bottom: 24px; } }
@media only all and (min-width: 768px) and (max-width: 991px) {
  .padding-tiny {
    padding: 4px; }

  .padding-y-tiny {
    padding-top: 4px;
    padding-bottom: 4px; }

  .padding-x-tiny {
    padding-left: 4px;
    padding-right: 4px; }

  .padding-left-tiny {
    padding-left: 4px; }

  .padding-right-tiny {
    padding-right: 4px; }

  .padding-top-tiny {
    padding-top: 4px; }

  .padding-bottom-tiny {
    padding-bottom: 4px; }

  .padding-small {
    padding: 8px; }

  .padding-y-small {
    padding-top: 8px;
    padding-bottom: 8px; }

  .padding-x-small {
    padding-left: 8px;
    padding-right: 8px; }

  .padding-left-small {
    padding-left: 8px; }

  .padding-right-small {
    padding-right: 8px; }

  .padding-top-small {
    padding-top: 8px; }

  .padding-bottom-small {
    padding-bottom: 8px; }

  .padding-medium {
    padding: 16px; }

  .padding-y-medium {
    padding-top: 16px;
    padding-bottom: 16px; }

  .padding-x-medium {
    padding-left: 16px;
    padding-right: 16px; }

  .padding-left-medium {
    padding-left: 16px; }

  .padding-right-medium {
    padding-right: 16px; }

  .padding-top-medium {
    padding-top: 16px; }

  .padding-bottom-medium {
    padding-bottom: 16px; }

  .padding-large {
    padding: 24px; }

  .padding-y-large {
    padding-top: 24px;
    padding-bottom: 24px; }

  .padding-x-large {
    padding-left: 24px;
    padding-right: 24px; }

  .padding-left-large {
    padding-left: 24px; }

  .padding-right-large {
    padding-right: 24px; }

  .padding-top-large {
    padding-top: 24px; }

  .padding-bottom-large {
    padding-bottom: 24px; }

  .margin-tiny {
    margin: 4px; }

  .margin-y-tiny {
    margin-top: 4px;
    margin-bottom: 4px; }

  .margin-x-tiny {
    margin-left: 4px;
    margin-right: 4px; }

  .margin-left-tiny {
    margin-left: 4px; }

  .margin-right-tiny {
    margin-right: 4px; }

  .margin-top-tiny {
    margin-top: 4px; }

  .margin-bottom-tiny {
    margin-bottom: 4px; }

  .margin-small {
    margin: 8px; }

  .margin-y-small {
    margin-top: 8px;
    margin-bottom: 8px; }

  .margin-x-small {
    margin-left: 8px;
    margin-right: 8px; }

  .margin-left-small {
    margin-left: 8px; }

  .margin-right-small {
    margin-right: 8px; }

  .margin-top-small {
    margin-top: 8px; }

  .margin-bottom-small {
    margin-bottom: 8px; }

  .margin-medium {
    margin: 16px; }

  .margin-y-medium {
    margin-top: 16px;
    margin-bottom: 16px; }

  .margin-x-medium {
    margin-left: 16px;
    margin-right: 16px; }

  .margin-left-medium {
    margin-left: 16px; }

  .margin-right-medium {
    margin-right: 16px; }

  .margin-top-medium {
    margin-top: 16px; }

  .margin-bottom-medium {
    margin-bottom: 16px; }

  .margin-large {
    margin: 24px; }

  .margin-y-large {
    margin-top: 24px;
    margin-bottom: 24px; }

  .margin-x-large {
    margin-left: 24px;
    margin-right: 24px; }

  .margin-left-large {
    margin-left: 24px; }

  .margin-right-large {
    margin-right: 24px; }

  .margin-top-large {
    margin-top: 24px; }

  .margin-bottom-large {
    margin-bottom: 24px; } }
[class^="btn-"], [class*=" btn-"] {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  padding: 8px 16px;
  vertical-align: top;
  line-height: 1.5em; }
  [class^="btn-"], [class^="btn-"]:hover, [class^="btn-"]:active, [class^="btn-"]:focus, [class*=" btn-"], [class*=" btn-"]:hover, [class*=" btn-"]:active, [class*=" btn-"]:focus {
    text-decoration: none;
    outline: none; }
  [class^="btn-"]:focus, [class*=" btn-"]:focus {
    -webkit-box-shadow: 0 0 0 rgba(102, 175, 233, 0.6), 0 0 0 rgba(102, 175, 233, 0.6);
    -moz-box-shadow: 0 0 0 rgba(102, 175, 233, 0.6), 0 0 0 rgba(102, 175, 233, 0.6);
    box-shadow: 0 0 0 rgba(102, 175, 233, 0.6), 0 0 0 rgba(102, 175, 233, 0.6);
    outline: 0 none; }
  [class^="btn-"]:active, [class*=" btn-"]:active {
    -webkit-box-shadow: 0px 2px 6px -1px 0 inset;
    -moz-box-shadow: 0px 2px 6px -1px 0 inset;
    box-shadow: 0px 2px 6px -1px 0 inset; }
  [class^="btn-"]:last-child, [class*=" btn-"]:last-child {
    margin-right: 0; }

.btn-primary {
  background-color: #ffc600;
  border: 1px solid #ffc600; }
  .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: #f2f2f2; }
  .btn-primary:hover {
    background-color: #cc9e00; }

.btn-secondary {
  background-color: #5a5a5a;
  border: 1px solid #5a5a5a; }
  .btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    color: #f2f2f2; }
  .btn-secondary:hover {
    background-color: #414141; }

.btn-disabled, [class^="btn-"]:disabled,
.btn-disabled:hover, [class^="btn-"]:disabled:hover,
.btn-disabled:active, [class^="btn-"]:disabled:active,
.btn-disabled:focus, [class^="btn-"]:disabled:focus {
  background-color: #747170;
  border: 1px solid #747170;
  color: #5a5a5a;
  font-weight: normal;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.btn-border,
.btn-default {
  background-color: #f2f2f2;
  border: 1px solid #ffc600;
  color: #ffc600; }
  .btn-border:hover,
  .btn-default:hover {
    background-color: #d9d9d9; }

.btn-full {
  width: 100%;
  text-align: center; }

.btn-ico.btn-ico span {
  display: none; }

.btn-ico.btn-ico:after,
.btn-ico.btn-ico:before {
  margin-right: 0px; }

.btn-micro,
input.btn-micro {
  min-width: 32px;
  line-height: 20px;
  font-size: 14px;
  padding: 5px 16px; }

.btn-tiny {
  font-size: 14px;
  padding: 4px 8px; }

.btn-small {
  padding: 4px 16px; }

.btn-large {
  padding: 16px 32px; }

.btn-round {
  background-color: #f2f2f2;
  border: 1px solid #ffc600;
  color: #ffc600;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  border-radius: 35px; }
  .btn-round:hover {
    background-color: #d9d9d9; }
  .btn-round.btn-tiny {
    font-size: 14px;
    padding: 2px 8px; }
  .btn-round.btn-small {
    padding: 8px 16px; }
  .btn-round.btn-large {
    padding: 16px 24px; }

.box-btn {
  margin: 24px 0;
  text-align: left; }

@media only all and (min-width: 1px) and (max-width: 767px) {
  [class^="form-"] [class^="btn-"]:not(.btn-ico):not(.btn-ico):not(.btn-round):not(.btn-micro) {
    font-size: 16px; }

  .btn-round .btn-tiny {
    font-size: 14px; } }
.box-default, .box-error, .box-confirm, .box-warning, .box-info, .box-help {
  padding: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  border-radius: 4px; }

.box-error {
  border: 1px solid #393231;
  background-color: #ff0000;
  color: dark; }

.box-confirm {
  border: 1px solid #393231;
  background-color: #5db756;
  color: #393231; }

.box-warning {
  border: 1px solid #393231;
  background-color: #ffc600;
  color: #393231; }

.box-info {
  border: 1px solid #919eee;
  background-color: #f2f2f2;
  color: #393231; }

.box-help {
  border: 1px dashed #b33320;
  background-color: #f2f2f2;
  color: #393231; }

@font-face {
  font-family: "icolight";
  src: url("../fonts/icolight/icolight.eot?frkfph");
  src: url("../fonts/icolight/icolight.eot?frkfph#iefix") format("embedded-opentype"), url("../fonts/icolight/icolight.ttf?frkfph") format("truetype"), url("../fonts/icolight/icolight.woff?frkfph") format("woff"), url("../fonts/icolight/icolight.svg?frkfph#icolight") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
.icolight {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icolight" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icolight-activity:before {
  content: ""; }

.icolight-airplay:before {
  content: ""; }

.icolight-alert-circle:before {
  content: ""; }

.icolight-alert-octagon:before {
  content: ""; }

.icolight-alert-triangle:before {
  content: ""; }

.icolight-align-center:before {
  content: ""; }

.icolight-align-justify:before {
  content: ""; }

.icolight-align-left:before {
  content: ""; }

.icolight-align-right:before {
  content: ""; }

.icolight-anchor:before {
  content: ""; }

.icolight-aperture:before {
  content: ""; }

.icolight-archive:before {
  content: ""; }

.icolight-arrow-down:before {
  content: ""; }

.icolight-arrow-down-circle:before {
  content: ""; }

.icolight-arrow-down-left:before {
  content: ""; }

.icolight-arrow-down-right:before {
  content: ""; }

.icolight-arrow-left:before {
  content: ""; }

.icolight-arrow-left-circle:before {
  content: ""; }

.icolight-arrow-right:before {
  content: ""; }

.icolight-arrow-right-circle:before {
  content: ""; }

.icolight-arrow-up:before {
  content: ""; }

.icolight-arrow-up-circle:before {
  content: ""; }

.icolight-arrow-up-left:before {
  content: ""; }

.icolight-arrow-up-right:before {
  content: ""; }

.icolight-at-sign:before {
  content: ""; }

.icolight-award:before {
  content: ""; }

.icolight-bar-chart:before {
  content: ""; }

.icolight-bar-chart-2:before {
  content: ""; }

.icolight-battery:before {
  content: ""; }

.icolight-battery-charging:before {
  content: ""; }

.icolight-bell:before {
  content: ""; }

.icolight-bell-off:before {
  content: ""; }

.icolight-bluetooth:before {
  content: ""; }

.icolight-bold:before {
  content: ""; }

.icolight-book:before {
  content: ""; }

.icolight-book-open:before {
  content: ""; }

.icolight-bookmark:before {
  content: ""; }

.icolight-box:before {
  content: ""; }

.icolight-briefcase:before {
  content: ""; }

.icolight-calendar:before {
  content: ""; }

.icolight-camera:before {
  content: ""; }

.icolight-camera-off:before {
  content: ""; }

.icolight-cast:before {
  content: ""; }

.icolight-check:before {
  content: ""; }

.icolight-check-circle:before {
  content: ""; }

.icolight-check-square:before {
  content: ""; }

.icolight-chevron-down:before {
  content: ""; }

.icolight-chevron-left:before {
  content: ""; }

.icolight-chevron-right:before {
  content: ""; }

.icolight-chevron-up:before {
  content: ""; }

.icolight-chevrons-down:before {
  content: ""; }

.icolight-chevrons-left:before {
  content: ""; }

.icolight-chevrons-right:before {
  content: ""; }

.icolight-chevrons-up:before {
  content: ""; }

.icolight-chrome:before {
  content: ""; }

.icolight-circle:before {
  content: ""; }

.icolight-clipboard:before {
  content: ""; }

.icolight-clock:before {
  content: ""; }

.icolight-cloud:before {
  content: ""; }

.icolight-cloud-drizzle:before {
  content: ""; }

.icolight-cloud-lightning:before {
  content: ""; }

.icolight-cloud-off:before {
  content: ""; }

.icolight-cloud-rain:before {
  content: ""; }

.icolight-cloud-snow:before {
  content: ""; }

.icolight-code:before {
  content: ""; }

.icolight-codepen:before {
  content: ""; }

.icolight-codesandbox:before {
  content: ""; }

.icolight-coffee:before {
  content: ""; }

.icolight-columns:before {
  content: ""; }

.icolight-command:before {
  content: ""; }

.icolight-compass:before {
  content: ""; }

.icolight-copy:before {
  content: ""; }

.icolight-corner-down-left:before {
  content: ""; }

.icolight-corner-down-right:before {
  content: ""; }

.icolight-corner-left-down:before {
  content: ""; }

.icolight-corner-left-up:before {
  content: ""; }

.icolight-corner-right-down:before {
  content: ""; }

.icolight-corner-right-up:before {
  content: ""; }

.icolight-corner-up-left:before {
  content: ""; }

.icolight-corner-up-right:before {
  content: ""; }

.icolight-cpu:before {
  content: ""; }

.icolight-credit-card:before {
  content: ""; }

.icolight-crop:before {
  content: ""; }

.icolight-crosshair:before {
  content: ""; }

.icolight-database:before {
  content: ""; }

.icolight-delete:before {
  content: ""; }

.icolight-disc:before {
  content: ""; }

.icolight-dollar-sign:before {
  content: ""; }

.icolight-download:before {
  content: ""; }

.icolight-download-cloud:before {
  content: ""; }

.icolight-droplet:before {
  content: ""; }

.icolight-edit:before {
  content: ""; }

.icolight-edit-2:before {
  content: ""; }

.icolight-edit-3:before {
  content: ""; }

.icolight-external-link:before {
  content: ""; }

.icolight-eye:before {
  content: ""; }

.icolight-eye-off:before {
  content: ""; }

.icolight-facebook:before {
  content: ""; }

.icolight-fast-forward:before {
  content: ""; }

.icolight-feather:before {
  content: ""; }

.icolight-figma:before {
  content: ""; }

.icolight-file:before {
  content: ""; }

.icolight-file-minus:before {
  content: ""; }

.icolight-file-plus:before {
  content: ""; }

.icolight-file-text:before {
  content: ""; }

.icolight-film:before {
  content: ""; }

.icolight-filter:before {
  content: ""; }

.icolight-flag:before {
  content: ""; }

.icolight-folder:before {
  content: ""; }

.icolight-folder-minus:before {
  content: ""; }

.icolight-folder-plus:before {
  content: ""; }

.icolight-framer:before {
  content: ""; }

.icolight-frown:before {
  content: ""; }

.icolight-gift:before {
  content: ""; }

.icolight-git-branch:before {
  content: ""; }

.icolight-git-commit:before {
  content: ""; }

.icolight-git-merge:before {
  content: ""; }

.icolight-git-pull-request:before {
  content: ""; }

.icolight-github:before {
  content: ""; }

.icolight-gitlab:before {
  content: ""; }

.icolight-globe:before {
  content: ""; }

.icolight-grid:before {
  content: ""; }

.icolight-hard-drive:before {
  content: ""; }

.icolight-hash:before {
  content: ""; }

.icolight-headphones:before {
  content: ""; }

.icolight-heart:before {
  content: ""; }

.icolight-help-circle:before {
  content: ""; }

.icolight-hexagon:before {
  content: ""; }

.icolight-home:before {
  content: ""; }

.icolight-image:before {
  content: ""; }

.icolight-inbox:before {
  content: ""; }

.icolight-info:before {
  content: ""; }

.icolight-instagram:before {
  content: ""; }

.icolight-italic:before {
  content: ""; }

.icolight-key:before {
  content: ""; }

.icolight-layers:before {
  content: ""; }

.icolight-layout:before {
  content: ""; }

.icolight-life-buoy:before {
  content: ""; }

.icolight-link:before {
  content: ""; }

.icolight-link-2:before {
  content: ""; }

.icolight-linkedin:before {
  content: ""; }

.icolight-list:before {
  content: ""; }

.icolight-loader:before {
  content: ""; }

.icolight-lock:before {
  content: ""; }

.icolight-log-in:before {
  content: ""; }

.icolight-log-out:before {
  content: ""; }

.icolight-mail:before {
  content: ""; }

.icolight-map:before {
  content: ""; }

.icolight-map-pin:before {
  content: ""; }

.icolight-maximize:before {
  content: ""; }

.icolight-maximize-2:before {
  content: ""; }

.icolight-meh:before {
  content: ""; }

.icolight-menu:before {
  content: ""; }

.icolight-message-circle:before {
  content: ""; }

.icolight-message-square:before {
  content: ""; }

.icolight-mic:before {
  content: ""; }

.icolight-mic-off:before {
  content: ""; }

.icolight-minimize:before {
  content: ""; }

.icolight-minimize-2:before {
  content: ""; }

.icolight-minus:before {
  content: ""; }

.icolight-minus-circle:before {
  content: ""; }

.icolight-minus-square:before {
  content: ""; }

.icolight-monitor:before {
  content: ""; }

.icolight-moon:before {
  content: ""; }

.icolight-more-horizontal:before {
  content: ""; }

.icolight-more-vertical:before {
  content: ""; }

.icolight-mouse-pointer:before {
  content: ""; }

.icolight-move:before {
  content: ""; }

.icolight-music:before {
  content: ""; }

.icolight-navigation:before {
  content: ""; }

.icolight-navigation-2:before {
  content: ""; }

.icolight-octagon:before {
  content: ""; }

.icolight-package:before {
  content: ""; }

.icolight-paperclip:before {
  content: ""; }

.icolight-pause:before {
  content: ""; }

.icolight-pause-circle:before {
  content: ""; }

.icolight-pen-tool:before {
  content: ""; }

.icolight-percent:before {
  content: ""; }

.icolight-phone:before {
  content: ""; }

.icolight-phone-call:before {
  content: ""; }

.icolight-phone-forwarded:before {
  content: ""; }

.icolight-phone-incoming:before {
  content: ""; }

.icolight-phone-missed:before {
  content: ""; }

.icolight-phone-off:before {
  content: ""; }

.icolight-phone-outgoing:before {
  content: ""; }

.icolight-pie-chart:before {
  content: ""; }

.icolight-play:before {
  content: ""; }

.icolight-play-circle:before {
  content: ""; }

.icolight-plus:before {
  content: ""; }

.icolight-plus-circle:before {
  content: ""; }

.icolight-plus-square:before {
  content: ""; }

.icolight-pocket:before {
  content: ""; }

.icolight-power:before {
  content: ""; }

.icolight-printer:before {
  content: ""; }

.icolight-radio:before {
  content: ""; }

.icolight-refresh-ccw:before {
  content: ""; }

.icolight-refresh-cw:before {
  content: ""; }

.icolight-repeat:before {
  content: ""; }

.icolight-rewind:before {
  content: ""; }

.icolight-rotate-ccw:before {
  content: ""; }

.icolight-rotate-cw:before {
  content: ""; }

.icolight-rss:before {
  content: ""; }

.icolight-save:before {
  content: ""; }

.icolight-scissors:before {
  content: ""; }

.icolight-search:before {
  content: ""; }

.icolight-send:before {
  content: ""; }

.icolight-server:before {
  content: ""; }

.icolight-settings:before {
  content: ""; }

.icolight-share:before {
  content: ""; }

.icolight-share-2:before {
  content: ""; }

.icolight-shield:before {
  content: ""; }

.icolight-shield-off:before {
  content: ""; }

.icolight-shopping-bag:before {
  content: ""; }

.icolight-shopping-cart:before {
  content: ""; }

.icolight-shuffle:before {
  content: ""; }

.icolight-sidebar:before {
  content: ""; }

.icolight-skip-back:before {
  content: ""; }

.icolight-skip-forward:before {
  content: ""; }

.icolight-slack:before {
  content: ""; }

.icolight-slash:before {
  content: ""; }

.icolight-sliders:before {
  content: ""; }

.icolight-smartphone:before {
  content: ""; }

.icolight-smile:before {
  content: ""; }

.icolight-speaker:before {
  content: ""; }

.icolight-square:before {
  content: ""; }

.icolight-star:before {
  content: ""; }

.icolight-stop-circle:before {
  content: ""; }

.icolight-sun:before {
  content: ""; }

.icolight-sunrise:before {
  content: ""; }

.icolight-sunset:before {
  content: ""; }

.icolight-tablet:before {
  content: ""; }

.icolight-tag:before {
  content: ""; }

.icolight-target:before {
  content: ""; }

.icolight-terminal:before {
  content: ""; }

.icolight-thermometer:before {
  content: ""; }

.icolight-thumbs-down:before {
  content: ""; }

.icolight-thumbs-up:before {
  content: ""; }

.icolight-toggle-left:before {
  content: ""; }

.icolight-toggle-right:before {
  content: ""; }

.icolight-tool:before {
  content: ""; }

.icolight-trash:before {
  content: ""; }

.icolight-trash-2:before {
  content: ""; }

.icolight-trello:before {
  content: ""; }

.icolight-trending-down:before {
  content: ""; }

.icolight-trending-up:before {
  content: ""; }

.icolight-triangle:before {
  content: ""; }

.icolight-truck:before {
  content: ""; }

.icolight-tv:before {
  content: ""; }

.icolight-twitch:before {
  content: ""; }

.icolight-twitter:before {
  content: ""; }

.icolight-type:before {
  content: ""; }

.icolight-umbrella:before {
  content: ""; }

.icolight-underline:before {
  content: ""; }

.icolight-unlock:before {
  content: ""; }

.icolight-upload:before {
  content: ""; }

.icolight-upload-cloud:before {
  content: ""; }

.icolight-user:before {
  content: ""; }

.icolight-user-check:before {
  content: ""; }

.icolight-user-minus:before {
  content: ""; }

.icolight-user-plus:before {
  content: ""; }

.icolight-user-x:before {
  content: ""; }

.icolight-users:before {
  content: ""; }

.icolight-video:before {
  content: ""; }

.icolight-video-off:before {
  content: ""; }

.icolight-voicemail:before {
  content: ""; }

.icolight-volume:before {
  content: ""; }

.icolight-volume-1:before {
  content: ""; }

.icolight-volume-2:before {
  content: ""; }

.icolight-volume-x:before {
  content: ""; }

.icolight-watch:before {
  content: ""; }

.icolight-wifi:before {
  content: ""; }

.icolight-wifi-off:before {
  content: ""; }

.icolight-wind:before {
  content: ""; }

.icolight-x:before {
  content: ""; }

.icolight-x-circle:before {
  content: ""; }

.icolight-x-octagon:before {
  content: ""; }

.icolight-x-square:before {
  content: ""; }

.icolight-youtube:before {
  content: ""; }

.icolight-zap:before {
  content: ""; }

.icolight-zap-off:before {
  content: ""; }

.icolight-zoom-in:before {
  content: ""; }

.icolight-zoom-out:before {
  content: ""; }

.arrow {
  display: inline-block;
  padding: 8px 16px;
  position: relative;
  text-align: center;
  width: 200px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: #393231;
  background-color: #c9ced3;
  border: 1px solid #c9ced3;
  -webkit-box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.2);
  font-size: 14px; }

.arrow-top-left {
  top: calc( 100% + 16px );
  left: calc(100% - 100px); }
  .arrow-top-left:before, .arrow-top-left:after {
    content: "";
    position: absolute;
    border-collapse: separate;
    border: 10px solid transparent;
    border-bottom-color: #c9ced3 !important;
    bottom: 100%;
    left: 9px; }
  .arrow-top-left:after {
    border-width: 9px;
    border-bottom-color: #c9ced3 !important;
    left: 10px; }

.arrow-top-center {
  top: calc( 100% + 16px );
  left: calc(50% - 100px); }
  .arrow-top-center:before, .arrow-top-center:after {
    content: "";
    position: absolute;
    border-collapse: separate;
    border: 10px solid transparent;
    border-bottom-color: #c9ced3 !important;
    bottom: 100%;
    left: 50%;
    margin-left: -10px; }
  .arrow-top-center:after {
    border-width: 9px;
    border-bottom-color: #c9ced3 !important;
    left: 50%;
    margin-left: -9px; }

.arrow-top-right {
  top: calc( 100% + 16px );
  right: calc(100% - 100px); }
  .arrow-top-right:before, .arrow-top-right:after {
    content: "";
    position: absolute;
    border-collapse: separate;
    border: 10px solid transparent;
    border-bottom-color: #c9ced3 !important;
    bottom: 100%;
    right: 9px; }
  .arrow-top-right:after {
    border-width: 9px;
    border-bottom-color: #c9ced3 !important;
    right: 10px; }

.arrow-right-top {
  left: -216px;
  top: -16px; }
  .arrow-right-top:before, .arrow-right-top:after {
    content: "";
    position: absolute;
    border-collapse: separate;
    border: 10px solid transparent;
    border-left-color: #c9ced3 !important;
    left: 100%;
    top: 9px; }
  .arrow-right-top:after {
    border-width: 9px;
    border-left-color: #c9ced3 !important;
    top: 10px; }

.arrow-right-center {
  left: -216px;
  bottom: 50%;
  transform-origin: top;
  transform: translate(0px, 50%); }
  .arrow-right-center:before, .arrow-right-center:after {
    content: "";
    position: absolute;
    border-collapse: separate;
    border: 10px solid transparent;
    border-left-color: #c9ced3 !important;
    left: 100%;
    top: 50%;
    margin-top: -10px; }
  .arrow-right-center:after {
    border-width: 9px;
    border-left-color: #c9ced3 !important;
    top: 50%;
    margin-top: -9px; }

.arrow-right-bottom {
  left: -216px;
  bottom: -14px; }
  .arrow-right-bottom:before, .arrow-right-bottom:after {
    content: "";
    position: absolute;
    border-collapse: separate;
    border: 10px solid transparent;
    border-left-color: #c9ced3 !important;
    left: 100%;
    bottom: 9px; }
  .arrow-right-bottom:after {
    border-width: 9px;
    border-left-color: #c9ced3 !important;
    bottom: 10px; }

.arrow-left-top {
  top: -14px;
  right: -216px; }
  .arrow-left-top:before, .arrow-left-top:after {
    content: "";
    position: absolute;
    border-collapse: separate;
    border: 10px solid transparent;
    border-right-color: #c9ced3 !important;
    right: 100%;
    top: 9px; }
  .arrow-left-top:after {
    border-width: 9px;
    border-right-color: #c9ced3 !important;
    top: 10px; }

.arrow-left-center {
  right: -216px;
  top: 50%;
  transform-origin: top;
  transform: translate(0px, -50%); }
  .arrow-left-center:before, .arrow-left-center:after {
    content: "";
    position: absolute;
    border-collapse: separate;
    border: 10px solid transparent;
    border-right-color: #c9ced3 !important;
    right: 100%;
    top: 50%;
    margin-top: -10px; }
  .arrow-left-center:after {
    border-width: 9px;
    border-right-color: #c9ced3 !important;
    top: 50%;
    margin-top: -9px; }

.arrow-left-bottom {
  right: -216px;
  bottom: -16px; }
  .arrow-left-bottom:before, .arrow-left-bottom:after {
    content: "";
    position: absolute;
    border-collapse: separate;
    border: 10px solid transparent;
    border-right-color: #c9ced3 !important;
    right: 100%;
    bottom: 9px; }
  .arrow-left-bottom:after {
    border-width: 9px;
    border-right-color: #c9ced3 !important;
    bottom: 10px; }

.arrow-bottom-left {
  bottom: calc( 100% + 16px );
  left: calc(100% - 100px);
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); }
  .arrow-bottom-left:before, .arrow-bottom-left:after {
    content: "";
    position: absolute;
    border-collapse: separate;
    border: 10px solid transparent;
    border-top-color: #c9ced3 !important;
    top: 100%;
    left: 9px; }
  .arrow-bottom-left:after {
    border-width: 9px;
    border-top-color: #c9ced3 !important;
    left: 10px; }

.arrow-bottom-center {
  bottom: calc( 100% + 16px );
  left: calc(50% - 100px);
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); }
  .arrow-bottom-center:before, .arrow-bottom-center:after {
    content: "";
    position: absolute;
    border-collapse: separate;
    border: 10px solid transparent;
    border-top-color: #c9ced3 !important;
    top: 100%;
    left: 50%;
    margin-left: -10px; }
  .arrow-bottom-center:after {
    border-width: 9px;
    border-top-color: #c9ced3 !important;
    left: 50%;
    margin-left: -9px; }

.arrow-bottom-right {
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
  bottom: calc( 100% + 16px );
  right: calc(100% - 100px); }
  .arrow-bottom-right:before, .arrow-bottom-right:after {
    content: "";
    position: absolute;
    border-collapse: separate;
    border: 10px solid transparent;
    border-top-color: #c9ced3 !important;
    top: 100%;
    right: 9px; }
  .arrow-bottom-right:after {
    border-width: 9px;
    border-top-color: #c9ced3 !important;
    right: 10px; }

.bubbled .arrow,
.bubbled-click .arrow {
  white-space: normal;
  z-index: 8; }

.bubbled:hover .hide.arrow,
.bubbled-click .show.arrow,
.bubbled-no-js .hide.arrow {
  visibility: visible; }

.hide.arrow,
.bubbled-click:hover .hide.arrow {
  visibility: hidden; }

.bubbled {
  overflow: visible;
  position: relative;
  display: inline-block; }

.bubbled .arrow {
  position: absolute;
  z-index: 10;
  display: block; }

.basket .arrow-bottom-center {
  top: -270px; }

@media only all and (min-width: 1px) and (max-width: 767px) {
  .arrow-xs-top-left {
    top: calc( 100% + 16px );
    left: calc(100% - 100px); }
    .arrow-xs-top-left:before, .arrow-xs-top-left:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-bottom-color: #c9ced3 !important;
      bottom: 100%;
      left: 9px; }
    .arrow-xs-top-left:after {
      border-width: 9px;
      border-bottom-color: #c9ced3 !important;
      left: 10px; }

  .arrow-xs-top-center {
    top: calc( 100% + 16px );
    left: calc(50% - 100px); }
    .arrow-xs-top-center:before, .arrow-xs-top-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-bottom-color: #c9ced3 !important;
      bottom: 100%;
      left: 50%;
      margin-left: -10px; }
    .arrow-xs-top-center:after {
      border-width: 9px;
      border-bottom-color: #c9ced3 !important;
      left: 50%;
      margin-left: -9px; }

  .arrow-xs-top-right {
    top: calc( 100% + 16px );
    right: calc(100% - 100px); }
    .arrow-xs-top-right:before, .arrow-xs-top-right:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-bottom-color: #c9ced3 !important;
      bottom: 100%;
      right: 9px; }
    .arrow-xs-top-right:after {
      border-width: 9px;
      border-bottom-color: #c9ced3 !important;
      right: 10px; }

  .arrow-xs-right-top {
    left: -216px;
    top: -16px; }
    .arrow-xs-right-top:before, .arrow-xs-right-top:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-left-color: #c9ced3 !important;
      left: 100%;
      top: 9px; }
    .arrow-xs-right-top:after {
      border-width: 9px;
      border-left-color: #c9ced3 !important;
      top: 10px; }

  .arrow-xs-right-center {
    left: -216px;
    bottom: 50%;
    transform-origin: top;
    transform: translate(0px, 50%); }
    .arrow-xs-right-center:before, .arrow-xs-right-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-left-color: #c9ced3 !important;
      left: 100%;
      top: 50%;
      margin-top: -10px; }
    .arrow-xs-right-center:after {
      border-width: 9px;
      border-left-color: #c9ced3 !important;
      top: 50%;
      margin-top: -9px; }

  .arrow-xs-right-bottom {
    left: -216px;
    bottom: -14px; }
    .arrow-xs-right-bottom:before, .arrow-xs-right-bottom:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-left-color: #c9ced3 !important;
      left: 100%;
      bottom: 9px; }
    .arrow-xs-right-bottom:after {
      border-width: 9px;
      border-left-color: #c9ced3 !important;
      bottom: 10px; }

  .arrow-xs-left-top {
    top: -14px;
    right: -216px; }
    .arrow-xs-left-top:before, .arrow-xs-left-top:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-right-color: #c9ced3 !important;
      right: 100%;
      top: 9px; }
    .arrow-xs-left-top:after {
      border-width: 9px;
      border-right-color: #c9ced3 !important;
      top: 10px; }

  .arrow-xs-left-center {
    right: -216px;
    top: 50%;
    transform-origin: top;
    transform: translate(0px, -50%); }
    .arrow-xs-left-center:before, .arrow-xs-left-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-right-color: #c9ced3 !important;
      right: 100%;
      top: 50%;
      margin-top: -10px; }
    .arrow-xs-left-center:after {
      border-width: 9px;
      border-right-color: #c9ced3 !important;
      top: 50%;
      margin-top: -9px; }

  .arrow-xs-left-bottom {
    right: -216px;
    bottom: -16px; }
    .arrow-xs-left-bottom:before, .arrow-xs-left-bottom:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-right-color: #c9ced3 !important;
      right: 100%;
      bottom: 9px; }
    .arrow-xs-left-bottom:after {
      border-width: 9px;
      border-right-color: #c9ced3 !important;
      bottom: 10px; }

  .arrow-xs-bottom-left {
    bottom: calc( 100% + 16px );
    left: calc(100% - 100px);
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); }
    .arrow-xs-bottom-left:before, .arrow-xs-bottom-left:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-top-color: #c9ced3 !important;
      top: 100%;
      left: 9px; }
    .arrow-xs-bottom-left:after {
      border-width: 9px;
      border-top-color: #c9ced3 !important;
      left: 10px; }

  .arrow-xs-bottom-center {
    bottom: calc( 100% + 16px );
    left: calc(50% - 100px);
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); }
    .arrow-xs-bottom-center:before, .arrow-xs-bottom-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-top-color: #c9ced3 !important;
      top: 100%;
      left: 50%;
      margin-left: -10px; }
    .arrow-xs-bottom-center:after {
      border-width: 9px;
      border-top-color: #c9ced3 !important;
      left: 50%;
      margin-left: -9px; }

  .arrow-xs-bottom-right {
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
    bottom: calc( 100% + 16px );
    right: calc(100% - 100px); }
    .arrow-xs-bottom-right:before, .arrow-xs-bottom-right:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-top-color: #c9ced3 !important;
      top: 100%;
      right: 9px; }
    .arrow-xs-bottom-right:after {
      border-width: 9px;
      border-top-color: #c9ced3 !important;
      right: 10px; } }
@media only all and (min-width: 768px) and (max-width: 991px) {
  .arrow-sm-top-left {
    top: calc( 100% + 16px );
    left: calc(100% - 100px); }
    .arrow-sm-top-left:before, .arrow-sm-top-left:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-bottom-color: #c9ced3 !important;
      bottom: 100%;
      left: 9px; }
    .arrow-sm-top-left:after {
      border-width: 9px;
      border-bottom-color: #c9ced3 !important;
      left: 10px; }

  .arrow-sm-top-center {
    top: calc( 100% + 16px );
    left: calc(50% - 100px); }
    .arrow-sm-top-center:before, .arrow-sm-top-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-bottom-color: #c9ced3 !important;
      bottom: 100%;
      left: 50%;
      margin-left: -10px; }
    .arrow-sm-top-center:after {
      border-width: 9px;
      border-bottom-color: #c9ced3 !important;
      left: 50%;
      margin-left: -9px; }

  .arrow-sm-top-right {
    top: calc( 100% + 16px );
    right: calc(100% - 100px); }
    .arrow-sm-top-right:before, .arrow-sm-top-right:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-bottom-color: #c9ced3 !important;
      bottom: 100%;
      right: 9px; }
    .arrow-sm-top-right:after {
      border-width: 9px;
      border-bottom-color: #c9ced3 !important;
      right: 10px; }

  .arrow-sm-right-top {
    left: -216px;
    top: -16px; }
    .arrow-sm-right-top:before, .arrow-sm-right-top:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-left-color: #c9ced3 !important;
      left: 100%;
      top: 9px; }
    .arrow-sm-right-top:after {
      border-width: 9px;
      border-left-color: #c9ced3 !important;
      top: 10px; }

  .arrow-sm-right-center {
    left: -216px;
    bottom: 50%;
    transform-origin: top;
    transform: translate(0px, 50%); }
    .arrow-sm-right-center:before, .arrow-sm-right-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-left-color: #c9ced3 !important;
      left: 100%;
      top: 50%;
      margin-top: -10px; }
    .arrow-sm-right-center:after {
      border-width: 9px;
      border-left-color: #c9ced3 !important;
      top: 50%;
      margin-top: -9px; }

  .arrow-sm-right-bottom {
    left: -216px;
    bottom: -14px; }
    .arrow-sm-right-bottom:before, .arrow-sm-right-bottom:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-left-color: #c9ced3 !important;
      left: 100%;
      bottom: 9px; }
    .arrow-sm-right-bottom:after {
      border-width: 9px;
      border-left-color: #c9ced3 !important;
      bottom: 10px; }

  .arrow-sm-left-top {
    top: -14px;
    right: -216px; }
    .arrow-sm-left-top:before, .arrow-sm-left-top:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-right-color: #c9ced3 !important;
      right: 100%;
      top: 9px; }
    .arrow-sm-left-top:after {
      border-width: 9px;
      border-right-color: #c9ced3 !important;
      top: 10px; }

  .arrow-sm-left-center {
    right: -216px;
    top: 50%;
    transform-origin: top;
    transform: translate(0px, -50%); }
    .arrow-sm-left-center:before, .arrow-sm-left-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-right-color: #c9ced3 !important;
      right: 100%;
      top: 50%;
      margin-top: -10px; }
    .arrow-sm-left-center:after {
      border-width: 9px;
      border-right-color: #c9ced3 !important;
      top: 50%;
      margin-top: -9px; }

  .arrow-sm-left-bottom {
    right: -216px;
    bottom: -16px; }
    .arrow-sm-left-bottom:before, .arrow-sm-left-bottom:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-right-color: #c9ced3 !important;
      right: 100%;
      bottom: 9px; }
    .arrow-sm-left-bottom:after {
      border-width: 9px;
      border-right-color: #c9ced3 !important;
      bottom: 10px; }

  .arrow-sm-bottom-left {
    bottom: calc( 100% + 16px );
    left: calc(100% - 100px);
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); }
    .arrow-sm-bottom-left:before, .arrow-sm-bottom-left:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-top-color: #c9ced3 !important;
      top: 100%;
      left: 9px; }
    .arrow-sm-bottom-left:after {
      border-width: 9px;
      border-top-color: #c9ced3 !important;
      left: 10px; }

  .arrow-sm-bottom-center {
    bottom: calc( 100% + 16px );
    left: calc(50% - 100px);
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); }
    .arrow-sm-bottom-center:before, .arrow-sm-bottom-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-top-color: #c9ced3 !important;
      top: 100%;
      left: 50%;
      margin-left: -10px; }
    .arrow-sm-bottom-center:after {
      border-width: 9px;
      border-top-color: #c9ced3 !important;
      left: 50%;
      margin-left: -9px; }

  .arrow-sm-bottom-right {
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
    bottom: calc( 100% + 16px );
    right: calc(100% - 100px); }
    .arrow-sm-bottom-right:before, .arrow-sm-bottom-right:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-top-color: #c9ced3 !important;
      top: 100%;
      right: 9px; }
    .arrow-sm-bottom-right:after {
      border-width: 9px;
      border-top-color: #c9ced3 !important;
      right: 10px; } }
@media only all and (min-width: 992px) and (max-width: 1279px) {
  .arrow-md-top-left {
    top: calc( 100% + 16px );
    left: calc(100% - 100px); }
    .arrow-md-top-left:before, .arrow-md-top-left:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-bottom-color: #c9ced3 !important;
      bottom: 100%;
      left: 9px; }
    .arrow-md-top-left:after {
      border-width: 9px;
      border-bottom-color: #c9ced3 !important;
      left: 10px; }

  .arrow-md-top-center {
    top: calc( 100% + 16px );
    left: calc(50% - 100px); }
    .arrow-md-top-center:before, .arrow-md-top-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-bottom-color: #c9ced3 !important;
      bottom: 100%;
      left: 50%;
      margin-left: -10px; }
    .arrow-md-top-center:after {
      border-width: 9px;
      border-bottom-color: #c9ced3 !important;
      left: 50%;
      margin-left: -9px; }

  .arrow-md-top-right {
    top: calc( 100% + 16px );
    right: calc(100% - 100px); }
    .arrow-md-top-right:before, .arrow-md-top-right:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-bottom-color: #c9ced3 !important;
      bottom: 100%;
      right: 9px; }
    .arrow-md-top-right:after {
      border-width: 9px;
      border-bottom-color: #c9ced3 !important;
      right: 10px; }

  .arrow-md-right-top {
    left: -216px;
    top: -16px; }
    .arrow-md-right-top:before, .arrow-md-right-top:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-left-color: #c9ced3 !important;
      left: 100%;
      top: 9px; }
    .arrow-md-right-top:after {
      border-width: 9px;
      border-left-color: #c9ced3 !important;
      top: 10px; }

  .arrow-md-right-center {
    left: -216px;
    bottom: 50%;
    transform-origin: top;
    transform: translate(0px, 50%); }
    .arrow-md-right-center:before, .arrow-md-right-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-left-color: #c9ced3 !important;
      left: 100%;
      top: 50%;
      margin-top: -10px; }
    .arrow-md-right-center:after {
      border-width: 9px;
      border-left-color: #c9ced3 !important;
      top: 50%;
      margin-top: -9px; }

  .arrow-md-right-bottom {
    left: -216px;
    bottom: -14px; }
    .arrow-md-right-bottom:before, .arrow-md-right-bottom:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-left-color: #c9ced3 !important;
      left: 100%;
      bottom: 9px; }
    .arrow-md-right-bottom:after {
      border-width: 9px;
      border-left-color: #c9ced3 !important;
      bottom: 10px; }

  .arrow-md-left-top {
    top: -14px;
    right: -216px; }
    .arrow-md-left-top:before, .arrow-md-left-top:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-right-color: #c9ced3 !important;
      right: 100%;
      top: 9px; }
    .arrow-md-left-top:after {
      border-width: 9px;
      border-right-color: #c9ced3 !important;
      top: 10px; }

  .arrow-md-left-center {
    right: -216px;
    top: 50%;
    transform-origin: top;
    transform: translate(0px, -50%); }
    .arrow-md-left-center:before, .arrow-md-left-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-right-color: #c9ced3 !important;
      right: 100%;
      top: 50%;
      margin-top: -10px; }
    .arrow-md-left-center:after {
      border-width: 9px;
      border-right-color: #c9ced3 !important;
      top: 50%;
      margin-top: -9px; }

  .arrow-md-left-bottom {
    right: -216px;
    bottom: -16px; }
    .arrow-md-left-bottom:before, .arrow-md-left-bottom:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-right-color: #c9ced3 !important;
      right: 100%;
      bottom: 9px; }
    .arrow-md-left-bottom:after {
      border-width: 9px;
      border-right-color: #c9ced3 !important;
      bottom: 10px; }

  .arrow-md-bottom-left {
    bottom: calc( 100% + 16px );
    left: calc(100% - 100px);
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); }
    .arrow-md-bottom-left:before, .arrow-md-bottom-left:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-top-color: #c9ced3 !important;
      top: 100%;
      left: 9px; }
    .arrow-md-bottom-left:after {
      border-width: 9px;
      border-top-color: #c9ced3 !important;
      left: 10px; }

  .arrow-md-bottom-center {
    bottom: calc( 100% + 16px );
    left: calc(50% - 100px);
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); }
    .arrow-md-bottom-center:before, .arrow-md-bottom-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-top-color: #c9ced3 !important;
      top: 100%;
      left: 50%;
      margin-left: -10px; }
    .arrow-md-bottom-center:after {
      border-width: 9px;
      border-top-color: #c9ced3 !important;
      left: 50%;
      margin-left: -9px; }

  .arrow-md-bottom-right {
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
    bottom: calc( 100% + 16px );
    right: calc(100% - 100px); }
    .arrow-md-bottom-right:before, .arrow-md-bottom-right:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-top-color: #c9ced3 !important;
      top: 100%;
      right: 9px; }
    .arrow-md-bottom-right:after {
      border-width: 9px;
      border-top-color: #c9ced3 !important;
      right: 10px; } }
@media only all and (min-width: 1280px) {
  .arrow-lg-top-left {
    top: calc( 100% + 16px );
    left: calc(100% - 100px); }
    .arrow-lg-top-left:before, .arrow-lg-top-left:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-bottom-color: #c9ced3 !important;
      bottom: 100%;
      left: 9px; }
    .arrow-lg-top-left:after {
      border-width: 9px;
      border-bottom-color: #c9ced3 !important;
      left: 10px; }

  .arrow-lg-top-center {
    top: calc( 100% + 16px );
    left: calc(50% - 100px); }
    .arrow-lg-top-center:before, .arrow-lg-top-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-bottom-color: #c9ced3 !important;
      bottom: 100%;
      left: 50%;
      margin-left: -10px; }
    .arrow-lg-top-center:after {
      border-width: 9px;
      border-bottom-color: #c9ced3 !important;
      left: 50%;
      margin-left: -9px; }

  .arrow-lg-top-right {
    top: calc( 100% + 16px );
    right: calc(100% - 100px); }
    .arrow-lg-top-right:before, .arrow-lg-top-right:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-bottom-color: #c9ced3 !important;
      bottom: 100%;
      right: 9px; }
    .arrow-lg-top-right:after {
      border-width: 9px;
      border-bottom-color: #c9ced3 !important;
      right: 10px; }

  .arrow-lg-right-top {
    left: -216px;
    top: -16px; }
    .arrow-lg-right-top:before, .arrow-lg-right-top:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-left-color: #c9ced3 !important;
      left: 100%;
      top: 9px; }
    .arrow-lg-right-top:after {
      border-width: 9px;
      border-left-color: #c9ced3 !important;
      top: 10px; }

  .arrow-lg-right-center {
    left: -216px;
    bottom: 50%;
    transform-origin: top;
    transform: translate(0px, 50%); }
    .arrow-lg-right-center:before, .arrow-lg-right-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-left-color: #c9ced3 !important;
      left: 100%;
      top: 50%;
      margin-top: -10px; }
    .arrow-lg-right-center:after {
      border-width: 9px;
      border-left-color: #c9ced3 !important;
      top: 50%;
      margin-top: -9px; }

  .arrow-lg-right-bottom {
    left: -216px;
    bottom: -14px; }
    .arrow-lg-right-bottom:before, .arrow-lg-right-bottom:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-left-color: #c9ced3 !important;
      left: 100%;
      bottom: 9px; }
    .arrow-lg-right-bottom:after {
      border-width: 9px;
      border-left-color: #c9ced3 !important;
      bottom: 10px; }

  .arrow-lg-left-top {
    top: -14px;
    right: -216px; }
    .arrow-lg-left-top:before, .arrow-lg-left-top:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-right-color: #c9ced3 !important;
      right: 100%;
      top: 9px; }
    .arrow-lg-left-top:after {
      border-width: 9px;
      border-right-color: #c9ced3 !important;
      top: 10px; }

  .arrow-lg-left-center {
    right: -216px;
    top: 50%;
    transform-origin: top;
    transform: translate(0px, -50%); }
    .arrow-lg-left-center:before, .arrow-lg-left-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-right-color: #c9ced3 !important;
      right: 100%;
      top: 50%;
      margin-top: -10px; }
    .arrow-lg-left-center:after {
      border-width: 9px;
      border-right-color: #c9ced3 !important;
      top: 50%;
      margin-top: -9px; }

  .arrow-lg-left-bottom {
    right: -216px;
    bottom: -16px; }
    .arrow-lg-left-bottom:before, .arrow-lg-left-bottom:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-right-color: #c9ced3 !important;
      right: 100%;
      bottom: 9px; }
    .arrow-lg-left-bottom:after {
      border-width: 9px;
      border-right-color: #c9ced3 !important;
      bottom: 10px; }

  .arrow-lg-bottom-left {
    bottom: calc( 100% + 16px );
    left: calc(100% - 100px);
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); }
    .arrow-lg-bottom-left:before, .arrow-lg-bottom-left:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-top-color: #c9ced3 !important;
      top: 100%;
      left: 9px; }
    .arrow-lg-bottom-left:after {
      border-width: 9px;
      border-top-color: #c9ced3 !important;
      left: 10px; }

  .arrow-lg-bottom-center {
    bottom: calc( 100% + 16px );
    left: calc(50% - 100px);
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); }
    .arrow-lg-bottom-center:before, .arrow-lg-bottom-center:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-top-color: #c9ced3 !important;
      top: 100%;
      left: 50%;
      margin-left: -10px; }
    .arrow-lg-bottom-center:after {
      border-width: 9px;
      border-top-color: #c9ced3 !important;
      left: 50%;
      margin-left: -9px; }

  .arrow-lg-bottom-right {
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
    bottom: calc( 100% + 16px );
    right: calc(100% - 100px); }
    .arrow-lg-bottom-right:before, .arrow-lg-bottom-right:after {
      content: "";
      position: absolute;
      border-collapse: separate;
      border: 10px solid transparent;
      border-top-color: #c9ced3 !important;
      top: 100%;
      right: 9px; }
    .arrow-lg-bottom-right:after {
      border-width: 9px;
      border-top-color: #c9ced3 !important;
      right: 10px; } }
[class*=" var-"]:before {
  font-weight: bold;
  font-size: 28px; }

[class*=" var-"]:after {
  font-weight: normal;
  color: red;
  font-size: normal; }

.var-red:after,
.var-red2:after,
.var-rederror:after {
  color: #393231; }

.var-value[class*=" var-"]:before {
  content: ""; }

.var-name[class*=" var-"]:after {
  content: ""; }

.var-xs-end:before {
  content: "$xs-end"; }

.var-sm-begin:before {
  content: ' $sm-begin '; }

.var-sm-end:before {
  content: '$sm-end '; }

.var-md-begin:before {
  content: '$md-begin '; }

.var-md-end:before {
  content: ' $md-end '; }

.var-lg-begin:before {
  content: ' $lg-begin '; }

.var-micro:before {
  content: '$micro '; }

.var-tiny:before {
  content: '$tiny '; }

.var-small:before {
  content: '$small '; }

.var-medium:before {
  content: '$medium  '; }

.var-large:before {
  content: '$large '; }

.var-huge:before {
  content: '$huge '; }

.var-sm-micro:before {
  content: '$sm-micro '; }

.var-sm-tiny:before {
  content: '$sm-tiny '; }

.var-sm-small:before {
  content: '$sm-small '; }

.var-sm-medium:before {
  content: '$sm-medium '; }

.var-sm-large:before {
  content: '$sm-large '; }

.var-sm-huge:before {
  content: '$sm-huge '; }

.var-xs-micro:before {
  content: '$sm-micro '; }

.var-xs-tiny:before {
  content: '$sm-tiny '; }

.var-xs-small:before {
  content: '$sm-small '; }

.var-xs-medium:before {
  content: '$sm-medium '; }

.var-xs-large:before {
  content: '$sm-large '; }

.var-xs-huge:before {
  content: '$sm-huge '; }

.var-default-space:before {
  content: '$default-space '; }

.var-default-space-y:before {
  content: '$default-space-y '; }

.var-default-space-x:before {
  content: '$default-space-x '; }

.var-global-spacing-unit:before {
  content: '$global-spacing-unit: '; }

.var-brand-round:before {
  content: '$brand-round '; }

.var-family:before {
  content: '$family '; }

.var-default-font-size:before {
  content: '$default-font-size '; }

.var-tiny-font:before {
  content: '$tiny-font '; }

.var-micro-font:before {
  content: '$micro-font '; }

.var-price:before {
  content: '$price '; }

.var-jumbo:before {
  content: '$jumbo '; }

.var-h1:before {
  content: '$h1 '; }

.var-h2:before {
  content: '$h2 '; }

.var-h3:before {
  content: '$h3 '; }

.var-h4:before {
  content: '$h4 '; }

.var-h5:before {
  content: '$h5 '; }

.var-h6:before {
  content: '$h6 '; }

.var-xs-font-size:before {
  content: '$xs-font-size '; }

.var-xs-tiny-font:before {
  content: '$xs-tiny-font '; }

.var-xs-micro-font:before {
  content: '$xs-micro-font '; }

.var-xs-jumbo:before {
  content: '$xs-jumbo '; }

.var-xs-h1:before {
  content: '$xs-h1 '; }

.var-xs-h2:before {
  content: '$xs-h2 '; }

.var-xs-h3:before {
  content: '$xs-h3 '; }

.var-xs-h4:before {
  content: '$xs-h4 '; }

.var-xs-h5:before {
  content: '$xs-h5 '; }

.var-xs-h6:before {
  content: '$xs-h6 '; }

.var-sm-font-size:before {
  content: '$sm-font-size '; }

.var-sm-tiny-font:before {
  content: '$sm-tiny-font '; }

.var-sm-micro-font:before {
  content: '$sm-micro-font '; }

.var-sm-jumbo:before {
  content: '$sm-jumbo '; }

.var-sm-h1:before {
  content: '$sm-h1 '; }

.var-sm-h2:before {
  content: '$sm-h2 '; }

.var-sm-h3:before {
  content: '$sm-h3 '; }

.var-sm-h4:before {
  content: '$sm-h4 '; }

.var-sm-h5:before {
  content: '$sm-h5 '; }

.var-sm-h6:before {
  content: '$sm-h6 '; }

.var-gutter-grid:before {
  content: '$gutter-grid '; }

.var-half-gutter-grid:before {
  content: '$half-gutter-grid '; }

.var-margin-grid:before {
  content: '$margin-grid '; }

.var-padding-grid:before {
  content: '$padding-grid '; }

.var-xs-gutter-grid:before {
  content: '$xs-gutter-grid '; }

.var-xs-half-gutter-grid:before {
  content: '$xs-half-gutter-grid '; }

.var-xs-margin-grid:before {
  content: '$xs-margin-grid '; }

.var-xs-padding-grid:before {
  content: '$xs-padding-grid '; }

.var-sm-gutter-grid:before {
  content: '$sm-gutter-grid '; }

.var-sm-half-gutter-grid:before {
  content: '$sm-half-gutter-grid '; }

.var-sm-margin-grid:before {
  content: '$sm-margin-grid '; }

.var-sm-padding-grid:before {
  content: '$sm-padding-grid '; }

.var-md-gutter-grid:before {
  content: '$md-gutter-grid '; }

.var-md-half-gutter-grid:before {
  content: '$md-half-gutter-grid '; }

.var-md-margin-grid:before {
  content: '$md-margin-grid '; }

.var-md-padding-grid:before {
  content: '$md-padding-grid '; }

.var-lg-gutter-grid:before {
  content: '$lg-gutter-grid '; }

.var-lg-half-gutter-grid:before {
  content: '$lg-half-gutter-grid '; }

.var-lg-margin-grid:before {
  content: '$lg-margin-grid '; }

.var-lg-padding-grid:before {
  content: '$lg-padding-grid '; }

.var-tuna:before {
  content: '$fgcolor'; }

.var-tuna85:before {
  content: '$fgcolor85'; }

.var-yellow:before {
  content: '$yellow'; }

.var-orange:before {
  content: '$orange'; }

.var-red:before {
  content: '$red'; }

.var-red2:before {
  content: '$red2'; }

.var-rederror:before {
  content: '$rederror'; }

.var-purple:before {
  content: '$purple'; }

.var-redbox:before {
  content: '$redbox'; }

.var-bgcolor:before {
  content: '$bgcolor'; }

.var-fgcolor:before {
  content: '$fgcolor'; }

.var-dark:before {
  content: '$fgcolor'; }

.var-dark85:before {
  content: '$fgcolor85'; }

.var-darkgrey:before {
  content: '$darkgrey'; }

.var-mediumgrey:before {
  content: '$mediumgrey'; }

.var-lightgrey:before {
  content: '$lightgrey'; }

.var-white:before {
  content: '$bgcolor'; }

.var-light:before {
  content: '$light'; }

.var-primarycolor:before {
  content: '$primarycolor'; }

.var-secondarycolor:before {
  content: '$secondarycolor'; }

.var-tertiarycolor:before {
  content: '$tertiarycolor'; }

.var-warningcolor:before {
  content: '$warningcolor'; }

.var-negativecolor:before {
  content: '$negativecolor'; }

.var-bg-error:before {
  content: '$bg-error'; }

.var-infocolor:before {
  content: '$infocolor'; }

.var-positivecolor:before {
  content: '$positivecolor'; }

.var-oddcolor:before {
  content: '$oddcolor'; }

.var-evencolor:before {
  content: '$evencolor'; }

.var-tablebordercolor:before {
  content: '$tablebordercolor'; }

.var-bordercolor:before {
  content: '$bordercolor'; }

.var-silvertxt:before {
  content: '$mediumgreytxt'; }

.var-txtcolor:before {
  content: '$txtcolor'; }

.var-txtcolor2:before {
  content: '$txtcolor2'; }

.var-linkcolor:before {
  content: '$linkcolor'; }

.var-highlight:before {
  content: '$highlight'; }

.var-selectedfg:before {
  content: '$selectedfg'; }

.var-focusedinptshadow:before {
  content: '$focusedinptshadow'; }

.var-rulecolor:before {
  content: '$rulecolor'; }

.var-codeborder:before {
  content: '$codeborder'; }

.var-codebg:before {
  content: '$codebg'; }

.var-codetxt:before {
  content: '$codetxt'; }

.var-footertxt:before {
  content: '$footertxt'; }

.var-fgbtn:before {
  content: '$fgbtn'; }

.var-xs-end:after {
  content: " 767px"; }

.var-sm-begin:after {
  content: " 768px"; }

.var-sm-end:after {
  content: " 991px"; }

.var-md-begin:after {
  content: " 992px"; }

.var-md-end:after {
  content: " 1279px"; }

.var-lg-begin:after {
  content: " 1280px"; }

.var-micro:after {
  content: " 4px"; }

.var-tiny:after {
  content: " 8px"; }

.var-small:after {
  content: " 16px"; }

.var-medium:after {
  content: " 24px"; }

.var-large:after {
  content: " 32px"; }

.var-huge:after {
  content: " 64px"; }

.var-sm-micro:after {
  content: " 2px"; }

.var-sm-tiny:after {
  content: " 4px"; }

.var-sm-small:after {
  content: " 8px"; }

.var-sm-medium:after {
  content: " 16px"; }

.var-sm-large:after {
  content: " 24px"; }

.var-sm-huge:after {
  content: " 32px"; }

.var-xs-micro:after {
  content: " 2px"; }

.var-xs-tiny:after {
  content: " 4px"; }

.var-xs-small:after {
  content: " 8px"; }

.var-xs-medium:after {
  content: " 16px"; }

.var-xs-large:after {
  content: " 24px"; }

.var-xs-huge:after {
  content: " 32px"; }

.var-default-space:after {
  content: " 0px"; }

.var-default-space-y:after {
  content: " 0px"; }

.var-default-space-x:after {
  content: " 0px"; }

.var-global-spacing-unit:after {
  content: " 20px"; }

.var-brand-round:after {
  content: " 4px"; }

.var-family:after {
  content: " Open Sans, sans-serif"; }

.var-default-font-size:after {
  content: " 16px"; }

.var-tiny-font:after {
  content: " 14px"; }

.var-micro-font:after {
  content: " 12px"; }

.var-price:after {
  content: " 22px"; }

.var-jumbo:after {
  content: " 52px"; }

.var-h1:after {
  content: " 48px"; }

.var-h2:after {
  content: " 32px"; }

.var-h3:after {
  content: " 28px"; }

.var-h4:after {
  content: " 24px"; }

.var-h5:after {
  content: " 20px"; }

.var-h6:after {
  content: " 18px"; }

.var-xs-font-size:after {
  content: " 14px"; }

.var-xs-tiny-font:after {
  content: " 12px"; }

.var-xs-micro-font:after {
  content: " 10px"; }

.var-xs-jumbo:after {
  content: " 32px"; }

.var-xs-h1:after {
  content: " 24px"; }

.var-xs-h2:after {
  content: " 22px"; }

.var-xs-h3:after {
  content: " 20px"; }

.var-xs-h4:after {
  content: " 18px"; }

.var-xs-h5:after {
  content: " 16px"; }

.var-xs-h6:after {
  content: " 14px"; }

.var-sm-font-size:after {
  content: " 14px"; }

.var-sm-tiny-font:after {
  content: " 12px"; }

.var-sm-micro-font:after {
  content: " 10px"; }

.var-sm-jumbo:after {
  content: " 32px"; }

.var-sm-h1:after {
  content: " 24px"; }

.var-sm-h2:after {
  content: " 22px"; }

.var-sm-h3:after {
  content: " 20px"; }

.var-sm-h4:after {
  content: " 18px"; }

.var-sm-h5:after {
  content: " 16px"; }

.var-sm-h6:after {
  content: " 14px"; }

.var-gutter-grid:after {
  content: " 24px"; }

.var-half-gutter-grid:after {
  content: " 12px"; }

.var-margin-grid:after {
  content: " 22px"; }

.var-padding-grid:after {
  content: " 12px"; }

.var-xs-gutter-grid:after {
  content: " 12px"; }

.var-xs-half-gutter-grid:after {
  content: " 6px"; }

.var-xs-margin-grid:after {
  content: " 8px"; }

.var-xs-padding-grid:after {
  content: " 6px"; }

.var-sm-gutter-grid:after {
  content: " 12px"; }

.var-sm-half-gutter-grid:after {
  content: " 6px"; }

.var-sm-margin-grid:after {
  content: " 8px"; }

.var-sm-padding-grid:after {
  content: " 6px"; }

.var-md-gutter-grid:after {
  content: " 24px"; }

.var-md-half-gutter-grid:after {
  content: " 12px"; }

.var-md-margin-grid:after {
  content: " 22px"; }

.var-md-padding-grid:after {
  content: " 12px"; }

.var-lg-gutter-grid:after {
  content: " 24px"; }

.var-lg-half-gutter-grid:after {
  content: " 12px"; }

.var-lg-margin-grid:after {
  content: " 22px"; }

.var-lg-padding-grid:after {
  content: " 12px"; }

.var-tuna:after {
  content: " #393231"; }

.var-tuna85:after {
  content: " rgba(57, 50, 49, 0.85)"; }

.var-yellow:after {
  content: " #ffc600"; }

.var-orange:after {
  content: " #f2922b"; }

.var-red:after {
  content: " #ff0000"; }

.var-purple:after {
  content: " #8346c2"; }

.var-redbox:after {
  content: "rgba(223, 209, 209, 0.3)"; }

.var-red:after {
  content: "#ff0000"; }

.var-red2:after {
  content: "#b33320"; }

.var-rederror:after {
  content: "#b33320"; }

.var-bgcolor:after {
  content: " #f2f2f2"; }

.var-fgcolor:after {
  content: " #393231"; }

.var-dark:after {
  content: " #393231"; }

.var-dark85:after {
  content: " rgba(57, 50, 49, 0.85)"; }

.var-darkgrey:after {
  content: " #5a5a5a"; }

.var-mediumgrey:after {
  content: " #747170"; }

.var-lightgrey:after {
  content: " #c9ced3"; }

.var-light:after {
  content: " #e0e4e8"; }

.var-primarycolor:after {
  content: " #ffc600"; }

.var-secondarycolor:after {
  content: " #5a5a5a"; }

.var-tertiarycolor:after {
  content: " #747170"; }

.var-warningcolor:after {
  content: " #ffc600"; }

.var-negativecolor:after {
  content: " #ff0000"; }

.var-bg-error:after {
  content: " #ff0000"; }

.var-infocolor:after {
  content: " #393231"; }

.var-positivecolor:after {
  content: " #5db756"; }

.var-oddcolor:after {
  content: " #f2f2f2"; }

.var-evencolor:after {
  content: " #e0e4e8"; }

.var-tablebordercolor:after {
  content: " #747170"; }

.var-bordercolor:after {
  content: " #747170"; }

.var-silvertxt:after {
  content: " #747170"; }

.var-txtcolor:after {
  content: " #393231"; }

.var-txtcolor2:after {
  content: " #5a5a5a"; }

.var-linkcolor:after {
  content: " #5a5a5a"; }

.var-highlight:after {
  content: " #5a5a5a"; }

.var-selectedfg:after {
  content: " #f2f2f2"; }

.var-focusedinptshadow:after {
  content: " rgba(102, 175, 233, 0.6)"; }

.var-rulecolor:after {
  content: " #747170"; }

.var-codeborder:after {
  content: " #393231"; }

.var-codebg:after {
  content: " #e0e4e8"; }

.var-codetxt:after {
  content: " #393231"; }

.var-footertxt:after {
  content: " #5a5a5a"; }

.var-fgbtn:after {
  content: " #f2f2f2"; }

.toc {
  position: fixed;
  top: 0;
  right: 0;
  background: #f2f2f2;
  border-left: 1px solid #ffc600;
  border-bottom: 1px solid #ffc600;
  padding: 4px 16px;
  border-bottom-left-radius: 4px; }

.titlebox {
  min-height: auto; }

.grid-border, .bordered {
  border-width: 1px;
  border-style: solid;
  border-color: #747170; }

.grid-border.border-primary, .bordered.border-primary, .grid-border-primary {
  border-width: 1px;
  border-style: solid;
  border-color: #ffc600; }

.grid-border.border-secondary, .bordered.border-secondary, .grid-border-secondary {
  border-width: 1px;
  border-style: solid;
  border-color: #5a5a5a; }

.grid-border.border-tertiary, .bordered.border-tertiary, .grid-border-tertiary {
  border-width: 1px;
  border-style: solid;
  border-color: #747170; }

.box-border [class*="col-"] {
  border-width: 1px;
  border-style: solid;
  border-color: #747170; }

.box-border-primary [class*="col-"] {
  border-width: 1px;
  border-style: solid;
  border-color: #ffc600; }

.box-border-secondary [class*="col-"] {
  border-width: 1px;
  border-style: solid;
  border-color: #5a5a5a; }

.box-border-tertiary [class*="col-"] {
  border-width: 1px;
  border-style: solid;
  border-color: #747170; }

.grid-fill {
  background-color: #747170; }
  .grid-fill [class*="col-"] {
    background-color: #747170; }

.box-fill {
  background-color: #747170; }
  .box-fill [class*="col-"] {
    background-color: #747170; }

.box-fill-primary [class*="col-"] {
  background-color: #ffc600; }

.box-fill-secondary [class*="col-"] {
  background-color: #5a5a5a; }

.box-fill-tertiary [class*="col-"] {
  background-color: #747170; }

/* pictolist */
.pictolist li:nth-child(even) {
  background: #c9ced3; }

.pictolist li:hover {
  background: #c9ced3; }

.pictolist li:hover {
  background: #5a5a5a; }

.pictolist li:hover .ico-check:before {
  color: #f2f2f2; }

.pictolist a {
  display: block; }

.pictolist li {
  padding: 0; }

.pictolist a {
  padding: 24px; }

/* pictolist */
.icons-list li {
  width: 15%;
  text-align: center;
  margin-bottom: 24px;
  padding: 0.5% 1%;
  min-height: 80px;
  display: inline-flex;
  flex-direction: column; }
  .icons-list li span {
    display: block;
    min-height: 24px; }
  .icons-list li span.icosize-jumbo {
    height: 64px;
    line-height: 64px; }
  .icons-list li span.icosize-large {
    height: 48px;
    line-height: 48px; }
  .icons-list li span.icosize-big {
    height: 32px;
    line-height: 32px; }
  .icons-list li [class*=" ico-"]:before {
    color: #ffc600; }
  .icons-list li:hover {
    background-color: #747170; }

@media only all and (min-width: 1px) and (max-width: 767px) {
  .icons-list li {
    min-height: 40px; }

  .docicolist-text {
    display: none; } }
body.slides {
  margin: 0 auto;
  text-align: center;
  background: #ffc600;
  padding: 0;
  overflow: hidden; }

.slides .grid {
  margin-left: 0;
  margin-right: 0; }

.slides .grid {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  text-align: center; }

.slides a {
  color: #f2f2f2;
  text-decoration: none; }

.slides a.text-error {
  color: #ff0000; }

.slides article {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  text-align: center;
  display: flex;
  min-width: 100vw;
  min-height: 100vh; }

.slides article img {
  max-width: 100%;
  max-height: 100%; }

.slides article figcaption {
  position: absolute;
  display: flex;
  top: calc(50% - 52px );
  z-index: 2;
  font-size: 52px;
  vertical-align: middle;
  color: #f2f2f2;
  background: rgba(57, 50, 49, 0.85);
  text-align: center;
  padding: 52px; }

.slides article.col-12 {
  flex-basis: 100%;
  margin: 0 0;
  padding: 0 0; }

.btn-slide-left {
  left: 200px; }

.btn-slide-right {
  right: 0; }

[class*="btn-slide-"] {
  position: absolute;
  width: 25vw;
  height: 100vh;
  top: 0;
  background: none;
  opacity: 0; }

.slides dl {
  display: inline-block;
  margin: 0 auto;
  overflow: visible; }

.slides dl dt, .slides dl dd {
  display: block;
  list-style: none;
  white-space: nowrap;
  overflow: visible; }

.slides dl dd {
  text-align: right;
  width: 44%;
  margin-left: 1%; }

.slides dl dt {
  text-align: left;
  width: 55%; }

.w3-animate-fading {
  -webkit-animation: fading 3s linear;
  animation: fading 3s linear; }

@-webkit-keyframes fading {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fading {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* texts */
body {
  overflow-x: hidden; }

.doc {
  display: block; }

.docwrap {
  width: calc(100% - 200px);
  margin-left: 200px; }

.bloc-fade {
  left: 200px; }

.doc a[href*="http://"], .doc a[href*="https://"] {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M1.5%204.518h5.982V10.5H1.5z%22%2F%3E%3Cpath%20d%3D%22M5.765%201H11v5.39L9.427%207.937l-1.31-1.31L5.393%209.35l-2.69-2.688%202.81-2.808L4.2%202.544z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M9.995%202.004l.022%204.885L8.2%205.07%205.32%207.95%204.09%206.723l2.882-2.88-1.85-1.852z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 13px; }

a:focus {
  color: #ffc600;
  outline: none; }

.logo a:focus {
  background: #f2f2f2;
  opacity: 0.8; }

/* BUTTONS */
/* supra cute button */
.doc .btn-collapse:before {
  content: " (づಠᴥಠ)づ "; }

.doc .active.btn-collapse:before {
  content: " (ง⚆ᴥ⚆)ง "; }

.doc #debugGridTrigger {
  cursor: pointer;
  text-decoration: underline; }

.doc .infodoc {
  cursor: help; }

.valign-middle {
  vertical-align: middle; }

/* PRE, code */
.doc pre {
  padding: 4px 24px;
  overflow: auto;
  box-sizing: border-box;
  white-space: pre-wrap;
  display: block;
  max-width: calc(100% - ($medium x 2));
  overflow-x: scroll; }

.doc pre:not(.margin-reset) {
  margin: 32px 0; }

col.hidden-xs {
  display: none; }

.toDisplay {
  border: 1px solid #ffc600;
  border-top: none;
  cursor: pointer; }

.doc .grid:not(.table) pre.margin-reset {
  border-top: none;
  display: none; }

.doc .grid.table pre.margin-reset {
  border-top: 1px solid #393231;
  margin-top: 16px; }

/* legend and arrow (on pre or code or others) */
.doc pre .comment {
  color: rgba(57, 50, 49, 0.85); }

.doc pre .comment:before {
  content: "<!--"; }

.doc pre .comment:after {
  content: "-->"; }

a.legended {
  text-decoration: none;
  color: #f2922b; }

.legended:after {
  content: "\24d8 ";
  color: #f2922b;
  font-size: inherit;
  font-weight: bold;
  margin-right: 4px; }

.doc pre .arrow {
  background: #e0e4e8;
  border: 1px solid #e0e4e8; }

.doc pre .arrow-top-center:before, .doc pre .arrow-top-center:after {
  border-bottom-color: #e0e4e8 !important; }

.doc pre.hidden {
  display: none; }

.doc-grid-block [class*=" var-"]:after,
.doc-grid-block [class*=" var-"]:before,
.doc-text-block [class*=" var-"]:after,
.doc-text-block [class*=" var-"]:before,
.doc-colors-block [class*=" var-"]:after,
.doc-colors-block [class*=" var-"]:before,
.doc-bgcolors-block [class*=" var-"]:after,
.doc-bgcolors-block [class*=" var-"]:before,
.doc-border-block [class*=" var-"]:after,
.doc-border-block [class*=" var-"]:before {
  display: none; }

.doc-colors-block,
.doc-bgcolors-block,
.doc-border-block {
  list-style: none;
  margin: 0;
  padding: 0; }
  .doc-colors-block li,
  .doc-bgcolors-block li,
  .doc-border-block li {
    display: inline-block;
    width: 23%;
    margin-right: 2%;
    vertical-align: top;
    padding: 1%;
    margin-bottom: 8px; }
    .doc-colors-block li:nth-child(4n),
    .doc-bgcolors-block li:nth-child(4n),
    .doc-border-block li:nth-child(4n) {
      margin-right: 0; }

.doc-colors-block li,
.doc-bgcolors-block li {
  border: 1px solid #747170; }
  .doc-colors-block li:hover,
  .doc-bgcolors-block li:hover {
    border-color: #ffc600; }

.doc-border-block li:hover {
  background-color: #747170; }

.doc-colors-block span {
  display: block;
  width: 100%; }
.doc-colors-block span.var-value {
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ff0000;
  margin-bottom: 8px; }
.doc-colors-block .var-value.var-red,
.doc-colors-block .var-value.var-red2,
.doc-colors-block .var-value.var-rederror {
  color: #393231; }

.samples {
  width: 100%; }
  .samples > div {
    min-height: 300px; }

@media only all and (min-width: 1px) and (max-width: 767px) {
  .bloc-fade {
    left: 0px;
    margin-top: 40px; }

  .doc-colors-block,
  .doc-bgcolors-block,
  .doc-border-block {
    list-style: none;
    margin: 0;
    padding: 0; }
    .doc-colors-block li,
    .doc-bgcolors-block li,
    .doc-border-block li {
      display: inline-block;
      width: 48%;
      margin-right: 2%;
      vertical-align: top;
      padding: 1%;
      margin-bottom: 8px; }
      .doc-colors-block li:nth-child(2n),
      .doc-bgcolors-block li:nth-child(2n),
      .doc-border-block li:nth-child(2n) {
        margin-right: 0; }

  .samples > div {
    min-height: auto;
    margin-bottom: 16px; }

  .docwrap {
    margin-left: 0;
    width: 100%;
    margin-top: 50px; } }
@media only all and (min-width: 768px) and (max-width: 991px) {
  .bloc-fade {
    left: 0px;
    margin-top: 40px; }

  .docwrap {
    margin-left: 0;
    width: 100%;
    margin-top: 50px; }

  .samples > div {
    min-height: auto;
    margin-bottom: 16px; } }
.shell {
  border: 1px solid #747170;
  color: #f2f2f2;
  background: #393231; }
  .shell a {
    color: #5a5a5a; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animated.infinite {
  animation-iteration-count: infinite; }

.animated.hinge {
  animation-duration: 2s; }

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s; }

.spin {
  -webkit-animation: spin 3s linear infinite both;
  animation: spin 3s linear infinite both;
  display: inline-block; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }
.bounce {
  animation-name: bounce;
  transform-origin: center bottom; }

@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    transform: scale3d(1, 1, 1); } }
.pulse {
  animation-name: pulse; }

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  to {
    transform: scale3d(1, 1, 1); } }
.rubberBand {
  animation-name: rubberBand; }

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0); } }
.shake {
  animation-name: shake; }

@keyframes headShake {
  0% {
    transform: translateX(0); }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    transform: translateX(2px) rotateY(3deg); }
  50% {
    transform: translateX(0); } }
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake; }

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
  transform-origin: top center;
  animation-name: swing; }

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    transform: scale3d(1, 1, 1); } }
.tada {
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    transform: none; } }
.wobble {
  animation-name: wobble; }

@keyframes jello {
  from, 11.1%, to {
    transform: none; }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello {
  animation-name: jello;
  transform-origin: center; }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }
.bounceIn {
  animation-name: bounceIn; }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }
.bounceInDown {
  animation-name: bounceInDown; }

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }
.bounceInLeft {
  animation-name: bounceInLeft; }

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }
.bounceInRight {
  animation-name: bounceInRight; }

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }
.bounceInUp {
  animation-name: bounceInUp; }

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
  animation-name: bounceOut; }

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
  animation-name: bounceOutDown; }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
  animation-name: bounceOutLeft; }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
  animation-name: bounceOutRight; }

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
  animation-name: bounceOutUp; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadeIn {
  animation-name: fadeIn; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInDown {
  animation-name: fadeInDown; }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInDownBig {
  animation-name: fadeInDownBig; }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInLeft {
  animation-name: fadeInLeft; }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInLeftBig {
  animation-name: fadeInLeftBig; }

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInRight {
  animation-name: fadeInRight; }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInRightBig {
  animation-name: fadeInRightBig; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInUp {
  animation-name: fadeInUp; }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInUpBig {
  animation-name: fadeInUpBig; }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
  animation-name: fadeOutDown; }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
  animation-name: fadeOutDownBig; }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
  animation-name: fadeOutLeft; }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig; }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
  animation-name: fadeOutRight; }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
  animation-name: fadeOutRightBig; }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
  animation-name: fadeOutUp; }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
  animation-name: fadeOutUpBig; }

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in; }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip; }

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX; }

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    transform: perspective(400px); } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY; }

@keyframes flipOutX {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@keyframes flipOutY {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    transform: none;
    opacity: 1; } }
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out; }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in; }

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1; } }
.rotateIn {
  animation-name: rotateIn; }

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }
.rotateInDownLeft {
  animation-name: rotateInDownLeft; }

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }
.rotateInDownRight {
  animation-name: rotateInDownRight; }

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }
.rotateInUpLeft {
  animation-name: rotateInUpLeft; }

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }
.rotateInUpRight {
  animation-name: rotateInUpRight; }

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1; }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
.rotateOut {
  animation-name: rotateOut; }

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft; }

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutDownRight {
  animation-name: rotateOutDownRight; }

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft; }

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
.rotateOutUpRight {
  animation-name: rotateOutUpRight; }

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
.hinge {
  animation-name: hinge; }

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom; }
  50% {
    transform: rotate(-10deg); }
  70% {
    transform: rotate(3deg); }
  to {
    opacity: 1;
    transform: scale(1); } }
.jackInTheBox {
  animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    transform: none; } }
.rollIn {
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
  animation-name: rollOut; }

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  animation-name: zoomIn; }

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
  animation-name: zoomInDown; }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
  animation-name: zoomInLeft; }

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
  animation-name: zoomInRight; }

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  animation-name: zoomInUp; }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
.zoomOut {
  animation-name: zoomOut; }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
  animation-name: zoomOutDown; }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center; } }
.zoomOutLeft {
  animation-name: zoomOutLeft; }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center; } }
.zoomOutRight {
  animation-name: zoomOutRight; }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
  animation-name: zoomOutUp; }

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }
.slideInDown {
  animation-name: slideInDown; }

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }
.slideInLeft {
  animation-name: slideInLeft; }

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }
.slideInRight {
  animation-name: slideInRight; }

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }
.slideInUp {
  animation-name: slideInUp; }

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0); } }
.slideOutDown {
  animation-name: slideOutDown; }

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
  animation-name: slideOutLeft; }

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }
.slideOutRight {
  animation-name: slideOutRight; }

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0); } }
.slideOutUp {
  animation-name: slideOutUp; }

header {
  background: none;
  border: none;
  color: #393231;
  border-bottom: none;
  margin-bottom: 32px; }

header a {
  color: #5a5a5a;
  text-decoration: none; }

header a:active, header a:hover {
  color: #ffc600;
  text-decoration: none; }

header a:focus {
  color: #ffc600;
  text-decoration: none; }

footer {
  background: none;
  border: none;
  color: #5a5a5a;
  border-top: none;
  margin-top: 32px; }

footer a {
  color: #5a5a5a;
  text-decoration: none; }

footer a:active, footer a:hover {
  color: #ffc600;
  text-decoration: none; }

footer a:focus {
  color: #ffc600;
  text-decoration: none; }

.logo {
  background: url(../../images/logo.svg) no-repeat top left;
  padding-left: 105px;
  background-size: auto 100%;
  text-transform: uppercase; }

.logo .h3 {
  font-size: 30px;
  font-weight: 200;
  letter-spacing: 6px;
  margin-left: -6px;
  line-height: 32px; }

.logo .h6 {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 4px;
  margin-left: -3px;
  line-height: 22px; }

.logo .h1 {
  font-weight: 100;
  letter-spacing: 15px;
  margin-left: -10px;
  font-size: 50px;
  line-height: 52px; }

.logo .h6, .logo .h1, .logo .h3 {
  font-family: Montserrat, sans-serif;
  display: block; }

a .logo .h6:first-letter, a .logo .h1:first-letter, a .logo .h3:first-letter {
  color: #ffc600; }

a .logo, a:visited .logo {
  color: #5a5a5a; }

a:hover .logo, a:focus .logo {
  color: #000; }

a:hover .logo .h6:first-letter, a:hover .logo .h1:first-letter, a:hover .logo .h3:first-letter,
a:focus .logo .h6:first-letter, a:focus .logo .h1:first-letter, a:focus .logo .h3:first-letter {
  color: #5a5a5a; }

.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7, .slide8, .slide9, .slide10 {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top; }

.slide1 {
  background-image: url(../../images/texture/texture1.jpg); }

.slide2 {
  background-image: url(../../images/texture/texture2.jpg); }

.slide3 {
  background-image: url(../../images/texture/texture3.jpg); }

.slide4 {
  background-image: url(../../images/texture/texture4.jpg); }

.slide5 {
  background-image: url(../../images/texture/texture5.jpg); }

.slide6 {
  background-image: url(../../images/texture/texture6.jpg); }

.slide7 {
  background-image: url(../../images/texture/texture7.jpg); }

.slide8 {
  background-image: url(../../images/texture/texture8.jpg); }

.slide9 {
  background-image: url(../../images/texture/texture9.jpg); }

.slide10 {
  background-image: url(../../images/texture/texture10.jpg); }

.contact-fieldset {
  background: url(../../images/logo.svg) no-repeat bottom right;
  background-size: auto 90%; }

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