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

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

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

 html {
    line-height: 1.15; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
     ========================================================================== */
  
  /**
   * Add the correct display in IE 9-.
   */
  
  article,
  aside,
  footer,
  header,
  nav,
  section {
    display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * Add the correct display in IE 9-.
   * 1. Add the correct display in IE.
   */
  
  figcaption,
  figure,
  main { /* 1 */
    display: block;
  }
  
  /**
   * Add the correct margin in IE 8.
   */
  
  figure {
    margin: 1em 40px;
  }
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * 1. Remove the gray background on active links in IE 10.
   * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
   */
  
  a {
    background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
   */
  
  b,
  strong {
    font-weight: inherit;
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font style in Android 4.3-.
   */
  
  dfn {
    font-style: italic;
  }
  
  /**
   * Add the correct background and color in IE 9-.
   */
  
  mark {
    background-color: #ff0;
    color: #000;
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Add the correct display in IE 9-.
   */
  
  audio,
  video {
    display: inline-block;
  }
  
  /**
   * Add the correct display in iOS 4-7.
   */
  
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  
  /**
   * Remove the border on images inside links in IE 10-.
   */
  
  img {
    border-style: none;
  }
  
  /**
   * Hide the overflow in IE.
   */
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    margin: 0;
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
   *    controls in Android 4.
   * 2. Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  html [type="button"], /* 1 */
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button; /* 2 */
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * 1. Add the correct display in IE 9-.
   * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
  }
  
  /**
   * Remove the default vertical scrollbar in IE.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10-.
   * 2. Remove the padding in IE 10-.
   */
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-cancel-button,
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in IE 9-.
   * 1. Add the correct display in Edge, IE, and Firefox.
   */
  
  details, /* 1 */
  menu {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Scripting
     ========================================================================== */
  
  /**
   * Add the correct display in IE 9-.
   */
  
  canvas {
    display: inline-block;
  }
  
  /**
   * Add the correct display in IE.
   */
  
  template {
    display: none;
  }
  
  /* Hidden
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10-.
   */
  
  [hidden] {
    display: none;
  }
  
  /**
   * A thin layer on top of normalize.css that provides a starting point more
   * suitable for web applications.
   */
  
  /**
   * 1. Prevent padding and border from affecting element width
   * https://goo.gl/pYtbK7
   * 2. Change the default font family in all browsers
   */
  
  html {
    box-sizing: border-box; /* 1 */
    font-family: sans-serif; /* 2 */
  }
  
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
  
  /**
   * Removes the default spacing and border for appropriate elements.
   */
  
  body,
  blockquote,
  dl,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  figure,
  p,
  pre {
    margin: 0;
  }
  
  button {
    background: transparent;
    border: 0;
    padding: 0;
  }
  
  /**
   * Work around a Firefox/IE bug where the transparent `button` background
   * results in a loss of the default `button` focus styles.
   */
  
  button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
  
  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }
  
  iframe {
    border: 0;
  }
  
  ol,
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  /**
   * Suppress the focus outline on elements that cannot be accessed via keyboard.
   * This prevents an unwanted focus outline from appearing around elements that
   * might still respond to pointer events.
   */
  
  [tabindex="-1"]:focus {
    outline: none !important;
  }
  
  /**
   * Remove the outline on focused links when they are also active or hovered
   * in all browsers.
   */
  
  a:active,
  a:hover {
    outline-width: 0;
  }
  
  /**
   * Change the font styles in all browsers.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
  }
  
  /**
   * Change the border, margin, and padding in all browsers.
   */
  
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }
  
  /**
   * @define utilities
   * Vertical alignment utilities
   * Depends on an appropriate `display` value.
   */
  
  .u-alignBaseline {
    vertical-align: baseline !important;
  }
  
  .u-alignBottom {
    vertical-align: bottom !important;
  }
  
  .u-alignMiddle {
    vertical-align: middle !important;
  }
  
  .u-alignTop {
    vertical-align: top !important;
  }
  
  /**
   * @define utilities
   * Display-type utilities
   */
  
  .u-block {
    display: block !important;
  }
  
  .u-hidden {
    display: none !important;
  }
  
  /**
   * Completely remove from the flow but leave available to screen readers.
   */
  
  .u-hiddenVisually {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
  
  .u-inline {
    display: inline !important;
  }
  
  /**
   * 1. Fix for Firefox bug: an image styled `max-width:100%` within an
   * inline-block will display at its default size, and not limit its width to
   * 100% of an ancestral container.
   */
  
  .u-inlineBlock {
    display: inline-block !important;
    max-width: 100%; /* 1 */
  }
  
  .u-table {
    display: table !important;
  }
  
  .u-tableCell {
    display: table-cell !important;
  }
  
  .u-tableRow {
    display: table-row !important;
  }
  
  /**
   * @define utilities
   * Contain floats
   *
   * Make an element expand to contain floated children.
   * Uses pseudo-elements (micro clearfix).
   *
   * 1. The space content is one way to avoid an Opera bug when the
   *    `contenteditable` attribute is included anywhere else in the document.
   *    Otherwise it causes space to appear at the top and bottom of the
   *    element.
   * 2. The use of `table` rather than `block` is only necessary if using
   *    `:before` to contain the top-margins of child elements.
   */
  
  .u-cf::before,
  .u-cf::after {
    content: " "; /* 1 */
    display: table; /* 2 */
  }
  
  .u-cf::after {
    clear: both;
  }
  
  /**
   * New block formatting context
   *
   * This affords some useful properties to the element. It won't wrap under
   * floats. Will also contain any floated children.
  
   * N.B. This will clip overflow. Use the alternative method below if this is
   * problematic.
   */
  
  .u-nbfc {
    overflow: hidden !important;
  }
  
  /**
   * New block formatting context (alternative)
   *
   * Alternative method when overflow must not be clipped.
   *
   * 1. Create a new block formatting context (NBFC).
   * 2. Avoid shrink-wrap behaviour of table-cell.
   *
   * N.B. This breaks down in some browsers when elements within this element
   * exceed its width.
   */
  
  .u-nbfcAlt {
    display: table-cell !important; /* 1 */
    width: 10000px !important; /* 2 */
  }
  
  /**
   * Floats
   */
  
  .u-floatLeft {
    float: left !important;
  }
  
  .u-floatRight {
    float: right !important;
  }
  
  /**
   * @define utilities
   * Clean link
   *
   * A link without any text-decoration at all.
   */
  
  .u-linkClean,
  .u-linkClean:hover,
  .u-linkClean:focus,
  .u-linkClean:active {
    text-decoration: none !important;
  }
  
  /**
   * Link complex
   *
   * A common pattern is to have a link with several pieces of text and/or an
   * icon, where only one piece of text should display the underline when the
   * link is the subject of user interaction.
   *
   * Example HTML:
   *
   * <a class="u-linkComplex" href="#">
   *   Link complex
   *   <span class="u-linkComplexTarget">target</span>
   * </a>
   */
  
  .u-linkComplex,
  .u-linkComplex:hover,
  .u-linkComplex:focus,
  .u-linkComplex:active {
    text-decoration: none !important;
  }
  
  .u-linkComplex:hover .u-linkComplexTarget,
  .u-linkComplex:focus .u-linkComplexTarget,
  .u-linkComplex:active .u-linkComplexTarget {
    text-decoration: underline !important;
  }
  
  /**
   * Block-level link
   *
   * Combination of traits commonly used in vertical navigation lists.
   */
  
  .u-linkBlock,
  .u-linkBlock:hover,
  .u-linkBlock:focus,
  .u-linkBlock:active {
    display: block !important;
    text-decoration: none !important;
  }
  
  /**
   * @define utilities
   * Specify the proportional offset after an element.
   * Intentional redundancy build into each set of unit classes.
   * Supports: 2, 4, 5, 6, 8, 10, 12 section
   */
  
  .u-after1of12 {
    margin-right: 8.33333% !important;
  }
  
  .u-after1of10 {
    margin-right: 10% !important;
  }
  
  .u-after1of8 {
    margin-right: 12.5% !important;
  }
  
  .u-after1of6,
  .u-after2of12 {
    margin-right: 16.66667% !important;
  }
  
  .u-after1of5,
  .u-after2of10 {
    margin-right: 20% !important;
  }
  
  .u-after1of4,
  .u-after2of8,
  .u-after3of12 {
    margin-right: 25% !important;
  }
  
  .u-after3of10 {
    margin-right: 30% !important;
  }
  
  .u-after1of3,
  .u-after2of6,
  .u-after4of12 {
    margin-right: 33.33333% !important;
  }
  
  .u-after3of8 {
    margin-right: 37.5% !important;
  }
  
  .u-after2of5,
  .u-after4of10 {
    margin-right: 40% !important;
  }
  
  .u-after5of12 {
    margin-right: 41.66667% !important;
  }
  
  .u-after1of2,
  .u-after2of4,
  .u-after3of6,
  .u-after4of8,
  .u-after5of10,
  .u-after6of12 {
    margin-right: 50% !important;
  }
  
  .u-after7of12 {
    margin-right: 58.33333% !important;
  }
  
  .u-after3of5,
  .u-after6of10 {
    margin-right: 60% !important;
  }
  
  .u-after5of8 {
    margin-right: 62.5% !important;
  }
  
  .u-after2of3,
  .u-after4of6,
  .u-after8of12 {
    margin-right: 66.66667% !important;
  }
  
  .u-after7of10 {
    margin-right: 70% !important;
  }
  
  .u-after3of4,
  .u-after6of8,
  .u-after9of12 {
    margin-right: 75% !important;
  }
  
  .u-after4of5,
  .u-after8of10 {
    margin-right: 80% !important;
  }
  
  .u-after5of6,
  .u-after10of12 {
    margin-right: 83.33333% !important;
  }
  
  .u-after7of8 {
    margin-right: 87.5% !important;
  }
  
  .u-after9of10 {
    margin-right: 90% !important;
  }
  
  .u-after11of12 {
    margin-right: 91.66667% !important;
  }
  
  /**
   * @define utilities
   * Offset: breakpoint 1 (small)
   *
   * Specify the proportional offset after an element.
   * Intentional redundancy build into each set of unit classes.
   * Supports: 2, 4, 5, 6, 8, 10, 12 section
   */
  
  @media (min-width:0) and (max-width:660px) {
  
    .u-sm-afterNone {
      margin-right: 0 !important;
    }
  
    .u-sm-after1of12 {
      margin-right: 8.33333% !important;
    }
  
    .u-sm-after1of10 {
      margin-right: 10% !important;
    }
  
    .u-sm-after1of8 {
      margin-right: 12.5% !important;
    }
  
    .u-sm-after1of6,
    .u-sm-after2of12 {
      margin-right: 16.66667% !important;
    }
  
    .u-sm-after1of5,
    .u-sm-after2of10 {
      margin-right: 20% !important;
    }
  
    .u-sm-after1of4,
    .u-sm-after2of8,
    .u-sm-after3of12 {
      margin-right: 25% !important;
    }
  
    .u-sm-after3of10 {
      margin-right: 30% !important;
    }
  
    .u-sm-after1of3,
    .u-sm-after2of6,
    .u-sm-after4of12 {
      margin-right: 33.33333% !important;
    }
  
    .u-sm-after3of8 {
      margin-right: 37.5% !important;
    }
  
    .u-sm-after2of5,
    .u-sm-after4of10 {
      margin-right: 40% !important;
    }
  
    .u-sm-after5of12 {
      margin-right: 41.66667% !important;
    }
  
    .u-sm-after1of2,
    .u-sm-after2of4,
    .u-sm-after3of6,
    .u-sm-after4of8,
    .u-sm-after5of10,
    .u-sm-after6of12 {
      margin-right: 50% !important;
    }
  
    .u-sm-after7of12 {
      margin-right: 58.33333% !important;
    }
  
    .u-sm-after3of5,
    .u-sm-after6of10 {
      margin-right: 60% !important;
    }
  
    .u-sm-after5of8 {
      margin-right: 62.5% !important;
    }
  
    .u-sm-after2of3,
    .u-sm-after4of6,
    .u-sm-after8of12 {
      margin-right: 66.66667% !important;
    }
  
    .u-sm-after7of10 {
      margin-right: 70% !important;
    }
  
    .u-sm-after3of4,
    .u-sm-after6of8,
    .u-sm-after9of12 {
      margin-right: 75% !important;
    }
  
    .u-sm-after4of5,
    .u-sm-after8of10 {
      margin-right: 80% !important;
    }
  
    .u-sm-after5of6,
    .u-sm-after10of12 {
      margin-right: 83.33333% !important;
    }
  
    .u-sm-after7of8 {
      margin-right: 87.5% !important;
    }
  
    .u-sm-after9of10 {
      margin-right: 90% !important;
    }
  
    .u-sm-after11of12 {
      margin-right: 91.66667% !important;
    }
  
  }
  
  /**
   * @define utilities
   * Offset: breakpoint 2 (medium)
   *
   * Specify the proportional offset after an element.
   * Intentional redundancy build into each set of unit classes.
   * Supports: 2, 4, 5, 6, 8, 10, 12 section
   */
  
  @media (min-width:661px) and (max-width:1024px) {
  
    .u-md-afterNone {
      margin-right: 0 !important;
    }
  
    .u-md-after1of12 {
      margin-right: 8.33333% !important;
    }
  
    .u-md-after1of10 {
      margin-right: 10% !important;
    }
  
    .u-md-after1of8 {
      margin-right: 12.5% !important;
    }
  
    .u-md-after1of6,
    .u-md-after2of12 {
      margin-right: 16.66667% !important;
    }
  
    .u-md-after1of5,
    .u-md-after2of10 {
      margin-right: 20% !important;
    }
  
    .u-md-after1of4,
    .u-md-after2of8,
    .u-md-after3of12 {
      margin-right: 25% !important;
    }
  
    .u-md-after3of10 {
      margin-right: 30% !important;
    }
  
    .u-md-after1of3,
    .u-md-after2of6,
    .u-md-after4of12 {
      margin-right: 33.33333% !important;
    }
  
    .u-md-after3of8 {
      margin-right: 37.5% !important;
    }
  
    .u-md-after2of5,
    .u-md-after4of10 {
      margin-right: 40% !important;
    }
  
    .u-md-after5of12 {
      margin-right: 41.66667% !important;
    }
  
    .u-md-after1of2,
    .u-md-after2of4,
    .u-md-after3of6,
    .u-md-after4of8,
    .u-md-after5of10,
    .u-md-after6of12 {
      margin-right: 50% !important;
    }
  
    .u-md-after7of12 {
      margin-right: 58.33333% !important;
    }
  
    .u-md-after3of5,
    .u-md-after6of10 {
      margin-right: 60% !important;
    }
  
    .u-md-after5of8 {
      margin-right: 62.5% !important;
    }
  
    .u-md-after2of3,
    .u-md-after4of6,
    .u-md-after8of12 {
      margin-right: 66.66667% !important;
    }
  
    .u-md-after7of10 {
      margin-right: 70% !important;
    }
  
    .u-md-after3of4,
    .u-md-after6of8,
    .u-md-after9of12 {
      margin-right: 75% !important;
    }
  
    .u-md-after4of5,
    .u-md-after8of10 {
      margin-right: 80% !important;
    }
  
    .u-md-after5of6,
    .u-md-after10of12 {
      margin-right: 83.33333% !important;
    }
  
    .u-md-after7of8 {
      margin-right: 87.5% !important;
    }
  
    .u-md-after9of10 {
      margin-right: 90% !important;
    }
  
    .u-md-after11of12 {
      margin-right: 91.66667% !important;
    }
  
  }
  
  /**
   * @define utilities
   * Offset: breakpoint 3 (large)
   *
   * Specify the proportional offset after an element.
   * Intentional redundancy build into each set of unit classes.
   * Supports: 2, 4, 5, 6, 8, 10, 12 section
   */
  
  @media (min-width:1025px) {
  
    .u-lg-afterNone {
      margin-right: 0 !important;
    }
  
    .u-lg-after1of12 {
      margin-right: 8.33333% !important;
    }
  
    .u-lg-after1of10 {
      margin-right: 10% !important;
    }
  
    .u-lg-after1of8 {
      margin-right: 12.5% !important;
    }
  
    .u-lg-after1of6,
    .u-lg-after2of12 {
      margin-right: 16.66667% !important;
    }
  
    .u-lg-after1of5,
    .u-lg-after2of10 {
      margin-right: 20% !important;
    }
  
    .u-lg-after1of4,
    .u-lg-after2of8,
    .u-lg-after3of12 {
      margin-right: 25% !important;
    }
  
    .u-lg-after3of10 {
      margin-right: 30% !important;
    }
  
    .u-lg-after1of3,
    .u-lg-after2of6,
    .u-lg-after4of12 {
      margin-right: 33.33333% !important;
    }
  
    .u-lg-after3of8 {
      margin-right: 37.5% !important;
    }
  
    .u-lg-after2of5,
    .u-lg-after4of10 {
      margin-right: 40% !important;
    }
  
    .u-lg-after5of12 {
      margin-right: 41.66667% !important;
    }
  
    .u-lg-after1of2,
    .u-lg-after2of4,
    .u-lg-after3of6,
    .u-lg-after4of8,
    .u-lg-after5of10,
    .u-lg-after6of12 {
      margin-right: 50% !important;
    }
  
    .u-lg-after7of12 {
      margin-right: 58.33333% !important;
    }
  
    .u-lg-after3of5,
    .u-lg-after6of10 {
      margin-right: 60% !important;
    }
  
    .u-lg-after5of8 {
      margin-right: 62.5% !important;
    }
  
    .u-lg-after2of3,
    .u-lg-after4of6,
    .u-lg-after8of12 {
      margin-right: 66.66667% !important;
    }
  
    .u-lg-after7of10 {
      margin-right: 70% !important;
    }
  
    .u-lg-after3of4,
    .u-lg-after6of8,
    .u-lg-after9of12 {
      margin-right: 75% !important;
    }
  
    .u-lg-after4of5,
    .u-lg-after8of10 {
      margin-right: 80% !important;
    }
  
    .u-lg-after5of6,
    .u-lg-after10of12 {
      margin-right: 83.33333% !important;
    }
  
    .u-lg-after7of8 {
      margin-right: 87.5% !important;
    }
  
    .u-lg-after9of10 {
      margin-right: 90% !important;
    }
  
    .u-lg-after11of12 {
      margin-right: 91.66667% !important;
    }
  
  }
  
  /**
   * @define utilities
   * Specify the proportional offset before an object.
   * Intentional redundancy build into each set of unit classes.
   * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
   */
  
  .u-before1of12 {
    margin-left: 8.33333% !important;
  }
  
  .u-before1of10 {
    margin-left: 10% !important;
  }
  
  .u-before1of8 {
    margin-left: 12.5% !important;
  }
  
  .u-before1of6,
  .u-before2of12 {
    margin-left: 16.66667% !important;
  }
  
  .u-before1of5,
  .u-before2of10 {
    margin-left: 20% !important;
  }
  
  .u-before1of4,
  .u-before2of8,
  .u-before3of12 {
    margin-left: 25% !important;
  }
  
  .u-before3of10 {
    margin-left: 30% !important;
  }
  
  .u-before1of3,
  .u-before2of6,
  .u-before4of12 {
    margin-left: 33.33333% !important;
  }
  
  .u-before3of8 {
    margin-left: 37.5% !important;
  }
  
  .u-before2of5,
  .u-before4of10 {
    margin-left: 40% !important;
  }
  
  .u-before5of12 {
    margin-left: 41.66667% !important;
  }
  
  .u-before1of2,
  .u-before2of4,
  .u-before3of6,
  .u-before4of8,
  .u-before5of10,
  .u-before6of12 {
    margin-left: 50% !important;
  }
  
  .u-before7of12 {
    margin-left: 58.33333% !important;
  }
  
  .u-before3of5,
  .u-before6of10 {
    margin-left: 60% !important;
  }
  
  .u-before5of8 {
    margin-left: 62.5% !important;
  }
  
  .u-before2of3,
  .u-before4of6,
  .u-before8of12 {
    margin-left: 66.66667% !important;
  }
  
  .u-before7of10 {
    margin-left: 70% !important;
  }
  
  .u-before3of4,
  .u-before6of8,
  .u-before9of12 {
    margin-left: 75% !important;
  }
  
  .u-before4of5,
  .u-before8of10 {
    margin-left: 80% !important;
  }
  
  .u-before5of6,
  .u-before10of12 {
    margin-left: 83.33333% !important;
  }
  
  .u-before7of8 {
    margin-left: 87.5% !important;
  }
  
  .u-before9of10 {
    margin-left: 90% !important;
  }
  
  .u-before11of12 {
    margin-left: 91.66667% !important;
  }
  
  /**
   * @define utilities
   * Offset: breakpoint 1 (small)
   *
   * Specify the proportional offset before an element.
   * Intentional redundancy build into each set of unit classes.
   * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
   */
  
  @media (min-width:0) and (max-width:660px) {
  
    .u-sm-beforeNone {
      margin-left: 0 !important;
    }
  
    .u-sm-before1of12 {
      margin-left: 8.33333% !important;
    }
  
    .u-sm-before1of10 {
      margin-left: 10% !important;
    }
  
    .u-sm-before1of8 {
      margin-left: 12.5% !important;
    }
  
    .u-sm-before1of6,
    .u-sm-before2of12 {
      margin-left: 16.66667% !important;
    }
  
    .u-sm-before1of5,
    .u-sm-before2of10 {
      margin-left: 20% !important;
    }
  
    .u-sm-before1of4,
    .u-sm-before2of8,
    .u-sm-before3of12 {
      margin-left: 25% !important;
    }
  
    .u-sm-before3of10 {
      margin-left: 30% !important;
    }
  
    .u-sm-before1of3,
    .u-sm-before2of6,
    .u-sm-before4of12 {
      margin-left: 33.33333% !important;
    }
  
    .u-sm-before3of8 {
      margin-left: 37.5% !important;
    }
  
    .u-sm-before2of5,
    .u-sm-before4of10 {
      margin-left: 40% !important;
    }
  
    .u-sm-before5of12 {
      margin-left: 41.66667% !important;
    }
  
    .u-sm-before1of2,
    .u-sm-before2of4,
    .u-sm-before3of6,
    .u-sm-before4of8,
    .u-sm-before5of10,
    .u-sm-before6of12 {
      margin-left: 50% !important;
    }
  
    .u-sm-before7of12 {
      margin-left: 58.33333% !important;
    }
  
    .u-sm-before3of5,
    .u-sm-before6of10 {
      margin-left: 60% !important;
    }
  
    .u-sm-before5of8 {
      margin-left: 62.5% !important;
    }
  
    .u-sm-before2of3,
    .u-sm-before4of6,
    .u-sm-before8of12 {
      margin-left: 66.66667% !important;
    }
  
    .u-sm-before7of10 {
      margin-left: 70% !important;
    }
  
    .u-sm-before3of4,
    .u-sm-before6of8,
    .u-sm-before9of12 {
      margin-left: 75% !important;
    }
  
    .u-sm-before4of5,
    .u-sm-before8of10 {
      margin-left: 80% !important;
    }
  
    .u-sm-before5of6,
    .u-sm-before10of12 {
      margin-left: 83.33333% !important;
    }
  
    .u-sm-before7of8 {
      margin-left: 87.5% !important;
    }
  
    .u-sm-before9of10 {
      margin-left: 90% !important;
    }
  
    .u-sm-before11of12 {
      margin-left: 91.66667% !important;
    }
  
  }
  
  /**
   * @define utilities
   * Offset: breakpoint 2 (medium)
   *
   * Specify the proportional offset before an element.
   * Intentional redundancy build into each set of unit classes.
   * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
   */
  
  @media (min-width:661px) and (max-width:1024px) {
  
    .u-md-beforeNone {
      margin-left: 0 !important;
    }
  
    .u-md-before1of12 {
      margin-left: 8.33333% !important;
    }
  
    .u-md-before1of10 {
      margin-left: 10% !important;
    }
  
    .u-md-before1of8 {
      margin-left: 12.5% !important;
    }
  
    .u-md-before1of6,
    .u-md-before2of12 {
      margin-left: 16.66667% !important;
    }
  
    .u-md-before1of5,
    .u-md-before2of10 {
      margin-left: 20% !important;
    }
  
    .u-md-before1of4,
    .u-md-before2of8,
    .u-md-before3of12 {
      margin-left: 25% !important;
    }
  
    .u-md-before3of10 {
      margin-left: 30% !important;
    }
  
    .u-md-before1of3,
    .u-md-before2of6,
    .u-md-before4of12 {
      margin-left: 33.33333% !important;
    }
  
    .u-md-before3of8 {
      margin-left: 37.5% !important;
    }
  
    .u-md-before2of5,
    .u-md-before4of10 {
      margin-left: 40% !important;
    }
  
    .u-md-before5of12 {
      margin-left: 41.66667% !important;
    }
  
    .u-md-before1of2,
    .u-md-before2of4,
    .u-md-before3of6,
    .u-md-before4of8,
    .u-md-before5of10,
    .u-md-before6of12 {
      margin-left: 50% !important;
    }
  
    .u-md-before7of12 {
      margin-left: 58.33333% !important;
    }
  
    .u-md-before3of5,
    .u-md-before6of10 {
      margin-left: 60% !important;
    }
  
    .u-md-before5of8 {
      margin-left: 62.5% !important;
    }
  
    .u-md-before2of3,
    .u-md-before4of6,
    .u-md-before8of12 {
      margin-left: 66.66667% !important;
    }
  
    .u-md-before7of10 {
      margin-left: 70% !important;
    }
  
    .u-md-before3of4,
    .u-md-before6of8,
    .u-md-before9of12 {
      margin-left: 75% !important;
    }
  
    .u-md-before4of5,
    .u-md-before8of10 {
      margin-left: 80% !important;
    }
  
    .u-md-before5of6,
    .u-md-before10of12 {
      margin-left: 83.33333% !important;
    }
  
    .u-md-before7of8 {
      margin-left: 87.5% !important;
    }
  
    .u-md-before9of10 {
      margin-left: 90% !important;
    }
  
    .u-md-before11of12 {
      margin-left: 91.66667% !important;
    }
  
  }
  
  /**
   * @define utilities
   * Offset: breakpoint 3 (large)
   *
   * Specify the proportional offset before an element.
   * Intentional redundancy build into each set of unit classes.
   * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
   */
  
  @media (min-width:1025px) {
  
    .u-lg-beforeNone {
      margin-left: 0 !important;
    }
  
    .u-lg-before1of12 {
      margin-left: 8.33333% !important;
    }
  
    .u-lg-before1of10 {
      margin-left: 10% !important;
    }
  
    .u-lg-before1of8 {
      margin-left: 12.5% !important;
    }
  
    .u-lg-before1of6,
    .u-lg-before2of12 {
      margin-left: 16.66667% !important;
    }
  
    .u-lg-before1of5,
    .u-lg-before2of10 {
      margin-left: 20% !important;
    }
  
    .u-lg-before1of4,
    .u-lg-before2of8,
    .u-lg-before3of12 {
      margin-left: 25% !important;
    }
  
    .u-lg-before3of10 {
      margin-left: 30% !important;
    }
  
    .u-lg-before1of3,
    .u-lg-before2of6,
    .u-lg-before4of12 {
      margin-left: 33.33333% !important;
    }
  
    .u-lg-before3of8 {
      margin-left: 37.5% !important;
    }
  
    .u-lg-before2of5,
    .u-lg-before4of10 {
      margin-left: 40% !important;
    }
  
    .u-lg-before5of12 {
      margin-left: 41.66667% !important;
    }
  
    .u-lg-before1of2,
    .u-lg-before2of4,
    .u-lg-before3of6,
    .u-lg-before4of8,
    .u-lg-before5of10,
    .u-lg-before6of12 {
      margin-left: 50% !important;
    }
  
    .u-lg-before7of12 {
      margin-left: 58.33333% !important;
    }
  
    .u-lg-before3of5,
    .u-lg-before6of10 {
      margin-left: 60% !important;
    }
  
    .u-lg-before5of8 {
      margin-left: 62.5% !important;
    }
  
    .u-lg-before2of3,
    .u-lg-before4of6,
    .u-lg-before8of12 {
      margin-left: 66.66667% !important;
    }
  
    .u-lg-before7of10 {
      margin-left: 70% !important;
    }
  
    .u-lg-before3of4,
    .u-lg-before6of8,
    .u-lg-before9of12 {
      margin-left: 75% !important;
    }
  
    .u-lg-before4of5,
    .u-lg-before8of10 {
      margin-left: 80% !important;
    }
  
    .u-lg-before5of6,
    .u-lg-before10of12 {
      margin-left: 83.33333% !important;
    }
  
    .u-lg-before7of8 {
      margin-left: 87.5% !important;
    }
  
    .u-lg-before9of10 {
      margin-left: 90% !important;
    }
  
    .u-lg-before11of12 {
      margin-left: 91.66667% !important;
    }
  
  }
  
  /** @define utilities */
  
  .u-posFit,
  .u-posAbsoluteCenter,
  .u-posAbsolute {
    position: absolute !important;
  }
  
  /**
   * Element will be centered to its nearest relatively-positioned
   * ancestor.
   */
  
  .u-posFixedCenter,
  .u-posAbsoluteCenter {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  
  .u-posFit,
  .u-posFullScreen {
    bottom: 0 !important;
    left: 0 !important;
    margin: auto !important;
    right: 0 !important;
    top: 0 !important;
  }
  
  /**
   * 1. Make sure fixed elements are promoted into a new layer, for performance
   *    reasons.
   */
  
  .u-posFullScreen,
  .u-posFixedCenter,
  .u-posFixed {
    backface-visibility: hidden; /* 1 */
    position: fixed !important;
  }
  
  .u-posRelative {
    position: relative !important;
  }
  
  .u-posStatic {
    position: static !important;
  }
  
  /**
   * @define utilities
   * Sizing utilities
   */
  
  /* Proportional widths
     ========================================================================== */
  
  /**
   * Specify the proportional width of an object.
   * Intentional redundancy build into each set of unit classes.
   * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
   *
   * 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
   *    http://git.io/vllMD
   */
  
  .u-size1of12 {
    flex-basis: auto !important;
    width: 8.33333% !important;
  }
  
  .u-size1of10 {
    flex-basis: auto !important;
    width: 10% !important;
  }
  
  .u-size1of8 {
    flex-basis: auto !important;
    width: 12.5% !important;
  }
  
  .u-size1of6,
  .u-size2of12 {
    flex-basis: auto !important;
    width: 16.66667% !important;
  }
  
  .u-size1of5,
  .u-size2of10 {
    flex-basis: auto !important;
    width: 20% !important;
  }
  
  .u-size1of4,
  .u-size2of8,
  .u-size3of12 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  
  .u-size3of10 {
    flex-basis: auto !important;
    width: 30% !important;
  }
  
  .u-size1of3,
  .u-size2of6,
  .u-size4of12 {
    flex-basis: auto !important;
    width: 33.33333% !important;
  }
  
  .u-size3of8 {
    flex-basis: auto !important;
    width: 37.5% !important;
  }
  
  .u-size2of5,
  .u-size4of10 {
    flex-basis: auto !important;
    width: 40% !important;
  }
  
  .u-size5of12 {
    flex-basis: auto !important;
    width: 41.66667% !important;
  }
  
  .u-size1of2,
  .u-size2of4,
  .u-size3of6,
  .u-size4of8,
  .u-size5of10,
  .u-size6of12 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  
  .u-size7of12 {
    flex-basis: auto !important;
    width: 58.33333% !important;
  }
  
  .u-size3of5,
  .u-size6of10 {
    flex-basis: auto !important;
    width: 60% !important;
  }
  
  .u-size5of8 {
    flex-basis: auto !important;
    width: 62.5% !important;
  }
  
  .u-size2of3,
  .u-size4of6,
  .u-size8of12 {
    flex-basis: auto !important;
    width: 66.66667% !important;
  }
  
  .u-size7of10 {
    flex-basis: auto !important;
    width: 70% !important;
  }
  
  .u-size3of4,
  .u-size6of8,
  .u-size9of12 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  
  .u-size4of5,
  .u-size8of10 {
    flex-basis: auto !important;
    width: 80% !important;
  }
  
  .u-size5of6,
  .u-size10of12 {
    flex-basis: auto !important;
    width: 83.33333% !important;
  }
  
  .u-size7of8 {
    flex-basis: auto !important;
    width: 87.5% !important;
  }
  
  .u-size9of10 {
    flex-basis: auto !important;
    width: 90% !important;
  }
  
  .u-size11of12 {
    flex-basis: auto !important;
    width: 91.66667% !important;
  }
  
  /* Intrinsic widths
     ========================================================================== */
  
  /**
   * Make an element shrink wrap its content.
   */
  
  .u-sizeFit {
    flex-basis: auto !important;
  }
  
  /**
   * Make an element fill the remaining space.
   *
   * 1. Be explicit to work around IE10 bug with shorthand flex
   *    http://git.io/vllC7
   * 2. IE10 ignores previous `flex-basis` value. Setting again here fixes
   *    http://git.io/vllMt
   */
  
  .u-sizeFill {
    flex: 1 1 0% !important; /* 1 */
    flex-basis: 0% !important; /* 2 */
  }
  
  /**
   * An alternative method to make an element fill the remaining space.
   * Distributes space based on the initial width and height of the element
   *
   * http://www.w3.org/TR/css-flexbox/images/rel-vs-abs-flex.svg
   */
  
  .u-sizeFillAlt {
    flex: 1 1 auto !important;
    flex-basis: auto !important;
  }
  
  /**
   * Make an element the width of its parent.
   */
  
  .u-sizeFull {
    width: 100% !important;
  }
  
  /**
   * @define utilities
   * Size: breakpoint 1 (small)
   */
  
  @media (min-width:0) and (max-width:660px) {
  
    /* Proportional widths: breakpoint 1 (small)
       ======================================================================== */
  
    /**
     * Specify the proportional width of an object.
     * Intentional redundancy build into each set of unit classes.
     * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
     *
     * 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
     *    http://git.io/vllMD
     */
  
    .u-sm-size1of12 {
      flex-basis: auto !important;
      width: 8.33333% !important;
    }
  
    .u-sm-size1of10 {
      flex-basis: auto !important;
      width: 10% !important;
    }
  
    .u-sm-size1of8 {
      flex-basis: auto !important;
      width: 12.5% !important;
    }
  
    .u-sm-size1of6,
    .u-sm-size2of12 {
      flex-basis: auto !important;
      width: 16.66667% !important;
    }
  
    .u-sm-size1of5,
    .u-sm-size2of10 {
      flex-basis: auto !important;
      width: 20% !important;
    }
  
    .u-sm-size1of4,
    .u-sm-size2of8,
    .u-sm-size3of12 {
      flex-basis: auto !important;
      width: 25% !important;
    }
  
    .u-sm-size3of10 {
      flex-basis: auto !important;
      width: 30% !important;
    }
  
    .u-sm-size1of3,
    .u-sm-size2of6,
    .u-sm-size4of12 {
      flex-basis: auto !important;
      width: 33.33333% !important;
    }
  
    .u-sm-size3of8 {
      flex-basis: auto !important;
      width: 37.5% !important;
    }
  
    .u-sm-size2of5,
    .u-sm-size4of10 {
      flex-basis: auto !important;
      width: 40% !important;
    }
  
    .u-sm-size5of12 {
      flex-basis: auto !important;
      width: 41.66667% !important;
    }
  
    .u-sm-size1of2,
    .u-sm-size2of4,
    .u-sm-size3of6,
    .u-sm-size4of8,
    .u-sm-size5of10,
    .u-sm-size6of12 {
      flex-basis: auto !important;
      width: 50% !important;
    }
  
    .u-sm-size7of12 {
      flex-basis: auto !important;
      width: 58.33333% !important;
    }
  
    .u-sm-size3of5,
    .u-sm-size6of10 {
      flex-basis: auto !important;
      width: 60% !important;
    }
  
    .u-sm-size5of8 {
      flex-basis: auto !important;
      width: 62.5% !important;
    }
  
    .u-sm-size2of3,
    .u-sm-size4of6,
    .u-sm-size8of12 {
      flex-basis: auto !important;
      width: 66.66667% !important;
    }
  
    .u-sm-size7of10 {
      flex-basis: auto !important;
      width: 70% !important;
    }
  
    .u-sm-size3of4,
    .u-sm-size6of8,
    .u-sm-size9of12 {
      flex-basis: auto !important;
      width: 75% !important;
    }
  
    .u-sm-size4of5,
    .u-sm-size8of10 {
      flex-basis: auto !important;
      width: 80% !important;
    }
  
    .u-sm-size5of6,
    .u-sm-size10of12 {
      flex-basis: auto !important;
      width: 83.33333% !important;
    }
  
    .u-sm-size7of8 {
      flex-basis: auto !important;
      width: 87.5% !important;
    }
  
    .u-sm-size9of10 {
      flex-basis: auto !important;
      width: 90% !important;
    }
  
    .u-sm-size11of12 {
      flex-basis: auto !important;
      width: 91.66667% !important;
    }
  
    /* Intrinsic widths
       ======================================================================== */
  
    /**
     * Make an element shrink wrap its content.
     */
  
    .u-sm-sizeFit {
      flex-basis: auto !important;
      width: auto !important;
    }
  
    /**
     * Make an element fill the remaining space.
     *
     * 1. Be explicit to work around IE10 bug with shorthand flex
     *    http://git.io/vllC7
     * 2. IE10 ignores previous `flex-basis` value. Setting again here fixes
     *    http://git.io/vllMt
     */
  
    .u-sm-sizeFill {
      flex: 1 1 0% !important; /* 1 */
      flex-basis: 0% !important; /* 2 */
    }
  
    /**
     * An alternative method to make an element fill the remaining space.
     * Distributes space based on the initial width and height of the element
     *
     * http://www.w3.org/TR/css-flexbox/images/rel-vs-abs-flex.svg
     */
  
    .u-sm-sizeFillAlt {
      flex: 1 1 auto !important;
      flex-basis: auto !important;
    }
  
    /**
     * Make an element the width of its parent.
     */
  
    .u-sm-sizeFull {
      width: 100% !important;
    }
  
  }
  
  /**
   * @define utilities
   * Size: breakpoint 2 (medium)
   */
  
  @media (min-width:661px) and (max-width:1024px) {
  
    /* Proportional widths: breakpoint 2 (medium)
       ======================================================================== */
  
    /**
     * Specify the proportional width of an object.
     * Intentional redundancy build into each set of unit classes.
     * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
     *
     * 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
     *    http://git.io/vllMD
     */
  
    /* postcss-bem-linter: ignore */
  
    .u-md-size1of12 {
      flex-basis: auto !important;
      width: 8.33333% !important;
    }
  
    .u-md-size1of10 {
      flex-basis: auto !important;
      width: 10% !important;
    }
  
    .u-md-size1of8 {
      flex-basis: auto !important;
      width: 12.5% !important;
    }
  
    .u-md-size1of6,
    .u-md-size2of12 {
      flex-basis: auto !important;
      width: 16.66667% !important;
    }
  
    .u-md-size1of5,
    .u-md-size2of10 {
      flex-basis: auto !important;
      width: 20% !important;
    }
  
    .u-md-size1of4,
    .u-md-size2of8,
    .u-md-size3of12 {
      flex-basis: auto !important;
      width: 25% !important;
    }
  
    .u-md-size3of10 {
      flex-basis: auto !important;
      width: 30% !important;
    }
  
    .u-md-size1of3,
    .u-md-size2of6,
    .u-md-size4of12 {
      flex-basis: auto !important;
      width: 33.33333% !important;
    }
  
    .u-md-size3of8 {
      flex-basis: auto !important;
      width: 37.5% !important;
    }
  
    .u-md-size2of5,
    .u-md-size4of10 {
      flex-basis: auto !important;
      width: 40% !important;
    }
  
    .u-md-size5of12 {
      flex-basis: auto !important;
      width: 41.66667% !important;
    }
  
    .u-md-size1of2,
    .u-md-size2of4,
    .u-md-size3of6,
    .u-md-size4of8,
    .u-md-size5of10,
    .u-md-size6of12 {
      flex-basis: auto !important;
      width: 50% !important;
    }
  
    .u-md-size7of12 {
      flex-basis: auto !important;
      width: 58.33333% !important;
    }
  
    .u-md-size3of5,
    .u-md-size6of10 {
      flex-basis: auto !important;
      width: 60% !important;
    }
  
    .u-md-size5of8 {
      flex-basis: auto !important;
      width: 62.5% !important;
    }
  
    .u-md-size2of3,
    .u-md-size4of6,
    .u-md-size8of12 {
      flex-basis: auto !important;
      width: 66.66667% !important;
    }
  
    .u-md-size7of10 {
      flex-basis: auto !important;
      width: 70% !important;
    }
  
    .u-md-size3of4,
    .u-md-size6of8,
    .u-md-size9of12 {
      flex-basis: auto !important;
      width: 75% !important;
    }
  
    .u-md-size4of5,
    .u-md-size8of10 {
      flex-basis: auto !important;
      width: 80% !important;
    }
  
    .u-md-size5of6,
    .u-md-size10of12 {
      flex-basis: auto !important;
      width: 83.33333% !important;
    }
  
    .u-md-size7of8 {
      flex-basis: auto !important;
      width: 87.5% !important;
    }
  
    .u-md-size9of10 {
      flex-basis: auto !important;
      width: 90% !important;
    }
  
    .u-md-size11of12 {
      flex-basis: auto !important;
      width: 91.66667% !important;
    }
  
    /* Intrinsic widths
       ======================================================================== */
  
    /**
     * Make an element shrink wrap its content.
     */
  
    .u-md-sizeFit {
      flex-basis: auto !important;
      width: auto !important;
    }
  
    /**
     * Make an element fill the remaining space.
     *
     * 1. Be explicit to work around IE10 bug with shorthand flex
     *    http://git.io/vllC7
     * 2. IE10 ignores previous `flex-basis` value. Setting again here fixes
     *    http://git.io/vllMt
     */
  
    .u-md-sizeFill {
      flex: 1 1 0% !important; /* 1 */
      flex-basis: 0% !important; /* 2 */
    }
  
    /**
     * An alternative method to make an element fill the remaining space.
     * Distributes space based on the initial width and height of the element
     *
     * http://www.w3.org/TR/css-flexbox/images/rel-vs-abs-flex.svg
     */
  
    .u-md-sizeFillAlt {
      flex: 1 1 auto !important;
      flex-basis: auto !important;
    }
  
    /**
     * Make an element the width of its parent.
     */
  
    .u-md-sizeFull {
      width: 100% !important;
    }
  
  }
  
  /**
   * @define utilities
   * Size: breakpoint 3 (large)
   */
  
  @media (min-width:1025px) {
  
    /* Proportional widths: breakpoint 3 (large)
       ======================================================================== */
  
    /**
     * Specify the proportional width of an object.
     * Intentional redundancy build into each set of unit classes.
     * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
     *
     * 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
     *    http://git.io/vllMD
     */
  
    .u-lg-size1of12 {
      flex-basis: auto !important;
      width: 8.33333% !important;
    }
  
    .u-lg-size1of10 {
      flex-basis: auto !important;
      width: 10% !important;
    }
  
    .u-lg-size1of8 {
      flex-basis: auto !important;
      width: 12.5% !important;
    }
  
    .u-lg-size1of6,
    .u-lg-size2of12 {
      flex-basis: auto !important;
      width: 16.66667% !important;
    }
  
    .u-lg-size1of5,
    .u-lg-size2of10 {
      flex-basis: auto !important;
      width: 20% !important;
    }
  
    .u-lg-size1of4,
    .u-lg-size2of8,
    .u-lg-size3of12 {
      flex-basis: auto !important;
      width: 25% !important;
    }
  
    .u-lg-size3of10 {
      flex-basis: auto !important;
      width: 30% !important;
    }
  
    .u-lg-size1of3,
    .u-lg-size2of6,
    .u-lg-size4of12 {
      flex-basis: auto !important;
      width: 33.33333% !important;
    }
  
    .u-lg-size3of8 {
      flex-basis: auto !important;
      width: 37.5% !important;
    }
  
    .u-lg-size2of5,
    .u-lg-size4of10 {
      flex-basis: auto !important;
      width: 40% !important;
    }
  
    .u-lg-size5of12 {
      flex-basis: auto !important;
      width: 41.66667% !important;
    }
  
    .u-lg-size1of2,
    .u-lg-size2of4,
    .u-lg-size3of6,
    .u-lg-size4of8,
    .u-lg-size5of10,
    .u-lg-size6of12 {
      flex-basis: auto !important;
      width: 50% !important;
    }
  
    .u-lg-size7of12 {
      flex-basis: auto !important;
      width: 58.33333% !important;
    }
  
    .u-lg-size3of5,
    .u-lg-size6of10 {
      flex-basis: auto !important;
      width: 60% !important;
    }
  
    .u-lg-size5of8 {
      flex-basis: auto !important;
      width: 62.5% !important;
    }
  
    .u-lg-size2of3,
    .u-lg-size4of6,
    .u-lg-size8of12 {
      flex-basis: auto !important;
      width: 66.66667% !important;
    }
  
    .u-lg-size7of10 {
      flex-basis: auto !important;
      width: 70% !important;
    }
  
    .u-lg-size3of4,
    .u-lg-size6of8,
    .u-lg-size9of12 {
      flex-basis: auto !important;
      width: 75% !important;
    }
  
    .u-lg-size4of5,
    .u-lg-size8of10 {
      flex-basis: auto !important;
      width: 80% !important;
    }
  
    .u-lg-size5of6,
    .u-lg-size10of12 {
      flex-basis: auto !important;
      width: 83.33333% !important;
    }
  
    .u-lg-size7of8 {
      flex-basis: auto !important;
      width: 87.5% !important;
    }
  
    .u-lg-size9of10 {
      flex-basis: auto !important;
      width: 90% !important;
    }
  
    .u-lg-size11of12 {
      flex-basis: auto !important;
      width: 91.66667% !important;
    }
  
    /* Intrinsic widths
       ======================================================================== */
  
    /**
     * Make an element shrink wrap its content.
     */
  
    .u-lg-sizeFit {
      flex-basis: auto !important;
      width: auto !important;
    }
  
    /**
     * Make an element fill the remaining space.
     *
     * 1. Be explicit to work around IE10 bug with shorthand flex
     *    http://git.io/vllC7
     * 2. IE10 ignores previous `flex-basis` value. Setting again here fixes
     *    http://git.io/vllMt
     */
  
    .u-lg-sizeFill {
      flex: 1 1 0% !important; /* 1 */
      flex-basis: 0% !important; /* 2 */
    }
  
    /**
     * An alternative method to make an element fill the remaining space.
     * Distributes space based on the initial width and height of the element
     *
     * http://www.w3.org/TR/css-flexbox/images/rel-vs-abs-flex.svg
     */
  
    .u-lg-sizeFillAlt {
      flex: 1 1 auto !important;
      flex-basis: auto !important;
    }
  
    /**
     * Make an element the width of its parent.
     */
  
    .u-lg-sizeFull {
      width: 100% !important;
    }
  
  }
  
  /**
   * Word breaking
   *
   * Break strings when their length exceeds the width of their container.
   */
  
  .u-textBreak {
    word-wrap: break-word !important;
  }
  
  /**
   * Horizontal text alignment
   */
  
  .u-textCenter {
    text-align: center !important;
  }
  
  .u-textLeft {
    text-align: left !important;
  }
  
  .u-textRight {
    text-align: right !important;
  }
  
  /**
   * Inherit the ancestor's text color.
   */
  
  .u-textInheritColor {
    color: inherit !important;
  }
  
  /**
   * Enables font kerning in all browsers.
   * http://blog.typekit.com/2014/02/05/kerning-on-the-web/
   *
   * 1. Chrome (not Windows), Firefox, IE 10+
   * 2. Safari 7 and future browsers
   * 3. Chrome (not Windows), Firefox, Safari 6+, iOS, Android
   */
  
  .u-textKern {
    font-feature-settings: "kern" 1; /* 1 */
    font-kerning: normal; /* 2 */
    text-rendering: optimizeLegibility; /* 3 */
  }
  
  /**
   * Prevent whitespace wrapping
   */
  
  .u-textNoWrap {
    white-space: nowrap !important;
  }
  
  /**
   * Text truncation
   *
   * Prevent text from wrapping onto multiple lines, and truncate with an
   * ellipsis.
   *
   * 1. Ensure that the node has a maximum width after which truncation can
   *    occur.
   * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor
   *    nodes.
   */
  
  .u-textTruncate {
    max-width: 100%; /* 1 */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-wrap: normal !important; /* 2 */
  }
  
  /** @define utilities */
  
  /* Applies to flex container
     ========================================================================== */
  
  /**
   * Container
   */
  
  .u-flex {
    display: flex !important;
  }
  
  .u-flexInline {
    display: inline-flex !important;
  }
  
  /**
   * Direction: row
   */
  
  .u-flexRow {
    flex-direction: row !important;
  }
  
  .u-flexRowReverse {
    flex-direction: row-reverse !important;
  }
  
  /**
   * Direction: column
   */
  
  .u-flexCol {
    flex-direction: column !important;
  }
  
  .u-flexColReverse {
    flex-direction: column-reverse !important;
  }
  
  /**
   * Wrap
   */
  
  .u-flexWrap {
    flex-wrap: wrap !important;
  }
  
  .u-flexNoWrap {
    flex-wrap: nowrap !important;
  }
  
  .u-flexWrapReverse {
    flex-wrap: wrap-reverse !important;
  }
  
  /**
   * Align items along the main axis of the current line of the flex container
   */
  
  .u-flexJustifyStart {
    justify-content: flex-start !important;
  }
  
  .u-flexJustifyEnd {
    justify-content: flex-end !important;
  }
  
  .u-flexJustifyCenter {
    justify-content: center !important;
  }
  
  .u-flexJustifyBetween {
    justify-content: space-between !important;
  }
  
  .u-flexJustifyAround {
    justify-content: space-around !important;
  }
  
  /**
   * Align items in the cross axis of the current line of the flex container
   * Similar to `justify-content` but in the perpendicular direction
   */
  
  .u-flexAlignItemsStart {
    align-items: flex-start !important;
  }
  
  .u-flexAlignItemsEnd {
    align-items: flex-end !important;
  }
  
  .u-flexAlignItemsCenter {
    align-items: center !important;
  }
  
  .u-flexAlignItemsStretch {
    align-items: stretch !important;
  }
  
  .u-flexAlignItemsBaseline {
    align-items: baseline !important;
  }
  
  /**
   * Aligns items within the flex container when there is extra
   * space in the cross-axis
   *
   * Has no effect when there is only one line of flex items.
   */
  
  .u-flexAlignContentStart {
    align-content: flex-start !important;
  }
  
  .u-flexAlignContentEnd {
    align-content: flex-end !important;
  }
  
  .u-flexAlignContentCenter {
    align-content: center !important;
  }
  
  .u-flexAlignContentStretch {
    align-content: stretch !important;
  }
  
  .u-flexAlignContentBetween {
    align-content: space-between !important;
  }
  
  .u-flexAlignContentAround {
    align-content: space-around !important;
  }
  
  /* Applies to flex items
     ========================================================================== */
  
  /**
   * Override default alignment of single item when specified by `align-items`
   */
  
  .u-flexAlignSelfStart {
    align-self: flex-start !important;
  }
  
  .u-flexAlignSelfEnd {
    align-self: flex-end !important;
  }
  
  .u-flexAlignSelfCenter {
    align-self: center !important;
  }
  
  .u-flexAlignSelfStretch {
    align-self: stretch !important;
  }
  
  .u-flexAlignSelfBaseline {
    align-self: baseline !important;
  }
  
  .u-flexAlignSelfAuto {
    align-self: auto !important;
  }
  
  /**
   * Change order without editing underlying HTML
   */
  
  .u-flexOrderFirst {
    order: -1 !important;
  }
  
  .u-flexOrderLast {
    order: 1 !important;
  }
  
  .u-flexOrderNone {
    order: 0 !important;
  }
  
  /**
   * Specify the flex grow factor, which determines how much the flex item will
   * grow relative to the rest of the flex items in the flex container.
   *
   * Supports 1-5 proportions
   *
   * 1. Provide all values to avoid IE10 bug with shorthand flex
   *    - http://git.io/vllC7
   *
   *    Use `0%` to avoid bug in IE10/11 with unitless flex basis. Using this
   *    instead of `auto` as this matches what the default would be with `flex`
   *    shorthand - http://git.io/vllWx
   */
  
  .u-flexGrow1 {
    flex: 1 1 0% !important; /* 1 */
  }
  
  .u-flexGrow2 {
    flex: 2 1 0% !important;
  }
  
  .u-flexGrow3 {
    flex: 3 1 0% !important;
  }
  
  .u-flexGrow4 {
    flex: 4 1 0% !important;
  }
  
  .u-flexGrow5 {
    flex: 5 1 0% !important;
  }
  
  /**
   * Specify the flex shrink factor, which determines how much the flex item will
   * shrink relative to the rest of the flex items in the flex container.
   */
  
  .u-flexShrink0 {
    flex-shrink: 0 !important;
  }
  
  .u-flexShrink1 {
    flex-shrink: 1 !important;
  }
  
  .u-flexShrink2 {
    flex-shrink: 2 !important;
  }
  
  .u-flexShrink3 {
    flex-shrink: 3 !important;
  }
  
  .u-flexShrink4 {
    flex-shrink: 4 !important;
  }
  
  .u-flexShrink5 {
    flex-shrink: 5 !important;
  }
  
  /**
   * Aligning with `auto` margins
   * http://www.w3.org/TR/css-flexbox-1/#auto-margins
   */
  
  .u-flexExpand {
    margin: auto !important;
  }
  
  .u-flexExpandLeft {
    margin-left: auto !important;
  }
  
  .u-flexExpandRight {
    margin-right: auto !important;
  }
  
  .u-flexExpandTop {
    margin-top: auto !important;
  }
  
  .u-flexExpandBottom {
    margin-bottom: auto !important;
  }
  
  /**
   * Basis
   */
  
  .u-flexBasisAuto {
    flex-basis: auto !important;
  }
  
  .u-flexBasis0 {
    flex-basis: 0 !important;
  }
  
  /*
   * Shorthand
   *
   * Declares all values instead of keywords like 'initial' to work around IE10
   * https://www.w3.org/TR/css-flexbox-1/#flex-common
   *
   * 1. Fixes issue in IE 10 where flex-basis is ignored - https://git.io/vllMt
   *    This ensures it overrides flex-basis set in other utilities.
   */
  
  /*
   * Sizes the item based on the width/height properties
   */
  
  .u-flexInitial {
    flex: 0 1 auto !important;
    flex-basis: auto !important; /* 1 */
  }
  
  /*
   * Sizes the item based on the width/height properties, but makes them fully
   * flexible, so that they absorb any free space along the main axis.
   */
  
  .u-flexAuto {
    flex: 1 1 auto !important;
    flex-basis: auto !important; /* 1 */
  }
  
  /*
   * Sizes the item according to the width/height properties, but makes the flex
   * item fully inflexible. Similar to initial, except that flex items are
   * not allowed to shrink, even in overflow situations.
   */
  
  .u-flexNone {
    flex: 0 0 auto !important;
    flex-basis: auto !important; /* 1 */
  }
  
  /**
   * @define utilities
   * Size: breakpoint 1 (small)
   */
  
  @media (min-width:0) and (max-width:660px) {
  
    /* Applies to flex container
       ======================================================================== */
  
    /**
     * Container
     */
  
    .u-sm-flex {
      display: flex !important;
    }
  
    .u-sm-flexInline {
      display: inline-flex !important;
    }
  
    /**
     * Direction: row
     */
  
    .u-sm-flexRow {
      flex-direction: row !important;
    }
  
    .u-sm-flexRowReverse {
      flex-direction: row-reverse !important;
    }
  
    /**
     * Direction: column
     */
  
    .u-sm-flexCol {
      flex-direction: column !important;
    }
  
    .u-sm-flexColReverse {
      flex-direction: column-reverse !important;
    }
  
    /**
     * Wrap
     */
  
    .u-sm-flexWrap {
      flex-wrap: wrap !important;
    }
  
    .u-sm-flexNoWrap {
      flex-wrap: nowrap !important;
    }
  
    .u-sm-flexWrapReverse {
      flex-wrap: wrap-reverse !important;
    }
  
    /**
     * Align items along the main axis of the current line of the flex container
     */
  
    .u-sm-flexJustifyStart {
      justify-content: flex-start !important;
    }
  
    .u-sm-flexJustifyEnd {
      justify-content: flex-end !important;
    }
  
    .u-sm-flexJustifyCenter {
      justify-content: center !important;
    }
  
    .u-sm-flexJustifyBetween {
      justify-content: space-between !important;
    }
  
    .u-sm-flexJustifyAround {
      justify-content: space-around !important;
    }
  
    /**
     * Align items in the cross axis of the current line of the flex container
     * Similar to `justify-content` but in the perpendicular direction
     */
  
    .u-sm-flexAlignItemsStart {
      align-items: flex-start !important;
    }
  
    .u-sm-flexAlignItemsEnd {
      align-items: flex-end !important;
    }
  
    .u-sm-flexAlignItemsCenter {
      align-items: center !important;
    }
  
    .u-sm-flexAlignItemsStretch {
      align-items: stretch !important;
    }
  
    .u-sm-flexAlignItemsBaseline {
      align-items: baseline !important;
    }
  
    /**
     * Aligns items within the flex container when there is extra
     * space in the cross-axis
     *
     * Has no effect when there is only one line of flex items.
     */
  
    .u-sm-flexAlignContentStart {
      align-content: flex-start !important;
    }
  
    .u-sm-flexAlignContentEnd {
      align-content: flex-end !important;
    }
  
    .u-sm-flexAlignContentCenter {
      align-content: center !important;
    }
  
    .u-sm-flexAlignContentStretch {
      align-content: stretch !important;
    }
  
    .u-sm-flexAlignContentBetween {
      align-content: space-between !important;
    }
  
    .u-sm-flexAlignContentAround {
      align-content: space-around !important;
    }
  
    /* Applies to flex items
       ======================================================================== */
  
    /**
     * Override default alignment of single item when specified by `align-items`
     */
  
    .u-sm-flexAlignSelfStart {
      align-self: flex-start !important;
    }
  
    .u-sm-flexAlignSelfEnd {
      align-self: flex-end !important;
    }
  
    .u-sm-flexAlignSelfCenter {
      align-self: center !important;
    }
  
    .u-sm-flexAlignSelfStretch {
      align-self: stretch !important;
    }
  
    .u-sm-flexAlignSelfBaseline {
      align-self: baseline !important;
    }
  
    .u-sm-flexAlignSelfAuto {
      align-self: auto !important;
    }
  
    /**
     * Change order without editing underlying HTML
     */
  
    .u-sm-flexOrderFirst {
      order: -1 !important;
    }
  
    .u-sm-flexOrderLast {
      order: 1 !important;
    }
  
    .u-sm-flexOrderNone {
      order: 0 !important;
    }
  
    /**
     * Specify the flex grow factor, which determines how much the flex item will
     * grow relative to the rest of the flex items in the flex container.
     *
     * Supports 1-5 proportions
     *
     * 1. Provide all values to avoid IE10 bug with shorthand flex
     *    http://git.io/vllC7
     *
     *    Use `0%` to avoid bug in IE10/11 with unitless flex basis
     *    http://git.io/vllWx
     */
  
    .u-sm-flexGrow1 {
      flex: 1 1 0% !important; /* 1 */
    }
  
    .u-sm-flexGrow2 {
      flex: 2 1 0% !important;
    }
  
    .u-sm-flexGrow3 {
      flex: 3 1 0% !important;
    }
  
    .u-sm-flexGrow4 {
      flex: 4 1 0% !important;
    }
  
    .u-sm-flexGrow5 {
      flex: 5 1 0% !important;
    }
  
    /**
     * Specify the flex shrink factor, which determines how much the flex item
     * will shrink relative to the rest of the flex items in the flex container.
     */
  
    .u-sm-flexShrink0 {
      flex-shrink: 0 !important;
    }
  
    .u-sm-flexShrink1 {
      flex-shrink: 1 !important;
    }
  
    .u-sm-flexShrink2 {
      flex-shrink: 2 !important;
    }
  
    .u-sm-flexShrink3 {
      flex-shrink: 3 !important;
    }
  
    .u-sm-flexShrink4 {
      flex-shrink: 4 !important;
    }
  
    .u-sm-flexShrink5 {
      flex-shrink: 5 !important;
    }
  
    /**
     * Aligning with `auto` margins
     * http://www.w3.org/TR/css-flexbox-1/#auto-margins
     */
  
    .u-sm-flexExpand {
      margin: auto !important;
    }
  
    .u-sm-flexExpandLeft {
      margin-left: auto !important;
    }
  
    .u-sm-flexExpandRight {
      margin-right: auto !important;
    }
  
    .u-sm-flexExpandTop {
      margin-top: auto !important;
    }
  
    .u-sm-flexExpandBottom {
      margin-bottom: auto !important;
    }
  
    /**
     * Basis
     */
  
    .u-sm-flexBasisAuto {
      flex-basis: auto !important;
    }
  
    .u-sm-flexBasis0 {
      flex-basis: 0 !important;
    }
  
    /*
     * Shorthand
     *
     * Declares all values instead of keywords like 'initial' to work around IE10
     * https://www.w3.org/TR/css-flexbox-1/#flex-common
     *
     * 1. Fixes issue in IE 10 where flex-basis is ignored - https://git.io/vllMt
     *    This ensures it overrides flex-basis set in other utilities.
     */
  
    /*
     * Sizes the item based on the width/height properties
     */
  
    .u-sm-flexInitial {
      flex: 0 1 auto !important;
      flex-basis: auto !important; /* 1 */
    }
  
    /*
     * Sizes the item based on the width/height properties, but makes them fully
     * flexible, so that they absorb any free space along the main axis.
     */
  
    .u-sm-flexAuto {
      flex: 1 1 auto !important;
      flex-basis: auto !important; /* 1 */
    }
  
    /*
     * Sizes the item according to the width/height properties, but makes the flex
     * item fully inflexible. Similar to initial, except that flex items are
     * not allowed to shrink, even in overflow situations.
     */
  
    .u-sm-flexNone {
      flex: 0 0 auto !important;
      flex-basis: auto !important; /* 1 */
    }
  
  }
  
  /**
   * @define utilities
   * Size: breakpoint 2 (medium)
   */
  
  @media (min-width:661px) and (max-width:1024px) {
  
    /* Applies to flex container
       ======================================================================== */
  
    /**
     * Container
     */
  
    .u-md-flex {
      display: flex !important;
    }
  
    .u-md-flexInline {
      display: inline-flex !important;
    }
  
    /**
     * Direction: row
     */
  
    .u-md-flexRow {
      flex-direction: row !important;
    }
  
    .u-md-flexRowReverse {
      flex-direction: row-reverse !important;
    }
  
    /**
     * Direction: column
     */
  
    .u-md-flexCol {
      flex-direction: column !important;
    }
  
    .u-md-flexColReverse {
      flex-direction: column-reverse !important;
    }
  
    /**
     * Wrap
     */
  
    .u-md-flexWrap {
      flex-wrap: wrap !important;
    }
  
    .u-md-flexNoWrap {
      flex-wrap: nowrap !important;
    }
  
    .u-md-flexWrapReverse {
      flex-wrap: wrap-reverse !important;
    }
  
    /**
     * Align items along the main axis of the current line of the flex container
     */
  
    .u-md-flexJustifyStart {
      justify-content: flex-start !important;
    }
  
    .u-md-flexJustifyEnd {
      justify-content: flex-end !important;
    }
  
    .u-md-flexJustifyCenter {
      justify-content: center !important;
    }
  
    .u-md-flexJustifyBetween {
      justify-content: space-between !important;
    }
  
    .u-md-flexJustifyAround {
      justify-content: space-around !important;
    }
  
    /**
     * Align items in the cross axis of the current line of the flex container
     * Similar to `justify-content` but in the perpendicular direction
     */
  
    .u-md-flexAlignItemsStart {
      align-items: flex-start !important;
    }
  
    .u-md-flexAlignItemsEnd {
      align-items: flex-end !important;
    }
  
    .u-md-flexAlignItemsCenter {
      align-items: center !important;
    }
  
    .u-md-flexAlignItemsStretch {
      align-items: stretch !important;
    }
  
    .u-md-flexAlignItemsBaseline {
      align-items: baseline !important;
    }
  
    /**
     * Aligns items within the flex container when there is extra
     * space in the cross-axis
     *
     * Has no effect when there is only one line of flex items.
     */
  
    .u-md-flexAlignContentStart {
      align-content: flex-start !important;
    }
  
    .u-md-flexAlignContentEnd {
      align-content: flex-end !important;
    }
  
    .u-md-flexAlignContentCenter {
      align-content: center !important;
    }
  
    .u-md-flexAlignContentStretch {
      align-content: stretch !important;
    }
  
    .u-md-flexAlignContentBetween {
      align-content: space-between !important;
    }
  
    .u-md-flexAlignContentAround {
      align-content: space-around !important;
    }
  
    /* Applies to flex items
       ======================================================================== */
  
    /**
     * Override default alignment of single item when specified by `align-items`
     */
  
    .u-md-flexAlignSelfStart {
      align-self: flex-start !important;
    }
  
    .u-md-flexAlignSelfEnd {
      align-self: flex-end !important;
    }
  
    .u-md-flexAlignSelfCenter {
      align-self: center !important;
    }
  
    .u-md-flexAlignSelfStretch {
      align-self: stretch !important;
    }
  
    .u-md-flexAlignSelfBaseline {
      align-self: baseline !important;
    }
  
    .u-md-flexAlignSelfAuto {
      align-self: auto !important;
    }
  
    /**
     * Change order without editing underlying HTML
     */
  
    .u-md-flexOrderFirst {
      order: -1 !important;
    }
  
    .u-md-flexOrderLast {
      order: 1 !important;
    }
  
    .u-md-flexOrderNone {
      order: 0 !important;
    }
  
    /**
     * Specify the flex grow factor, which determines how much the flex item will
     * grow relative to the rest of the flex items in the flex container.
     *
     * Supports 1-5 proportions
     *
     * 1. Provide all values to avoid IE10 bug with shorthand flex
     *    http://git.io/vllC7
     *
     *    Use `0%` to avoid bug in IE10/11 with unitless flex basis
     *    http://git.io/vllWx
     */
  
    .u-md-flexGrow1 {
      flex: 1 1 0% !important; /* 1 */
    }
  
    .u-md-flexGrow2 {
      flex: 2 1 0% !important;
    }
  
    .u-md-flexGrow3 {
      flex: 3 1 0% !important;
    }
  
    .u-md-flexGrow4 {
      flex: 4 1 0% !important;
    }
  
    .u-md-flexGrow5 {
      flex: 5 1 0% !important;
    }
  
    /**
     * Specify the flex shrink factor, which determines how much the flex item
     * will shrink relative to the rest of the flex items in the flex container.
     */
  
    .u-md-flexShrink0 {
      flex-shrink: 0 !important;
    }
  
    .u-md-flexShrink1 {
      flex-shrink: 1 !important;
    }
  
    .u-md-flexShrink2 {
      flex-shrink: 2 !important;
    }
  
    .u-md-flexShrink3 {
      flex-shrink: 3 !important;
    }
  
    .u-md-flexShrink4 {
      flex-shrink: 4 !important;
    }
  
    .u-md-flexShrink5 {
      flex-shrink: 5 !important;
    }
  
    /**
     * Aligning with `auto` margins
     * http://www.w3.org/TR/css-flexbox-1/#auto-margins
     */
  
    .u-md-flexExpand {
      margin: auto !important;
    }
  
    .u-md-flexExpandLeft {
      margin-left: auto !important;
    }
  
    .u-md-flexExpandRight {
      margin-right: auto !important;
    }
  
    .u-md-flexExpandTop {
      margin-top: auto !important;
    }
  
    .u-md-flexExpandBottom {
      margin-bottom: auto !important;
    }
  
    /**
     * Basis
     */
  
    .u-md-flexBasisAuto {
      flex-basis: auto !important;
    }
  
    .u-md-flexBasis0 {
      flex-basis: 0 !important;
    }
  
    /*
     * Shorthand
     *
     * Declares all values instead of keywords like 'initial' to work around IE10
     * https://www.w3.org/TR/css-flexbox-1/#flex-common
     *
     * 1. Fixes issue in IE 10 where flex-basis is ignored - https://git.io/vllMt
     *    This ensures it overrides flex-basis set in other utilities.
     */
  
    /*
     * Sizes the item based on the width/height properties
     */
  
    .u-md-flexInitial {
      flex: 0 1 auto !important;
      flex-basis: auto !important; /* 1 */
    }
  
    /*
     * Sizes the item based on the width/height properties, but makes them fully
     * flexible, so that they absorb any free space along the main axis.
     */
  
    .u-md-flexAuto {
      flex: 1 1 auto !important;
      flex-basis: auto !important; /* 1 */
    }
  
    /*
     * Sizes the item according to the width/height properties, but makes the flex
     * item fully inflexible. Similar to initial, except that flex items are
     * not allowed to shrink, even in overflow situations.
     */
  
    .u-md-flexNone {
      flex: 0 0 auto !important;
      flex-basis: auto !important; /* 1 */
    }
  
  }
  
  /**
   * @define utilities
   * Size: breakpoint 3 (large)
   */
  
  @media (min-width:1025px) {
  
    /* Applies to flex container
       ======================================================================== */
  
    /**
     * Container
     */
  
    .u-lg-flex {
      display: flex !important;
    }
  
    .u-lg-flexInline {
      display: inline-flex !important;
    }
  
    /**
     * Direction: row
     */
  
    .u-lg-flexRow {
      flex-direction: row !important;
    }
  
    .u-lg-flexRowReverse {
      flex-direction: row-reverse !important;
    }
  
    /**
     * Direction: column
     */
  
    .u-lg-flexCol {
      flex-direction: column !important;
    }
  
    .u-lg-flexColReverse {
      flex-direction: column-reverse !important;
    }
  
    /**
     * Wrap
     */
  
    .u-lg-flexWrap {
      flex-wrap: wrap !important;
    }
  
    .u-lg-flexNoWrap {
      flex-wrap: nowrap !important;
    }
  
    .u-lg-flexWrapReverse {
      flex-wrap: wrap-reverse !important;
    }
  
    /**
     * Align items along the main axis of the current line of the flex container
     */
  
    .u-lg-flexJustifyStart {
      justify-content: flex-start !important;
    }
  
    .u-lg-flexJustifyEnd {
      justify-content: flex-end !important;
    }
  
    .u-lg-flexJustifyCenter {
      justify-content: center !important;
    }
  
    .u-lg-flexJustifyBetween {
      justify-content: space-between !important;
    }
  
    .u-lg-flexJustifyAround {
      justify-content: space-around !important;
    }
  
    /**
     * Align items in the cross axis of the current line of the flex container
     * Similar to `justify-content` but in the perpendicular direction
     */
  
    .u-lg-flexAlignItemsStart {
      align-items: flex-start !important;
    }
  
    .u-lg-flexAlignItemsEnd {
      align-items: flex-end !important;
    }
  
    .u-lg-flexAlignItemsCenter {
      align-items: center !important;
    }
  
    .u-lg-flexAlignItemsStretch {
      align-items: stretch !important;
    }
  
    .u-lg-flexAlignItemsBaseline {
      align-items: baseline !important;
    }
  
    /**
     * Aligns items within the flex container when there is extra
     * space in the cross-axis
     *
     * Has no effect when there is only one line of flex items.
     */
  
    .u-lg-flexAlignContentStart {
      align-content: flex-start !important;
    }
  
    .u-lg-flexAlignContentEnd {
      align-content: flex-end !important;
    }
  
    .u-lg-flexAlignContentCenter {
      align-content: center !important;
    }
  
    .u-lg-flexAlignContentStretch {
      align-content: stretch !important;
    }
  
    .u-lg-flexAlignContentBetween {
      align-content: space-between !important;
    }
  
    .u-lg-flexAlignContentAround {
      align-content: space-around !important;
    }
  
    /* Applies to flex items
       ======================================================================== */
  
    /**
     * Override default alignment of single item when specified by `align-items`
     */
  
    .u-lg-flexAlignSelfStart {
      align-self: flex-start !important;
    }
  
    .u-lg-flexAlignSelfEnd {
      align-self: flex-end !important;
    }
  
    .u-lg-flexAlignSelfCenter {
      align-self: center !important;
    }
  
    .u-lg-flexAlignSelfStretch {
      align-self: stretch !important;
    }
  
    .u-lg-flexAlignSelfBaseline {
      align-self: baseline !important;
    }
  
    .u-lg-flexAlignSelfAuto {
      align-self: auto !important;
    }
  
    /**
     * Change order without editing underlying HTML
     */
  
    .u-lg-flexOrderFirst {
      order: -1 !important;
    }
  
    .u-lg-flexOrderLast {
      order: 1 !important;
    }
  
    .u-lg-flexOrderNone {
      order: 0 !important;
    }
  
    /**
     * Specify the flex grow factor, which determines how much the flex item will
     * grow relative to the rest of the flex items in the flex container.
     *
     * Supports 1-5 proportions
     *
     * 1. Provide all values to avoid IE10 bug with shorthand flex
     *    http://git.io/vllC7
     *
     *    Use `0%` to avoid bug in IE10/11 with unitless flex basis
     *    http://git.io/vllWx
     */
  
    .u-lg-flexGrow1 {
      flex: 1 1 0% !important; /* 1 */
    }
  
    .u-lg-flexGrow2 {
      flex: 2 1 0% !important;
    }
  
    .u-lg-flexGrow3 {
      flex: 3 1 0% !important;
    }
  
    .u-lg-flexGrow4 {
      flex: 4 1 0% !important;
    }
  
    .u-lg-flexGrow5 {
      flex: 5 1 0% !important;
    }
  
    /**
     * Specify the flex shrink factor, which determines how much the flex item
     * will shrink relative to the rest of the flex items in the flex container.
     */
  
    .u-lg-flexShrink0 {
      flex-shrink: 0 !important;
    }
  
    .u-lg-flexShrink1 {
      flex-shrink: 1 !important;
    }
  
    .u-lg-flexShrink2 {
      flex-shrink: 2 !important;
    }
  
    .u-lg-flexShrink3 {
      flex-shrink: 3 !important;
    }
  
    .u-lg-flexShrink4 {
      flex-shrink: 4 !important;
    }
  
    .u-lg-flexShrink5 {
      flex-shrink: 5 !important;
    }
  
    /**
     * Aligning with `auto` margins
     * http://www.w3.org/TR/css-flexbox-1/#auto-margins
     */
  
    .u-lg-flexExpand {
      margin: auto !important;
    }
  
    .u-lg-flexExpandLeft {
      margin-left: auto !important;
    }
  
    .u-lg-flexExpandRight {
      margin-right: auto !important;
    }
  
    .u-lg-flexExpandTop {
      margin-top: auto !important;
    }
  
    .u-lg-flexExpandBottom {
      margin-bottom: auto !important;
    }
  
    /**
     * Basis
     */
  
    .u-lg-flexBasisAuto {
      flex-basis: auto !important;
    }
  
    .u-lg-flexBasis0 {
      flex-basis: 0 !important;
    }
  
    /*
     * Shorthand
     *
     * Declares all values instead of keywords like 'initial' to work around IE10
     * https://www.w3.org/TR/css-flexbox-1/#flex-common
     *
     * 1. Fixes issue in IE 10 where flex-basis is ignored - https://git.io/vllMt
     *    This ensures it overrides flex-basis set in other utilities.
     */
  
    /*
     * Sizes the item based on the width/height properties
     */
  
    .u-lg-flexInitial {
      flex: 0 1 auto !important;
      flex-basis: auto !important; /* 1 */
    }
  
    /*
     * Sizes the item based on the width/height properties, but makes them fully
     * flexible, so that they absorb any free space along the main axis.
     */
  
    .u-lg-flexAuto {
      flex: 1 1 auto !important;
      flex-basis: auto !important; /* 1 */
    }
  
    /*
     * Sizes the item according to the width/height properties, but makes the flex
     * item fully inflexible. Similar to initial, except that flex items are
     * not allowed to shrink, even in overflow situations.
     */
  
    .u-lg-flexNone {
      flex: 0 0 auto !important;
      flex-basis: auto !important; /* 1 */
    }
  
  }
  
  /** @define Arrange; weak */
  
  /**
   * This component lets you lay out a row of cells in various ways. You can
   * specify whether a cell should be wide enough to fit its content, or take up
   * the remaining space in the row. It's also possible to give all cells an
   * equal width, and to control their vertical alignment.
   */
  
  /**
   * 1. Protect against the component expanding beyond the confines of its
   *    container if properties affecting the box-model are applied to the
   *    component. Mainly necessary because of (5).
   * 2. Rely on table layout.
   * 3. Zero out the default spacing that might be on an element (e.g., `ul`).
   * 4. Make sure the component fills at least the full width of its parent.
   * 5. Reset the table-layout algorithm in case a component is nested.
   */
  
  .Arrange {
    box-sizing: border-box; /* 1 */
    display: table; /* 2 */
    margin: 0; /* 3 */
    min-width: 100%; /* 4 */
    padding: 0; /* 3 */
    table-layout: auto; /* 5 */
  }
  
  /**
   * There are three possible types of child. `sizeFill` will expand to fill all
   * of the remaining space not filled by `sizeFit` elements. `row` will begin a
   * new row context, keeping columns the same size.
   *
   * 1. Zero out any default spacing that might be on an element (e.g., `li`);
   *    Margin has no effect when coupled with `display: table-cell`.
   * 2. All cells are top-aligned by default
   */
  
  .Arrange-sizeFill,
  .Arrange-sizeFit {
    display: table-cell;
    padding: 0; /* 1 */
    vertical-align: top; /* 2 */
  }
  
  /**
   * Make sure the main content block expands to fill the remaining space.
   */
  
  .Arrange-sizeFill {
    width: 100%;
  }
  
  /**
   * Where possible, protect against large images breaking the layout. Prevent them from
   * exceeding the width of the main content block by making them fluid.
   *
   * Only work for all browsers with the `Arrange--equally` variant. For Firefox
   * and IE to constrain image dimensions for other layouts, large images will
   * need their width set to `100%`.
   */
  
  .Arrange-sizeFill img {
    height: auto;
    max-width: 100%;
  }
  
  /**
   * Defend against a side-effect of this layout pattern: images in
   * 'Arrange-sizeFit' cannot be fluid, otherwise they lose their ability to
   * provide size to a cell.
   */
  
  .Arrange-sizeFit img {
    max-width: none !important;
    width: auto !important;
  }
  
  /**
   * Start a new row context.
   */
  
  .Arrange-row {
    display: table-row;
  }
  
  /* Vertical alignment modifiers
     ========================================================================== */
  
  .Arrange--middle > .Arrange-sizeFill,
  .Arrange--middle > .Arrange-sizeFit {
    vertical-align: middle;
  }
  
  .Arrange--bottom > .Arrange-sizeFill,
  .Arrange--bottom > .Arrange-sizeFit {
    vertical-align: bottom;
  }
  
  /* Equal-width modifier
     ========================================================================== */
  
  /**
   * This layout algorithm will create equal-width table cells, irrespective of
   * the width of their content.
   *
   * 1. The layout algorithm requires a set width to correctly calculate table
   *    cell width.
   */
  
  .Arrange--equal {
    table-layout: fixed;
    width: 100%; /* 1 */
  }
  
  /**
   * Give the cells an equal width. This value ensures that Arrange is still 100%
   * wide when gutters are used in conjunctions with equal-width cells.
   *
   * It's recommended that only 'Arrange-sizeFill' be used for equal width cells.
   * Their inner images will automatically be responsive.
   */
  
  .Arrange--equal > .Arrange-sizeFill,
  .Arrange--equal > .Arrange-sizeFit,
  .Arrange--equal > .Arrange-row > .Arrange-sizeFill,
  .Arrange--equal > .Arrange-row > .Arrange-sizeFit {
    width: 1%;
  }
  
  /* Gutter modifier
     ========================================================================== */
  
  /**
   * Add a gutter between cells
   *
   * NOTE: this can trigger a horizontal scrollbar if the component is as wide as
   * the viewport. Use padding on a container, or `overflow-x:hidden` to protect
   * against it.
   */
  
  .Arrange--withGutter {
    margin: 0 -5px;
  }
  
  .Arrange--withGutter > .Arrange-sizeFit,
  .Arrange--withGutter > .Arrange-sizeFill,
  .Arrange--withGutter > .Arrange-row > .Arrange-sizeFit,
  .Arrange--withGutter > .Arrange-row > .Arrange-sizeFill {
    padding: 0 5px;
  }
  
  /** @define Button */
  
  /**
   * The button classes are best applied to links and buttons.
   * These components can be used in forms, as calls to action, or as part of the
   * general UI of the site/app.
   */
  
  /**
   * 1. Normalize `box-sizing` across all elements that this component could be
   *    applied to.
   * 2. Inherit text color from ancestor.
   * 3. Inherit font styles from ancestor.
   * 4. Prevent button text from being selectable.
   */
  
  .Button {
    background: transparent;
    border-color: currentcolor;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: inline-block;
    font: inherit; /* 3 */
    margin: 0;
    padding: inherit;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none; /* 4 */
  }
  
  /**
   * Remove excess padding and border in Firefox 4+
   */
  
  .Button::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  
  /**
   * Work around a Firefox/IE bug where the transparent `button` background
   * results in a loss of the default `button` focus styles.
   */
  
  .Button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
  
  /**
   * UI states
   */
  
  .Button:hover,
  .Button:focus,
  .Button:active {
    text-decoration: none;
  }
  
  .Button:disabled,
  .Button.is-disabled {
    cursor: default;
    opacity: 0.3;
  }
  
  /** @define FlexEmbed */
  
  /**
   * Flexible media embeds
   *
   * For use with media embeds – such as videos, slideshows, or even images –
   * that need to retain a specific aspect ratio but adapt to the width of their
   * containing element.
   *
   * Based on: http://alistapart.com/article/creating-intrinsic-ratios-for-video
   */
  
  .FlexEmbed {
    display: block;
    overflow: hidden;
    position: relative;
  }
  
  /**
   * The aspect-ratio hack is applied to an empty element because it allows
   * the component to respect `max-height`. Default aspect ratio is 1:1.
   */
  
  .FlexEmbed-ratio {
    display: block;
    padding-bottom: 100%;
    width: 100%;
  }
  
  /**
   * Modifier: 3:1 aspect ratio
   */
  
  .FlexEmbed-ratio--3by1 {
    padding-bottom: 33.33333%;
  }
  
  /**
   * Modifier: 2:1 aspect ratio
   */
  
  .FlexEmbed-ratio--2by1 {
    padding-bottom: 50%;
  }
  
  /**
   * Modifier: 16:9 aspect ratio
   */
  
  .FlexEmbed-ratio--16by9 {
    padding-bottom: 56.25%;
  }
  
  /**
   * Modifier: 4:3 aspect ratio
   */
  
  .FlexEmbed-ratio--4by3 {
    padding-bottom: 75%;
  }
  
  /**
   * Fit the content to the aspect ratio
   */
  
  .FlexEmbed-content {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  /** @define Grid */
  
  /**
   * Core grid component
   *
   * DO NOT apply dimension or offset utilities to the `Grid` element. All cell
   * widths and offsets should be applied to child grid cells.
   */
  
  /* Grid container
     ========================================================================== */
  
  /**
   * All content must be contained within child `Grid-cell` elements.
   *
   * 1. Account for browser defaults of elements that might be the root node of
   *    the component.
   */
  
  .Grid {
    box-sizing: border-box;
    display: flex; /* 1 */
    flex-flow: row wrap;
    margin: 0; /* 1 */
    padding: 0; /* 1 */
  }
  
  /**
   * Modifier: center align all grid cells
   */
  
  .Grid--alignCenter {
    justify-content: center;
  }
  
  /**
   * Modifier: right align all grid cells
   */
  
  .Grid--alignRight {
    justify-content: flex-end;
  }
  
  /**
   * Modifier: middle-align grid cells
   */
  
  .Grid--alignMiddle {
    align-items: center;
  }
  
  /**
   * Modifier: bottom-align grid cells
   */
  
  .Grid--alignBottom {
    align-items: flex-end;
  }
  
  /**
   * Modifier: allow cells to equal distribute width
   *
   * 1. Provide all values to avoid IE10 bug with shorthand flex
   *    http://git.io/vllC7
   *
   *    Use `0%` to avoid bug in IE10/11 with unitless flex basis
   *    http://git.io/vllWx
   */
  
  .Grid--fit > .Grid-cell {
    flex: 1 1 0%; /* 1 */
  }
  
  /**
   * Modifier: all cells match height of tallest cell in a row
   */
  
  .Grid--equalHeight > .Grid-cell {
    display: flex;
  }
  
  /**
   * Modifier: gutters
   */
  
  .Grid--withGutter {
    margin: 0 -10px;
  }
  
  .Grid--withGutter > .Grid-cell {
    padding: 0 10px;
  }
  
  /* Grid cell
     ========================================================================== */
  
  /**
   * No explicit width by default. Rely on combining `Grid-cell` with a dimension
   * utility or a component class that extends 'Grid'.
   *
   * 1. Set flex items to full width by default
   * 2. Fix issue where elements with overflow extend past the
   *    `Grid-cell` container - https://git.io/vw5oF
   */
  
  .Grid-cell {
    box-sizing: inherit;
    flex-basis: 100%; /* 1 */
    min-width: 0; /* 2 */
  }
  
  /**
   * Modifier: horizontally center one unit
   * Set a specific unit to be horizontally centered. Doesn't affect
   * any other units. Can still contain a child `Grid` object.
   */
  
  .Grid-cell--center {
    margin: 0 auto;
  }
  
  /**
   * text-hide
   */
  
  .u-textHide {
    font: ~"0/0" a !important;
    color: transparent !important;
    text-shadow: none !important;
    border: 0 !important;
  }
  
  :root {
  
    /* Layout */
  
    /* Grid */
  
    /* Tabs */
  
    /* search.twig */
  
    /* VH */
  
    /* spacing */
  
    /* between grid item && marginbtt ausklapmenu */
  
    /* between grid and footer */
  
    /* margin-top title-2 */
  
    /* mgin-top ausklapmenu but if its after a ausklapmenu */
  
  }
  
  /**
   * Breakpoints
   */
  
  /* Value for @rules because we can not use var() in @rules */
  
  /* Viewport designating an interval */
  
  /* Suitcss mandatory custom-media */
  
  /**
   * Theme specific variables
   * Try to avoid to use the color code directly
   */
  
  :root {
  
    /** SIGAL **/
  
    /** OLD COLORS to delete **/
  }
  
  /**
   * Good looking animations
   */
  
  /* 
    $min-width: @include 1025px;
    $max-width: @include 2700px; */
  
  @font-face {
    font-family: "AnoBold";
    src: url(/app/themes/sigal-sapiro/dist/fonts/ano/386969_2_0_265f5215.eot);
    src:
      url(/app/themes/sigal-sapiro/dist/fonts/ano/386969_2_0_265f5215.eot?#iefix) format("embedded-opentype"),
      url(/app/themes/sigal-sapiro/dist/fonts/ano/386969_2_0_388f782e.woff2) format("woff2"),
      url(/app/themes/sigal-sapiro/dist/fonts/ano/386969_2_0_3a25ec76.woff) format("woff"),
      url(/app/themes/sigal-sapiro/dist/fonts/ano/386969_2_0_41f9469e.ttf) format("truetype");
  }
  
  @font-face {
    font-family: "AnoRegular";
    src: url(/app/themes/sigal-sapiro/dist/fonts/ano/386969_3_0_ed4d9c9c.eot);
    src:
      url(/app/themes/sigal-sapiro/dist/fonts/ano/386969_3_0_ed4d9c9c.eot?#iefix) format("embedded-opentype"),
      url(/app/themes/sigal-sapiro/dist/fonts/ano/386969_3_0_6b05a429.woff2) format("woff2"),
      url(/app/themes/sigal-sapiro/dist/fonts/ano/386969_3_0_c8dd9c1e.woff) format("woff"),
      url(/app/themes/sigal-sapiro/dist/fonts/ano/386969_3_0_8933f411.ttf) format("truetype");
  }
  
  @font-face {
    font-family: "MontserratBold";
    src: url(/app/themes/sigal-sapiro/dist/fonts/montserrat/montserrat-600_cbb7a599.eot);
    src:
      url(/app/themes/sigal-sapiro/dist/fonts/montserrat/montserrat-600_cbb7a599.eot?#iefix) format("embedded-opentype"),
      url(/app/themes/sigal-sapiro/dist/fonts/montserrat/montserrat-600_962289ff.woff2) format("woff2"),
      url(/app/themes/sigal-sapiro/dist/fonts/montserrat/montserrat-600_756b61e9.woff) format("woff"),
      url(/app/themes/sigal-sapiro/dist/fonts/montserrat/montserrat-600_5597fc3c.ttf) format("truetype");
  }
  
  @font-face {
    font-family: "MontserratRegular";
    src: url(/app/themes/sigal-sapiro/dist/fonts/montserrat/montserrat-regular_ed23910c.eot);
    src:
      url(/app/themes/sigal-sapiro/dist/fonts/montserrat/montserrat-regular_ed23910c.eot?#iefix) format("embedded-opentype"),
      url(/app/themes/sigal-sapiro/dist/fonts/montserrat/montserrat-regular_3544859d.woff2) format("woff2"),
      url(/app/themes/sigal-sapiro/dist/fonts/montserrat/montserrat-regular_be0ff05e.woff) format("woff"),
      url(/app/themes/sigal-sapiro/dist/fonts/montserrat/montserrat-regular_60287fca.ttf) format("truetype");
  }
  
  :root {
  
    /**
    * Root sizes
    */
  
    /* --root-font-size: calc(10px + 0.5853658537vw); 16px on 1025px screen width */ /* 16px on 1440px screen width */ /* 16px on 768px screen width */
  
    /* --root-sm-font-size: 4.266666667vw;  14px on 375px screen width */ /* 14px on 375px screen width */
  
    /**
    * font sizes
    */
  }
  
  a {
    color: currentColor;
    text-decoration: none;
  }
  
  html {
    font-family: "AnoRegular", sans-serif;
    font-style: normal;
    font-weight: normal;
    color: rgba(0, 0, 0, 1);
    font-size: 1.11111111vw;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    letter-spacing: 0;
    line-height: 1.647;
  }
  
  /* scroll-behavior: smooth; */
  
  @media (min-width:2700px) {
  
  html {
      font-size: 29.9889px
  }
    }
  
  /* decide if you use scrollmagic scrollto Plugin or the css property */
  
  @media (min-width:1025px) and (max-width:1280px) {
  
  html {
      font-size: 15px
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  html {
  
      font-size: 2.083333333vw;
      line-height: 1.75
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  html {
  
      font-size: 16px;
      line-height: 1.5
  }
    }
  
  /** @define Accordion */
  
  .Accordion {
    border-bottom: 1px solid rgba(0, 0, 0, 1);
  }
  
  .Accordion-itemHeader {
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 1);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 12px 12px 14px;
    text-align: left;
    width: 100%;
  }
  
  .Accordion-itemHeader.is-active .Accordion-itemHeaderIcon {
        transform: rotateX(180deg);
        transition: transform 0.3s ease-out 0.8s;
      }
  
  .Accordion-itemHeaderIcon {
    transition: transform 0.3s ease-out;
  }
  
  .Accordion-itemContent {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease-out;
  }
  
  .Accordion-itemContent.is-active {
      max-height: 600px;
      transition: max-height 2s ease-out 0.4s;
    }
  
  .Accordion-itemContent.is-active .Accordion-itemHeaderIcon {
        transform: rotateX(180deg);
      }
  
  .Accordion-itemContent .Accordion-itemContentWrap {
      margin: 4px 12px 24px;
    }
  
  /**
   * @see https://github.com/suitcss/components-button
   */
  
  .Button {
    font-family: "AnoBold", sans-serif;
    font-style: normal;
    font-weight: normal;
    border: none;
    cursor: pointer;
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    line-height: 1.4em;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    transition: background-color 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Button {
      font-size: 0.75rem;
      letter-spacing: 0.1em;
      line-height: 1.4em
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Button {
      font-size: 0.75rem;
      letter-spacing: 0.1em;
      line-height: 1.4em
  }
    }
  
  .Button--formWithSteps {
    display: none;
  }
  
  .Button--formWithSteps.is-active {
      display: block;
    }
  
  .Button--formWithSteps.is-hidden {
      display: none;
    }
  
  /* Text size modifier */
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Button--smallFont {
      font-size: 0.5625rem;
      letter-spacing: 0.1em;
      line-height: 1.4em
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Button--smallFont {
      font-size: 0.5625rem;
      letter-spacing: 0.1em;
      line-height: 1.4em
  }
    }
  
  .Button:focus,
  button:focus {
    outline: transparent;
  }
  
  .Button--underline {
    text-decoration: underline;
  }
  
  .Button--nowrap {
    white-space: nowrap;
  }
  
  /* Button--whiteGhost */
  
  .Button--whiteGhost {
    background: transparent;
    color: rgba(255, 255, 255, 1);
    display: inline-block;
    outline: 1px solid rgba(255, 255, 255, 1);
    outline-offset: -1px;
  }
  
  .Button--whiteGhost.is-active,
    .Button--whiteGhost.is-pressed,
    .Button--whiteGhost:hover,
    .Button--whiteGhost:focus,
    .Button--whiteGhost:active {
      outline: 2px solid rgba(255, 255, 255, 1);
      outline-offset: -2px;
    }
  
  /* Button--blackGhost */
  
  .Button--blackGhost {
    background: transparent;
    color: rgba(0, 0, 0, 1);
    display: inline-block;
    outline: 1px solid rgba(0, 0, 0, 1);
    outline-offset: -1px;
  }
  
  .Button--blackGhost.is-active,
    .Button--blackGhost.is-pressed,
    .Button--blackGhost:hover,
    .Button--blackGhost:focus,
    .Button--blackGhost:active {
      outline: 2px solid rgba(0, 0, 0, 1);
      outline-offset: -2px;
    }
  
  /* Button--black */
  
  .Button--black {
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
  }
  
  .Button--black:hover,
    .Button--black:focus {
      background: rgba(43, 43, 43, 1);
    }
  
  .Button--black.is-pressed,
    .Button--black.is-active,
    .Button--black:active {
      background: rgba(54, 54, 54, 1);
    }
  
  /* Button--brown */
  
  .Button--brown {
    background: rgba(206, 181, 131, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
  }
  
  .Button--brown:hover,
    .Button--brown:focus {
      background: rgb(189, 166, 121) !important;
    }
  
  .Button--brown.is-pressed,
    .Button--brown.is-active,
    .Button--brown:active {
      background: rgb(161, 142, 103) !important;
    }
  
  /* Button--white */
  
  .Button--white {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1);
  }
  
  .Button--white:hover,
    .Button--white:focus {
      background: rgba(248, 248, 248, 1);
    }
  
  .Button--white.is-pressed,
    .Button--white.is-active,
    .Button--white:active {
      background: rgba(241, 241, 241, 1);
    }
  
  @media (min-width:1025px) {
  
    .Button--white-lg {
      background: rgba(255, 255, 255, 1);
      color: rgba(0, 0, 0, 1);
    }
  
      .Button--white-lg:hover,
      .Button--white-lg:focus {
        background: rgba(248, 248, 248, 1);
      }
  
      .Button--white-lg.is-pressed,
      .Button--white-lg.is-active,
      .Button--white-lg:active {
        background: rgba(241, 241, 241, 1);
      }
  }
  
  /* Button--transparent */
  
  .Button--transparent {
    background: var(--color-transparent);
    color: rgba(0, 0, 0, 1);
  }
  
  .Button--transparent:hover,
    .Button--transparent:focus {
      background: rgba(241, 241, 241, 1);
    }
  
  .Button--transparent.is-pressed,
    .Button--transparent:is-active,
    .Button--transparent:active {
      background: var(--color-transparent);
    }
  
  /* Button--blackToTransparent */
  
  .Button--blackToTransparent {
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
  }
  
  .Button--blackToTransparent:hover,
    .Button--blackToTransparent:focus {
      background: rgba(43, 43, 43, 1);
    }
  
  .Button--blackToTransparent::active,
    .Button--blackToTransparent.is-pressed,
    .Button--blackToTransparent.is-active {
      background: rgba(54, 54, 54, 1);
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Button--blackToTransparent {
  
      background: var(--color-transparent);
      color: rgba(0, 0, 0, 1)
  }
  
      .Button--blackToTransparent:hover,
      .Button--blackToTransparent:focus {
        background: rgba(241, 241, 241, 1);
      }
  
      .Button--blackToTransparent:active,
      .Button--blackToTransparent.is-pressed,
      .Button--blackToTransparent.is-active {
        background: var(--color-transparent);
      }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Button--blackToTransparent {
  
      background: var(--color-transparent);
      color: rgba(255, 255, 255, 1)
  }
  
      .Button--blackToTransparent:hover,
      .Button--blackToTransparent:focus {
        background: var(--color-transparent);
        color: rgba(255, 255, 255, 1);
      }
  
      .Button--blackToTransparent:active,
      .Button--blackToTransparent.is-pressed,
      .Button--blackToTransparent.is-active {
        background: var(--color-transparent);
        color: rgba(255, 255, 255, 1);
      }
    }
  
  .Button--text {
    opacity: 1;
  }
  
  .Button--text:hover,
    .Button--text:focus {
      opacity: 0.6;
    }
  
  .Button--xlarge {
    padding: 1.6875rem 0.75rem 1.5rem !important;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Button--xlarge {
      padding: 1.375rem 1rem 1.25rem !important
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Button--xlarge {
      padding: 1.125rem 0.8rem 1rem !important
  }
    }
  
  .Button--xlarge:active,
    .Button--xlarge.is-active {
      background: inherit;
      color: inherit;
    }
  
  .Button--large {
    padding: 1.25rem 4.25rem 1rem 1.875rem !important;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Button--large {
      padding: 1.1875rem 4.25rem 1rem 1.875rem !important
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Button--large {
      padding: 1rem 1rem 0.8125rem !important
  }
    }
  
  .Button--medium {
    flex-grow: 0;
    padding: 1.125rem 1rem 0.875rem !important;
    text-align: center;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Button--medium {
      padding: 1.125rem 1rem 0.875rem !important
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Button--medium {
      padding: 1.125rem 0.75rem 1rem !important
  }
    }
  
  .Button--small {
    flex-grow: 0;
    padding: 1.125rem 0.6875rem 0.875rem !important;
    text-align: center;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Button--small {
      padding: 1.125rem 0.6875rem 0.875rem !important
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Button--small {
      padding: 1rem 0.75rem 0.875rem !important
  }
    }
  
  .Button--textAlignRight {
    padding: 1.25rem 1.875rem 1rem 4.25rem !important;
    text-align: right;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Button--textAlignRight {
      padding: 1.1875rem 1.875rem 1rem 4.25rem !important
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Button--textAlignRight {
      padding: 1rem 1rem 0.8125rem !important
  }
    }
  
  .Button--fullWidth {
    width: 100%;
  }
  
  .Button--textCenter {
    text-align: center;
  }
  
  .Button--smallPadding {
    padding: 0.75rem 1rem;
  }
  
  @media (min-width:0) and (max-width:660px) {
  
    .Button--sm-type {
  
      background: transparent;
      border-radius: 0;
      color: rgba(0, 0, 0, 1);
      line-height: 1.584;
      padding: 0.5rem 0.5rem !important;
    }
  }
  
  /** @define Badge */
  
  .Badge {
    position: absolute;
  }
  
  .Badge--vertical {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  
  .Badge--vertical span {
      padding-top: 2.5rem;
      text-align: right;
      transform: rotate(90deg);
      width: 9rem;
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Badge--vertical span {
        width: 7rem
    }
      }
  
  .Badge--rounded {
    align-items: center;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 100%;
    color: rgba(0, 0, 0, 1);
    display: flex;
    justify-content: center;
    min-width: 2.75rem;
    right: 1.25rem;
    text-align: center;
    top: 0;
    transform: translateY(-50%);
  }
  
  .Badge--rounded::before {
      content: "";
      display: inline-block;
      padding-top: 100%;
      vertical-align: middle;
    }
  
  .Badge--rounded span {
      display: inline-block;
      padding: 0.25rem 0.5rem 0 0.5rem;
      vertical-align: middle;
    }
  
  @media (min-width:0) and (max-width:660px) {
  
    }
  
  @keyframes fadeInOut {
  
    0% {
      opacity: 1;
    }
  
    25% {
      opacity: 1;
    }
  
    50% {
      opacity: 0.2;
    }
  
    75% {
      opacity: 1;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  .Badge-headline {
    padding-left: 1.75rem;
    position: relative;
  }
  
  .Badge-headline::before {
      animation: fadeInOut 2500ms infinite;
      background-color: rgba(206, 181, 131, 1);
      border-radius: 100%;
      bottom: 0.475rem;
      content: " ";
      display: block;
      height: 0.875rem;
      left: 0;
      position: absolute;
      width: 0.875rem;
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Badge-headline {
      padding-left: 1.5rem
  }
  
      .Badge-headline::before {
        bottom: 0.1rem;
      }
    }
  
  /** @define Card */
  
  .Card {
  
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }
  
  .Card .Card-header {
  
      /* something here */
    }
  
  .Card .Card-content {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
    }
  
  .Card .Card-content--Black {
      background-color: rgba(0, 0, 0, 1);
      color: rgba(255, 255, 255, 1);
      min-height: 9rem;
      padding: 1.5rem 2.5rem 1.25rem 1.25rem;
      position: relative;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Card .Card-content--Black {
        min-height: 9rem;
        padding: 1.5rem 2.5rem 1.25rem 1.5rem
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Card .Card-content--Black {
        min-height: 7.5rem;
        padding: 1.25rem 2.5rem 1.25rem 1.25rem
    }
      }
  
  .Card .Card-content--White {
      background-color: rgba(255, 255, 255, 1);
      padding: 2rem 2rem 1rem 2rem;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Card .Card-content--White {
        padding: 2rem 2rem 1rem 2rem
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Card .Card-content--White {
        padding: 2rem 2rem 1rem 2rem
    }
      }
  
  .Card .Card-content--posRelative {
      position: relative;
    }
  
  .Card .Card-footer {
      padding: 0 0 1rem;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Card .Card-footer {
        padding: 0 0 2.5rem
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Card .Card-footer {
        padding: 0 0 2.5rem
    }
      }
  
  .Card--textCenter {
    text-align: center;
  }
  
  /* Use variables please bitch */
  
  .Slider--commercial .Badge--vertical span {
      padding-top: 2rem;
      width: 6.75rem;
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Slider--commercial .Badge--vertical span {
        padding-top: 1.75rem;
        width: 6rem
    }
      }
  
  #Circle .Tabby-clock {
      transition: color 0.3s ease-in;
    }
  
  #Circle .Tabby-clock.is-active {
      color: rgba(206, 181, 131, 1);
    }
  
  #Circle .Tabby-content {
      backface-visibility: hidden;
      transition: opacity 0.3s ease-in 0.03s;
    }
  
  #Circle .Tabby-content.is-hidden {
        opacity: 0;
        visibility: hidden;
      }
  
  #Circle .Tabby-content.is-active {
        opacity: 1;
        visibility: visible;
      }
  
  #Circle .Tabby-content h4,
      #Circle .Tabby-content p {
        backface-visibility: hidden;
        transform: translateZ(0);
      }
  
  /** @define Container */
  
  /**
   * Container is a top level component for sections
   */
  
  .Container {
  
    /* something here */
  
  }
  
  @media (min-width:1025px) {
  
  .Container--padding {
      padding-left: 4.5rem;
      padding-right: 4.5rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--padding {
      padding-left: 44px;
      padding-right: 44px
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Container--padding {
      padding-left: 16px;
      padding-right: 16px
  }
    }
  
  @media (min-width:1025px) {
  
  .Container--paddingLarge {
      padding-left: 11rem;
      padding-right: 11rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--paddingLarge {
      padding-left: 112px;
      padding-right: 112px
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Container--paddingLarge {
      padding-left: 16px;
      padding-right: 16px
  }
    }
  
  @media (min-width:1025px) {
  
  .Container--paddingSmall {
      padding-left: 1.25rem;
      padding-right: 1.25rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--paddingSmall {
      padding-left: 44px;
      padding-right: 44px
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Container--paddingSmall {
      padding-left: 16px;
      padding-right: 16px
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--padding-md {
      padding-left: 44px;
      padding-right: 44px
  }
    }
  
  @media (min-width:1025px) {
  
  .Container--paddingTop {
      padding-top: 7.25rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--paddingTop {
      padding-top: 88px
  };
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Container--paddingTop {
      padding-top: 48px
  }
    }
  
  @media (min-width:1025px) {
  
  .Container--paddingTopSmall {
      padding-top: 5rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--paddingTopSmall {
      padding-top: 48px
  };
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Container--paddingTopSmall {
      padding-top: 24px
  }
    }
  
  @media (min-width:1025px) {
  
  .Container--paddingLargeTop {
      padding-top: 12.25rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--paddingLargeTop {
      padding-top: 168px
  };
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Container--paddingLargeTop {
      padding-top: 96px
  }
    }
  
  @media (min-width:1025px) {
  
  .Container--paddingOffsetTop {
      margin-top: -4.25rem;
      padding-top: 11.5rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--paddingOffsetTop {
      margin-top: -5.5rem;
      padding-top: 11rem
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Container--paddingOffsetTop {
      padding-top: 48px
  }
    }
  
  @media (min-width:1025px) {
  
  .Container--paddingBottom {
      padding-bottom: 7.25rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--paddingBottom {
      padding-bottom: 88px
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Container--paddingBottom {
      padding-bottom: 48px
  }
    }
  
  @media (min-width:1025px) {
  
  .Container--paddingOffsetBottom {
      margin-bottom: -14.5rem;
      padding-bottom: 14.5rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--paddingOffsetBottom {
      margin-bottom: -11rem;
      padding-bottom: 11rem
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Container--paddingOffsetBottom {
      margin-bottom: -7.5rem;
      padding-bottom: 7.5rem
  }
    }
  
  @media (min-width:1025px) {
  
  .Container--paddingBigOffsetBottom {
      margin-bottom: -22.5rem;
      padding-bottom: 20.5rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--paddingBigOffsetBottom {
      margin-bottom: -17.5rem;
      padding-bottom: 15.5rem
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Container--paddingBigOffsetBottom {
      margin-bottom: -10rem;
      padding-bottom: 9.5rem
  }
    }
  
  @media (min-width:1025px) {
  
  .Container--paddingLeft {
      padding-left: 4.5rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--paddingLeft {
      padding-left: 44px
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Container--paddingLeft {
      padding-left: 16px
  }
    }
  
  @media (min-width:1025px) {
  
  .Container--paddingRight {
      padding-right: 4.5rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--paddingRight {
      padding-right: 44px
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Container--paddingRight {
      padding-right: 16px
  }
    }
  
  @media (min-width:1025px) {
  
  .Container--marginOffsetBottom { 
      margin-bottom: 14.5rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Container--marginOffsetBottom {
      margin-bottom: 176px
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Container--marginOffsetBottom {
      margin-bottom: 96px
  }
    }
  
  .Container--alignMiddle {
    align-items: center;
    display: flex;
  }
  
  .Container--maxWidth > .Container-item {
    margin-left: auto;
    margin-right: auto;
    max-width: 1208px;
  }
  
  .Container--maxWidthSmall > .Container-item,
  .Container--maxWidth820 > .Container-item {
    margin-left: auto;
    margin-right: auto;
    max-width: 820px;
  }
  
  .Container--maxWidth600 > .Container-item {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }
  
  .Container--maxWidth720 > .Container-item {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
  }
  
  .Container--fullScreen {
    height: 100vh;
  }
  
  .Container--fullWidth {
    width: 100%;
  }
  
  /* Wired shit needed to fit inconsitent responsive design */
  
  @media (min-width:0) and (max-width:660px) {
  
    .Container--nopadding-sm {
  
      padding-left: 0;
      padding-right: 0;
    }
  
    .Container--nopaddingBottom-sm {
  
      padding-bottom: 0;
    }
  }
  
  /** @define Dropdown */
  
  .Dropdown {
    color: rgba(255, 255, 255, 1);
  }
  
  .Dropdown-header {
    background: rgba(0, 0, 0, 1);
    padding: 1.125rem 1rem 0.9375rem;
    position: relative;
    text-align: center;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Dropdown-header {
      padding: 1.125rem 1.75rem 0.9375rem 1rem
  }
    }
  
  .Dropdown-header:hover,
    .Dropdown-header:focus {
      cursor: pointer;
    }
  
  .Dropdown-headerIcon {
    position: absolute;
    right: 1rem;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Dropdown-headerIcon {
      right: 0.75rem
  }
    }
  
  .Dropdown-content {
    background: rgba(54, 54, 54, 1);
    left: 0;
    opacity: 0;
    padding: 1.75rem 2rem;
    position: absolute;
    top: 100%;
    width: 100%;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Dropdown-content {
      min-width: 100%;
      padding: 0.75rem 1.5rem;
      width: auto
  }
    }
  
  .Dropdown-contentItem {
    margin: 0.75rem 0;
    position: relative;
  }
  
  .Dropdown-contentItem:hover,
    .Dropdown-contentItem:focus {
      color: rgba(255, 255, 255, 0.8);
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
      .Dropdown-contentItem label {
        white-space: nowrap;
      }
    }
  
  /* Animation */
  
  .Dropdown-header {
    z-index: 3;
  }
  
  .Dropdown-headerIcon {
    transition: transform 0.3s ease-out;
  }
  
  .Dropdown-content {
    transform: translateY(-3em);
    transition: all 0.3s ease-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.3s;
    visibility: hidden; /* hides sub-menu */
    z-index: -1;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Dropdown-content {
      transform: translateY(0)
  }
    }
  
  .Dropdown {
    position: relative;
  }
  
  .Dropdown:hover .Dropdown-headerIcon, .Dropdown:focus .Dropdown-headerIcon, .Dropdown.is-active .Dropdown-headerIcon {
        transform: rotateX(180deg);
      }
  
  .Dropdown:hover .Dropdown-content, .Dropdown:focus .Dropdown-content, .Dropdown.is-active .Dropdown-content {
        opacity: 1;
        transform: translateY(0%);
        transition-delay: 0s, 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
        visibility: visible; /* shows sub-menu */
        z-index: 2;
      }
  
  @keyframes slideIn {
  
    10% {
      transform: translateX(100%);
    }
  
    100% {
      transform: translateX(0);
    }
  }
  
  @keyframes slideOut {
  
    0% {
      transform: translateX(0);
    }
  
    10% {
      transform: translateX(80%);
    }
  
    100% {
      transform: translateX(100%);
    }
  }
  
  .Drawer {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transform: translateX(100%);
    transition-delay: 0s;
    width: 100%;
    z-index: 20;
  }
  
  .Drawer .Drawer-content .Navigation .Navigation-item {
        opacity: 0;
        transition-duration: 550ms;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      }
  
  .Drawer.is-active {
      animation-delay: 0s;
      animation-duration: 700ms;
      animation-fill-mode: forwards;
      animation-name: slideIn;
      animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    }
  
  .Drawer.is-active .Drawer-content .Navigation .Navigation-item {
          opacity: 1;
          transform: translateX(0);
        }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(1) {
            transition-delay: calc(1 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(2) {
            transition-delay: calc(2 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(3) {
            transition-delay: calc(3 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(4) {
            transition-delay: calc(4 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(5) {
            transition-delay: calc(5 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(6) {
            transition-delay: calc(6 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(7) {
            transition-delay: calc(7 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(8) {
            transition-delay: calc(8 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(9) {
            transition-delay: calc(9 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(10) {
            transition-delay: calc(10 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(11) {
            transition-delay: calc(11 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(12) {
            transition-delay: calc(12 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(13) {
            transition-delay: calc(13 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(14) {
            transition-delay: calc(14 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(15) {
            transition-delay: calc(15 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(16) {
            transition-delay: calc(16 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(17) {
            transition-delay: calc(17 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(18) {
            transition-delay: calc(18 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(19) {
            transition-delay: calc(19 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(20) {
            transition-delay: calc(20 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(21) {
            transition-delay: calc(21 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(22) {
            transition-delay: calc(22 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(23) {
            transition-delay: calc(23 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(24) {
            transition-delay: calc(24 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(25) {
            transition-delay: calc(25 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(26) {
            transition-delay: calc(26 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(27) {
            transition-delay: calc(27 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(28) {
            transition-delay: calc(28 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(29) {
            transition-delay: calc(29 + 650ms);
          }
  
  .Drawer.is-active .Drawer-content .Navigation-item:nth-child(30) {
            transition-delay: calc(30 + 650ms);
          }
  
  .Drawer.is-hidden {
      animation-delay: 250ms;
      animation-duration: 150ms;
      animation-fill-mode: forwards;
      animation-name: slideOut;
      animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      transform: initial;
    }
  
  .Drawer.is-hidden .Drawer-content .Navigation .Navigation-item {
          opacity: 0;
          transform: translateX(10px);
          transition-delay: 0;
        }
  
  .Drawer .Drawer-content {
      height: 100%;
    }
  
  .Drawer .Drawer-content .Tabby-content.is-hidden {
          display: none;
        }
  
  .Drawer .Drawer-content .Tabby-content.is-active {
          display: block;
        }
  
  @media (min-width:1025px) {
  
  .Drawer--responsiveWidth {
      left: 60%;
      width: 40%
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Drawer--responsiveWidth {
      left: 35%;
      width: 65%
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Drawer--responsiveWidth {
      left: 15%;
      width: 85%
  }
    }
  
  .Faq .Faq-child {
      border-top: 1px solid black;
    }
  
  .Faq .Faq-child:last-of-type {
      border-bottom: 1px solid black;
    }
  
  .Faq-child {
    border-top: 1px solid black;
    cursor: pointer;
    margin: 0;
    position: relative;
  }
  
  .Faq-child dd {
      display: none;
      margin: 0;
      max-height: 0;
      opacity: 0;
    }
  
  .Faq-child .Icon {
      transition: transform 300ms ease-in-out;
      transform: rotate(180deg);
      margin-left: 2rem;
    }
  
  .Faq-child:last-of-type {
    border-bottom: 1px solid black;
  }
  
  .Faq-child.is-active dd {
      color: black;
      display: block;
      margin: 0 0 24px 0;
      max-height: 2000px;
      opacity: 1;
      transition: opacity 300ms ease-in-out;
      width: 90%;
    }
  
  .Faq-child.is-active .Icon {
      transform: rotate(0deg);
      transition: transform 300ms ease-in-out;
    }
  
  .Faq-question {
    align-items: center;
    display: flex;
    padding: 1.75rem 0;
    position: relative;
  
    /* & .Icon {
      margin-left: auto;
    }
  
    & .Icon-text {
      display: none;
    } */
  }
  
  .Faq-question span {
      width: 80%;
    }
  
  @media (min-width: --layout-ml) {
  
  .Faq-question {
      padding: 2rem 0
  }
  
      .Faq-question span {
        width: 70%;
      }
    }
  
  @media (min-width:1025px) {
  
  .Faq-question--paddingLeft {
      padding-left: 0
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Faq-question--paddingLeft {
      padding-left: 44px
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Faq-question--paddingLeft {
      padding-left: 16px
  }
    }
  
  /**
   * @see https://github.com/giuseppeg/suitcss-components-form/
   */
  
  /** @define Form */
  
  :root {
  
    /* .Form-label properties */
  
    /* .Form-input properties */
  
    /* checkbox and radio properties */
  
    /* Custom <select> arrow properties */
    /* stylelint-disable */
     /* stylelint-enable */
  
    /* .Form-message properties */
  
    /* .Form--spaced properties */
  
    /* .Form-field's State properties */
  
    /* .Form-field.is-valid properties */
  
    /* .Form-field.is-invalid properties */
  
    /* .Form-field.is-warning properties */
  }
  
  /**
   * Generic Form component
   *
   * Provides styles to create stacked forms
   */
  
  /* Form parts
     ========================================================================== */
  
  /**
   * Form container – usually the <form> element.
   */
  
  .Form {
    display: block;
    margin: 0;
    width: 100%;
  }
  
  /**
   * Form field.
   *
   * Container for text (label), a form input and (optionally) a message.
   */
  
  .Form-field {
    display: block;
    margin: 0;
    padding: 0;
  }
  
  /**
   * Form label.
   */
  
  .Form-label {
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: normal;
    margin: 0;
  }
  
  /**
   * Form input.
   */
  
  .Form-input {
    border: 1px solid currentColor;
    border-radius: 0;
    box-sizing: border-box;
    color: currentColor;
    display: block;
    font-family: inherit;
    font-size: 1.0625rem;
    margin: 0;
    padding: 0.5em;
    width: 100%;
  }
  
  /**
   * Simple Custom <select>.
   *
   * 1. Change the `appearance` so that padding and custom arrow applies.
   */
  
  @supports (appearance: none) {
  
    /* postcss-bem-linter: ignore */
  
    select.Form-input {
      appearance: none; /* 1 */
  
      /* Custom arrow styles. */
  
      background-image: url('data:image/svg+xml;charset=UTF-8,<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%20276.7%20153"%20enable-background%3D"new%200%200%20276.7%20153"><path%20d%3D"M276.7%200H0l138.2%20153z"%20%2F><%2Fsvg>');
      background-position: right 0.5em center;
      background-repeat: no-repeat;
      background-size: 12px;
      padding-right:
        calc(12px + 1em);
    }
  }
  
  /**
   * Range input resets.
   */
  
  .Form-input[type="range"] {
    border: 0;
    padding: 0;
  }
  
  /**
   * Form field message.
   */
  
  .Form-message {
    color: inherit;
    display: block;
    font-size: 0.9em;
    font-weight: normal \9;
    margin: 0;
  }
  
  /**
   * Form button
   * and form <button> wrapper.
   *
   * N.B. Form-button and Form-buttonWrap makes buttons full-width.
   *      Set the `display` property to `inline-block` to change this behavior.
   *      The rules are `!important` to ensure consistency with the Form styles.
   *      <button>s are not styled and the styling is left to the consumer
   *      of this component.
   */
  
  .Form-button,
  .Form-wrapButton {
    display: block;
    margin: 0;
    width: 100%;
  }
  
  /* postcss-bem-linter: ignore */
  
  .Form-button,
  .Form-wrapButton button {
    border-radius: 0 !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    font-size: 1.0625rem !important;
    padding: 0.5em !important;
  }
  
  /* postcss-bem-linter: ignore */
  
  .Form-wrapButton button {
    display: block;
    margin: 0 !important;
    width: 100% !important;
  }
  
  /**
   * Modifier: Form-field--checkbox, Form-field--radio
   *
   * 1. Immutable property.
   */
  
  .Form-field--checkbox,
  .Form-field--radio {
    display: table;
  }
  
  .Form-field--checkbox .Form-input,
  .Form-field--radio .Form-input {
    border: 0;
    display: table-cell;
    margin-right: 0.5em !important; /* 1 */
    padding: 0;
    width: auto !important; /* 1 */
  }
  
  /* postcss-bem-linter: ignore */
  
  [dir="rtl"] .Form-field--checkbox .Form-input,
  [dir="rtl"] .Form-field--radio .Form-input {
    margin-left: 0.5em !important; /* 1 */
    margin-right: 0 !important; /* 1 */
  }
  
  .Form-field--checkbox .Form-label,
  .Form-field--radio .Form-label {
    display: table-cell;
    font-weight: normal;
  }
  
  /**
   * Modifier: adds vertical space between Form-field
   *
   * 1. Prevents collapsing margins
   */
  
  .Form--spaced {
    display: inline-block; /* 1 */
    margin-top: -1.25em;
  }
  
  .Form--spaced .Form-field {
    margin-top: 1.25em;
  }
  
  .Form--spaced .Form-field--checkbox + .Form-field--checkbox,
  .Form--spaced .Form-field--radio + .Form-field--radio {
    margin-top: 0.625em;
  }
  
  /**
   * State: is-valid
   */
  
  .Form-field.is-valid .Form-label {
    color: #008000;
  }
  
  .Form-field.is-valid .Form-input {
    border-color: #008000;
    outline-color: #008000;
  }
  
  .Form-field.is-valid .Form-message {
    color: #008000;
  }
  
  /**
   * State: is-invalid
   */
  
  .Form-field.is-invalid .Form-label {
    color: #f00;
  }
  
  .Form-field.is-invalid .Form-input {
    border-color: #f00;
    outline-color: #f00;
  }
  
  .Form-field.is-invalid .Form-message {
    color: #f00;
  }
  
  /**
   * State: is-warning
   */
  
  .Form-field.is-warning .Form-label {
    color: #ffa500;
  }
  
  .Form-field.is-warning .Form-input {
    border-color: #ffa500;
    outline-color: #ffa500;
  }
  
  .Form-field.is-warning .Form-message {
    color: #ffa500;
  }
  
  :root {
  
    /* .Form-label properties */
  
    /* .Form-input properties */
  
    /* checkbox and radio properties */
  
    /* Custom <select> arrow properties */
    /* stylelint-disable */
      /* stylelint-enable */
  
    /* .Form-message properties */
  
    /* .Form--spaced properties */
  
    /* .Form-field's State properties */
  
    /* .Form-field.is-valid properties */
  
    /* .Form-field.is-invalid properties */
  
    /* .Form-field.is-warning properties */ /* Value has to be changed to fit */
  }
  
  /**
   * Form input.
   */
  
  .Form-field {
    margin-bottom: 0.875rem;
    position: relative;
  }
  
  .Form-field--marginTop {
    margin-top: 0.875rem;
  }
  
  .Form-field--marginTopBottom {
    margin-bottom: 3.0625rem;
    margin-top: 3.0625rem;
  }
  
  .Form-field-marginBottomBig {
    margin-Bottom: 8.75rem;
  }
  
  .Form-input {
    background-color: transparent;
    border-bottom-color: currentColor;
    border-width: 0 0 1px;
    color: currentColor;
    font-size: 1.0625rem;
    line-height: 1;
    padding: 0.875rem 0 0.5rem 0;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Form-input {
      font-size: 1rem;
      padding: 0.875rem 0 0.5rem 0
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Form-input {
      font-size: 0.875rem;
      padding: 0.875rem 0 0.5rem 0
  }
    }
  
  .Form-input:focus {
      box-shadow: inset 0 -1px 0 0 currentColor;
      outline: none;
    }
  
  .Form-textarea {
    background-color: transparent;
    border: 0;
    box-shadow: inset 0 0 0 1px currentColor;
    color: currentColor;
    font-size: 1.0625rem;
    line-height: 1;
    padding: 2rem 0.875rem 0.875rem;
    width: 100%;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Form-textarea {
      font-size: 1rem;
      padding: 2rem 0.875rem 0.875rem
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Form-textarea {
      font-size: 0.875rem;
      padding: 2rem 0.875rem 0.875rem
  }
    }
  
  .Form-textarea:focus {
      box-shadow: inset 0 0 0 2px currentColor;
      outline: none;
    }
  
  .Form-label {
    font-size: 1.0625rem;
    line-height: initial;
    pointer-events: none;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Form-label {
      font-size: 1rem
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Form-label {
      font-size: 0.875rem
  }
    }
  
  .Form-label.Form-label--required::after {
        content: " *";
      }
  
  /*
    Example to work also with not required fields
    https://codepen.io/tonystar/pen/JRLaKw
  */
  
  .Form-label--float {
  
    position: absolute;
    top: 0.85rem;
    transition: transform 0.3s 0.15s ease-out, font-size 0.15s ease-out;
  }
  
  .Form-label--selected {
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 0.75rem;
    opacity: 0.8;
    transform: translate3d(0, 0, 0) translateY(-1rem) perspective(0);
  }
  
  .Form-input:focus + .Form-label--float {
        -webkit-font-smoothing: subpixel-antialiased;
        font-size: 0.75rem;
        opacity: 0.8;
        transform: translate3d(0, 0, 0) translateY(-1rem) perspective(0);
      }
  
  .Form-textarea + .Form-label--float {
    left: 1rem;
    top: 1rem;
  }
  
  .Form-textarea:focus + .Form-label--float {
        -webkit-font-smoothing: subpixel-antialiased;
        font-size: 0.75rem;
        opacity: 0.8;
        transform: translate3d(0, 0, 0) translateY(-0.25rem) perspective(0);
      }
  
  /* stylelint-disable */
  
  .Form-input::-webkit-input-placeholder {
    color: currentColor;
  }
  
  .Form-input::-moz-placeholder {
    color: currentColor;
  }
  
  .Form-input:-ms-input-placeholder {
    color: currentColor;
  }
  
  .Form-input:-moz-placeholder {
    color: currentColor;
  }
  
  /* stylelint-enable */
  
  .Form-text {
    display: block;
    width: 100%;
  }
  
  .Form-checkbox {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
  }
  
  .Form-checkboxLabel {
    cursor: pointer;
    display: block;
    margin-left: 2.25rem;
  }
  
  .Form-checkboxLabel::before {
    background-color: transparent;
    border: 1px solid currentColor;
    content: "";
    display: inline-block;
    height: 1.125rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.125rem;
  }
  
  .Form-checkboxLabel::after {
    background-color: currentColor;
    content: "";
    display: inline-block;
    height: 0.75rem;
    left: 0.1875rem;
    position: absolute;
    top: 0.1875rem;
    width: 0.75rem;
  }
  
  .Form-checkbox + .Form-checkboxLabel::after {
    opacity: 0;
    transition: opacity 0.3s ease-out;
  }
  
  .Form-checkbox:hover + .Form-checkboxLabel::after {
    opacity: 0.4;
  }
  
  .Form-checkbox:checked + .Form-checkboxLabel::after {
    opacity: 1;
  }
  
  .Form-radio {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
  }
  
  .Form-radioLabel {
    cursor: pointer;
    display: block;
    margin-left: 30px;
  }
  
  .Form-radioLabel::before {
    background-color: var(--white);
    border: 1px solid var(--black-16);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
  }
  
  .Form-radioLabel::after {
    background-color: var(--dark-gray);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 12px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 12px;
  }
  
  .Form-radio + .Form-radioLabel::after {
    content: none;
  }
  
  .Form-radio:checked + .Form-radioLabel::after {
    content: "";
  }
  
  /* Used for the Contact Form */
  
  .Form-step {
    min-height: auto;
    position: absolute;
    width: 100%;
  }
  
  .Form-step .Form-field {
      transition: opacity 800ms cubic-bezier(0.275, 0.025, 0, 1.005);
    }
  
  .Form-step.is-active {
      opacity: 1;
      z-index: 10;
    }
  
  .Form-step.is-active .Form-field {
        opacity: 1;
        transition-delay: 200ms;
      }
  
  .Form-step.is-active .Form-field:nth-child(1) {
          transition-delay: 200ms;
        }
  
  .Form-step.is-active .Form-field:nth-child(2) {
          transition-delay: 400ms;
        }
  
  .Form-step.is-active .Form-field:nth-child(3) {
          transition-delay: 600ms;
        }
  
  .Form-step.is-active .Form-field:nth-child(4) {
          transition-delay: 800ms;
        }
  
  .Form-step.is-active .Form-field:nth-child(5) {
          transition-delay: 1000ms;
        }
  
  .Form-step.is-active .Form-field:nth-child(6) {
          transition-delay: 1200ms;
        }
  
  .Form-step.is-active .Form-field:nth-child(7) {
          transition-delay: 1400ms;
        }
  
  .Form-step.is-active .Form-field:nth-child(8) {
          transition-delay: 1600ms;
        }
  
  .Form-step.is-hidden {
      opacity: 0;
    }
  
  .Form-step.is-hidden .Form-field {
        opacity: 0;
        transition-delay: 0;
        transition-duration: 200ms;
      }
  
  .Form-fields {
  
    transition: opacity 800ms cubic-bezier(0.275, 0.025, 0, 1.005);
  }
  
  .Form-fields.is-active {
      opacity: 1;
      position: relative;
      z-index: 10;
    }
  
  .Form-fields.is-hidden {
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      z-index: -1;
    }
  
  .Form-successMessage {
  
    transition: opacity 800ms cubic-bezier(0.275, 0.025, 0, 1.005);
  }
  
  .Form-successMessage.is-active {
      opacity: 1;
      position: relative;
      z-index: 10;
    }
  
  .Form-successMessage.is-hidden {
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      z-index: -1;
    }
  
  .Form-failMessage {
  
    transition: opacity 800ms cubic-bezier(0.275, 0.025, 0, 1.005);
  }
  
  .Form-failMessage.is-active {
      opacity: 1;
      position: relative;
      z-index: 10;
    }
  
  .Form-failMessage.is-hidden {
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      z-index: -1;
    }
  
  .wpcf7-response-output {
    display: none !important;
  }
  
  .Form-container {
    position: relative;
  }
  
  .Form-container::after {
      background-color: rgba(213, 209, 201, 1);
      content: " ";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 800ms cubic-bezier(0.275, 0.025, 0, 1.005) 200ms;
      width: 100%;
      z-index: 0;
    }
  
  /* Changes the width with the backgroundcolor for every step of the wizard  */
  
  .Form-container.Formstep-0::after {
        transform: scaleX(0);
      }
  
  .Form-container.Formstep-1::after {
        transform: scaleX(0.25);
      }
  
  .Form-container.Formstep-2::after {
        transform: scaleX(0.5);
      }
  
  .Form-container.Formstep-3::after {
        transform: scaleX(0.75);
      }
  
  .Form-container.Formstep-4::after {
        transform: scaleX(1);
      }
  
  .Form-input-container.has-error {
      border-color: red;
      color: red;
    }
  
  .Form-step-container {
    min-height: 21rem;
  }
  
  /* Remove styles from base.css */
  
  fieldset {
    border: none;
    margin: 0;
    min-height: 100%;
    padding: 0;
  
  }
  
  legend {
    display: block;
    max-width: unset;
    width: 100%;
  }
  
  .Chips {
    height: auto;
    transition: height 400ms ease-in-out 400ms;
  }
  
  .Chips.is-hidden {
      height: 0;
      overflow: hidden;
    }
  
  .SiteFooter {
    border-bottom: solid 1.25rem rgba(0, 0, 0, 1);
  }
  
  @media (min-width:0) and (max-width:660px), (min-width:661px) and (max-width:1024px) {
  
  .SiteFooter {
  
      background: rgba(255, 255, 255, 1)
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .SiteFooter {
  
      border-bottom: solid 0.875rem rgba(0, 0, 0, 1)
  }
    }
  
  /*
    Need this to push footer at the bottom of viewport
    also if content is not heigh enough
  */
  
  html,
  body {
    height: 100%;
  }
  
  .Site {
    min-height: 100%;
  }
  
  .Site {
    background-color: rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: column;
  }
  
  .SiteMain {
    flex: 1 0 auto;
  }
  
  .SiteFooter {
    flex-shrink: 0;
  }
  
  /**
   * @see https://github.com/suitcss/components-grid
   */
  
  /**
   * Modifier: gutters
   */
  
  @media (min-width:1025px) {
  
  .Grid--withGutterLiquid {
      margin: 0 -1.5rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Grid--withGutterLiquid {
      margin: 0 -11px
  }
    }
  
  @media (min-width:1025px) {
  
  .Grid--withGutterLiquid > .Grid-cell {
      padding: 0 1.5rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Grid--withGutterLiquid > .Grid-cell {
      padding: 0 11px
  }
    }
  
  @media (min-width:1025px) {
  
  .Grid--withGutterTRBLLiquid {
      margin: -1.5rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Grid--withGutterTRBLLiquid {
      margin: -11px
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Grid--withGutterTRBLLiquid {
      margin: -8px
  }
    }
  
  @media (min-width:1025px) {
  
  .Grid--withGutterTRBLLiquid > .Grid-cell {
      padding: 1.5rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Grid--withGutterTRBLLiquid > .Grid-cell {
      padding: 11px
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Grid--withGutterTRBLLiquid > .Grid-cell {
      padding: 8px
  }
    }
  
  @media (min-width:1025px) {
  
  .Grid--withSmallGutterLiquid {
      margin: 0 -0.6875rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Grid--withSmallGutterLiquid {
      margin: 0 -11px
  }
    }
  
  @media (min-width:1025px) {
  
  .Grid--withSmallGutterLiquid > .Grid-cell {
      padding: 0 0.6875rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Grid--withSmallGutterLiquid > .Grid-cell {
      padding: 0 11px
  }
    }
  
  @media (min-width:1025px) {
  
  .Grid--withSmallGutterTRBLLiquid {
      margin: -0.6875rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Grid--withSmallGutterTRBLLiquid {
      margin: -11px
  }
    }
  
  @media (min-width:1025px) {
  
  .Grid--withSmallGutterTRBLLiquid > .Grid-cell {
      padding: 0.6875rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Grid--withSmallGutterTRBLLiquid > .Grid-cell {
      padding: 11px
  }
    }
  
  .Icon {
    display: inline-block;
    fill: currentColor;
  }
  
  .Icon--burger {
    height: 20px;
    vertical-align: middle;
    width: 26px;
  }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Icon--burger {
      height: 14px;
      width: 18px
  }
    }
  
  .Icon--burgerContainer {
    height: 16px;
    vertical-align: middle;
    width: 26px;
  }
  
  .Icon--burgerContainer > svg {
      height: 16px;
      width: 26px;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Icon--burgerContainer {
      height: 14px;
      width: 22px
  }
  
      .Icon--burgerContainer > svg {
        height: 14px;
        width: 22px;
      }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Icon--burgerContainer {
      height: 14px;
      width: 19px
  }
  
      .Icon--burgerContainer > svg {
        height: 14px;
        width: 19px;
      }
    }
  
  .Icon--useWhite {
    filter: grayscale(10) contrast(10);
  }
  
  .Icon--white {
    fill: rgba(255, 255, 255, 1) !important;
  }
  
  .Icon--strokewhite {
    stroke: rgba(255, 255, 255, 1) !important;
  }
  
  .Icon--grayDark path,
    .Icon--grayDark polygon,
    .Icon--grayDark polyline {
      fill: rgba(54, 54, 54, 1) !important;
    }
  
  .Icon--strokeAnthracite path,
    .Icon--strokeAnthracite polygon,
    .Icon--strokeAnthracite polyline {
      stroke: rgba(38, 38, 38, 1) !important;
    }
  
  .Icon--primary path,
    .Icon--primary polygon,
    .Icon--primary polyline,
    .Icon--primary g {
      fill: rgba(213, 209, 201, 0.5) !important;
    }
  
  .Icon--strokePrimary path,
    .Icon--strokePrimary polygon,
    .Icon--strokePrimary polyline,
    .Icon--strokePrimary g {
      stroke: rgba(213, 209, 201, 0.5) !important;
    }
  
  .Icon--secondary path,
    .Icon--secondary polygon,
    .Icon--secondary polyline,
    .Icon--secondary g {
      fill: rgba(206, 181, 131, 1) !important;
    }
  
  .Icon--animated {
  
    transition: transform 0.3s ease-out;
  }
  
  .Icon--animatedRight:hover .Icon, .Icon--animatedRight:focus .Icon {
        transform: translateX(50%);
      }
  
  .Icon--animatedLeft:hover .Icon, .Icon--animatedLeft:focus .Icon {
        transform: translateX(-50%);
      }
  
  .Icon--animatedTop:hover .Icon, .Icon--animatedTop:focus .Icon {
        transform: translateY(-50%);
      }
  
  .Icon--evaluation {
    height: 8.125rem;
    width: 8.125rem;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Icon--evaluation {
      height: 8.125rem;
      width: 8.125rem
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Icon--evaluation {
      height: 5.125rem;
      width: 5.125rem
  }
    }
  
  .YoutubePlayer:hover svg {
    opacity: 0.7;
  }
  
  /**
   * Anchor
   */
  
  .Link {
    display: inline-block;
    text-decoration: none;
    transition: opacity 0.3s ease-out;
  }
  
  .Link:hover,
    .Link:focus {
      cursor: pointer;
      opacity: 0.6;
    }
  
  .Link--copy {
    display: inline-block;
    position: relative;
  
    /* Need this z-index to work on divs with background color */
    z-index: 1;
  }
  
  .Link--copy::after {
      border-bottom: solid 1px currentcolor;
      bottom: 0.25rem;
      content: "";
      left: 0;
      position: absolute;
      transition: opacity 0.3s ease-out;
      width: 100%;
    }
  
  .Link--copy:hover::after, .Link--copy:focus::after {
        opacity: 0.6;
      }
  
  /** @define List */
  
  .List {
    color: currentcolor;
  }
  
  .List-item {
    padding: 0.375rem 0;
  }
  
  .List-item:first-child {
      padding-top: 0;
    }
  
  .List-item:last-child {
      padding-bottom: 0;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .List-item {
  
      padding: 6px 0
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .List-item {
  
      padding: 6px 0
  }
    }
  
  .List-itemBig {
    padding: 1.125rem 0;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .List-itemBig {
  
      padding: 18px 0
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .List-itemBig {
  
      padding: 10px 0
  }
    }
  
  .List-itemFull {
    padding: 0;
  }
  
  .List--border {
    border: 0;
    border-top: 1px solid currentcolor;
  }
  
  .List--border .List-item,
  .List--border .List-itemFull {
    border: 0;
    border-bottom: 1px solid currentcolor;
  }
  
  .List--borderCenter .List-item,
  .List--borderCenter .List-itemFull,
  .List--borderCenter .List-itemBig {
    position: relative;
  }
  
  .List--borderCenter .List-item::after, .List--borderCenter .List-itemFull::after, .List--borderCenter .List-itemBig::after {
      border-bottom: 1px solid rgba(0, 0, 0, 1);
      bottom: 0;
      content: " ";
      left: 35%;
      position: absolute;
      width: 30%;
    }
  
  .List--borderCenter .List-item:last-child::after, .List--borderCenter .List-itemFull:last-child::after, .List--borderCenter .List-itemBig:last-child::after {
        display: none;
      }
  
  /* Description List */
  
  .DescList {
    color: currentcolor;
    display: flex;
    flex-wrap: wrap;
  }
  
  .DescList-item {
    padding: 0.8125rem 1rem 0.6875rem 0;
    width: 50%;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .DescList-item {
  
      padding: 0.8125rem 1rem 0.6875rem 0
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .DescList-item {
  
      padding: 8px 1rem 10px 0
  }
    }
  
  .DescList--border {
    border: 0;
    border-top: 1px solid rgba(102, 102, 102, 1);
  }
  
  .DescList--border .DescList-item {
    border: 0;
    border-bottom: 1px solid rgba(102, 102, 102, 1);
  }
  
  .Logo {
    height: 52px;
    width: 144px;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Logo {
      height: 33px;
      width: 100px
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Logo {
      height: 25px;
      width: 77px
  }
    }
  
  /** @define Modal */
  
  .Modal {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
  }
  
  .Modal.Modal-is-hidden {
      transition: visibility 0s ease-out 0.6s, z-index linear 0.6s;
      visibility: hidden;
    }
  
  .Modal.Modal-is-hidden .Modal-background {
        transition: background-color 0.3s ease-out 0.3s;
      }
  
  .Modal.Modal-is-hidden .Modal-container {
        opacity: 0;
        transition: opacity 0.3s ease-in, transform 0.3s ease-out;
      }
  
  .Modal.Modal-is-visible {
      transition: opacity 0s ease-out 0.6s;
      visibility: visible;
      z-index: 19;
    }
  
  .Modal.Modal-is-visible .Modal-background {
        background-color: rgba(0, 0, 0, 0.85);
      }
  
  @media (min-width:661px) and (max-width:1024px), (min-width:0) and (max-width:660px) {
  
  .Modal.Modal-is-visible .Modal-background {
          background-color: rgba(255, 255, 255, 1)
      }
        }
  
  .Modal.Modal-is-visible .Modal-container {
        opacity: 1;
        transform: translateY(0);
      }
  
  .Modal-background {
  
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
    transition: background-color 0.3s ease-out;
    width: 100%;
  }
  
  @media (min-width:661px) and (max-width:1024px), (min-width:0) and (max-width:660px) {
  
  .Modal-background {
      background-color: rgba(255, 255, 255, 0)
  }
    }
  
  .Modal-container {
    background: rgba(255, 255, 255, 1);
    position: fixed;
    transform: translateY(5%);
    transition: transform 0.3s ease-out;
  }
  
  @media (min-width:1025px) {
  
  .Modal-container {
      left: 15%;
      top: 15%;
      width: 70%
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Modal-container {
      height: 100vh;
      -webkit-overflow-scrolling: touch;
      overflow-y: scroll;
      width: 100%
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Modal-container {
      height: 100vh;
      -webkit-overflow-scrolling: touch;
      overflow-y: scroll;
      width: 100%
  }
    }
  
  @media (min-width:1025px) {
  
  .Modal-container .Modal-container-item {
        padding: 4rem 2.75rem 2.75rem
    }
      }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Modal-container .Modal-container-item {
        padding: 6rem 4.5rem 2.75rem
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Modal-container .Modal-container-item {
        padding: 6rem 0.75rem 3.25rem
    }
      }
  
  @media (min-width:1025px) {
  
  .Modal-container .Modal-container-item-lg {
        padding: 4rem 0 2.75rem
    }
      }
  
  .Modal-container .Tabby-content.is-hidden {
        display: none;
      }
  
  .Modal-container .Tabby-content.is-active {
        display: block;
      }
  
  .Modal-header {
  
    /* something */
  }
  
  .Modal-content {
  
    /* something */
  }
  
  /* Class to aply on body when modal opens */
  
  .Body-with-Modal {
    overflow: hidden;
  }
  
  /* Class to aply on .Site when modal opens */
  
  .Site-with-Modal {
    position: relative;
  }
  
  body.template-residential .SiteHeader, body.template-commercial .SiteHeader, body.template-evaluation .SiteHeader {
      position: absolute;
      z-index: 20;
    }
  
  .SiteHeader {
    width: 100%;
  }
  
  .Navigation.Navigation--horizontal {
    align-self: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
  }
  
  .Navigation.Navigation--horizontal > .Navigation-item {
  
      align-self: center;
      letter-spacing: -0.2px;
      padding: 16px 16px;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Navigation.Navigation--horizontal > .Navigation-item {
        font-size: var(--Navigation-item-fontsize-md);
        letter-spacing: normal;
        padding: 4px 8px
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Navigation.Navigation--horizontal > .Navigation-item {
        font-size: var(--Navigation-item-fontsize-sm);
        letter-spacing: normal;
        padding: 4px 8px
    }
      }
  
  .Navigation--sticky {
    backface-visibility: hidden;
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(0, 0, 0, 1);
    display: block;
    opacity: 0;
    position: fixed;
    top: 0;
    transform: translateY(-100%);
    transition: transform 0.3s ease-out, opacity 0.1s ease-out;
    width: 100%;
    z-index: 10;
  }
  
  .Navigation--sticky .Navigation-container {
      align-items: stretch;
      display: flex;
      justify-content: space-around;
    }
  
  .Navigation--sticky .Navigation-container .Navigation-item {
        align-items: center;
        display: flex;
        flex-grow: 1;
        height: 100%;
        justify-content: center;
      }
  
  @media (min-width:661px) and (max-width:1024px), (min-width:0) and (max-width:660px) {
  
  .Navigation--sticky .Navigation-container .Navigation-item {
          flex-direction: column
      }
        }
  
  .Navigation--sticky.is-sticky {
      opacity: 1;
      transform: translateY(0);
    }
  
  .Navigation--sticky.is-fixed {
  
      position: fixed;
      top: 0;
      transform: translateY(0);
      width: 100%;
      z-index: 21;
    }
  
  .js-stickyNavigation.is-fixed {
      top: 0 !important;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .js-stickyNavigation.is-fixed {
        background: rgba(255, 255, 255, 1)
    }
      }
  
  .Newsletter {
  
    position: relative;
  }
  
  .Newsletter .Newsletter-successMessage {
      left: 0;
      position: absolute;
      top: 0;
    }
  
  .Newsletter .Newsletter-heading,
    .Newsletter .Newsletter-successMessage,
    .Newsletter .Newsletter-form {
  
      transition: opacity 800ms cubic-bezier(0.275, 0.025, 0, 1.005);
    }
  
  .Newsletter .Newsletter-heading.is-active, .Newsletter .Newsletter-successMessage.is-active, .Newsletter .Newsletter-form.is-active {
        opacity: 1;
        transition-delay: 200ms;
        z-index: 10;
      }
  
  .Newsletter .Newsletter-heading.is-hidden, .Newsletter .Newsletter-successMessage.is-hidden, .Newsletter .Newsletter-form.is-hidden {
        opacity: 0;
      }
  
  /*
  * Ratio utilitie
  * for firefox the ratio container will stay height: 0 if display: flex
  */
  
  .Ratio--112-63 {
  
    position: relative;
  }
  
  .Ratio--112-63::after {
      content: "";
      display: block;
      height: 0;
      padding-top: 56.25%;
      width: 100%;
    }
  
  .Ratio--64-27 {
  
    position: relative;
  }
  
  .Ratio--64-27::after {
      content: "";
      display: block;
      height: 0;
      padding-top: 42.1875%;
      width: 100%;
    }
  
  .Ratio--16-9 {
  
    position: relative;
  }
  
  .Ratio--16-9::after {
      content: "";
      display: block;
      height: 0;
      padding-top: 56.25%;
      width: 100%;
    }
  
  .Ratio--11-8 {
  
    position: relative;
  }
  
  .Ratio--11-8::after {
      content: "";
      display: block;
      height: 0;
      padding-top: 72.72727%;
      width: 100%;
    }
  
  .Ratio--16-3 {
  
    position: relative;
  }
  
  .Ratio--16-3::after {
      content: "";
      display: block;
      height: 0;
      padding-top: 18.75%;
      width: 100%;
    }
  
  .Ratio--8-5{
  
    position: relative;
  }
  
  .Ratio--8-5::after {
      content: "";
      display: block;
      height: 0;
      padding-top: 62.5%;
      width: 100%;
    }
  
  .Ratio > iframe {
  
      height: 100%;
  
      left: 0;
  
      position: absolute;
  
      top: 0;
  
      width: 100%;
    }
  
  .Ratio-inner {
  
    height: 100%;
  
    left: 0;
  
    position: absolute;
  
    top: 0;
  
    width: 100%;
  }
  
  /** @define Panel */
  
  .Panel {
  
    /* something here */
  }
  
  @media (min-width:1025px) {
  
  .Panel--paddingTBRL {
      padding: 5rem 3rem 4.5rem
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Panel--paddingTBRL {
      padding: 80px 48px 72px
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Panel--paddingTBRL {
      padding: 48px 16px 56px
  }
    }
  
  .Panel--backgroundBlack {
    background-color: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
  }
  
  .Panel--backgroundGrayDark {
    background: rgba(54, 54, 54, 1);
    color: rgba(255, 255, 255, 1);
  }
  
  /*! Flickity v2.2.2
  https://flickity.metafizzy.co
  ---------------------------------------------- */
  
  .flickity-enabled {
    position: relative;
  }
  
  .flickity-enabled:focus { outline: none; }
  
  .flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
  }
  
  .flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  /* draggable */
  
  .flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
  }
  
  .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  
  /* ---- flickity-button ---- */
  
  .flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, 0.75);
    border: none;
    color: #333;
  }
  
  .flickity-button:hover {
    background: white;
    cursor: pointer;
  }
  
  .flickity-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19F;
  }
  
  .flickity-button:active {
    opacity: 0.6;
  }
  
  .flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    /* prevent disabled button from capturing pointer up event. #716 */
    pointer-events: none;
  }
  
  .flickity-button-icon {
    fill: currentColor;
  }
  
  /* ---- previous/next buttons ---- */
  
  .flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    /* vertically center */
    transform: translateY(-50%);
  }
  
  .flickity-prev-next-button.previous { left: 10px; }
  
  .flickity-prev-next-button.next { right: 10px; }
  
  /* right to left */
  
  .flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
  }
  
  .flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
  }
  
  .flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
  }
  
  /* ---- page dots ---- */
  
  .flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
  }
  
  .flickity-rtl .flickity-page-dots { direction: rtl; }
  
  .flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
  }
  
  .flickity-page-dots .dot.is-selected {
    opacity: 1;
  }
  
  .Slider {
    width: 100%;
  }
  
  .Slider-cell {
    backface-visibility: hidden;
  }
  
  .Slider--teaser .Slider-cell {
    margin-left: 0;
    width: 26.5%;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Slider--teaser .Slider-cell {
      width: 45%
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Slider--teaser .Slider-cell {
      width: 86%
  }
    }
  
  .Slider--detail .Slider-cell {
    height: auto;
    margin-left: 0;
    padding-bottom: 48%;
    width: 77%;
  }
  
  .Slider--detail .Slider-cell img {
      height: 100%;
      object-fit: cover;
      position: absolute;
      width: 100%;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Slider--detail .Slider-cell {
      padding-bottom: 60%;
      width: 90%
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Slider--detail .Slider-cell {
      padding-bottom: 60%;
      width: 91%
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Slider--fullSize {
      height: calc(100% - 8rem)
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Slider--fullSize {
      height: calc(100% - 5rem)
  }
    }
  
  .Slider--fullSize .Slider-cell {
      display: flex;
      margin-left: 0;
      width: 100%;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Slider--fullSize .Slider-cell {
        width: 100%
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Slider--fullSize .Slider-cell {
        width: 150%
    }
      }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Slider--windowSize {
      height: calc(100% - 8rem)
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Slider--windowSize {
      height: calc(100% - 5rem)
  }
    }
  
  .Slider--windowSize .Slider-cell {
      display: flex;
      margin-left: 0;
      width: 100%;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Slider--windowSize .Slider-cell {
        width: 100%
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Slider--windowSize .Slider-cell {
        width: 100%;
        margin-left: inherit
    }
      }
  
  .Slider--slideshow .Slider-cell {
    margin-left: 0;
    width: 26%;
  }
  
  .Slider--slideshow .Slider-cell > a {
  
      /* padding-left: 44px; */
    }
  
  /* hide slides */
  
  .Slider .Slider-cell--hidden {
    display: none;
  }
  
  .Slider.flickity-enabled .Slider-cell--hidden {
    display: block;
  }
  
  .flickity-resize .Slider-cell {
    height: 100%;
  }
  
  /* Prev / Next Buttons */
  
  .flickity-prev-next-button {
    height: 5.5rem;
    width: 5.5rem;
  }
  
  .flickity-prev-next-button.next {
      right: 1.5rem;
    }
  
  .flickity-prev-next-button.previous {
      left: 1.5rem;
    }
  
  .flickity-prev-next-button .flickity-button-icon {
      fill: rgba(0, 0, 0, 1);
      height: 45%;
      left: 27.5%;
      top: 27.5%;
      width: 45%;
    }
  
  .flickity-button {
    background-color: rgba(255, 255, 255, 0.75);
    transition: opacity 0.3s ease-out, background-color 0.3s ease-out;
  }
  
  .flickity-button:disabled {
      opacity: 0;
    }
  
  .Slider--prevNextButtonsBottom .flickity-prev-next-button {
      bottom: -9.5rem;
      height: 4rem;
      top: initial;
      width: 4rem;
    }
  
  .Slider--prevNextButtonsBottom .flickity-prev-next-button.next {
        right: 2rem;
      }
  
  .Slider--prevNextButtonsBottom .flickity-prev-next-button.previous {
        left: initial;
        right: 7.5rem;
      }
  
  .Slider--prevNextButtonsBlack .flickity-button {
      background-color: rgba(0, 0, 0, 1);
    }
  
  .Slider--prevNextButtonsBlack .flickity-button .flickity-button-icon {
        fill: rgba(255, 255, 255, 1);
      }
  
  .Slider--prevNextButtonFalse .flickity-prev-next-button {
      display: none !important;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
      .Slider--prevNextButtonsFalse-md .flickity-prev-next-button {
        display: none !important;
      }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
      .Slider--prevNextButtonsFalse-sm .flickity-prev-next-button {
        display: none !important;
      }
    }
  
  /* Page dots */
  
  .flickity-page-dots {
    bottom: -3.75rem;
    text-align: left;
    width: auto;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .flickity-page-dots {
      bottom: -3.125rem
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .flickity-page-dots {
      bottom: -2.85rem
  }
    }
  
  .flickity-page-dots .dot {
      background: rgba(0, 0, 0, 1);
      height: 0.625rem;
      margin: 0 1.25rem 0 0;
      opacity: 0.1;
      width: 0.625rem;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .flickity-page-dots .dot {
        height: 0.75rem;
        margin: 0 1.25rem 0 0;
        width: 0.75rem
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .flickity-page-dots .dot {
        height: 0.5rem;
        margin: 0 0.75rem 0 0;
        width: 0.5rem
    }
      }
  
  .flickity-page-dots .dot:last-child {
        margin-right: 0;
      }
  
  .Slider--dotsAlignMiddleBottom .flickity-page-dots {
      bottom: -6rem;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Slider--dotsAlignMiddleBottom .flickity-page-dots {
        bottom: -3.125rem
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Slider--dotsAlignMiddleBottom .flickity-page-dots {
        bottom: -2.85rem
    }
      }
  
  @media (min-width:1025px) {
  
  .Slider--dotsAlignLeft-lg .flickity-page-dots {
        margin-left: 2rem
    }
      }
  
  @media (min-width:661px) and (max-width:1024px), (min-width:0) and (max-width:660px) {
  
  .Slider--dotsAlignCenter-md-sm .flickity-page-dots {
  
        text-align: center;
        width: 100%
    }
      }
  
  @media (min-width:1025px) {
  
      .Slider--dotsFalse-lg .flickity-page-dots {
        display: none;
      }
    }
  
  .Slider--overlayShow .flickity-slider {
      transform: none !important;
    }
  
  .Slider--overlayShow .Slider-cell {
      left: 0 !important;
      opacity: 0;
      /* transition: opacity 0.3s ease-in-out; */
      width: 100%;
      z-index: -1;
    }
  
  .Slider--overlayShow .Slider-cell.is-selected {
      opacity: 1;
      z-index: 0;
    }
  
  .Table td {
    vertical-align: top;
  }
  
  /** @define Tag */
  
  .Tag {
    background: rgba(54, 54, 54, 1);
    border-radius: 1rem;
    color: rgba(255, 255, 255, 1);
    padding: 0.625rem 1.25rem 0.4375rem 2.5rem;
  }
  
  .Tag--withIcon {
    position: relative;
  }
  
  .Tag--Icon {
    left: 1.125rem;
    position: absolute;
  }
  
  /* Animation */
  
  .Tag--Icon {
    transition: transform 0.3s ease-in-out;
  }
  
  .Tag {
    transition: background 0.3s ease-in-out;
  }
  
  .Tag:hover,
    .Tag:focus {
      background: rgba(102, 102, 102, 1);
      cursor: pointer;
    }
  
  .Tag:hover .Tag--Icon, .Tag:focus .Tag--Icon {
  
        transform: scale(0.8);
      }
  
  .Wordpress.Wordpress--content h1 {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      letter-spacing: -0.0212em;
      line-height: 1.1734;
    }
  
  .Wordpress.Wordpress--content h2 {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      letter-spacing: -0.034em;
      line-height: 1.222;
    }
  
  .Wordpress.Wordpress--content h3 {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      letter-spacing: -0.0426em;
      line-height: 1.143;
    }
  
  .Wordpress.Wordpress--content h4 {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      font-size: 22px;
      letter-spacing: 0.2px;
      line-height: 1.228;
      margin-bottom: 32px;
      margin-top: 40px;
      text-align: center;
      text-transform: uppercase;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Wordpress.Wordpress--content h4 {
  
        font-size: 20px;
        letter-spacing: 0.2px;
        line-height: 1.228;
        margin-bottom: 24px;
        margin-top: 32px
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Wordpress.Wordpress--content h4 {
  
        font-size: 20px;
        letter-spacing: 0.22px;
        line-height: 1.35;
        margin-bottom: 16px;
        margin-top: 24px
    }
      }
  
  .Wordpress.Wordpress--content strong {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
    }
  
  .Wordpress.Wordpress--content a.Button {
      box-shadow: none;
    }
  
  .Wordpress.Wordpress--content blockquote p {
    font-family: "AnoRegular", sans-serif;
    font-style: normal;
    font-weight: normal;
        font-size: 20px;
        letter-spacing: 0.2px;
        line-height: 1.228;
        margin: 70px -150px 90px -150px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
      }
  
  .Wordpress.Wordpress--content blockquote p::after {
          content: "“";
        }
  
  .Wordpress.Wordpress--content blockquote p::before {
          content: "„";
        }
  
  @media (min-width:1025px) {
  
  .Wordpress.Wordpress--content blockquote p {
          margin: 70px -150px 90px -150px
      }
        }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Wordpress.Wordpress--content blockquote p {
          font-size: 16px;
          margin: 50px -30px 70px -30px
      }
        }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Wordpress.Wordpress--content blockquote p {
          font-size: 14px;
          margin: 50px 0 70px 0
      }
        }
  
  .Wordpress.Wordpress--content blockquote cite {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
        bottom: -30px;
        font-size: 14px;
        left: 0;
        letter-spacing: 0.3px;
        line-height: 1.715;
        position: absolute;
        text-transform: none;
        width: 100%;
      }
  
  .Wordpress.Wordpress--content ul {
  
      /*
      color: var(--color-black);
      */
      font-size: inherit;
      list-style: none;
  
      padding-bottom: 0.5rem;
      padding-left: 0.5rem;
      padding-right: 1.5rem;
      padding-top: 0;
    }
  
  .Wordpress.Wordpress--content ul > li {
        margin-bottom: 0;
        padding-left: 0.5rem;
      }
  
  .Wordpress.Wordpress--content ul > li::before {
  
        /*
        color: var(--color-orange);
        */
        content: "\2022";
        margin-right: 0.5rem;
      }
  
  .Wordpress.Wordpress--content ol {
  
      /*
      color: var(--color-black);
      */
      font-size: inherit;
      list-style: initial;
      list-style-position: outside;
      padding-bottom: 0.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      padding-top: 0;
    }
  
  .Wordpress.Wordpress--content ol > li {
        margin-bottom: 0.5rem;
      }
  
  .Wordpress.Wordpress--content img {
      height: auto;
      max-width: 100%;
    }
  
  .Wordpress.Wordpress--content .imageWithBorder {
  
      /*
      border: 1px solid var(--color-gray-3);
      */
      padding: 10px;
    }
  
  .Wordpress.Wordpress--content img.alignleft,
    .Wordpress.Wordpress--content div.alignleft {
      display: block;
      float: left;
      margin-bottom: 30px;
      margin-right: 30px;
      margin-top: 0;
      width: 45%;
    }
  
  .Wordpress.Wordpress--content img.alignright,
    .Wordpress.Wordpress--content div.alignright {
      display: block;
      float: right;
      margin-bottom: 30px;
      margin-left: 30px;
      margin-top: 0;
      width: 45%;
    }
  
  .Wordpress.Wordpress--content img.aligncenter,
    .Wordpress.Wordpress--content div.aligncenter {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }
  
  .Wordpress.Wordpress--content .wp-caption-text {
      font-size: 14px;
      line-height: 19px;
      margin-bottom: 50px;
      margin-top: -50px;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Wordpress.Wordpress--content .wp-caption-text {
        font-size: 13px
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Wordpress.Wordpress--content .wp-caption-text {
        font-size: 11px
    }
      }
  
  .Wordpress.Wordpress--fullwidth > h1,
    .Wordpress.Wordpress--fullwidth > h2,
    .Wordpress.Wordpress--fullwidth > h3,
    .Wordpress.Wordpress--fullwidth > h4,
    .Wordpress.Wordpress--fullwidth > h5,
    .Wordpress.Wordpress--fullwidth > h6,
    .Wordpress.Wordpress--fullwidth > p,
    .Wordpress.Wordpress--fullwidth > img,
    .Wordpress.Wordpress--fullwidth > figure,
    .Wordpress.Wordpress--fullwidth > blockquote,
    .Wordpress.Wordpress--fullwidth > ul,
    .Wordpress.Wordpress--fullwidth > ol {
      margin-left: auto;
      margin-right: auto;
      max-width: 700px;
    }
  
  .Wordpress.Wordpress--fullwidth > .Slider {
      margin-bottom: 40px;
      margin-top: 40px;
    }
  
  .Wordpress.Wordpress--fullwidth > iframe {
      display: block;
      margin-bottom: 40px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 40px;
      width: 100%;
    }
  
  @media (min-width:1025px) {
  
  .Wordpress.Wordpress--fullwidth > iframe {
        height: 600px;
        max-width: 900px
    }
      }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Wordpress.Wordpress--fullwidth > iframe {
        height: 400px;
        max-width: 100%
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Wordpress.Wordpress--fullwidth > iframe {
        max-width: 100%
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Wordpress.Wordpress--fullwidth > h1,
    .Wordpress.Wordpress--fullwidth > h2,
    .Wordpress.Wordpress--fullwidth > h3,
    .Wordpress.Wordpress--fullwidth > h4,
    .Wordpress.Wordpress--fullwidth > h5,
    .Wordpress.Wordpress--fullwidth > h6,
    .Wordpress.Wordpress--fullwidth > p,
    .Wordpress.Wordpress--fullwidth > img,
    .Wordpress.Wordpress--fullwidth figcaption {
        padding-left: 20px;
        padding-right: 20px
    }
      }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Wordpress.Wordpress--fullwidth > h1,
    .Wordpress.Wordpress--fullwidth > h2,
    .Wordpress.Wordpress--fullwidth > h3,
    .Wordpress.Wordpress--fullwidth > h4,
    .Wordpress.Wordpress--fullwidth > h5,
    .Wordpress.Wordpress--fullwidth > h6,
    .Wordpress.Wordpress--fullwidth > p,
    .Wordpress.Wordpress--fullwidth > img,
    .Wordpress.Wordpress--fullwidth figcaption {
        padding-left: 20px;
        padding-right: 20px
    }
      }
  
  @media (min-width:0) and (max-width:660px) {
  
  .Wordpress.Wordpress--fullwidth > blockquote {
        padding-left: 40px;
        padding-right: 40px
    }
      }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .Wordpress.Wordpress--fullwidth > blockquote {
        padding-left: 40px;
        padding-right: 40px
    }
      }
  
  /* Text meant only for screen readers. */
  
  /*
  .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
  }
  
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
  }
  */
  
  /** @define utilities */
  
  /**
   * background-color utility classes
   */
  
  .u-backgroundTrasnparent {
    background-color: transparent !important;
  }
  
  .u-backgroundWhite {
    background-color: rgba(255, 255, 255, 1);
  }
  
  .u-backgroundBlack {
    background-color: rgba(0, 0, 0, 1);
  }
  
  .u-backgroundPrimary {
    background-color: rgba(213, 209, 201, 0.5);
  }
  
  .u-backgroundPrimaryDark {
    background-color: rgba(213, 209, 201, 1);
  }
  
  .u-backgroundSecondary {
    background-color: rgba(206, 181, 131, 1);
  }
  
  .u-backgroundGrayLight {
    background-color: rgba(241, 241, 241, 1);
  }
  
  .u-backgroundGray {
    background-color: rgba(102, 102, 102, 1);
  }
  
  .u-backgroundGrayDark {
    background-color: rgba(54, 54, 54, 1);
  }
  
  .u-backgroundGrayDarker {
    background-color: rgba(43, 43, 43, 1);
  }
  
  .u-backgroundMap {
    background-color: rgba(0, 0, 0, 1);
    background-image: url(/app/themes/sigal-sapiro/dist/images/backgroundmap_ea891473.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  @media (min-width:1025px) {
  
    .u-lg-backgroundPrimaryWhite {
      background: linear-gradient(to right, rgba(213, 209, 201, 0.5) 0%, rgba(213, 209, 201, 0.5) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    }
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
    .u-md-backgroundPrimaryWhite {
      background: linear-gradient(to right, rgba(213, 209, 201, 0.5) 0%, rgba(213, 209, 201, 0.5) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    }
  
    .u-md-backgroundPrimary {
      background-color: rgba(213, 209, 201, 0.5);
    }
  
    .u-md-backgroundWhite {
      background-color: rgba(255, 255, 255, 1);
    }
  
    .u-md-backgroundBlack {
      background-color: rgba(0, 0, 0, 1);
    }
  }
  
  @media (min-width:0) and (max-width:660px) {
  
    .u-sm-backgroundWhite {
      background-color: rgba(255, 255, 255, 1);
    }
  
    .u-sm-backgroundPrimary {
      background-color: rgba(213, 209, 201, 0.5);
    }
  
    .u-sm-backgroundBlack {
      background-color: rgba(0, 0, 0, 1);
    }
  }
  
  /**
   * background Image utility classes
   */
  
  .u-backgroundSizeCover {
    background-size: cover;
  }
  
  .u-backgroundSizeContain {
    background-size: contain;
  }
  
  .u-backgroundPositionCenter {
    background-position: center;
  }
  
  .u-backgroundRepeatNoRepeat {
    background-repeat: no-repeat;
  }
  
  .u-faded::after {
    background-color: rgba(213, 209, 201, 0.5);
    bottom: 0;
    content: " ";
    left: 0;
    opacity: 0.7;
    position: fixed;
    right: 0;
    top: 0;
  }
  
  .u-darken::after {
    background-color: rgba(0, 0, 0, 0.05);
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  /** @define utilities */
  
  /**
   * border utility classes
   */
  
  /**  border color utility classes **/
  
  .u-borderPrimary {
    border-color: rgba(213, 209, 201, 0.5);
  }
  
  .u-borderWhite {
    border-color: rgba(255, 255, 255, 1);
  }
  
  .u-borderBlack {
    border-color: rgba(0, 0, 0, 1);
  }
  
  /**  border width utility classes **/
  
  .u-borderWidth1 {
    border-style: solid;
    border-width: 1px;
  }
  
  .u-borderWidth3 {
    border-style: solid;
    border-width: 3px;
  }
  
  .u-borderBottomWidth3 {
    border-bottom-width: 3px;
    border-style: solid;
  }
  
  .u-borderBottomWidth2 {
    border-style: solid;
    border-width: 0 0 2px;
  }
  
  .u-borderBottomWidth1 {
    border-style: solid;
    border-width: 0 0 1px 0;
  }
  
  .u-borderLeftWidth5 {
    border-style: solid;
    border-width: 0 0 0 5px;
  }
  
  .u-borderRightWidth1 {
    border-style: solid;
    border-width: 0 1px 0 0;
  }
  
  .u-borderTopWidth1 {
    border-style: solid;
    border-width: 1px 0 0 0;
  }
  
  /**  border radius utility classes **/
  
  .u-borderRadius50Perc {
    border-radius: 50%;
  }
  
  /** @define utilities */
  
  /**
   * color utilities class
   ======================================================================== */
  
  .u-colorWhite {
    color: rgba(255, 255, 255, 1);
  }
  
  .u-colorBlack {
    color: rgba(0, 0, 0, 1) !important;
  }
  
  .u-colorPrimary {
    color: rgba(213, 209, 201, 0.5);
  }
  
  .u-colorPrimaryLight {
    color: rgba(255, 175, 34, 1);
  }
  
  .u-colorPrimaryLighter {
    color: rgba(255, 213, 139, 1);
  }
  
  .u-colorPrimaryDark {
    color: rgba(213, 209, 201, 1);
  }
  
  .u-colorSecondary {
    color: rgba(206, 181, 131, 1);
  }
  
  .u-colorGrayLight {
    color: rgba(241, 241, 241, 1);
  }
  
  .u-colorGrayDark {
    color: rgba(54, 54, 54, 1);
  }
  
  .u-colorGray {
    color: rgba(102, 102, 102, 1);
  }
  
  /** @define utilities */
  
  /**
   * columns utility classes
   */
  
  .u-columnsCount2 {
    column-count: 2;
  }
  
  .u-columnsCount3 {
    column-count: 3;
  }
  
  @media (min-width:1025px) {
  
  .u-lg-columnsCount2 {
      column-count: 2
  }
    }
  
  @media (min-width:1025px) {
  
  .u-lg-columnsCount3 {
      column-count: 3
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .u-md-columnsCount1 {
      column-count: 1
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .u-md-columnsCount2 {
      column-count: 2
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
  .u-sm-columnsCount1 {
      column-count: 1
  }
    }
  
  .u-columnsGap0 {
    column-gap: 0;
  }
  
  .u-columnsGap5 {
    column-gap: 1.25rem;
  }
  
  .u-columnsGap10 {
    column-gap: 2.5rem;
  }
  
  .u-columnsGap15 {
    column-gap: 3.75rem;
  }
  
  .u-breakInsideAvoid {
    break-inside: avoid; /* IE 10+ */
    page-break-inside: avoid; /* Firefox */
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
  }
  
  /** @define utilities */
  
  /**
   * cursor utility classes
   */
  
  .u-cursorPointer {
    cursor: pointer;
  }
  
  .u-pointerEventsNone {
    pointer-events: none;
  }
  
  @media (min-width:1025px) {
    .u-lg-hidden { display: none !important; }
    .u-lg-block { display: block !important; }
    .u-lg-inlineBlock { display: inline-block !important; }
  }
  
  @media (min-width:661px) and (max-width:1024px) {
    .u-md-block { display: block !important; }
    .u-md-flexSoft { display: flex; }
    .u-md-hidden { display: none !important; }
    .u-md-inlineBlock { display: inline-block !important; }
  }
  
  @media (min-width:0) and (max-width:660px) {
    .u-sm-hidden { display: none !important; }
  
    /* Need this wwithout important to work with tabby is-active class */
    .u-sm-flexSoft { display: flex; }
    .u-sm-block { display: block !important; }
    .u-sm-inlineBlock { display: inline-block !important; }
  }
  
  /* Applies to flex container
       ======================================================================== */
  
  .
  
  @media (--lg-viewport) .u-lg-flexOrder1 {
      order: 1 !important;
    }
  
  .
  
  @media (--lg-viewport) .u-lg-flexOrder2 {
      order: 2 !important;
    }
  
  .
  
  @media (--lg-viewport) .u-lg-flexOrder3 {
      order: 3 !important;
    }
  
  .
  
  @media (--lg-viewport) .u-lg-flexOrder4 {
      order: 4 !important;
    }
  
  /* @define utilities */
  
  /* Times new roman */
  
  .u-lg-typeTimes60ft {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 3.75rem;
    letter-spacing: -0.034em;
    line-height: 1.0667;
  }
  
  .u-lg-typeTimes37ft {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 2.3125rem;
    letter-spacing: -0.0143em;
    line-height: 1.157;
  }
  
  .u-lg-typeTimes25ft {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.5625rem;
    letter-spacing: 0;
    line-height: 1;
  }
  
  .u-lg-typeTimes18ftItalic {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    font-style: italic;
    letter-spacing: 0;
    line-height: 1.39;
  }
  
  /* Ano Bold */
  
  .u-lg-typeAnoBold16ftUpper {
    font-family: "AnoBold", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    letter-spacing: 0.093em;
    line-height: 1.55;
    text-transform: uppercase;
  }
  
  .u-lg-typeAnoBold13ftUpper {
    font-family: "AnoBold", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8125rem;
    letter-spacing: 0.093em;
    line-height: 1.23;
    text-transform: uppercase;
  }
  
  .u-lg-typeAnoBold11ftUpper {
    font-family: "AnoBold", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 0.6875rem;
    letter-spacing: 0.1em;
    line-height: 1.1;
    text-transform: uppercase;
  }
  
  /* Ano Regular */
  
  .u-lg-typeAnoRegular17ft {
    font-family: "AnoRegular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 1.7058;
  }
  
  .u-lg-typeAnoRegular13ft {
    font-family: "AnoRegular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8125rem;
    letter-spacing: 0;
    line-height: 1.662;
  }
  
  .u-lg-typeAnoRegular11ft {
    font-family: "AnoRegular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 0.6875rem;
    letter-spacing: 0;
    line-height: 1.73;
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
    /* Times new roman */
  
    .u-md-typeTimes50 {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      font-size: 3.125rem;
      letter-spacing: -0.0084em;
      line-height: 1.0667;
    }
  
    .u-md-typeTimes37 {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      font-size: 2.3125rem;
      letter-spacing: -0.0143em;
      line-height: 1.157;
    }
  
    .u-md-typeTimes30 {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      font-size: 1.875rem;
      letter-spacing: 0;
      line-height: 1;
    }
  
    .u-md-typeTimes25 {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      font-size: 1.5625rem;
      letter-spacing: 0;
      line-height: 1;
    }
  
    .u-md-typeTimes18Italic {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      font-size: 1.125rem;
      font-style: italic;
      letter-spacing: 0;
      line-height: 1.39;
    }
  
    /* Ano Bold */
  
    .u-md-typeAnoBold16Upper {
    font-family: "AnoBold", sans-serif;
    font-style: normal;
    font-weight: normal;
      font-size: 1rem;
      letter-spacing: 0.093em;
      line-height: 1.55;
      text-transform: uppercase;
    }
  
    .u-md-typeAnoBold12Upper {
    font-family: "AnoBold", sans-serif;
    font-style: normal;
    font-weight: normal;
      font-size: 0.75rem;
      letter-spacing: 0.12em;
      line-height: 1;
      text-transform: uppercase;
    }
  
    .u-md-typeAnoBold11Upper {
    font-family: "AnoBold", sans-serif;
    font-style: normal;
    font-weight: normal;
      font-size: 0.6875rem;
      letter-spacing: 0.1em;
      line-height: 1.1;
      text-transform: uppercase;
    }
  
    /* Ano Regular */
  
    .u-md-typeAnoRegular16 {
    font-family: "AnoRegular", sans-serif;
    font-style: normal;
    font-weight: normal;
      font-size: 1rem;
      letter-spacing: 0;
      line-height: 1.75;
    }
  
    .u-md-typeAnoRegular13 {
    font-family: "AnoRegular", sans-serif;
    font-style: normal;
    font-weight: normal;
      font-size: 0.8125rem;
      letter-spacing: 0;
      line-height: 1.462;
    }
  
    .u-md-typeAnoRegular11 {
    font-family: "AnoRegular", sans-serif;
    font-style: normal;
    font-weight: normal;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.73;
    }
  }
  
  @media (min-width:0) and (max-width:660px) {
  
    /* Times new roman */
  
    .u-sm-typeTimes30 {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      font-size: 1.875rem;
      letter-spacing: -0.012em;
      line-height: 1.17;
    }
  
    .u-sm-typeTimes28 {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      font-size: 1.75rem;
      letter-spacing: -0.0154em;
      line-height: 1.25;
    }
  
    .u-sm-typeTimes25 {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      font-size: 1.5625rem;
      letter-spacing: 0;
      line-height: 1;
    }
  
    .u-sm-typeTimes20 {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      font-size: 1.25rem;
      letter-spacing: 0;
      line-height: 1;
    }
  
    .u-sm-typeTimes18Italic {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      font-size: 1.125rem;
      font-style: italic;
      letter-spacing: 0;
      line-height: 1.39;
    }
  
    .u-sm-typeTimes14Italic {
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
      font-size: 0.875rem;
      font-style: italic;
      letter-spacing: 0;
      line-height: 1.39;
    }
  
    /* Ano Bold */
  
    .u-sm-typeAnoBold12Upper {
    font-family: "AnoBold", sans-serif;
    font-style: normal;
    font-weight: normal;
      font-size: 0.75rem;
      letter-spacing: 0.093em;
      line-height: 1.15;
      text-transform: uppercase;
    }
  
    .u-sm-typeAnoBold11Upper {
    font-family: "AnoBold", sans-serif;
    font-style: normal;
    font-weight: normal;
      font-size: 0.6875rem;
      letter-spacing: 0.1em;
      line-height: 1.1;
      text-transform: uppercase;
    }
  
    .u-sm-typeAnoBold9Upper {
    font-family: "AnoBold", sans-serif;
    font-style: normal;
    font-weight: normal;
      font-size: 0.5625rem;
      letter-spacing: 0.1em;
      line-height: 1.1;
      text-transform: uppercase;
    }
  
    /* Ano Regular */
  
    .u-sm-typeAnoRegular14 {
    font-family: "AnoRegular", sans-serif;
    font-style: normal;
    font-weight: normal;
      font-size: 0.875rem;
      letter-spacing: 0;
      line-height: 1.5;;
    }
  
    .u-sm-typeAnoRegular9 {
    font-family: "AnoRegular", sans-serif;
    font-style: normal;
    font-weight: normal;
      font-size: 0.5625rem;
      letter-spacing: 0;
      line-height: 1.556;
    }
  }
  
  /* Use different font for Russian lang */
  
  html[lang="ru-RU"] {
    font-family: "MontserratRegular", sans-serif;
    font-style: normal;
    font-weight: normal;
  }
  
  html[lang="ru-RU"] .u-lg-typeAnoBold16ftUpper,
    html[lang="ru-RU"] .u-lg-typeAnoBold13ftUpper,
    html[lang="ru-RU"] .u-lg-typeAnoBold11ftUpper,
    html[lang="ru-RU"] .u-md-typeAnoBold16Upper,
    html[lang="ru-RU"] .u-md-typeAnoBold12Upper,
    html[lang="ru-RU"] .u-md-typeAnoBold11Upper,
    html[lang="ru-RU"] .u-sm-typeAnoBold12Upper,
    html[lang="ru-RU"] .u-sm-typeAnoBold11Upper,
    html[lang="ru-RU"] .u-sm-typeAnoBold9Upper,
    html[lang="ru-RU"] .Button {
    font-family: "MontserratBold", sans-serif;
    font-style: normal;
    font-weight: normal;
    }
  
  html[lang="ru-RU"] .u-lg-typeAnoRegular17ft,
    html[lang="ru-RU"] .u-lg-typeAnoRegular13ft,
    html[lang="ru-RU"] .u-lg-typeAnoRegular11ft,
    html[lang="ru-RU"] .u-md-typeAnoRegular16,
    html[lang="ru-RU"] .u-md-typeAnoRegular13,
    html[lang="ru-RU"] .u-md-typeAnoRegular11,
    html[lang="ru-RU"] .u-sm-typeAnoRegular14,
    html[lang="ru-RU"] .u-sm-typeAnoRegular9,
    html[lang="ru-RU"] .custom-select select {
    font-family: "MontserratRegular", sans-serif;
    font-style: normal;
    font-weight: normal;
    }
  
  /** @define utilities */
  
  /* Utility to give height */
  
  .u-height100Perc {
    height: 100% !important;
  }
  
  @media (min-width:1025px) {
  
    .u-lg-height100Perc {
      height: 100%;
    }
  
    .u-lg-height70Vh {
      height: 70vh;
    }
  
    .u-lg-height95Vh {
      height: 95vh;
    }
  
    .u-lg-height100Vh {
      height: 100vh;
    }
  
    .u-lg-height46 {
      height: 184px;
    }
  
    .u-lg-height50 {
      height: 200px;
    }
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
    .u-md-height100Perc {
      height: 100%;
    }
  
    .u-md-height38 {
      height: 152px;
    }
  
    .u-md-height100Vh {
      height: 100vh;
    }
  
    .u-md-height32 {
      height: 128px;
    }
  
    .u-md-heightCalc100vh-276px {
      height: 560px;
      height: calc(100vh - 460px);
    }
  }
  
  @media (min-width:0) and (max-width:660px) {
  
    .u-sm-height28 {
      height: 112px;
    }
  
    .u-sm-height100Perc {
      height: 100%;
    }
  
    .u-sm-height100Vh {
      height: 100vh;
    }
  
    .u-sm-heightCalc100vh-276px {
      height: 400px;
      height: calc(100vh - 276px);
    }
  }
  
  /** @define utilities */
  
  /**
   * hyphens utility classes
   */
  
  .u-hyphensManual {
    hyphens: manual;
  }
  
  /** @define utilities */
  
  /* Utiliti to overwrite line Height */
  
  .u-lineHeight12 {
    line-height: 1.2 !important;
  }
  
  /** @define utilities */
  
  /* postcss-bem-linter: ignore */
  
  .u-margin1 {
      margin: 4px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop1 {
      margin-top: 4px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight1 {
      margin-right: 4px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom1 {
      margin-bottom: 4px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft1 {
      margin-left: 4px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin2 {
      margin: 8px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop2 {
      margin-top: 8px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight2 {
      margin-right: 8px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom2 {
      margin-bottom: 8px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft2 {
      margin-left: 8px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin3 {
      margin: 12px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop3 {
      margin-top: 12px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight3 {
      margin-right: 12px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom3 {
      margin-bottom: 12px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft3 {
      margin-left: 12px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin4 {
      margin: 16px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop4 {
      margin-top: 16px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight4 {
      margin-right: 16px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom4 {
      margin-bottom: 16px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft4 {
      margin-left: 16px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin5 {
      margin: 20px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop5 {
      margin-top: 20px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight5 {
      margin-right: 20px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom5 {
      margin-bottom: 20px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft5 {
      margin-left: 20px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin6 {
      margin: 24px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop6 {
      margin-top: 24px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight6 {
      margin-right: 24px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom6 {
      margin-bottom: 24px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft6 {
      margin-left: 24px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin7 {
      margin: 28px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop7 {
      margin-top: 28px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight7 {
      margin-right: 28px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom7 {
      margin-bottom: 28px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft7 {
      margin-left: 28px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin8 {
      margin: 32px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop8 {
      margin-top: 32px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight8 {
      margin-right: 32px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom8 {
      margin-bottom: 32px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft8 {
      margin-left: 32px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin9 {
      margin: 36px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop9 {
      margin-top: 36px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight9 {
      margin-right: 36px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom9 {
      margin-bottom: 36px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft9 {
      margin-left: 36px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin10 {
      margin: 40px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop10 {
      margin-top: 40px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight10 {
      margin-right: 40px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom10 {
      margin-bottom: 40px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft10 {
      margin-left: 40px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin11 {
      margin: 44px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop11 {
      margin-top: 44px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight11 {
      margin-right: 44px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom11 {
      margin-bottom: 44px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft11 {
      margin-left: 44px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin12 {
      margin: 48px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop12 {
      margin-top: 48px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight12 {
      margin-right: 48px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom12 {
      margin-bottom: 48px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft12 {
      margin-left: 48px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin13 {
      margin: 52px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop13 {
      margin-top: 52px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight13 {
      margin-right: 52px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom13 {
      margin-bottom: 52px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft13 {
      margin-left: 52px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin14 {
      margin: 56px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop14 {
      margin-top: 56px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight14 {
      margin-right: 56px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom14 {
      margin-bottom: 56px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft14 {
      margin-left: 56px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin15 {
      margin: 60px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop15 {
      margin-top: 60px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight15 {
      margin-right: 60px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom15 {
      margin-bottom: 60px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft15 {
      margin-left: 60px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin16 {
      margin: 64px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop16 {
      margin-top: 64px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight16 {
      margin-right: 64px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom16 {
      margin-bottom: 64px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft16 {
      margin-left: 64px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin17 {
      margin: 68px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop17 {
      margin-top: 68px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight17 {
      margin-right: 68px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom17 {
      margin-bottom: 68px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft17 {
      margin-left: 68px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin18 {
      margin: 72px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop18 {
      margin-top: 72px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight18 {
      margin-right: 72px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom18 {
      margin-bottom: 72px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft18 {
      margin-left: 72px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin19 {
      margin: 76px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop19 {
      margin-top: 76px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight19 {
      margin-right: 76px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom19 {
      margin-bottom: 76px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft19 {
      margin-left: 76px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin20 {
      margin: 80px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop20 {
      margin-top: 80px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight20 {
      margin-right: 80px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom20 {
      margin-bottom: 80px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft20 {
      margin-left: 80px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin21 {
      margin: 84px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop21 {
      margin-top: 84px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight21 {
      margin-right: 84px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom21 {
      margin-bottom: 84px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft21 {
      margin-left: 84px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin22 {
      margin: 88px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop22 {
      margin-top: 88px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight22 {
      margin-right: 88px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom22 {
      margin-bottom: 88px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft22 {
      margin-left: 88px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin23 {
      margin: 92px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop23 {
      margin-top: 92px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight23 {
      margin-right: 92px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom23 {
      margin-bottom: 92px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft23 {
      margin-left: 92px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin24 {
      margin: 96px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop24 {
      margin-top: 96px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight24 {
      margin-right: 96px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom24 {
      margin-bottom: 96px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft24 {
      margin-left: 96px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin25 {
      margin: 100px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop25 {
      margin-top: 100px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight25 {
      margin-right: 100px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom25 {
      margin-bottom: 100px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft25 {
      margin-left: 100px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin26 {
      margin: 104px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop26 {
      margin-top: 104px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight26 {
      margin-right: 104px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom26 {
      margin-bottom: 104px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft26 {
      margin-left: 104px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin27 {
      margin: 108px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop27 {
      margin-top: 108px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight27 {
      margin-right: 108px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom27 {
      margin-bottom: 108px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft27 {
      margin-left: 108px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin28 {
      margin: 112px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop28 {
      margin-top: 112px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight28 {
      margin-right: 112px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom28 {
      margin-bottom: 112px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft28 {
      margin-left: 112px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin29 {
      margin: 116px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop29 {
      margin-top: 116px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight29 {
      margin-right: 116px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom29 {
      margin-bottom: 116px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft29 {
      margin-left: 116px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-margin30 {
      margin: 120px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginTop30 {
      margin-top: 120px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginRight30 {
      margin-right: 120px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginBottom30 {
      margin-bottom: 120px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-marginLeft30 {
      margin-left: 120px;
    }
  
  /** margin lg viewport **/
  
  @media (min-width:1025px) {
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin0 {
        margin: 0rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop0 {
        margin-top: 0rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight0 {
        margin-right: 0rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom0 {
        margin-bottom: 0rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft0 {
        margin-left: 0rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin1 {
        margin: 0.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop1 {
        margin-top: 0.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight1 {
        margin-right: 0.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom1 {
        margin-bottom: 0.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft1 {
        margin-left: 0.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin2 {
        margin: 0.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop2 {
        margin-top: 0.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight2 {
        margin-right: 0.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom2 {
        margin-bottom: 0.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft2 {
        margin-left: 0.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin3 {
        margin: 0.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop3 {
        margin-top: 0.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight3 {
        margin-right: 0.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom3 {
        margin-bottom: 0.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft3 {
        margin-left: 0.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin4 {
        margin: 1rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop4 {
        margin-top: 1rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight4 {
        margin-right: 1rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom4 {
        margin-bottom: 1rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft4 {
        margin-left: 1rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin5 {
        margin: 1.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop5 {
        margin-top: 1.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight5 {
        margin-right: 1.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom5 {
        margin-bottom: 1.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft5 {
        margin-left: 1.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin6 {
        margin: 1.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop6 {
        margin-top: 1.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight6 {
        margin-right: 1.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom6 {
        margin-bottom: 1.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft6 {
        margin-left: 1.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin7 {
        margin: 1.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop7 {
        margin-top: 1.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight7 {
        margin-right: 1.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom7 {
        margin-bottom: 1.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft7 {
        margin-left: 1.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin8 {
        margin: 2rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop8 {
        margin-top: 2rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight8 {
        margin-right: 2rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom8 {
        margin-bottom: 2rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft8 {
        margin-left: 2rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin9 {
        margin: 2.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop9 {
        margin-top: 2.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight9 {
        margin-right: 2.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom9 {
        margin-bottom: 2.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft9 {
        margin-left: 2.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin10 {
        margin: 2.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop10 {
        margin-top: 2.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight10 {
        margin-right: 2.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom10 {
        margin-bottom: 2.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft10 {
        margin-left: 2.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin11 {
        margin: 2.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop11 {
        margin-top: 2.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight11 {
        margin-right: 2.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom11 {
        margin-bottom: 2.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft11 {
        margin-left: 2.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin12 {
        margin: 3rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop12 {
        margin-top: 3rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight12 {
        margin-right: 3rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom12 {
        margin-bottom: 3rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft12 {
        margin-left: 3rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin13 {
        margin: 3.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop13 {
        margin-top: 3.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight13 {
        margin-right: 3.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom13 {
        margin-bottom: 3.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft13 {
        margin-left: 3.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin14 {
        margin: 3.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop14 {
        margin-top: 3.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight14 {
        margin-right: 3.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom14 {
        margin-bottom: 3.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft14 {
        margin-left: 3.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin15 {
        margin: 3.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop15 {
        margin-top: 3.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight15 {
        margin-right: 3.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom15 {
        margin-bottom: 3.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft15 {
        margin-left: 3.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin16 {
        margin: 4rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop16 {
        margin-top: 4rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight16 {
        margin-right: 4rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom16 {
        margin-bottom: 4rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft16 {
        margin-left: 4rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin17 {
        margin: 4.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop17 {
        margin-top: 4.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight17 {
        margin-right: 4.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom17 {
        margin-bottom: 4.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft17 {
        margin-left: 4.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin18 {
        margin: 4.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop18 {
        margin-top: 4.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight18 {
        margin-right: 4.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom18 {
        margin-bottom: 4.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft18 {
        margin-left: 4.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin19 {
        margin: 4.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop19 {
        margin-top: 4.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight19 {
        margin-right: 4.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom19 {
        margin-bottom: 4.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft19 {
        margin-left: 4.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin20 {
        margin: 5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop20 {
        margin-top: 5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight20 {
        margin-right: 5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom20 {
        margin-bottom: 5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft20 {
        margin-left: 5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin21 {
        margin: 5.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop21 {
        margin-top: 5.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight21 {
        margin-right: 5.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom21 {
        margin-bottom: 5.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft21 {
        margin-left: 5.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin22 {
        margin: 5.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop22 {
        margin-top: 5.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight22 {
        margin-right: 5.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom22 {
        margin-bottom: 5.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft22 {
        margin-left: 5.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin23 {
        margin: 5.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop23 {
        margin-top: 5.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight23 {
        margin-right: 5.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom23 {
        margin-bottom: 5.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft23 {
        margin-left: 5.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin24 {
        margin: 6rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop24 {
        margin-top: 6rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight24 {
        margin-right: 6rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom24 {
        margin-bottom: 6rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft24 {
        margin-left: 6rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin25 {
        margin: 6.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop25 {
        margin-top: 6.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight25 {
        margin-right: 6.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom25 {
        margin-bottom: 6.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft25 {
        margin-left: 6.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin26 {
        margin: 6.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop26 {
        margin-top: 6.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight26 {
        margin-right: 6.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom26 {
        margin-bottom: 6.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft26 {
        margin-left: 6.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin27 {
        margin: 6.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop27 {
        margin-top: 6.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight27 {
        margin-right: 6.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom27 {
        margin-bottom: 6.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft27 {
        margin-left: 6.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin28 {
        margin: 7rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop28 {
        margin-top: 7rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight28 {
        margin-right: 7rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom28 {
        margin-bottom: 7rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft28 {
        margin-left: 7rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin29 {
        margin: 7.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop29 {
        margin-top: 7.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight29 {
        margin-right: 7.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom29 {
        margin-bottom: 7.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft29 {
        margin-left: 7.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-margin30 {
        margin: 7.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginTop30 {
        margin-top: 7.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginRight30 {
        margin-right: 7.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginBottom30 {
        margin-bottom: 7.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-marginLeft30 {
        margin-left: 7.5rem;
      }
  }
  
  /** margin md viewport **/
  
  @media (min-width:661px) and (max-width:1024px) {
  
      /* postcss-bem-linter: ignore */
      .u-md-margin0 {
        margin: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop0 {
        margin-top: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight0 {
        margin-right: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom0 {
        margin-bottom: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft0 {
        margin-left: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin1 {
        margin: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop1 {
        margin-top: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight1 {
        margin-right: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom1 {
        margin-bottom: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft1 {
        margin-left: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin2 {
        margin: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop2 {
        margin-top: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight2 {
        margin-right: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom2 {
        margin-bottom: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft2 {
        margin-left: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin3 {
        margin: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop3 {
        margin-top: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight3 {
        margin-right: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom3 {
        margin-bottom: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft3 {
        margin-left: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin4 {
        margin: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop4 {
        margin-top: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight4 {
        margin-right: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom4 {
        margin-bottom: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft4 {
        margin-left: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin5 {
        margin: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop5 {
        margin-top: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight5 {
        margin-right: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom5 {
        margin-bottom: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft5 {
        margin-left: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin6 {
        margin: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop6 {
        margin-top: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight6 {
        margin-right: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom6 {
        margin-bottom: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft6 {
        margin-left: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin7 {
        margin: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop7 {
        margin-top: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight7 {
        margin-right: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom7 {
        margin-bottom: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft7 {
        margin-left: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin8 {
        margin: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop8 {
        margin-top: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight8 {
        margin-right: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom8 {
        margin-bottom: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft8 {
        margin-left: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin9 {
        margin: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop9 {
        margin-top: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight9 {
        margin-right: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom9 {
        margin-bottom: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft9 {
        margin-left: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin10 {
        margin: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop10 {
        margin-top: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight10 {
        margin-right: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom10 {
        margin-bottom: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft10 {
        margin-left: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin11 {
        margin: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop11 {
        margin-top: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight11 {
        margin-right: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom11 {
        margin-bottom: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft11 {
        margin-left: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin12 {
        margin: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop12 {
        margin-top: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight12 {
        margin-right: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom12 {
        margin-bottom: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft12 {
        margin-left: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin13 {
        margin: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop13 {
        margin-top: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight13 {
        margin-right: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom13 {
        margin-bottom: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft13 {
        margin-left: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin14 {
        margin: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop14 {
        margin-top: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight14 {
        margin-right: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom14 {
        margin-bottom: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft14 {
        margin-left: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin15 {
        margin: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop15 {
        margin-top: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight15 {
        margin-right: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom15 {
        margin-bottom: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft15 {
        margin-left: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin16 {
        margin: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop16 {
        margin-top: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight16 {
        margin-right: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom16 {
        margin-bottom: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft16 {
        margin-left: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin17 {
        margin: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop17 {
        margin-top: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight17 {
        margin-right: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom17 {
        margin-bottom: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft17 {
        margin-left: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin18 {
        margin: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop18 {
        margin-top: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight18 {
        margin-right: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom18 {
        margin-bottom: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft18 {
        margin-left: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin19 {
        margin: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop19 {
        margin-top: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight19 {
        margin-right: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom19 {
        margin-bottom: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft19 {
        margin-left: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin20 {
        margin: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop20 {
        margin-top: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight20 {
        margin-right: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom20 {
        margin-bottom: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft20 {
        margin-left: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin21 {
        margin: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop21 {
        margin-top: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight21 {
        margin-right: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom21 {
        margin-bottom: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft21 {
        margin-left: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin22 {
        margin: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop22 {
        margin-top: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight22 {
        margin-right: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom22 {
        margin-bottom: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft22 {
        margin-left: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin23 {
        margin: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop23 {
        margin-top: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight23 {
        margin-right: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom23 {
        margin-bottom: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft23 {
        margin-left: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin24 {
        margin: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop24 {
        margin-top: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight24 {
        margin-right: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom24 {
        margin-bottom: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft24 {
        margin-left: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin25 {
        margin: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop25 {
        margin-top: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight25 {
        margin-right: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom25 {
        margin-bottom: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft25 {
        margin-left: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin26 {
        margin: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop26 {
        margin-top: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight26 {
        margin-right: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom26 {
        margin-bottom: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft26 {
        margin-left: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin27 {
        margin: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop27 {
        margin-top: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight27 {
        margin-right: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom27 {
        margin-bottom: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft27 {
        margin-left: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin28 {
        margin: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop28 {
        margin-top: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight28 {
        margin-right: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom28 {
        margin-bottom: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft28 {
        margin-left: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin29 {
        margin: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop29 {
        margin-top: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight29 {
        margin-right: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom29 {
        margin-bottom: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft29 {
        margin-left: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-margin30 {
        margin: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginTop30 {
        margin-top: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginRight30 {
        margin-right: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginBottom30 {
        margin-bottom: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-marginLeft30 {
        margin-left: 120px;
      }
  }
  
  /** margin sm viewport **/
  
  @media (min-width:0) and (max-width:660px) {
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin0 {
        margin: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop0 {
        margin-top: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight0 {
        margin-right: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom0 {
        margin-bottom: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft0 {
        margin-left: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin1 {
        margin: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop1 {
        margin-top: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight1 {
        margin-right: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom1 {
        margin-bottom: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft1 {
        margin-left: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin2 {
        margin: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop2 {
        margin-top: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight2 {
        margin-right: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom2 {
        margin-bottom: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft2 {
        margin-left: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin3 {
        margin: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop3 {
        margin-top: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight3 {
        margin-right: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom3 {
        margin-bottom: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft3 {
        margin-left: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin4 {
        margin: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop4 {
        margin-top: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight4 {
        margin-right: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom4 {
        margin-bottom: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft4 {
        margin-left: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin5 {
        margin: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop5 {
        margin-top: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight5 {
        margin-right: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom5 {
        margin-bottom: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft5 {
        margin-left: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin6 {
        margin: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop6 {
        margin-top: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight6 {
        margin-right: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom6 {
        margin-bottom: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft6 {
        margin-left: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin7 {
        margin: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop7 {
        margin-top: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight7 {
        margin-right: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom7 {
        margin-bottom: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft7 {
        margin-left: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin8 {
        margin: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop8 {
        margin-top: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight8 {
        margin-right: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom8 {
        margin-bottom: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft8 {
        margin-left: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin9 {
        margin: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop9 {
        margin-top: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight9 {
        margin-right: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom9 {
        margin-bottom: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft9 {
        margin-left: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin10 {
        margin: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop10 {
        margin-top: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight10 {
        margin-right: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom10 {
        margin-bottom: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft10 {
        margin-left: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin11 {
        margin: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop11 {
        margin-top: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight11 {
        margin-right: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom11 {
        margin-bottom: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft11 {
        margin-left: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin12 {
        margin: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop12 {
        margin-top: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight12 {
        margin-right: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom12 {
        margin-bottom: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft12 {
        margin-left: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin13 {
        margin: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop13 {
        margin-top: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight13 {
        margin-right: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom13 {
        margin-bottom: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft13 {
        margin-left: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin14 {
        margin: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop14 {
        margin-top: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight14 {
        margin-right: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom14 {
        margin-bottom: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft14 {
        margin-left: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin15 {
        margin: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop15 {
        margin-top: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight15 {
        margin-right: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom15 {
        margin-bottom: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft15 {
        margin-left: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin16 {
        margin: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop16 {
        margin-top: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight16 {
        margin-right: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom16 {
        margin-bottom: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft16 {
        margin-left: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin17 {
        margin: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop17 {
        margin-top: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight17 {
        margin-right: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom17 {
        margin-bottom: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft17 {
        margin-left: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin18 {
        margin: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop18 {
        margin-top: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight18 {
        margin-right: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom18 {
        margin-bottom: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft18 {
        margin-left: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin19 {
        margin: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop19 {
        margin-top: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight19 {
        margin-right: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom19 {
        margin-bottom: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft19 {
        margin-left: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin20 {
        margin: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop20 {
        margin-top: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight20 {
        margin-right: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom20 {
        margin-bottom: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft20 {
        margin-left: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin21 {
        margin: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop21 {
        margin-top: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight21 {
        margin-right: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom21 {
        margin-bottom: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft21 {
        margin-left: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin22 {
        margin: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop22 {
        margin-top: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight22 {
        margin-right: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom22 {
        margin-bottom: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft22 {
        margin-left: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin23 {
        margin: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop23 {
        margin-top: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight23 {
        margin-right: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom23 {
        margin-bottom: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft23 {
        margin-left: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin24 {
        margin: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop24 {
        margin-top: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight24 {
        margin-right: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom24 {
        margin-bottom: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft24 {
        margin-left: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin25 {
        margin: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop25 {
        margin-top: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight25 {
        margin-right: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom25 {
        margin-bottom: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft25 {
        margin-left: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin26 {
        margin: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop26 {
        margin-top: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight26 {
        margin-right: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom26 {
        margin-bottom: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft26 {
        margin-left: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin27 {
        margin: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop27 {
        margin-top: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight27 {
        margin-right: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom27 {
        margin-bottom: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft27 {
        margin-left: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin28 {
        margin: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop28 {
        margin-top: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight28 {
        margin-right: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom28 {
        margin-bottom: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft28 {
        margin-left: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin29 {
        margin: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop29 {
        margin-top: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight29 {
        margin-right: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom29 {
        margin-bottom: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft29 {
        margin-left: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-margin30 {
        margin: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginTop30 {
        margin-top: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginRight30 {
        margin-right: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginBottom30 {
        margin-bottom: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-marginLeft30 {
        margin-left: 120px;
      }
  }
  
  .u-marginTopAuto {
    margin-top: auto;
  }
  
  .u-marginLeftAuto {
    margin-left: auto;
  }
  
  .u-marginAuto {
    margin: 0 auto;
  }
  
  .u-marginBottom02em {
    margin-bottom: 0.2em;
  }
  
  .u-marginBottom03em {
    margin-bottom: 0.3em;
  }
  
  .u-marginBottom04em {
    margin-bottom: 0.4em;
  }
  
  .u-marginBottom1dot5em {
    margin-bottom: 1.5em;
  }
  
  .u-marginLeft075em {
    margin-left: 0.75em;
  }
  
  .u-marginRight075em {
    margin-right: 0.75em;
  }
  
  .u-margin-top03em {
    margin-top: 0.3em;
  }
  
  @media (min-width:1025px) {
  
    .u-lg-marginBottom-29 {
      margin-bottom: -7.25rem;
    }
  
    .u-lg-marginBottom-8 {
      margin-bottom: -2rem;
    }
  
    .u-lg-marginRight075em {
      margin-right: 0.75em;
    }
  
    .u-lg-marginRight1em {
      margin-right: 1em;
    }
  
    .u-lg-marginLeft075em {
      margin-left: 0.75em;
    }
  
    .u-lg-marginBottom03em {
      margin-bottom: 0.3em;
    }
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
    .u-md-marginAuto {
      margin-left: auto;
      margin-right: auto;
    }
  
    .u-md-marginBottom-22 {
      margin-bottom: -88px;
    }
  
    .u-md-marginBottom-8 {
      margin-bottom: -32px;
    }
  }
  
  @media (min-width:0) and (max-width:660px) {
  
    .u-sm-marginAuto {
      margin-left: auto;
      margin-right: auto;
    }
  
    .u-sm-marginBottom-12 {
      margin-bottom: -48px;
    }
  
    .u-sm-marginBottom-8 {
      margin-bottom: -32px;
    }
  }
  
  /** @define utilities */
  
  /* Utility for max-height */
  
  .u-maxHeight100 {
    max-height: 100px;
  }
  
  @media (min-width:1025px) {
  
    .u-lg-maxHeight52 {
      max-height: 52px;
    }
  
    .u-lg-maxHeight72 {
      max-height: 72px;
    }
  
    .u-lg-maxHeight55vh {
      max-height: 55vh;
    }
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
    .u-md-maxHeight45 {
      max-height: 45px;
    }
  
    .u-md-maxHeight52 {
      max-height: 52px;
    }
  
    .u-md-maxHeight75vh {
      max-height: 75vh;
    }
  
    .u-md-maxHeight750 {
      max-height: 750px;
    }
  
  }
  
  @media (min-width:0) and (max-width:660px) {
  
    .u-sm-maxHeight40 {
      max-height: 40px;
    }
  
    .u-sm-maxHeight1100 {
      max-height: 1100px;
    }
  
    .u-sm-maxHeight65vh {
      max-height: 65vh;
    }
  }
  
  /** @define utilities */
  
  /* Utility for max-width */
  
  .u-maxWidth30 {
    max-width: 30px !important;
  }
  
  .u-maxWidth100 {
    max-width: 100px !important;
  }
  
  .u-maxWidth120 {
    max-width: 120px !important;
  }
  
  .u-maxWidth160 {
    max-width: 160px !important;
  }
  
  .u-maxWidth170 {
    max-width: 170px !important;
  }
  
  .u-maxWidth190 {
    max-width: 190px !important;
  }
  
  .u-maxWidth420Liquid {
    max-width: 26.25rem !important;
  }
  
  .u-maxWidth550Liquid {
    max-width: 34.375rem !important;
  }
  
  .u-maxWidth420 {
    max-width: 420px !important;
  }
  
  .u-maxWidth550 {
    max-width: 550px !important;
  }
  
  .u-maxWidth700 {
    max-width: 700px !important;
  }
  
  .u-maxWidth100Pct {
    max-width: 100% !important;
  }
  
  .u-maxWidth90Pct {
    max-width: 90% !important;
  }
  
  .u-maxWidth50Pct {
    max-width: 50% !important;
  }
  
  .u-maxWidth40Pct {
    max-width: 40% !important;
  }
  
  .u-maxWidth30Pct {
    max-width: 30% !important;
  }
  
  @media (min-width:1025px) {
  
    .u-lg-maxWidth95Pct {
      max-width: 95% !important;
    }
  
    .u-lg-maxWidth65Pct {
      max-width: 65% !important;
    }
  
    .u-lg-maxWidth50Pct {
      max-width: 50% !important;
    }
  
    .u-lg-maxWidth35Pct {
      max-width: 35% !important;
    }
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
    .u-md-maxWidth52 {
      max-width: 52px !important;
    }
  
    .u-md-maxWidth50Pct {
      max-width: 50% !important;
    }
  
    .u-md-maxWidth40Pct {
      max-width: 40% !important;
    }
  
    .u-md-maxWidth20Pct {
      max-width: 20% !important;
    }
  
    .u-md-maxWidth70Pct {
      max-width: 70% !important;
    }
  
    .u-md-maxWidth90Pct {
      max-width: 90% !important;
    }
  }
  
  @media (min-width:0) and (max-width:660px) {
  
    .u-sm-maxWidth40 {
      max-width: 40px !important;
    }
  
    .u-sm-maxWidth142 {
      max-width: 142px !important;
    }
  
    .u-sm-maxWidth60Pct {
      max-width: 60% !important;
    }
  
    .u-sm-maxWidth80Pct {
      max-width: 80% !important;
    }
  
    .u-sm-maxWidth100Pct {
      max-width: 100% !important;
    }
  }
  
  /** @define utilities */
  
  /* Utility to overwrite line Height */
  
  .u-minHeight6 {
    min-height: 24px;
  }
  
  .u-minHeight10 {
    min-height: 40px;
  }
  
  .u-minHeight20 {
    min-height: 80px;
  }
  
  .u-minHeight33 {
    min-height: 132px;
  }
  
  .u-minHeight34 {
    min-height: 136px;
  }
  
  @media (min-width:1025px) {
  
    .u-lg-minHeight100Perc {
      min-height: 100%;
    }
  
    .u-lg-minheight95Vh {
      min-height: 95vh;
    }
  
    .u-lg-minHeight800 {
      min-height: 800px;
    }
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
    .u-md-minHeight23 {
      min-height: 92px;
    }
  
    .u-md-minHeight25 {
      min-height: 100px;
    }
  
    .u-md-minHeight100Perc {
      min-height: 100%;
    }
  }
  
  @media (min-width:0) and (max-width:660px) {
  
    .u-sm-minHeight20 {
      min-height: 80px;
    }
  
    .u-sm-minHeight40 {
      min-height: 160px;
    }
  
    .u-sm-minHeight100Perc {
      min-height: 100%;
    }
  }
  
  .u-minHeightAuto {
    min-height: auto;
  }
  
  /** @define utilities */
  
  /* Utility for max-width */
  
  .u-minwidth100 {
    min-width: 100px;
  }
  
  /** @define utilities */
  
  /**
   * object-fit utility classes
   */
  
  .u-objectFitContain {
    object-fit: contain;
  }
  
  .u-objectFitCover {
    object-fit: cover;
  }
  
  /* to use with https://github.com/TricomB2B/object-fit-videos */
  
  /* same as object fit but with different selector */
  
  .u-objectFitCoverVideo {
    object-fit: cover;
  }
  
  /* ie edge only gets the following rule */
  
  @supports (object-fit: cover) and (-ms-ime-align: auto) {
  
    .u-objectFitCoverVideo {
      max-width: none !important;
      width: auto !important;
    }
  }
  
  /** @define utilities */
  
  /**
   * order utility classes
   */
  
  @media (min-width:1025px) {
  
    .u-lg-flexOrder4 {
      order: 4 !important;
    }
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
    .u-md-flexOrder1 {
      order: 1 !important;
    }
  
    .u-md-flexOrder2 {
      order: 2 !important;
    }
  
    .u-md-flexOrder3 {
      order: 3 !important;
    }
  
    .u-md-flexOrder4 {
      order: 4 !important;
    }
  
    .u-md-flexOrder5 {
      order: 5 !important;
    }
  }
  
  @media (min-width:0) and (max-width:660px) {
  
    .u-sm-flexOrder1 {
      order: 1 !important;
    }
  
    .u-sm-flexOrder2 {
      order: 2 !important;
    }
  
    .u-sm-flexOrder3 {
      order: 3 !important;
    }
  
    .u-sm-flexOrder4 {
      order: 4 !important;
    }
  
    .u-sm-flexOrder5 {
      order: 5 !important;
    }
  }
  
  /** @define utilities */
  
  /**
   * overflow utility classes
   */
  
  .u-overflowXHidden {
    overflow-x: hidden;
  }
  
  .u-overflowYHidden {
    overflow-Y: hidden;
  }
  
  .u-overflowHidden {
    overflow: hidden;
  }
  
  .u-overflowAuto {
    overflow: auto;
  }
  
  @media (min-width:0) and (max-width:660px) {
  
    .u-sm-overflowXHidden {
      overflow-x: hidden;
    }
  }
  
  /** @define utilities */
  
  /* postcss-bem-linter: ignore */
  
  .u-padding1 {
      padding: 4px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop1 {
      padding-top: 4px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight1 {
      padding-right: 4px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom1 {
      padding-bottom: 4px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft1 {
      padding-left: 4px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding2 {
      padding: 8px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop2 {
      padding-top: 8px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight2 {
      padding-right: 8px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom2 {
      padding-bottom: 8px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft2 {
      padding-left: 8px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding3 {
      padding: 12px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop3 {
      padding-top: 12px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight3 {
      padding-right: 12px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom3 {
      padding-bottom: 12px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft3 {
      padding-left: 12px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding4 {
      padding: 16px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop4 {
      padding-top: 16px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight4 {
      padding-right: 16px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom4 {
      padding-bottom: 16px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft4 {
      padding-left: 16px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding5 {
      padding: 20px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop5 {
      padding-top: 20px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight5 {
      padding-right: 20px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom5 {
      padding-bottom: 20px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft5 {
      padding-left: 20px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding6 {
      padding: 24px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop6 {
      padding-top: 24px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight6 {
      padding-right: 24px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom6 {
      padding-bottom: 24px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft6 {
      padding-left: 24px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding7 {
      padding: 28px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop7 {
      padding-top: 28px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight7 {
      padding-right: 28px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom7 {
      padding-bottom: 28px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft7 {
      padding-left: 28px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding8 {
      padding: 32px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop8 {
      padding-top: 32px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight8 {
      padding-right: 32px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom8 {
      padding-bottom: 32px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft8 {
      padding-left: 32px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding9 {
      padding: 36px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop9 {
      padding-top: 36px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight9 {
      padding-right: 36px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom9 {
      padding-bottom: 36px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft9 {
      padding-left: 36px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding10 {
      padding: 40px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop10 {
      padding-top: 40px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight10 {
      padding-right: 40px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom10 {
      padding-bottom: 40px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft10 {
      padding-left: 40px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding11 {
      padding: 44px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop11 {
      padding-top: 44px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight11 {
      padding-right: 44px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom11 {
      padding-bottom: 44px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft11 {
      padding-left: 44px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding12 {
      padding: 48px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop12 {
      padding-top: 48px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight12 {
      padding-right: 48px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom12 {
      padding-bottom: 48px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft12 {
      padding-left: 48px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding13 {
      padding: 52px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop13 {
      padding-top: 52px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight13 {
      padding-right: 52px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom13 {
      padding-bottom: 52px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft13 {
      padding-left: 52px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding14 {
      padding: 56px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop14 {
      padding-top: 56px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight14 {
      padding-right: 56px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom14 {
      padding-bottom: 56px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft14 {
      padding-left: 56px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding15 {
      padding: 60px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop15 {
      padding-top: 60px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight15 {
      padding-right: 60px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom15 {
      padding-bottom: 60px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft15 {
      padding-left: 60px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding16 {
      padding: 64px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop16 {
      padding-top: 64px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight16 {
      padding-right: 64px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom16 {
      padding-bottom: 64px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft16 {
      padding-left: 64px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding17 {
      padding: 68px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop17 {
      padding-top: 68px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight17 {
      padding-right: 68px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom17 {
      padding-bottom: 68px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft17 {
      padding-left: 68px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding18 {
      padding: 72px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop18 {
      padding-top: 72px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight18 {
      padding-right: 72px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom18 {
      padding-bottom: 72px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft18 {
      padding-left: 72px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding19 {
      padding: 76px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop19 {
      padding-top: 76px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight19 {
      padding-right: 76px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom19 {
      padding-bottom: 76px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft19 {
      padding-left: 76px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding20 {
      padding: 80px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop20 {
      padding-top: 80px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight20 {
      padding-right: 80px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom20 {
      padding-bottom: 80px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft20 {
      padding-left: 80px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding21 {
      padding: 84px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop21 {
      padding-top: 84px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight21 {
      padding-right: 84px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom21 {
      padding-bottom: 84px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft21 {
      padding-left: 84px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding22 {
      padding: 88px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop22 {
      padding-top: 88px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight22 {
      padding-right: 88px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom22 {
      padding-bottom: 88px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft22 {
      padding-left: 88px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding23 {
      padding: 92px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop23 {
      padding-top: 92px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight23 {
      padding-right: 92px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom23 {
      padding-bottom: 92px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft23 {
      padding-left: 92px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding24 {
      padding: 96px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop24 {
      padding-top: 96px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight24 {
      padding-right: 96px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom24 {
      padding-bottom: 96px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft24 {
      padding-left: 96px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding25 {
      padding: 100px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop25 {
      padding-top: 100px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight25 {
      padding-right: 100px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom25 {
      padding-bottom: 100px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft25 {
      padding-left: 100px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding26 {
      padding: 104px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop26 {
      padding-top: 104px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight26 {
      padding-right: 104px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom26 {
      padding-bottom: 104px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft26 {
      padding-left: 104px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding27 {
      padding: 108px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop27 {
      padding-top: 108px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight27 {
      padding-right: 108px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom27 {
      padding-bottom: 108px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft27 {
      padding-left: 108px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding28 {
      padding: 112px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop28 {
      padding-top: 112px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight28 {
      padding-right: 112px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom28 {
      padding-bottom: 112px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft28 {
      padding-left: 112px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding29 {
      padding: 116px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop29 {
      padding-top: 116px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight29 {
      padding-right: 116px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom29 {
      padding-bottom: 116px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft29 {
      padding-left: 116px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding30 {
      padding: 120px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop30 {
      padding-top: 120px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight30 {
      padding-right: 120px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom30 {
      padding-bottom: 120px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft30 {
      padding-left: 120px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding31 {
      padding: 124px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop31 {
      padding-top: 124px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight31 {
      padding-right: 124px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom31 {
      padding-bottom: 124px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft31 {
      padding-left: 124px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding32 {
      padding: 128px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop32 {
      padding-top: 128px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight32 {
      padding-right: 128px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom32 {
      padding-bottom: 128px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft32 {
      padding-left: 128px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding33 {
      padding: 132px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop33 {
      padding-top: 132px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight33 {
      padding-right: 132px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom33 {
      padding-bottom: 132px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft33 {
      padding-left: 132px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-padding34 {
      padding: 136px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingTop34 {
      padding-top: 136px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingRight34 {
      padding-right: 136px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingBottom34 {
      padding-bottom: 136px;
    }
  
  /* postcss-bem-linter: ignore */
  
  .u-paddingLeft34 {
      padding-left: 136px;
    }
  
  /** padding lg viewport **/
  
  @media (min-width:1025px) {
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding0 {
        padding: 0rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop0 {
        padding-top: 0rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight0 {
        padding-right: 0rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom0 {
        padding-bottom: 0rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft0 {
        padding-left: 0rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding1 {
        padding: 0.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop1 {
        padding-top: 0.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight1 {
        padding-right: 0.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom1 {
        padding-bottom: 0.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft1 {
        padding-left: 0.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding2 {
        padding: 0.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop2 {
        padding-top: 0.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight2 {
        padding-right: 0.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom2 {
        padding-bottom: 0.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft2 {
        padding-left: 0.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding3 {
        padding: 0.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop3 {
        padding-top: 0.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight3 {
        padding-right: 0.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom3 {
        padding-bottom: 0.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft3 {
        padding-left: 0.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding4 {
        padding: 1rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop4 {
        padding-top: 1rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight4 {
        padding-right: 1rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom4 {
        padding-bottom: 1rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft4 {
        padding-left: 1rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding5 {
        padding: 1.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop5 {
        padding-top: 1.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight5 {
        padding-right: 1.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom5 {
        padding-bottom: 1.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft5 {
        padding-left: 1.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding6 {
        padding: 1.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop6 {
        padding-top: 1.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight6 {
        padding-right: 1.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom6 {
        padding-bottom: 1.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft6 {
        padding-left: 1.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding7 {
        padding: 1.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop7 {
        padding-top: 1.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight7 {
        padding-right: 1.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom7 {
        padding-bottom: 1.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft7 {
        padding-left: 1.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding8 {
        padding: 2rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop8 {
        padding-top: 2rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight8 {
        padding-right: 2rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom8 {
        padding-bottom: 2rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft8 {
        padding-left: 2rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding9 {
        padding: 2.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop9 {
        padding-top: 2.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight9 {
        padding-right: 2.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom9 {
        padding-bottom: 2.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft9 {
        padding-left: 2.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding10 {
        padding: 2.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop10 {
        padding-top: 2.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight10 {
        padding-right: 2.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom10 {
        padding-bottom: 2.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft10 {
        padding-left: 2.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding11 {
        padding: 2.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop11 {
        padding-top: 2.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight11 {
        padding-right: 2.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom11 {
        padding-bottom: 2.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft11 {
        padding-left: 2.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding12 {
        padding: 3rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop12 {
        padding-top: 3rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight12 {
        padding-right: 3rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom12 {
        padding-bottom: 3rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft12 {
        padding-left: 3rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding13 {
        padding: 3.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop13 {
        padding-top: 3.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight13 {
        padding-right: 3.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom13 {
        padding-bottom: 3.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft13 {
        padding-left: 3.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding14 {
        padding: 3.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop14 {
        padding-top: 3.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight14 {
        padding-right: 3.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom14 {
        padding-bottom: 3.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft14 {
        padding-left: 3.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding15 {
        padding: 3.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop15 {
        padding-top: 3.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight15 {
        padding-right: 3.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom15 {
        padding-bottom: 3.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft15 {
        padding-left: 3.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding16 {
        padding: 4rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop16 {
        padding-top: 4rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight16 {
        padding-right: 4rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom16 {
        padding-bottom: 4rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft16 {
        padding-left: 4rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding17 {
        padding: 4.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop17 {
        padding-top: 4.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight17 {
        padding-right: 4.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom17 {
        padding-bottom: 4.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft17 {
        padding-left: 4.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding18 {
        padding: 4.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop18 {
        padding-top: 4.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight18 {
        padding-right: 4.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom18 {
        padding-bottom: 4.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft18 {
        padding-left: 4.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding19 {
        padding: 4.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop19 {
        padding-top: 4.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight19 {
        padding-right: 4.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom19 {
        padding-bottom: 4.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft19 {
        padding-left: 4.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding20 {
        padding: 5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop20 {
        padding-top: 5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight20 {
        padding-right: 5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom20 {
        padding-bottom: 5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft20 {
        padding-left: 5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding21 {
        padding: 5.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop21 {
        padding-top: 5.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight21 {
        padding-right: 5.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom21 {
        padding-bottom: 5.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft21 {
        padding-left: 5.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding22 {
        padding: 5.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop22 {
        padding-top: 5.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight22 {
        padding-right: 5.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom22 {
        padding-bottom: 5.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft22 {
        padding-left: 5.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding23 {
        padding: 5.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop23 {
        padding-top: 5.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight23 {
        padding-right: 5.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom23 {
        padding-bottom: 5.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft23 {
        padding-left: 5.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding24 {
        padding: 6rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop24 {
        padding-top: 6rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight24 {
        padding-right: 6rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom24 {
        padding-bottom: 6rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft24 {
        padding-left: 6rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding25 {
        padding: 6.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop25 {
        padding-top: 6.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight25 {
        padding-right: 6.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom25 {
        padding-bottom: 6.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft25 {
        padding-left: 6.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding26 {
        padding: 6.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop26 {
        padding-top: 6.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight26 {
        padding-right: 6.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom26 {
        padding-bottom: 6.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft26 {
        padding-left: 6.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding27 {
        padding: 6.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop27 {
        padding-top: 6.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight27 {
        padding-right: 6.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom27 {
        padding-bottom: 6.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft27 {
        padding-left: 6.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding28 {
        padding: 7rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop28 {
        padding-top: 7rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight28 {
        padding-right: 7rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom28 {
        padding-bottom: 7rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft28 {
        padding-left: 7rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding29 {
        padding: 7.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop29 {
        padding-top: 7.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight29 {
        padding-right: 7.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom29 {
        padding-bottom: 7.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft29 {
        padding-left: 7.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding30 {
        padding: 7.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop30 {
        padding-top: 7.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight30 {
        padding-right: 7.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom30 {
        padding-bottom: 7.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft30 {
        padding-left: 7.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding31 {
        padding: 7.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop31 {
        padding-top: 7.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight31 {
        padding-right: 7.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom31 {
        padding-bottom: 7.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft31 {
        padding-left: 7.75rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding32 {
        padding: 8rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop32 {
        padding-top: 8rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight32 {
        padding-right: 8rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom32 {
        padding-bottom: 8rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft32 {
        padding-left: 8rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding33 {
        padding: 8.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop33 {
        padding-top: 8.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight33 {
        padding-right: 8.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom33 {
        padding-bottom: 8.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft33 {
        padding-left: 8.25rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-padding34 {
        padding: 8.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingTop34 {
        padding-top: 8.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingRight34 {
        padding-right: 8.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingBottom34 {
        padding-bottom: 8.5rem;
      }
  
      /* postcss-bem-linter: ignore */
      .u-lg-paddingLeft34 {
        padding-left: 8.5rem;
      }
  
    .u-lg-paddingTop55 {
      padding-top: 13.75rem;
    }
  
    .u-lg-paddingTop88 {
      padding-top: 22rem;
    }
  }
  
  /** padding md viewport **/
  
  @media (min-width:661px) and (max-width:1024px) {
  
      /* postcss-bem-linter: ignore */
      .u-md-padding0 {
        padding: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop0 {
        padding-top: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight0 {
        padding-right: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom0 {
        padding-bottom: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft0 {
        padding-left: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding1 {
        padding: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop1 {
        padding-top: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight1 {
        padding-right: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom1 {
        padding-bottom: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft1 {
        padding-left: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding2 {
        padding: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop2 {
        padding-top: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight2 {
        padding-right: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom2 {
        padding-bottom: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft2 {
        padding-left: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding3 {
        padding: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop3 {
        padding-top: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight3 {
        padding-right: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom3 {
        padding-bottom: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft3 {
        padding-left: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding4 {
        padding: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop4 {
        padding-top: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight4 {
        padding-right: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom4 {
        padding-bottom: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft4 {
        padding-left: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding5 {
        padding: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop5 {
        padding-top: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight5 {
        padding-right: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom5 {
        padding-bottom: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft5 {
        padding-left: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding6 {
        padding: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop6 {
        padding-top: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight6 {
        padding-right: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom6 {
        padding-bottom: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft6 {
        padding-left: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding7 {
        padding: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop7 {
        padding-top: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight7 {
        padding-right: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom7 {
        padding-bottom: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft7 {
        padding-left: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding8 {
        padding: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop8 {
        padding-top: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight8 {
        padding-right: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom8 {
        padding-bottom: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft8 {
        padding-left: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding9 {
        padding: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop9 {
        padding-top: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight9 {
        padding-right: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom9 {
        padding-bottom: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft9 {
        padding-left: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding10 {
        padding: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop10 {
        padding-top: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight10 {
        padding-right: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom10 {
        padding-bottom: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft10 {
        padding-left: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding11 {
        padding: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop11 {
        padding-top: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight11 {
        padding-right: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom11 {
        padding-bottom: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft11 {
        padding-left: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding12 {
        padding: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop12 {
        padding-top: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight12 {
        padding-right: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom12 {
        padding-bottom: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft12 {
        padding-left: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding13 {
        padding: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop13 {
        padding-top: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight13 {
        padding-right: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom13 {
        padding-bottom: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft13 {
        padding-left: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding14 {
        padding: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop14 {
        padding-top: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight14 {
        padding-right: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom14 {
        padding-bottom: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft14 {
        padding-left: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding15 {
        padding: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop15 {
        padding-top: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight15 {
        padding-right: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom15 {
        padding-bottom: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft15 {
        padding-left: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding16 {
        padding: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop16 {
        padding-top: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight16 {
        padding-right: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom16 {
        padding-bottom: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft16 {
        padding-left: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding17 {
        padding: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop17 {
        padding-top: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight17 {
        padding-right: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom17 {
        padding-bottom: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft17 {
        padding-left: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding18 {
        padding: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop18 {
        padding-top: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight18 {
        padding-right: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom18 {
        padding-bottom: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft18 {
        padding-left: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding19 {
        padding: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop19 {
        padding-top: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight19 {
        padding-right: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom19 {
        padding-bottom: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft19 {
        padding-left: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding20 {
        padding: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop20 {
        padding-top: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight20 {
        padding-right: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom20 {
        padding-bottom: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft20 {
        padding-left: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding21 {
        padding: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop21 {
        padding-top: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight21 {
        padding-right: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom21 {
        padding-bottom: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft21 {
        padding-left: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding22 {
        padding: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop22 {
        padding-top: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight22 {
        padding-right: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom22 {
        padding-bottom: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft22 {
        padding-left: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding23 {
        padding: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop23 {
        padding-top: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight23 {
        padding-right: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom23 {
        padding-bottom: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft23 {
        padding-left: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding24 {
        padding: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop24 {
        padding-top: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight24 {
        padding-right: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom24 {
        padding-bottom: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft24 {
        padding-left: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding25 {
        padding: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop25 {
        padding-top: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight25 {
        padding-right: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom25 {
        padding-bottom: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft25 {
        padding-left: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding26 {
        padding: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop26 {
        padding-top: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight26 {
        padding-right: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom26 {
        padding-bottom: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft26 {
        padding-left: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding27 {
        padding: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop27 {
        padding-top: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight27 {
        padding-right: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom27 {
        padding-bottom: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft27 {
        padding-left: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding28 {
        padding: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop28 {
        padding-top: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight28 {
        padding-right: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom28 {
        padding-bottom: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft28 {
        padding-left: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding29 {
        padding: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop29 {
        padding-top: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight29 {
        padding-right: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom29 {
        padding-bottom: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft29 {
        padding-left: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding30 {
        padding: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop30 {
        padding-top: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight30 {
        padding-right: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom30 {
        padding-bottom: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft30 {
        padding-left: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding31 {
        padding: 124px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop31 {
        padding-top: 124px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight31 {
        padding-right: 124px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom31 {
        padding-bottom: 124px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft31 {
        padding-left: 124px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding32 {
        padding: 128px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop32 {
        padding-top: 128px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight32 {
        padding-right: 128px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom32 {
        padding-bottom: 128px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft32 {
        padding-left: 128px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding33 {
        padding: 132px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop33 {
        padding-top: 132px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight33 {
        padding-right: 132px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom33 {
        padding-bottom: 132px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft33 {
        padding-left: 132px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-padding34 {
        padding: 136px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingTop34 {
        padding-top: 136px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingRight34 {
        padding-right: 136px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingBottom34 {
        padding-bottom: 136px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-md-paddingLeft34 {
        padding-left: 136px;
      }
  
    .u-md-paddingTop65 {
      padding-top: 260px;
    }
  
    .u-md-paddingTop113 {
      padding-top: 452px;
    }
  
    .u-md-paddingBottom25Rem {
      padding-bottom: 25rem;
    }
  }
  
  /** padding sm viewport **/
  
  @media (min-width:0) and (max-width:660px) {
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding0 {
        padding: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop0 {
        padding-top: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight0 {
        padding-right: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom0 {
        padding-bottom: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft0 {
        padding-left: 0px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding1 {
        padding: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop1 {
        padding-top: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight1 {
        padding-right: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom1 {
        padding-bottom: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft1 {
        padding-left: 4px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding2 {
        padding: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop2 {
        padding-top: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight2 {
        padding-right: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom2 {
        padding-bottom: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft2 {
        padding-left: 8px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding3 {
        padding: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop3 {
        padding-top: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight3 {
        padding-right: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom3 {
        padding-bottom: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft3 {
        padding-left: 12px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding4 {
        padding: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop4 {
        padding-top: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight4 {
        padding-right: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom4 {
        padding-bottom: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft4 {
        padding-left: 16px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding5 {
        padding: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop5 {
        padding-top: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight5 {
        padding-right: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom5 {
        padding-bottom: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft5 {
        padding-left: 20px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding6 {
        padding: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop6 {
        padding-top: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight6 {
        padding-right: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom6 {
        padding-bottom: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft6 {
        padding-left: 24px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding7 {
        padding: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop7 {
        padding-top: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight7 {
        padding-right: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom7 {
        padding-bottom: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft7 {
        padding-left: 28px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding8 {
        padding: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop8 {
        padding-top: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight8 {
        padding-right: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom8 {
        padding-bottom: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft8 {
        padding-left: 32px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding9 {
        padding: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop9 {
        padding-top: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight9 {
        padding-right: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom9 {
        padding-bottom: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft9 {
        padding-left: 36px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding10 {
        padding: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop10 {
        padding-top: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight10 {
        padding-right: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom10 {
        padding-bottom: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft10 {
        padding-left: 40px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding11 {
        padding: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop11 {
        padding-top: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight11 {
        padding-right: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom11 {
        padding-bottom: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft11 {
        padding-left: 44px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding12 {
        padding: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop12 {
        padding-top: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight12 {
        padding-right: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom12 {
        padding-bottom: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft12 {
        padding-left: 48px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding13 {
        padding: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop13 {
        padding-top: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight13 {
        padding-right: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom13 {
        padding-bottom: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft13 {
        padding-left: 52px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding14 {
        padding: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop14 {
        padding-top: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight14 {
        padding-right: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom14 {
        padding-bottom: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft14 {
        padding-left: 56px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding15 {
        padding: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop15 {
        padding-top: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight15 {
        padding-right: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom15 {
        padding-bottom: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft15 {
        padding-left: 60px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding16 {
        padding: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop16 {
        padding-top: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight16 {
        padding-right: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom16 {
        padding-bottom: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft16 {
        padding-left: 64px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding17 {
        padding: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop17 {
        padding-top: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight17 {
        padding-right: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom17 {
        padding-bottom: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft17 {
        padding-left: 68px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding18 {
        padding: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop18 {
        padding-top: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight18 {
        padding-right: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom18 {
        padding-bottom: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft18 {
        padding-left: 72px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding19 {
        padding: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop19 {
        padding-top: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight19 {
        padding-right: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom19 {
        padding-bottom: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft19 {
        padding-left: 76px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding20 {
        padding: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop20 {
        padding-top: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight20 {
        padding-right: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom20 {
        padding-bottom: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft20 {
        padding-left: 80px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding21 {
        padding: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop21 {
        padding-top: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight21 {
        padding-right: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom21 {
        padding-bottom: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft21 {
        padding-left: 84px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding22 {
        padding: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop22 {
        padding-top: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight22 {
        padding-right: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom22 {
        padding-bottom: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft22 {
        padding-left: 88px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding23 {
        padding: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop23 {
        padding-top: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight23 {
        padding-right: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom23 {
        padding-bottom: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft23 {
        padding-left: 92px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding24 {
        padding: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop24 {
        padding-top: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight24 {
        padding-right: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom24 {
        padding-bottom: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft24 {
        padding-left: 96px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding25 {
        padding: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop25 {
        padding-top: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight25 {
        padding-right: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom25 {
        padding-bottom: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft25 {
        padding-left: 100px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding26 {
        padding: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop26 {
        padding-top: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight26 {
        padding-right: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom26 {
        padding-bottom: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft26 {
        padding-left: 104px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding27 {
        padding: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop27 {
        padding-top: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight27 {
        padding-right: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom27 {
        padding-bottom: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft27 {
        padding-left: 108px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding28 {
        padding: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop28 {
        padding-top: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight28 {
        padding-right: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom28 {
        padding-bottom: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft28 {
        padding-left: 112px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding29 {
        padding: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop29 {
        padding-top: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight29 {
        padding-right: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom29 {
        padding-bottom: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft29 {
        padding-left: 116px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding30 {
        padding: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop30 {
        padding-top: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight30 {
        padding-right: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom30 {
        padding-bottom: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft30 {
        padding-left: 120px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding31 {
        padding: 124px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop31 {
        padding-top: 124px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight31 {
        padding-right: 124px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom31 {
        padding-bottom: 124px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft31 {
        padding-left: 124px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding32 {
        padding: 128px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop32 {
        padding-top: 128px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight32 {
        padding-right: 128px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom32 {
        padding-bottom: 128px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft32 {
        padding-left: 128px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding33 {
        padding: 132px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop33 {
        padding-top: 132px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight33 {
        padding-right: 132px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom33 {
        padding-bottom: 132px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft33 {
        padding-left: 132px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-padding34 {
        padding: 136px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingTop34 {
        padding-top: 136px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingRight34 {
        padding-right: 136px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingBottom34 {
        padding-bottom: 136px;
      }
  
      /* postcss-bem-linter: ignore */
      .u-sm-paddingLeft34 {
        padding-left: 136px;
      }
  
    .u-sm-paddingTop50 {
      padding-top: 200px;
    }
  
    .u-sm-paddingTop69 {
      padding-top: 276px;
    }
  }
  
  .u-paddingBottom100Perc {
    padding-bottom: 100%;
  }
  
  /**
   * position utility classes
   */
  
  .u-posAbsoluteFill {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
    width: 100%;
  }
  
  .u-posBottom {
    bottom: 0;
  }
  
  .u-posBottomFill {
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .u-posBottomRight {
    bottom: 0;
    right: 0;
  }
  
  .u-posTopRight {
    right: 0;
    top: 0;
  }
  
  .u-posAbsoluteTopRight {
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .u-posAbsoluteTopLeft {
    left: 0;
    position: absolute;
    top: 0;
  }
  
  .u-posAbsoluteBottomLeft {
    bottom: 0;
    left: 0;
    position: absolute;
  }
  
  .u-posAbsoluteBottom20Center {
    bottom: 20px;
    position: absolute;
    transform: translateX(-50%);
  }
  
  .u-posAbsoluteBottomCenter {
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
  
  .u-posAbsoluteBottom10PercCenter {
    bottom: 10%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
  
  .u-posAbsoluteCenterCenter {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  
  .u-posAbsoluteBottomRightTop {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .u-sticky {
    position: sticky;
  }
  
  .u-top-48 {
    top: -48px;
  }
  
  .u-top-0 {
    top: 0 !important;
  }
  
  @media (min-width:0) and (max-width:660px) {
  
    .u-sm-posRelative {
      position: relative;
    }
  }
  
  @media (min-width:661px) and (max-width:1024px) {
  
    .u-md-posRelative {
      position: relative;
    }
  
    .u-md-posAbsoluteCenter {
      left: 50% !important;
      position: absolute !important;
      top: 50% !important;
      transform: translate(-50%, -50%) !important;
    }
  
    .u-md-posAbsoluteTopLeft {
      left: 0;
      position: absolute;
      top: 0;
    }
  
    .u-md-top-32 {
      top: -32px;
    }
  }
  
  @media (min-width:1025px) {
  
    .u-lg-posRelative {
      position: relative;
    }
  
    .u-lg-posAbsoluteCenter {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
  
    .u-lg-left-20Perc {
      left: -20%;
    }
  
    .u-lg-right-20Perc {
      right: -20%;
    }
  
    .u-lg-left-4Perc {
      left: -4%;
    }
  
    .u-lg-right-4Perc {
      right: -4%;
    }
  }
  
  /** @define utilities */
  
  .u-scaleByWidth {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
  }
  
  .u-scaleByHeight {
    display: block;
    height: 100%;
    max-height: 100%;
    width: auto;
  }
  
  .u-scaleByWidthIcon {
    height: 100%;
    width: 100%;
  }
  
  /* postcss-bem-linter: ignore */
  
  .u-scaleByWidthIcon > svg {
      display: block;
      height: auto;
      max-width: 100%;
      width: 100%;
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
    .u-md-scaleByWidthIcon {
      height: 100%;
      width: 100%;
    }
  
      /* postcss-bem-linter: ignore */
  
      .u-md-scaleByWidthIcon > svg {
        display: block;
        height: auto;
        max-width: 100%;
        width: 100%;
      }
  }
  
  @media (min-width:0) and (max-width:660px) {
  
    .u-sm-scaleByWidth {
      display: block;
      height: auto;
      max-width: 100%;
      width: 100%;
    }
  
    .u-sm-scaleByWidthIcon {
      height: 100%;
      width: 100%;
    }
  
      /* postcss-bem-linter: ignore */
  
      .u-sm-scaleByWidthIcon > svg {
        display: block;
        height: auto;
        max-width: 100%;
        width: 100%;
      }
  
      /* postcss-bem-linter: ignore */
  
      .u-sm-maxHeightIcon > svg {
        max-height: 100%;
      }
  }
  
  .u-hoverScale {
    backface-visibility: hidden;
    transform: translateZ(0) scale(1.01);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.4, 1);
  }
  
  .u-hoverScale:hover,
    .u-hoverScale:focus {
      filter: brightness(0.9);
      transform: translateZ(0) scale(1);
    }
  
  .u-backfaceVisibilityHidden {
    backface-visibility: hidden;
  }
  
  /** @define utilities */
  
  /**
   * sizing utility classes
   */
  
  /* needed utils for layout exceptions */
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .u-md-size1of2plus20px {
      flex-basis: auto !important;
      width: calc(50% + 20px) !important
  }
    }
  
  @media (min-width:1025px) {
  
  .u-lg-size1of3plus30px {
      flex-basis: auto !important;
      width: calc(33.33333% + 30px) !important
  }
    }
  
  @media (min-width:661px) and (max-width:1024px) {
  
  .u-md-textCenter {
      text-align: center !important
  }
    }
  
  @media (min-width:0) and (max-width:660px) {
  
    .u-sm-textCenter {
      text-align: center !important;
    }
  
    .u-sm-textLeft {
      text-align: left !important;
    }
  }
  
  .u-wordBreakAll {
    word-break: break-all;
  }
  
  .u-hyphensAuto {
    hyphens: auto;
  }
  
  .u-textTransformNone {
    text-transform: none;
  }
  
  .u-textTransformCapitalize {
    text-transform: capitalize;
  }
  
  .u-textVerticalCenter {
    vertical-align: center;
  }
  
  .u-textVerticalMiddle {
    vertical-align: middle;
  }
  
  .u-textUppercase {
    text-transform: uppercase;
  }
  
  .u-textShadowLegibility {
    text-shadow: 1px 0px 2em rgba(0, 0, 0, 0.85);
  }
  
  /**
   * Used for pinned items
   */
  
  .u-zIndex10 {
    z-index: 10;
  }
  
  /**
   * On top but under burger
   */
  
  .u-zIndex20 {
    z-index: 20;
  }
  
  /**
   * Allways on top
   * for burger
   */
  
  .u-zIndex30 {
    z-index: 30;
  }
  
  .u-zIndex-1 {
    z-index: -1;
  }
  
  /**
   * Overlay navigation
   */
  
  .u-zIndex40 {
    z-index: 40;
  }