@charset "UTF-8";
/* Breakspoint */
/* Grids */
/* Fonts */
/* Colors */
/* Lighten and darken % */
/* Transition */
/* Border */
/* Define on colors system */
/* Forms */
/* Button */
/* Input */
/* Checkbox Radio */
/* header */
/* Add ignore element class */
/* Box-shadow */
/* Reset style of old CSS element */
/* Document
========================================================================== */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0; }
  *:after, *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0; }

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
*    IE on Windows Phone and in iOS.
*/
html {
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
========================================================================== */
/**
* Remove the problem of img.
*/
img {
  max-width: 100%; }

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

/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
* Add the correct margin in IE 8.
*/
figure {
  margin: 1em 40px; }

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

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

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

/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
  font-weight: inherit; }

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
  font-weight: bolder; }

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
* Add the correct font style in Android 4.3-.
*/
dfn {
  font-style: italic; }

/**
* Add the correct background and color in IE 9-.
*/
mark {
  background-color: #ff0;
  color: #000; }

/**
* Add the correct font size in all browsers.
*/
small {
  font-size: 80%; }

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
  display: inline-block; }

/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
  display: none;
  height: 0; }

/**
* Remove the border on images inside links in IE 10-.
*/
img {
  border-style: none; }

/**
* Hide the overflow in IE.
*/
svg:not(:root) {
  overflow: hidden; }

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

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

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

/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
*    controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
* Correct the padding in Firefox.
*/
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
  max-width: 100%;
  overflow: auto; }

/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
  display: block; }

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

/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
  display: inline-block; }

/**
* Add the correct display in IE.
*/
template {
  display: none; }

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

