@charset "UTF-8";
/*
LESS imports
------------------------------------------------------------------------- */
/**
 * Settings.
 *
 * Design tokens for UI.
 */
/*
base settings
------------------------------------------------------------------------- */
/*
 container
 */
/*
 grid
 */
/*
 form grid
 */
/*
 screen sizes
 */
/*
 z-index
 */
/*
 scrollbar size
 */
/*
 globals
 */
/*
 default colors
 */
/*
 custom colors
 */
/*
 typography
 */
/*
 icons
 */
/*
 input
 */
/*
 button
 */
/*
 tooltip
 */
/**
 * Tools.
 *
 * Globally used functions, placeholders and mixins.
 *
 * NOTE: it is important not to output any CSS in the first 2 layers.
 */
/*
font mixin
------------------------------------------------------------------------- */
/*
form mixins
------------------------------------------------------------------------- */
/*
buttons
------------------------------------------------------------------------- */
/*
animation
------------------------------------------------------------------------- */
/*
appearance mixin
------------------------------------------------------------------------- */
/*
box shadow
------------------------------------------------------------------------- */
/*
gradient
------------------------------------------------------------------------- */
/*
placeholder
------------------------------------------------------------------------- */
/*
rotate
------------------------------------------------------------------------- */
/*
scale
------------------------------------------------------------------------- */
/*
transition
------------------------------------------------------------------------- */
/*
translate
------------------------------------------------------------------------- */
/*
translate 3d
------------------------------------------------------------------------- */
/*
calc
------------------------------------------------------------------------- */
/*
modal mixin
------------------------------------------------------------------------- */
/*
scrollbar
------------------------------------------------------------------------- */
/**
 * Vendors.
 *
 * 3rd party vendors including normalize/reset.
 * This is the first layer which generates actual CSS.
 */
/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */
/* Document
   ========================================================================== */
/**
 * Use a better box model (opinionated).
 */
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
/**
 * Use a more readable tab size (opinionated).
 */
:root {
  -moz-tab-size: 4;
  tab-size: 4;
}
/**
 * Correct the line height in all browsers.
 */