/* Défine colors on all style elements */
/* Define color name */
/* Link color name at color variable (or hex, rgba...) */
/* Auto lighten your color, you can change for personnalise your colors */
/* Auto Darken, you can personnalise */
/* 
    Nameming of class and creat class colors 
    The first element is for style
    The second is naming
    You can add and change element
    Update need for delete the probleme, for exemple border is some update for can use
*/
/* Regroupe for auto creat element */
.c-red {
  color: #eb474d !important; }

.c-l-red {
  color: #f07579 !important; }

.c-d-red {
  color: #dc181f !important; }

.c-h-red:hover {
  color: #eb474d !important; }

.c-h-l-red:hover {
  color: #f07579 !important; }

.c-h-d-red:hover {
  color: #dc181f !important; }

.b-red {
  background-color: #eb474d !important; }

.b-l-red {
  background-color: #f07579 !important; }

.b-d-red {
  background-color: #dc181f !important; }

.b-h-red:hover {
  background-color: #eb474d !important; }

.b-h-l-red:hover {
  background-color: #f07579 !important; }

.b-h-d-red:hover {
  background-color: #dc181f !important; }

.d-red {
  border: solid 2px #eb474d !important; }

.d-l-red {
  border: solid 2px #f07579 !important; }

.d-d-red {
  border: solid 2px #dc181f !important; }

.d-h-red:hover {
  border: solid 2px #eb474d !important; }

.d-h-l-red:hover {
  border: solid 2px #f07579 !important; }

.d-h-d-red:hover {
  border: solid 2px #dc181f !important; }

.c-pink {
  color: #eb477e !important; }

.c-l-pink {
  color: #f0759e !important; }

.c-d-pink {
  color: #dc185a !important; }

.c-h-pink:hover {
  color: #eb477e !important; }

.c-h-l-pink:hover {
  color: #f0759e !important; }

.c-h-d-pink:hover {
  color: #dc185a !important; }

.b-pink {
  background-color: #eb477e !important; }

.b-l-pink {
  background-color: #f0759e !important; }

.b-d-pink {
  background-color: #dc185a !important; }

.b-h-pink:hover {
  background-color: #eb477e !important; }

.b-h-l-pink:hover {
  background-color: #f0759e !important; }

.b-h-d-pink:hover {
  background-color: #dc185a !important; }

.d-pink {
  border: solid 2px #eb477e !important; }

.d-l-pink {
  border: solid 2px #f0759e !important; }

.d-d-pink {
  border: solid 2px #dc185a !important; }

.d-h-pink:hover {
  border: solid 2px #eb477e !important; }

.d-h-l-pink:hover {
  border: solid 2px #f0759e !important; }

.d-h-d-pink:hover {
  border: solid 2px #dc185a !important; }

.c-purple {
  color: #b447eb !important; }

.c-l-purple {
  color: #c775f0 !important; }

.c-d-purple {
  color: #9b18dc !important; }

.c-h-purple:hover {
  color: #b447eb !important; }

.c-h-l-purple:hover {
  color: #c775f0 !important; }

.c-h-d-purple:hover {
  color: #9b18dc !important; }

.b-purple {
  background-color: #b447eb !important; }

.b-l-purple {
  background-color: #c775f0 !important; }

.b-d-purple {
  background-color: #9b18dc !important; }

.b-h-purple:hover {
  background-color: #b447eb !important; }

.b-h-l-purple:hover {
  background-color: #c775f0 !important; }

.b-h-d-purple:hover {
  background-color: #9b18dc !important; }

.d-purple {
  border: solid 2px #b447eb !important; }

.d-l-purple {
  border: solid 2px #c775f0 !important; }

.d-d-purple {
  border: solid 2px #9b18dc !important; }

.d-h-purple:hover {
  border: solid 2px #b447eb !important; }

.d-h-l-purple:hover {
  border: solid 2px #c775f0 !important; }

.d-h-d-purple:hover {
  border: solid 2px #9b18dc !important; }

.c-indigo {
  color: #7e47eb !important; }

.c-l-indigo {
  color: #9e75f0 !important; }

.c-d-indigo {
  color: #5a18dc !important; }

.c-h-indigo:hover {
  color: #7e47eb !important; }

.c-h-l-indigo:hover {
  color: #9e75f0 !important; }

.c-h-d-indigo:hover {
  color: #5a18dc !important; }

.b-indigo {
  background-color: #7e47eb !important; }

.b-l-indigo {
  background-color: #9e75f0 !important; }

.b-d-indigo {
  background-color: #5a18dc !important; }

.b-h-indigo:hover {
  background-color: #7e47eb !important; }

.b-h-l-indigo:hover {
  background-color: #9e75f0 !important; }

.b-h-d-indigo:hover {
  background-color: #5a18dc !important; }

.d-indigo {
  border: solid 2px #7e47eb !important; }

.d-l-indigo {
  border: solid 2px #9e75f0 !important; }

.d-d-indigo {
  border: solid 2px #5a18dc !important; }

.d-h-indigo:hover {
  border: solid 2px #7e47eb !important; }

.d-h-l-indigo:hover {
  border: solid 2px #9e75f0 !important; }

.d-h-d-indigo:hover {
  border: solid 2px #5a18dc !important; }

.c-blue {
  color: #477eeb !important; }

.c-l-blue {
  color: #759ef0 !important; }

.c-d-blue {
  color: #185adc !important; }

.c-h-blue:hover {
  color: #477eeb !important; }

.c-h-l-blue:hover {
  color: #759ef0 !important; }

.c-h-d-blue:hover {
  color: #185adc !important; }

.b-blue {
  background-color: #477eeb !important; }

.b-l-blue {
  background-color: #759ef0 !important; }

.b-d-blue {
  background-color: #185adc !important; }

.b-h-blue:hover {
  background-color: #477eeb !important; }

.b-h-l-blue:hover {
  background-color: #759ef0 !important; }

.b-h-d-blue:hover {
  background-color: #185adc !important; }

.d-blue {
  border: solid 2px #477eeb !important; }

.d-l-blue {
  border: solid 2px #759ef0 !important; }

.d-d-blue {
  border: solid 2px #185adc !important; }

.d-h-blue:hover {
  border: solid 2px #477eeb !important; }

.d-h-l-blue:hover {
  border: solid 2px #759ef0 !important; }

.d-h-d-blue:hover {
  border: solid 2px #185adc !important; }

.c-cyan {
  color: #47ebeb !important; }

.c-l-cyan {
  color: #75f0f0 !important; }

.c-d-cyan {
  color: #18dcdc !important; }

.c-h-cyan:hover {
  color: #47ebeb !important; }

.c-h-l-cyan:hover {
  color: #75f0f0 !important; }

.c-h-d-cyan:hover {
  color: #18dcdc !important; }

.b-cyan {
  background-color: #47ebeb !important; }

.b-l-cyan {
  background-color: #75f0f0 !important; }

.b-d-cyan {
  background-color: #18dcdc !important; }

.b-h-cyan:hover {
  background-color: #47ebeb !important; }

.b-h-l-cyan:hover {
  background-color: #75f0f0 !important; }

.b-h-d-cyan:hover {
  background-color: #18dcdc !important; }

.d-cyan {
  border: solid 2px #47ebeb !important; }

.d-l-cyan {
  border: solid 2px #75f0f0 !important; }

.d-d-cyan {
  border: solid 2px #18dcdc !important; }

.d-h-cyan:hover {
  border: solid 2px #47ebeb !important; }

.d-h-l-cyan:hover {
  border: solid 2px #75f0f0 !important; }

.d-h-d-cyan:hover {
  border: solid 2px #18dcdc !important; }

.c-teal {
  color: #47ebb4 !important; }

.c-l-teal {
  color: #75f0c7 !important; }

.c-d-teal {
  color: #18dc9b !important; }

.c-h-teal:hover {
  color: #47ebb4 !important; }

.c-h-l-teal:hover {
  color: #75f0c7 !important; }

.c-h-d-teal:hover {
  color: #18dc9b !important; }

.b-teal {
  background-color: #47ebb4 !important; }

.b-l-teal {
  background-color: #75f0c7 !important; }

.b-d-teal {
  background-color: #18dc9b !important; }

.b-h-teal:hover {
  background-color: #47ebb4 !important; }

.b-h-l-teal:hover {
  background-color: #75f0c7 !important; }

.b-h-d-teal:hover {
  background-color: #18dc9b !important; }

.d-teal {
  border: solid 2px #47ebb4 !important; }

.d-l-teal {
  border: solid 2px #75f0c7 !important; }

.d-d-teal {
  border: solid 2px #18dc9b !important; }

.d-h-teal:hover {
  border: solid 2px #47ebb4 !important; }

.d-h-l-teal:hover {
  border: solid 2px #75f0c7 !important; }

.d-h-d-teal:hover {
  border: solid 2px #18dc9b !important; }

.c-green {
  color: #47eb7e !important; }

.c-l-green {
  color: #75f09e !important; }

.c-d-green {
  color: #18dc5a !important; }

.c-h-green:hover {
  color: #47eb7e !important; }

.c-h-l-green:hover {
  color: #75f09e !important; }

.c-h-d-green:hover {
  color: #18dc5a !important; }

.b-green {
  background-color: #47eb7e !important; }

.b-l-green {
  background-color: #75f09e !important; }

.b-d-green {
  background-color: #18dc5a !important; }

.b-h-green:hover {
  background-color: #47eb7e !important; }

.b-h-l-green:hover {
  background-color: #75f09e !important; }

.b-h-d-green:hover {
  background-color: #18dc5a !important; }

.d-green {
  border: solid 2px #47eb7e !important; }

.d-l-green {
  border: solid 2px #75f09e !important; }

.d-d-green {
  border: solid 2px #18dc5a !important; }

.d-h-green:hover {
  border: solid 2px #47eb7e !important; }

.d-h-l-green:hover {
  border: solid 2px #75f09e !important; }

.d-h-d-green:hover {
  border: solid 2px #18dc5a !important; }

.c-lime {
  color: #7eeb47 !important; }

.c-l-lime {
  color: #9ef075 !important; }

.c-d-lime {
  color: #5adc18 !important; }

.c-h-lime:hover {
  color: #7eeb47 !important; }

.c-h-l-lime:hover {
  color: #9ef075 !important; }

.c-h-d-lime:hover {
  color: #5adc18 !important; }

.b-lime {
  background-color: #7eeb47 !important; }

.b-l-lime {
  background-color: #9ef075 !important; }

.b-d-lime {
  background-color: #5adc18 !important; }

.b-h-lime:hover {
  background-color: #7eeb47 !important; }

.b-h-l-lime:hover {
  background-color: #9ef075 !important; }

.b-h-d-lime:hover {
  background-color: #5adc18 !important; }

.d-lime {
  border: solid 2px #7eeb47 !important; }

.d-l-lime {
  border: solid 2px #9ef075 !important; }

.d-d-lime {
  border: solid 2px #5adc18 !important; }

.d-h-lime:hover {
  border: solid 2px #7eeb47 !important; }

.d-h-l-lime:hover {
  border: solid 2px #9ef075 !important; }

.d-h-d-lime:hover {
  border: solid 2px #5adc18 !important; }

.c-yellow {
  color: #ebeb47 !important; }

.c-l-yellow {
  color: #f0f075 !important; }

.c-d-yellow {
  color: #dcdc18 !important; }

.c-h-yellow:hover {
  color: #ebeb47 !important; }

.c-h-l-yellow:hover {
  color: #f0f075 !important; }

.c-h-d-yellow:hover {
  color: #dcdc18 !important; }

.b-yellow {
  background-color: #ebeb47 !important; }

.b-l-yellow {
  background-color: #f0f075 !important; }

.b-d-yellow {
  background-color: #dcdc18 !important; }

.b-h-yellow:hover {
  background-color: #ebeb47 !important; }

.b-h-l-yellow:hover {
  background-color: #f0f075 !important; }

.b-h-d-yellow:hover {
  background-color: #dcdc18 !important; }

.d-yellow {
  border: solid 2px #ebeb47 !important; }

.d-l-yellow {
  border: solid 2px #f0f075 !important; }

.d-d-yellow {
  border: solid 2px #dcdc18 !important; }

.d-h-yellow:hover {
  border: solid 2px #ebeb47 !important; }

.d-h-l-yellow:hover {
  border: solid 2px #f0f075 !important; }

.d-h-d-yellow:hover {
  border: solid 2px #dcdc18 !important; }

.c-amber {
  color: #ebb447 !important; }

.c-l-amber {
  color: #f0c775 !important; }

.c-d-amber {
  color: #dc9b18 !important; }

.c-h-amber:hover {
  color: #ebb447 !important; }

.c-h-l-amber:hover {
  color: #f0c775 !important; }

.c-h-d-amber:hover {
  color: #dc9b18 !important; }

.b-amber {
  background-color: #ebb447 !important; }

.b-l-amber {
  background-color: #f0c775 !important; }

.b-d-amber {
  background-color: #dc9b18 !important; }

.b-h-amber:hover {
  background-color: #ebb447 !important; }

.b-h-l-amber:hover {
  background-color: #f0c775 !important; }

.b-h-d-amber:hover {
  background-color: #dc9b18 !important; }

.d-amber {
  border: solid 2px #ebb447 !important; }

.d-l-amber {
  border: solid 2px #f0c775 !important; }

.d-d-amber {
  border: solid 2px #dc9b18 !important; }

.d-h-amber:hover {
  border: solid 2px #ebb447 !important; }

.d-h-l-amber:hover {
  border: solid 2px #f0c775 !important; }

.d-h-d-amber:hover {
  border: solid 2px #dc9b18 !important; }

.c-orange {
  color: #eb7e47 !important; }

.c-l-orange {
  color: #f09e75 !important; }

.c-d-orange {
  color: #dc5a18 !important; }

.c-h-orange:hover {
  color: #eb7e47 !important; }

.c-h-l-orange:hover {
  color: #f09e75 !important; }

.c-h-d-orange:hover {
  color: #dc5a18 !important; }

.b-orange {
  background-color: #eb7e47 !important; }

.b-l-orange {
  background-color: #f09e75 !important; }

.b-d-orange {
  background-color: #dc5a18 !important; }

.b-h-orange:hover {
  background-color: #eb7e47 !important; }

.b-h-l-orange:hover {
  background-color: #f09e75 !important; }

.b-h-d-orange:hover {
  background-color: #dc5a18 !important; }

.d-orange {
  border: solid 2px #eb7e47 !important; }

.d-l-orange {
  border: solid 2px #f09e75 !important; }

.d-d-orange {
  border: solid 2px #dc5a18 !important; }

.d-h-orange:hover {
  border: solid 2px #eb7e47 !important; }

.d-h-l-orange:hover {
  border: solid 2px #f09e75 !important; }

.d-h-d-orange:hover {
  border: solid 2px #dc5a18 !important; }

.c-brown {
  color: #bf6a40 !important; }

.c-l-brown {
  color: #cc8866 !important; }

.c-d-brown {
  color: #915130 !important; }

.c-h-brown:hover {
  color: #bf6a40 !important; }

.c-h-l-brown:hover {
  color: #cc8866 !important; }

.c-h-d-brown:hover {
  color: #915130 !important; }

.b-brown {
  background-color: #bf6a40 !important; }

.b-l-brown {
  background-color: #cc8866 !important; }

.b-d-brown {
  background-color: #915130 !important; }

.b-h-brown:hover {
  background-color: #bf6a40 !important; }

.b-h-l-brown:hover {
  background-color: #cc8866 !important; }

.b-h-d-brown:hover {
  background-color: #915130 !important; }

.d-brown {
  border: solid 2px #bf6a40 !important; }

.d-l-brown {
  border: solid 2px #cc8866 !important; }

.d-d-brown {
  border: solid 2px #915130 !important; }

.d-h-brown:hover {
  border: solid 2px #bf6a40 !important; }

.d-h-l-brown:hover {
  border: solid 2px #cc8866 !important; }

.d-h-d-brown:hover {
  border: solid 2px #915130 !important; }

.c-black {
  color: #262626 !important; }

.c-l-black {
  color: #404040 !important; }

.c-d-black {
  color: #080808 !important; }

.c-h-black:hover {
  color: #262626 !important; }

.c-h-l-black:hover {
  color: #404040 !important; }

.c-h-d-black:hover {
  color: #080808 !important; }

.b-black {
  background-color: #262626 !important; }

.b-l-black {
  background-color: #404040 !important; }

.b-d-black {
  background-color: #080808 !important; }

.b-h-black:hover {
  background-color: #262626 !important; }

.b-h-l-black:hover {
  background-color: #404040 !important; }

.b-h-d-black:hover {
  background-color: #080808 !important; }

.d-black {
  border: solid 2px #262626 !important; }

.d-l-black {
  border: solid 2px #404040 !important; }

.d-d-black {
  border: solid 2px #080808 !important; }

.d-h-black:hover {
  border: solid 2px #262626 !important; }

.d-h-l-black:hover {
  border: solid 2px #404040 !important; }

.d-h-d-black:hover {
  border: solid 2px #080808 !important; }

.c-grey {
  color: #999999 !important; }

.c-l-grey {
  color: #b3b3b3 !important; }

.c-d-grey {
  color: #7a7a7a !important; }

.c-h-grey:hover {
  color: #999999 !important; }

.c-h-l-grey:hover {
  color: #b3b3b3 !important; }

.c-h-d-grey:hover {
  color: #7a7a7a !important; }

.b-grey {
  background-color: #999999 !important; }

.b-l-grey {
  background-color: #b3b3b3 !important; }

.b-d-grey {
  background-color: #7a7a7a !important; }

.b-h-grey:hover {
  background-color: #999999 !important; }

.b-h-l-grey:hover {
  background-color: #b3b3b3 !important; }

.b-h-d-grey:hover {
  background-color: #7a7a7a !important; }

.d-grey {
  border: solid 2px #999999 !important; }

.d-l-grey {
  border: solid 2px #b3b3b3 !important; }

.d-d-grey {
  border: solid 2px #7a7a7a !important; }

.d-h-grey:hover {
  border: solid 2px #999999 !important; }

.d-h-l-grey:hover {
  border: solid 2px #b3b3b3 !important; }

.d-h-d-grey:hover {
  border: solid 2px #7a7a7a !important; }

.c-white {
  color: white !important; }

.c-l-white {
  color: white !important; }

.c-d-white {
  color: #e0e0e0 !important; }

.c-h-white:hover {
  color: white !important; }

.c-h-l-white:hover {
  color: white !important; }

.c-h-d-white:hover {
  color: #e0e0e0 !important; }

.b-white {
  background-color: white !important; }

.b-l-white {
  background-color: white !important; }

.b-d-white {
  background-color: #e0e0e0 !important; }

.b-h-white:hover {
  background-color: white !important; }

.b-h-l-white:hover {
  background-color: white !important; }

.b-h-d-white:hover {
  background-color: #e0e0e0 !important; }

.d-white {
  border: solid 2px white !important; }

.d-l-white {
  border: solid 2px white !important; }

.d-d-white {
  border: solid 2px #e0e0e0 !important; }

.d-h-white:hover {
  border: solid 2px white !important; }

.d-h-l-white:hover {
  border: solid 2px white !important; }

.d-h-d-white:hover {
  border: solid 2px #e0e0e0 !important; }

.input-red {
  border-bottom: solid 1px #eb474d !important; }

.input-l-red {
  border-bottom: solid 1px #f07579 !important; }

.input-d-red {
  border-bottom: solid 1px #dc181f !important; }

.input-h-red:hover, .input-h-red:focus {
  border-bottom: solid 1px #eb474d !important; }

.input-h-l-red:hover, .input-h-l-red:focus {
  border-bottom: solid 1px #f07579 !important; }

.input-h-d-red:hover, .input-h-d-red:focus {
  border-bottom: solid 1px #dc181f !important; }

.check-red:checked + label:after {
  background: #eb474d !important; }

.check-l-red:checked + label:after {
  background: #f07579 !important; }

.check-d-red:checked + label:after {
  background: #dc181f !important; }

.check-h-red:hover + label:before, .check-h-red:focus + label:before {
  border-bottom: solid 1px #eb474d !important; }

.check-h-l-red:hover + label:before, .check-h-l-red:focus + label:before {
  border-bottom: solid 1px #f07579 !important; }

.check-h-d-red:hover + label:before, .check-h-d-red:focus + label:before {
  border-bottom: solid 1px #dc181f !important; }

.input-pink {
  border-bottom: solid 1px #eb477e !important; }

.input-l-pink {
  border-bottom: solid 1px #f0759e !important; }

.input-d-pink {
  border-bottom: solid 1px #dc185a !important; }

.input-h-pink:hover, .input-h-pink:focus {
  border-bottom: solid 1px #eb477e !important; }

.input-h-l-pink:hover, .input-h-l-pink:focus {
  border-bottom: solid 1px #f0759e !important; }

.input-h-d-pink:hover, .input-h-d-pink:focus {
  border-bottom: solid 1px #dc185a !important; }

.check-pink:checked + label:after {
  background: #eb477e !important; }

.check-l-pink:checked + label:after {
  background: #f0759e !important; }

.check-d-pink:checked + label:after {
  background: #dc185a !important; }

.check-h-pink:hover + label:before, .check-h-pink:focus + label:before {
  border-bottom: solid 1px #eb477e !important; }

.check-h-l-pink:hover + label:before, .check-h-l-pink:focus + label:before {
  border-bottom: solid 1px #f0759e !important; }

.check-h-d-pink:hover + label:before, .check-h-d-pink:focus + label:before {
  border-bottom: solid 1px #dc185a !important; }

.input-purple {
  border-bottom: solid 1px #b447eb !important; }

.input-l-purple {
  border-bottom: solid 1px #c775f0 !important; }

.input-d-purple {
  border-bottom: solid 1px #9b18dc !important; }

.input-h-purple:hover, .input-h-purple:focus {
  border-bottom: solid 1px #b447eb !important; }

.input-h-l-purple:hover, .input-h-l-purple:focus {
  border-bottom: solid 1px #c775f0 !important; }

.input-h-d-purple:hover, .input-h-d-purple:focus {
  border-bottom: solid 1px #9b18dc !important; }

.check-purple:checked + label:after {
  background: #b447eb !important; }

.check-l-purple:checked + label:after {
  background: #c775f0 !important; }

.check-d-purple:checked + label:after {
  background: #9b18dc !important; }

.check-h-purple:hover + label:before, .check-h-purple:focus + label:before {
  border-bottom: solid 1px #b447eb !important; }

.check-h-l-purple:hover + label:before, .check-h-l-purple:focus + label:before {
  border-bottom: solid 1px #c775f0 !important; }

.check-h-d-purple:hover + label:before, .check-h-d-purple:focus + label:before {
  border-bottom: solid 1px #9b18dc !important; }

.input-indigo {
  border-bottom: solid 1px #7e47eb !important; }

.input-l-indigo {
  border-bottom: solid 1px #9e75f0 !important; }

.input-d-indigo {
  border-bottom: solid 1px #5a18dc !important; }

.input-h-indigo:hover, .input-h-indigo:focus {
  border-bottom: solid 1px #7e47eb !important; }

.input-h-l-indigo:hover, .input-h-l-indigo:focus {
  border-bottom: solid 1px #9e75f0 !important; }

.input-h-d-indigo:hover, .input-h-d-indigo:focus {
  border-bottom: solid 1px #5a18dc !important; }

.check-indigo:checked + label:after {
  background: #7e47eb !important; }

.check-l-indigo:checked + label:after {
  background: #9e75f0 !important; }

.check-d-indigo:checked + label:after {
  background: #5a18dc !important; }

.check-h-indigo:hover + label:before, .check-h-indigo:focus + label:before {
  border-bottom: solid 1px #7e47eb !important; }

.check-h-l-indigo:hover + label:before, .check-h-l-indigo:focus + label:before {
  border-bottom: solid 1px #9e75f0 !important; }

.check-h-d-indigo:hover + label:before, .check-h-d-indigo:focus + label:before {
  border-bottom: solid 1px #5a18dc !important; }

.input-blue {
  border-bottom: solid 1px #477eeb !important; }

.input-l-blue {
  border-bottom: solid 1px #759ef0 !important; }

.input-d-blue {
  border-bottom: solid 1px #185adc !important; }

.input-h-blue:hover, .input-h-blue:focus {
  border-bottom: solid 1px #477eeb !important; }

.input-h-l-blue:hover, .input-h-l-blue:focus {
  border-bottom: solid 1px #759ef0 !important; }

.input-h-d-blue:hover, .input-h-d-blue:focus {
  border-bottom: solid 1px #185adc !important; }

.check-blue:checked + label:after {
  background: #477eeb !important; }

.check-l-blue:checked + label:after {
  background: #759ef0 !important; }

.check-d-blue:checked + label:after {
  background: #185adc !important; }

.check-h-blue:hover + label:before, .check-h-blue:focus + label:before {
  border-bottom: solid 1px #477eeb !important; }

.check-h-l-blue:hover + label:before, .check-h-l-blue:focus + label:before {
  border-bottom: solid 1px #759ef0 !important; }

.check-h-d-blue:hover + label:before, .check-h-d-blue:focus + label:before {
  border-bottom: solid 1px #185adc !important; }

.input-cyan {
  border-bottom: solid 1px #47ebeb !important; }

.input-l-cyan {
  border-bottom: solid 1px #75f0f0 !important; }

.input-d-cyan {
  border-bottom: solid 1px #18dcdc !important; }

.input-h-cyan:hover, .input-h-cyan:focus {
  border-bottom: solid 1px #47ebeb !important; }

.input-h-l-cyan:hover, .input-h-l-cyan:focus {
  border-bottom: solid 1px #75f0f0 !important; }

.input-h-d-cyan:hover, .input-h-d-cyan:focus {
  border-bottom: solid 1px #18dcdc !important; }

.check-cyan:checked + label:after {
  background: #47ebeb !important; }

.check-l-cyan:checked + label:after {
  background: #75f0f0 !important; }

.check-d-cyan:checked + label:after {
  background: #18dcdc !important; }

.check-h-cyan:hover + label:before, .check-h-cyan:focus + label:before {
  border-bottom: solid 1px #47ebeb !important; }

.check-h-l-cyan:hover + label:before, .check-h-l-cyan:focus + label:before {
  border-bottom: solid 1px #75f0f0 !important; }

.check-h-d-cyan:hover + label:before, .check-h-d-cyan:focus + label:before {
  border-bottom: solid 1px #18dcdc !important; }

.input-teal {
  border-bottom: solid 1px #47ebb4 !important; }

.input-l-teal {
  border-bottom: solid 1px #75f0c7 !important; }

.input-d-teal {
  border-bottom: solid 1px #18dc9b !important; }

.input-h-teal:hover, .input-h-teal:focus {
  border-bottom: solid 1px #47ebb4 !important; }

.input-h-l-teal:hover, .input-h-l-teal:focus {
  border-bottom: solid 1px #75f0c7 !important; }

.input-h-d-teal:hover, .input-h-d-teal:focus {
  border-bottom: solid 1px #18dc9b !important; }

.check-teal:checked + label:after {
  background: #47ebb4 !important; }

.check-l-teal:checked + label:after {
  background: #75f0c7 !important; }

.check-d-teal:checked + label:after {
  background: #18dc9b !important; }

.check-h-teal:hover + label:before, .check-h-teal:focus + label:before {
  border-bottom: solid 1px #47ebb4 !important; }

.check-h-l-teal:hover + label:before, .check-h-l-teal:focus + label:before {
  border-bottom: solid 1px #75f0c7 !important; }

.check-h-d-teal:hover + label:before, .check-h-d-teal:focus + label:before {
  border-bottom: solid 1px #18dc9b !important; }

.input-green {
  border-bottom: solid 1px #47eb7e !important; }

.input-l-green {
  border-bottom: solid 1px #75f09e !important; }

.input-d-green {
  border-bottom: solid 1px #18dc5a !important; }

.input-h-green:hover, .input-h-green:focus {
  border-bottom: solid 1px #47eb7e !important; }

.input-h-l-green:hover, .input-h-l-green:focus {
  border-bottom: solid 1px #75f09e !important; }

.input-h-d-green:hover, .input-h-d-green:focus {
  border-bottom: solid 1px #18dc5a !important; }

.check-green:checked + label:after {
  background: #47eb7e !important; }

.check-l-green:checked + label:after {
  background: #75f09e !important; }

.check-d-green:checked + label:after {
  background: #18dc5a !important; }

.check-h-green:hover + label:before, .check-h-green:focus + label:before {
  border-bottom: solid 1px #47eb7e !important; }

.check-h-l-green:hover + label:before, .check-h-l-green:focus + label:before {
  border-bottom: solid 1px #75f09e !important; }

.check-h-d-green:hover + label:before, .check-h-d-green:focus + label:before {
  border-bottom: solid 1px #18dc5a !important; }

.input-lime {
  border-bottom: solid 1px #7eeb47 !important; }

.input-l-lime {
  border-bottom: solid 1px #9ef075 !important; }

.input-d-lime {
  border-bottom: solid 1px #5adc18 !important; }

.input-h-lime:hover, .input-h-lime:focus {
  border-bottom: solid 1px #7eeb47 !important; }

.input-h-l-lime:hover, .input-h-l-lime:focus {
  border-bottom: solid 1px #9ef075 !important; }

.input-h-d-lime:hover, .input-h-d-lime:focus {
  border-bottom: solid 1px #5adc18 !important; }

.check-lime:checked + label:after {
  background: #7eeb47 !important; }

.check-l-lime:checked + label:after {
  background: #9ef075 !important; }

.check-d-lime:checked + label:after {
  background: #5adc18 !important; }

.check-h-lime:hover + label:before, .check-h-lime:focus + label:before {
  border-bottom: solid 1px #7eeb47 !important; }

.check-h-l-lime:hover + label:before, .check-h-l-lime:focus + label:before {
  border-bottom: solid 1px #9ef075 !important; }

.check-h-d-lime:hover + label:before, .check-h-d-lime:focus + label:before {
  border-bottom: solid 1px #5adc18 !important; }

.input-yellow {
  border-bottom: solid 1px #ebeb47 !important; }

.input-l-yellow {
  border-bottom: solid 1px #f0f075 !important; }

.input-d-yellow {
  border-bottom: solid 1px #dcdc18 !important; }

.input-h-yellow:hover, .input-h-yellow:focus {
  border-bottom: solid 1px #ebeb47 !important; }

.input-h-l-yellow:hover, .input-h-l-yellow:focus {
  border-bottom: solid 1px #f0f075 !important; }

.input-h-d-yellow:hover, .input-h-d-yellow:focus {
  border-bottom: solid 1px #dcdc18 !important; }

.check-yellow:checked + label:after {
  background: #ebeb47 !important; }

.check-l-yellow:checked + label:after {
  background: #f0f075 !important; }

.check-d-yellow:checked + label:after {
  background: #dcdc18 !important; }

.check-h-yellow:hover + label:before, .check-h-yellow:focus + label:before {
  border-bottom: solid 1px #ebeb47 !important; }

.check-h-l-yellow:hover + label:before, .check-h-l-yellow:focus + label:before {
  border-bottom: solid 1px #f0f075 !important; }

.check-h-d-yellow:hover + label:before, .check-h-d-yellow:focus + label:before {
  border-bottom: solid 1px #dcdc18 !important; }

.input-amber {
  border-bottom: solid 1px #ebb447 !important; }

.input-l-amber {
  border-bottom: solid 1px #f0c775 !important; }

.input-d-amber {
  border-bottom: solid 1px #dc9b18 !important; }

.input-h-amber:hover, .input-h-amber:focus {
  border-bottom: solid 1px #ebb447 !important; }

.input-h-l-amber:hover, .input-h-l-amber:focus {
  border-bottom: solid 1px #f0c775 !important; }

.input-h-d-amber:hover, .input-h-d-amber:focus {
  border-bottom: solid 1px #dc9b18 !important; }

.check-amber:checked + label:after {
  background: #ebb447 !important; }

.check-l-amber:checked + label:after {
  background: #f0c775 !important; }

.check-d-amber:checked + label:after {
  background: #dc9b18 !important; }

.check-h-amber:hover + label:before, .check-h-amber:focus + label:before {
  border-bottom: solid 1px #ebb447 !important; }

.check-h-l-amber:hover + label:before, .check-h-l-amber:focus + label:before {
  border-bottom: solid 1px #f0c775 !important; }

.check-h-d-amber:hover + label:before, .check-h-d-amber:focus + label:before {
  border-bottom: solid 1px #dc9b18 !important; }

.input-orange {
  border-bottom: solid 1px #eb7e47 !important; }

.input-l-orange {
  border-bottom: solid 1px #f09e75 !important; }

.input-d-orange {
  border-bottom: solid 1px #dc5a18 !important; }

.input-h-orange:hover, .input-h-orange:focus {
  border-bottom: solid 1px #eb7e47 !important; }

.input-h-l-orange:hover, .input-h-l-orange:focus {
  border-bottom: solid 1px #f09e75 !important; }

.input-h-d-orange:hover, .input-h-d-orange:focus {
  border-bottom: solid 1px #dc5a18 !important; }

.check-orange:checked + label:after {
  background: #eb7e47 !important; }

.check-l-orange:checked + label:after {
  background: #f09e75 !important; }

.check-d-orange:checked + label:after {
  background: #dc5a18 !important; }

.check-h-orange:hover + label:before, .check-h-orange:focus + label:before {
  border-bottom: solid 1px #eb7e47 !important; }

.check-h-l-orange:hover + label:before, .check-h-l-orange:focus + label:before {
  border-bottom: solid 1px #f09e75 !important; }

.check-h-d-orange:hover + label:before, .check-h-d-orange:focus + label:before {
  border-bottom: solid 1px #dc5a18 !important; }

.input-brown {
  border-bottom: solid 1px #bf6a40 !important; }

.input-l-brown {
  border-bottom: solid 1px #cc8866 !important; }

.input-d-brown {
  border-bottom: solid 1px #915130 !important; }

.input-h-brown:hover, .input-h-brown:focus {
  border-bottom: solid 1px #bf6a40 !important; }

.input-h-l-brown:hover, .input-h-l-brown:focus {
  border-bottom: solid 1px #cc8866 !important; }

.input-h-d-brown:hover, .input-h-d-brown:focus {
  border-bottom: solid 1px #915130 !important; }

.check-brown:checked + label:after {
  background: #bf6a40 !important; }

.check-l-brown:checked + label:after {
  background: #cc8866 !important; }

.check-d-brown:checked + label:after {
  background: #915130 !important; }

.check-h-brown:hover + label:before, .check-h-brown:focus + label:before {
  border-bottom: solid 1px #bf6a40 !important; }

.check-h-l-brown:hover + label:before, .check-h-l-brown:focus + label:before {
  border-bottom: solid 1px #cc8866 !important; }

.check-h-d-brown:hover + label:before, .check-h-d-brown:focus + label:before {
  border-bottom: solid 1px #915130 !important; }

.input-black {
  border-bottom: solid 1px #262626 !important; }

.input-l-black {
  border-bottom: solid 1px #404040 !important; }

.input-d-black {
  border-bottom: solid 1px #080808 !important; }

.input-h-black:hover, .input-h-black:focus {
  border-bottom: solid 1px #262626 !important; }

.input-h-l-black:hover, .input-h-l-black:focus {
  border-bottom: solid 1px #404040 !important; }

.input-h-d-black:hover, .input-h-d-black:focus {
  border-bottom: solid 1px #080808 !important; }

.check-black:checked + label:after {
  background: #262626 !important; }

.check-l-black:checked + label:after {
  background: #404040 !important; }

.check-d-black:checked + label:after {
  background: #080808 !important; }

.check-h-black:hover + label:before, .check-h-black:focus + label:before {
  border-bottom: solid 1px #262626 !important; }

.check-h-l-black:hover + label:before, .check-h-l-black:focus + label:before {
  border-bottom: solid 1px #404040 !important; }

.check-h-d-black:hover + label:before, .check-h-d-black:focus + label:before {
  border-bottom: solid 1px #080808 !important; }

.input-grey {
  border-bottom: solid 1px #999999 !important; }

.input-l-grey {
  border-bottom: solid 1px #b3b3b3 !important; }

.input-d-grey {
  border-bottom: solid 1px #7a7a7a !important; }

.input-h-grey:hover, .input-h-grey:focus {
  border-bottom: solid 1px #999999 !important; }

.input-h-l-grey:hover, .input-h-l-grey:focus {
  border-bottom: solid 1px #b3b3b3 !important; }

.input-h-d-grey:hover, .input-h-d-grey:focus {
  border-bottom: solid 1px #7a7a7a !important; }

.check-grey:checked + label:after {
  background: #999999 !important; }

.check-l-grey:checked + label:after {
  background: #b3b3b3 !important; }

.check-d-grey:checked + label:after {
  background: #7a7a7a !important; }

.check-h-grey:hover + label:before, .check-h-grey:focus + label:before {
  border-bottom: solid 1px #999999 !important; }

.check-h-l-grey:hover + label:before, .check-h-l-grey:focus + label:before {
  border-bottom: solid 1px #b3b3b3 !important; }

.check-h-d-grey:hover + label:before, .check-h-d-grey:focus + label:before {
  border-bottom: solid 1px #7a7a7a !important; }

.input-white {
  border-bottom: solid 1px white !important; }

.input-l-white {
  border-bottom: solid 1px white !important; }

.input-d-white {
  border-bottom: solid 1px #e0e0e0 !important; }

.input-h-white:hover, .input-h-white:focus {
  border-bottom: solid 1px white !important; }

.input-h-l-white:hover, .input-h-l-white:focus {
  border-bottom: solid 1px white !important; }

.input-h-d-white:hover, .input-h-d-white:focus {
  border-bottom: solid 1px #e0e0e0 !important; }

.check-white:checked + label:after {
  background: white !important; }

.check-l-white:checked + label:after {
  background: white !important; }

.check-d-white:checked + label:after {
  background: #e0e0e0 !important; }

.check-h-white:hover + label:before, .check-h-white:focus + label:before {
  border-bottom: solid 1px white !important; }

.check-h-l-white:hover + label:before, .check-h-l-white:focus + label:before {
  border-bottom: solid 1px white !important; }

.check-h-d-white:hover + label:before, .check-h-d-white:focus + label:before {
  border-bottom: solid 1px #e0e0e0 !important; }

/* Define supp element colors, i think change to go with other */
.d-whitesmoke {
  border: solid 2px whitesmoke !important; }

.d-h-whitesmoke:hover {
  border: solid 2px whitesmoke !important; }

.c-whitesmoke {
  background: whitesmoke !important; }

.b-h-whitesmoke:hover {
  color: whitesmoke !important; }

.b-whitesmoke {
  background: whitesmoke !important; }

.b-h-whitesmoke:hover {
  color: whitesmoke !important; }

/* Define the font family */
* {
  font-family: 'Roboto', sans-serif;
  font-weight: 300; }

/* Reassign hgroup styles */
h1, h2, h3, h4, h5, h6 {
  margin: 0; }

h1 {
  font-size: 48px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 10px; }

/* Small element define */
small {
  font-size: 75%;
  opacity: 0.8; }

/* Défine grid system */
/* regroup the "name": breakpoint */
/* Grid system */
.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  /* gutter of grid system */ }
  .grid.no-gutter {
    grid-gap: 0 !important; }
  .grid.gutter {
    grid-gap: 8px !important; }
  .grid.mi-gutter {
    grid-gap: 4px !important; }
  .grid.big-gutter {
    grid-gap: 16px !important; }

/* Add gutter to all col-* class */
[class*="col-"] {
  padding: 8px; }

/* Auto col width flex element */
.auto {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding: 8px; }

/* Order flex only first and last, i think change this in flex.scss and add breakpoint */
.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1; }

.order-last {
  -webkit-box-ordinal-group: 100;
  -ms-flex-order: 99;
  order: 99; }

/* Auto creat the col grid system */
.row-1 {
  grid-row-end: span 1; }

.row-2 {
  grid-row-end: span 2; }

.row-3 {
  grid-row-end: span 3; }

.row-4 {
  grid-row-end: span 4; }

.row-5 {
  grid-row-end: span 5; }

.row-6 {
  grid-row-end: span 6; }

.row-7 {
  grid-row-end: span 7; }

.row-8 {
  grid-row-end: span 8; }

.row-9 {
  grid-row-end: span 9; }

.row-10 {
  grid-row-end: span 10; }

.row-11 {
  grid-row-end: span 11; }

.row-12 {
  grid-row-end: span 12; }

@media (min-width: 240px) {
  .row-ms-1 {
    grid-row-end: span 1; } }

@media (min-width: 240px) {
  .row-ms-2 {
    grid-row-end: span 2; } }

@media (min-width: 240px) {
  .row-ms-3 {
    grid-row-end: span 3; } }

@media (min-width: 240px) {
  .row-ms-4 {
    grid-row-end: span 4; } }

@media (min-width: 240px) {
  .row-ms-5 {
    grid-row-end: span 5; } }

@media (min-width: 240px) {
  .row-ms-6 {
    grid-row-end: span 6; } }

@media (min-width: 240px) {
  .row-ms-7 {
    grid-row-end: span 7; } }

@media (min-width: 240px) {
  .row-ms-8 {
    grid-row-end: span 8; } }

@media (min-width: 240px) {
  .row-ms-9 {
    grid-row-end: span 9; } }

@media (min-width: 240px) {
  .row-ms-10 {
    grid-row-end: span 10; } }

@media (min-width: 240px) {
  .row-ms-11 {
    grid-row-end: span 11; } }

@media (min-width: 240px) {
  .row-ms-12 {
    grid-row-end: span 12; } }

@media (min-width: 400px) {
  .row-ml-1 {
    grid-row-end: span 1; } }

@media (min-width: 400px) {
  .row-ml-2 {
    grid-row-end: span 2; } }

@media (min-width: 400px) {
  .row-ml-3 {
    grid-row-end: span 3; } }

@media (min-width: 400px) {
  .row-ml-4 {
    grid-row-end: span 4; } }

@media (min-width: 400px) {
  .row-ml-5 {
    grid-row-end: span 5; } }

@media (min-width: 400px) {
  .row-ml-6 {
    grid-row-end: span 6; } }

@media (min-width: 400px) {
  .row-ml-7 {
    grid-row-end: span 7; } }

@media (min-width: 400px) {
  .row-ml-8 {
    grid-row-end: span 8; } }

@media (min-width: 400px) {
  .row-ml-9 {
    grid-row-end: span 9; } }

@media (min-width: 400px) {
  .row-ml-10 {
    grid-row-end: span 10; } }

@media (min-width: 400px) {
  .row-ml-11 {
    grid-row-end: span 11; } }

@media (min-width: 400px) {
  .row-ml-12 {
    grid-row-end: span 12; } }

@media (min-width: 576px) {
  .row-ts-1 {
    grid-row-end: span 1; } }

@media (min-width: 576px) {
  .row-ts-2 {
    grid-row-end: span 2; } }

@media (min-width: 576px) {
  .row-ts-3 {
    grid-row-end: span 3; } }

@media (min-width: 576px) {
  .row-ts-4 {
    grid-row-end: span 4; } }

@media (min-width: 576px) {
  .row-ts-5 {
    grid-row-end: span 5; } }

@media (min-width: 576px) {
  .row-ts-6 {
    grid-row-end: span 6; } }

@media (min-width: 576px) {
  .row-ts-7 {
    grid-row-end: span 7; } }

@media (min-width: 576px) {
  .row-ts-8 {
    grid-row-end: span 8; } }

@media (min-width: 576px) {
  .row-ts-9 {
    grid-row-end: span 9; } }

@media (min-width: 576px) {
  .row-ts-10 {
    grid-row-end: span 10; } }

@media (min-width: 576px) {
  .row-ts-11 {
    grid-row-end: span 11; } }

@media (min-width: 576px) {
  .row-ts-12 {
    grid-row-end: span 12; } }

@media (min-width: 768px) {
  .row-tl-1 {
    grid-row-end: span 1; } }

@media (min-width: 768px) {
  .row-tl-2 {
    grid-row-end: span 2; } }

@media (min-width: 768px) {
  .row-tl-3 {
    grid-row-end: span 3; } }

@media (min-width: 768px) {
  .row-tl-4 {
    grid-row-end: span 4; } }

@media (min-width: 768px) {
  .row-tl-5 {
    grid-row-end: span 5; } }

@media (min-width: 768px) {
  .row-tl-6 {
    grid-row-end: span 6; } }

@media (min-width: 768px) {
  .row-tl-7 {
    grid-row-end: span 7; } }

@media (min-width: 768px) {
  .row-tl-8 {
    grid-row-end: span 8; } }

@media (min-width: 768px) {
  .row-tl-9 {
    grid-row-end: span 9; } }

@media (min-width: 768px) {
  .row-tl-10 {
    grid-row-end: span 10; } }

@media (min-width: 768px) {
  .row-tl-11 {
    grid-row-end: span 11; } }

@media (min-width: 768px) {
  .row-tl-12 {
    grid-row-end: span 12; } }

@media (min-width: 1024px) {
  .row-ds-1 {
    grid-row-end: span 1; } }

@media (min-width: 1024px) {
  .row-ds-2 {
    grid-row-end: span 2; } }

@media (min-width: 1024px) {
  .row-ds-3 {
    grid-row-end: span 3; } }

@media (min-width: 1024px) {
  .row-ds-4 {
    grid-row-end: span 4; } }

@media (min-width: 1024px) {
  .row-ds-5 {
    grid-row-end: span 5; } }

@media (min-width: 1024px) {
  .row-ds-6 {
    grid-row-end: span 6; } }

@media (min-width: 1024px) {
  .row-ds-7 {
    grid-row-end: span 7; } }

@media (min-width: 1024px) {
  .row-ds-8 {
    grid-row-end: span 8; } }

@media (min-width: 1024px) {
  .row-ds-9 {
    grid-row-end: span 9; } }

@media (min-width: 1024px) {
  .row-ds-10 {
    grid-row-end: span 10; } }

@media (min-width: 1024px) {
  .row-ds-11 {
    grid-row-end: span 11; } }

@media (min-width: 1024px) {
  .row-ds-12 {
    grid-row-end: span 12; } }

@media (min-width: 1280px) {
  .row-dl-1 {
    grid-row-end: span 1; } }

@media (min-width: 1280px) {
  .row-dl-2 {
    grid-row-end: span 2; } }

@media (min-width: 1280px) {
  .row-dl-3 {
    grid-row-end: span 3; } }

@media (min-width: 1280px) {
  .row-dl-4 {
    grid-row-end: span 4; } }

@media (min-width: 1280px) {
  .row-dl-5 {
    grid-row-end: span 5; } }

@media (min-width: 1280px) {
  .row-dl-6 {
    grid-row-end: span 6; } }

@media (min-width: 1280px) {
  .row-dl-7 {
    grid-row-end: span 7; } }

@media (min-width: 1280px) {
  .row-dl-8 {
    grid-row-end: span 8; } }

@media (min-width: 1280px) {
  .row-dl-9 {
    grid-row-end: span 9; } }

@media (min-width: 1280px) {
  .row-dl-10 {
    grid-row-end: span 10; } }

@media (min-width: 1280px) {
  .row-dl-11 {
    grid-row-end: span 11; } }

@media (min-width: 1280px) {
  .row-dl-12 {
    grid-row-end: span 12; } }

.line-1 {
  grid-row-start:  1; }

.line-2 {
  grid-row-start:  2; }

.line-3 {
  grid-row-start:  3; }

.line-4 {
  grid-row-start:  4; }

.line-5 {
  grid-row-start:  5; }

.line-6 {
  grid-row-start:  6; }

.line-7 {
  grid-row-start:  7; }

.line-8 {
  grid-row-start:  8; }

.line-9 {
  grid-row-start:  9; }

.line-10 {
  grid-row-start:  10; }

.line-11 {
  grid-row-start:  11; }

.line-12 {
  grid-row-start:  12; }

@media (min-width: 240px) {
  .line-ms-1 {
    grid-row-start:  1; } }

@media (min-width: 240px) {
  .line-ms-2 {
    grid-row-start:  2; } }

@media (min-width: 240px) {
  .line-ms-3 {
    grid-row-start:  3; } }

@media (min-width: 240px) {
  .line-ms-4 {
    grid-row-start:  4; } }

@media (min-width: 240px) {
  .line-ms-5 {
    grid-row-start:  5; } }

@media (min-width: 240px) {
  .line-ms-6 {
    grid-row-start:  6; } }

@media (min-width: 240px) {
  .line-ms-7 {
    grid-row-start:  7; } }

@media (min-width: 240px) {
  .line-ms-8 {
    grid-row-start:  8; } }

@media (min-width: 240px) {
  .line-ms-9 {
    grid-row-start:  9; } }

@media (min-width: 240px) {
  .line-ms-10 {
    grid-row-start:  10; } }

@media (min-width: 240px) {
  .line-ms-11 {
    grid-row-start:  11; } }

@media (min-width: 240px) {
  .line-ms-12 {
    grid-row-start:  12; } }

@media (min-width: 400px) {
  .line-ml-1 {
    grid-row-start:  1; } }

@media (min-width: 400px) {
  .line-ml-2 {
    grid-row-start:  2; } }

@media (min-width: 400px) {
  .line-ml-3 {
    grid-row-start:  3; } }

@media (min-width: 400px) {
  .line-ml-4 {
    grid-row-start:  4; } }

@media (min-width: 400px) {
  .line-ml-5 {
    grid-row-start:  5; } }

@media (min-width: 400px) {
  .line-ml-6 {
    grid-row-start:  6; } }

@media (min-width: 400px) {
  .line-ml-7 {
    grid-row-start:  7; } }

@media (min-width: 400px) {
  .line-ml-8 {
    grid-row-start:  8; } }

@media (min-width: 400px) {
  .line-ml-9 {
    grid-row-start:  9; } }

@media (min-width: 400px) {
  .line-ml-10 {
    grid-row-start:  10; } }

@media (min-width: 400px) {
  .line-ml-11 {
    grid-row-start:  11; } }

@media (min-width: 400px) {
  .line-ml-12 {
    grid-row-start:  12; } }

@media (min-width: 576px) {
  .line-ts-1 {
    grid-row-start:  1; } }

@media (min-width: 576px) {
  .line-ts-2 {
    grid-row-start:  2; } }

@media (min-width: 576px) {
  .line-ts-3 {
    grid-row-start:  3; } }

@media (min-width: 576px) {
  .line-ts-4 {
    grid-row-start:  4; } }

@media (min-width: 576px) {
  .line-ts-5 {
    grid-row-start:  5; } }

@media (min-width: 576px) {
  .line-ts-6 {
    grid-row-start:  6; } }

@media (min-width: 576px) {
  .line-ts-7 {
    grid-row-start:  7; } }

@media (min-width: 576px) {
  .line-ts-8 {
    grid-row-start:  8; } }

@media (min-width: 576px) {
  .line-ts-9 {
    grid-row-start:  9; } }

@media (min-width: 576px) {
  .line-ts-10 {
    grid-row-start:  10; } }

@media (min-width: 576px) {
  .line-ts-11 {
    grid-row-start:  11; } }

@media (min-width: 576px) {
  .line-ts-12 {
    grid-row-start:  12; } }

@media (min-width: 768px) {
  .line-tl-1 {
    grid-row-start:  1; } }

@media (min-width: 768px) {
  .line-tl-2 {
    grid-row-start:  2; } }

@media (min-width: 768px) {
  .line-tl-3 {
    grid-row-start:  3; } }

@media (min-width: 768px) {
  .line-tl-4 {
    grid-row-start:  4; } }

@media (min-width: 768px) {
  .line-tl-5 {
    grid-row-start:  5; } }

@media (min-width: 768px) {
  .line-tl-6 {
    grid-row-start:  6; } }

@media (min-width: 768px) {
  .line-tl-7 {
    grid-row-start:  7; } }

@media (min-width: 768px) {
  .line-tl-8 {
    grid-row-start:  8; } }

@media (min-width: 768px) {
  .line-tl-9 {
    grid-row-start:  9; } }

@media (min-width: 768px) {
  .line-tl-10 {
    grid-row-start:  10; } }

@media (min-width: 768px) {
  .line-tl-11 {
    grid-row-start:  11; } }

@media (min-width: 768px) {
  .line-tl-12 {
    grid-row-start:  12; } }

@media (min-width: 1024px) {
  .line-ds-1 {
    grid-row-start:  1; } }

@media (min-width: 1024px) {
  .line-ds-2 {
    grid-row-start:  2; } }

@media (min-width: 1024px) {
  .line-ds-3 {
    grid-row-start:  3; } }

@media (min-width: 1024px) {
  .line-ds-4 {
    grid-row-start:  4; } }

@media (min-width: 1024px) {
  .line-ds-5 {
    grid-row-start:  5; } }

@media (min-width: 1024px) {
  .line-ds-6 {
    grid-row-start:  6; } }

@media (min-width: 1024px) {
  .line-ds-7 {
    grid-row-start:  7; } }

@media (min-width: 1024px) {
  .line-ds-8 {
    grid-row-start:  8; } }

@media (min-width: 1024px) {
  .line-ds-9 {
    grid-row-start:  9; } }

@media (min-width: 1024px) {
  .line-ds-10 {
    grid-row-start:  10; } }

@media (min-width: 1024px) {
  .line-ds-11 {
    grid-row-start:  11; } }

@media (min-width: 1024px) {
  .line-ds-12 {
    grid-row-start:  12; } }

@media (min-width: 1280px) {
  .line-dl-1 {
    grid-row-start:  1; } }

@media (min-width: 1280px) {
  .line-dl-2 {
    grid-row-start:  2; } }

@media (min-width: 1280px) {
  .line-dl-3 {
    grid-row-start:  3; } }

@media (min-width: 1280px) {
  .line-dl-4 {
    grid-row-start:  4; } }

@media (min-width: 1280px) {
  .line-dl-5 {
    grid-row-start:  5; } }

@media (min-width: 1280px) {
  .line-dl-6 {
    grid-row-start:  6; } }

@media (min-width: 1280px) {
  .line-dl-7 {
    grid-row-start:  7; } }

@media (min-width: 1280px) {
  .line-dl-8 {
    grid-row-start:  8; } }

@media (min-width: 1280px) {
  .line-dl-9 {
    grid-row-start:  9; } }

@media (min-width: 1280px) {
  .line-dl-10 {
    grid-row-start:  10; } }

@media (min-width: 1280px) {
  .line-dl-11 {
    grid-row-start:  11; } }

@media (min-width: 1280px) {
  .line-dl-12 {
    grid-row-start:  12; } }

.col-1 {
  grid-column-end: span 1; }

.col-2 {
  grid-column-end: span 2; }

.col-3 {
  grid-column-end: span 3; }

.col-4 {
  grid-column-end: span 4; }

.col-5 {
  grid-column-end: span 5; }

.col-6 {
  grid-column-end: span 6; }

.col-7 {
  grid-column-end: span 7; }

.col-8 {
  grid-column-end: span 8; }

.col-9 {
  grid-column-end: span 9; }

.col-10 {
  grid-column-end: span 10; }

.col-11 {
  grid-column-end: span 11; }

.col-12 {
  grid-column-end: span 12; }

@media (min-width: 240px) {
  .col-ms-1 {
    grid-column-end: span 1; } }

@media (min-width: 240px) {
  .col-ms-2 {
    grid-column-end: span 2; } }

@media (min-width: 240px) {
  .col-ms-3 {
    grid-column-end: span 3; } }

@media (min-width: 240px) {
  .col-ms-4 {
    grid-column-end: span 4; } }

@media (min-width: 240px) {
  .col-ms-5 {
    grid-column-end: span 5; } }

@media (min-width: 240px) {
  .col-ms-6 {
    grid-column-end: span 6; } }

@media (min-width: 240px) {
  .col-ms-7 {
    grid-column-end: span 7; } }

@media (min-width: 240px) {
  .col-ms-8 {
    grid-column-end: span 8; } }

@media (min-width: 240px) {
  .col-ms-9 {
    grid-column-end: span 9; } }

@media (min-width: 240px) {
  .col-ms-10 {
    grid-column-end: span 10; } }

@media (min-width: 240px) {
  .col-ms-11 {
    grid-column-end: span 11; } }

@media (min-width: 240px) {
  .col-ms-12 {
    grid-column-end: span 12; } }

@media (min-width: 400px) {
  .col-ml-1 {
    grid-column-end: span 1; } }

@media (min-width: 400px) {
  .col-ml-2 {
    grid-column-end: span 2; } }

@media (min-width: 400px) {
  .col-ml-3 {
    grid-column-end: span 3; } }

@media (min-width: 400px) {
  .col-ml-4 {
    grid-column-end: span 4; } }

@media (min-width: 400px) {
  .col-ml-5 {
    grid-column-end: span 5; } }

@media (min-width: 400px) {
  .col-ml-6 {
    grid-column-end: span 6; } }

@media (min-width: 400px) {
  .col-ml-7 {
    grid-column-end: span 7; } }

@media (min-width: 400px) {
  .col-ml-8 {
    grid-column-end: span 8; } }

@media (min-width: 400px) {
  .col-ml-9 {
    grid-column-end: span 9; } }

@media (min-width: 400px) {
  .col-ml-10 {
    grid-column-end: span 10; } }

@media (min-width: 400px) {
  .col-ml-11 {
    grid-column-end: span 11; } }

@media (min-width: 400px) {
  .col-ml-12 {
    grid-column-end: span 12; } }

@media (min-width: 576px) {
  .col-ts-1 {
    grid-column-end: span 1; } }

@media (min-width: 576px) {
  .col-ts-2 {
    grid-column-end: span 2; } }

@media (min-width: 576px) {
  .col-ts-3 {
    grid-column-end: span 3; } }

@media (min-width: 576px) {
  .col-ts-4 {
    grid-column-end: span 4; } }

@media (min-width: 576px) {
  .col-ts-5 {
    grid-column-end: span 5; } }

@media (min-width: 576px) {
  .col-ts-6 {
    grid-column-end: span 6; } }

@media (min-width: 576px) {
  .col-ts-7 {
    grid-column-end: span 7; } }

@media (min-width: 576px) {
  .col-ts-8 {
    grid-column-end: span 8; } }

@media (min-width: 576px) {
  .col-ts-9 {
    grid-column-end: span 9; } }

@media (min-width: 576px) {
  .col-ts-10 {
    grid-column-end: span 10; } }

@media (min-width: 576px) {
  .col-ts-11 {
    grid-column-end: span 11; } }

@media (min-width: 576px) {
  .col-ts-12 {
    grid-column-end: span 12; } }

@media (min-width: 768px) {
  .col-tl-1 {
    grid-column-end: span 1; } }

@media (min-width: 768px) {
  .col-tl-2 {
    grid-column-end: span 2; } }

@media (min-width: 768px) {
  .col-tl-3 {
    grid-column-end: span 3; } }

@media (min-width: 768px) {
  .col-tl-4 {
    grid-column-end: span 4; } }

@media (min-width: 768px) {
  .col-tl-5 {
    grid-column-end: span 5; } }

@media (min-width: 768px) {
  .col-tl-6 {
    grid-column-end: span 6; } }

@media (min-width: 768px) {
  .col-tl-7 {
    grid-column-end: span 7; } }

@media (min-width: 768px) {
  .col-tl-8 {
    grid-column-end: span 8; } }

@media (min-width: 768px) {
  .col-tl-9 {
    grid-column-end: span 9; } }

@media (min-width: 768px) {
  .col-tl-10 {
    grid-column-end: span 10; } }

@media (min-width: 768px) {
  .col-tl-11 {
    grid-column-end: span 11; } }

@media (min-width: 768px) {
  .col-tl-12 {
    grid-column-end: span 12; } }

@media (min-width: 1024px) {
  .col-ds-1 {
    grid-column-end: span 1; } }

@media (min-width: 1024px) {
  .col-ds-2 {
    grid-column-end: span 2; } }

@media (min-width: 1024px) {
  .col-ds-3 {
    grid-column-end: span 3; } }

@media (min-width: 1024px) {
  .col-ds-4 {
    grid-column-end: span 4; } }

@media (min-width: 1024px) {
  .col-ds-5 {
    grid-column-end: span 5; } }

@media (min-width: 1024px) {
  .col-ds-6 {
    grid-column-end: span 6; } }

@media (min-width: 1024px) {
  .col-ds-7 {
    grid-column-end: span 7; } }

@media (min-width: 1024px) {
  .col-ds-8 {
    grid-column-end: span 8; } }

@media (min-width: 1024px) {
  .col-ds-9 {
    grid-column-end: span 9; } }

@media (min-width: 1024px) {
  .col-ds-10 {
    grid-column-end: span 10; } }

@media (min-width: 1024px) {
  .col-ds-11 {
    grid-column-end: span 11; } }

@media (min-width: 1024px) {
  .col-ds-12 {
    grid-column-end: span 12; } }

@media (min-width: 1280px) {
  .col-dl-1 {
    grid-column-end: span 1; } }

@media (min-width: 1280px) {
  .col-dl-2 {
    grid-column-end: span 2; } }

@media (min-width: 1280px) {
  .col-dl-3 {
    grid-column-end: span 3; } }

@media (min-width: 1280px) {
  .col-dl-4 {
    grid-column-end: span 4; } }

@media (min-width: 1280px) {
  .col-dl-5 {
    grid-column-end: span 5; } }

@media (min-width: 1280px) {
  .col-dl-6 {
    grid-column-end: span 6; } }

@media (min-width: 1280px) {
  .col-dl-7 {
    grid-column-end: span 7; } }

@media (min-width: 1280px) {
  .col-dl-8 {
    grid-column-end: span 8; } }

@media (min-width: 1280px) {
  .col-dl-9 {
    grid-column-end: span 9; } }

@media (min-width: 1280px) {
  .col-dl-10 {
    grid-column-end: span 10; } }

@media (min-width: 1280px) {
  .col-dl-11 {
    grid-column-end: span 11; } }

@media (min-width: 1280px) {
  .col-dl-12 {
    grid-column-end: span 12; } }

.offset-1 {
  grid-column-start:  2; }

.offset-2 {
  grid-column-start:  3; }

.offset-3 {
  grid-column-start:  4; }

.offset-4 {
  grid-column-start:  5; }

.offset-5 {
  grid-column-start:  6; }

.offset-6 {
  grid-column-start:  7; }

.offset-7 {
  grid-column-start:  8; }

.offset-8 {
  grid-column-start:  9; }

.offset-9 {
  grid-column-start:  10; }

.offset-10 {
  grid-column-start:  11; }

.offset-11 {
  grid-column-start:  12; }

.offset-12 {
  grid-column-start:  13; }

@media (min-width: 240px) {
  .offset-ms-1 {
    grid-column-start:  2; } }

@media (min-width: 240px) {
  .offset-ms-2 {
    grid-column-start:  3; } }

@media (min-width: 240px) {
  .offset-ms-3 {
    grid-column-start:  4; } }

@media (min-width: 240px) {
  .offset-ms-4 {
    grid-column-start:  5; } }

@media (min-width: 240px) {
  .offset-ms-5 {
    grid-column-start:  6; } }

@media (min-width: 240px) {
  .offset-ms-6 {
    grid-column-start:  7; } }

@media (min-width: 240px) {
  .offset-ms-7 {
    grid-column-start:  8; } }

@media (min-width: 240px) {
  .offset-ms-8 {
    grid-column-start:  9; } }

@media (min-width: 240px) {
  .offset-ms-9 {
    grid-column-start:  10; } }

@media (min-width: 240px) {
  .offset-ms-10 {
    grid-column-start:  11; } }

@media (min-width: 240px) {
  .offset-ms-11 {
    grid-column-start:  12; } }

@media (min-width: 240px) {
  .offset-ms-12 {
    grid-column-start:  13; } }

@media (min-width: 400px) {
  .offset-ml-1 {
    grid-column-start:  2; } }

@media (min-width: 400px) {
  .offset-ml-2 {
    grid-column-start:  3; } }

@media (min-width: 400px) {
  .offset-ml-3 {
    grid-column-start:  4; } }

@media (min-width: 400px) {
  .offset-ml-4 {
    grid-column-start:  5; } }

@media (min-width: 400px) {
  .offset-ml-5 {
    grid-column-start:  6; } }

@media (min-width: 400px) {
  .offset-ml-6 {
    grid-column-start:  7; } }

@media (min-width: 400px) {
  .offset-ml-7 {
    grid-column-start:  8; } }

@media (min-width: 400px) {
  .offset-ml-8 {
    grid-column-start:  9; } }

@media (min-width: 400px) {
  .offset-ml-9 {
    grid-column-start:  10; } }

@media (min-width: 400px) {
  .offset-ml-10 {
    grid-column-start:  11; } }

@media (min-width: 400px) {
  .offset-ml-11 {
    grid-column-start:  12; } }

@media (min-width: 400px) {
  .offset-ml-12 {
    grid-column-start:  13; } }

@media (min-width: 576px) {
  .offset-ts-1 {
    grid-column-start:  2; } }

@media (min-width: 576px) {
  .offset-ts-2 {
    grid-column-start:  3; } }

@media (min-width: 576px) {
  .offset-ts-3 {
    grid-column-start:  4; } }

@media (min-width: 576px) {
  .offset-ts-4 {
    grid-column-start:  5; } }

@media (min-width: 576px) {
  .offset-ts-5 {
    grid-column-start:  6; } }

@media (min-width: 576px) {
  .offset-ts-6 {
    grid-column-start:  7; } }

@media (min-width: 576px) {
  .offset-ts-7 {
    grid-column-start:  8; } }

@media (min-width: 576px) {
  .offset-ts-8 {
    grid-column-start:  9; } }

@media (min-width: 576px) {
  .offset-ts-9 {
    grid-column-start:  10; } }

@media (min-width: 576px) {
  .offset-ts-10 {
    grid-column-start:  11; } }

@media (min-width: 576px) {
  .offset-ts-11 {
    grid-column-start:  12; } }

@media (min-width: 576px) {
  .offset-ts-12 {
    grid-column-start:  13; } }

@media (min-width: 768px) {
  .offset-tl-1 {
    grid-column-start:  2; } }

@media (min-width: 768px) {
  .offset-tl-2 {
    grid-column-start:  3; } }

@media (min-width: 768px) {
  .offset-tl-3 {
    grid-column-start:  4; } }

@media (min-width: 768px) {
  .offset-tl-4 {
    grid-column-start:  5; } }

@media (min-width: 768px) {
  .offset-tl-5 {
    grid-column-start:  6; } }

@media (min-width: 768px) {
  .offset-tl-6 {
    grid-column-start:  7; } }

@media (min-width: 768px) {
  .offset-tl-7 {
    grid-column-start:  8; } }

@media (min-width: 768px) {
  .offset-tl-8 {
    grid-column-start:  9; } }

@media (min-width: 768px) {
  .offset-tl-9 {
    grid-column-start:  10; } }

@media (min-width: 768px) {
  .offset-tl-10 {
    grid-column-start:  11; } }

@media (min-width: 768px) {
  .offset-tl-11 {
    grid-column-start:  12; } }

@media (min-width: 768px) {
  .offset-tl-12 {
    grid-column-start:  13; } }

@media (min-width: 1024px) {
  .offset-ds-1 {
    grid-column-start:  2; } }

@media (min-width: 1024px) {
  .offset-ds-2 {
    grid-column-start:  3; } }

@media (min-width: 1024px) {
  .offset-ds-3 {
    grid-column-start:  4; } }

@media (min-width: 1024px) {
  .offset-ds-4 {
    grid-column-start:  5; } }

@media (min-width: 1024px) {
  .offset-ds-5 {
    grid-column-start:  6; } }

@media (min-width: 1024px) {
  .offset-ds-6 {
    grid-column-start:  7; } }

@media (min-width: 1024px) {
  .offset-ds-7 {
    grid-column-start:  8; } }

@media (min-width: 1024px) {
  .offset-ds-8 {
    grid-column-start:  9; } }

@media (min-width: 1024px) {
  .offset-ds-9 {
    grid-column-start:  10; } }

@media (min-width: 1024px) {
  .offset-ds-10 {
    grid-column-start:  11; } }

@media (min-width: 1024px) {
  .offset-ds-11 {
    grid-column-start:  12; } }

@media (min-width: 1024px) {
  .offset-ds-12 {
    grid-column-start:  13; } }

@media (min-width: 1280px) {
  .offset-dl-1 {
    grid-column-start:  2; } }

@media (min-width: 1280px) {
  .offset-dl-2 {
    grid-column-start:  3; } }

@media (min-width: 1280px) {
  .offset-dl-3 {
    grid-column-start:  4; } }

@media (min-width: 1280px) {
  .offset-dl-4 {
    grid-column-start:  5; } }

@media (min-width: 1280px) {
  .offset-dl-5 {
    grid-column-start:  6; } }

@media (min-width: 1280px) {
  .offset-dl-6 {
    grid-column-start:  7; } }

@media (min-width: 1280px) {
  .offset-dl-7 {
    grid-column-start:  8; } }

@media (min-width: 1280px) {
  .offset-dl-8 {
    grid-column-start:  9; } }

@media (min-width: 1280px) {
  .offset-dl-9 {
    grid-column-start:  10; } }

@media (min-width: 1280px) {
  .offset-dl-10 {
    grid-column-start:  11; } }

@media (min-width: 1280px) {
  .offset-dl-11 {
    grid-column-start:  12; } }

@media (min-width: 1280px) {
  .offset-dl-12 {
    grid-column-start:  13; } }

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

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

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

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

.order-5 {
  -webkit-box-ordinal-group:  6;
  -ms-flex-order:  5;
  order:  5; }

.order-6 {
  -webkit-box-ordinal-group:  7;
  -ms-flex-order:  6;
  order:  6; }

.order-7 {
  -webkit-box-ordinal-group:  8;
  -ms-flex-order:  7;
  order:  7; }

.order-8 {
  -webkit-box-ordinal-group:  9;
  -ms-flex-order:  8;
  order:  8; }

.order-9 {
  -webkit-box-ordinal-group:  10;
  -ms-flex-order:  9;
  order:  9; }

.order-10 {
  -webkit-box-ordinal-group:  11;
  -ms-flex-order:  10;
  order:  10; }

.order-11 {
  -webkit-box-ordinal-group:  12;
  -ms-flex-order:  11;
  order:  11; }

.order-12 {
  -webkit-box-ordinal-group:  13;
  -ms-flex-order:  12;
  order:  12; }

@media (min-width: 240px) {
  .order-ms-1 {
    -webkit-box-ordinal-group:  2;
    -ms-flex-order:  1;
    order:  1; } }

@media (min-width: 240px) {
  .order-ms-2 {
    -webkit-box-ordinal-group:  3;
    -ms-flex-order:  2;
    order:  2; } }

@media (min-width: 240px) {
  .order-ms-3 {
    -webkit-box-ordinal-group:  4;
    -ms-flex-order:  3;
    order:  3; } }

@media (min-width: 240px) {
  .order-ms-4 {
    -webkit-box-ordinal-group:  5;
    -ms-flex-order:  4;
    order:  4; } }

@media (min-width: 240px) {
  .order-ms-5 {
    -webkit-box-ordinal-group:  6;
    -ms-flex-order:  5;
    order:  5; } }

@media (min-width: 240px) {
  .order-ms-6 {
    -webkit-box-ordinal-group:  7;
    -ms-flex-order:  6;
    order:  6; } }

@media (min-width: 240px) {
  .order-ms-7 {
    -webkit-box-ordinal-group:  8;
    -ms-flex-order:  7;
    order:  7; } }

@media (min-width: 240px) {
  .order-ms-8 {
    -webkit-box-ordinal-group:  9;
    -ms-flex-order:  8;
    order:  8; } }

@media (min-width: 240px) {
  .order-ms-9 {
    -webkit-box-ordinal-group:  10;
    -ms-flex-order:  9;
    order:  9; } }

@media (min-width: 240px) {
  .order-ms-10 {
    -webkit-box-ordinal-group:  11;
    -ms-flex-order:  10;
    order:  10; } }

@media (min-width: 240px) {
  .order-ms-11 {
    -webkit-box-ordinal-group:  12;
    -ms-flex-order:  11;
    order:  11; } }

@media (min-width: 240px) {
  .order-ms-12 {
    -webkit-box-ordinal-group:  13;
    -ms-flex-order:  12;
    order:  12; } }

@media (min-width: 400px) {
  .order-ml-1 {
    -webkit-box-ordinal-group:  2;
    -ms-flex-order:  1;
    order:  1; } }

@media (min-width: 400px) {
  .order-ml-2 {
    -webkit-box-ordinal-group:  3;
    -ms-flex-order:  2;
    order:  2; } }

@media (min-width: 400px) {
  .order-ml-3 {
    -webkit-box-ordinal-group:  4;
    -ms-flex-order:  3;
    order:  3; } }

@media (min-width: 400px) {
  .order-ml-4 {
    -webkit-box-ordinal-group:  5;
    -ms-flex-order:  4;
    order:  4; } }

@media (min-width: 400px) {
  .order-ml-5 {
    -webkit-box-ordinal-group:  6;
    -ms-flex-order:  5;
    order:  5; } }

@media (min-width: 400px) {
  .order-ml-6 {
    -webkit-box-ordinal-group:  7;
    -ms-flex-order:  6;
    order:  6; } }

@media (min-width: 400px) {
  .order-ml-7 {
    -webkit-box-ordinal-group:  8;
    -ms-flex-order:  7;
    order:  7; } }

@media (min-width: 400px) {
  .order-ml-8 {
    -webkit-box-ordinal-group:  9;
    -ms-flex-order:  8;
    order:  8; } }

@media (min-width: 400px) {
  .order-ml-9 {
    -webkit-box-ordinal-group:  10;
    -ms-flex-order:  9;
    order:  9; } }

@media (min-width: 400px) {
  .order-ml-10 {
    -webkit-box-ordinal-group:  11;
    -ms-flex-order:  10;
    order:  10; } }

@media (min-width: 400px) {
  .order-ml-11 {
    -webkit-box-ordinal-group:  12;
    -ms-flex-order:  11;
    order:  11; } }

@media (min-width: 400px) {
  .order-ml-12 {
    -webkit-box-ordinal-group:  13;
    -ms-flex-order:  12;
    order:  12; } }

@media (min-width: 576px) {
  .order-ts-1 {
    -webkit-box-ordinal-group:  2;
    -ms-flex-order:  1;
    order:  1; } }

@media (min-width: 576px) {
  .order-ts-2 {
    -webkit-box-ordinal-group:  3;
    -ms-flex-order:  2;
    order:  2; } }

@media (min-width: 576px) {
  .order-ts-3 {
    -webkit-box-ordinal-group:  4;
    -ms-flex-order:  3;
    order:  3; } }

@media (min-width: 576px) {
  .order-ts-4 {
    -webkit-box-ordinal-group:  5;
    -ms-flex-order:  4;
    order:  4; } }

@media (min-width: 576px) {
  .order-ts-5 {
    -webkit-box-ordinal-group:  6;
    -ms-flex-order:  5;
    order:  5; } }

@media (min-width: 576px) {
  .order-ts-6 {
    -webkit-box-ordinal-group:  7;
    -ms-flex-order:  6;
    order:  6; } }

@media (min-width: 576px) {
  .order-ts-7 {
    -webkit-box-ordinal-group:  8;
    -ms-flex-order:  7;
    order:  7; } }

@media (min-width: 576px) {
  .order-ts-8 {
    -webkit-box-ordinal-group:  9;
    -ms-flex-order:  8;
    order:  8; } }

@media (min-width: 576px) {
  .order-ts-9 {
    -webkit-box-ordinal-group:  10;
    -ms-flex-order:  9;
    order:  9; } }

@media (min-width: 576px) {
  .order-ts-10 {
    -webkit-box-ordinal-group:  11;
    -ms-flex-order:  10;
    order:  10; } }

@media (min-width: 576px) {
  .order-ts-11 {
    -webkit-box-ordinal-group:  12;
    -ms-flex-order:  11;
    order:  11; } }

@media (min-width: 576px) {
  .order-ts-12 {
    -webkit-box-ordinal-group:  13;
    -ms-flex-order:  12;
    order:  12; } }

@media (min-width: 768px) {
  .order-tl-1 {
    -webkit-box-ordinal-group:  2;
    -ms-flex-order:  1;
    order:  1; } }

@media (min-width: 768px) {
  .order-tl-2 {
    -webkit-box-ordinal-group:  3;
    -ms-flex-order:  2;
    order:  2; } }

@media (min-width: 768px) {
  .order-tl-3 {
    -webkit-box-ordinal-group:  4;
    -ms-flex-order:  3;
    order:  3; } }

@media (min-width: 768px) {
  .order-tl-4 {
    -webkit-box-ordinal-group:  5;
    -ms-flex-order:  4;
    order:  4; } }

@media (min-width: 768px) {
  .order-tl-5 {
    -webkit-box-ordinal-group:  6;
    -ms-flex-order:  5;
    order:  5; } }

@media (min-width: 768px) {
  .order-tl-6 {
    -webkit-box-ordinal-group:  7;
    -ms-flex-order:  6;
    order:  6; } }

@media (min-width: 768px) {
  .order-tl-7 {
    -webkit-box-ordinal-group:  8;
    -ms-flex-order:  7;
    order:  7; } }

@media (min-width: 768px) {
  .order-tl-8 {
    -webkit-box-ordinal-group:  9;
    -ms-flex-order:  8;
    order:  8; } }

@media (min-width: 768px) {
  .order-tl-9 {
    -webkit-box-ordinal-group:  10;
    -ms-flex-order:  9;
    order:  9; } }

@media (min-width: 768px) {
  .order-tl-10 {
    -webkit-box-ordinal-group:  11;
    -ms-flex-order:  10;
    order:  10; } }

@media (min-width: 768px) {
  .order-tl-11 {
    -webkit-box-ordinal-group:  12;
    -ms-flex-order:  11;
    order:  11; } }

@media (min-width: 768px) {
  .order-tl-12 {
    -webkit-box-ordinal-group:  13;
    -ms-flex-order:  12;
    order:  12; } }

@media (min-width: 1024px) {
  .order-ds-1 {
    -webkit-box-ordinal-group:  2;
    -ms-flex-order:  1;
    order:  1; } }

@media (min-width: 1024px) {
  .order-ds-2 {
    -webkit-box-ordinal-group:  3;
    -ms-flex-order:  2;
    order:  2; } }

@media (min-width: 1024px) {
  .order-ds-3 {
    -webkit-box-ordinal-group:  4;
    -ms-flex-order:  3;
    order:  3; } }

@media (min-width: 1024px) {
  .order-ds-4 {
    -webkit-box-ordinal-group:  5;
    -ms-flex-order:  4;
    order:  4; } }

@media (min-width: 1024px) {
  .order-ds-5 {
    -webkit-box-ordinal-group:  6;
    -ms-flex-order:  5;
    order:  5; } }

@media (min-width: 1024px) {
  .order-ds-6 {
    -webkit-box-ordinal-group:  7;
    -ms-flex-order:  6;
    order:  6; } }

@media (min-width: 1024px) {
  .order-ds-7 {
    -webkit-box-ordinal-group:  8;
    -ms-flex-order:  7;
    order:  7; } }

@media (min-width: 1024px) {
  .order-ds-8 {
    -webkit-box-ordinal-group:  9;
    -ms-flex-order:  8;
    order:  8; } }

@media (min-width: 1024px) {
  .order-ds-9 {
    -webkit-box-ordinal-group:  10;
    -ms-flex-order:  9;
    order:  9; } }

@media (min-width: 1024px) {
  .order-ds-10 {
    -webkit-box-ordinal-group:  11;
    -ms-flex-order:  10;
    order:  10; } }

@media (min-width: 1024px) {
  .order-ds-11 {
    -webkit-box-ordinal-group:  12;
    -ms-flex-order:  11;
    order:  11; } }

@media (min-width: 1024px) {
  .order-ds-12 {
    -webkit-box-ordinal-group:  13;
    -ms-flex-order:  12;
    order:  12; } }

@media (min-width: 1280px) {
  .order-dl-1 {
    -webkit-box-ordinal-group:  2;
    -ms-flex-order:  1;
    order:  1; } }

@media (min-width: 1280px) {
  .order-dl-2 {
    -webkit-box-ordinal-group:  3;
    -ms-flex-order:  2;
    order:  2; } }

@media (min-width: 1280px) {
  .order-dl-3 {
    -webkit-box-ordinal-group:  4;
    -ms-flex-order:  3;
    order:  3; } }

@media (min-width: 1280px) {
  .order-dl-4 {
    -webkit-box-ordinal-group:  5;
    -ms-flex-order:  4;
    order:  4; } }

@media (min-width: 1280px) {
  .order-dl-5 {
    -webkit-box-ordinal-group:  6;
    -ms-flex-order:  5;
    order:  5; } }

@media (min-width: 1280px) {
  .order-dl-6 {
    -webkit-box-ordinal-group:  7;
    -ms-flex-order:  6;
    order:  6; } }

@media (min-width: 1280px) {
  .order-dl-7 {
    -webkit-box-ordinal-group:  8;
    -ms-flex-order:  7;
    order:  7; } }

@media (min-width: 1280px) {
  .order-dl-8 {
    -webkit-box-ordinal-group:  9;
    -ms-flex-order:  8;
    order:  8; } }

@media (min-width: 1280px) {
  .order-dl-9 {
    -webkit-box-ordinal-group:  10;
    -ms-flex-order:  9;
    order:  9; } }

@media (min-width: 1280px) {
  .order-dl-10 {
    -webkit-box-ordinal-group:  11;
    -ms-flex-order:  10;
    order:  10; } }

@media (min-width: 1280px) {
  .order-dl-11 {
    -webkit-box-ordinal-group:  12;
    -ms-flex-order:  11;
    order:  11; } }

@media (min-width: 1280px) {
  .order-dl-12 {
    -webkit-box-ordinal-group:  13;
    -ms-flex-order:  12;
    order:  12; } }

/* Define all flex element with the breakpoint */
.rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: auto; }
  .rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
    width: 100% !important; }
    .rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }

.columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  width: auto; }
  .columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
    width: 100% !important; }
    .columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }

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

.reverse.rows {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

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

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

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

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

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

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

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

.top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  height: 100%; }

.bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  height: 100%; }

.middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 100%; }

.stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  height: 100%; }

.baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-line-pack: baseline;
  align-content: baseline;
  height: 100%; }

.s-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.s-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.s-center {
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.s-baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.s-stretch {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.s-max-grow {
  -webkit-box-flex: 99 !important;
  -ms-flex-positive: 99 !important;
  flex-grow: 99 !important; }

.s-grow {
  -webkit-box-flex: 2 !important;
  -ms-flex-positive: 2 !important;
  flex-grow: 2 !important; }

.s-max-shrink {
  -ms-flex-negative: 99 !important;
  flex-shrink: 99 !important; }

.s-shrink {
  -ms-flex-negative: 2 !important;
  flex-shrink: 2 !important; }

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

.order-last {
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999; }

@media (min-width: 240px) {
  .ms-rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: auto; }
    .ms-rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
      width: 100%; }
      .ms-rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
  .ms-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: auto; }
    .ms-columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
      width: 100% !important; }
      .ms-columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
  .ms-no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .ms-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .ms-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .ms-around {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .ms-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly; }
  .ms-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .ms-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .ms-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 100%; }
  .ms-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    height: 100%; }
  .ms-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%; }
  .ms-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    height: 100%; }
  .ms-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-line-pack: baseline;
    align-content: baseline;
    height: 100%; }
  .ms-s-start {
    justify-self: start;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ms-s-end {
    justify-self: end;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ms-s-center {
    justify-self: center;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ms-s-stretch {
    justify-self: stretch;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ms-s-top {
    -ms-flex-item-align: start;
    align-self: start;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ms-s-bottom {
    -ms-flex-item-align: end;
    align-self: end;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ms-s-middle {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ms-s-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ms-max-grow {
    -webkit-box-flex: 99;
    -ms-flex-positive: 99;
    flex-grow: 99; }
  .ms-grow {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2; }
  .ms-max-shrink {
    -ms-flex-negative: 99;
    flex-shrink: 99; }
  .ms-shrink {
    -ms-flex-negative: 2;
    flex-shrink: 2; }
  .ms-order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .ms-order-last {
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999; } }

@media (min-width: 400px) {
  .ml-rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: auto; }
    .ml-rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
      width: 100%; }
      .ml-rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
  .ml-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: auto; }
    .ml-columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
      width: 100% !important; }
      .ml-columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
  .ml-no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .ml-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .ml-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .ml-around {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .ml-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly; }
  .ml-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .ml-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .ml-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 100%; }
  .ml-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    height: 100%; }
  .ml-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%; }
  .ml-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    height: 100%; }
  .ml-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-line-pack: baseline;
    align-content: baseline;
    height: 100%; }
  .ml-s-start {
    justify-self: start;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ml-s-end {
    justify-self: end;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ml-s-center {
    justify-self: center;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ml-s-stretch {
    justify-self: stretch;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ml-s-top {
    -ms-flex-item-align: start;
    align-self: start;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ml-s-bottom {
    -ms-flex-item-align: end;
    align-self: end;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ml-s-middle {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ml-s-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ml-max-grow {
    -webkit-box-flex: 99;
    -ms-flex-positive: 99;
    flex-grow: 99; }
  .ml-grow {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2; }
  .ml-max-shrink {
    -ms-flex-negative: 99;
    flex-shrink: 99; }
  .ml-shrink {
    -ms-flex-negative: 2;
    flex-shrink: 2; }
  .ml-order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .ml-order-last {
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999; } }

@media (min-width: 576px) {
  .ts-rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: auto; }
    .ts-rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
      width: 100%; }
      .ts-rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
  .ts-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: auto; }
    .ts-columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
      width: 100% !important; }
      .ts-columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
  .ts-no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .ts-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .ts-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .ts-around {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .ts-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly; }
  .ts-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .ts-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .ts-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 100%; }
  .ts-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    height: 100%; }
  .ts-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%; }
  .ts-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    height: 100%; }
  .ts-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-line-pack: baseline;
    align-content: baseline;
    height: 100%; }
  .ts-s-start {
    justify-self: start;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ts-s-end {
    justify-self: end;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ts-s-center {
    justify-self: center;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ts-s-stretch {
    justify-self: stretch;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ts-s-top {
    -ms-flex-item-align: start;
    align-self: start;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ts-s-bottom {
    -ms-flex-item-align: end;
    align-self: end;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ts-s-middle {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ts-s-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ts-max-grow {
    -webkit-box-flex: 99;
    -ms-flex-positive: 99;
    flex-grow: 99; }
  .ts-grow {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2; }
  .ts-max-shrink {
    -ms-flex-negative: 99;
    flex-shrink: 99; }
  .ts-shrink {
    -ms-flex-negative: 2;
    flex-shrink: 2; }
  .ts-order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .ts-order-last {
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999; } }

@media (min-width: 768px) {
  .tl-rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: auto; }
    .tl-rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
      width: 100%; }
      .tl-rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
  .tl-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: auto; }
    .tl-columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
      width: 100% !important; }
      .tl-columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
  .tl-no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .tl-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .tl-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .tl-around {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .tl-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly; }
  .tl-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .tl-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .tl-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 100%; }
  .tl-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    height: 100%; }
  .tl-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%; }
  .tl-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    height: 100%; }
  .tl-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-line-pack: baseline;
    align-content: baseline;
    height: 100%; }
  .tl-s-start {
    justify-self: start;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .tl-s-end {
    justify-self: end;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .tl-s-center {
    justify-self: center;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .tl-s-stretch {
    justify-self: stretch;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .tl-s-top {
    -ms-flex-item-align: start;
    align-self: start;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .tl-s-bottom {
    -ms-flex-item-align: end;
    align-self: end;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .tl-s-middle {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .tl-s-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .tl-max-grow {
    -webkit-box-flex: 99;
    -ms-flex-positive: 99;
    flex-grow: 99; }
  .tl-grow {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2; }
  .tl-max-shrink {
    -ms-flex-negative: 99;
    flex-shrink: 99; }
  .tl-shrink {
    -ms-flex-negative: 2;
    flex-shrink: 2; }
  .tl-order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .tl-order-last {
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999; } }

@media (min-width: 1024px) {
  .ds-rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: auto; }
    .ds-rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
      width: 100%; }
      .ds-rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
  .ds-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: auto; }
    .ds-columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
      width: 100% !important; }
      .ds-columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
  .ds-no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .ds-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .ds-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .ds-around {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .ds-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly; }
  .ds-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .ds-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .ds-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 100%; }
  .ds-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    height: 100%; }
  .ds-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%; }
  .ds-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    height: 100%; }
  .ds-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-line-pack: baseline;
    align-content: baseline;
    height: 100%; }
  .ds-s-start {
    justify-self: start;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ds-s-end {
    justify-self: end;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ds-s-center {
    justify-self: center;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ds-s-stretch {
    justify-self: stretch;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ds-s-top {
    -ms-flex-item-align: start;
    align-self: start;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ds-s-bottom {
    -ms-flex-item-align: end;
    align-self: end;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ds-s-middle {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ds-s-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .ds-max-grow {
    -webkit-box-flex: 99;
    -ms-flex-positive: 99;
    flex-grow: 99; }
  .ds-grow {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2; }
  .ds-max-shrink {
    -ms-flex-negative: 99;
    flex-shrink: 99; }
  .ds-shrink {
    -ms-flex-negative: 2;
    flex-shrink: 2; }
  .ds-order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .ds-order-last {
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999; } }

@media (min-width: 1280px) {
  .dl-rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: auto; }
    .dl-rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
      width: 100%; }
      .dl-rows:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
  .dl-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: auto; }
    .dl-columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) {
      width: 100% !important; }
      .dl-columns:not(.start):not(.ms-start):not(.ml-start):not(.ts-start):not(.tl-start):not(.ds-start):not(.dl-start):not(.end):not(.ms-end):not(.ml-end):not(.ts-end):not(.tl-end):not(.ds-end):not(.dl-end):not(.center):not(.ms-center):not(.ml-center):not(.ts-center):not(.tl-center):not(.ds-center):not(.dl-center):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.around):not(.ms-around):not(.ml-around):not(.ts-around):not(.tl-around):not(.ds-around):not(.dl-around):not(.between):not(.ms-between):not(.ml-between):not(.ts-between):not(.tl-between):not(.ds-between):not(.dl-between):not(.evenly):not(.ms-evenly):not(.ml-evenly):not(.ts-evenly):not(.tl-evenly):not(.ds-evenly):not(.dl-evenly):not(.top):not(.ms-top):not(.ml-top):not(.ts-top):not(.tl-top):not(.ds-top):not(.dl-top):not(.bottom):not(.ms-bottom):not(.ml-bottom):not(.ts-bottom):not(.tl-bottom):not(.ds-bottom):not(.dl-bottom):not(.middle):not(.ms-middle):not(.ml-middle):not(.ts-middle):not(.tl-middle):not(.ds-middle):not(.dl-middle):not(.stretch):not(.ms-stretch):not(.ml-stretch):not(.ts-stretch):not(.tl-stretch):not(.ds-stretch):not(.dl-stretch):not(.baseline):not(.ms-baseline):not(.ml-baseline):not(.ts-baseline):not(.tl-baseline):not(.ds-baseline):not(.dl-baseline) > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
  .dl-no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .dl-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .dl-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .dl-around {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .dl-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly; }
  .dl-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .dl-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .dl-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 100%; }
  .dl-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    height: 100%; }
  .dl-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%; }
  .dl-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    height: 100%; }
  .dl-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-line-pack: baseline;
    align-content: baseline;
    height: 100%; }
  .dl-s-start {
    justify-self: start;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .dl-s-end {
    justify-self: end;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .dl-s-center {
    justify-self: center;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .dl-s-stretch {
    justify-self: stretch;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .dl-s-top {
    -ms-flex-item-align: start;
    align-self: start;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .dl-s-bottom {
    -ms-flex-item-align: end;
    align-self: end;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .dl-s-middle {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .dl-s-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .dl-max-grow {
    -webkit-box-flex: 99;
    -ms-flex-positive: 99;
    flex-grow: 99; }
  .dl-grow {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2; }
  .dl-max-shrink {
    -ms-flex-negative: 99;
    flex-shrink: 99; }
  .dl-shrink {
    -ms-flex-negative: 2;
    flex-shrink: 2; }
  .dl-order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .dl-order-last {
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999; } }

[class*="-h-"] {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  [class*="-h-"]:after, [class*="-h-"]:before {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }

/* 
    Creat the basic element container for easier use simply element, but limited the dev position for this placement.

    Force the footer to be bottom and main to grow full size

    The header can't be fixed, to be evolve
*/
.container {
  display: grid;
  justify-items: center;
  width: 100%;
  min-height: 100vh;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto 100% auto; }
  .container header {
    width: 100%;
    grid-row-start: 1;
    grid-column: span 3; }
  .container main {
    width: 100%;
    grid-row-start: 2;
    grid-column: span 3; }
  .container .header-v {
    grid-row-start: 1;
    grid-row-end: 4;
    grid-column: span 1; }
    .container .header-v ~ main {
      grid-row-start: 1;
      grid-row-end: 3; }
  .container footer {
    width: 100%;
    grid-row-start: 3;
    grid-column: span 3; }
  .container .content {
    height: 100%;
    max-width: 1024px;
    width: 100%;
    margin: 0 auto; }

/* 

    Creat auto the element of supp, padding, order, height, width, spacer, can add what you need creat element with all breakpoint.

*/
/* Order for flex element order. */
.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0; }

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

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

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

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

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5; }

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6; }

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7; }

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8; }

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9; }

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10; }

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11; }

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12; }

/* Padding */
.p-0 {
  padding: 0px !important; }

.p-t-0 {
  padding-top: 0px !important; }

.p-l-0 {
  padding-left: 0px !important; }

.p-b-0 {
  padding-bottom: 0px !important; }

.p-r-0 {
  padding-right: 0px !important; }

.p-8 {
  padding: 8px !important; }

.p-t-8 {
  padding-top: 8px !important; }

.p-l-8 {
  padding-left: 8px !important; }

.p-b-8 {
  padding-bottom: 8px !important; }

.p-r-8 {
  padding-right: 8px !important; }

.p-16 {
  padding: 16px !important; }

.p-t-16 {
  padding-top: 16px !important; }

.p-l-16 {
  padding-left: 16px !important; }

.p-b-16 {
  padding-bottom: 16px !important; }

.p-r-16 {
  padding-right: 16px !important; }

.p-24 {
  padding: 24px !important; }

.p-t-24 {
  padding-top: 24px !important; }

.p-l-24 {
  padding-left: 24px !important; }

.p-b-24 {
  padding-bottom: 24px !important; }

.p-r-24 {
  padding-right: 24px !important; }

.p-32 {
  padding: 32px !important; }

.p-t-32 {
  padding-top: 32px !important; }

.p-l-32 {
  padding-left: 32px !important; }

.p-b-32 {
  padding-bottom: 32px !important; }

.p-r-32 {
  padding-right: 32px !important; }

/* Margin */
.m-0 {
  margin: 0px !important; }

.m-t-0 {
  margin-top: 0px !important; }

.m-l-0 {
  margin-left: 0px !important; }

.m-b-0 {
  margin-bottom: 0px !important; }

.m-r-0 {
  margin-right: 0px !important; }

.m-minus-0 {
  margin: 0px !important; }

.m-t-minus-0 {
  margin-top: 0px !important; }

.m-l-minus-0 {
  margin-left: 0px !important; }

.m-b-minus-0 {
  margin-bottom: 0px !important; }

.m-r-minus-0 {
  margin-right: 0px !important; }

.m-8 {
  margin: 8px !important; }

.m-t-8 {
  margin-top: 8px !important; }

.m-l-8 {
  margin-left: 8px !important; }

.m-b-8 {
  margin-bottom: 8px !important; }

.m-r-8 {
  margin-right: 8px !important; }

.m-minus-8 {
  margin: -8px !important; }

.m-t-minus-8 {
  margin-top: -8px !important; }

.m-l-minus-8 {
  margin-left: -8px !important; }

.m-b-minus-8 {
  margin-bottom: -8px !important; }

.m-r-minus-8 {
  margin-right: -8px !important; }

.m-16 {
  margin: 16px !important; }

.m-t-16 {
  margin-top: 16px !important; }

.m-l-16 {
  margin-left: 16px !important; }

.m-b-16 {
  margin-bottom: 16px !important; }

.m-r-16 {
  margin-right: 16px !important; }

.m-minus-16 {
  margin: -16px !important; }

.m-t-minus-16 {
  margin-top: -16px !important; }

.m-l-minus-16 {
  margin-left: -16px !important; }

.m-b-minus-16 {
  margin-bottom: -16px !important; }

.m-r-minus-16 {
  margin-right: -16px !important; }

.m-24 {
  margin: 24px !important; }

.m-t-24 {
  margin-top: 24px !important; }

.m-l-24 {
  margin-left: 24px !important; }

.m-b-24 {
  margin-bottom: 24px !important; }

.m-r-24 {
  margin-right: 24px !important; }

.m-minus-24 {
  margin: -24px !important; }

.m-t-minus-24 {
  margin-top: -24px !important; }

.m-l-minus-24 {
  margin-left: -24px !important; }

.m-b-minus-24 {
  margin-bottom: -24px !important; }

.m-r-minus-24 {
  margin-right: -24px !important; }

.m-32 {
  margin: 32px !important; }

.m-t-32 {
  margin-top: 32px !important; }

.m-l-32 {
  margin-left: 32px !important; }

.m-b-32 {
  margin-bottom: 32px !important; }

.m-r-32 {
  margin-right: 32px !important; }

.m-minus-32 {
  margin: -32px !important; }

.m-t-minus-32 {
  margin-top: -32px !important; }

.m-l-minus-32 {
  margin-left: -32px !important; }

.m-b-minus-32 {
  margin-bottom: -32px !important; }

.m-r-minus-32 {
  margin-right: -32px !important; }

/* Height in VH */
.h-10 {
  min-height: 10vh !important; }

.h-20 {
  min-height: 20vh !important; }

.h-30 {
  min-height: 30vh !important; }

.h-40 {
  min-height: 40vh !important; }

.h-50 {
  min-height: 50vh !important; }

.h-60 {
  min-height: 60vh !important; }

.h-70 {
  min-height: 70vh !important; }

.h-80 {
  min-height: 80vh !important; }

.h-90 {
  min-height: 90vh !important; }

.h-100 {
  min-height: 100vh !important; }

/* Width in % */
.w-10 {
  min-width: 10% !important; }

.w-20 {
  min-width: 20% !important; }

.w-30 {
  min-width: 30% !important; }

.w-40 {
  min-width: 40% !important; }

.w-50 {
  min-width: 50% !important; }

.w-60 {
  min-width: 60% !important; }

.w-70 {
  min-width: 70% !important; }

.w-80 {
  min-width: 80% !important; }

.w-90 {
  min-width: 90% !important; }

.w-100 {
  min-width: 100% !important; }

@media (min-width: 240px) {
  /* Order for flex element order. */
  .order-ms-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-ms-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-ms-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-ms-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-ms-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-ms-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-ms-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-ms-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-ms-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-ms-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-ms-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-ms-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-ms-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  /* Padding */
  .p-ms-0 {
    padding: 0px !important; }
  .p-t-ms-0 {
    padding-top: 0px !important; }
  .p-l-ms-0 {
    padding-left: 0px !important; }
  .p-b-ms-0 {
    padding-bottom: 0px !important; }
  .p-r-ms-0 {
    padding-right: 0px !important; }
  .p-ms-8 {
    padding: 8px !important; }
  .p-t-ms-8 {
    padding-top: 8px !important; }
  .p-l-ms-8 {
    padding-left: 8px !important; }
  .p-b-ms-8 {
    padding-bottom: 8px !important; }
  .p-r-ms-8 {
    padding-right: 8px !important; }
  .p-ms-16 {
    padding: 16px !important; }
  .p-t-ms-16 {
    padding-top: 16px !important; }
  .p-l-ms-16 {
    padding-left: 16px !important; }
  .p-b-ms-16 {
    padding-bottom: 16px !important; }
  .p-r-ms-16 {
    padding-right: 16px !important; }
  .p-ms-24 {
    padding: 24px !important; }
  .p-t-ms-24 {
    padding-top: 24px !important; }
  .p-l-ms-24 {
    padding-left: 24px !important; }
  .p-b-ms-24 {
    padding-bottom: 24px !important; }
  .p-r-ms-24 {
    padding-right: 24px !important; }
  .p-ms-32 {
    padding: 32px !important; }
  .p-t-ms-32 {
    padding-top: 32px !important; }
  .p-l-ms-32 {
    padding-left: 32px !important; }
  .p-b-ms-32 {
    padding-bottom: 32px !important; }
  .p-r-ms-32 {
    padding-right: 32px !important; }
  /* Margin */
  .m-ms-0 {
    margin: 0px !important; }
  .m-t-ms-0 {
    margin-top: 0px !important; }
  .m-l-ms-0 {
    margin-left: 0px !important; }
  .m-b-ms-0 {
    margin-bottom: 0px !important; }
  .m-r-ms-0 {
    margin-right: 0px !important; }
  .m-minus-ms-0 {
    margin: 0px !important; }
  .m-t-minus-ms-0 {
    margin-top: 0px !important; }
  .m-l-minus-ms-0 {
    margin-left: 0px !important; }
  .m-b-minus-ms-0 {
    margin-bottom: 0px !important; }
  .m-r-minus-ms-0 {
    margin-right: 0px !important; }
  .m-ms-8 {
    margin: 8px !important; }
  .m-t-ms-8 {
    margin-top: 8px !important; }
  .m-l-ms-8 {
    margin-left: 8px !important; }
  .m-b-ms-8 {
    margin-bottom: 8px !important; }
  .m-r-ms-8 {
    margin-right: 8px !important; }
  .m-minus-ms-8 {
    margin: -8px !important; }
  .m-t-minus-ms-8 {
    margin-top: -8px !important; }
  .m-l-minus-ms-8 {
    margin-left: -8px !important; }
  .m-b-minus-ms-8 {
    margin-bottom: -8px !important; }
  .m-r-minus-ms-8 {
    margin-right: -8px !important; }
  .m-ms-16 {
    margin: 16px !important; }
  .m-t-ms-16 {
    margin-top: 16px !important; }
  .m-l-ms-16 {
    margin-left: 16px !important; }
  .m-b-ms-16 {
    margin-bottom: 16px !important; }
  .m-r-ms-16 {
    margin-right: 16px !important; }
  .m-minus-ms-16 {
    margin: -16px !important; }
  .m-t-minus-ms-16 {
    margin-top: -16px !important; }
  .m-l-minus-ms-16 {
    margin-left: -16px !important; }
  .m-b-minus-ms-16 {
    margin-bottom: -16px !important; }
  .m-r-minus-ms-16 {
    margin-right: -16px !important; }
  .m-ms-24 {
    margin: 24px !important; }
  .m-t-ms-24 {
    margin-top: 24px !important; }
  .m-l-ms-24 {
    margin-left: 24px !important; }
  .m-b-ms-24 {
    margin-bottom: 24px !important; }
  .m-r-ms-24 {
    margin-right: 24px !important; }
  .m-minus-ms-24 {
    margin: -24px !important; }
  .m-t-minus-ms-24 {
    margin-top: -24px !important; }
  .m-l-minus-ms-24 {
    margin-left: -24px !important; }
  .m-b-minus-ms-24 {
    margin-bottom: -24px !important; }
  .m-r-minus-ms-24 {
    margin-right: -24px !important; }
  .m-ms-32 {
    margin: 32px !important; }
  .m-t-ms-32 {
    margin-top: 32px !important; }
  .m-l-ms-32 {
    margin-left: 32px !important; }
  .m-b-ms-32 {
    margin-bottom: 32px !important; }
  .m-r-ms-32 {
    margin-right: 32px !important; }
  .m-minus-ms-32 {
    margin: -32px !important; }
  .m-t-minus-ms-32 {
    margin-top: -32px !important; }
  .m-l-minus-ms-32 {
    margin-left: -32px !important; }
  .m-b-minus-ms-32 {
    margin-bottom: -32px !important; }
  .m-r-minus-ms-32 {
    margin-right: -32px !important; }
  /* Height in VH */
  .h-ms-10 {
    min-height: 10vh !important; }
  .h-ms-20 {
    min-height: 20vh !important; }
  .h-ms-30 {
    min-height: 30vh !important; }
  .h-ms-40 {
    min-height: 40vh !important; }
  .h-ms-50 {
    min-height: 50vh !important; }
  .h-ms-60 {
    min-height: 60vh !important; }
  .h-ms-70 {
    min-height: 70vh !important; }
  .h-ms-80 {
    min-height: 80vh !important; }
  .h-ms-90 {
    min-height: 90vh !important; }
  .h-ms-100 {
    min-height: 100vh !important; }
  /* Width in % */
  .w-ms-10 {
    min-width: 10% !important; }
  .w-ms-20 {
    min-width: 20% !important; }
  .w-ms-30 {
    min-width: 30% !important; }
  .w-ms-40 {
    min-width: 40% !important; }
  .w-ms-50 {
    min-width: 50% !important; }
  .w-ms-60 {
    min-width: 60% !important; }
  .w-ms-70 {
    min-width: 70% !important; }
  .w-ms-80 {
    min-width: 80% !important; }
  .w-ms-90 {
    min-width: 90% !important; }
  .w-ms-100 {
    min-width: 100% !important; } }

@media (min-width: 400px) {
  /* Order for flex element order. */
  .order-ml-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-ml-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-ml-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-ml-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-ml-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-ml-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-ml-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-ml-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-ml-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-ml-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-ml-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-ml-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-ml-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  /* Padding */
  .p-ml-0 {
    padding: 0px !important; }
  .p-t-ml-0 {
    padding-top: 0px !important; }
  .p-l-ml-0 {
    padding-left: 0px !important; }
  .p-b-ml-0 {
    padding-bottom: 0px !important; }
  .p-r-ml-0 {
    padding-right: 0px !important; }
  .p-ml-8 {
    padding: 8px !important; }
  .p-t-ml-8 {
    padding-top: 8px !important; }
  .p-l-ml-8 {
    padding-left: 8px !important; }
  .p-b-ml-8 {
    padding-bottom: 8px !important; }
  .p-r-ml-8 {
    padding-right: 8px !important; }
  .p-ml-16 {
    padding: 16px !important; }
  .p-t-ml-16 {
    padding-top: 16px !important; }
  .p-l-ml-16 {
    padding-left: 16px !important; }
  .p-b-ml-16 {
    padding-bottom: 16px !important; }
  .p-r-ml-16 {
    padding-right: 16px !important; }
  .p-ml-24 {
    padding: 24px !important; }
  .p-t-ml-24 {
    padding-top: 24px !important; }
  .p-l-ml-24 {
    padding-left: 24px !important; }
  .p-b-ml-24 {
    padding-bottom: 24px !important; }
  .p-r-ml-24 {
    padding-right: 24px !important; }
  .p-ml-32 {
    padding: 32px !important; }
  .p-t-ml-32 {
    padding-top: 32px !important; }
  .p-l-ml-32 {
    padding-left: 32px !important; }
  .p-b-ml-32 {
    padding-bottom: 32px !important; }
  .p-r-ml-32 {
    padding-right: 32px !important; }
  /* Margin */
  .m-ml-0 {
    margin: 0px !important; }
  .m-t-ml-0 {
    margin-top: 0px !important; }
  .m-l-ml-0 {
    margin-left: 0px !important; }
  .m-b-ml-0 {
    margin-bottom: 0px !important; }
  .m-r-ml-0 {
    margin-right: 0px !important; }
  .m-minus-ml-0 {
    margin: 0px !important; }
  .m-t-minus-ml-0 {
    margin-top: 0px !important; }
  .m-l-minus-ml-0 {
    margin-left: 0px !important; }
  .m-b-minus-ml-0 {
    margin-bottom: 0px !important; }
  .m-r-minus-ml-0 {
    margin-right: 0px !important; }
  .m-ml-8 {
    margin: 8px !important; }
  .m-t-ml-8 {
    margin-top: 8px !important; }
  .m-l-ml-8 {
    margin-left: 8px !important; }
  .m-b-ml-8 {
    margin-bottom: 8px !important; }
  .m-r-ml-8 {
    margin-right: 8px !important; }
  .m-minus-ml-8 {
    margin: -8px !important; }
  .m-t-minus-ml-8 {
    margin-top: -8px !important; }
  .m-l-minus-ml-8 {
    margin-left: -8px !important; }
  .m-b-minus-ml-8 {
    margin-bottom: -8px !important; }
  .m-r-minus-ml-8 {
    margin-right: -8px !important; }
  .m-ml-16 {
    margin: 16px !important; }
  .m-t-ml-16 {
    margin-top: 16px !important; }
  .m-l-ml-16 {
    margin-left: 16px !important; }
  .m-b-ml-16 {
    margin-bottom: 16px !important; }
  .m-r-ml-16 {
    margin-right: 16px !important; }
  .m-minus-ml-16 {
    margin: -16px !important; }
  .m-t-minus-ml-16 {
    margin-top: -16px !important; }
  .m-l-minus-ml-16 {
    margin-left: -16px !important; }
  .m-b-minus-ml-16 {
    margin-bottom: -16px !important; }
  .m-r-minus-ml-16 {
    margin-right: -16px !important; }
  .m-ml-24 {
    margin: 24px !important; }
  .m-t-ml-24 {
    margin-top: 24px !important; }
  .m-l-ml-24 {
    margin-left: 24px !important; }
  .m-b-ml-24 {
    margin-bottom: 24px !important; }
  .m-r-ml-24 {
    margin-right: 24px !important; }
  .m-minus-ml-24 {
    margin: -24px !important; }
  .m-t-minus-ml-24 {
    margin-top: -24px !important; }
  .m-l-minus-ml-24 {
    margin-left: -24px !important; }
  .m-b-minus-ml-24 {
    margin-bottom: -24px !important; }
  .m-r-minus-ml-24 {
    margin-right: -24px !important; }
  .m-ml-32 {
    margin: 32px !important; }
  .m-t-ml-32 {
    margin-top: 32px !important; }
  .m-l-ml-32 {
    margin-left: 32px !important; }
  .m-b-ml-32 {
    margin-bottom: 32px !important; }
  .m-r-ml-32 {
    margin-right: 32px !important; }
  .m-minus-ml-32 {
    margin: -32px !important; }
  .m-t-minus-ml-32 {
    margin-top: -32px !important; }
  .m-l-minus-ml-32 {
    margin-left: -32px !important; }
  .m-b-minus-ml-32 {
    margin-bottom: -32px !important; }
  .m-r-minus-ml-32 {
    margin-right: -32px !important; }
  /* Height in VH */
  .h-ml-10 {
    min-height: 10vh !important; }
  .h-ml-20 {
    min-height: 20vh !important; }
  .h-ml-30 {
    min-height: 30vh !important; }
  .h-ml-40 {
    min-height: 40vh !important; }
  .h-ml-50 {
    min-height: 50vh !important; }
  .h-ml-60 {
    min-height: 60vh !important; }
  .h-ml-70 {
    min-height: 70vh !important; }
  .h-ml-80 {
    min-height: 80vh !important; }
  .h-ml-90 {
    min-height: 90vh !important; }
  .h-ml-100 {
    min-height: 100vh !important; }
  /* Width in % */
  .w-ml-10 {
    min-width: 10% !important; }
  .w-ml-20 {
    min-width: 20% !important; }
  .w-ml-30 {
    min-width: 30% !important; }
  .w-ml-40 {
    min-width: 40% !important; }
  .w-ml-50 {
    min-width: 50% !important; }
  .w-ml-60 {
    min-width: 60% !important; }
  .w-ml-70 {
    min-width: 70% !important; }
  .w-ml-80 {
    min-width: 80% !important; }
  .w-ml-90 {
    min-width: 90% !important; }
  .w-ml-100 {
    min-width: 100% !important; } }

@media (min-width: 576px) {
  /* Order for flex element order. */
  .order-ts-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-ts-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-ts-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-ts-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-ts-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-ts-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-ts-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-ts-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-ts-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-ts-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-ts-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-ts-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-ts-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  /* Padding */
  .p-ts-0 {
    padding: 0px !important; }
  .p-t-ts-0 {
    padding-top: 0px !important; }
  .p-l-ts-0 {
    padding-left: 0px !important; }
  .p-b-ts-0 {
    padding-bottom: 0px !important; }
  .p-r-ts-0 {
    padding-right: 0px !important; }
  .p-ts-8 {
    padding: 8px !important; }
  .p-t-ts-8 {
    padding-top: 8px !important; }
  .p-l-ts-8 {
    padding-left: 8px !important; }
  .p-b-ts-8 {
    padding-bottom: 8px !important; }
  .p-r-ts-8 {
    padding-right: 8px !important; }
  .p-ts-16 {
    padding: 16px !important; }
  .p-t-ts-16 {
    padding-top: 16px !important; }
  .p-l-ts-16 {
    padding-left: 16px !important; }
  .p-b-ts-16 {
    padding-bottom: 16px !important; }
  .p-r-ts-16 {
    padding-right: 16px !important; }
  .p-ts-24 {
    padding: 24px !important; }
  .p-t-ts-24 {
    padding-top: 24px !important; }
  .p-l-ts-24 {
    padding-left: 24px !important; }
  .p-b-ts-24 {
    padding-bottom: 24px !important; }
  .p-r-ts-24 {
    padding-right: 24px !important; }
  .p-ts-32 {
    padding: 32px !important; }
  .p-t-ts-32 {
    padding-top: 32px !important; }
  .p-l-ts-32 {
    padding-left: 32px !important; }
  .p-b-ts-32 {
    padding-bottom: 32px !important; }
  .p-r-ts-32 {
    padding-right: 32px !important; }
  /* Margin */
  .m-ts-0 {
    margin: 0px !important; }
  .m-t-ts-0 {
    margin-top: 0px !important; }
  .m-l-ts-0 {
    margin-left: 0px !important; }
  .m-b-ts-0 {
    margin-bottom: 0px !important; }
  .m-r-ts-0 {
    margin-right: 0px !important; }
  .m-minus-ts-0 {
    margin: 0px !important; }
  .m-t-minus-ts-0 {
    margin-top: 0px !important; }
  .m-l-minus-ts-0 {
    margin-left: 0px !important; }
  .m-b-minus-ts-0 {
    margin-bottom: 0px !important; }
  .m-r-minus-ts-0 {
    margin-right: 0px !important; }
  .m-ts-8 {
    margin: 8px !important; }
  .m-t-ts-8 {
    margin-top: 8px !important; }
  .m-l-ts-8 {
    margin-left: 8px !important; }
  .m-b-ts-8 {
    margin-bottom: 8px !important; }
  .m-r-ts-8 {
    margin-right: 8px !important; }
  .m-minus-ts-8 {
    margin: -8px !important; }
  .m-t-minus-ts-8 {
    margin-top: -8px !important; }
  .m-l-minus-ts-8 {
    margin-left: -8px !important; }
  .m-b-minus-ts-8 {
    margin-bottom: -8px !important; }
  .m-r-minus-ts-8 {
    margin-right: -8px !important; }
  .m-ts-16 {
    margin: 16px !important; }
  .m-t-ts-16 {
    margin-top: 16px !important; }
  .m-l-ts-16 {
    margin-left: 16px !important; }
  .m-b-ts-16 {
    margin-bottom: 16px !important; }
  .m-r-ts-16 {
    margin-right: 16px !important; }
  .m-minus-ts-16 {
    margin: -16px !important; }
  .m-t-minus-ts-16 {
    margin-top: -16px !important; }
  .m-l-minus-ts-16 {
    margin-left: -16px !important; }
  .m-b-minus-ts-16 {
    margin-bottom: -16px !important; }
  .m-r-minus-ts-16 {
    margin-right: -16px !important; }
  .m-ts-24 {
    margin: 24px !important; }
  .m-t-ts-24 {
    margin-top: 24px !important; }
  .m-l-ts-24 {
    margin-left: 24px !important; }
  .m-b-ts-24 {
    margin-bottom: 24px !important; }
  .m-r-ts-24 {
    margin-right: 24px !important; }
  .m-minus-ts-24 {
    margin: -24px !important; }
  .m-t-minus-ts-24 {
    margin-top: -24px !important; }
  .m-l-minus-ts-24 {
    margin-left: -24px !important; }
  .m-b-minus-ts-24 {
    margin-bottom: -24px !important; }
  .m-r-minus-ts-24 {
    margin-right: -24px !important; }
  .m-ts-32 {
    margin: 32px !important; }
  .m-t-ts-32 {
    margin-top: 32px !important; }
  .m-l-ts-32 {
    margin-left: 32px !important; }
  .m-b-ts-32 {
    margin-bottom: 32px !important; }
  .m-r-ts-32 {
    margin-right: 32px !important; }
  .m-minus-ts-32 {
    margin: -32px !important; }
  .m-t-minus-ts-32 {
    margin-top: -32px !important; }
  .m-l-minus-ts-32 {
    margin-left: -32px !important; }
  .m-b-minus-ts-32 {
    margin-bottom: -32px !important; }
  .m-r-minus-ts-32 {
    margin-right: -32px !important; }
  /* Height in VH */
  .h-ts-10 {
    min-height: 10vh !important; }
  .h-ts-20 {
    min-height: 20vh !important; }
  .h-ts-30 {
    min-height: 30vh !important; }
  .h-ts-40 {
    min-height: 40vh !important; }
  .h-ts-50 {
    min-height: 50vh !important; }
  .h-ts-60 {
    min-height: 60vh !important; }
  .h-ts-70 {
    min-height: 70vh !important; }
  .h-ts-80 {
    min-height: 80vh !important; }
  .h-ts-90 {
    min-height: 90vh !important; }
  .h-ts-100 {
    min-height: 100vh !important; }
  /* Width in % */
  .w-ts-10 {
    min-width: 10% !important; }
  .w-ts-20 {
    min-width: 20% !important; }
  .w-ts-30 {
    min-width: 30% !important; }
  .w-ts-40 {
    min-width: 40% !important; }
  .w-ts-50 {
    min-width: 50% !important; }
  .w-ts-60 {
    min-width: 60% !important; }
  .w-ts-70 {
    min-width: 70% !important; }
  .w-ts-80 {
    min-width: 80% !important; }
  .w-ts-90 {
    min-width: 90% !important; }
  .w-ts-100 {
    min-width: 100% !important; } }

@media (min-width: 768px) {
  /* Order for flex element order. */
  .order-tl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-tl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-tl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-tl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-tl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-tl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-tl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-tl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-tl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-tl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-tl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-tl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-tl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  /* Padding */
  .p-tl-0 {
    padding: 0px !important; }
  .p-t-tl-0 {
    padding-top: 0px !important; }
  .p-l-tl-0 {
    padding-left: 0px !important; }
  .p-b-tl-0 {
    padding-bottom: 0px !important; }
  .p-r-tl-0 {
    padding-right: 0px !important; }
  .p-tl-8 {
    padding: 8px !important; }
  .p-t-tl-8 {
    padding-top: 8px !important; }
  .p-l-tl-8 {
    padding-left: 8px !important; }
  .p-b-tl-8 {
    padding-bottom: 8px !important; }
  .p-r-tl-8 {
    padding-right: 8px !important; }
  .p-tl-16 {
    padding: 16px !important; }
  .p-t-tl-16 {
    padding-top: 16px !important; }
  .p-l-tl-16 {
    padding-left: 16px !important; }
  .p-b-tl-16 {
    padding-bottom: 16px !important; }
  .p-r-tl-16 {
    padding-right: 16px !important; }
  .p-tl-24 {
    padding: 24px !important; }
  .p-t-tl-24 {
    padding-top: 24px !important; }
  .p-l-tl-24 {
    padding-left: 24px !important; }
  .p-b-tl-24 {
    padding-bottom: 24px !important; }
  .p-r-tl-24 {
    padding-right: 24px !important; }
  .p-tl-32 {
    padding: 32px !important; }
  .p-t-tl-32 {
    padding-top: 32px !important; }
  .p-l-tl-32 {
    padding-left: 32px !important; }
  .p-b-tl-32 {
    padding-bottom: 32px !important; }
  .p-r-tl-32 {
    padding-right: 32px !important; }
  /* Margin */
  .m-tl-0 {
    margin: 0px !important; }
  .m-t-tl-0 {
    margin-top: 0px !important; }
  .m-l-tl-0 {
    margin-left: 0px !important; }
  .m-b-tl-0 {
    margin-bottom: 0px !important; }
  .m-r-tl-0 {
    margin-right: 0px !important; }
  .m-minus-tl-0 {
    margin: 0px !important; }
  .m-t-minus-tl-0 {
    margin-top: 0px !important; }
  .m-l-minus-tl-0 {
    margin-left: 0px !important; }
  .m-b-minus-tl-0 {
    margin-bottom: 0px !important; }
  .m-r-minus-tl-0 {
    margin-right: 0px !important; }
  .m-tl-8 {
    margin: 8px !important; }
  .m-t-tl-8 {
    margin-top: 8px !important; }
  .m-l-tl-8 {
    margin-left: 8px !important; }
  .m-b-tl-8 {
    margin-bottom: 8px !important; }
  .m-r-tl-8 {
    margin-right: 8px !important; }
  .m-minus-tl-8 {
    margin: -8px !important; }
  .m-t-minus-tl-8 {
    margin-top: -8px !important; }
  .m-l-minus-tl-8 {
    margin-left: -8px !important; }
  .m-b-minus-tl-8 {
    margin-bottom: -8px !important; }
  .m-r-minus-tl-8 {
    margin-right: -8px !important; }
  .m-tl-16 {
    margin: 16px !important; }
  .m-t-tl-16 {
    margin-top: 16px !important; }
  .m-l-tl-16 {
    margin-left: 16px !important; }
  .m-b-tl-16 {
    margin-bottom: 16px !important; }
  .m-r-tl-16 {
    margin-right: 16px !important; }
  .m-minus-tl-16 {
    margin: -16px !important; }
  .m-t-minus-tl-16 {
    margin-top: -16px !important; }
  .m-l-minus-tl-16 {
    margin-left: -16px !important; }
  .m-b-minus-tl-16 {
    margin-bottom: -16px !important; }
  .m-r-minus-tl-16 {
    margin-right: -16px !important; }
  .m-tl-24 {
    margin: 24px !important; }
  .m-t-tl-24 {
    margin-top: 24px !important; }
  .m-l-tl-24 {
    margin-left: 24px !important; }
  .m-b-tl-24 {
    margin-bottom: 24px !important; }
  .m-r-tl-24 {
    margin-right: 24px !important; }
  .m-minus-tl-24 {
    margin: -24px !important; }
  .m-t-minus-tl-24 {
    margin-top: -24px !important; }
  .m-l-minus-tl-24 {
    margin-left: -24px !important; }
  .m-b-minus-tl-24 {
    margin-bottom: -24px !important; }
  .m-r-minus-tl-24 {
    margin-right: -24px !important; }
  .m-tl-32 {
    margin: 32px !important; }
  .m-t-tl-32 {
    margin-top: 32px !important; }
  .m-l-tl-32 {
    margin-left: 32px !important; }
  .m-b-tl-32 {
    margin-bottom: 32px !important; }
  .m-r-tl-32 {
    margin-right: 32px !important; }
  .m-minus-tl-32 {
    margin: -32px !important; }
  .m-t-minus-tl-32 {
    margin-top: -32px !important; }
  .m-l-minus-tl-32 {
    margin-left: -32px !important; }
  .m-b-minus-tl-32 {
    margin-bottom: -32px !important; }
  .m-r-minus-tl-32 {
    margin-right: -32px !important; }
  /* Height in VH */
  .h-tl-10 {
    min-height: 10vh !important; }
  .h-tl-20 {
    min-height: 20vh !important; }
  .h-tl-30 {
    min-height: 30vh !important; }
  .h-tl-40 {
    min-height: 40vh !important; }
  .h-tl-50 {
    min-height: 50vh !important; }
  .h-tl-60 {
    min-height: 60vh !important; }
  .h-tl-70 {
    min-height: 70vh !important; }
  .h-tl-80 {
    min-height: 80vh !important; }
  .h-tl-90 {
    min-height: 90vh !important; }
  .h-tl-100 {
    min-height: 100vh !important; }
  /* Width in % */
  .w-tl-10 {
    min-width: 10% !important; }
  .w-tl-20 {
    min-width: 20% !important; }
  .w-tl-30 {
    min-width: 30% !important; }
  .w-tl-40 {
    min-width: 40% !important; }
  .w-tl-50 {
    min-width: 50% !important; }
  .w-tl-60 {
    min-width: 60% !important; }
  .w-tl-70 {
    min-width: 70% !important; }
  .w-tl-80 {
    min-width: 80% !important; }
  .w-tl-90 {
    min-width: 90% !important; }
  .w-tl-100 {
    min-width: 100% !important; } }

@media (min-width: 1024px) {
  /* Order for flex element order. */
  .order-ds-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-ds-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-ds-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-ds-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-ds-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-ds-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-ds-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-ds-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-ds-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-ds-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-ds-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-ds-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-ds-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  /* Padding */
  .p-ds-0 {
    padding: 0px !important; }
  .p-t-ds-0 {
    padding-top: 0px !important; }
  .p-l-ds-0 {
    padding-left: 0px !important; }
  .p-b-ds-0 {
    padding-bottom: 0px !important; }
  .p-r-ds-0 {
    padding-right: 0px !important; }
  .p-ds-8 {
    padding: 8px !important; }
  .p-t-ds-8 {
    padding-top: 8px !important; }
  .p-l-ds-8 {
    padding-left: 8px !important; }
  .p-b-ds-8 {
    padding-bottom: 8px !important; }
  .p-r-ds-8 {
    padding-right: 8px !important; }
  .p-ds-16 {
    padding: 16px !important; }
  .p-t-ds-16 {
    padding-top: 16px !important; }
  .p-l-ds-16 {
    padding-left: 16px !important; }
  .p-b-ds-16 {
    padding-bottom: 16px !important; }
  .p-r-ds-16 {
    padding-right: 16px !important; }
  .p-ds-24 {
    padding: 24px !important; }
  .p-t-ds-24 {
    padding-top: 24px !important; }
  .p-l-ds-24 {
    padding-left: 24px !important; }
  .p-b-ds-24 {
    padding-bottom: 24px !important; }
  .p-r-ds-24 {
    padding-right: 24px !important; }
  .p-ds-32 {
    padding: 32px !important; }
  .p-t-ds-32 {
    padding-top: 32px !important; }
  .p-l-ds-32 {
    padding-left: 32px !important; }
  .p-b-ds-32 {
    padding-bottom: 32px !important; }
  .p-r-ds-32 {
    padding-right: 32px !important; }
  /* Margin */
  .m-ds-0 {
    margin: 0px !important; }
  .m-t-ds-0 {
    margin-top: 0px !important; }
  .m-l-ds-0 {
    margin-left: 0px !important; }
  .m-b-ds-0 {
    margin-bottom: 0px !important; }
  .m-r-ds-0 {
    margin-right: 0px !important; }
  .m-minus-ds-0 {
    margin: 0px !important; }
  .m-t-minus-ds-0 {
    margin-top: 0px !important; }
  .m-l-minus-ds-0 {
    margin-left: 0px !important; }
  .m-b-minus-ds-0 {
    margin-bottom: 0px !important; }
  .m-r-minus-ds-0 {
    margin-right: 0px !important; }
  .m-ds-8 {
    margin: 8px !important; }
  .m-t-ds-8 {
    margin-top: 8px !important; }
  .m-l-ds-8 {
    margin-left: 8px !important; }
  .m-b-ds-8 {
    margin-bottom: 8px !important; }
  .m-r-ds-8 {
    margin-right: 8px !important; }
  .m-minus-ds-8 {
    margin: -8px !important; }
  .m-t-minus-ds-8 {
    margin-top: -8px !important; }
  .m-l-minus-ds-8 {
    margin-left: -8px !important; }
  .m-b-minus-ds-8 {
    margin-bottom: -8px !important; }
  .m-r-minus-ds-8 {
    margin-right: -8px !important; }
  .m-ds-16 {
    margin: 16px !important; }
  .m-t-ds-16 {
    margin-top: 16px !important; }
  .m-l-ds-16 {
    margin-left: 16px !important; }
  .m-b-ds-16 {
    margin-bottom: 16px !important; }
  .m-r-ds-16 {
    margin-right: 16px !important; }
  .m-minus-ds-16 {
    margin: -16px !important; }
  .m-t-minus-ds-16 {
    margin-top: -16px !important; }
  .m-l-minus-ds-16 {
    margin-left: -16px !important; }
  .m-b-minus-ds-16 {
    margin-bottom: -16px !important; }
  .m-r-minus-ds-16 {
    margin-right: -16px !important; }
  .m-ds-24 {
    margin: 24px !important; }
  .m-t-ds-24 {
    margin-top: 24px !important; }
  .m-l-ds-24 {
    margin-left: 24px !important; }
  .m-b-ds-24 {
    margin-bottom: 24px !important; }
  .m-r-ds-24 {
    margin-right: 24px !important; }
  .m-minus-ds-24 {
    margin: -24px !important; }
  .m-t-minus-ds-24 {
    margin-top: -24px !important; }
  .m-l-minus-ds-24 {
    margin-left: -24px !important; }
  .m-b-minus-ds-24 {
    margin-bottom: -24px !important; }
  .m-r-minus-ds-24 {
    margin-right: -24px !important; }
  .m-ds-32 {
    margin: 32px !important; }
  .m-t-ds-32 {
    margin-top: 32px !important; }
  .m-l-ds-32 {
    margin-left: 32px !important; }
  .m-b-ds-32 {
    margin-bottom: 32px !important; }
  .m-r-ds-32 {
    margin-right: 32px !important; }
  .m-minus-ds-32 {
    margin: -32px !important; }
  .m-t-minus-ds-32 {
    margin-top: -32px !important; }
  .m-l-minus-ds-32 {
    margin-left: -32px !important; }
  .m-b-minus-ds-32 {
    margin-bottom: -32px !important; }
  .m-r-minus-ds-32 {
    margin-right: -32px !important; }
  /* Height in VH */
  .h-ds-10 {
    min-height: 10vh !important; }
  .h-ds-20 {
    min-height: 20vh !important; }
  .h-ds-30 {
    min-height: 30vh !important; }
  .h-ds-40 {
    min-height: 40vh !important; }
  .h-ds-50 {
    min-height: 50vh !important; }
  .h-ds-60 {
    min-height: 60vh !important; }
  .h-ds-70 {
    min-height: 70vh !important; }
  .h-ds-80 {
    min-height: 80vh !important; }
  .h-ds-90 {
    min-height: 90vh !important; }
  .h-ds-100 {
    min-height: 100vh !important; }
  /* Width in % */
  .w-ds-10 {
    min-width: 10% !important; }
  .w-ds-20 {
    min-width: 20% !important; }
  .w-ds-30 {
    min-width: 30% !important; }
  .w-ds-40 {
    min-width: 40% !important; }
  .w-ds-50 {
    min-width: 50% !important; }
  .w-ds-60 {
    min-width: 60% !important; }
  .w-ds-70 {
    min-width: 70% !important; }
  .w-ds-80 {
    min-width: 80% !important; }
  .w-ds-90 {
    min-width: 90% !important; }
  .w-ds-100 {
    min-width: 100% !important; } }

@media (min-width: 1280px) {
  /* Order for flex element order. */
  .order-dl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-dl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-dl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-dl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-dl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-dl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-dl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-dl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-dl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-dl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-dl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-dl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-dl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  /* Padding */
  .p-dl-0 {
    padding: 0px !important; }
  .p-t-dl-0 {
    padding-top: 0px !important; }
  .p-l-dl-0 {
    padding-left: 0px !important; }
  .p-b-dl-0 {
    padding-bottom: 0px !important; }
  .p-r-dl-0 {
    padding-right: 0px !important; }
  .p-dl-8 {
    padding: 8px !important; }
  .p-t-dl-8 {
    padding-top: 8px !important; }
  .p-l-dl-8 {
    padding-left: 8px !important; }
  .p-b-dl-8 {
    padding-bottom: 8px !important; }
  .p-r-dl-8 {
    padding-right: 8px !important; }
  .p-dl-16 {
    padding: 16px !important; }
  .p-t-dl-16 {
    padding-top: 16px !important; }
  .p-l-dl-16 {
    padding-left: 16px !important; }
  .p-b-dl-16 {
    padding-bottom: 16px !important; }
  .p-r-dl-16 {
    padding-right: 16px !important; }
  .p-dl-24 {
    padding: 24px !important; }
  .p-t-dl-24 {
    padding-top: 24px !important; }
  .p-l-dl-24 {
    padding-left: 24px !important; }
  .p-b-dl-24 {
    padding-bottom: 24px !important; }
  .p-r-dl-24 {
    padding-right: 24px !important; }
  .p-dl-32 {
    padding: 32px !important; }
  .p-t-dl-32 {
    padding-top: 32px !important; }
  .p-l-dl-32 {
    padding-left: 32px !important; }
  .p-b-dl-32 {
    padding-bottom: 32px !important; }
  .p-r-dl-32 {
    padding-right: 32px !important; }
  /* Margin */
  .m-dl-0 {
    margin: 0px !important; }
  .m-t-dl-0 {
    margin-top: 0px !important; }
  .m-l-dl-0 {
    margin-left: 0px !important; }
  .m-b-dl-0 {
    margin-bottom: 0px !important; }
  .m-r-dl-0 {
    margin-right: 0px !important; }
  .m-minus-dl-0 {
    margin: 0px !important; }
  .m-t-minus-dl-0 {
    margin-top: 0px !important; }
  .m-l-minus-dl-0 {
    margin-left: 0px !important; }
  .m-b-minus-dl-0 {
    margin-bottom: 0px !important; }
  .m-r-minus-dl-0 {
    margin-right: 0px !important; }
  .m-dl-8 {
    margin: 8px !important; }
  .m-t-dl-8 {
    margin-top: 8px !important; }
  .m-l-dl-8 {
    margin-left: 8px !important; }
  .m-b-dl-8 {
    margin-bottom: 8px !important; }
  .m-r-dl-8 {
    margin-right: 8px !important; }
  .m-minus-dl-8 {
    margin: -8px !important; }
  .m-t-minus-dl-8 {
    margin-top: -8px !important; }
  .m-l-minus-dl-8 {
    margin-left: -8px !important; }
  .m-b-minus-dl-8 {
    margin-bottom: -8px !important; }
  .m-r-minus-dl-8 {
    margin-right: -8px !important; }
  .m-dl-16 {
    margin: 16px !important; }
  .m-t-dl-16 {
    margin-top: 16px !important; }
  .m-l-dl-16 {
    margin-left: 16px !important; }
  .m-b-dl-16 {
    margin-bottom: 16px !important; }
  .m-r-dl-16 {
    margin-right: 16px !important; }
  .m-minus-dl-16 {
    margin: -16px !important; }
  .m-t-minus-dl-16 {
    margin-top: -16px !important; }
  .m-l-minus-dl-16 {
    margin-left: -16px !important; }
  .m-b-minus-dl-16 {
    margin-bottom: -16px !important; }
  .m-r-minus-dl-16 {
    margin-right: -16px !important; }
  .m-dl-24 {
    margin: 24px !important; }
  .m-t-dl-24 {
    margin-top: 24px !important; }
  .m-l-dl-24 {
    margin-left: 24px !important; }
  .m-b-dl-24 {
    margin-bottom: 24px !important; }
  .m-r-dl-24 {
    margin-right: 24px !important; }
  .m-minus-dl-24 {
    margin: -24px !important; }
  .m-t-minus-dl-24 {
    margin-top: -24px !important; }
  .m-l-minus-dl-24 {
    margin-left: -24px !important; }
  .m-b-minus-dl-24 {
    margin-bottom: -24px !important; }
  .m-r-minus-dl-24 {
    margin-right: -24px !important; }
  .m-dl-32 {
    margin: 32px !important; }
  .m-t-dl-32 {
    margin-top: 32px !important; }
  .m-l-dl-32 {
    margin-left: 32px !important; }
  .m-b-dl-32 {
    margin-bottom: 32px !important; }
  .m-r-dl-32 {
    margin-right: 32px !important; }
  .m-minus-dl-32 {
    margin: -32px !important; }
  .m-t-minus-dl-32 {
    margin-top: -32px !important; }
  .m-l-minus-dl-32 {
    margin-left: -32px !important; }
  .m-b-minus-dl-32 {
    margin-bottom: -32px !important; }
  .m-r-minus-dl-32 {
    margin-right: -32px !important; }
  /* Height in VH */
  .h-dl-10 {
    min-height: 10vh !important; }
  .h-dl-20 {
    min-height: 20vh !important; }
  .h-dl-30 {
    min-height: 30vh !important; }
  .h-dl-40 {
    min-height: 40vh !important; }
  .h-dl-50 {
    min-height: 50vh !important; }
  .h-dl-60 {
    min-height: 60vh !important; }
  .h-dl-70 {
    min-height: 70vh !important; }
  .h-dl-80 {
    min-height: 80vh !important; }
  .h-dl-90 {
    min-height: 90vh !important; }
  .h-dl-100 {
    min-height: 100vh !important; }
  /* Width in % */
  .w-dl-10 {
    min-width: 10% !important; }
  .w-dl-20 {
    min-width: 20% !important; }
  .w-dl-30 {
    min-width: 30% !important; }
  .w-dl-40 {
    min-width: 40% !important; }
  .w-dl-50 {
    min-width: 50% !important; }
  .w-dl-60 {
    min-width: 60% !important; }
  .w-dl-70 {
    min-width: 70% !important; }
  .w-dl-80 {
    min-width: 80% !important; }
  .w-dl-90 {
    min-width: 90% !important; }
  .w-dl-100 {
    min-width: 100% !important; } }

/* Border-radius */
.br-0 {
  border-radius: 0px !important; }

.br-t-0 {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important; }

.br-r-0 {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.br-b-0 {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.br-l-0 {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important; }

.br-t-l-0 {
  border-top-left-radius: 0px !important; }

.br-t-r-0 {
  border-top-right-radius: 0px !important; }

.br-b-l-0 {
  border-bottom-left-radius: 0px !important; }

.br-b-r-0 {
  border-bottom-right-radius: 0px !important; }

.br-4 {
  border-radius: 4px !important; }

.br-t-4 {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important; }

.br-r-4 {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }

.br-b-4 {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }

.br-l-4 {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important; }

.br-t-l-4 {
  border-top-left-radius: 4px !important; }

.br-t-r-4 {
  border-top-right-radius: 4px !important; }

.br-b-l-4 {
  border-bottom-left-radius: 4px !important; }

.br-b-r-4 {
  border-bottom-right-radius: 4px !important; }

.br-8 {
  border-radius: 8px !important; }

.br-t-8 {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important; }

.br-r-8 {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important; }

.br-b-8 {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important; }

.br-l-8 {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important; }

.br-t-l-8 {
  border-top-left-radius: 8px !important; }

.br-t-r-8 {
  border-top-right-radius: 8px !important; }

.br-b-l-8 {
  border-bottom-left-radius: 8px !important; }

.br-b-r-8 {
  border-bottom-right-radius: 8px !important; }

.br-12 {
  border-radius: 12px !important; }

.br-t-12 {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important; }

.br-r-12 {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important; }

.br-b-12 {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important; }

.br-l-12 {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important; }

.br-t-l-12 {
  border-top-left-radius: 12px !important; }

.br-t-r-12 {
  border-top-right-radius: 12px !important; }

.br-b-l-12 {
  border-bottom-left-radius: 12px !important; }

.br-b-r-12 {
  border-bottom-right-radius: 12px !important; }

.br-16 {
  border-radius: 16px !important; }

.br-t-16 {
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important; }

.br-r-16 {
  border-top-right-radius: 16px !important;
  border-bottom-right-radius: 16px !important; }

.br-b-16 {
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important; }

.br-l-16 {
  border-top-left-radius: 16px !important;
  border-bottom-left-radius: 16px !important; }

.br-t-l-16 {
  border-top-left-radius: 16px !important; }

.br-t-r-16 {
  border-top-right-radius: 16px !important; }

.br-b-l-16 {
  border-bottom-left-radius: 16px !important; }

.br-b-r-16 {
  border-bottom-right-radius: 16px !important; }

/* box-shadow */
.s-1 {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; }

.s-h-1:hover {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; }

.s-2 {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important; }

.s-h-2:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important; }

.s-3 {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important; }

.s-h-3:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important; }

.s-4 {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important; }

.s-h-4:hover {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important; }

.s-5 {
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important; }

.s-h-5:hover {
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important; }

/* Little header system */
.header {
  height: 50px; }

.btn {
  padding: 8px 16px; }

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

input, textarea, select {
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  border: none;
  border-bottom: solid 1px #b3b3b3;
  background: whitesmoke;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
    border-bottom-color: #262626; }
  input[type="radio"], input[type="checkbox"], textarea[type="radio"], textarea[type="checkbox"], select[type="radio"], select[type="checkbox"] {
    display: none;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    input[type="radio"] + label, input[type="checkbox"] + label, textarea[type="radio"] + label, textarea[type="checkbox"] + label, select[type="radio"] + label, select[type="checkbox"] + label {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-left: 24px;
      -webkit-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
      input[type="radio"] + label:before, input[type="radio"] + label:after, input[type="checkbox"] + label:before, input[type="checkbox"] + label:after, textarea[type="radio"] + label:before, textarea[type="radio"] + label:after, textarea[type="checkbox"] + label:before, textarea[type="checkbox"] + label:after, select[type="radio"] + label:before, select[type="radio"] + label:after, select[type="checkbox"] + label:before, select[type="checkbox"] + label:after {
        content: '';
        display: block;
        position: absolute;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
      input[type="radio"] + label:before, input[type="checkbox"] + label:before, textarea[type="radio"] + label:before, textarea[type="checkbox"] + label:before, select[type="radio"] + label:before, select[type="checkbox"] + label:before {
        width: 16px;
        height: 16px;
        left: 0;
        border-bottom: solid 1px #999999;
        border-radius: 4px;
        background: #e0e0e0; }
      input[type="radio"] + label:after, input[type="checkbox"] + label:after, textarea[type="radio"] + label:after, textarea[type="checkbox"] + label:after, select[type="radio"] + label:after, select[type="checkbox"] + label:after {
        width: 8px;
        height: 8px;
        left: 4px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        border-radius: 2px;
        background: transparent; }
    input[type="radio"]:checked + label:after, input[type="checkbox"]:checked + label:after, textarea[type="radio"]:checked + label:after, textarea[type="checkbox"]:checked + label:after, select[type="radio"]:checked + label:after, select[type="checkbox"]:checked + label:after {
      background: #262626;
      -webkit-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
    input[type="radio"]:hover + label:before, input[type="checkbox"]:hover + label:before, textarea[type="radio"]:hover + label:before, textarea[type="checkbox"]:hover + label:before, select[type="radio"]:hover + label:before, select[type="checkbox"]:hover + label:before {
      border-bottom: solid 1px #262626;
      -webkit-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
  input[type="radio"] + label:before, textarea[type="radio"] + label:before, select[type="radio"] + label:before {
    border-bottom: solid 1px #999999; }
  input[type="radio"] + label:before, input[type="radio"] + label:after, textarea[type="radio"] + label:before, textarea[type="radio"] + label:after, select[type="radio"] + label:before, select[type="radio"] + label:after {
    border-radius: 20px; }

textarea {
  min-height: 50px;
  max-width: 100%; }

button {
  padding: 8px;
  border: none;
  border-radius: 4px;
  color: white;
  background: #262626;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  button:hover {
    background: #404040; }