html {
  line-height: 1.15;
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
 */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
/**
 * 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 height in Firefox.
 */
hr {
  height: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Add the correct text decoration in Chrome, Edge, and Safari.
 */
abbr[title] {
  text-decoration: underline dotted;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp,
pre {
  font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  padding: 0;
}
/**
 * Add the correct vertical alignment in Chrome and Firefox.
 */
progress {
  vertical-align: baseline;
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/**
 * Objects.
 *
 * Class-based selectors which define undecorated design patterns,
 * for example, utilities, media object and container.
 */
/*
body
------------------------------------------------------------------------- */
.o-body {
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #353535;
  background: #FFFFFF;
}
/*
container
------------------------------------------------------------------------- */
.o-container {
  display: block;
  width: 100%;
  background: #FFFFFF;
}
.o-container__wrapper {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.o-container:after {
  display: table;
  content: "";
  clear: both;
}
/*
division
------------------------------------------------------------------------- */
.o-division {
  display: flex;
  flex-flow: row nowrap;
  align-content: stretch;
  width: 100%;
}
.o-division__cell {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  /*
     for fixed width
     */
}
.o-division__cell > *:first-child {
  margin-top: 0;
}
.o-division__cell > *:last-child {
  margin-bottom: 0;
}
.o-division__cell--lock {
  flex-grow: 0;
  flex-shrink: 0;
}
/*
flex grid
------------------------------------------------------------------------- */
.o-row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -10px;
  margin-right: -10px;
  /*
   remove column gap
   */
}
.o-row--nogap {
  margin: 0;
}
.o-row--nogap .o-col {
  padding: 0;
}
.o-col {
  flex-shrink: 0;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 769px) {
  .o-col {
    flex-grow: 1;
    padding: 0 10px;
  }
  .o-col--1 {
    flex-shrink: 0;
    flex-grow: 0;
    width: 8.33333333%;
  }
  .o-col--2 {
    flex-shrink: 0;
    flex-grow: 0;
    width: 16.66666667%;
  }
  .o-col--3 {
    flex-shrink: 0;
    flex-grow: 0;
    width: 25%;
  }
  .o-col--4 {
    flex-shrink: 0;
    flex-grow: 0;
    width: 33.33333333%;
  }
  .o-col--5 {
    flex-shrink: 0;
    flex-grow: 0;
    width: 41.66666667%;
  }
  .o-col--6 {
    flex-shrink: 0;
    flex-grow: 0;
    width: 50%;
  }
  .o-col--7 {
    flex-shrink: 0;
    flex-grow: 0;
    width: 58.33333333%;
  }
  .o-col--8 {
    flex-shrink: 0;
    flex-grow: 0;
    width: 66.66666667%;
  }
  .o-col--9 {
    flex-shrink: 0;
    flex-grow: 0;
    width: 75%;
  }
  .o-col--10 {
    flex-shrink: 0;
    flex-grow: 0;
    width: 83.33333333%;
  }
  .o-col--11 {
    flex-shrink: 0;
    flex-grow: 0;
    width: 91.66666667%;
  }
  .o-col--12 {
    flex-shrink: 0;
    flex-grow: 1;
    width: 100%;
  }
}
/*
grid
------------------------------------------------------------------------- */
.o-grid {
  display: grid;
  grid-gap: 20px;
  /*
     generate grid columns
     */
  /*
     generate grid rows
     */
  /*
     remove grid item gap
     */
}
.o-grid--c1 {
  grid-template-columns: repeat(1, 1fr);
}
.o-grid--r1 {
  grid-template-rows: repeat(1, 1fr);
}
.o-grid--nogap {
  grid-gap: 0;
}
.o-grid {
  display: grid;
  grid-gap: 20px;
  /*
     generate grid columns
     */
  /*
     generate grid rows
     */
  /*
     remove grid item gap
     */
}
.o-grid--c2 {
  grid-template-columns: repeat(2, 2fr);
}
.o-grid--r2 {
  grid-template-rows: repeat(2, 2fr);
}
.o-grid--nogap {
  grid-gap: 0;
}
.o-grid {
  display: grid;
  grid-gap: 20px;
  /*
     generate grid columns
     */
  /*
     generate grid rows
     */
  /*
     remove grid item gap
     */
}
.o-grid--c3 {
  grid-template-columns: repeat(3, 3fr);
}
.o-grid--r3 {
  grid-template-rows: repeat(3, 3fr);
}
.o-grid--nogap {
  grid-gap: 0;
}
.o-grid {
  display: grid;
  grid-gap: 20px;
  /*
     generate grid columns
     */
  /*
     generate grid rows
     */
  /*
     remove grid item gap
     */
}
.o-grid--c4 {
  grid-template-columns: repeat(4, 4fr);
}
.o-grid--r4 {
  grid-template-rows: repeat(4, 4fr);
}
.o-grid--nogap {
  grid-gap: 0;
}
.o-grid {
  display: grid;
  grid-gap: 20px;
  /*
     generate grid columns
     */
  /*
     generate grid rows
     */
  /*
     remove grid item gap
     */
}
.o-grid--c5 {
  grid-template-columns: repeat(5, 5fr);
}
.o-grid--r5 {
  grid-template-rows: repeat(5, 5fr);
}
.o-grid--nogap {
  grid-gap: 0;
}
.o-grid {
  display: grid;
  grid-gap: 20px;
  /*
     generate grid columns
     */
  /*
     generate grid rows
     */
  /*
     remove grid item gap
     */
}
.o-grid--c6 {
  grid-template-columns: repeat(6, 6fr);
}
.o-grid--r6 {
  grid-template-rows: repeat(6, 6fr);
}
.o-grid--nogap {
  grid-gap: 0;
}
.o-grid {
  display: grid;
  grid-gap: 20px;
  /*
     generate grid columns
     */
  /*
     generate grid rows
     */
  /*
     remove grid item gap
     */
}
.o-grid--c7 {
  grid-template-columns: repeat(7, 7fr);
}
.o-grid--r7 {
  grid-template-rows: repeat(7, 7fr);
}
.o-grid--nogap {
  grid-gap: 0;
}
.o-grid {
  display: grid;
  grid-gap: 20px;
  /*
     generate grid columns
     */
  /*
     generate grid rows
     */
  /*
     remove grid item gap
     */
}
.o-grid--c8 {
  grid-template-columns: repeat(8, 8fr);
}
.o-grid--r8 {
  grid-template-rows: repeat(8, 8fr);
}
.o-grid--nogap {
  grid-gap: 0;
}
.o-grid {
  display: grid;
  grid-gap: 20px;
  /*
     generate grid columns
     */
  /*
     generate grid rows
     */
  /*
     remove grid item gap
     */
}
.o-grid--c9 {
  grid-template-columns: repeat(9, 9fr);
}
.o-grid--r9 {
  grid-template-rows: repeat(9, 9fr);
}
.o-grid--nogap {
  grid-gap: 0;
}
.o-grid {
  display: grid;
  grid-gap: 20px;
  /*
     generate grid columns
     */
  /*
     generate grid rows
     */
  /*
     remove grid item gap
     */
}
.o-grid--c10 {
  grid-template-columns: repeat(10, 10fr);
}
.o-grid--r10 {
  grid-template-rows: repeat(10, 10fr);
}
.o-grid--nogap {
  grid-gap: 0;
}
.o-grid {
  display: grid;
  grid-gap: 20px;
  /*
     generate grid columns
     */
  /*
     generate grid rows
     */
  /*
     remove grid item gap
     */
}
.o-grid--c11 {
  grid-template-columns: repeat(11, 11fr);
}
.o-grid--r11 {
  grid-template-rows: repeat(11, 11fr);
}
.o-grid--nogap {
  grid-gap: 0;
}
.o-grid {
  display: grid;
  grid-gap: 20px;
  /*
     generate grid columns
     */
  /*
     generate grid rows
     */
  /*
     remove grid item gap
     */
}
.o-grid--c12 {
  grid-template-columns: repeat(12, 12fr);
}
.o-grid--r12 {
  grid-template-rows: repeat(12, 12fr);
}
.o-grid--nogap {
  grid-gap: 0;
}
/*
guide
------------------------------------------------------------------------- */
.o-guide {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 30px 0;
  width: 960px;
  padding-left: 230px;
}
.o-guide__sidebar {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  width: 200px;
  padding: 30px 0;
  overflow-y: auto;
}
.o-guide__sidebar__item {
  display: flex;
  flex-flow: column nowrap;
  padding: 10px 0;
  border-bottom: solid 1px #D7D7D7;
  font-size: 16px;
  font-weight: 400;
  color: #8E8E8E;
}
.o-guide__sidebar__item:first-child {
  padding-top: 0;
}
.o-guide__sidebar__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.o-guide__sidebar__item:hover {
  color: #353535;
}
.o-guide__sidebar__item--active {
  color: #353535;
}
.o-guide__sidebar__item--active .o-guide__sidebar__link {
  color: #D25B27;
}
.o-guide__sidebar__item--active .o-guide__sidebar__child {
  display: flex;
}
.o-guide__sidebar__link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 600;
  color: #353535;
}
.o-guide__sidebar__link:hover {
  color: #D25B27;
}
.o-guide__sidebar__child {
  display: none;
  flex-flow: column nowrap;
}
.o-guide__sidebar__child .o-guide__sidebar__link {
  font-weight: 400;
  color: #8E8E8E;
}
.o-guide__sidebar__child .o-guide__sidebar__link:hover {
  color: #353535;
}
.o-guide__sidebar__child .o-guide__sidebar__link--active {
  font-weight: 600;
  color: #353535;
}
.o-guide__wrapper {
  display: block;
}
.o-guide__wrapper pre {
  margin: 0;
}
.o-guide__wrapper pre code {
  padding: 20px;
}
.o-guide__demo {
  display: block;
}
.o-guide__demo__item {
  display: block;
  margin-bottom: 20px;
}
.o-guide__demo__figure {
  border: solid 1px #D7D7D7;
}
.o-guide__demo__header {
  display: block;
  padding: 20px;
  background: #f7f7f7;
}
.o-guide__demo__header h1 {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 10px 0;
  padding: 0;
}
.o-guide__demo__header p {
  color: #8E8E8E;
  margin: 0 0 10px 0;
}
.o-guide__demo__header p .classname {
  color: #212121;
  border-bottom: solid 1px #D25B27;
}
.o-guide__demo__header > *:first-child {
  margin-top: 0;
}
.o-guide__demo__header > *:last-child {
  margin-bottom: 0;
}
.o-guide__demo__view {
  display: flex;
  width: 100%;
  padding: 5px;
  border: dashed 1px #D7D7D7;
}
.o-guide__demo__view .block {
  display: block;
  width: 100%;
  padding: 5px;
  margin: 2px;
  font-size: 14px;
  background: #f2f2f2;
}
.o-guide__demo__view .element {
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: auto;
  padding: 5px;
  margin: 2px;
  font-size: 14px;
  background: #f2f2f2;
}
.o-guide__demo__view--tall {
  height: 100px;
}
.o-guide__demo__view--taller {
  height: 150px;
}
.o-guide__demo__body {
  display: block;
  padding: 20px;
  /*
       container
       */
  /*
      content
       */
  /*
       division
       */
  /*
       flex grid
       */
  /*
       grid
       */
}
.o-guide__demo__body .o-container {
  border: dashed 1px #D7D7D7;
}
.o-guide__demo__body .o-container .o-container__wrapper span {
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 14px;
  background: #f2f2f2;
}
.o-guide__demo__body .o-container--boxed .o-container__wrapper {
  max-width: 450px;
}
.o-guide__demo__body .o-content {
  padding: 0;
}
.o-guide__demo__body .o-content .o-content__panel span {
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 14px;
  background: #f2f2f2;
}
.o-guide__demo__body .o-content .o-content__panel .o-content__panel__cell {
  margin: 0 10px;
}
.o-guide__demo__body .o-content .o-content__panel .o-content__panel__cell span {
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 14px;
  color: #353535;
  background: #f2f2f2;
}
.o-guide__demo__body .o-content .o-content__panel .o-content__panel__cell:first-child {
  margin-left: 0;
}
.o-guide__demo__body .o-content .o-content__panel .o-content__panel__cell:last-child {
  margin-right: 0;
}
.o-guide__demo__body .o-division .o-division__item {
  font-size: 14px;
  padding: 5px;
  margin: 0 10px;
  background: #f2f2f2;
}
.o-guide__demo__body .o-division .o-division__item:first-child {
  margin-left: 0;
}
.o-guide__demo__body .o-division .o-division__item:last-child {
  margin-right: 0;
}
.o-guide__demo__body .o-row .o-col span {
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 14px;
  color: #353535;
  background: #f2f2f2;
}
.o-guide__demo__body .o-grid span {
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 14px;
  color: #353535;
  background: #f2f2f2;
}
.o-guide__demo__code {
  border: solid 1px #D7D7D7;
  border-top: none;
}
.o-guide__demo > *:last-child {
  margin-bottom: 0;
}
.o-guide__demo:last-child {
  margin-bottom: 0;
}
/**
 * Elements.
 *
 * Styling for bare HTML elements, e.g., H1, a, etc.
 * These come with default styling from the browser so we can redefine them here.
 */
/*
button
------------------------------------------------------------------------- */
button,
textarea,
select,
option {
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
}
/*
form
------------------------------------------------------------------------- */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  border-width: 0;
}
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: vertical;
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
}
/*
misc
------------------------------------------------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/*
selection
------------------------------------------------------------------------- */
::selection {
  background: #B4D5FF;
  color: #242729;
  text-shadow: none;
}
::-moz-selection {
  background: #B4D5FF;
  color: #242729;
  text-shadow: none;
}
/*
typography
------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #353535;
  line-height: 1;
  letter-spacing: normal;
  margin: 0 0 20px 0;
  padding: 0;
}
/* minor third font sizing  */
/* perfect fourth font sizing */
/* golden ratio font sizing */
h1 {
  font-family: 'Noto Serif SC', serif;
  font-size: 68px;
  line-height: 1.1;
}
h2 {
  font-size: 42px;
}
h3 {
  font-size: 26px;
  font-weight: 400;
}
h4 {
  font-size: 10px;
}
h5 {
  font-size: 6px;
}
p {
  font-weight: 400;
  font-size: 16px;
  color: #353535;
  line-height: 1.4;
  margin: 0 0 20px 0;
  padding: 0;
}
strong {
  font-weight: 600;
  color: #212121;
}
a {
  font-weight: 400;
  color: #1e90ff;
  text-decoration: none;
}
a:hover {
  color: #0077ea;
}
strong {
  font-weight: 600;
  color: inherit;
}
ul,
ol {
  list-style-position: outside;
  list-style-type: circle;
  margin: 0 0 20px 0;
  padding: 0 0 0 18px;
}
ul li,
ol li {
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin: 10px 0;
  padding: 0 0 0 18px;
}
ol {
  list-style-type: decimal;
}
/**
 * Components.
 *
 * UI components.
 */
/*
form
------------------------------------------------------------------------- */
.c-form {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  border-radius: 0;
  /*
   disabled form
   */
  /*
   readonly form
   */
}
.c-form > *:first-child {
  margin-top: 0;
}
.c-form > *:last-child {
  margin-bottom: 0;
}
.c-form--readonly .c-label {
  pointer-events: none;
  user-select: none;
}
.c-form--readonly .c-input {
  height: 28.8px;
  padding: 0;
  background: none !important;
  border: none;
  border-radius: 0 !important;
  border-top: solid 1px #D7D7D7;
  color: #8E8E8E;
  pointer-events: none;
}
.c-form--readonly .c-textarea {
  height: 28.8px;
  padding: 0;
  background: none !important;
  border: none;
  border-radius: 0 !important;
  border-top: solid 1px #D7D7D7;
  color: #8E8E8E;
  pointer-events: none;
  padding: 6px 0;
  resize: none;
}
.c-form--readonly .c-select {
  background: none;
}
.c-form--readonly .c-select select {
  height: 28.8px;
  padding: 0;
  background: none !important;
  border: none;
  border-radius: 0 !important;
  border-top: solid 1px #D7D7D7;
  color: #8E8E8E;
  pointer-events: none;
}
.c-form--readonly .c-select:after {
  display: none;
}
.c-form--disabled .c-label {
  pointer-events: none;
  user-select: none;
}
.c-form--disabled .c-input {
  background: #EEEEEE;
  border-color: #cbcbcb;
  color: #8E8E8E;
  pointer-events: none;
  user-select: none;
}
.c-form--disabled .c-input::-webkit-input-placeholder {
  color: #8E8E8E;
}
.c-form--disabled .c-input:-moz-placeholder {
  color: #8E8E8E;
}
.c-form--disabled .c-input::-moz-placeholder {
  color: #8E8E8E;
}
.c-form--disabled .c-input:-ms-input-placeholder {
  color: #8E8E8E;
}
.c-form--disabled .c-textarea {
  background: #EEEEEE;
  border-color: #cbcbcb;
  color: #8E8E8E;
  pointer-events: none;
  user-select: none;
  resize: none;
}
.c-form--disabled .c-textarea::-webkit-input-placeholder {
  color: #8E8E8E;
}
.c-form--disabled .c-textarea:-moz-placeholder {
  color: #8E8E8E;
}
.c-form--disabled .c-textarea::-moz-placeholder {
  color: #8E8E8E;
}
.c-form--disabled .c-textarea:-ms-input-placeholder {
  color: #8E8E8E;
}
.c-form--disabled .c-select select {
  background: #EEEEEE;
  border-color: #cbcbcb;
  color: #8E8E8E;
  pointer-events: none;
  user-select: none;
}
.c-form--disabled .c-select select::-webkit-input-placeholder {
  color: #8E8E8E;
}
.c-form--disabled .c-select select:-moz-placeholder {
  color: #8E8E8E;
}
.c-form--disabled .c-select select::-moz-placeholder {
  color: #8E8E8E;
}
.c-form--disabled .c-select select:-ms-input-placeholder {
  color: #8E8E8E;
}
.c-form--disabled .c-select:after {
  background: #EEEEEE;
  color: #B3B3B3;
}
/*
form group
------------------------------------------------------------------------- */
.c-form-group {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  flex-shrink: 0;
  margin: 0 0 15px 0;
  padding: 0;
  /*
   form group required
   */
  /*
   form group error
   */
  /*
   form group disabled
   */
}
.c-form-group--required .c-label:after {
  content: '\ec22';
  font-family: "Nucleo Mini";
  font-size: 8px;
  color: #E15554;
  margin-left: 5px;
}
.c-form-group--error .c-label,
.c-form-group--error .c-help-text {
  color: #E15554;
}
.c-form-group--error .c-input,
.c-form-group--error .c-textarea {
  border-color: #E15554;
  color: #E15554;
}
.c-form-group--error .c-input::-webkit-input-placeholder,
.c-form-group--error .c-textarea::-webkit-input-placeholder {
  color: #E15554;
}
.c-form-group--error .c-input:-moz-placeholder,
.c-form-group--error .c-textarea:-moz-placeholder {
  color: #E15554;
}
.c-form-group--error .c-input::-moz-placeholder,
.c-form-group--error .c-textarea::-moz-placeholder {
  color: #E15554;
}
.c-form-group--error .c-input:-ms-input-placeholder,
.c-form-group--error .c-textarea:-ms-input-placeholder {
  color: #E15554;
}
.c-form-group--error .c-input:focus,
.c-form-group--error .c-textarea:focus {
  border-color: #E15554;
  outline: none;
}
.c-form-group--error .c-select select {
  border-color: #E15554;
  color: #E15554;
}
.c-form-group--error .c-select select::-webkit-input-placeholder {
  color: #E15554;
}
.c-form-group--error .c-select select:-moz-placeholder {
  color: #E15554;
}
.c-form-group--error .c-select select::-moz-placeholder {
  color: #E15554;
}
.c-form-group--error .c-select select:-ms-input-placeholder {
  color: #E15554;
}
.c-form-group--error .c-select select:focus {
  border-color: #E15554;
  outline: none;
}
.c-form-group--error .c-select:after {
  color: #E15554;
}
.c-form-group--disabled .c-input,
.c-form-group--disabled .c-textarea {
  background: #EEEEEE;
  border-color: #cbcbcb;
  color: #8E8E8E;
  pointer-events: none;
  user-select: none;
}
.c-form-group--disabled .c-input::-webkit-input-placeholder,
.c-form-group--disabled .c-textarea::-webkit-input-placeholder {
  color: #8E8E8E;
}
.c-form-group--disabled .c-input:-moz-placeholder,
.c-form-group--disabled .c-textarea:-moz-placeholder {
  color: #8E8E8E;
}
.c-form-group--disabled .c-input::-moz-placeholder,
.c-form-group--disabled .c-textarea::-moz-placeholder {
  color: #8E8E8E;
}
.c-form-group--disabled .c-input:-ms-input-placeholder,
.c-form-group--disabled .c-textarea:-ms-input-placeholder {
  color: #8E8E8E;
}
.c-form-group--disabled .c-select select {
  background: #EEEEEE;
  border-color: #cbcbcb;
  color: #8E8E8E;
  pointer-events: none;
  user-select: none;
}
.c-form-group--disabled .c-select select::-webkit-input-placeholder {
  color: #8E8E8E;
}
.c-form-group--disabled .c-select select:-moz-placeholder {
  color: #8E8E8E;
}
.c-form-group--disabled .c-select select::-moz-placeholder {
  color: #8E8E8E;
}
.c-form-group--disabled .c-select select:-ms-input-placeholder {
  color: #8E8E8E;
}
.c-form-group--disabled .c-select:after {
  background: #EEEEEE;
  color: #B3B3B3;
}
.c-form-group--disabled .c-input-group .c-input {
  background: #EEEEEE;
  border-color: #cbcbcb;
  color: #8E8E8E;
  pointer-events: none;
  user-select: none;
}
.c-form-group--disabled .c-input-group .c-input::-webkit-input-placeholder {
  color: #8E8E8E;
}
.c-form-group--disabled .c-input-group .c-input:-moz-placeholder {
  color: #8E8E8E;
}
.c-form-group--disabled .c-input-group .c-input::-moz-placeholder {
  color: #8E8E8E;
}
.c-form-group--disabled .c-input-group .c-input:-ms-input-placeholder {
  color: #8E8E8E;
}
.c-form-group--disabled .c-input-group .c-button {
  border-color: #c8c8c8;
  background: #d5d5d5;
  user-select: none;
  pointer-events: none;
}
.c-form-group--disabled .c-input-group .c-button:hover,
.c-form-group--disabled .c-input-group .c-button:focus {
  background: #d5d5d5;
}
/*
label
------------------------------------------------------------------------- */
.c-label {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  line-height: 1;
  margin-bottom: 5px;
  padding: 0;
}
/*
help text
------------------------------------------------------------------------- */
.c-help-text {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #8E8E8E;
}
.c-help-text--error {
  color: #E15554;
}
/*
input
------------------------------------------------------------------------- */
.c-input {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  height: 36px;
  padding: 0 12px;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #353535;
  margin: 0;
  background: #fff;
  border: solid 1px #B2B2B2;
  /*
   onclick input
   */
  /*
   error input
   */
  /*
   readonly input
   */
  /*
   disabled input
   */
}
.c-input::-webkit-input-placeholder {
  color: #B3B3B3;
}
.c-input:-moz-placeholder {
  color: #B3B3B3;
}
.c-input::-moz-placeholder {
  color: #B3B3B3;
}
.c-input:-ms-input-placeholder {
  color: #B3B3B3;
}
.c-input:focus {
  border-color: #3695e6;
  outline: none;
}
.c-input--error {
  border-color: #E15554;
  color: #E15554;
}
.c-input--error::-webkit-input-placeholder {
  color: #E15554;
}
.c-input--error:-moz-placeholder {
  color: #E15554;
}
.c-input--error::-moz-placeholder {
  color: #E15554;
}
.c-input--error:-ms-input-placeholder {
  color: #E15554;
}
.c-input--error:focus {
  border-color: #E15554;
  outline: none;
}
.c-input--readonly,
.c-input:read-only,
.c-input[read-only],
.c-input[read-only=read-only] {
  height: 28.8px;
  padding: 0;
  background: none !important;
  border: none;
  border-radius: 0 !important;
  border-top: solid 1px #D7D7D7;
  color: #8E8E8E;
  pointer-events: none;
}
.c-input--disabled,
.c-input:disabled,
.c-input[disabled],
.c-input[disabled=disabled] {
  background: #EEEEEE;
  border-color: #cbcbcb;
  color: #8E8E8E;
  pointer-events: none;
  user-select: none;
}
.c-input--disabled::-webkit-input-placeholder,
.c-input:disabled::-webkit-input-placeholder,
.c-input[disabled]::-webkit-input-placeholder,
.c-input[disabled=disabled]::-webkit-input-placeholder {
  color: #8E8E8E;
}
.c-input--disabled:-moz-placeholder,
.c-input:disabled:-moz-placeholder,
.c-input[disabled]:-moz-placeholder,
.c-input[disabled=disabled]:-moz-placeholder {
  color: #8E8E8E;
}
.c-input--disabled::-moz-placeholder,
.c-input:disabled::-moz-placeholder,
.c-input[disabled]::-moz-placeholder,
.c-input[disabled=disabled]::-moz-placeholder {
  color: #8E8E8E;
}
.c-input--disabled:-ms-input-placeholder,
.c-input:disabled:-ms-input-placeholder,
.c-input[disabled]:-ms-input-placeholder,
.c-input[disabled=disabled]:-ms-input-placeholder {
  color: #8E8E8E;
}
/*
file
------------------------------------------------------------------------- */
.c-file {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  height: 36px;
  padding: 0 12px;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #353535;
  margin: 0;
  background: #fff;
  border: solid 1px #B2B2B2;
}
.c-file::-webkit-input-placeholder {
  color: #B3B3B3;
}
.c-file:-moz-placeholder {
  color: #B3B3B3;
}
.c-file::-moz-placeholder {
  color: #B3B3B3;
}
.c-file:-ms-input-placeholder {
  color: #B3B3B3;
}
.c-file .c-input {
  z-index: -1;
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  overflow: hidden;
  opacity: 0;
}
.c-file .c-button {
  position: absolute;
  right: 0;
}
.c-file__name {
  color: inherit;
}
/*
input group
------------------------------------------------------------------------- */
.c-input-group {
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  width: auto;
  height: 36px;
  margin: 0;
  padding: 0;
  /*
   reversed input group
   used when icon is placed first
   */
  /*
  error input group
   */
  /*
   readonly input
   */
  /*
   disabled input
   */
}
.c-input-group__prepend,
.c-input-group__postpend {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 36px;
  padding: 0 12px;
  border: solid 1px #B2B2B2;
  background: #f2f2f2;
  color: #353535;
}
.c-input-group__prepend {
  border-right: none;
}
.c-input-group__postpend {
  border-left: none;
}
.c-input-group__icon {
  z-index: 1;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 36px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 36px;
  color: #8E8E8E;
}
.c-input-group .c-input-group {
  display: flex;
  width: 100%;
}
.c-input-group .c-input {
  padding-right: 36px;
}
.c-input-group .c-button {
  display: flex;
  flex-shrink: 0;
}
.c-input-group--reversed .c-input {
  padding-left: 36px;
  padding-right: 12px;
}
.c-input-group--reversed .c-input-group__icon {
  right: auto;
  left: 1px;
}
.c-input-group--error .c-input {
  border-color: #E15554;
  color: #E15554;
}
.c-input-group--error .c-input::-webkit-input-placeholder {
  color: #E15554;
}
.c-input-group--error .c-input:-moz-placeholder {
  color: #E15554;
}
.c-input-group--error .c-input::-moz-placeholder {
  color: #E15554;
}
.c-input-group--error .c-input:-ms-input-placeholder {
  color: #E15554;
}
.c-input-group--error .c-input:focus {
  border-color: #E15554;
  outline: none;
}
.c-input-group--readonly .c-input {
  height: 28.8px;
  padding: 0;
  background: none !important;
  border: none;
  border-radius: 0 !important;
  border-top: solid 1px #D7D7D7;
  color: #8E8E8E;
  pointer-events: none;
  cursor: default;
}
.c-input-group--disabled .c-input {
  background: #EEEEEE;
  border-color: #cbcbcb;
  color: #8E8E8E;
  pointer-events: none;
  user-select: none;
}
.c-input-group--disabled .c-input::-webkit-input-placeholder {
  color: #8E8E8E;
}
.c-input-group--disabled .c-input:-moz-placeholder {
  color: #8E8E8E;
}
.c-input-group--disabled .c-input::-moz-placeholder {
  color: #8E8E8E;
}
.c-input-group--disabled .c-input:-ms-input-placeholder {
  color: #8E8E8E;
}
.c-input-group--disabled .c-button {
  border-color: #c8c8c8;
  background: #d5d5d5;
  user-select: none;
  pointer-events: none;
}
.c-input-group--disabled .c-button:hover,
.c-input-group--disabled .c-button:focus {
  background: #d5d5d5;
}
/*
select
------------------------------------------------------------------------- */
.c-select {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  height: 36px;
  margin: 0;
  padding: 0;
  background: #fff;
  /*
   custom down arrow
   */
  /*
   main select
   */
  /*
  applied border radius
   */
  /*
   error dummy select
   */
  /*
   disabled dummy select
   */
}
.c-select:after {
  content: "\e99d";
  font-family: "Nucleo Mini";
  font-size: 14px;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 36px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 36px;
  color: #8E8E8E;
  background: #fff;
  user-select: none;
  pointer-events: none;
}
.c-select select {
  display: flex;
  width: 100%;
  height: 36px;
  padding: 0 12px;
  margin: 0;
  background: #fff;
  border: solid 1px #B2B2B2;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #353535;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*
     onclick main select
     */
  /*
     disabled main select
     */
}
.c-select select::-webkit-input-placeholder {
  color: #B3B3B3;
}
.c-select select:-moz-placeholder {
  color: #B3B3B3;
}
.c-select select::-moz-placeholder {
  color: #B3B3B3;
}
.c-select select:-ms-input-placeholder {
  color: #B3B3B3;
}
.c-select select optgroup,
.c-select select option {
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #353535;
  /*
       disabled option
       */
}
.c-select select optgroup::-webkit-input-placeholder,
.c-select select option::-webkit-input-placeholder {
  color: #B3B3B3;
}
.c-select select optgroup:-moz-placeholder,
.c-select select option:-moz-placeholder {
  color: #B3B3B3;
}
.c-select select optgroup::-moz-placeholder,
.c-select select option::-moz-placeholder {
  color: #B3B3B3;
}
.c-select select optgroup:-ms-input-placeholder,
.c-select select option:-ms-input-placeholder {
  color: #B3B3B3;
}
.c-select select optgroup:disabled,
.c-select select option:disabled,
.c-select select optgroup[disabled],
.c-select select option[disabled],
.c-select select optgroup[disabled=disabled],
.c-select select option[disabled=disabled] {
  background: #EEEEEE;
  border-color: #cbcbcb;
  color: #8E8E8E;
}
.c-select select optgroup:disabled::-webkit-input-placeholder,
.c-select select option:disabled::-webkit-input-placeholder,
.c-select select optgroup[disabled]::-webkit-input-placeholder,
.c-select select option[disabled]::-webkit-input-placeholder,
.c-select select optgroup[disabled=disabled]::-webkit-input-placeholder,
.c-select select option[disabled=disabled]::-webkit-input-placeholder {
  color: #8E8E8E;
}
.c-select select optgroup:disabled:-moz-placeholder,
.c-select select option:disabled:-moz-placeholder,
.c-select select optgroup[disabled]:-moz-placeholder,
.c-select select option[disabled]:-moz-placeholder,
.c-select select optgroup[disabled=disabled]:-moz-placeholder,
.c-select select option[disabled=disabled]:-moz-placeholder {
  color: #8E8E8E;
}
.c-select select optgroup:disabled::-moz-placeholder,
.c-select select option:disabled::-moz-placeholder,
.c-select select optgroup[disabled]::-moz-placeholder,
.c-select select option[disabled]::-moz-placeholder,
.c-select select optgroup[disabled=disabled]::-moz-placeholder,
.c-select select option[disabled=disabled]::-moz-placeholder {
  color: #8E8E8E;
}
.c-select select optgroup:disabled:-ms-input-placeholder,
.c-select select option:disabled:-ms-input-placeholder,
.c-select select optgroup[disabled]:-ms-input-placeholder,
.c-select select option[disabled]:-ms-input-placeholder,
.c-select select optgroup[disabled=disabled]:-ms-input-placeholder,
.c-select select option[disabled=disabled]:-ms-input-placeholder {
  color: #8E8E8E;
}
.c-select select:focus {
  border-color: #3695e6;
  outline: none;
}
.c-select select:disabled,
.c-select select[disabled],
.c-select select[disabled=disabled] {
  background: #EEEEEE;
  border-color: #cbcbcb;
  color: #8E8E8E;
  pointer-events: none;
  user-select: none;
}
.c-select select:disabled::-webkit-input-placeholder,
.c-select select[disabled]::-webkit-input-placeholder,
.c-select select[disabled=disabled]::-webkit-input-placeholder {
  color: #8E8E8E;
}
.c-select select:disabled:-moz-placeholder,
.c-select select[disabled]:-moz-placeholder,
.c-select select[disabled=disabled]:-moz-placeholder {
  color: #8E8E8E;
}
.c-select select:disabled::-moz-placeholder,
.c-select select[disabled]::-moz-placeholder,
.c-select select[disabled=disabled]::-moz-placeholder {
  color: #8E8E8E;
}
.c-select select:disabled:-ms-input-placeholder,
.c-select select[disabled]:-ms-input-placeholder,
.c-select select[disabled=disabled]:-ms-input-placeholder {
  color: #8E8E8E;
}
.c-select.u-border-radius:after {
  border-radius: 5px;
}
.c-select.u-border-radius select {
  border-radius: 5px;
}
.c-select--error select {
  border-color: #E15554;
  color: #E15554;
}
.c-select--error select::-webkit-input-placeholder {
  color: #E15554;
}
.c-select--error select:-moz-placeholder {
  color: #E15554;
}
.c-select--error select::-moz-placeholder {
  color: #E15554;
}
.c-select--error select:-ms-input-placeholder {
  color: #E15554;
}
.c-select--error select:focus {
  border-color: #E15554;
  outline: none;
}
.c-select--error:after {
  color: #E15554;
}
.c-select--disabled select {
  background: #EEEEEE;
  border-color: #cbcbcb;
  color: #8E8E8E;
  pointer-events: none;
  user-select: none;
}
.c-select--disabled select::-webkit-input-placeholder {
  color: #8E8E8E;
}
.c-select--disabled select:-moz-placeholder {
  color: #8E8E8E;
}
.c-select--disabled select::-moz-placeholder {
  color: #8E8E8E;
}
.c-select--disabled select:-ms-input-placeholder {
  color: #8E8E8E;
}
.c-select--disabled:after {
  background: #EEEEEE;
  color: #B3B3B3;
}
/*
textarea
------------------------------------------------------------------------- */
.c-textarea {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 12px 12px 0 12px;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #353535;
  margin: 0;
  background: #fff;
  border: solid 1px #B2B2B2;
  /*
   onclick textarea
   */
  /*
   error input
   */
  /*
   readonly input
   */
  /*
   disabled input
   */
}
.c-textarea::-webkit-input-placeholder {
  color: #B3B3B3;
}
.c-textarea:-moz-placeholder {
  color: #B3B3B3;
}
.c-textarea::-moz-placeholder {
  color: #B3B3B3;
}
.c-textarea:-ms-input-placeholder {
  color: #B3B3B3;
}
.c-textarea:focus {
  border-color: #3695e6;
  outline: none;
}
.c-textarea--error {
  border-color: #E15554;
  color: #E15554;
}
.c-textarea--error::-webkit-input-placeholder {
  color: #E15554;
}
.c-textarea--error:-moz-placeholder {
  color: #E15554;
}
.c-textarea--error::-moz-placeholder {
  color: #E15554;
}
.c-textarea--error:-ms-input-placeholder {
  color: #E15554;
}
.c-textarea--error:focus {
  border-color: #E15554;
  outline: none;
}
.c-textarea--readonly,
.c-textarea:read-only,
.c-textarea[read-only],
.c-textarea[read-only=read-only] {
  height: 28.8px;
  padding: 0;
  background: none !important;
  border: none;
  border-radius: 0 !important;
  border-top: solid 1px #D7D7D7;
  color: #8E8E8E;
  pointer-events: none;
  cursor: default;
}
.c-textarea--disabled,
.c-textarea:disabled,
.c-textarea[disabled],
.c-textarea[disabled=disabled] {
  background: #EEEEEE;
  border-color: #cbcbcb;
  color: #8E8E8E;
  pointer-events: none;
  user-select: none;
}
.c-textarea--disabled::-webkit-input-placeholder,
.c-textarea:disabled::-webkit-input-placeholder,
.c-textarea[disabled]::-webkit-input-placeholder,
.c-textarea[disabled=disabled]::-webkit-input-placeholder {
  color: #8E8E8E;
}
.c-textarea--disabled:-moz-placeholder,
.c-textarea:disabled:-moz-placeholder,
.c-textarea[disabled]:-moz-placeholder,
.c-textarea[disabled=disabled]:-moz-placeholder {
  color: #8E8E8E;
}
.c-textarea--disabled::-moz-placeholder,
.c-textarea:disabled::-moz-placeholder,
.c-textarea[disabled]::-moz-placeholder,
.c-textarea[disabled=disabled]::-moz-placeholder {
  color: #8E8E8E;
}
.c-textarea--disabled:-ms-input-placeholder,
.c-textarea:disabled:-ms-input-placeholder,
.c-textarea[disabled]:-ms-input-placeholder,
.c-textarea[disabled=disabled]:-ms-input-placeholder {
  color: #8E8E8E;
}
/*
checkbox
------------------------------------------------------------------------- */
.c-checkbox {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  /*
   checkbox label
   */
  /*
   original checkbox visually hidden
   */
  /*
   reveal check icon on click
   */
  /*
   border radius applied
   */
  /*
   error checkbox
   */
  /*
   disabled checkbox
   */
}
.c-checkbox__label {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #353535;
  cursor: pointer;
  user-select: none;
  /*
     dummy checkbox
     */
}
.c-checkbox__label::-webkit-input-placeholder {
  color: #B3B3B3;
}
.c-checkbox__label:-moz-placeholder {
  color: #B3B3B3;
}
.c-checkbox__label::-moz-placeholder {
  color: #B3B3B3;
}
.c-checkbox__label:-ms-input-placeholder {
  color: #B3B3B3;
}
.c-checkbox__label:before {
  content: '\ea1d';
  font-family: "Nucleo Mini";
  font-size: 8px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  margin-right: 5px;
  background: #fff;
  color: #FFFFFF;
  border: solid 1px #B2B2B2;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
}
.c-checkbox__input {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.c-checkbox__input:checked + .c-checkbox__label:before {
  background: #353535;
  border-color: #353535;
}
.c-checkbox.u-border-radius .c-checkbox__label:before {
  border-radius: 5px;
}
.c-checkbox--error {
  /*
     red check on checkbox
     */
}
.c-checkbox--error .c-checkbox__label {
  color: #E15554;
}
.c-checkbox--error .c-checkbox__label:before {
  border: solid 1px #E15554;
  background: #fff;
  color: #fff;
}
.c-checkbox--error .c-checkbox__input:checked + .c-checkbox__label:before {
  background: #E15554;
  border: solid 1px #E15554;
  color: #FFFFFF;
}
.c-checkbox--disabled {
  /*
     true disabled
     */
}
.c-checkbox--disabled .c-checkbox__label {
  color: #B3B3B3;
  pointer-events: none;
  user-select: none;
}
.c-checkbox--disabled .c-checkbox__label:before {
  background: #EEEEEE;
  border-color: #d3d3d3;
  color: #EEEEEE;
}
.c-checkbox--disabled .c-checkbox__input:checked + .c-checkbox__label:before {
  background: #EEEEEE;
  border-color: #d3d3d3;
  color: #B3B3B3;
}
/*
checkbox group
------------------------------------------------------------------------- */
.c-checkbox-group {
  display: flex;
  flex-flow: row nowrap;
}
.c-checkbox-group > * {
  margin: 0 7px;
}
.c-checkbox-group > *:first-child {
  margin-left: 0;
}
.c-checkbox-group > *:last-child {
  margin-right: 0;
}
.c-checkbox-group--vertical {
  flex-flow: column nowrap;
}
.c-checkbox-group--vertical > * {
  margin: 5px 0;
}
.c-checkbox-group--vertical > *:first-child {
  margin-top: 0;
}
.c-checkbox-group--vertical > *:last-child {
  margin-bottom: 0;
}
/*
radio
------------------------------------------------------------------------- */
.c-radio {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  /*
   radio label
   */
  /*
   original radio visually hidden
   */
  /*
   reveal check icon on click
   */
  /*
   error radio
   */
  /*
   disabled radio
   */
}
.c-radio__label {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #353535;
  cursor: pointer;
  user-select: none;
  /*
     dummy radio
     */
}
.c-radio__label::-webkit-input-placeholder {
  color: #B3B3B3;
}
.c-radio__label:-moz-placeholder {
  color: #B3B3B3;
}
.c-radio__label::-moz-placeholder {
  color: #B3B3B3;
}
.c-radio__label:-ms-input-placeholder {
  color: #B3B3B3;
}
.c-radio__label:before {
  content: '';
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-right: 5px;
  padding: 4px;
  background: #fff;
  color: #FFFFFF;
  border: solid 1px #B2B2B2;
  box-shadow: inset 0px 0px 0px 6.4px #fff;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
}
.c-radio__input {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.c-radio__input:checked + .c-radio__label:before {
  background: #353535;
}
.c-radio--error {
  /*
     red check on radio
     */
}
.c-radio--error .c-radio__label {
  color: #E15554;
}
.c-radio--error .c-radio__label:before {
  border: solid 1px #E15554;
  background: #fff;
  color: #fff;
}
.c-radio--error .c-radio__input:checked + .c-radio__label:before {
  background: #E15554;
  border: solid 1px #E15554;
  color: #FFFFFF;
}
.c-radio--disabled {
  /*
     true disabled
     */
}
.c-radio--disabled .c-radio__label {
  color: #B3B3B3;
  pointer-events: none;
  user-select: none;
}
.c-radio--disabled .c-radio__label:before {
  background: #EEEEEE;
  box-shadow: inset 0px 0px 0px 6.4px #EEEEEE;
  border-color: #d3d3d3;
  color: #B3B3B3;
}
.c-radio--disabled .c-radio__input:checked + .c-radio__label:before {
  background: #B3B3B3;
}
/*
radio group
------------------------------------------------------------------------- */
.c-radio-group {
  display: flex;
  flex-flow: row nowrap;
}
.c-radio-group > * {
  margin: 0 5px;
}
.c-radio-group > *:first-child {
  margin-left: 0;
}
.c-radio-group > *:last-child {
  margin-right: 0;
}
.c-radio-group--vertical {
  flex-flow: column nowrap;
}
.c-radio-group--vertical > * {
  margin: 5px 0;
}
.c-radio-group--vertical > *:first-child {
  margin-top: 0;
}
.c-radio-group--vertical > *:last-child {
  margin-bottom: 0;
}
/*
switch
------------------------------------------------------------------------- */
.c-switch {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  font-size: 16px;
  width: 28px;
  height: 16px;
  border-radius: 8px;
  overflow: hidden;
  background: #c3c3c3;
  /*
   disabled switch
   */
}
.c-switch__body {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #c3c3c3;
}
.c-switch__head {
  position: relative;
  z-index: 2;
  width: 16px;
  height: 16px;
  border: solid 2px #c3c3c3;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
}
.c-switch__input {
  position: absolute;
  z-index: 3;
  opacity: 0;
  width: 28px;
  height: 16px;
}
.c-switch__input:checked + .c-switch__head {
  border-color: #D25B27;
  -webkit-transform: translate3d(75%, 0, 0);
  -moz-transform: translate3d(75%, 0, 0);
  -ms-transform: translate3d(75%, 0, 0);
  -o-transform: translate3d(75%, 0, 0);
}
.c-switch__input:checked ~ .c-switch__body {
  background: #D25B27;
}
.c-switch--disabled {
  user-select: none;
  pointer-events: none;
}
/*
switch group
------------------------------------------------------------------------- */
.c-switch-group {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
}
.c-switch-group > * {
  margin: 0 5px;
}
.c-switch-group > *:first-child {
  margin-left: 0;
}
.c-switch-group > *:last-child {
  margin-right: 0;
}
/*
button
------------------------------------------------------------------------- */
.c-button {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  flex-flow: row nowrap;
  width: auto;
  height: 36px;
  margin: 0;
  padding: 0 12px;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  background: #D25B27;
  border: none;
  outline: none;
  color: #FFFFFF;
  cursor: pointer;
  /*
   disabled button
   */
  /*
   block button
   */
  /*
   rounded button
   */
  /*
   circle button
   used for iconic buttons
   */
  /*
   icon button
   used for triggers, close, table actions
   */
  /*
   outline button
   */
  /*
   small button
   */
  /*
   large button
   */
  /*
   clear padding, height and width
   */
  /*
   plain text button
   */
  /*
   positive button color
   */
  /*
   negative button color
   */
}
.c-button__icon,
.c-button__text,
.c-button__badge {
  margin: 0 2px;
}
.c-button__icon {
  font-size: 14px;
}
.c-button__icon i,
.c-button__icon svg {
  display: block;
  vertical-align: bottom;
}
.c-button__badge {
  color: rgba(255, 255, 255, 0.5);
}
.c-button > *:first-child {
  margin-left: 0;
}
.c-button > *:last-child {
  margin-right: 0;
}
.c-button:hover {
  background: #da6a38;
  color: #FFFFFF;
}
.c-button:focus {
  background: #bc5223;
  color: #FFFFFF;
}
.c-button--disabled {
  border-color: #c8c8c8;
  background: #d5d5d5;
  user-select: none;
  pointer-events: none;
}
.c-button--disabled:hover,
.c-button--disabled:focus {
  background: #d5d5d5;
}
.c-button--block {
  width: 100%;
  text-align: center;
  justify-content: center;
}
.c-button--rounded {
  padding: 0 17px;
  border-radius: 18px;
}
.c-button--circle {
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 50%;
}
.c-button--icon {
  justify-content: center;
  color: #353535;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: none;
}
.c-button--icon.c-button--disabled {
  color: #B3B3B3;
}
.c-button--icon:hover,
.c-button--icon:focus {
  color: #D25B27;
  background: none;
}
.c-button--inverted {
  border: solid 1px #D25B27;
  color: #D25B27;
  background: none;
}
.c-button--inverted.c-button--disabled {
  color: #B3B3B3;
  border-color: #D7D7D7;
}
.c-button--inverted:hover,
.c-button--inverted:focus {
  background: #D25B27;
  color: #FFFFFF;
}
.c-button--small {
  font-size: 14px;
  height: 24px;
  padding: 0 8px;
}
.c-button--small .c-button__icon {
  margin-right: 4px;
  font-size: 12px;
}
.c-button--large {
  font-size: 20px;
  height: 46px;
  padding: 0 22px;
}
.c-button--base {
  width: auto;
  height: auto;
  padding: 0;
  border: none;
  background: transparent;
  color: #FFFFFF;
  color: #D25B27;
}
.c-button--base:hover {
  background: rgba(13, 13, 13, 0);
  color: #FFFFFF;
}
.c-button--base:focus {
  background: rgba(0, 0, 0, 0);
  color: #FFFFFF;
}
.c-button--base:hover {
  color: #de7a4e;
}
.c-button--base:focus {
  color: #a7481f;
}
.c-button--text {
  width: auto;
  height: auto;
  font-weight: 600;
  background: transparent;
  color: #FFFFFF;
  color: #353535;
}
.c-button--text:hover {
  background: rgba(13, 13, 13, 0);
  color: #FFFFFF;
}
.c-button--text:focus {
  background: rgba(0, 0, 0, 0);
  color: #FFFFFF;
}
.c-button--text:hover {
  color: #4f4f4f;
}
.c-button--text:focus {
  color: #1c1c1c;
}
.c-button--green {
  background: #3BB273;
  color: #FFFFFF;
}
.c-button--green:hover {
  background: #45c180;
  color: #FFFFFF;
}
.c-button--green:focus {
  background: #359f67;
  color: #FFFFFF;
}
.c-button--red {
  background: #E15554;
  color: #FFFFFF;
}
.c-button--red:hover {
  background: #e56b6a;
  color: #FFFFFF;
}
.c-button--red:focus {
  background: #dd3f3e;
  color: #FFFFFF;
}
/*
button group
------------------------------------------------------------------------- */
.c-button-group {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
}
.c-button-group .c-button {
  margin: 0 3px;
}
.c-button-group .c-button:first-child {
  margin-left: 0;
}
.c-button-group .c-button:last-child {
  margin-right: 0;
}
.c-button-group--vertical {
  flex-flow: column nowrap;
}
.c-button-group--vertical .c-button {
  margin: 3px 0;
}
.c-button-group--vertical .c-button:first-child {
  margin-top: 0;
}
.c-button-group--vertical .c-button:last-child {
  margin-bottom: 0;
}
/*
button bar
------------------------------------------------------------------------- */
.c-button-bar {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
}
.c-button-bar .c-button-group {
  margin: 0 10px;
}
.c-button-bar .c-button-group:first-child {
  margin-left: 0;
}
.c-button-bar .c-button-group:last-child {
  margin-right: 0;
}
/*
divider
------------------------------------------------------------------------- */
.c-divider {
  display: flex;
  width: 100%;
  height: 1px;
}
.c-divider--ruled {
  background: #D7D7D7;
}
/*
avatar
------------------------------------------------------------------------- */
.c-avatar {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  overflow: hidden;
  background: #838383;
  color: #FFFFFF;
  /*
   actions buttons
   on hover
   */
  /*
   round shape avatar
   */
  /*
   double extra small avatar
   */
  /*
   extra small avatar
   */
  /*
   small avatar
   */
  /*
   large avatar
   */
  /*
   extra large avatar
   */
  /*
   double extra large avatar
   */
}
.c-avatar img {
  display: block;
  width: 100%;
  vertical-align: bottom;
}
.c-avatar:hover {
  color: #FFFFFF;
}
.c-avatar:hover .c-actions {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.c-avatar .c-actions {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #2A2D34;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.c-avatar .c-actions .c-button {
  color: rgba(255, 255, 255, 0.7);
}
.c-avatar .c-actions .c-button:hover,
.c-avatar .c-actions .c-button:focus {
  color: #FFFFFF;
}
.c-avatar--circle {
  border-radius: 50%;
}
.c-avatar--xx-small {
  width: 24px;
  height: 24px;
  font-size: 12px;
}
.c-avatar--x-small {
  width: 32px;
  height: 32px;
  font-size: 14px;
}
.c-avatar--small {
  width: 44px;
  height: 44px;
  font-size: 16px;
}
.c-avatar--large {
  width: 72px;
  height: 72px;
  font-size: 18px;
}
.c-avatar--x-large {
  width: 100px;
  height: 100px;
  font-size: 22px;
}
.c-avatar--xx-large {
  width: 128px;
  height: 128px;
  font-size: 22px;
}
/*
badge
------------------------------------------------------------------------- */
.c-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 10px;
  background: #838383;
  color: #FFFFFF;
}
/*
navbar
------------------------------------------------------------------------- */
.c-navbar {
  display: flex;
  flex-flow: row nowrap;
}
.c-navbar__item {
  position: relative;
  display: inline-flex;
}
.c-navbar--vertical {
  flex-flow: column nowrap;
}
/*
breadcrumbs
------------------------------------------------------------------------- */
.c-breadcrumbs {
  display: flex;
  flex-flow: row nowrap;
}
.c-breadcrumbs__wrapper {
  display: flex;
  width: 100%;
  padding: 30px;
}
.c-breadcrumbs__item {
  display: inline-flex;
  font-size: 16px;
  font-weight: 400;
  color: #8E8E8E;
}
.c-breadcrumbs__item--active {
  font-weight: 600;
  color: #353535;
}
.c-breadcrumbs__item:after {
  content: '/';
  display: inline-flex;
  margin: 0 10px;
  font-family: "Nucleo Mini";
}
.c-breadcrumbs__item:last-child:after {
  display: none;
}
.c-breadcrumbs__item:hover {
  color: #353535;
}
.c-breadcrumbs__item:hover:after {
  color: #B3B3B3;
}
/*
list
------------------------------------------------------------------------- */
/*
searchbar
------------------------------------------------------------------------- */
.c-searchbar {
  display: flex;
  width: 400px;
}
.c-searchbar .c-form {
  margin-bottom: 0;
  width: 100%;
}
.c-searchbar .c-input-group {
  width: 100%;
}
/*
nav links
------------------------------------------------------------------------- */
.c-navlinks {
  display: flex;
  flex-flow: row nowrap;
}
.c-navlinks__item {
  display: flex;
  flex-flow: column nowrap;
  margin: 0 5px;
  font-size: 16px;
  font-weight: 400;
  color: #8E8E8E;
}
.c-navlinks__item:first-child {
  margin-left: 0;
}
.c-navlinks__item:last-child {
  margin-right: 0;
}
.c-navlinks__item--active {
  color: #353535;
}
.c-navlinks__link {
  display: flex;
  flex-flow: row nowrap;
  font-size: 16px;
  font-weight: 400;
  color: #8E8E8E;
}
.c-navlinks__link > * {
  margin: 0 3px;
}
.c-navlinks__link > *:first-child {
  margin-left: 0;
}
.c-navlinks__link > *:last-child {
  margin-right: 0;
}
.c-navlinks__link:hover {
  color: #353535;
}
.c-navlinks__link--active {
  color: #353535;
}
.c-navlinks__icon,
.c-navlinks__label {
  display: inline-flex;
  align-items: center;
}
.c-navlinks__child {
  display: flex;
  flex-flow: column nowrap;
}
/*
alert
------------------------------------------------------------------------- */
.c-alert {
  display: flex;
  flex-flow: column nowrap;
  background: rgba(225, 85, 84, 0.15);
  border: solid 1px rgba(225, 85, 84, 0.25);
  margin-bottom: 15px;
  padding: 12px;
}
.c-alert > * {
  color: #E15554;
}
.c-alert > *:first-child {
  margin-top: 0;
}
.c-alert > *:last-child {
  margin-bottom: 0;
}
/*
pagination
------------------------------------------------------------------------- */
.c-pagination {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.c-pagination__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0 2px;
  font-size: 14px;
  color: #FFFFFF;
  background: #a9a9a9;
  /*
     pagination active state
     */
  /*
     pagination disabled state
     */
}
.c-pagination__item:first-child {
  margin-left: 0;
}
.c-pagination__item:last-child {
  margin-right: 0;
}
.c-pagination__item:hover {
  color: #FFFFFF;
  background: #b6b6b6;
}
.c-pagination__item--active {
  background: #838383;
}
.c-pagination__item--active:hover {
  background: #838383;
}
.c-pagination__item--disabled {
  background: #d0d0d0;
  user-select: none;
  pointer-events: none;
}
/*
meta
------------------------------------------------------------------------- */
.c-meta {
  display: flex;
  flex-flow: row nowrap;
}
.c-meta .c-title {
  margin: 0;
}
.c-meta--vertical {
  flex-flow: column nowrap;
}
/*
data
------------------------------------------------------------------------- */
.c-data {
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  /*
   bold text
   */
  /*
   light colored text
   */
  /*
   change font for number content
   */
}
.c-data--highlight {
  font-weight: 600;
}
.c-data--muted {
  color: #8E8E8E;
}
.c-data--number {
  font-size: 15px;
  font-family: "Roboto Mono", monospace !important;
}
/*
title
------------------------------------------------------------------------- */
.c-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
  color: #353535;
  margin: 20px 0;
}
.c-title:first-of-type {
  margin-top: 0;
}
/*
subtitle
------------------------------------------------------------------------- */
.c-subtitle {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .25px;
  color: #B3B3B3;
}
/*
dropdown
------------------------------------------------------------------------- */
.c-dropdown {
  position: relative;
  display: inline-flex;
}
.c-dropdown__menu {
  z-index: 5000;
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  width: 250px;
  max-width: 250px;
  max-height: 200px;
  padding: 15px 0;
  overflow: hidden;
  overflow-y: auto;
  background: #FFFFFF;
  border: solid 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.12);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
}
.c-dropdown__menu::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.c-dropdown__menu::-webkit-scrollbar-track {
  background-color: #d9d9d9;
}
.c-dropdown__menu::-webkit-scrollbar-thumb {
  background-color: #bfbfbf;
}
.c-dropdown__item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex-shrink: 0;
  padding: 5px 20px;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
}
.c-dropdown__item:hover {
  color: #FFFFFF;
  background: #D25B27;
}
.c-dropdown--right .c-dropdown__menu {
  left: auto;
  right: 0;
}
.c-dropdown--active .c-dropdown__menu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 5px);
  -moz-transform: translate(0, 5px);
  -ms-transform: translate(0, 5px);
  -o-transform: translate(0, 5px);
}
/*
branding
------------------------------------------------------------------------- */
.c-branding {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-branding__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-branding__text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-branding__text img {
  display: block;
  width: 100%;
  vertical-align: bottom;
}
/*
loader
------------------------------------------------------------------------- */
.c-loader {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding: 10%;
}
.c-loader > * {
  margin: 5px 0;
}
.c-loader > *:first-child {
  margin-top: 0;
}
.c-loader > *:last-child {
  margin-bottom: 0;
}
.c-loader__label {
  font-size: 16px;
  font-weight: 400;
  color: #8E8E8E;
}
/*
progress
------------------------------------------------------------------------- */
.c-progress {
  display: flex;
  flex-flow: column nowrap;
}
.c-progress > * {
  margin: 3px 0;
}
.c-progress > *:first-child {
  margin-top: 0;
}
.c-progress > *:last-child {
  margin-bottom: 0;
}
.c-progress .c-data {
  font-size: 16px;
  font-weight: 400;
  color: #353535;
}
.c-progress__bar {
  position: relative;
  display: flex;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: #d0d0d0;
  overflow: hidden;
}
.c-progress__bar__indicator {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3BB273;
}
/*
table
------------------------------------------------------------------------- */
.c-table {
  table-layout: auto;
  border-collapse: collapse;
  width: 100%;
  /*
   for alternating row background color
   */
  /*
   for background color on row mouseover
   */
  /*
   for bordered table
   */
}
.c-table tr th,
.c-table tr td {
  padding: 10px 5px;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #353535;
  text-align: left;
}
.c-table thead tr {
  border-bottom: solid 1px #a4a4a4;
}
.c-table thead tr th {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .25px;
  text-transform: uppercase;
}
.c-table tbody tr {
  border-bottom: solid 1px #D7D7D7;
}
.c-table tbody tr:last-child {
  border-bottom: none;
}
.c-table tbody tr td * {
  display: inline-flex;
}
.c-table tfoot {
  border-top: solid 1px #D7D7D7;
  padding: 5px;
}
.c-table tfoot tr td {
  font-size: 14px;
  color: #8E8E8E;
}
.c-table--stripe tbody tr:nth-child(odd) {
  background: #f5f5f5;
}
.c-table--stripe.c-table--hover tbody tr:nth-child(odd):hover {
  background: #f0f0f0;
}
.c-table--hover tbody tr:hover {
  background: #f5f5f5;
}
.c-table--border thead tr th {
  padding: 10px;
  border: solid 1px #D7D7D7;
  background: #D7D7D7;
}
.c-table--border tbody tr td {
  padding: 10px;
  border: solid 1px #D7D7D7;
}
/*
tab
------------------------------------------------------------------------- */
.c-tab {
  display: flex;
  flex-flow: column nowrap;
}
.c-tab__menu {
  display: flex;
  flex-flow: row nowrap;
  border-bottom: solid 1px #D7D7D7;
}
.c-tab__item {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 15px;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #8E8E8E;
  line-height: 1;
  margin-bottom: -1px;
  cursor: pointer;
  /*
     tab state on mouseover
     */
  /*
     currently selected tab
     */
}
.c-tab__item .c-badge {
  opacity: .5;
}
.c-tab__item .c-button {
  color: #B3B3B3;
}
.c-tab__item > * {
  margin: 0 3px;
}
.c-tab__item > *:first-child {
  margin-left: 0;
}
.c-tab__item > *:last-child {
  margin-right: 0;
}
.c-tab__item:hover {
  color: #353535;
}
.c-tab__item--current {
  color: #353535;
  font-weight: 600;
  border: solid 1px #D7D7D7;
  border-bottom: solid 1px #FFFFFF;
}
.c-tab__item--current .c-tab__icon {
  color: #D25B27;
}
.c-tab__item--current .c-badge {
  font-weight: 400;
  opacity: 1;
}
.c-tab__item--current .c-button {
  color: #D25B27;
}
.c-tab__item--current .c-button:hover {
  color: #de7a4e;
}
.c-tab__item--current .c-button:focus {
  color: #a7481f;
}
.c-tab__icon {
  display: inline-flex;
}
.c-tab__label {
  display: inline-flex;
}
.c-tab__content {
  display: flex;
  padding: 15px;
}
/*
custom table
------------------------------------------------------------------------- */
.c-custom-table {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  height: 500px;
  overflow: auto;
  /*
   frozen table first column
   */
  /*
   frozen table head
   */
  /*
   auto width columns
   occupy entire space
   */
}
.c-custom-table::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.c-custom-table::-webkit-scrollbar-track {
  background-color: #d9d9d9;
}
.c-custom-table::-webkit-scrollbar-thumb {
  background-color: #bfbfbf;
}
.c-custom-table > *:last-child .c-custom-table__row:last-child {
  border-bottom: none;
}
.c-custom-table__head,
.c-custom-table__body,
.c-custom-table__foot,
.c-custom-table__row {
  display: flex;
  flex-flow: column nowrap;
}
.c-custom-table__head .c-custom-table__row {
  border-bottom: solid 1px #a4a4a4;
}
.c-custom-table__head .c-custom-table__col {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .25px;
  text-transform: uppercase;
}
.c-custom-table__row {
  flex-shrink: 0;
  border-bottom: solid 1px #D7D7D7;
}
.c-custom-table__wrapper {
  display: flex;
  flex-flow: row nowrap;
}
.c-custom-table__col {
  display: inline-flex;
  flex-shrink: 0;
  padding: 10px 5px;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #353535;
  text-align: left;
}
.c-custom-table--frozen-col .c-custom-table__row {
  position: relative;
}
.c-custom-table--frozen-col .c-custom-table__row .c-custom-table__col {
  margin-left: 0;
  margin-top: 0;
}
.c-custom-table--frozen-col .c-custom-table__row .c-custom-table__col:first-child {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  align-items: center;
  background: #FFFFFF;
}
.c-custom-table--frozen-col .c-custom-table__body .c-custom-table__col {
  min-height: 52px;
}
.c-custom-table--frozen-head .c-custom-table__head {
  z-index: 2;
  position: absolute;
  min-width: 100%;
  width: auto;
  overflow-x: hidden;
}
.c-custom-table--frozen-head .c-custom-table__head .c-custom-table__row {
  background: #FFFFFF;
}
.c-custom-table--fluid .c-custom-table__col {
  align-content: stretch;
}
/*
card
------------------------------------------------------------------------- */
.c-card {
  display: flex;
  flex-flow: column nowrap;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
}
.c-card__header,
.c-card__body,
.c-card__footer {
  display: flex;
  width: 100%;
  padding: 15px;
}
.c-card__header {
  border-radius: 5px 5px 0 0;
  background: #f7f7f7;
}
.c-card__footer {
  border-radius: 0 0 5px 5px;
  border-top: solid 1px #ebebeb;
  margin-top: auto;
}
/*
accordion
------------------------------------------------------------------------- */
.c-accordion {
  display: flex;
  flex-flow: column nowrap;
}
.c-accordion__item {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  padding: 10px 5px;
  border-top: solid 1px #a4a4a4;
}
.c-accordion__wrapper {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}
.c-accordion__icon {
  display: inline-flex;
  align-items: center;
  height: 16px;
  margin-right: 10px;
  font-size: 12px;
  color: #8E8E8E;
  cursor: pointer;
}
.c-accordion__header {
  display: flex;
  flex-flow: row nowrap;
  cursor: pointer;
}
.c-accordion__body {
  display: flex;
  flex-flow: column nowrap;
  margin-top: 10px;
}
.c-accordion__data {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  padding: 10px 0;
  border-top: solid 1px #D7D7D7;
}
.c-accordion__data > * {
  user-select: none;
  pointer-events: none;
}
.c-accordion__data .c-button-group {
  position: absolute;
  right: 100%;
  top: 7px;
  padding: 0 3px;
  visibility: hidden;
  opacity: 0;
}
.c-accordion__data .c-button-group .c-button {
  font-size: 12px;
  color: #B3B3B3;
}
.c-accordion__data .c-button-group .c-button:hover {
  color: #353535;
}
.c-accordion__data:last-child {
  padding-bottom: 0;
}
.c-accordion__data--disabled {
  color: #8E8E8E;
  user-select: none;
  pointer-events: none;
}
.c-accordion--edit .c-accordion__data > * {
  user-select: auto;
  pointer-events: auto;
}
.c-accordion--edit .c-accordion__data .c-button-group {
  visibility: visible;
  opacity: 1;
}
/*
drawer
------------------------------------------------------------------------- */
.c-drawer {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-top: auto;
  cursor: pointer;
}
.c-drawer__info {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
}
.c-drawer__info .c-data {
  font-weight: 600;
  color: #FFFFFF;
}
.c-drawer__info .c-data--muted {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}
.c-drawer__nav {
  z-index: 6000;
  position: absolute;
  top: 100%;
  right: 0;
  width: 200px;
  padding: 10px 0;
  border: solid 1px #D7D7D7;
  background: #FFFFFF;
  visibility: hidden;
  opacity: 1;
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -o-transform: translate(0, 10px);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.c-drawer__nav .c-navlinks .c-navlinks__item {
  margin: 0;
  padding: 5px 15px;
}
.c-drawer__nav .c-navlinks .c-navlinks__item:hover {
  color: #FFFFFF;
  background: #D25B27;
}
.c-drawer__nav:before {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 18px;
  height: 0;
  width: 0;
  padding: 0;
  margin-bottom: -1px;
  border-top: solid 7px transparent;
  border-right: solid 7px transparent;
  border-bottom: solid 7px #FFFFFF;
  border-left: solid 7px transparent;
}
.c-drawer > * {
  margin: 0 5px;
}
.c-drawer > *:first-child {
  margin-left: 0;
}
.c-drawer > *:last-child {
  margin-right: 0;
}
.c-drawer .c-avatar {
  width: 38px;
  height: 38px;
}
.c-drawer:hover {
  color: #FFFFFF;
}
.c-drawer:hover .c-avatar .c-actions {
  visibility: visible;
  opacity: .9;
  pointer-events: auto;
}
.c-drawer:hover .c-avatar .c-actions .c-button {
  color: #FFFFFF;
}
.c-drawer--active .c-avatar .c-actions {
  visibility: visible;
  opacity: .9;
  pointer-events: auto;
}
.c-drawer--active .c-avatar .c-actions .c-button {
  color: #FFFFFF;
}
.c-drawer--active .c-drawer__nav {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 15px);
  -moz-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  -o-transform: translate(0, 15px);
}
/**
 * Partials.
 *
 * This is collections of components.
 */
/*
header
------------------------------------------------------------------------- */
.p-header {
  position: relative;
  display: block;
  background: #e6e6e6;
}
/*
topbar
------------------------------------------------------------------------- */
.p-topbar {
  z-index: 6000;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background: #FFFFFF;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.p-topbar__wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 20px;
}
@media screen and (min-width: 426px) {
  .p-topbar__wrapper {
    padding: 20px;
  }
}
@media screen and (min-width: 769px) {
  .p-topbar__wrapper {
    padding: 30px 20px;
  }
}
.p-topbar .c-branding {
  flex-shrink: 0;
  height: 44px;
}
@media screen and (min-width: 426px) {
  .p-topbar .c-branding {
    height: 70px;
  }
}
.p-topbar .c-branding > * {
  margin: 0 5px;
}
.p-topbar .c-branding > *:first-child {
  margin-left: 0;
}
.p-topbar .c-branding > *:last-child {
  margin-right: 0;
}
.p-topbar .c-branding .c-branding__icon,
.p-topbar .c-branding .c-branding__text {
  display: block;
  height: 100%;
}
.p-topbar .c-branding .c-branding__icon img,
.p-topbar .c-branding .c-branding__text img {
  display: block;
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.p-topbar .c-branding .c-branding__text {
  display: none;
  height: 30px;
}
@media screen and (min-width: 426px) {
  .p-topbar .c-branding .c-branding__text {
    display: block;
  }
}
.p-topbar .c-navlinks {
  margin-left: auto;
  align-items: center;
  display: none;
}
@media screen and (min-width: 769px) {
  .p-topbar .c-navlinks {
    display: inline-flex;
  }
}
.p-topbar .c-navlinks .c-navlinks__item {
  margin: 0 10px;
}
.p-topbar .c-navlinks .c-navlinks__item:first-child {
  margin-left: 0;
}
.p-topbar .c-navlinks .c-navlinks__item:last-child {
  margin-right: 0;
}
.p-topbar .c-navlinks .c-navlinks__item .c-navlinks__link {
  font-weight: 600;
  color: #353535;
}
.p-topbar .c-navlinks .c-navlinks__item .c-navlinks__link:hover {
  color: #D25B27;
}
/*
slides
------------------------------------------------------------------------- */
.p-slides {
  display: block;
  width: 100%;
  height: 100vh;
}
.p-slides .slick-arrow,
.p-slides .slick-dots {
  display: none !important;
}
.p-slides__wrapper {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.p-slides__item {
  display: block;
  width: 100%;
  height: 100vh;
  outline: none;
}
.p-slides__item:nth-child(1) {
  background: url("../img/slides/slide-1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-slides__item:nth-child(2) {
  background: url("../img/slides/slide-2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-slides__item:nth-child(3) {
  background: url("../img/slides/slide-3.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-slides__context {
  position: absolute;
  bottom: 30px;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  padding: 0 20px;
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 426px) {
  .p-slides__context {
    width: auto;
    max-width: 50%;
    bottom: 20px;
  }
}
@media screen and (min-width: 769px) {
  .p-slides__context {
    bottom: 50px;
  }
}
.p-slides__context > * {
  margin: 10px 0;
}
.p-slides__context > *:first-child {
  margin-top: 0;
}
.p-slides__context > *:last-child {
  margin-bottom: 0;
}
.p-slides__context h1 {
  color: #FFFFFF;
  font-size: 46px;
  text-align: center;
}
@media screen and (min-width: 426px) {
  .p-slides__context h1 {
    display: block;
    text-align: left;
    font-size: 68px;
  }
}
.p-slides__context h2 {
  display: inline-flex;
  align-self: center;
  padding: 10px 15px;
  font-weight: 600;
  color: #FFFFFF;
  background: #D25B27;
  font-size: 26px;
}
@media screen and (min-width: 426px) {
  .p-slides__context h2 {
    font-size: 36px;
    align-self: flex-start;
  }
}
@media screen and (min-width: 769px) {
  .p-slides__context h2 {
    font-size: 42px;
  }
}
.p-slides__skip {
  position: absolute;
  bottom: 50px;
  right: 20px;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  font-size: 20px;
  border-radius: 50%;
  color: #FFFFFF;
  background: #D25B27;
  display: none;
}
@media screen and (min-width: 426px) {
  .p-slides__skip {
    display: flex;
    bottom: 20px;
  }
}
@media screen and (min-width: 769px) {
  .p-slides__skip {
    bottom: 50px;
  }
}
.p-slides__skip:hover {
  color: #FFFFFF;
  background: #da6a38;
}
/*
section
------------------------------------------------------------------------- */
.p-section {
  display: block;
}
.p-section__wrapper {
  display: block;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.p-section__wrapper h1 {
  font-size: 46px;
}
@media screen and (min-width: 426px) {
  .p-section__wrapper h1 {
    font-size: 68px;
  }
}
.p-section__wrapper .o-row {
  padding: 0 10px;
}
@media screen and (min-width: 769px) {
  .p-section__wrapper .o-row {
    padding: 0;
  }
}
/*
contact
------------------------------------------------------------------------- */
.p-contact {
  display: block;
  background: url("../img/contact-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: solid 10px #D25B27;
}
.p-contact .p-section {
  background: rgba(35, 53, 67, 0.95);
  padding: 50px 0;
}
@media screen and (min-width: 426px) {
  .p-contact .p-section {
    padding: 70px 0;
  }
}
@media screen and (min-width: 769px) {
  .p-contact .p-section {
    padding: 100px 0;
  }
}
.p-contact .p-section .p-section__wrapper {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.p-contact__context {
  display: block;
  text-align: center;
  max-width: 100%;
}
@media screen and (min-width: 769px) {
  .p-contact__context {
    max-width: 700px;
  }
}
.p-contact__context > * {
  display: block;
  margin: 40px 0;
}
.p-contact__context > *:first-child {
  margin-top: 0;
}
.p-contact__context > *:last-child {
  margin-bottom: 0;
}
.p-contact__context h1 {
  font-family: 'Noto Serif SC', serif;
  color: #FFFFFF;
  font-size: 46px;
}
@media screen and (min-width: 769px) {
  .p-contact__context h1 {
    font-size: 68px;
  }
}
.p-contact__context h2 {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}
.p-contact__details {
  display: flex;
  flex-flow: column nowrap;
  margin: 50px 0 0 0;
}
@media screen and (min-width: 769px) {
  .p-contact__details {
    margin: 100px 0 0 0;
    flex-flow: row nowrap;
  }
}
.p-contact__details__item {
  position: relative;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin: 5px 0;
  padding: 0;
  font-size: 26px;
  color: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .p-contact__details__item {
    justify-content: flex-start;
    margin: 0 15px;
  }
}
.p-contact__details__item > * {
  margin: 0;
  color: #FFFFFF;
}
.p-contact__details__item:first-child {
  margin-left: 0;
}
.p-contact__details__item:last-child {
  margin-right: 0;
}
.p-contact__details__icon {
  display: block;
  margin-right: 10px;
  vertical-align: bottom;
}
/*
clients
------------------------------------------------------------------------- */
.p-clients {
  display: block;
  background: #FFFFFF;
}
.p-clients .p-section {
  display: block;
  width: 100%;
  padding: 50px 0;
}
@media screen and (min-width: 426px) {
  .p-clients .p-section {
    padding: 70px 0;
  }
}
@media screen and (min-width: 769px) {
  .p-clients .p-section {
    padding: 100px 0;
  }
}
.p-clients .p-section .p-section__wrapper {
  display: flex;
  flex-flow: column nowrap;
}
.p-clients__list {
  display: grid;
  text-align: center;
  grid-gap: 20px;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 426px) {
  .p-clients__list {
    grid-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 769px) {
  .p-clients__list {
    grid-gap: 50px;
    grid-template-columns: repeat(4, 1fr);
  }
}
.p-clients__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 30px;
  border-radius: 5px;
  border: solid 1px #D7D7D7;
  overflow: hidden;
}
@media screen and (min-width: 426px) {
  .p-clients__item {
    height: 200px;
    padding: 10px;
  }
}
@media screen and (min-width: 769px) {
  .p-clients__item {
    height: 250px;
    padding: 30px;
  }
}
.p-clients__item .c-navlinks {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  flex-flow: row nowrap;
  justify-content: flex-end;
  width: 100%;
  height: auto;
  padding: 10px;
  background: none;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 769px) {
  .p-clients__item .c-navlinks {
    flex-flow: column nowrap;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    height: 100%;
    bottom: 0;
    background: #2A2D34;
    padding: 30px;
  }
}
.p-clients__item .c-navlinks .c-navlinks__item {
  margin: 3px;
}
.p-clients__item .c-navlinks .c-navlinks__item .c-navlinks__link {
  justify-content: center;
  padding: 0;
  width: 32px;
  height: 32px;
  color: #FFFFFF;
  border: solid 1px #D25B27;
  background: #D25B27;
  border-radius: 50%;
  cursor: pointer;
}
.p-clients__item .c-navlinks .c-navlinks__item .c-navlinks__link > * {
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-clients__item .c-navlinks .c-navlinks__item .c-navlinks__link {
    justify-content: flex-start;
    height: auto;
    width: auto;
    padding: 10px;
    border: solid 1px rgba(255, 255, 255, 0.2);
    background: none;
    border-radius: 5px;
  }
  .p-clients__item .c-navlinks .c-navlinks__item .c-navlinks__link > * {
    margin: 0 2px;
  }
  .p-clients__item .c-navlinks .c-navlinks__item .c-navlinks__link > *:first-child {
    margin-left: 0;
  }
  .p-clients__item .c-navlinks .c-navlinks__item .c-navlinks__link > *:last-child {
    margin-right: 0;
  }
}
.p-clients__item .c-navlinks .c-navlinks__item .c-navlinks__link .c-navlinks__icon {
  font-size: 13px;
}
.p-clients__item .c-navlinks .c-navlinks__item .c-navlinks__link .c-navlinks__label {
  display: none;
}
@media screen and (min-width: 769px) {
  .p-clients__item .c-navlinks .c-navlinks__item .c-navlinks__link .c-navlinks__label {
    display: inline-flex;
  }
}
.p-clients__item .c-navlinks .c-navlinks__item .c-navlinks__link:hover {
  background: rgba(255, 255, 255, 0.1);
  border: solid 1px rgba(255, 255, 255, 0.5);
}
.p-clients__item img {
  display: block;
  width: 100%;
  vertical-align: bottom;
}
.p-clients__item:hover .c-navlinks {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
/*
about
------------------------------------------------------------------------- */
.p-about {
  display: block;
  background: #FFFFFF;
}
.p-about .p-section {
  display: block;
  width: 100%;
  padding: 50px 0;
}
@media screen and (min-width: 426px) {
  .p-about .p-section {
    padding: 70px 0;
  }
}
@media screen and (min-width: 769px) {
  .p-about .p-section {
    padding: 100px 0;
  }
}
.p-about .p-section .p-section__wrapper {
  display: flex;
  flex-flow: column nowrap;
}
/*
expertise
------------------------------------------------------------------------- */
.p-expertise {
  display: block;
  padding: 0;
  background: #FFFFFF;
}
.p-expertise__wrapper {
  display: grid;
  grid-gap: 0;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 426px) {
  .p-expertise__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 769px) {
  .p-expertise__wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
.p-expertise__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  padding: 0;
  border: solid 1px #FFFFFF;
  overflow: hidden;
}
@media screen and (min-width: 426px) {
  .p-expertise__item {
    height: 300px;
  }
}
@media screen and (min-width: 769px) {
  .p-expertise__item {
    height: 350px;
  }
}
.p-expertise__item img {
  z-index: 1;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  height: 100%;
  vertical-align: bottom;
}
.p-expertise__item h1,
.p-expertise__item h3 {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 50px;
  text-align: center;
  color: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .p-expertise__item h1,
  .p-expertise__item h3 {
    padding: 20px;
  }
}
.p-expertise__item h1 {
  background: rgba(35, 53, 67, 0.9);
  font-size: 46px;
}
@media screen and (min-width: 769px) {
  .p-expertise__item h1 {
    font-size: 68px;
  }
}
.p-expertise__item h3 {
  font-weight: 600;
  color: #FFFFFF;
  margin: 0;
  background: rgba(131, 131, 131, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.p-expertise__item__icon {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.3);
}
.p-expertise__item:nth-child(1) {
  align-items: center;
  justify-content: center;
  text-align: center;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  height: 500px;
}
@media screen and (min-width: 426px) {
  .p-expertise__item:nth-child(1) {
    height: 600px;
  }
}
@media screen and (min-width: 769px) {
  .p-expertise__item:nth-child(1) {
    height: 700px;
  }
}
.p-expertise__item:hover h3 {
  opacity: 0;
}
/*
footer
------------------------------------------------------------------------- */
.p-footer {
  display: block;
  padding: 50px 0;
  background: #D25B27;
}
.p-footer__wrapper {
  display: flex;
  flex-flow: row nowrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.p-footer__copyright {
  color: #FFFFFF;
}
.p-footer .c-navlinks .c-navlinks__item {
  color: rgba(255, 255, 255, 0.5);
}
.p-footer .c-navlinks .c-navlinks__item:hover {
  color: #FFFFFF;
}
/*
utility
------------------------------------------------------------------------- */
.p-utility {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
/*
mobile nav
------------------------------------------------------------------------- */
.p-mobile-nav {
  position: relative;
  display: inline-flex;
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  .p-mobile-nav {
    display: none;
  }
}
.p-mobile-nav__menu {
  z-index: 7501;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 100%;
  height: 100%;
  background: #D25B27;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(20px, 0);
  -moz-transform: translate(20px, 0);
  -ms-transform: translate(20px, 0);
  -o-transform: translate(20px, 0);
  user-select: none;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 426px) {
  .p-mobile-nav__menu {
    width: 425px;
  }
}
.p-mobile-nav__menu .c-button {
  position: fixed;
  top: 10px;
  right: 10px;
  background: none;
}
.p-mobile-nav__menu .c-button:focus,
.p-mobile-nav__menu .c-button:hover {
  background: none;
}
.p-mobile-nav__menu .c-navlinks {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  padding: 70px 20px 20px 20px;
  overflow-y: auto;
}
.p-mobile-nav__menu .c-navlinks .c-navlinks__item {
  width: 100%;
  margin: 0;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
.p-mobile-nav__menu .c-navlinks .c-navlinks__item .c-navlinks__link {
  width: 100%;
  color: #FFFFFF;
  padding: 10px 0;
}
.p-mobile-nav__menu .c-navlinks .c-navlinks__item .c-navlinks__link:focus {
  color: #FFFFFF;
}
.p-mobile-nav__menu .c-navlinks .c-navlinks__item:last-child {
  border-bottom: none;
}
.p-mobile-nav:before {
  content: '';
  z-index: 7500;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(35, 53, 67, 0.75);
  visibility: hidden;
  opacity: 0;
  user-select: none;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.p-mobile-nav--active:before {
  user-select: auto;
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.p-mobile-nav--active .p-mobile-nav__menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  user-select: auto;
  pointer-events: auto;
}
/**
 * Scopes
 *
 * This contains styles for specific pages
 */
/*
login
------------------------------------------------------------------------- */
.s-login {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='452' height='452' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23e2e2e2' stroke-width='0.3' stroke-opacity='0.31'%3E%3Crect x='-40' y='40' width='75' height='75'/%3E%3Crect x='-35' y='45' width='65' height='65'/%3E%3Crect x='-30' y='50' width='55' height='55'/%3E%3Crect x='-25' y='55' width='45' height='45'/%3E%3Crect x='-20' y='60' width='35' height='35'/%3E%3Crect x='-15' y='65' width='25' height='25'/%3E%3Crect x='-10' y='70' width='15' height='15'/%3E%3Crect x='-5' y='75' width='5' height='5'/%3E%3Crect width='35' height='35'/%3E%3Crect x='5' y='5' width='25' height='25'/%3E%3Crect x='10' y='10' width='15' height='15'/%3E%3Crect x='15' y='15' width='5' height='5'/%3E%3Crect x='40' width='75' height='75'/%3E%3Crect x='45' y='5' width='65' height='65'/%3E%3Crect x='50' y='10' width='55' height='55'/%3E%3Crect x='55' y='15' width='45' height='45'/%3E%3Crect x='60' y='20' width='35' height='35'/%3E%3Crect x='65' y='25' width='25' height='25'/%3E%3Crect x='70' y='30' width='15' height='15'/%3E%3Crect x='75' y='35' width='5' height='5'/%3E%3Crect x='40' y='80' width='35' height='35'/%3E%3Crect x='45' y='85' width='25' height='25'/%3E%3Crect x='50' y='90' width='15' height='15'/%3E%3Crect x='55' y='95' width='5' height='5'/%3E%3Crect x='120' y='-40' width='75' height='75'/%3E%3Crect x='125' y='-35' width='65' height='65'/%3E%3Crect x='130' y='-30' width='55' height='55'/%3E%3Crect x='135' y='-25' width='45' height='45'/%3E%3Crect x='140' y='-20' width='35' height='35'/%3E%3Crect x='145' y='-15' width='25' height='25'/%3E%3Crect x='150' y='-10' width='15' height='15'/%3E%3Crect x='155' y='-5' width='5' height='5'/%3E%3Crect x='120' y='40' width='35' height='35'/%3E%3Crect x='125' y='45' width='25' height='25'/%3E%3Crect x='130' y='50' width='15' height='15'/%3E%3Crect x='135' y='55' width='5' height='5'/%3E%3Crect y='120' width='75' height='75'/%3E%3Crect x='5' y='125' width='65' height='65'/%3E%3Crect x='10' y='130' width='55' height='55'/%3E%3Crect x='15' y='135' width='45' height='45'/%3E%3Crect x='20' y='140' width='35' height='35'/%3E%3Crect x='25' y='145' width='25' height='25'/%3E%3Crect x='30' y='150' width='15' height='15'/%3E%3Crect x='35' y='155' width='5' height='5'/%3E%3Crect x='200' y='120' width='75' height='75'/%3E%3Crect x='40' y='200' width='75' height='75'/%3E%3Crect x='80' y='80' width='75' height='75'/%3E%3Crect x='85' y='85' width='65' height='65'/%3E%3Crect x='90' y='90' width='55' height='55'/%3E%3Crect x='95' y='95' width='45' height='45'/%3E%3Crect x='100' y='100' width='35' height='35'/%3E%3Crect x='105' y='105' width='25' height='25'/%3E%3Crect x='110' y='110' width='15' height='15'/%3E%3Crect x='115' y='115' width='5' height='5'/%3E%3Crect x='80' y='160' width='35' height='35'/%3E%3Crect x='85' y='165' width='25' height='25'/%3E%3Crect x='90' y='170' width='15' height='15'/%3E%3Crect x='95' y='175' width='5' height='5'/%3E%3Crect x='120' y='160' width='75' height='75'/%3E%3Crect x='125' y='165' width='65' height='65'/%3E%3Crect x='130' y='170' width='55' height='55'/%3E%3Crect x='135' y='175' width='45' height='45'/%3E%3Crect x='140' y='180' width='35' height='35'/%3E%3Crect x='145' y='185' width='25' height='25'/%3E%3Crect x='150' y='190' width='15' height='15'/%3E%3Crect x='155' y='195' width='5' height='5'/%3E%3Crect x='160' y='40' width='75' height='75'/%3E%3Crect x='165' y='45' width='65' height='65'/%3E%3Crect x='170' y='50' width='55' height='55'/%3E%3Crect x='175' y='55' width='45' height='45'/%3E%3Crect x='180' y='60' width='35' height='35'/%3E%3Crect x='185' y='65' width='25' height='25'/%3E%3Crect x='190' y='70' width='15' height='15'/%3E%3Crect x='195' y='75' width='5' height='5'/%3E%3Crect x='160' y='120' width='35' height='35'/%3E%3Crect x='165' y='125' width='25' height='25'/%3E%3Crect x='170' y='130' width='15' height='15'/%3E%3Crect x='175' y='135' width='5' height='5'/%3E%3Crect x='200' y='200' width='35' height='35'/%3E%3Crect x='200' width='35' height='35'/%3E%3Crect y='200' width='35' height='35'/%3E%3C/g%3E%3C/svg%3E");
}
/**
 * Utilities.
 *
 * Ability to override anything.
 * It will most likely come with !important as we are sure to use them.
 */
/*
alignment
------------------------------------------------------------------------- */
.u-align-left {
  text-align: left !important;
  justify-content: flex-start !important;
}
.u-align-center {
  text-align: center !important;
  justify-content: center !important;
}
.u-align-right {
  text-align: right !important;
  justify-content: flex-end !important;
}
.u-align-justify {
  text-align: justify !important;
  justify-content: space-between !important;
}
.u-valign-top {
  vertical-align: top !important;
  align-items: flex-start !important;
}
.u-valign-center {
  vertical-align: middle !important;
  align-items: center !important;
}
.u-valign-bottom {
  vertical-align: bottom !important;
  align-items: flex-end !important;
}
.u-valign-justify {
  text-align: justify !important;
  justify-content: space-between !important;
}
/*
background
------------------------------------------------------------------------- */
.u-bg-neutral {
  background: #838383 !important;
}
.u-bg-success {
  background: #3BB273 !important;
}
.u-bg-warning {
  background: #E1BC29 !important;
}
.u-bg-danger {
  background: #E15554 !important;
}
/*
border-radius
------------------------------------------------------------------------- */
.u-border-radius {
  border-radius: 5px;
}
.u-border-radius-topleft {
  border-radius: 5px 0 0 0;
}
.u-border-radius-topright {
  border-radius: 0 5px 0 0;
}
.u-border-radius-bottomleft {
  border-radius: 0 0 0 5px;
}
.u-border-radius-bottomright {
  border-radius: 0 0 5px 0;
}
.u-border-radius-top {
  border-radius: 5px 5px 0 0;
}
.u-border-radius-right {
  border-radius: 0 5px 5px 0;
}
.u-border-radius-bottom {
  border-radius: 0 0 5px 5px;
}
.u-border-radius-left {
  border-radius: 5px 0 0 5px;
}
/*
color
------------------------------------------------------------------------- */
.u-color-neutral {
  color: #838383 !important;
}
.u-color-success {
  color: #3BB273 !important;
}
.u-color-warning {
  color: #E1BC29 !important;
}
.u-color-danger {
  color: #E15554 !important;
}
.u-color-primary {
  color: #D25B27;
}
.u-color-secondary {
  color: #233543;
}
/*
direction
------------------------------------------------------------------------- */
.u-direction-horizontal {
  flex-flow: row nowrap !important;
}
.u-direction-vertical {
  width: auto !important;
  flex-flow: column nowrap !important;
}
/*
margin
------------------------------------------------------------------------- */
/*
 pre-sized margins
 */
.u-margin-none {
  margin: 0 !important;
}
.u-margin-none-x {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.u-margin-none-y {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.u-margin-none-top {
  margin-top: 0 !important;
}
.u-margin-none-right {
  margin-right: 0 !important;
}
.u-margin-none-bottom {
  margin-bottom: 0 !important;
}
.u-margin-none-left {
  margin-left: 0 !important;
}
.u-margin-xs {
  margin: 5px !important;
}
.u-margin-xs-x {
  margin: 0 5px !important;
}
.u-margin-xs-y {
  margin: 5px 0 !important;
}
.u-margin-xs-top {
  margin-top: 5px !important;
}
.u-margin-xs-right {
  margin-right: 5px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 5px !important;
}
.u-margin-xs-left {
  margin-left: 5px !important;
}
.u-margin-s {
  margin: 10px;
}
.u-margin-s-x {
  margin: 0 10px !important;
}
.u-margin-s-y {
  margin: 10px 0 !important;
}
.u-margin-s-top {
  margin-top: 10px !important;
}
.u-margin-s-right {
  margin-right: 10px !important;
}
.u-margin-s-bottom {
  margin-bottom: 10px !important;
}
.u-margin-s-left {
  margin-left: 10px !important;
}
.u-margin-m {
  margin: 20px;
}
.u-margin-m-x {
  margin: 0 20px !important;
}
.u-margin-m-y {
  margin: 20px 0 !important;
}
.u-margin-m-top {
  margin-top: 20px !important;
}
.u-margin-m-right {
  margin-right: 20px !important;
}
.u-margin-m-bottom {
  margin-bottom: 20px !important;
}
.u-margin-m-left {
  margin-left: 20px !important;
}
.u-margin-l {
  margin: 30px;
}
.u-margin-l-x {
  margin: 0 30px !important;
}
.u-margin-l-y {
  margin: 30px 0 !important;
}
.u-margin-l-top {
  margin-top: 30px !important;
}
.u-margin-l-right {
  margin-right: 30px !important;
}
.u-margin-l-bottom {
  margin-bottom: 30px !important;
}
.u-margin-l-left {
  margin-left: 30px !important;
}
.u-margin-xl {
  margin: 50px;
}
.u-margin-xl-x {
  margin: 0 50px !important;
}
.u-margin-xl-y {
  margin: 50px 0 !important;
}
.u-margin-xl-top {
  margin-top: 50px !important;
}
.u-margin-xl-right {
  margin-right: 50px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 50px !important;
}
.u-margin-xl-left {
  margin-left: 50px !important;
}
/*
 specific size margins
 */
.u-margin-1 {
  margin: 1px !important;
}
.u-margin-1-x {
  margin: 0 1px !important;
}
.u-margin-1-y {
  margin: 1px 0 !important;
}
.u-margin-1-top {
  margin-top: 1px !important;
}
.u-margin-1-right {
  margin-right: 1px !important;
}
.u-margin-1-bottom {
  margin-bottom: 1px !important;
}
.u-margin-1-left {
  margin-left: 1px !important;
}
.u-margin-2 {
  margin: 2px !important;
}
.u-margin-2-x {
  margin: 0 2px !important;
}
.u-margin-2-y {
  margin: 2px 0 !important;
}
.u-margin-2-top {
  margin-top: 2px !important;
}
.u-margin-2-right {
  margin-right: 2px !important;
}
.u-margin-2-bottom {
  margin-bottom: 2px !important;
}
.u-margin-2-left {
  margin-left: 2px !important;
}
.u-margin-3 {
  margin: 3px !important;
}
.u-margin-3-x {
  margin: 0 3px !important;
}
.u-margin-3-y {
  margin: 3px 0 !important;
}
.u-margin-3-top {
  margin-top: 3px !important;
}
.u-margin-3-right {
  margin-right: 3px !important;
}
.u-margin-3-bottom {
  margin-bottom: 3px !important;
}
.u-margin-3-left {
  margin-left: 3px !important;
}
.u-margin-4 {
  margin: 4px !important;
}
.u-margin-4-x {
  margin: 0 4px !important;
}
.u-margin-4-y {
  margin: 4px 0 !important;
}
.u-margin-4-top {
  margin-top: 4px !important;
}
.u-margin-4-right {
  margin-right: 4px !important;
}
.u-margin-4-bottom {
  margin-bottom: 4px !important;
}
.u-margin-4-left {
  margin-left: 4px !important;
}
.u-margin-5 {
  margin: 5px !important;
}
.u-margin-5-x {
  margin: 0 5px !important;
}
.u-margin-5-y {
  margin: 5px 0 !important;
}
.u-margin-5-top {
  margin-top: 5px !important;
}
.u-margin-5-right {
  margin-right: 5px !important;
}
.u-margin-5-bottom {
  margin-bottom: 5px !important;
}
.u-margin-5-left {
  margin-left: 5px !important;
}
.u-margin-6 {
  margin: 6px !important;
}
.u-margin-6-x {
  margin: 0 6px !important;
}
.u-margin-6-y {
  margin: 6px 0 !important;
}
.u-margin-6-top {
  margin-top: 6px !important;
}
.u-margin-6-right {
  margin-right: 6px !important;
}
.u-margin-6-bottom {
  margin-bottom: 6px !important;
}
.u-margin-6-left {
  margin-left: 6px !important;
}
.u-margin-7 {
  margin: 7px !important;
}
.u-margin-7-x {
  margin: 0 7px !important;
}
.u-margin-7-y {
  margin: 7px 0 !important;
}
.u-margin-7-top {
  margin-top: 7px !important;
}
.u-margin-7-right {
  margin-right: 7px !important;
}
.u-margin-7-bottom {
  margin-bottom: 7px !important;
}
.u-margin-7-left {
  margin-left: 7px !important;
}
.u-margin-8 {
  margin: 8px !important;
}
.u-margin-8-x {
  margin: 0 8px !important;
}
.u-margin-8-y {
  margin: 8px 0 !important;
}
.u-margin-8-top {
  margin-top: 8px !important;
}
.u-margin-8-right {
  margin-right: 8px !important;
}
.u-margin-8-bottom {
  margin-bottom: 8px !important;
}
.u-margin-8-left {
  margin-left: 8px !important;
}
.u-margin-9 {
  margin: 9px !important;
}
.u-margin-9-x {
  margin: 0 9px !important;
}
.u-margin-9-y {
  margin: 9px 0 !important;
}
.u-margin-9-top {
  margin-top: 9px !important;
}
.u-margin-9-right {
  margin-right: 9px !important;
}
.u-margin-9-bottom {
  margin-bottom: 9px !important;
}
.u-margin-9-left {
  margin-left: 9px !important;
}
.u-margin-10 {
  margin: 10px !important;
}
.u-margin-10-x {
  margin: 0 10px !important;
}
.u-margin-10-y {
  margin: 10px 0 !important;
}
.u-margin-10-top {
  margin-top: 10px !important;
}
.u-margin-10-right {
  margin-right: 10px !important;
}
.u-margin-10-bottom {
  margin-bottom: 10px !important;
}
.u-margin-10-left {
  margin-left: 10px !important;
}
.u-margin-11 {
  margin: 11px !important;
}
.u-margin-11-x {
  margin: 0 11px !important;
}
.u-margin-11-y {
  margin: 11px 0 !important;
}
.u-margin-11-top {
  margin-top: 11px !important;
}
.u-margin-11-right {
  margin-right: 11px !important;
}
.u-margin-11-bottom {
  margin-bottom: 11px !important;
}
.u-margin-11-left {
  margin-left: 11px !important;
}
.u-margin-12 {
  margin: 12px !important;
}
.u-margin-12-x {
  margin: 0 12px !important;
}
.u-margin-12-y {
  margin: 12px 0 !important;
}
.u-margin-12-top {
  margin-top: 12px !important;
}
.u-margin-12-right {
  margin-right: 12px !important;
}
.u-margin-12-bottom {
  margin-bottom: 12px !important;
}
.u-margin-12-left {
  margin-left: 12px !important;
}
.u-margin-13 {
  margin: 13px !important;
}
.u-margin-13-x {
  margin: 0 13px !important;
}
.u-margin-13-y {
  margin: 13px 0 !important;
}
.u-margin-13-top {
  margin-top: 13px !important;
}
.u-margin-13-right {
  margin-right: 13px !important;
}
.u-margin-13-bottom {
  margin-bottom: 13px !important;
}
.u-margin-13-left {
  margin-left: 13px !important;
}
.u-margin-14 {
  margin: 14px !important;
}
.u-margin-14-x {
  margin: 0 14px !important;
}
.u-margin-14-y {
  margin: 14px 0 !important;
}
.u-margin-14-top {
  margin-top: 14px !important;
}
.u-margin-14-right {
  margin-right: 14px !important;
}
.u-margin-14-bottom {
  margin-bottom: 14px !important;
}
.u-margin-14-left {
  margin-left: 14px !important;
}
.u-margin-15 {
  margin: 15px !important;
}
.u-margin-15-x {
  margin: 0 15px !important;
}
.u-margin-15-y {
  margin: 15px 0 !important;
}
.u-margin-15-top {
  margin-top: 15px !important;
}
.u-margin-15-right {
  margin-right: 15px !important;
}
.u-margin-15-bottom {
  margin-bottom: 15px !important;
}
.u-margin-15-left {
  margin-left: 15px !important;
}
.u-margin-16 {
  margin: 16px !important;
}
.u-margin-16-x {
  margin: 0 16px !important;
}
.u-margin-16-y {
  margin: 16px 0 !important;
}
.u-margin-16-top {
  margin-top: 16px !important;
}
.u-margin-16-right {
  margin-right: 16px !important;
}
.u-margin-16-bottom {
  margin-bottom: 16px !important;
}
.u-margin-16-left {
  margin-left: 16px !important;
}
.u-margin-17 {
  margin: 17px !important;
}
.u-margin-17-x {
  margin: 0 17px !important;
}
.u-margin-17-y {
  margin: 17px 0 !important;
}
.u-margin-17-top {
  margin-top: 17px !important;
}
.u-margin-17-right {
  margin-right: 17px !important;
}
.u-margin-17-bottom {
  margin-bottom: 17px !important;
}
.u-margin-17-left {
  margin-left: 17px !important;
}
.u-margin-18 {
  margin: 18px !important;
}
.u-margin-18-x {
  margin: 0 18px !important;
}
.u-margin-18-y {
  margin: 18px 0 !important;
}
.u-margin-18-top {
  margin-top: 18px !important;
}
.u-margin-18-right {
  margin-right: 18px !important;
}
.u-margin-18-bottom {
  margin-bottom: 18px !important;
}
.u-margin-18-left {
  margin-left: 18px !important;
}
.u-margin-19 {
  margin: 19px !important;
}
.u-margin-19-x {
  margin: 0 19px !important;
}
.u-margin-19-y {
  margin: 19px 0 !important;
}
.u-margin-19-top {
  margin-top: 19px !important;
}
.u-margin-19-right {
  margin-right: 19px !important;
}
.u-margin-19-bottom {
  margin-bottom: 19px !important;
}
.u-margin-19-left {
  margin-left: 19px !important;
}
.u-margin-20 {
  margin: 20px !important;
}
.u-margin-20-x {
  margin: 0 20px !important;
}
.u-margin-20-y {
  margin: 20px 0 !important;
}
.u-margin-20-top {
  margin-top: 20px !important;
}
.u-margin-20-right {
  margin-right: 20px !important;
}
.u-margin-20-bottom {
  margin-bottom: 20px !important;
}
.u-margin-20-left {
  margin-left: 20px !important;
}
.u-margin-21 {
  margin: 21px !important;
}
.u-margin-21-x {
  margin: 0 21px !important;
}
.u-margin-21-y {
  margin: 21px 0 !important;
}
.u-margin-21-top {
  margin-top: 21px !important;
}
.u-margin-21-right {
  margin-right: 21px !important;
}
.u-margin-21-bottom {
  margin-bottom: 21px !important;
}
.u-margin-21-left {
  margin-left: 21px !important;
}
.u-margin-22 {
  margin: 22px !important;
}
.u-margin-22-x {
  margin: 0 22px !important;
}
.u-margin-22-y {
  margin: 22px 0 !important;
}
.u-margin-22-top {
  margin-top: 22px !important;
}
.u-margin-22-right {
  margin-right: 22px !important;
}
.u-margin-22-bottom {
  margin-bottom: 22px !important;
}
.u-margin-22-left {
  margin-left: 22px !important;
}
.u-margin-23 {
  margin: 23px !important;
}
.u-margin-23-x {
  margin: 0 23px !important;
}
.u-margin-23-y {
  margin: 23px 0 !important;
}
.u-margin-23-top {
  margin-top: 23px !important;
}
.u-margin-23-right {
  margin-right: 23px !important;
}
.u-margin-23-bottom {
  margin-bottom: 23px !important;
}
.u-margin-23-left {
  margin-left: 23px !important;
}
.u-margin-24 {
  margin: 24px !important;
}
.u-margin-24-x {
  margin: 0 24px !important;
}
.u-margin-24-y {
  margin: 24px 0 !important;
}
.u-margin-24-top {
  margin-top: 24px !important;
}
.u-margin-24-right {
  margin-right: 24px !important;
}
.u-margin-24-bottom {
  margin-bottom: 24px !important;
}
.u-margin-24-left {
  margin-left: 24px !important;
}
.u-margin-25 {
  margin: 25px !important;
}
.u-margin-25-x {
  margin: 0 25px !important;
}
.u-margin-25-y {
  margin: 25px 0 !important;
}
.u-margin-25-top {
  margin-top: 25px !important;
}
.u-margin-25-right {
  margin-right: 25px !important;
}
.u-margin-25-bottom {
  margin-bottom: 25px !important;
}
.u-margin-25-left {
  margin-left: 25px !important;
}
.u-margin-26 {
  margin: 26px !important;
}
.u-margin-26-x {
  margin: 0 26px !important;
}
.u-margin-26-y {
  margin: 26px 0 !important;
}
.u-margin-26-top {
  margin-top: 26px !important;
}
.u-margin-26-right {
  margin-right: 26px !important;
}
.u-margin-26-bottom {
  margin-bottom: 26px !important;
}
.u-margin-26-left {
  margin-left: 26px !important;
}
.u-margin-27 {
  margin: 27px !important;
}
.u-margin-27-x {
  margin: 0 27px !important;
}
.u-margin-27-y {
  margin: 27px 0 !important;
}
.u-margin-27-top {
  margin-top: 27px !important;
}
.u-margin-27-right {
  margin-right: 27px !important;
}
.u-margin-27-bottom {
  margin-bottom: 27px !important;
}
.u-margin-27-left {
  margin-left: 27px !important;
}
.u-margin-28 {
  margin: 28px !important;
}
.u-margin-28-x {
  margin: 0 28px !important;
}
.u-margin-28-y {
  margin: 28px 0 !important;
}
.u-margin-28-top {
  margin-top: 28px !important;
}
.u-margin-28-right {
  margin-right: 28px !important;
}
.u-margin-28-bottom {
  margin-bottom: 28px !important;
}
.u-margin-28-left {
  margin-left: 28px !important;
}
.u-margin-29 {
  margin: 29px !important;
}
.u-margin-29-x {
  margin: 0 29px !important;
}
.u-margin-29-y {
  margin: 29px 0 !important;
}
.u-margin-29-top {
  margin-top: 29px !important;
}
.u-margin-29-right {
  margin-right: 29px !important;
}
.u-margin-29-bottom {
  margin-bottom: 29px !important;
}
.u-margin-29-left {
  margin-left: 29px !important;
}
.u-margin-30 {
  margin: 30px !important;
}
.u-margin-30-x {
  margin: 0 30px !important;
}
.u-margin-30-y {
  margin: 30px 0 !important;
}
.u-margin-30-top {
  margin-top: 30px !important;
}
.u-margin-30-right {
  margin-right: 30px !important;
}
.u-margin-30-bottom {
  margin-bottom: 30px !important;
}
.u-margin-30-left {
  margin-left: 30px !important;
}
.u-margin-31 {
  margin: 31px !important;
}
.u-margin-31-x {
  margin: 0 31px !important;
}
.u-margin-31-y {
  margin: 31px 0 !important;
}
.u-margin-31-top {
  margin-top: 31px !important;
}
.u-margin-31-right {
  margin-right: 31px !important;
}
.u-margin-31-bottom {
  margin-bottom: 31px !important;
}
.u-margin-31-left {
  margin-left: 31px !important;
}
.u-margin-32 {
  margin: 32px !important;
}
.u-margin-32-x {
  margin: 0 32px !important;
}
.u-margin-32-y {
  margin: 32px 0 !important;
}
.u-margin-32-top {
  margin-top: 32px !important;
}
.u-margin-32-right {
  margin-right: 32px !important;
}
.u-margin-32-bottom {
  margin-bottom: 32px !important;
}
.u-margin-32-left {
  margin-left: 32px !important;
}
.u-margin-33 {
  margin: 33px !important;
}
.u-margin-33-x {
  margin: 0 33px !important;
}
.u-margin-33-y {
  margin: 33px 0 !important;
}
.u-margin-33-top {
  margin-top: 33px !important;
}
.u-margin-33-right {
  margin-right: 33px !important;
}
.u-margin-33-bottom {
  margin-bottom: 33px !important;
}
.u-margin-33-left {
  margin-left: 33px !important;
}
.u-margin-34 {
  margin: 34px !important;
}
.u-margin-34-x {
  margin: 0 34px !important;
}
.u-margin-34-y {
  margin: 34px 0 !important;
}
.u-margin-34-top {
  margin-top: 34px !important;
}
.u-margin-34-right {
  margin-right: 34px !important;
}
.u-margin-34-bottom {
  margin-bottom: 34px !important;
}
.u-margin-34-left {
  margin-left: 34px !important;
}
.u-margin-35 {
  margin: 35px !important;
}
.u-margin-35-x {
  margin: 0 35px !important;
}
.u-margin-35-y {
  margin: 35px 0 !important;
}
.u-margin-35-top {
  margin-top: 35px !important;
}
.u-margin-35-right {
  margin-right: 35px !important;
}
.u-margin-35-bottom {
  margin-bottom: 35px !important;
}
.u-margin-35-left {
  margin-left: 35px !important;
}
.u-margin-36 {
  margin: 36px !important;
}
.u-margin-36-x {
  margin: 0 36px !important;
}
.u-margin-36-y {
  margin: 36px 0 !important;
}
.u-margin-36-top {
  margin-top: 36px !important;
}
.u-margin-36-right {
  margin-right: 36px !important;
}
.u-margin-36-bottom {
  margin-bottom: 36px !important;
}
.u-margin-36-left {
  margin-left: 36px !important;
}
.u-margin-37 {
  margin: 37px !important;
}
.u-margin-37-x {
  margin: 0 37px !important;
}
.u-margin-37-y {
  margin: 37px 0 !important;
}
.u-margin-37-top {
  margin-top: 37px !important;
}
.u-margin-37-right {
  margin-right: 37px !important;
}
.u-margin-37-bottom {
  margin-bottom: 37px !important;
}
.u-margin-37-left {
  margin-left: 37px !important;
}
.u-margin-38 {
  margin: 38px !important;
}
.u-margin-38-x {
  margin: 0 38px !important;
}
.u-margin-38-y {
  margin: 38px 0 !important;
}
.u-margin-38-top {
  margin-top: 38px !important;
}
.u-margin-38-right {
  margin-right: 38px !important;
}
.u-margin-38-bottom {
  margin-bottom: 38px !important;
}
.u-margin-38-left {
  margin-left: 38px !important;
}
.u-margin-39 {
  margin: 39px !important;
}
.u-margin-39-x {
  margin: 0 39px !important;
}
.u-margin-39-y {
  margin: 39px 0 !important;
}
.u-margin-39-top {
  margin-top: 39px !important;
}
.u-margin-39-right {
  margin-right: 39px !important;
}
.u-margin-39-bottom {
  margin-bottom: 39px !important;
}
.u-margin-39-left {
  margin-left: 39px !important;
}
.u-margin-40 {
  margin: 40px !important;
}
.u-margin-40-x {
  margin: 0 40px !important;
}
.u-margin-40-y {
  margin: 40px 0 !important;
}
.u-margin-40-top {
  margin-top: 40px !important;
}
.u-margin-40-right {
  margin-right: 40px !important;
}
.u-margin-40-bottom {
  margin-bottom: 40px !important;
}
.u-margin-40-left {
  margin-left: 40px !important;
}
.u-margin-41 {
  margin: 41px !important;
}
.u-margin-41-x {
  margin: 0 41px !important;
}
.u-margin-41-y {
  margin: 41px 0 !important;
}
.u-margin-41-top {
  margin-top: 41px !important;
}
.u-margin-41-right {
  margin-right: 41px !important;
}
.u-margin-41-bottom {
  margin-bottom: 41px !important;
}
.u-margin-41-left {
  margin-left: 41px !important;
}
.u-margin-42 {
  margin: 42px !important;
}
.u-margin-42-x {
  margin: 0 42px !important;
}
.u-margin-42-y {
  margin: 42px 0 !important;
}
.u-margin-42-top {
  margin-top: 42px !important;
}
.u-margin-42-right {
  margin-right: 42px !important;
}
.u-margin-42-bottom {
  margin-bottom: 42px !important;
}
.u-margin-42-left {
  margin-left: 42px !important;
}
.u-margin-43 {
  margin: 43px !important;
}
.u-margin-43-x {
  margin: 0 43px !important;
}
.u-margin-43-y {
  margin: 43px 0 !important;
}
.u-margin-43-top {
  margin-top: 43px !important;
}
.u-margin-43-right {
  margin-right: 43px !important;
}
.u-margin-43-bottom {
  margin-bottom: 43px !important;
}
.u-margin-43-left {
  margin-left: 43px !important;
}
.u-margin-44 {
  margin: 44px !important;
}
.u-margin-44-x {
  margin: 0 44px !important;
}
.u-margin-44-y {
  margin: 44px 0 !important;
}
.u-margin-44-top {
  margin-top: 44px !important;
}
.u-margin-44-right {
  margin-right: 44px !important;
}
.u-margin-44-bottom {
  margin-bottom: 44px !important;
}
.u-margin-44-left {
  margin-left: 44px !important;
}
.u-margin-45 {
  margin: 45px !important;
}
.u-margin-45-x {
  margin: 0 45px !important;
}
.u-margin-45-y {
  margin: 45px 0 !important;
}
.u-margin-45-top {
  margin-top: 45px !important;
}
.u-margin-45-right {
  margin-right: 45px !important;
}
.u-margin-45-bottom {
  margin-bottom: 45px !important;
}
.u-margin-45-left {
  margin-left: 45px !important;
}
.u-margin-46 {
  margin: 46px !important;
}
.u-margin-46-x {
  margin: 0 46px !important;
}
.u-margin-46-y {
  margin: 46px 0 !important;
}
.u-margin-46-top {
  margin-top: 46px !important;
}
.u-margin-46-right {
  margin-right: 46px !important;
}
.u-margin-46-bottom {
  margin-bottom: 46px !important;
}
.u-margin-46-left {
  margin-left: 46px !important;
}
.u-margin-47 {
  margin: 47px !important;
}
.u-margin-47-x {
  margin: 0 47px !important;
}
.u-margin-47-y {
  margin: 47px 0 !important;
}
.u-margin-47-top {
  margin-top: 47px !important;
}
.u-margin-47-right {
  margin-right: 47px !important;
}
.u-margin-47-bottom {
  margin-bottom: 47px !important;
}
.u-margin-47-left {
  margin-left: 47px !important;
}
.u-margin-48 {
  margin: 48px !important;
}
.u-margin-48-x {
  margin: 0 48px !important;
}
.u-margin-48-y {
  margin: 48px 0 !important;
}
.u-margin-48-top {
  margin-top: 48px !important;
}
.u-margin-48-right {
  margin-right: 48px !important;
}
.u-margin-48-bottom {
  margin-bottom: 48px !important;
}
.u-margin-48-left {
  margin-left: 48px !important;
}
.u-margin-49 {
  margin: 49px !important;
}
.u-margin-49-x {
  margin: 0 49px !important;
}
.u-margin-49-y {
  margin: 49px 0 !important;
}
.u-margin-49-top {
  margin-top: 49px !important;
}
.u-margin-49-right {
  margin-right: 49px !important;
}
.u-margin-49-bottom {
  margin-bottom: 49px !important;
}
.u-margin-49-left {
  margin-left: 49px !important;
}
.u-margin-50 {
  margin: 50px !important;
}
.u-margin-50-x {
  margin: 0 50px !important;
}
.u-margin-50-y {
  margin: 50px 0 !important;
}
.u-margin-50-top {
  margin-top: 50px !important;
}
.u-margin-50-right {
  margin-right: 50px !important;
}
.u-margin-50-bottom {
  margin-bottom: 50px !important;
}
.u-margin-50-left {
  margin-left: 50px !important;
}
/*
padding
------------------------------------------------------------------------- */
/*
 pre-sized paddings
 */
.u-padding-none {
  padding: 0 !important;
}
.u-padding-none-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.u-padding-none-y {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.u-padding-none-top {
  padding-top: 0 !important;
}
.u-padding-none-right {
  padding-right: 0 !important;
}
.u-padding-none-bottom {
  padding-bottom: 0 !important;
}
.u-padding-none-left {
  padding-left: 0 !important;
}
.u-padding-xs {
  padding: 5px !important;
}
.u-padding-xs-x {
  padding: 0 5px !important;
}
.u-padding-xs-y {
  padding: 5px 0 !important;
}
.u-padding-xs-top {
  padding-top: 5px !important;
}
.u-padding-xs-right {
  padding-right: 5px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 5px !important;
}
.u-padding-xs-left {
  padding-left: 5px !important;
}
.u-padding-s {
  padding: 10px;
}
.u-padding-s-x {
  padding: 0 10px !important;
}
.u-padding-s-y {
  padding: 10px 0 !important;
}
.u-padding-s-top {
  padding-top: 10px !important;
}
.u-padding-s-right {
  padding-right: 10px !important;
}
.u-padding-s-bottom {
  padding-bottom: 10px !important;
}
.u-padding-s-left {
  padding-left: 10px !important;
}
.u-padding-m {
  padding: 20px;
}
.u-padding-m-x {
  padding: 0 20px !important;
}
.u-padding-m-y {
  padding: 20px 0 !important;
}
.u-padding-m-top {
  padding-top: 20px !important;
}
.u-padding-m-right {
  padding-right: 20px !important;
}
.u-padding-m-bottom {
  padding-bottom: 20px !important;
}
.u-padding-m-left {
  padding-left: 20px !important;
}
.u-padding-l {
  padding: 30px;
}
.u-padding-l-x {
  padding: 0 30px !important;
}
.u-padding-l-y {
  padding: 30px 0 !important;
}
.u-padding-l-top {
  padding-top: 30px !important;
}
.u-padding-l-right {
  padding-right: 30px !important;
}
.u-padding-l-bottom {
  padding-bottom: 30px !important;
}
.u-padding-l-left {
  padding-left: 30px !important;
}
.u-padding-xl {
  padding: 50px;
}
.u-padding-xl-x {
  padding: 0 50px !important;
}
.u-padding-xl-y {
  padding: 50px 0 !important;
}
.u-padding-xl-top {
  padding-top: 50px !important;
}
.u-padding-xl-right {
  padding-right: 50px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 50px !important;
}
.u-padding-xl-left {
  padding-left: 50px !important;
}
/*
 specific size paddings
 */
.u-padding-1 {
  padding: 1px !important;
}
.u-padding-x-1 {
  padding: 0 1px !important;
}
.u-padding-y-1 {
  padding: 1px 0 !important;
}
.u-padding-top-1 {
  padding-top: 1px !important;
}
.u-padding-right-1 {
  padding-right: 1px !important;
}
.u-padding-bottom-1 {
  padding-bottom: 1px !important;
}
.u-padding-left-1 {
  padding-left: 1px !important;
}
.u-padding-2 {
  padding: 2px !important;
}
.u-padding-x-2 {
  padding: 0 2px !important;
}
.u-padding-y-2 {
  padding: 2px 0 !important;
}
.u-padding-top-2 {
  padding-top: 2px !important;
}
.u-padding-right-2 {
  padding-right: 2px !important;
}
.u-padding-bottom-2 {
  padding-bottom: 2px !important;
}
.u-padding-left-2 {
  padding-left: 2px !important;
}
.u-padding-3 {
  padding: 3px !important;
}
.u-padding-x-3 {
  padding: 0 3px !important;
}
.u-padding-y-3 {
  padding: 3px 0 !important;
}
.u-padding-top-3 {
  padding-top: 3px !important;
}
.u-padding-right-3 {
  padding-right: 3px !important;
}
.u-padding-bottom-3 {
  padding-bottom: 3px !important;
}
.u-padding-left-3 {
  padding-left: 3px !important;
}
.u-padding-4 {
  padding: 4px !important;
}
.u-padding-x-4 {
  padding: 0 4px !important;
}
.u-padding-y-4 {
  padding: 4px 0 !important;
}
.u-padding-top-4 {
  padding-top: 4px !important;
}
.u-padding-right-4 {
  padding-right: 4px !important;
}
.u-padding-bottom-4 {
  padding-bottom: 4px !important;
}
.u-padding-left-4 {
  padding-left: 4px !important;
}
.u-padding-5 {
  padding: 5px !important;
}
.u-padding-x-5 {
  padding: 0 5px !important;
}
.u-padding-y-5 {
  padding: 5px 0 !important;
}
.u-padding-top-5 {
  padding-top: 5px !important;
}
.u-padding-right-5 {
  padding-right: 5px !important;
}
.u-padding-bottom-5 {
  padding-bottom: 5px !important;
}
.u-padding-left-5 {
  padding-left: 5px !important;
}
.u-padding-6 {
  padding: 6px !important;
}
.u-padding-x-6 {
  padding: 0 6px !important;
}
.u-padding-y-6 {
  padding: 6px 0 !important;
}
.u-padding-top-6 {
  padding-top: 6px !important;
}
.u-padding-right-6 {
  padding-right: 6px !important;
}
.u-padding-bottom-6 {
  padding-bottom: 6px !important;
}
.u-padding-left-6 {
  padding-left: 6px !important;
}
.u-padding-7 {
  padding: 7px !important;
}
.u-padding-x-7 {
  padding: 0 7px !important;
}
.u-padding-y-7 {
  padding: 7px 0 !important;
}
.u-padding-top-7 {
  padding-top: 7px !important;
}
.u-padding-right-7 {
  padding-right: 7px !important;
}
.u-padding-bottom-7 {
  padding-bottom: 7px !important;
}
.u-padding-left-7 {
  padding-left: 7px !important;
}
.u-padding-8 {
  padding: 8px !important;
}
.u-padding-x-8 {
  padding: 0 8px !important;
}
.u-padding-y-8 {
  padding: 8px 0 !important;
}
.u-padding-top-8 {
  padding-top: 8px !important;
}
.u-padding-right-8 {
  padding-right: 8px !important;
}
.u-padding-bottom-8 {
  padding-bottom: 8px !important;
}
.u-padding-left-8 {
  padding-left: 8px !important;
}
.u-padding-9 {
  padding: 9px !important;
}
.u-padding-x-9 {
  padding: 0 9px !important;
}
.u-padding-y-9 {
  padding: 9px 0 !important;
}
.u-padding-top-9 {
  padding-top: 9px !important;
}
.u-padding-right-9 {
  padding-right: 9px !important;
}
.u-padding-bottom-9 {
  padding-bottom: 9px !important;
}
.u-padding-left-9 {
  padding-left: 9px !important;
}
.u-padding-10 {
  padding: 10px !important;
}
.u-padding-x-10 {
  padding: 0 10px !important;
}
.u-padding-y-10 {
  padding: 10px 0 !important;
}
.u-padding-top-10 {
  padding-top: 10px !important;
}
.u-padding-right-10 {
  padding-right: 10px !important;
}
.u-padding-bottom-10 {
  padding-bottom: 10px !important;
}
.u-padding-left-10 {
  padding-left: 10px !important;
}
.u-padding-11 {
  padding: 11px !important;
}
.u-padding-x-11 {
  padding: 0 11px !important;
}
.u-padding-y-11 {
  padding: 11px 0 !important;
}
.u-padding-top-11 {
  padding-top: 11px !important;
}
.u-padding-right-11 {
  padding-right: 11px !important;
}
.u-padding-bottom-11 {
  padding-bottom: 11px !important;
}
.u-padding-left-11 {
  padding-left: 11px !important;
}
.u-padding-12 {
  padding: 12px !important;
}
.u-padding-x-12 {
  padding: 0 12px !important;
}
.u-padding-y-12 {
  padding: 12px 0 !important;
}
.u-padding-top-12 {
  padding-top: 12px !important;
}
.u-padding-right-12 {
  padding-right: 12px !important;
}
.u-padding-bottom-12 {
  padding-bottom: 12px !important;
}
.u-padding-left-12 {
  padding-left: 12px !important;
}
.u-padding-13 {
  padding: 13px !important;
}
.u-padding-x-13 {
  padding: 0 13px !important;
}
.u-padding-y-13 {
  padding: 13px 0 !important;
}
.u-padding-top-13 {
  padding-top: 13px !important;
}
.u-padding-right-13 {
  padding-right: 13px !important;
}
.u-padding-bottom-13 {
  padding-bottom: 13px !important;
}
.u-padding-left-13 {
  padding-left: 13px !important;
}
.u-padding-14 {
  padding: 14px !important;
}
.u-padding-x-14 {
  padding: 0 14px !important;
}
.u-padding-y-14 {
  padding: 14px 0 !important;
}
.u-padding-top-14 {
  padding-top: 14px !important;
}
.u-padding-right-14 {
  padding-right: 14px !important;
}
.u-padding-bottom-14 {
  padding-bottom: 14px !important;
}
.u-padding-left-14 {
  padding-left: 14px !important;
}
.u-padding-15 {
  padding: 15px !important;
}
.u-padding-x-15 {
  padding: 0 15px !important;
}
.u-padding-y-15 {
  padding: 15px 0 !important;
}
.u-padding-top-15 {
  padding-top: 15px !important;
}
.u-padding-right-15 {
  padding-right: 15px !important;
}
.u-padding-bottom-15 {
  padding-bottom: 15px !important;
}
.u-padding-left-15 {
  padding-left: 15px !important;
}
.u-padding-16 {
  padding: 16px !important;
}
.u-padding-x-16 {
  padding: 0 16px !important;
}
.u-padding-y-16 {
  padding: 16px 0 !important;
}
.u-padding-top-16 {
  padding-top: 16px !important;
}
.u-padding-right-16 {
  padding-right: 16px !important;
}
.u-padding-bottom-16 {
  padding-bottom: 16px !important;
}
.u-padding-left-16 {
  padding-left: 16px !important;
}
.u-padding-17 {
  padding: 17px !important;
}
.u-padding-x-17 {
  padding: 0 17px !important;
}
.u-padding-y-17 {
  padding: 17px 0 !important;
}
.u-padding-top-17 {
  padding-top: 17px !important;
}
.u-padding-right-17 {
  padding-right: 17px !important;
}
.u-padding-bottom-17 {
  padding-bottom: 17px !important;
}
.u-padding-left-17 {
  padding-left: 17px !important;
}
.u-padding-18 {
  padding: 18px !important;
}
.u-padding-x-18 {
  padding: 0 18px !important;
}
.u-padding-y-18 {
  padding: 18px 0 !important;
}
.u-padding-top-18 {
  padding-top: 18px !important;
}
.u-padding-right-18 {
  padding-right: 18px !important;
}
.u-padding-bottom-18 {
  padding-bottom: 18px !important;
}
.u-padding-left-18 {
  padding-left: 18px !important;
}
.u-padding-19 {
  padding: 19px !important;
}
.u-padding-x-19 {
  padding: 0 19px !important;
}
.u-padding-y-19 {
  padding: 19px 0 !important;
}
.u-padding-top-19 {
  padding-top: 19px !important;
}
.u-padding-right-19 {
  padding-right: 19px !important;
}
.u-padding-bottom-19 {
  padding-bottom: 19px !important;
}
.u-padding-left-19 {
  padding-left: 19px !important;
}
.u-padding-20 {
  padding: 20px !important;
}
.u-padding-x-20 {
  padding: 0 20px !important;
}
.u-padding-y-20 {
  padding: 20px 0 !important;
}
.u-padding-top-20 {
  padding-top: 20px !important;
}
.u-padding-right-20 {
  padding-right: 20px !important;
}
.u-padding-bottom-20 {
  padding-bottom: 20px !important;
}
.u-padding-left-20 {
  padding-left: 20px !important;
}
.u-padding-21 {
  padding: 21px !important;
}
.u-padding-x-21 {
  padding: 0 21px !important;
}
.u-padding-y-21 {
  padding: 21px 0 !important;
}
.u-padding-top-21 {
  padding-top: 21px !important;
}
.u-padding-right-21 {
  padding-right: 21px !important;
}
.u-padding-bottom-21 {
  padding-bottom: 21px !important;
}
.u-padding-left-21 {
  padding-left: 21px !important;
}
.u-padding-22 {
  padding: 22px !important;
}
.u-padding-x-22 {
  padding: 0 22px !important;
}
.u-padding-y-22 {
  padding: 22px 0 !important;
}
.u-padding-top-22 {
  padding-top: 22px !important;
}
.u-padding-right-22 {
  padding-right: 22px !important;
}
.u-padding-bottom-22 {
  padding-bottom: 22px !important;
}
.u-padding-left-22 {
  padding-left: 22px !important;
}
.u-padding-23 {
  padding: 23px !important;
}
.u-padding-x-23 {
  padding: 0 23px !important;
}
.u-padding-y-23 {
  padding: 23px 0 !important;
}
.u-padding-top-23 {
  padding-top: 23px !important;
}
.u-padding-right-23 {
  padding-right: 23px !important;
}
.u-padding-bottom-23 {
  padding-bottom: 23px !important;
}
.u-padding-left-23 {
  padding-left: 23px !important;
}
.u-padding-24 {
  padding: 24px !important;
}
.u-padding-x-24 {
  padding: 0 24px !important;
}
.u-padding-y-24 {
  padding: 24px 0 !important;
}
.u-padding-top-24 {
  padding-top: 24px !important;
}
.u-padding-right-24 {
  padding-right: 24px !important;
}
.u-padding-bottom-24 {
  padding-bottom: 24px !important;
}
.u-padding-left-24 {
  padding-left: 24px !important;
}
.u-padding-25 {
  padding: 25px !important;
}
.u-padding-x-25 {
  padding: 0 25px !important;
}
.u-padding-y-25 {
  padding: 25px 0 !important;
}
.u-padding-top-25 {
  padding-top: 25px !important;
}
.u-padding-right-25 {
  padding-right: 25px !important;
}
.u-padding-bottom-25 {
  padding-bottom: 25px !important;
}
.u-padding-left-25 {
  padding-left: 25px !important;
}
.u-padding-26 {
  padding: 26px !important;
}
.u-padding-x-26 {
  padding: 0 26px !important;
}
.u-padding-y-26 {
  padding: 26px 0 !important;
}
.u-padding-top-26 {
  padding-top: 26px !important;
}
.u-padding-right-26 {
  padding-right: 26px !important;
}
.u-padding-bottom-26 {
  padding-bottom: 26px !important;
}
.u-padding-left-26 {
  padding-left: 26px !important;
}
.u-padding-27 {
  padding: 27px !important;
}
.u-padding-x-27 {
  padding: 0 27px !important;
}
.u-padding-y-27 {
  padding: 27px 0 !important;
}
.u-padding-top-27 {
  padding-top: 27px !important;
}
.u-padding-right-27 {
  padding-right: 27px !important;
}
.u-padding-bottom-27 {
  padding-bottom: 27px !important;
}
.u-padding-left-27 {
  padding-left: 27px !important;
}
.u-padding-28 {
  padding: 28px !important;
}
.u-padding-x-28 {
  padding: 0 28px !important;
}
.u-padding-y-28 {
  padding: 28px 0 !important;
}
.u-padding-top-28 {
  padding-top: 28px !important;
}
.u-padding-right-28 {
  padding-right: 28px !important;
}
.u-padding-bottom-28 {
  padding-bottom: 28px !important;
}
.u-padding-left-28 {
  padding-left: 28px !important;
}
.u-padding-29 {
  padding: 29px !important;
}
.u-padding-x-29 {
  padding: 0 29px !important;
}
.u-padding-y-29 {
  padding: 29px 0 !important;
}
.u-padding-top-29 {
  padding-top: 29px !important;
}
.u-padding-right-29 {
  padding-right: 29px !important;
}
.u-padding-bottom-29 {
  padding-bottom: 29px !important;
}
.u-padding-left-29 {
  padding-left: 29px !important;
}
.u-padding-30 {
  padding: 30px !important;
}
.u-padding-x-30 {
  padding: 0 30px !important;
}
.u-padding-y-30 {
  padding: 30px 0 !important;
}
.u-padding-top-30 {
  padding-top: 30px !important;
}
.u-padding-right-30 {
  padding-right: 30px !important;
}
.u-padding-bottom-30 {
  padding-bottom: 30px !important;
}
.u-padding-left-30 {
  padding-left: 30px !important;
}
.u-padding-31 {
  padding: 31px !important;
}
.u-padding-x-31 {
  padding: 0 31px !important;
}
.u-padding-y-31 {
  padding: 31px 0 !important;
}
.u-padding-top-31 {
  padding-top: 31px !important;
}
.u-padding-right-31 {
  padding-right: 31px !important;
}
.u-padding-bottom-31 {
  padding-bottom: 31px !important;
}
.u-padding-left-31 {
  padding-left: 31px !important;
}
.u-padding-32 {
  padding: 32px !important;
}
.u-padding-x-32 {
  padding: 0 32px !important;
}
.u-padding-y-32 {
  padding: 32px 0 !important;
}
.u-padding-top-32 {
  padding-top: 32px !important;
}
.u-padding-right-32 {
  padding-right: 32px !important;
}
.u-padding-bottom-32 {
  padding-bottom: 32px !important;
}
.u-padding-left-32 {
  padding-left: 32px !important;
}
.u-padding-33 {
  padding: 33px !important;
}
.u-padding-x-33 {
  padding: 0 33px !important;
}
.u-padding-y-33 {
  padding: 33px 0 !important;
}
.u-padding-top-33 {
  padding-top: 33px !important;
}
.u-padding-right-33 {
  padding-right: 33px !important;
}
.u-padding-bottom-33 {
  padding-bottom: 33px !important;
}
.u-padding-left-33 {
  padding-left: 33px !important;
}
.u-padding-34 {
  padding: 34px !important;
}
.u-padding-x-34 {
  padding: 0 34px !important;
}
.u-padding-y-34 {
  padding: 34px 0 !important;
}
.u-padding-top-34 {
  padding-top: 34px !important;
}
.u-padding-right-34 {
  padding-right: 34px !important;
}
.u-padding-bottom-34 {
  padding-bottom: 34px !important;
}
.u-padding-left-34 {
  padding-left: 34px !important;
}
.u-padding-35 {
  padding: 35px !important;
}
.u-padding-x-35 {
  padding: 0 35px !important;
}
.u-padding-y-35 {
  padding: 35px 0 !important;
}
.u-padding-top-35 {
  padding-top: 35px !important;
}
.u-padding-right-35 {
  padding-right: 35px !important;
}
.u-padding-bottom-35 {
  padding-bottom: 35px !important;
}
.u-padding-left-35 {
  padding-left: 35px !important;
}
.u-padding-36 {
  padding: 36px !important;
}
.u-padding-x-36 {
  padding: 0 36px !important;
}
.u-padding-y-36 {
  padding: 36px 0 !important;
}
.u-padding-top-36 {
  padding-top: 36px !important;
}
.u-padding-right-36 {
  padding-right: 36px !important;
}
.u-padding-bottom-36 {
  padding-bottom: 36px !important;
}
.u-padding-left-36 {
  padding-left: 36px !important;
}
.u-padding-37 {
  padding: 37px !important;
}
.u-padding-x-37 {
  padding: 0 37px !important;
}
.u-padding-y-37 {
  padding: 37px 0 !important;
}
.u-padding-top-37 {
  padding-top: 37px !important;
}
.u-padding-right-37 {
  padding-right: 37px !important;
}
.u-padding-bottom-37 {
  padding-bottom: 37px !important;
}
.u-padding-left-37 {
  padding-left: 37px !important;
}
.u-padding-38 {
  padding: 38px !important;
}
.u-padding-x-38 {
  padding: 0 38px !important;
}
.u-padding-y-38 {
  padding: 38px 0 !important;
}
.u-padding-top-38 {
  padding-top: 38px !important;
}
.u-padding-right-38 {
  padding-right: 38px !important;
}
.u-padding-bottom-38 {
  padding-bottom: 38px !important;
}
.u-padding-left-38 {
  padding-left: 38px !important;
}
.u-padding-39 {
  padding: 39px !important;
}
.u-padding-x-39 {
  padding: 0 39px !important;
}
.u-padding-y-39 {
  padding: 39px 0 !important;
}
.u-padding-top-39 {
  padding-top: 39px !important;
}
.u-padding-right-39 {
  padding-right: 39px !important;
}
.u-padding-bottom-39 {
  padding-bottom: 39px !important;
}
.u-padding-left-39 {
  padding-left: 39px !important;
}
.u-padding-40 {
  padding: 40px !important;
}
.u-padding-x-40 {
  padding: 0 40px !important;
}
.u-padding-y-40 {
  padding: 40px 0 !important;
}
.u-padding-top-40 {
  padding-top: 40px !important;
}
.u-padding-right-40 {
  padding-right: 40px !important;
}
.u-padding-bottom-40 {
  padding-bottom: 40px !important;
}
.u-padding-left-40 {
  padding-left: 40px !important;
}
.u-padding-41 {
  padding: 41px !important;
}
.u-padding-x-41 {
  padding: 0 41px !important;
}
.u-padding-y-41 {
  padding: 41px 0 !important;
}
.u-padding-top-41 {
  padding-top: 41px !important;
}
.u-padding-right-41 {
  padding-right: 41px !important;
}
.u-padding-bottom-41 {
  padding-bottom: 41px !important;
}
.u-padding-left-41 {
  padding-left: 41px !important;
}
.u-padding-42 {
  padding: 42px !important;
}
.u-padding-x-42 {
  padding: 0 42px !important;
}
.u-padding-y-42 {
  padding: 42px 0 !important;
}
.u-padding-top-42 {
  padding-top: 42px !important;
}
.u-padding-right-42 {
  padding-right: 42px !important;
}
.u-padding-bottom-42 {
  padding-bottom: 42px !important;
}
.u-padding-left-42 {
  padding-left: 42px !important;
}
.u-padding-43 {
  padding: 43px !important;
}
.u-padding-x-43 {
  padding: 0 43px !important;
}
.u-padding-y-43 {
  padding: 43px 0 !important;
}
.u-padding-top-43 {
  padding-top: 43px !important;
}
.u-padding-right-43 {
  padding-right: 43px !important;
}
.u-padding-bottom-43 {
  padding-bottom: 43px !important;
}
.u-padding-left-43 {
  padding-left: 43px !important;
}
.u-padding-44 {
  padding: 44px !important;
}
.u-padding-x-44 {
  padding: 0 44px !important;
}
.u-padding-y-44 {
  padding: 44px 0 !important;
}
.u-padding-top-44 {
  padding-top: 44px !important;
}
.u-padding-right-44 {
  padding-right: 44px !important;
}
.u-padding-bottom-44 {
  padding-bottom: 44px !important;
}
.u-padding-left-44 {
  padding-left: 44px !important;
}
.u-padding-45 {
  padding: 45px !important;
}
.u-padding-x-45 {
  padding: 0 45px !important;
}
.u-padding-y-45 {
  padding: 45px 0 !important;
}
.u-padding-top-45 {
  padding-top: 45px !important;
}
.u-padding-right-45 {
  padding-right: 45px !important;
}
.u-padding-bottom-45 {
  padding-bottom: 45px !important;
}
.u-padding-left-45 {
  padding-left: 45px !important;
}
.u-padding-46 {
  padding: 46px !important;
}
.u-padding-x-46 {
  padding: 0 46px !important;
}
.u-padding-y-46 {
  padding: 46px 0 !important;
}
.u-padding-top-46 {
  padding-top: 46px !important;
}
.u-padding-right-46 {
  padding-right: 46px !important;
}
.u-padding-bottom-46 {
  padding-bottom: 46px !important;
}
.u-padding-left-46 {
  padding-left: 46px !important;
}
.u-padding-47 {
  padding: 47px !important;
}
.u-padding-x-47 {
  padding: 0 47px !important;
}
.u-padding-y-47 {
  padding: 47px 0 !important;
}
.u-padding-top-47 {
  padding-top: 47px !important;
}
.u-padding-right-47 {
  padding-right: 47px !important;
}
.u-padding-bottom-47 {
  padding-bottom: 47px !important;
}
.u-padding-left-47 {
  padding-left: 47px !important;
}
.u-padding-48 {
  padding: 48px !important;
}
.u-padding-x-48 {
  padding: 0 48px !important;
}
.u-padding-y-48 {
  padding: 48px 0 !important;
}
.u-padding-top-48 {
  padding-top: 48px !important;
}
.u-padding-right-48 {
  padding-right: 48px !important;
}
.u-padding-bottom-48 {
  padding-bottom: 48px !important;
}
.u-padding-left-48 {
  padding-left: 48px !important;
}
.u-padding-49 {
  padding: 49px !important;
}
.u-padding-x-49 {
  padding: 0 49px !important;
}
.u-padding-y-49 {
  padding: 49px 0 !important;
}
.u-padding-top-49 {
  padding-top: 49px !important;
}
.u-padding-right-49 {
  padding-right: 49px !important;
}
.u-padding-bottom-49 {
  padding-bottom: 49px !important;
}
.u-padding-left-49 {
  padding-left: 49px !important;
}
.u-padding-50 {
  padding: 50px !important;
}
.u-padding-x-50 {
  padding: 0 50px !important;
}
.u-padding-y-50 {
  padding: 50px 0 !important;
}
.u-padding-top-50 {
  padding-top: 50px !important;
}
.u-padding-right-50 {
  padding-right: 50px !important;
}
.u-padding-bottom-50 {
  padding-bottom: 50px !important;
}
.u-padding-left-50 {
  padding-left: 50px !important;
}
/*
position
------------------------------------------------------------------------- */
.u-pos-top {
  margin-bottom: auto !important;
}
.u-pos-right {
  margin-left: auto !important;
}
.u-pos-bottom {
  margin-top: auto !important;
}
.u-pos-left {
  margin-right: auto !important;
}
/*
state
------------------------------------------------------------------------- */
.u-no-scroll {
  overflow: hidden !important;
}
.u-no-scroll-y {
  overflow-y: hidden !important;
}
.u-no-scroll-x {
  overflow-x: hidden !important;
}
.u-hidden {
  visibility: hidden !important;
  opacity: 0 !important;
}
/*
text transform
------------------------------------------------------------------------- */
.u-text-upper {
  text-transform: uppercase !important;
}
.u-text-lower {
  text-transform: lowercase !important;
}
.u-text-proper {
  text-transform: capitalize !important;
}
/*
text weight
------------------------------------------------------------------------- */
.u-text-light {
  font-weight: 300 !important;
}
.u-text-semibold {
  font-weight: 600 !important;
}
.u-text-bold {
  font-weight: 700 !important;
}
/*
column width
------------------------------------------------------------------------- */
.u-width-1 {
  width: 1px !important;
}
.u-width-2 {
  width: 2px !important;
}
.u-width-3 {
  width: 3px !important;
}
.u-width-4 {
  width: 4px !important;
}
.u-width-5 {
  width: 5px !important;
}
.u-width-6 {
  width: 6px !important;
}
.u-width-7 {
  width: 7px !important;
}
.u-width-8 {
  width: 8px !important;
}
.u-width-9 {
  width: 9px !important;
}
.u-width-10 {
  width: 10px !important;
}
.u-width-11 {
  width: 11px !important;
}
.u-width-12 {
  width: 12px !important;
}
.u-width-13 {
  width: 13px !important;
}
.u-width-14 {
  width: 14px !important;
}
.u-width-15 {
  width: 15px !important;
}
.u-width-16 {
  width: 16px !important;
}
.u-width-17 {
  width: 17px !important;
}
.u-width-18 {
  width: 18px !important;
}
.u-width-19 {
  width: 19px !important;
}
.u-width-20 {
  width: 20px !important;
}
.u-width-21 {
  width: 21px !important;
}
.u-width-22 {
  width: 22px !important;
}
.u-width-23 {
  width: 23px !important;
}
.u-width-24 {
  width: 24px !important;
}
.u-width-25 {
  width: 25px !important;
}
.u-width-26 {
  width: 26px !important;
}
.u-width-27 {
  width: 27px !important;
}
.u-width-28 {
  width: 28px !important;
}
.u-width-29 {
  width: 29px !important;
}
.u-width-30 {
  width: 30px !important;
}
.u-width-31 {
  width: 31px !important;
}
.u-width-32 {
  width: 32px !important;
}
.u-width-33 {
  width: 33px !important;
}
.u-width-34 {
  width: 34px !important;
}
.u-width-35 {
  width: 35px !important;
}
.u-width-36 {
  width: 36px !important;
}
.u-width-37 {
  width: 37px !important;
}
.u-width-38 {
  width: 38px !important;
}
.u-width-39 {
  width: 39px !important;
}
.u-width-40 {
  width: 40px !important;
}
.u-width-41 {
  width: 41px !important;
}
.u-width-42 {
  width: 42px !important;
}
.u-width-43 {
  width: 43px !important;
}
.u-width-44 {
  width: 44px !important;
}
.u-width-45 {
  width: 45px !important;
}
.u-width-46 {
  width: 46px !important;
}
.u-width-47 {
  width: 47px !important;
}
.u-width-48 {
  width: 48px !important;
}
.u-width-49 {
  width: 49px !important;
}
.u-width-50 {
  width: 50px !important;
}
.u-width-51 {
  width: 51px !important;
}
.u-width-52 {
  width: 52px !important;
}
.u-width-53 {
  width: 53px !important;
}
.u-width-54 {
  width: 54px !important;
}
.u-width-55 {
  width: 55px !important;
}
.u-width-56 {
  width: 56px !important;
}
.u-width-57 {
  width: 57px !important;
}
.u-width-58 {
  width: 58px !important;
}
.u-width-59 {
  width: 59px !important;
}
.u-width-60 {
  width: 60px !important;
}
.u-width-61 {
  width: 61px !important;
}
.u-width-62 {
  width: 62px !important;
}
.u-width-63 {
  width: 63px !important;
}
.u-width-64 {
  width: 64px !important;
}
.u-width-65 {
  width: 65px !important;
}
.u-width-66 {
  width: 66px !important;
}
.u-width-67 {
  width: 67px !important;
}
.u-width-68 {
  width: 68px !important;
}
.u-width-69 {
  width: 69px !important;
}
.u-width-70 {
  width: 70px !important;
}
.u-width-71 {
  width: 71px !important;
}
.u-width-72 {
  width: 72px !important;
}
.u-width-73 {
  width: 73px !important;
}
.u-width-74 {
  width: 74px !important;
}
.u-width-75 {
  width: 75px !important;
}
.u-width-76 {
  width: 76px !important;
}
.u-width-77 {
  width: 77px !important;
}
.u-width-78 {
  width: 78px !important;
}
.u-width-79 {
  width: 79px !important;
}
.u-width-80 {
  width: 80px !important;
}
.u-width-81 {
  width: 81px !important;
}
.u-width-82 {
  width: 82px !important;
}
.u-width-83 {
  width: 83px !important;
}
.u-width-84 {
  width: 84px !important;
}
.u-width-85 {
  width: 85px !important;
}
.u-width-86 {
  width: 86px !important;
}
.u-width-87 {
  width: 87px !important;
}
.u-width-88 {
  width: 88px !important;
}
.u-width-89 {
  width: 89px !important;
}
.u-width-90 {
  width: 90px !important;
}
.u-width-91 {
  width: 91px !important;
}
.u-width-92 {
  width: 92px !important;
}
.u-width-93 {
  width: 93px !important;
}
.u-width-94 {
  width: 94px !important;
}
.u-width-95 {
  width: 95px !important;
}
.u-width-96 {
  width: 96px !important;
}
.u-width-97 {
  width: 97px !important;
}
.u-width-98 {
  width: 98px !important;
}
.u-width-99 {
  width: 99px !important;
}
.u-width-100 {
  width: 100px !important;
}
.u-width-101 {
  width: 101px !important;
}
.u-width-102 {
  width: 102px !important;
}
.u-width-103 {
  width: 103px !important;
}
.u-width-104 {
  width: 104px !important;
}
.u-width-105 {
  width: 105px !important;
}
.u-width-106 {
  width: 106px !important;
}
.u-width-107 {
  width: 107px !important;
}
.u-width-108 {
  width: 108px !important;
}
.u-width-109 {
  width: 109px !important;
}
.u-width-110 {
  width: 110px !important;
}
.u-width-111 {
  width: 111px !important;
}
.u-width-112 {
  width: 112px !important;
}
.u-width-113 {
  width: 113px !important;
}
.u-width-114 {
  width: 114px !important;
}
.u-width-115 {
  width: 115px !important;
}
.u-width-116 {
  width: 116px !important;
}
.u-width-117 {
  width: 117px !important;
}
.u-width-118 {
  width: 118px !important;
}
.u-width-119 {
  width: 119px !important;
}
.u-width-120 {
  width: 120px !important;
}
.u-width-121 {
  width: 121px !important;
}
.u-width-122 {
  width: 122px !important;
}
.u-width-123 {
  width: 123px !important;
}
.u-width-124 {
  width: 124px !important;
}
.u-width-125 {
  width: 125px !important;
}
.u-width-126 {
  width: 126px !important;
}
.u-width-127 {
  width: 127px !important;
}
.u-width-128 {
  width: 128px !important;
}
.u-width-129 {
  width: 129px !important;
}
.u-width-130 {
  width: 130px !important;
}
.u-width-131 {
  width: 131px !important;
}
.u-width-132 {
  width: 132px !important;
}
.u-width-133 {
  width: 133px !important;
}
.u-width-134 {
  width: 134px !important;
}
.u-width-135 {
  width: 135px !important;
}
.u-width-136 {
  width: 136px !important;
}
.u-width-137 {
  width: 137px !important;
}
.u-width-138 {
  width: 138px !important;
}
.u-width-139 {
  width: 139px !important;
}
.u-width-140 {
  width: 140px !important;
}
.u-width-141 {
  width: 141px !important;
}
.u-width-142 {
  width: 142px !important;
}
.u-width-143 {
  width: 143px !important;
}
.u-width-144 {
  width: 144px !important;
}
.u-width-145 {
  width: 145px !important;
}
.u-width-146 {
  width: 146px !important;
}
.u-width-147 {
  width: 147px !important;
}
.u-width-148 {
  width: 148px !important;
}
.u-width-149 {
  width: 149px !important;
}
.u-width-150 {
  width: 150px !important;
}
.u-width-151 {
  width: 151px !important;
}
.u-width-152 {
  width: 152px !important;
}
.u-width-153 {
  width: 153px !important;
}
.u-width-154 {
  width: 154px !important;
}
.u-width-155 {
  width: 155px !important;
}
.u-width-156 {
  width: 156px !important;
}
.u-width-157 {
  width: 157px !important;
}
.u-width-158 {
  width: 158px !important;
}
.u-width-159 {
  width: 159px !important;
}
.u-width-160 {
  width: 160px !important;
}
.u-width-161 {
  width: 161px !important;
}
.u-width-162 {
  width: 162px !important;
}
.u-width-163 {
  width: 163px !important;
}
.u-width-164 {
  width: 164px !important;
}
.u-width-165 {
  width: 165px !important;
}
.u-width-166 {
  width: 166px !important;
}
.u-width-167 {
  width: 167px !important;
}
.u-width-168 {
  width: 168px !important;
}
.u-width-169 {
  width: 169px !important;
}
.u-width-170 {
  width: 170px !important;
}
.u-width-171 {
  width: 171px !important;
}
.u-width-172 {
  width: 172px !important;
}
.u-width-173 {
  width: 173px !important;
}
.u-width-174 {
  width: 174px !important;
}
.u-width-175 {
  width: 175px !important;
}
.u-width-176 {
  width: 176px !important;
}
.u-width-177 {
  width: 177px !important;
}
.u-width-178 {
  width: 178px !important;
}
.u-width-179 {
  width: 179px !important;
}
.u-width-180 {
  width: 180px !important;
}
.u-width-181 {
  width: 181px !important;
}
.u-width-182 {
  width: 182px !important;
}
.u-width-183 {
  width: 183px !important;
}
.u-width-184 {
  width: 184px !important;
}
.u-width-185 {
  width: 185px !important;
}
.u-width-186 {
  width: 186px !important;
}
.u-width-187 {
  width: 187px !important;
}
.u-width-188 {
  width: 188px !important;
}
.u-width-189 {
  width: 189px !important;
}
.u-width-190 {
  width: 190px !important;
}
.u-width-191 {
  width: 191px !important;
}
.u-width-192 {
  width: 192px !important;
}
.u-width-193 {
  width: 193px !important;
}
.u-width-194 {
  width: 194px !important;
}
.u-width-195 {
  width: 195px !important;
}
.u-width-196 {
  width: 196px !important;
}
.u-width-197 {
  width: 197px !important;
}
.u-width-198 {
  width: 198px !important;
}
.u-width-199 {
  width: 199px !important;
}
.u-width-200 {
  width: 200px !important;
}
.u-width-201 {
  width: 201px !important;
}
.u-width-202 {
  width: 202px !important;
}
.u-width-203 {
  width: 203px !important;
}
.u-width-204 {
  width: 204px !important;
}
.u-width-205 {
  width: 205px !important;
}
.u-width-206 {
  width: 206px !important;
}
.u-width-207 {
  width: 207px !important;
}
.u-width-208 {
  width: 208px !important;
}
.u-width-209 {
  width: 209px !important;
}
.u-width-210 {
  width: 210px !important;
}
.u-width-211 {
  width: 211px !important;
}
.u-width-212 {
  width: 212px !important;
}
.u-width-213 {
  width: 213px !important;
}
.u-width-214 {
  width: 214px !important;
}
.u-width-215 {
  width: 215px !important;
}
.u-width-216 {
  width: 216px !important;
}
.u-width-217 {
  width: 217px !important;
}
.u-width-218 {
  width: 218px !important;
}
.u-width-219 {
  width: 219px !important;
}
.u-width-220 {
  width: 220px !important;
}
.u-width-221 {
  width: 221px !important;
}
.u-width-222 {
  width: 222px !important;
}
.u-width-223 {
  width: 223px !important;
}
.u-width-224 {
  width: 224px !important;
}
.u-width-225 {
  width: 225px !important;
}
.u-width-226 {
  width: 226px !important;
}
.u-width-227 {
  width: 227px !important;
}
.u-width-228 {
  width: 228px !important;
}
.u-width-229 {
  width: 229px !important;
}
.u-width-230 {
  width: 230px !important;
}
.u-width-231 {
  width: 231px !important;
}
.u-width-232 {
  width: 232px !important;
}
.u-width-233 {
  width: 233px !important;
}
.u-width-234 {
  width: 234px !important;
}
.u-width-235 {
  width: 235px !important;
}
.u-width-236 {
  width: 236px !important;
}
.u-width-237 {
  width: 237px !important;
}
.u-width-238 {
  width: 238px !important;
}
.u-width-239 {
  width: 239px !important;
}
.u-width-240 {
  width: 240px !important;
}
.u-width-241 {
  width: 241px !important;
}
.u-width-242 {
  width: 242px !important;
}
.u-width-243 {
  width: 243px !important;
}
.u-width-244 {
  width: 244px !important;
}
.u-width-245 {
  width: 245px !important;
}
.u-width-246 {
  width: 246px !important;
}
.u-width-247 {
  width: 247px !important;
}
.u-width-248 {
  width: 248px !important;
}
.u-width-249 {
  width: 249px !important;
}
.u-width-250 {
  width: 250px !important;
}
.u-width-251 {
  width: 251px !important;
}
.u-width-252 {
  width: 252px !important;
}
.u-width-253 {
  width: 253px !important;
}
.u-width-254 {
  width: 254px !important;
}
.u-width-255 {
  width: 255px !important;
}
.u-width-256 {
  width: 256px !important;
}
.u-width-257 {
  width: 257px !important;
}
.u-width-258 {
  width: 258px !important;
}
.u-width-259 {
  width: 259px !important;
}
.u-width-260 {
  width: 260px !important;
}
.u-width-261 {
  width: 261px !important;
}
.u-width-262 {
  width: 262px !important;
}
.u-width-263 {
  width: 263px !important;
}
.u-width-264 {
  width: 264px !important;
}
.u-width-265 {
  width: 265px !important;
}
.u-width-266 {
  width: 266px !important;
}
.u-width-267 {
  width: 267px !important;
}
.u-width-268 {
  width: 268px !important;
}
.u-width-269 {
  width: 269px !important;
}
.u-width-270 {
  width: 270px !important;
}
.u-width-271 {
  width: 271px !important;
}
.u-width-272 {
  width: 272px !important;
}
.u-width-273 {
  width: 273px !important;
}
.u-width-274 {
  width: 274px !important;
}
.u-width-275 {
  width: 275px !important;
}
.u-width-276 {
  width: 276px !important;
}
.u-width-277 {
  width: 277px !important;
}
.u-width-278 {
  width: 278px !important;
}
.u-width-279 {
  width: 279px !important;
}
.u-width-280 {
  width: 280px !important;
}
.u-width-281 {
  width: 281px !important;
}
.u-width-282 {
  width: 282px !important;
}
.u-width-283 {
  width: 283px !important;
}
.u-width-284 {
  width: 284px !important;
}
.u-width-285 {
  width: 285px !important;
}
.u-width-286 {
  width: 286px !important;
}
.u-width-287 {
  width: 287px !important;
}
.u-width-288 {
  width: 288px !important;
}
.u-width-289 {
  width: 289px !important;
}
.u-width-290 {
  width: 290px !important;
}
.u-width-291 {
  width: 291px !important;
}
.u-width-292 {
  width: 292px !important;
}
.u-width-293 {
  width: 293px !important;
}
.u-width-294 {
  width: 294px !important;
}
.u-width-295 {
  width: 295px !important;
}
.u-width-296 {
  width: 296px !important;
}
.u-width-297 {
  width: 297px !important;
}
.u-width-298 {
  width: 298px !important;
}
.u-width-299 {
  width: 299px !important;
}
.u-width-300 {
  width: 300px !important;
}
.u-width-301 {
  width: 301px !important;
}
.u-width-302 {
  width: 302px !important;
}
.u-width-303 {
  width: 303px !important;
}
.u-width-304 {
  width: 304px !important;
}
.u-width-305 {
  width: 305px !important;
}
.u-width-306 {
  width: 306px !important;
}
.u-width-307 {
  width: 307px !important;
}
.u-width-308 {
  width: 308px !important;
}
.u-width-309 {
  width: 309px !important;
}
.u-width-310 {
  width: 310px !important;
}
.u-width-311 {
  width: 311px !important;
}
.u-width-312 {
  width: 312px !important;
}
.u-width-313 {
  width: 313px !important;
}
.u-width-314 {
  width: 314px !important;
}
.u-width-315 {
  width: 315px !important;
}
.u-width-316 {
  width: 316px !important;
}
.u-width-317 {
  width: 317px !important;
}
.u-width-318 {
  width: 318px !important;
}
.u-width-319 {
  width: 319px !important;
}
.u-width-320 {
  width: 320px !important;
}
.u-width-321 {
  width: 321px !important;
}
.u-width-322 {
  width: 322px !important;
}
.u-width-323 {
  width: 323px !important;
}
.u-width-324 {
  width: 324px !important;
}
.u-width-325 {
  width: 325px !important;
}
.u-width-326 {
  width: 326px !important;
}
.u-width-327 {
  width: 327px !important;
}
.u-width-328 {
  width: 328px !important;
}
.u-width-329 {
  width: 329px !important;
}
.u-width-330 {
  width: 330px !important;
}
.u-width-331 {
  width: 331px !important;
}
.u-width-332 {
  width: 332px !important;
}
.u-width-333 {
  width: 333px !important;
}
.u-width-334 {
  width: 334px !important;
}
.u-width-335 {
  width: 335px !important;
}
.u-width-336 {
  width: 336px !important;
}
.u-width-337 {
  width: 337px !important;
}
.u-width-338 {
  width: 338px !important;
}
.u-width-339 {
  width: 339px !important;
}
.u-width-340 {
  width: 340px !important;
}
.u-width-341 {
  width: 341px !important;
}
.u-width-342 {
  width: 342px !important;
}
.u-width-343 {
  width: 343px !important;
}
.u-width-344 {
  width: 344px !important;
}
.u-width-345 {
  width: 345px !important;
}
.u-width-346 {
  width: 346px !important;
}
.u-width-347 {
  width: 347px !important;
}
.u-width-348 {
  width: 348px !important;
}
.u-width-349 {
  width: 349px !important;
}
.u-width-350 {
  width: 350px !important;
}
.u-width-351 {
  width: 351px !important;
}
.u-width-352 {
  width: 352px !important;
}
.u-width-353 {
  width: 353px !important;
}
.u-width-354 {
  width: 354px !important;
}
.u-width-355 {
  width: 355px !important;
}
.u-width-356 {
  width: 356px !important;
}
.u-width-357 {
  width: 357px !important;
}
.u-width-358 {
  width: 358px !important;
}
.u-width-359 {
  width: 359px !important;
}
.u-width-360 {
  width: 360px !important;
}
.u-width-361 {
  width: 361px !important;
}
.u-width-362 {
  width: 362px !important;
}
.u-width-363 {
  width: 363px !important;
}
.u-width-364 {
  width: 364px !important;
}
.u-width-365 {
  width: 365px !important;
}
.u-width-366 {
  width: 366px !important;
}
.u-width-367 {
  width: 367px !important;
}
.u-width-368 {
  width: 368px !important;
}
.u-width-369 {
  width: 369px !important;
}
.u-width-370 {
  width: 370px !important;
}
.u-width-371 {
  width: 371px !important;
}
.u-width-372 {
  width: 372px !important;
}
.u-width-373 {
  width: 373px !important;
}
.u-width-374 {
  width: 374px !important;
}
.u-width-375 {
  width: 375px !important;
}
.u-width-376 {
  width: 376px !important;
}
.u-width-377 {
  width: 377px !important;
}
.u-width-378 {
  width: 378px !important;
}
.u-width-379 {
  width: 379px !important;
}
.u-width-380 {
  width: 380px !important;
}
.u-width-381 {
  width: 381px !important;
}
.u-width-382 {
  width: 382px !important;
}
.u-width-383 {
  width: 383px !important;
}
.u-width-384 {
  width: 384px !important;
}
.u-width-385 {
  width: 385px !important;
}
.u-width-386 {
  width: 386px !important;
}
.u-width-387 {
  width: 387px !important;
}
.u-width-388 {
  width: 388px !important;
}
.u-width-389 {
  width: 389px !important;
}
.u-width-390 {
  width: 390px !important;
}
.u-width-391 {
  width: 391px !important;
}
.u-width-392 {
  width: 392px !important;
}
.u-width-393 {
  width: 393px !important;
}
.u-width-394 {
  width: 394px !important;
}
.u-width-395 {
  width: 395px !important;
}
.u-width-396 {
  width: 396px !important;
}
.u-width-397 {
  width: 397px !important;
}
.u-width-398 {
  width: 398px !important;
}
.u-width-399 {
  width: 399px !important;
}
.u-width-400 {
  width: 400px !important;
}
.u-width-401 {
  width: 401px !important;
}
.u-width-402 {
  width: 402px !important;
}
.u-width-403 {
  width: 403px !important;
}
.u-width-404 {
  width: 404px !important;
}
.u-width-405 {
  width: 405px !important;
}
.u-width-406 {
  width: 406px !important;
}
.u-width-407 {
  width: 407px !important;
}
.u-width-408 {
  width: 408px !important;
}
.u-width-409 {
  width: 409px !important;
}
.u-width-410 {
  width: 410px !important;
}
.u-width-411 {
  width: 411px !important;
}
.u-width-412 {
  width: 412px !important;
}
.u-width-413 {
  width: 413px !important;
}
.u-width-414 {
  width: 414px !important;
}
.u-width-415 {
  width: 415px !important;
}
.u-width-416 {
  width: 416px !important;
}
.u-width-417 {
  width: 417px !important;
}
.u-width-418 {
  width: 418px !important;
}
.u-width-419 {
  width: 419px !important;
}
.u-width-420 {
  width: 420px !important;
}
.u-width-421 {
  width: 421px !important;
}
.u-width-422 {
  width: 422px !important;
}
.u-width-423 {
  width: 423px !important;
}
.u-width-424 {
  width: 424px !important;
}
.u-width-425 {
  width: 425px !important;
}
.u-width-426 {
  width: 426px !important;
}
.u-width-427 {
  width: 427px !important;
}
.u-width-428 {
  width: 428px !important;
}
.u-width-429 {
  width: 429px !important;
}
.u-width-430 {
  width: 430px !important;
}
.u-width-431 {
  width: 431px !important;
}
.u-width-432 {
  width: 432px !important;
}
.u-width-433 {
  width: 433px !important;
}
.u-width-434 {
  width: 434px !important;
}
.u-width-435 {
  width: 435px !important;
}
.u-width-436 {
  width: 436px !important;
}
.u-width-437 {
  width: 437px !important;
}
.u-width-438 {
  width: 438px !important;
}
.u-width-439 {
  width: 439px !important;
}
.u-width-440 {
  width: 440px !important;
}
.u-width-441 {
  width: 441px !important;
}
.u-width-442 {
  width: 442px !important;
}
.u-width-443 {
  width: 443px !important;
}
.u-width-444 {
  width: 444px !important;
}
.u-width-445 {
  width: 445px !important;
}
.u-width-446 {
  width: 446px !important;
}
.u-width-447 {
  width: 447px !important;
}
.u-width-448 {
  width: 448px !important;
}
.u-width-449 {
  width: 449px !important;
}
.u-width-450 {
  width: 450px !important;
}
.u-width-451 {
  width: 451px !important;
}
.u-width-452 {
  width: 452px !important;
}
.u-width-453 {
  width: 453px !important;
}
.u-width-454 {
  width: 454px !important;
}
.u-width-455 {
  width: 455px !important;
}
.u-width-456 {
  width: 456px !important;
}
.u-width-457 {
  width: 457px !important;
}
.u-width-458 {
  width: 458px !important;
}
.u-width-459 {
  width: 459px !important;
}
.u-width-460 {
  width: 460px !important;
}
.u-width-461 {
  width: 461px !important;
}
.u-width-462 {
  width: 462px !important;
}
.u-width-463 {
  width: 463px !important;
}
.u-width-464 {
  width: 464px !important;
}
.u-width-465 {
  width: 465px !important;
}
.u-width-466 {
  width: 466px !important;
}
.u-width-467 {
  width: 467px !important;
}
.u-width-468 {
  width: 468px !important;
}
.u-width-469 {
  width: 469px !important;
}
.u-width-470 {
  width: 470px !important;
}
.u-width-471 {
  width: 471px !important;
}
.u-width-472 {
  width: 472px !important;
}
.u-width-473 {
  width: 473px !important;
}
.u-width-474 {
  width: 474px !important;
}
.u-width-475 {
  width: 475px !important;
}
.u-width-476 {
  width: 476px !important;
}
.u-width-477 {
  width: 477px !important;
}
.u-width-478 {
  width: 478px !important;
}
.u-width-479 {
  width: 479px !important;
}
.u-width-480 {
  width: 480px !important;
}
.u-width-481 {
  width: 481px !important;
}
.u-width-482 {
  width: 482px !important;
}
.u-width-483 {
  width: 483px !important;
}
.u-width-484 {
  width: 484px !important;
}
.u-width-485 {
  width: 485px !important;
}
.u-width-486 {
  width: 486px !important;
}
.u-width-487 {
  width: 487px !important;
}
.u-width-488 {
  width: 488px !important;
}
.u-width-489 {
  width: 489px !important;
}
.u-width-490 {
  width: 490px !important;
}
.u-width-491 {
  width: 491px !important;
}
.u-width-492 {
  width: 492px !important;
}
.u-width-493 {
  width: 493px !important;
}
.u-width-494 {
  width: 494px !important;
}
.u-width-495 {
  width: 495px !important;
}
.u-width-496 {
  width: 496px !important;
}
.u-width-497 {
  width: 497px !important;
}
.u-width-498 {
  width: 498px !important;
}
.u-width-499 {
  width: 499px !important;
}
.u-width-500 {
  width: 500px !important;
}
.u-width-501 {
  width: 501px !important;
}
.u-width-502 {
  width: 502px !important;
}
.u-width-503 {
  width: 503px !important;
}
.u-width-504 {
  width: 504px !important;
}
.u-width-505 {
  width: 505px !important;
}
.u-width-506 {
  width: 506px !important;
}
.u-width-507 {
  width: 507px !important;
}
.u-width-508 {
  width: 508px !important;
}
.u-width-509 {
  width: 509px !important;
}
.u-width-510 {
  width: 510px !important;
}
.u-width-511 {
  width: 511px !important;
}
.u-width-512 {
  width: 512px !important;
}
.u-width-513 {
  width: 513px !important;
}
.u-width-514 {
  width: 514px !important;
}
.u-width-515 {
  width: 515px !important;
}
.u-width-516 {
  width: 516px !important;
}
.u-width-517 {
  width: 517px !important;
}
.u-width-518 {
  width: 518px !important;
}
.u-width-519 {
  width: 519px !important;
}
.u-width-520 {
  width: 520px !important;
}
.u-width-521 {
  width: 521px !important;
}
.u-width-522 {
  width: 522px !important;
}
.u-width-523 {
  width: 523px !important;
}
.u-width-524 {
  width: 524px !important;
}
.u-width-525 {
  width: 525px !important;
}
.u-width-526 {
  width: 526px !important;
}
.u-width-527 {
  width: 527px !important;
}
.u-width-528 {
  width: 528px !important;
}
.u-width-529 {
  width: 529px !important;
}
.u-width-530 {
  width: 530px !important;
}
.u-width-531 {
  width: 531px !important;
}
.u-width-532 {
  width: 532px !important;
}
.u-width-533 {
  width: 533px !important;
}
.u-width-534 {
  width: 534px !important;
}
.u-width-535 {
  width: 535px !important;
}
.u-width-536 {
  width: 536px !important;
}
.u-width-537 {
  width: 537px !important;
}
.u-width-538 {
  width: 538px !important;
}
.u-width-539 {
  width: 539px !important;
}
.u-width-540 {
  width: 540px !important;
}
.u-width-541 {
  width: 541px !important;
}
.u-width-542 {
  width: 542px !important;
}
.u-width-543 {
  width: 543px !important;
}
.u-width-544 {
  width: 544px !important;
}
.u-width-545 {
  width: 545px !important;
}
.u-width-546 {
  width: 546px !important;
}
.u-width-547 {
  width: 547px !important;
}
.u-width-548 {
  width: 548px !important;
}
.u-width-549 {
  width: 549px !important;
}
.u-width-550 {
  width: 550px !important;
}
.u-width-551 {
  width: 551px !important;
}
.u-width-552 {
  width: 552px !important;
}
.u-width-553 {
  width: 553px !important;
}
.u-width-554 {
  width: 554px !important;
}
.u-width-555 {
  width: 555px !important;
}
.u-width-556 {
  width: 556px !important;
}
.u-width-557 {
  width: 557px !important;
}
.u-width-558 {
  width: 558px !important;
}
.u-width-559 {
  width: 559px !important;
}
.u-width-560 {
  width: 560px !important;
}
.u-width-561 {
  width: 561px !important;
}
.u-width-562 {
  width: 562px !important;
}
.u-width-563 {
  width: 563px !important;
}
.u-width-564 {
  width: 564px !important;
}
.u-width-565 {
  width: 565px !important;
}
.u-width-566 {
  width: 566px !important;
}
.u-width-567 {
  width: 567px !important;
}
.u-width-568 {
  width: 568px !important;
}
.u-width-569 {
  width: 569px !important;
}
.u-width-570 {
  width: 570px !important;
}
.u-width-571 {
  width: 571px !important;
}
.u-width-572 {
  width: 572px !important;
}
.u-width-573 {
  width: 573px !important;
}
.u-width-574 {
  width: 574px !important;
}
.u-width-575 {
  width: 575px !important;
}
.u-width-576 {
  width: 576px !important;
}
.u-width-577 {
  width: 577px !important;
}
.u-width-578 {
  width: 578px !important;
}
.u-width-579 {
  width: 579px !important;
}
.u-width-580 {
  width: 580px !important;
}
.u-width-581 {
  width: 581px !important;
}
.u-width-582 {
  width: 582px !important;
}
.u-width-583 {
  width: 583px !important;
}
.u-width-584 {
  width: 584px !important;
}
.u-width-585 {
  width: 585px !important;
}
.u-width-586 {
  width: 586px !important;
}
.u-width-587 {
  width: 587px !important;
}
.u-width-588 {
  width: 588px !important;
}
.u-width-589 {
  width: 589px !important;
}
.u-width-590 {
  width: 590px !important;
}
.u-width-591 {
  width: 591px !important;
}
.u-width-592 {
  width: 592px !important;
}
.u-width-593 {
  width: 593px !important;
}
.u-width-594 {
  width: 594px !important;
}
.u-width-595 {
  width: 595px !important;
}
.u-width-596 {
  width: 596px !important;
}
.u-width-597 {
  width: 597px !important;
}
.u-width-598 {
  width: 598px !important;
}
.u-width-599 {
  width: 599px !important;
}
.u-width-600 {
  width: 600px !important;
}
/*overrides*/
/*
shame
------------------------------------------------------------------------- */
[v-cloak] {
  display: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}