@media screen {
  .js-compare-product .print-section {
      display: none;
  }
}

@media print {
  .js-compare-product .main-content * {
    display:none;
  }
  .js-compare-product .print-section, .js-compare-product .print-section * {
    visibility:visible;
  }
  .js-compare-product .print-section {
    position:absolute;
    left:0;
    top:0;
  }

}
@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.3.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

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

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

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

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  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 */ }

/**
     * Add the correct display in IE.
     */
main {
  display: block; }

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

/* Links
       ========================================================================== */
/**
     * 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 */ }

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in 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
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible; }

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

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

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */ }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible; }

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

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
     * 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 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  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; }

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

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

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block; }

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

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  box-sizing: border-box;
  font-size: 100%; }

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

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    line-height: 0;
    color: #cacaca; }

h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

@media print, screen and (min-width: 40em) {
  h1 {
    font-size: 3rem; }
  h2 {
    font-size: 2.5rem; }
  h3 {
    font-size: 1.9375rem; }
  h4 {
    font-size: 1.5625rem; }
  h5 {
    font-size: 1.25rem; }
  h6 {
    font-size: 1rem; } }

a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #1468a0; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6; }

li {
  font-size: inherit; }

ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a; }
  cite:before {
    content: "— "; }

abbr {
  border-bottom: 1px dotted #0a0a0a;
  color: #0a0a0a;
  cursor: help; }

figure {
  margin: 0; }

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a; }

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

.no-bullet {
  margin-left: 0;
  list-style: none; }

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

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

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

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

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto; }
  .row::before, .row::after {
    display: table;
    content: ' '; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .row .row {
    margin-right: -0.625rem;
    margin-left: -0.625rem; }
    @media print, screen and (min-width: 40em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    @media print, screen and (min-width: 64em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    .row .row.collapse {
      margin-right: 0;
      margin-left: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-right: auto;
      margin-left: auto; }
  .row:not(.expanded) .row {
    max-width: none; }
  .row.gutter-small > .column, .row.gutter-small > .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem; }
  .row.gutter-medium > .column, .row.gutter-medium > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }

.column, .columns {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .column, .columns {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

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

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.33333%; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.66667%; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.28571%; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0; }

.small-collapse .row {
  margin-right: 0;
  margin-left: 0; }

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem; }

.small-centered {
  margin-right: auto;
  margin-left: auto; }
  .small-centered, .small-centered:last-child:not(:first-child) {
    float: none;
    clear: both; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  float: left;
  margin-right: 0;
  margin-left: 0; }

@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .medium-centered {
    margin-right: auto;
    margin-left: auto; }
    .medium-centered, .medium-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .large-centered {
    margin-right: auto;
    margin-left: auto; }
    .large-centered, .large-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

.column-block {
  margin-bottom: 1.25rem; }
  .column-block > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .column-block {
      margin-bottom: 1.875rem; }
      .column-block > :last-child {
        margin-bottom: 0; } }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #cacaca; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #cacaca; }

input::placeholder,
textarea::placeholder {
  color: #cacaca; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed; }

[type='submit'],
[type='button'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0; }

input[type='search'] {
  box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a; }
  label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; }

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a; }

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem; }
  .input-group > :first-child {
    border-radius: 0 0 0 0; }
  .input-group > :last-child > * {
    border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle; }

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  width: 1%;
  height: 100%; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  height: 2.5rem; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%;
  height: 100%; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem; }

.input-group .input-group-button {
  display: table-cell; }

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

legend {
  max-width: 100%;
  margin-bottom: 0.5rem; }

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem;
    background: #fefefe; }

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  line-height: normal;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea; }
  .is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #cc4b37; }
  .is-invalid-input:not(:focus)::-moz-placeholder {
    color: #cc4b37; }
  .is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #cc4b37; }
  .is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37; }

.is-invalid-label {
  color: #cc4b37; }

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cc4b37; }
  .form-error.is-visible {
    display: block; }

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fefefe; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #14679e;
    color: #fefefe; }
  .button.tiny {
    font-size: 0.6rem; }
  .button.small {
    font-size: 0.75rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .button.primary {
    background-color: #1779ba;
    color: #fefefe; }
    .button.primary:hover, .button.primary:focus {
      background-color: #126195;
      color: #fefefe; }
  .button.secondary {
    background-color: #767676;
    color: #fefefe; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #5e5e5e;
      color: #fefefe; }
  .button.success {
    background-color: #3adb76;
    color: #0a0a0a; }
    .button.success:hover, .button.success:focus {
      background-color: #22bb5b;
      color: #0a0a0a; }
  .button.warning {
    background-color: #ffae00;
    color: #0a0a0a; }
    .button.warning:hover, .button.warning:focus {
      background-color: #cc8b00;
      color: #0a0a0a; }
  .button.alert {
    background-color: #cc4b37;
    color: #fefefe; }
    .button.alert:hover, .button.alert:focus {
      background-color: #a53b2a;
      color: #fefefe; }
  .button.hollow {
    border: 1px solid #1779ba;
    color: #1779ba; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #0c3d5d;
      color: #0c3d5d; }
    .button.hollow.primary {
      border: 1px solid #1779ba;
      color: #1779ba; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #0c3d5d;
        color: #0c3d5d; }
    .button.hollow.secondary {
      border: 1px solid #767676;
      color: #767676; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #3b3b3b;
        color: #3b3b3b; }
    .button.hollow.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #157539;
        color: #157539; }
    .button.hollow.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #805700;
        color: #805700; }
    .button.hollow.alert {
      border: 1px solid #cc4b37;
      color: #cc4b37; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #67251a;
        color: #67251a; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }
    .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
      background-color: #1779ba;
      color: #fefefe; }
    .button.disabled.primary, .button[disabled].primary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
        background-color: #1779ba;
        color: #fefefe; }
    .button.disabled.secondary, .button[disabled].secondary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #767676;
        color: #fefefe; }
    .button.disabled.success, .button[disabled].success {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #3adb76;
        color: #0a0a0a; }
    .button.disabled.warning, .button[disabled].warning {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #ffae00;
        color: #0a0a0a; }
    .button.disabled.alert, .button[disabled].alert {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #cc4b37;
        color: #fefefe; }
  .button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1em; }
  .button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0; }

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  background-color: white;
  color: #0a0a0a; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #d7ecfa;
    color: #0a0a0a; }
  .callout.secondary {
    background-color: #eaeaea;
    color: #0a0a0a; }
  .callout.success {
    background-color: #e1faea;
    color: #0a0a0a; }
  .callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a; }
  .callout.alert {
    background-color: #f7e4e1;
    color: #0a0a0a; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

body.is-reveal-open {
  overflow: hidden; }

html.is-reveal-open,
html.is-reveal-open body {
  min-height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll; }

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      min-height: 0; } }
  .reveal .column, .reveal .columns,
  .reveal .columns {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      width: 600px;
      max-width: 75rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal .reveal {
      right: auto;
      left: auto;
      margin: 0 auto; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 75rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 75rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.large {
      width: 90%;
      max-width: 75rem; } }
  .reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (max-width: 39.9375em) {
    .reveal-overlay{
        padding-top: 55px;
    }
    .reveal {
      top: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      height: 100vh;
      min-height: 100vh;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }
  .reveal ol {
    padding-left: 2rem;
  }

.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateY(-100%);
      transform: translateY(-100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active {
  -ms-transform: translateY(0);
      transform: translateY(0); }

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active {
  -ms-transform: translateX(0);
      transform: translateX(0); }

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active {
  -ms-transform: translateY(0);
      transform: translateY(0); }

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateX(100%);
      transform: translateX(100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active {
  -ms-transform: translateX(0);
      transform: translateX(0); }

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active {
  -ms-transform: translateY(100%);
      transform: translateY(100%); }

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateX(0);
      transform: translateX(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active {
  -ms-transform: translateX(100%);
      transform: translateX(100%); }

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active {
  -ms-transform: translateY(-100%);
      transform: translateY(-100%); }

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateX(0);
      transform: translateX(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active {
  -ms-transform: translateX(-100%);
      transform: translateX(-100%); }

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active {
  opacity: 1; }

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active {
  opacity: 0; }

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  -ms-transform-origin: top;
      transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  -ms-transform-origin: right;
      transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  -ms-transform-origin: bottom;
      transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  -ms-transform-origin: left;
      transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  -ms-transform-origin: center;
      transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  -ms-transform-origin: center;
      transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: top;
      transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: right;
      transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: bottom;
      transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0; }

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: left;
      transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0; }

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: center;
      transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: center;
      transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: scale(0.5);
      transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active {
  -ms-transform: scale(1);
      transform: scale(1);
  opacity: 1; }

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active {
  -ms-transform: scale(1);
      transform: scale(1);
  opacity: 1; }

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: scale(1);
      transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-up.mui-leave.mui-leave-active {
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  opacity: 0; }

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: scale(1);
      transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active {
  -ms-transform: scale(0.5);
      transform: scale(0.5);
  opacity: 0; }

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: rotate(-0.75turn);
      transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in.mui-enter.mui-enter-active {
  -ms-transform: rotate(0);
      transform: rotate(0);
  opacity: 1; }

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: rotate(0);
      transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out.mui-leave.mui-leave-active {
  -ms-transform: rotate(0.75turn);
      transform: rotate(0.75turn);
  opacity: 0; }

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: rotate(0.75turn);
      transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in-ccw.mui-enter.mui-enter-active {
  -ms-transform: rotate(0);
      transform: rotate(0);
  opacity: 1; }

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: rotate(0);
      transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out-ccw.mui-leave.mui-leave-active {
  -ms-transform: rotate(-0.75turn);
      transform: rotate(-0.75turn);
  opacity: 0; }

.slow {
  transition-duration: 750ms !important; }

.fast {
  transition-duration: 250ms !important; }

.linear {
  transition-timing-function: linear !important; }

.ease {
  transition-timing-function: ease !important; }

.ease-in {
  transition-timing-function: ease-in !important; }

.ease-out {
  transition-timing-function: ease-out !important; }

.ease-in-out {
  transition-timing-function: ease-in-out !important; }

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  transition-delay: 300ms !important; }

.long-delay {
  transition-delay: 700ms !important; }

.shake {
  animation-name: shake-7; }

@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%); } }

.spin-cw {
  animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn); }
  100% {
    transform: rotate(0); } }

.spin-ccw {
  animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(1turn); } }

.wiggle {
  animation-name: wiggle-7deg; }

@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    transform: rotate(0); } }

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  animation-duration: 500ms; }

.infinite {
  animation-iteration-count: infinite; }

.slow {
  animation-duration: 750ms !important; }

.fast {
  animation-duration: 250ms !important; }

.linear {
  animation-timing-function: linear !important; }

.ease {
  animation-timing-function: ease !important; }

.ease-in {
  animation-timing-function: ease-in !important; }

.ease-out {
  animation-timing-function: ease-out !important; }

.ease-in-out {
  animation-timing-function: ease-in-out !important; }

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  animation-delay: 300ms !important; }

.long-delay {
  animation-delay: 700ms !important; }

@charset "utf-8";
/* ============================================================================
 * Base
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * Base > Default Over-ride
 * ------------------------------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  position: relative;
  width: 100%;
}

html {
  font-size: 62.5%;
}

body {
  background-color: #fff;
  color: #333;
  font-family: "Roboto", Verdana, sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
  margin: 0 auto;
  padding: 0;
  word-break: normal;
  word-wrap: break-word;
}

html[lang="ja"] body {
  font-family: "Meiryo", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", "Osaka", Arial, sans-serif;
}

body > img {
  float: left;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
table {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

a:link,
a[tabindex] {
  color: #00e;
  cursor: pointer;
  text-decoration: underline;
}

a:link:hover,
a:link:active,
a:link:focus,
a[tabindex]:hover,
a[tabindex]:active,
a[tabindex]:focus {
  text-decoration: none;
}

a:visited {
  color: #551a8b;
}

em,
strong,
b {
  font-style: normal;
}

strong {
  color: #f00;
}

ul {
  list-style: none;
}

ul,
ol,
dl {
  margin: 0;
}

img {
  height: auto;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  vertical-align: bottom;
}

iframe {
  border: 0;
  margin: 0;
  padding: 0;
}

button {
  border: 0;
  cursor: pointer;
  padding: 0;
}

button[disabled] {
  cursor: auto;
}

table {
  border-collapse: separate;
  table-layout: fixed;
}

table th,
table td {
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  vertical-align: middle;
}

table th > *:first-child,
table td > *:first-child {
  margin-top: 0 !important;
}

table th > *:last-child,
table td > *:last-child {
  margin-bottom: 0 !important;
}

/* ============================================================================
 * Layout
 * ========================================================================= */
/* --------------------------------------------------------------------
 * Layout > Header > region-section
 * ----------------------------------------------------------------- */
.region-section {
  max-width: 1240px;
  min-width: 320px;
  margin: 0 auto;
  position: relative;
}

/* --------------------------------------------------------------------
 * Layout > Header > region-select
 * ----------------------------------------------------------------- */
.region-select {
  padding: 30px;
}

/* --------------------------------------------------------------------
 * Layout > Header > region-select-inner
 * ----------------------------------------------------------------- */
.region-select-inner > b {
  font-weight: normal;
  font-size: 4rem;
  color: #009ad9;
}

/* --------------------------------------------------------------------
 * Layout > Header > region-list
 * ----------------------------------------------------------------- */
.region-list {
  margin-bottom: 40px;
}
.region-list .region {
  font-weight: bold;
  font-size: 1.75rem;
  letter-spacing: .15rem;
  text-align: left;
  margin-top: 40px;
  padding: 15px 15px 5px 10px;
  color: #009ad9;
}

/* --------------------------------------------------------------------
 * Layout > Header > locality
 * ----------------------------------------------------------------- */
.locality {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 25px;
}
@media screen and (max-width: 767px) {
  .locality {
    margin-left: 13px;
  }
}
.locality > li {
  width: 208px;
  margin-top: 25px;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .locality > li {
    margin-left: 0;
    width: 100%;
  }
}
.locality > li > a {
  display: block;
  text-decoration: none;
  color: #000;
}
.locality > li > a::after {
  content: "";
  display: block;
  clear: both;
}
.locality .flag {
  float: left;
  margin-right: 15px;
  width: 100%;
  max-width: 54px;
}
.locality .region-name {
  overflow: hidden;
  line-height: 1;
  font-size: 1.6rem;
  letter-spacing: .15rem;
  padding-top: 5px;
}
.locality .language {
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0;
  color: #009ad9;
  margin-top: 5px;
}

/* ----------------------------------------------------------------------------
 * Layout > Main Content
 * ------------------------------------------------------------------------- */
main {
  max-width: 1680px;
  margin: 0 auto;
  padding-top: 95px;
}
@media screen and (max-width: 1024px) {
  main {
    padding-top: 55px;
  }
}

/* --------------------------------------------------------------------
 * Layout > Main Content > breadcrumb-area
 * ----------------------------------------------------------------- */
.breadcrumb-area {
  margin: 0 auto;
  max-width: 1280px;
}

.breadcrumb-area.in-image {
  position: relative;
  max-width: 1440px;
}

@media screen and (max-width: 1024px) {
  .breadcrumb-area {
    display: none;
  }
}
/* --------------------------------------------------------------------
 * Layout > Main Content > breadcrumb
 * ----------------------------------------------------------------- */
.breadcrumb {
  padding: 25px 20px;
  color: #009ad9;
  font-size: 1.2rem;
}

.in-image .breadcrumb {
  padding: 25px 100px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.breadcrumb a {
  color: #999;
  text-decoration: none;
}

.breadcrumb a:not([href]) {
  cursor: default;
}

.in-image .breadcrumb a {
  color: #fff;
}

/* --------------------------------------------------------------------
 * Layout > Main Content > container-area
 * ----------------------------------------------------------------- */
.container-area {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* --------------------------------------------------------------------
 * Layout > Main Content > lyt-sidebar
 * ----------------------------------------------------------------- */
.lyt-sidebar {
  max-width: 1260px;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 20px;
}

.lyt-sidebar::after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 767px) {
  .lyt-sidebar {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 120px;
  }
}
/* --------------------------------------------------------------------
 * Layout > Main Content > product-area-container
 * ----------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .product-area-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
/* --------------------------------------------------------------------
 * Layout > Main Content > sidebar-area
 * ----------------------------------------------------------------- */
.sidebar-area {
  width: 25.403225806451612%;
  float: left;
}

@media screen and (max-width: 767px) {
  .sidebar-area {
    float: none;
    width: 100%;
    padding: 0 10px;
  }
}
/* --------------------------------------------------------------------
 * Layout > Main Content > main-discription-area
 * ----------------------------------------------------------------- */
.main-discription-area {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .main-discription-area {
    -webkit-order: -1;
    order: -1;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 0 10px 30px;
  }
}
/* --------------------------------------------------------------------
 * Layout > Main Content > main-contents
 * ----------------------------------------------------------------- */
.main-discription-area,
.main-contents,
.archive-series-area {
  width: 74.59677419354838%;
  float: right;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .main-discription-area,
  .main-contents,
  .archive-series-area {
    float: none;
    width: 100%;
  }
}
/* ============================================================================
 * Module
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * Module > Heading Modules
 * ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------
 * Module > Heading Modules > heading-01,02
 * ----------------------------------------------------------------- */
.heading-01,
.heading-02 {
  max-width: 1280px;
  margin: 0 auto 20px;
  padding: 0 20px;
}

/* --------------------------------------------------------------------
 * Module > Heading Modules > heading-01
 * ----------------------------------------------------------------- */
.heading-01 {
  font-size: 6.2rem;
  color: #009ad9;
}

@media screen and (max-width: 767px) {
  .heading-01 {
    font-size: 3rem;
    margin-top: 20px;
  }
}
/* --------------------------------------------------------------------
 * Module > Heading Modules > heading-02
 * ----------------------------------------------------------------- */
.heading-02 {
  font-size: 1.2rem;
}

.heading-02::after,
.heading-03::after {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  background-color: #009ad9;
  margin: 22px 0 12px;
}

/* --------------------------------------------------------------------
 * Module > Heading Modules > heading-03
 * ----------------------------------------------------------------- */
.heading-03 {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  min-width: 320px;
}

.heading-03::after {
  margin: 22px auto 12px;
}

/* ----------------------------------------------------------------------------
 * Module > Box Modules
 * ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------
 * Module > Box Modules > pickup-box
 * ----------------------------------------------------------------- */
.pickup-box {
  max-width: 420px;
  text-align: center;
  position: relative;
  background-color: #009ad9;
  overflow: hidden;
}

.pickup-box > a::before {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.collective-list .pickup-box > a,
.pickup-box > a {
  color: #fff;
  letter-spacing: .15rem;
  display: block;
}

.collective-list .pickup-box > a:hover *,
.collective-list .pickup-box > a:focus * {
  opacity: .8;
}

.collective-list .pickup-box .btn-02:hover {
  color: #009ad9;
  background-color: #fff;
}

 .pickup-box2 {
   background-color: transparent;
 }

/* --------------------------------------------------------------------
 * Module > Box Modules > pickup-text
 * ----------------------------------------------------------------- */
.pickup-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 2rem;
  padding: 10px 5px;
}

.pickup-text {
  z-index: 1;
}

.pickup-text .btn-pickup {
  margin-top: 14.285714285714285%;
}

.pickup-text .btn-pickup .btn-02 {
  padding: 13px 30px;
  border: none;
}

.pickup-text .title,
.pickup-text .remark {
  font-size: 1.6rem;
}

.pickup-text .title {
  margin-bottom: 3.571428571428571%;
}

.pickup-text .name::before,
.pickup-text .name::after {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  background-color: #fff;
  margin: 0 auto;
}

.pickup-text .name::before {
  margin-bottom: 3.571428571428571%;
}

.pickup-text .name::after {
  margin-top: 3.571428571428571%;
}

.pickup-text .remark {
  margin-top: 3.571428571428571%;
}

@media screen and (max-width: 767px) {
  .pickup-text {
    font-size: 1.2rem;
    padding: 8px 4px;
  }
}

 .pickup-text2 {
   display: block;
   padding: 5px 5px;
   background: rgba(0, 0, 0, 0.7);
   position: absolute;
   bottom: 10px;
   left: 5px;
   right: 5px;
   z-index: 1;
 }

 /* --------------------------------------------------------------------
  * Module > Box Modules > pickup-image
  * ----------------------------------------------------------------- */
.pickup-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

 .pickup-image2 {
   padding: 0px 5px 0px 5px;
 }

/* --------------------------------------------------------------------
 * Module > Box Modules > collective-box-01,02,03
 * ----------------------------------------------------------------- */
.collective-box-01,
.collective-box-02,
.collective-box-03 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: center;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}

.collective-box-01.bg-white,
.collective-box-02.bg-white,
.collective-box-03.bg-white {
  background-color: #fff;
}

li.collective-box-01,
li.collective-box-02,
li.collective-box-03 {
  margin: 0;
}

.collective-box-01 .btn-01 {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .collective-box-01,
  .collective-box-02,
  .collective-box-03 {
    min-width: 280px;
  }
}
/* --------------------------------------------------------------------
 * Module > Box Modules > collective-box-02
 * ----------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .collective-box-02 {
    position: relative;
  }
}
/* --------------------------------------------------------------------
 * Module > Box Modules > collective-box-03
 * ----------------------------------------------------------------- */
.collective-box-03 {
  display: block;
}

/* --------------------------------------------------------------------
 * Module > Box Modules > collective-image
 * ----------------------------------------------------------------- */
.collective-image {
  -webkit-flex: none;
  flex: none;
  -webkit-order: -1;
  order: -1;
}

.collective-image.reset-order {
  -webkit-order: 0;
  order: 0;
}

/* --------------------------------------------------------------------
 * Module > Box Modules > utl-collective-parts
 * ----------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .collective-box-02 .utl-collective-parts {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto 0;
    bottom: 16.666666666666664%;
  }
}
/* --------------------------------------------------------------------
 * Module > Box Modules > item-image
 * ----------------------------------------------------------------- */
.item-image {
  position: relative;
  height: 260px;
  overflow: hidden;
}

.item-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* --------------------------------------------------------------------
 * Module > Box Modules > collective-title
 * ----------------------------------------------------------------- */
.collective-title {
  font-weight: 500;
  letter-spacing: .15rem;
  margin: 40px 0 5px;
}

.collective-box-03 .collective-title {
  position: relative;
  min-height: 68px;
}

.collective-box-03 .collective-title .content {
  padding: 0 15px;
}

.collective-title-02 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.collective-title-02 .title-parts {
  display: block;
  font-size: 1.4rem;
  margin-top: 30px;
}

.collective-title-02 .title-parts::after {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  background-color: #009ad9;
  margin: 22px auto 22px;
}

.collective-title-02 .title-parts-02 {
  font-weight: 500;
  display: block;
  margin-bottom: 50px;
  font-size: 2rem;
}

.collective-box-03 .collective-title-02 .title-parts-02 {
  margin-bottom: 10px;
}

.collective-title-02 .title-parts-03 {
  display: inline-block;
  color: #009ad9;
  margin-bottom: 10px;
  text-decoration: none;
  margin-top: auto;
}

.title-parts-03 > a {
  color: #009ad9;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .collective-box-02 .collective-title {
    display: none;
  }
}
/* --------------------------------------------------------------------
 * Module > Box Modules > collective-lead
 * ----------------------------------------------------------------- */
.collective-lead {
  font-size: 1.4rem;
  text-align: center;
  margin: 0 auto 30px;
  width: 100%;
  max-width: 340px;
  padding: 0 10px;
}

@media screen and (max-width: 767px) {
  .collective-box-02 .collective-lead {
    display: none;
  }
}
/* --------------------------------------------------------------------
 * Module > Box Modules > collective-thing
 * ----------------------------------------------------------------- */
.collective-thing {
  margin-bottom: 60px;
}

.collective-thing:last-child {
  margin-bottom: 0;
}

.collective-title-02 + ul > .collective-thing > a {
  display: block;
}

/* --------------------------------------------------------------------
 * Module > Box Modules > look-up-image
 * ----------------------------------------------------------------- */
.look-up-image {
  max-width: 1440px;
  min-width: 320px;
  margin: 0 auto 90px;
  position: relative;
  overflow: hidden;
}

/* --------------------------------------------------------------------
 * Module > Box Modules > look-up-unit
 * ----------------------------------------------------------------- */
.look-up-unit {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* --------------------------------------------------------------------
 * Module > Box Modules > utl-look-up
 * ----------------------------------------------------------------- */
.utl-look-up {
  margin-top: 42px;
  text-align: center;
}

/* --------------------------------------------------------------------
 * Module > Box Modules > look-up
 * ----------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .look-up {
    position: relative;
    z-index: 1;
    height: 320px;
  }

  .look-up img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    max-width: none;
  }
}
/* --------------------------------------------------------------------
 * Module > Box Modules > group-box
 * ----------------------------------------------------------------- */
.group-box {
  margin: 30px 0;
}

/* --------------------------------------------------------------------
 * Module > Box Modules > lyt-box
 * ----------------------------------------------------------------- */
.lyt-box {
  max-width: 1280px;
  margin: 0 auto 60px;
  padding: 0 20px;
}

/* ----------------------------------------------------------------------------
 * Module > Button Modules
 * ------------------------------------------------------------------------- */
.btn-01,
.btn-02,
.btn-03 {
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.5;
  padding: 19px 30px;
  display: inline-block;
}

a.btn-01,
a.btn-02,
a.btn-03 {
  text-decoration: none;
}

.btn-01:focus,
.btn-02:focus,
.btn-03:focus,
.btn-01:hover,
.btn-02:hover,
.btn-03:hover {
  background-color: #00557a;
}

@media screen and (max-width: 368px) {
  .btn-01,
  .btn-02,
  .btn-03 {
    padding: 10px 70px;
  }
}
/* --------------------------------------------------------------------
 * Module > Button Modules > btn-01
 * ----------------------------------------------------------------- */
.btn-01 {
  background-color: #009ad9;
  color: #fff;
}

a.btn-01 {
  color: #fff;
}

.btn-01[disabled] {
  background-color: #ccc;
}

/* --------------------------------------------------------------------
 * Module > Button Modules > btn-02
 * ----------------------------------------------------------------- */
.btn-02 {
  border: 1px solid #009ad9;
  background-color: #fff;
  color: #009ad9;
}

a.btn-02 {
  color: #009ad9;
}

.btn-02:hover,
.btn-02:focus {
  color: #fff;
}

/* --------------------------------------------------------------------
 * Module > Button Modules > btn-03
 * ----------------------------------------------------------------- */
.btn-03 {
  background-color: #009ad9;
  color: #fff;
}

a.btn-03 {
  color: #fff;
  margin-right: 20px;
}

.btn-03[disabled] {
  background-color: #ccc;
}

/* ----------------------------------------------------------------------------
 * Module > Component Modules
 * ------------------------------------------------------------------------- */

/* --------------------------------------------------------------------
 * Module > Component Modules > image-info
 * ----------------------------------------------------------------- */
.image-info {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .image-info {
    display: block;
  }
}

/* --------------------------------------------------------------------
 * Module > Component Modules > detail-image
 * ----------------------------------------------------------------- */
.detail-image {
  text-align: center;
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .detail-image {
    margin-left: 0;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > collective-wrap
 * ----------------------------------------------------------------- */
.collective-wrap {
  background-color: #f0f0f0;
  padding: 60px 0;
}

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

.collective-wrap [class^="collective-list"],
.collective-wrap .heading-03 {
  min-width: 280px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .collective-wrap [class^="collective-list"],
  .collective-wrap [class*="collective-box-"] {
    min-width: 280px;
  }
}
/*.collective-wrap:last-child{
    margin-bottom: -60px;
}*/
/* --------------------------------------------------------------------
 * Module > Component Modules > collective-list
 * ----------------------------------------------------------------- */
.collective-list {
  margin: 0 auto 30px;
  max-width: 1440px;
  min-width: 280px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.collective-list.ptn2 .utl-collective-parts {
  display: none;
}
.collective-list.ptn2 [class*="collective-box-"][onclick]:hover {
  opacity: 0.8;
  cursor: pointer;
}

.collective-list.with-pickup {
  max-width: 1680px;
}

.collective-list.col2 {
  max-width: 960px;
}

.collective-list > li {
  width: 33.333%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.collective-list.col2 > li {
  width: 50%;
}

.collective-list.col4 {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.collective-list.col4 > li {
  width: 25%;
}

.collective-list.col6 {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.collective-list.col6 > li {
  width: 16.666%;
}

.collective-list li > a {
  color: #000;
  text-decoration: none;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex: none;
  flex: none;
  width: 100%;
}

.collective-list li > a:hover img,
.collective-list li > a:focus img {
  opacity: .8;
}

/* tablets */
@media screen and (max-width: 1024px) {
  .collective-list.with-pickup {
    max-width: 1024px;
  }

  .collective-list {
    max-width: 960px;
  }

  .collective-list > li,
  .collective-list.col4 > li {
    width: 50%;
  }

  .collective-list.col3 > li,
  .collective-list.col6 > li {
    width: 33.333%;
  }
}
/* mobile phone */
@media screen and (max-width: 767px) {
  .collective-list.col3 > li,
  .collective-list.col4 > li {
    width: 50%;
  }
}
@media screen and (max-width: 420px) {
  .collective-list.with-pickup {
    max-width: 420px;
  }

  .collective-list.col6 > li {
    width: 50%;
  }

  .collective-list > li,
  .collective-list.col2 > li,
  .collective-list.col3 > li,
  .collective-list.col4 > li {
    width: 100%;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > collective-list gutter
 * ----------------------------------------------------------------- */
.collective-list.gutter {
  max-width: 1460px;
  margin-top: -20px;
  padding: 0 10px;
}

.collective-list.gutter.col2 {
  max-width: 1000px;
}

.collective-list.gutter > li {
  padding: 20px 10px 0;
}

 /* --------------------------------------------------------------------
  * Component > Common > BannerContent > banner-pattern
  * ----------------------------------------------------------------- */

 .banner-pattern2 {
   padding: 0px 20px 0 20px;
 }

 .banner-line {
   margin-top: 20px;
 }

 .banner-line::after {
   height: 0.5px;
   margin-bottom: 10px;
   margin-top: 10px;
 }

/* --------------------------------------------------------------------
 * Module > Component Modules > column2-box
 * ----------------------------------------------------------------- */
.column2-box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 1280px;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 20px;
}

.column2-box p {
  margin-top: 30px;
}

.column2-box p:first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .column2-box {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > left-column,right-column
 * ----------------------------------------------------------------- */
.column2-box .left-column,
.column2-box .right-column {
  width: 610px;
}

.left-column .technology {
  font-size: 4rem;
  display: inline-block;
  margin-bottom: 22px;
}

.left-column .logo-size {
  width: 264px;
}

.column2-box .right-column p {
  line-height: 2;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > left-column
 * ----------------------------------------------------------------- */
.left-column p {
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .left-column {
    margin-bottom: 40px;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > grade-chart
 * ----------------------------------------------------------------- */
.grade-chart {
  max-width: 1210px;
  min-width: 320px;
  margin: 30px auto 60px;
  padding: 0 20px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .grade-chart.mobile {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .grade-chart.desktop {
    display: none;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > impressive-text
 * ----------------------------------------------------------------- */
.impressive-text,
.impressive-text-harf,
.impressive-text-middle {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: .3rem;
  padding-right: 10px;
}

.impressive-text-harf {
  font-size: 2rem;
}

.impressive-text-middle {
  font-size: 3rem;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .impressive-text {
    font-size: 3rem;
  }
}
.impressive-color {
  color: #009ad9;
}

.impressive-text + p,
.impressive-text-harf + p {
  margin-top: 30px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > sub-navi-area
 * ----------------------------------------------------------------- */
.sub-navi-area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 35px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  min-width: 320px;
}

@media screen and (max-width: 767px) {
  .sub-navi-area {
    display: block;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > sub-navi-heading
 * ----------------------------------------------------------------- */
.sub-navi-heading {
  font-size: 1.4rem;
  font-weight: 500;
  color: #009ad9;
}

@media screen and (max-width: 767px) {
  .sub-navi-heading {
    margin-bottom: 20px;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > sub-navi
 * ----------------------------------------------------------------- */
.sub-navi {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .sub-navi {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.sub-navi > li {
  margin: 0 15px;
}

.sub-navi > li:first-child {
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  .sub-navi > li:first-child {
    margin-left: 15px;
  }
}
@media screen and (max-width: 368px) {
  .sub-navi > li:first-child {
    margin-left: 8px;
  }

  .sub-navi > li {
    margin: 0 8px;
  }
}
.sub-navi > li > a {
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none;
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.sub-navi > li > a.is-current::after,
.sub-navi > li > a:hover::after {
  content: '';
  display: block;
  height: 1px;
  background-color: #009ad9;
  /*    margin: 8px 0 12px;*/
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
}






.sub-navi-v2-area {
  position: relative;
  padding: 0 80px;
  max-width: 1680px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 70px;
}
@media screen and (max-width: 1080px) {
  .sub-navi-v2-area {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .sub-navi-v2-area {
    padding: 0 20px;
  }
}
.sub-navi-v2-area::after {
  content: "";
  position: absolute;
  top: 0;
  right: 80px;
  width: 40px;
  height: calc(100% - 1px);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(77%, rgba(255, 255, 255, 0.95)), to(rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 77%, rgb(255, 255, 255) 100%);
}
@media screen and (max-width: 1080px) {
  .sub-navi-v2-area::after {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sub-navi-v2-area {
    padding-left: 20px;
    padding-right: 0;
    margin-bottom: 60PX;
  }
  .sub-navi-v2-area::after {
    right: 0;
  }
}

.sub-navi-v2-area .sub-navi-v2-area-inner {
  position: relative;
  white-space: nowrap;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #BEBEBE;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.sub-navi-v2-area .sub-navi-v2-area-inner::-webkit-scrollbar {
  display: none;
  width: 0;
}
@media screen and (max-width: 767px) {
  .sub-navi-v2-area .sub-navi-v2-area-inner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.sub-navi-v2-area .sub-navi-v2__list {
  display: inline-block;
  margin-right: 66px;
}
@media screen and (max-width: 767px) {
  .sub-navi-v2-area .sub-navi-v2__list {
    margin-right: 28px;
  }
}
.sub-navi-v2-area .sub-navi-v2__list.sub-navi-v2__list--current {
  position: relative;
  color: #009AD9;
}
.sub-navi-v2-area .sub-navi-v2__list.sub-navi-v2__list--current:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #009AD9;
  z-index: 1;
}
.sub-navi-v2-area .sub-navi-v2__list.sub-navi-v2__list--current span {
  color: #009AD9;
}
.sub-navi-v2-area .sub-navi-v2__list span {
  position: relative;
  display: block;
  text-align: center;
  padding: 25px 0;
  font-size: 2rem;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .sub-navi-v2-area .sub-navi-v2__list span {
    padding: 16px 0;
    font-size: 1.4rem;
  }
}

.sub-navi-v2-area .sub-navi-v2__list a {
  display: block;
  text-decoration: none;
}
.sub-navi-v2-area .sub-navi-v2__list a:hover span {
  color: #009AD9;
}
.sub-navi-v2-area .sub-navi-v2__list a span {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #000000;
}


.sub-navi-v2-area .sub-navi-v2-leftbutton {
  display: none;
  z-index: 2;
  cursor: pointer;
  position: absolute;
  top: 65px;
  left: 20px;
  width: auto;
  margin-top: -52px;
  padding: 15px 8px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 3px;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.3);
}

.sub-navi-v2-area .sub-navi-v2-rightbutton {
  display: none;
  z-index: 2;
  cursor: pointer;
  position: absolute;
  top: 65px;
  right: 20px;
  width: auto;
  margin-top: -52px;
  padding: 15px 8px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 3px;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.3);
}


.sub-navi-v2-area .sub-navi-v2-leftbutton.is-sub-naviactive,.sub-navi-v2-area .sub-navi-v2-rightbutton.is-sub-naviactive {
  display: block;
}
.sub-navi-v2-area .sub-navi-v2-leftbutton:hover,.sub-navi-v2-area .sub-navi-v2-rightbutton:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

@media screen and (max-width: 767px) {
  .sub-navi-v2-area .sub-navi-v2-leftbutton.is-sub-naviactive,.sub-navi-v2-area .sub-navi-v2-rightbutton.is-sub-naviactive {
    display: none;
  }
}


/* --------------------------------------------------------------------
 * Module > Component Modules > groupset-title
 * ----------------------------------------------------------------- */
.groupset-title {
  margin-bottom: 32px;
}

.groupset-title img {
  vertical-align: middle;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > showing-area
 * ----------------------------------------------------------------- */
.showing-area {
  margin: 30px 0 0;
  color: #999;
  text-align: right;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > seies-image-area
 * ----------------------------------------------------------------- */
.seies-image-area {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}

.seies-image-area .heading-02 {
  padding-left: 0;
  font-size: 1.6rem;
  font-weight: 500;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > product-area
 * ----------------------------------------------------------------- */
.product-area {
  border-top: 1px solid #ccc;
  padding-top: 20px;
  /*padding-bottom: 60px;*/
}

.product-area .collective-list {
  margin-left: -10px;
  margin-right: -10px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  .product-area .collective-list {
    min-width: auto;
    margin-bottom: 30px;
  }

  .product-area .collective-list > li {
    width: 50%;
  }
}
@media screen and (max-width: 368px) {
  .product-area .collective-list > li {
    width: 100%;
    min-width: 280px;
  }
}
.product-area .heading-02 {
  padding-left: 0;
  font-size: 1.6rem;
  font-weight: 500;
}

.no-separator .product-area:nth-child(2) {
  border-top: none;
  padding-top: 20px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > product-box
 * ----------------------------------------------------------------- */
.product-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > checkbox
 * ----------------------------------------------------------------- */
.checkbox {
  margin-top: auto;
  padding-top: 20px;
  cursor: pointer;
}

.checkbox [type="checkbox"] {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  margin: 0 10px 0 3px;
}

.checkbox [type="checkbox"] + span {
  position: relative;
}

.checkbox [type="checkbox"]:focus + span {
  color: #009ad9;
}

.checkbox [type="checkbox"] + span::before {
  content: '';
  display: inline-block;
  vertical-align: text-bottom;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #009ad9;
  box-shadow: 0px 0px 0px 2px #fff inset;
  border-radius: 50px;
  margin-right: 5px;
  margin-left: -26px;
}

.checkbox [type="checkbox"]:focus + span::before {
  background-color: #eee;
}

.checkbox [type="checkbox"]:checked + span::before {
  background-color: #009ad9;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > product-image
 * ----------------------------------------------------------------- */
.product-image {
  -webkit-order: -1;
  order: -1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 200px;
  position: relative;
}

.product-image img {
  -webkit-flex: none;
  flex: none;
}

.product-image > a > img {
  width: 100%;
}

.product-image div.product-image-logo {
  position: absolute;
  right: 0;
  bottom: 0;
  height: auto;
  width: 40%;
}

 .product-image div.product-image-logo > img {
   position: absolute;
   right: 0;
   bottom: 0;
 }

/* --------------------------------------------------------------------
 * Module > Component Modules > groupset-name
 * ----------------------------------------------------------------- */
.groupset-name {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: .15rem;
  margin: 20px 0;
}

.groupset-name-rs {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: .15rem;
  margin: 5px 0;
  display: block;
}

.groupset-name::after {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  background-color: #009ad9;
  margin: 22px 0 12px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > product-name
 * ----------------------------------------------------------------- */
.product-name {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .15rem;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > product-link
 * ----------------------------------------------------------------- */
a.product-link {
  font-size: 1.2rem;
  font-weight: 500;
  color: #009ad9;
  text-decoration: none;
}

a.product-link:hover {
  color: #00557a;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > series
 * ----------------------------------------------------------------- */
.series {
  font-size: 1.2rem;
  margin-bottom: 40px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > products-number
 * ----------------------------------------------------------------- */
.products-number {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .15rem;
  margin-bottom: 20px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > products-genre-wrap
 * ----------------------------------------------------------------- */
.products-genre-wrap {
  margin-right: 40px;
  margin-bottom: 20px;
  padding: 30px 20px 30px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .products-genre-wrap {
    margin-right: 0;
    border-bottom: none;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > products-genre
 * ----------------------------------------------------------------- */
.products-genre {
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  .products-genre {
    margin-right: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
.products-genre ul {
  margin-top: 10px;
}

.products-genre > li > .js-toggle > .js-toggle-ui {
  color: #999;
}

.products-genre > li,
.products-genre > li ul > li {
  margin-bottom: 10px;
}

.products-genre .js-toggle-ui {
  position: relative;
  padding-left: 20px;
  margin-left: -20px;
}

.products-genre .js-toggle-content {
  padding-left: 20px;
}

.products-genre li button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.products-genre li button > span {
  position: absolute;
  top: 4px;
  left: 1px;
  width: 14px;
  height: 14px;
  overflow: hidden;
}

.products-genre .js-toggle.closed > .js-toggle-ui > button > span::before,
.products-genre .js-toggle.opened > .js-toggle-ui > button > span::before {
  content: '';
  background: url(clientliball/image/icon-toggle_open.png) no-repeat #fff 0 0;
  display: inline-block;
  width: 15px;
  height: 15px;
}

.products-genre .js-toggle.opened > .js-toggle-ui > button > span::before {
  background: url(clientliball/image/icon-toggle_close.png) no-repeat #fff 0 0;
}

.products-genre a {
  color: #000;
  text-decoration: none;
  display: inline-block;
}

.products-genre a:hover {
  color: #009ad9;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > search-result-area
 * ----------------------------------------------------------------- */
.search-result-area {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > result-table
 * ----------------------------------------------------------------- */
.result-table {
  border-top: 1px solid #009ad9;
  border-left: 1px solid #009ad9;
  border-spacing: 0;
  width: 100%;
  max-width: 1000px;
  min-height: 70px;
  text-align: left;
}

.result-table a {
  color: #000;
  text-decoration: none;
  display: block;
}

.result-table th a:hover,
.result-table td a:hover {
  text-decoration: underline;
}

.result-table td a:hover {
  background-color: #f0f0f0;
}

.result-table td:last-child a {
  color: #009ad9;
  text-decoration: underline;
}

.result-table th,
.result-table td {
  border-bottom: 1px solid #009ad9;
  border-right: 1px solid #009ad9;
  padding: 5px;
}

.result-table thead th,
.result-table thead td,
.result-table tbody th {
  background-color: #8de4ff;
  font-weight: normal;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > product-section
 * ----------------------------------------------------------------- */
.product-section {
  max-width: 1280px;
  min-width: 320px;
  margin: 10px auto 0;
  padding: 0 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .product-section {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.product-section-content {
  flex: 0 0 0%;
  min-width: 50%;
}

.product-section-content:first-child {
  min-width: 46%;
}

.product-section-content .groupset-head-area {
  margin-bottom: 34px; 
}

.product-section-content .product-variation-area {
    padding-top: 0;
    border-top: none;
}

.groupset-head-area,
.product-description-area {
  padding-left: 20px;
}

.product-section .heading-01 {
  padding-left: 0;
  margin: 0 auto 7px;
  font-size: 2.8rem;
  line-height: 1.3;
}

.product-section .heading-02 {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 0 6px 0;
  padding: 0;
}

.product-section .heading-02 img {
  margin: 0;
}

.product-section .heading-02::after {
  display: none;
}

@media screen and (max-width: 767px) {
  .product-section .heading-01 {
    margin-bottom: 9px;
    font-size: 3.2rem;
  }
  .product-section .heading-02 {
    margin: 0 0 17px 0; 
  }
  .product-section-content .groupset-head-area {
    margin-bottom: 40px; 
  }
  .product-section .heading-01,
  .groupset-head-area,
  .product-scalable-area,
  .product-description-area {
    width: 100%;
    padding: 0;
    -webkit-flex: none;
    flex: none;
  }
}
/* helpers */
.product-section .show-sm {
  display: none;
}

.product-section .hide-sm {
  display: block;
}

@media screen and (max-width: 767px) {
  .product-section .show-sm {
    display: block;
  }

  .product-section .hide-sm {
    display: none;
  }
}

/* --------------------------------------------------------------------
 * Module > Component Modules > mark
 * ----------------------------------------------------------------- */
.mark {
  color: #fff;
  letter-spacing: .15rem;
  background-color: #009ad9;
  font-size: 0.7em;
  text-align:center;
  margin-left: 10px;
  padding: 2px 4px 2px 4px;
  position: relative;
  line-height: 14px;
  min-width: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
}

.mark::before {
  content: '';
  position: absolute;
  right: 100%;
  top: 0;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-right: 9px solid #009ad9;
  border-bottom: 9px solid transparent;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > product-scalable-area
 * ----------------------------------------------------------------- */
.product-scalable-area {
  margin-bottom: 20px;
  position : relative;
}

.product-scalable-area .collective-list {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  .product-scalable-area .collective-list {
    max-width: 600px;
    min-width: 280px;
    margin-left: 0;
  }

  .product-scalable-area .collective-list > li {
    width: 33.333%;
    min-width: auto;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > scalable-image
 * ----------------------------------------------------------------- */
.scalable-image {
  position: relative;
  margin-bottom: 20px;
}

.scalable-image img {
  width: 100%;
}

@media screen and (min-width: 1025px) {
  .collective-list.scalable-image-list > li {
    width: auto;
  }

  .collective-list.scalable-image-list .btn-change-image > img {
    width: 80px;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > utl-scalable
 * ----------------------------------------------------------------- */
.utl-scalable {
  display: -webkit-flex;
  display: flex;
  padding: 10px 0;
  justify-content: flex-end;
  position: absolute;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, 0%);
  left: 100%;
  width: 100%;
  z-index: 1;
}

.utl-scalable > li {
  margin: 0 0 0 15px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > btn-scalable-01
 * ----------------------------------------------------------------- */
.btn-scalable-01 {
  background-color: transparent;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > product-description-area
 * ----------------------------------------------------------------- */
.product-description-area {
  font-size: 1.6rem;
}

.product-description-area p {
  margin-bottom: 15px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > .product-feature-list
 * ----------------------------------------------------------------- */
.product-feature-list {
  margin: 20px 0 40px;
}

.product-feature-list > li {
  margin: 20px 0;
}

.product-feature-list > li ul {
  list-style-type: disc;
  padding-left: 15px;
}

.product-feature-list ul > li {
  margin-bottom: 10px;
}

.product-feature-list .js-toggle > .js-toggle-ui {
  color: #999;
  margin-bottom: 10px;
}

.product-feature-list .js-toggle-ui {
  position: relative;
  padding-left: 20px;
  margin-left: 0;
}

.product-feature-list .js-toggle-content {
  padding-left: 10px;
}

.product-feature-list .js-toggle button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.product-feature-list .js-toggle button > span {
  position: absolute;
  top: 4px;
  left: 1px;
  width: 14px;
  height: 14px;
  overflow: hidden;
}

.product-feature-list .js-toggle.closed > .js-toggle-ui > button > span::before,
.product-feature-list .js-toggle.opened > .js-toggle-ui > button > span::before {
  content: '';
  background: url(clientliball/image/icon-toggle_open.png) no-repeat #fff 0 0;
  display: inline-block;
  width: 15px;
  height: 15px;
}

.product-feature-list .js-toggle.opened > .js-toggle-ui > button > span::before {
  background: url(clientliball/image/icon-toggle_close.png) no-repeat #fff 0 0;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > list-01
 * ----------------------------------------------------------------- */
.list-01 {
  list-style-type: disc;
  padding-left: 15px;
  margin-bottom: 30px;
}

.list-01 > li {
  margin-bottom: 15px;
}

.list-01 > li:last-child {
  margin-bottom: 0;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > btn-group
 * ----------------------------------------------------------------- */
.btn-group {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.btn-group > li {
  width: 160px;
  margin: 0 20px 20px 0;
}

@media screen and (max-width: 1024px) {
  .btn-group > li {
    margin: 0 10px 10px 0;
  }
}
@media screen and (max-width: 380px) {
  .btn-group {
    margin-right: 0;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.btn-group > li .btn-01,
.btn-group > li .btn-02 {
  width: 100%;
  display: block;
  padding: 13px 5px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > btn-group-size
 * ----------------------------------------------------------------- */
.btn-group-size {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}

.btn-group-size > li {
  width: 90px;
  margin: 0 20px 0px 0;
}

@media screen and (max-width: 1024px) {
  .btn-group-size > li {
    margin: 0 10px 0px 0;
  }
}
@media screen and (max-width: 380px) {
  .btn-group-size {
    margin-right: 0;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.btn-group-size > li .btn-01,
.btn-group-size > li .btn-02 {
  width: 100%;
  display: block;
  padding: 13px 5px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > share-dialog
 * ----------------------------------------------------------------- */
.share-dialog {
  position: relative;
}

.share-dialog .js-toggle.opened::before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 3;
}

.share-dialog .js-toggle-ui,
.share-dialog .js-toggle-content {
  position: relative;
}

.share-dialog .js-toggle-ui:hover > .btn-02 {
  color: #fff;
  background-color: #00557a;
}

.share-dialog button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.share-dialog .js-toggle.opened button {
  background-color: #00557a;
  z-index: 10;
}

.share-dialog button > span {
  position: relative;
  z-index: -1;
}

.share-dialog .js-toggle.opened button > span {
  z-index: 1;
  color: #fff;
}

.share-dialog.active a {
  background: #00557a;
  color: #fff;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > share-btn-group
 * ----------------------------------------------------------------- */
.share-btn-group {
  padding: 10px;
  position: absolute;
  left: 0;
  background-color: #ededed;
  z-index: 10;
  display: none;
}

.share-btn-group > li {
  margin-bottom: 10px;
  width: 140px;
}

.share-btn-group > li:last-child {
  margin-bottom: 0;
}

.share-btn-group > li > a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #ccc;
  padding: 15px 10px;
  color: #fff;
  text-decoration: none;
}

.share-btn-group > li > a:hover {
  box-shadow: none;
}

.share-btn-group > li > .twitter {
  background-color: #1da1f2;
  box-shadow: 0 -5px 0 #0092ca inset;
}

.share-btn-group > li > .facebook {
  background-color: #3564a2;
  box-shadow: 0 -5px 0 #2c4373 inset;
}

.share-btn-group > li > .google-plus {
  background-color: #db4a39;
  box-shadow: 0 -5px 0 #ad3a2d inset;
}

.twitter::before,
.facebook::before,
.google-plus::before {
  content: '';
  display: inline-block;
  background: url(clientliball/image/logo-twitter-large.png) no-repeat 0 0;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-right: 10px;
}

.facebook::before {
  background: url(clientliball/image/logo-facebook-large.png) no-repeat 0 0;
  background-size: contain;
}

.google-plus::before {
  background: url(https://www.gstatic.com/images/icons/gplus-64.png) no-repeat 0 0;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > product-variation-area
 * ----------------------------------------------------------------- */
.product-variation-area {
  padding-top: 20px;
}
.product-variation-area.has-icon {
  padding-top: 0;
}
.product-variation-area .collective-has-icon {
  display: -webkit-flex;
  display: flex;
}
.product-variation-area .collective-has-icon .collective-icon {
  width: 6%;
  margin-top: 5%;
  margin-right: 1%;
}
.product-variation-area .collective-has-icon .collective-icon li {
  margin-bottom: 10px;
}
.product-variation-area .collective-has-icon .collective-icon li:last-child {
  margin-bottom: 0;
}
.product-variation-area .collective-has-icon .collective-icon img {
  width: 100%;
}
.product-variation-area .collective-has-icon .collective-list {
  width: 94%;
  margin-bottom: -10px;
}
.product-variation-area .collective-has-icon .collective-list li {
  font-size: 1.35rem;
  word-break: break-all;
  line-height: 1.05;
  letter-spacing: -0.7px;
}
.product-variation-area .collective-has-icon .collective-list li > a {
  padding-right: 5px;
}
.product-variation-area .collective-has-icon .collective-list li img {
  position: relative;
  display: block;
  width: 90%;
  margin: 0 auto -15px;
  z-index: -1;
}
.product-variation-area .collective-has-icon .collective-list li small {
  font-size: 1.0rem;
  letter-spacing: -0.1px;
}
.product-variation-area .collective-has-icon .collective-list li small span {
  display: inline-block;
  margin-top: 2px;
  font-weight: bold;
}

.product-variation-area .collective-list li {
  display: block;
}

.product-variation-area .collective-list li > a {
  padding-right: 5px;
  display: block;
}

.product-variation-area .collective-list li .is-new {
  color: #009ad9;
}

@media screen and (max-width: 1220px) {
  .product-variation-area .collective-has-icon .collective-list li {
    font-size: 1.2rem;
    letter-spacing: -1.0px;
  }
}
@media screen and (max-width: 1024px) {
  .product-variation-area .collective-has-icon .collective-icon {
    margin-top: 12%;
  }
  .product-variation-area .collective-has-icon .collective-list li {
    font-size: 1.4rem;
    letter-spacing: normal;
  }
}
@media screen and (max-width: 767px) {
  .product-variation-area{
      padding : 0;
      order: 3;
      z-index: 10;
   }

  .product-variation-area .collective-has-icon .collective-icon {
    width: 12%;
    margin-top: 10%;
    margin-right: 4%;
  }
  .product-variation-area .collective-has-icon .collective-list {
    min-width: 0;
    width: 84%;
  }
  .product-variation-area .collective-has-icon .collective-list li {
    width: 50%;
  }
  .product-variation-area .collective-has-icon .collective-list li small {
    font-size: 1.1rem;
  }
  .product-variation-area .collective-list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 280px;
  }
}
/* mixin for multiline */
/* --------------------------------------------------------------------
 * Module > Component Modules > product-thumbnail-area
 * ----------------------------------------------------------------- */
 .product-thumbnail-area {
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
.product-thumbnail-area.has-icon {
  padding-top: 0;
}
.product-thumbnail-area .collective-has-icon {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 0%;
}
.product-thumbnail-area .collective-has-icon .collective-icon {
  width: 8%;
  margin-top: 5%;
  margin-right: 1%;
}
.product-thumbnail-area .collective-has-icon .collective-icon li {
  margin-bottom: 10px;
}
.product-thumbnail-area .collective-has-icon .collective-icon li:last-child {
  margin-bottom: 0;
}
.product-thumbnail-area .collective-has-icon .collective-icon img {
  width: 100%;
}
.product-thumbnail-area .collective-has-icon .collective-list {
  width: 92%;
  justify-content: space-between;
  margin-bottom: -10px;
}
.product-thumbnail-area .collective-has-icon .collective-list::before, .product-thumbnail-area .collective-has-icon .collective-list::after {
  content: "";
  display: block;
  width: 28%;
  order: 1;
}
.product-thumbnail-area .collective-has-icon .collective-list li {
  order: 0;
  width: 32%;
  font-size: 1.35rem;
  word-break: break-all;
  line-height: 1.05;
}
@media screen and (max-width: 960px) {
  .product-thumbnail-area .collective-has-icon .collective-list li {
    width: 48%;
  }
}
.product-thumbnail-area .collective-has-icon .collective-list li img {
  position: relative;
  display: block;
  width: 90%;
  margin: 0 auto -15px;
  z-index: -1;
}
.product-thumbnail-area .collective-has-icon .collective-list li .itemName {
  font-size: 1.6rem;
  font-weight: bold;
}
.product-thumbnail-area .collective-has-icon .collective-list li .itemName .new {
  margin-right: 5px;
  padding: 2px 5px;
  color: #FFF;
  background-color: #009AD9;
  font-size: 1.1rem;
  line-height: 1.0;
}
.product-thumbnail-area .collective-has-icon .collective-list li dl {
  letter-spacing: -0.1px;
  line-height: 1.2;
}
.product-thumbnail-area .collective-has-icon .collective-list li dl span {
  display: inline-block;
  margin-top: 2px;
  font-weight: bold;
}
.product-thumbnail-area .collective-list li {
  display: block;
}
.product-thumbnail-area .collective-list li > a {
  padding-right: 5px;
  display: block;
}
.product-thumbnail-area .collective-list li .is-new {
  color: #009ad9;
}

@media screen and (max-width: 1220px) {
  .product-variation-area-eyewear .collective-has-icon .collective-list li {
    font-size: 1.2rem;
    letter-spacing: -1.0px;
  }
}
@media screen and (max-width: 1024px) {
  .product-variation-area-eyewear .collective-has-icon .collective-icon {
    margin-top: 12%;
  }
  .product-variation-area-eyewear .collective-has-icon .collective-list li {
    font-size: 1.4rem;
    letter-spacing: normal;
  }
}
@media screen and (max-width: 767px) {
  .product-variation-area-eyewear .collective-has-icon .collective-icon {
    width: 12%;
    margin-top: 10%;
    margin-right: 4%;
  }
  .product-variation-area-eyewear .collective-has-icon .collective-list {
    min-width: 0;
    width: 84%;
  }
  .product-variation-area-eyewear .collective-has-icon .collective-list li {
    width: 50%;
  }
  .product-variation-area-eyewear .collective-has-icon .collective-list li small {
    font-size: 1.1rem;
  }
  .product-variation-area-eyewear .collective-list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 280px;
  }
}
.product-section {
  overflow: hidden;
}

/*# sourceMappingURL=eyewear_item.css.map */

/* --------------------------------------------------------------------
 * Module > Component Modules > icon-group-list
 * ----------------------------------------------------------------- */
.icon-group-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.icon-group-list.technology > li {
  margin: 0 20px 30px 0;
}

.icon-group-list > li {
  margin: 0 10px 30px 0;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > btn-icon-group
 * ----------------------------------------------------------------- */
.btn-icon-group {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .btn-icon-group {
    text-align: center;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > select-box
 * ----------------------------------------------------------------- */
.select-box {
  width: 100%;
  max-width: 210px;
  margin-bottom: 40px;
  padding: 5px;
  border: 1px solid #009ad9;
}

.select-box:focus {
  background-color: #fff;
  box-shadow: 0px 0px 3px 0px #8de4ff;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > image-list
 * ----------------------------------------------------------------- */
.image-list {
  margin: 0 auto 30px;
  padding: 0 10px;
  max-width: 1280px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.image-list.col2 > li {
  width: 50%;
}

.image-list > li {
  margin-bottom: 20px;
  padding: 0 10px;
}

@media screen and (max-width: 1024px) {
  .image-list {
    -webkit-justify-content: center;
    justify-content: center;
  }

  .image-list.col2 > li {
    width: auto;
  }
}

/* --------------------------------------------------------------------
 * Module > Component Modules > auroraheader
 * ----------------------------------------------------------------- */
header#hidden-header {
  top: 0;
  width: 100%;
  transition: top 0.3s;
  z-index: 3;
}
header#hidden-header .publish {
  position: fixed;
}

header .white-header {
  background-color: #FFFFFF;
}

#main-aurora {
  margin: 0;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > special-banner
 * ----------------------------------------------------------------- */
.special-banner-area {
  position: relative;
  margin: 20px 0;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > movie-container
 * ----------------------------------------------------------------- */
.movie-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.movie-container.size-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.movie-container.size-4x3 {
  padding-bottom: 75%;
}

.movie-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > video-player-modal
 * ----------------------------------------------------------------- */
.video-player-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-player-modal--for-desktop {
  display: none;
}
.video-player-modal--for-mobile {
  display: block;
}

@media screen and (min-width: 767px) {
  .video-player-modal--for-desktop {
    display: block;
  }
  .video-player-modal--for-mobile {
    display: none;
  }
}

/* --------------------------------------------------------------------
 * Module > Component Modules > learn-more-text
 * ----------------------------------------------------------------- */
.learn-more-text-sm-only {
  display: block;
}
@media screen and (max-width: 767px) {
  .learn-more-text-sm-only {
    display: none;
  }
}

/* --------------------------------------------------------------------
 * Module > Component Modules > learn-more-btn
 * ----------------------------------------------------------------- */
.learn-more-btn {
  margin-top: 28px;
  padding: 0 20px;
  width: 155px;
  line-height: 32px;
  border: 1px solid #009ad9;
  color: #009ad9;
  text-decoration: none;
  display: block;
  border-radius: 50px;
  position: relative;
  transition: background-color .4s,color .2s;
  text-align: left;
  font-family: inherit;
  font-size: 1.6rem;
  outline: none;
}
@media screen and (min-width: 768px) {
  .learn-more-btn:hover {
    background-color: rgba(0, 154, 217, 0.4);
    color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .learn-more-btn {
    margin-top: 15px;
  }
}
.learn-more-btn:before {
  content: attr(data-lm-open);
}
.learn-more-btn:after {
  content: "";
  display: block;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  background-image: url(clientliball/image/arw_down_blue.png);
  background-color: #fff;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  background-size: 8px auto !important;
}
.learn-more-btn.active:before {
  content: attr(data-lm-close);
}
.learn-more-btn.active:after {
  transform: rotate(-180deg);
}
.learn-more-btn-sm-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .learn-more-btn-sm-only {
    display: block;
  }
}

/* --------------------------------------------------------------------
 * Module > Image and Video Modules > .movie-wrap
 * ----------------------------------------------------------------- */
.movie-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 90px;
}

.movie-wrap iframe {
  width: 960px;
  height: 540px;
}

/* --------------------------------------------------------------------
* Module > Component Modules > movie-modal-container
* ----------------------------------------------------------------- */
.movie-modal-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.movie-modal-container.size-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.movie-modal-container.size-4x3 {
  padding-bottom: 75%;
}

.movie-modal-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.play-icon {
  position: relative;
}

.play-icon img {
  vertical-align: middle;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > movie-modal
 * ----------------------------------------------------------------- */
.movie-modal {
  max-width: 1240px;
  min-width: 320px;
  margin: 0 auto;
  position: relative;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > iframe-container
 * ----------------------------------------------------------------- */
.iframe-container {
  position: relative;
  overflow: hidden;
}

.iframe-container iframe {
  width: 100%;
}

.iframe-container iframe.iframe-fixed-size {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > column-separator
 * ----------------------------------------------------------------- */
.column-separator {
  margin: 0 auto 30px;
  min-width: 280px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}

.column-separator > .column-separator-col {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
  padding-left: 3%;
  padding-right: 3%;
}

.column-separator.col2 > .column-separator-col {
  width: 48%;
}

.column-separator.col3 > .column-separator-col {
  width: 33.333%;
}

.column-separator.col4 > .column-separator-col {
  width: 25%;
}

@media screen and (max-width: 1024px) {
  .column-separator > .column-separator-col,
  .column-separator.col2 > .column-separator-col,
  .column-separator.col3 > .column-separator-col,
  .column-separator.col4 > .column-separator-col {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .column-separator > .column-separator-col,
  .column-separator.col2 > .column-separator-col,
  .column-separator.col3 > .column-separator-col,
  .column-separator.col4 > .column-separator-col {
    width: 100%;
  }
}
/* ----------------------------------------------------------------------------
 * Module > Javascript Modules
 * ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------
 * Module > Javascript Modules > js-dialog
 * ----------------------------------------------------------------- */
#dialog-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  overflow: auto;
  width: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.dialog {
  position: absolute;
  top: 40px;
  right: 0;
  left: 0;
  display: none;
  margin: auto;
  min-width: 320px;
  max-width: 1024px;
  width: 100%;
  min-height: 115px;
  background-color: #fff;
}

.dialog-content {
  display: none;
}

.dialog .dialog-content,
.is-static .dialog-content {
  display: block;
}

.dialog .btn-close {
  position: absolute;
  top: 40px;
  right: 30px;
  background-color: transparent;
}

.dialog .image {
  text-align: center;
  padding: 50px 20px;
}

.dialog .dialog-content .popup-btn-image{
 width: 100%;
}

/* productVideo360
-----------------------------------*/
.video360 {
  width: 100%;
  height: 100%;
}

.video360, .dialog-content, .dialog-video{
  padding: 4px 4px 0px 4px
}

/* --------------------------------------------------------------------
 * Module > Component Modules > btn-compare
 * ----------------------------------------------------------------- */
.btn-compare {
  margin-bottom: 30px;
  padding-right: 20px;
}

.btn-compare .btn-01 {
  padding: 17px 20px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > btn-clear
 * ----------------------------------------------------------------- */
.btn-clear {
  margin-bottom: 40px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > compare-content-wrap
 * ----------------------------------------------------------------- */
.compare-content-wrap {
  padding: 30px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > compare-heading
 * ----------------------------------------------------------------- */
.compare-heading {
  margin-bottom: 30px;
  padding-right: 180px;
  color: #009ad9;
  font-size: 4rem;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > compare-print-btn
 * ----------------------------------------------------------------- */
.compare-print-btn {
  position: absolute;
  top: 40px;
  right: 95px;
  padding: 10px 30px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > compare-table
 * ----------------------------------------------------------------- */
.compare-table {
  max-width: 1280px;
  width: 100%;
  border-spacing: 5px;
  text-align: left;
}

.compare-table th,
.compare-table td {
  position: relative;
  border: none;
  vertical-align: top;
}

.compare-table tbody th,
.compare-table tbody td {
  padding: 10px 20px;
  background-color: #ededed;
  font-size: 1.4rem;
}

.compare-table tbody th {
  background-color: #00557a;
  color: #fff;
  font-weight: normal;
}

.compare-table .btn-remove {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  background: none;
}

.compare-table .name {
  display: block;
  margin-top: 20px;
  color: #333;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .compare-content-wrap + .btn-close {
    top: 30px;
    right: 20px;
  }

  .compare-content-wrap {
    padding: 20px;
  }

  .compare-heading {
    margin-bottom: 20px;
    padding-right: 140px;
    min-height: 48px;
    font-size: 2.4rem;
  }

  .compare-table .btn-remove {
    display: none;
  }

  .compare-print-btn {
    top: 30px;
    right: 70px;
    padding: 10px 20px;
  }

  .compare-table,
  .compare-table thead,
  .compare-table tbody,
  .compare-table th,
  .compare-table td {
    display: block;
  }

  .compare-table tr {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .compare-table thead td.blank,
  .compare-table tbody tr.blank {
    display: none;
  }

  .compare-table tbody th {
    margin-bottom: 10px;
    width: 100%;
  }

  .compare-table thead th,
  .compare-table tbody td {
    width: 48%;
  }

  .compare-table thead th:nth-child(n+4),
  .compare-table tbody td:nth-child(n+4) {
    display: none;
  }
}
/* ------------------------------------------------------------------------------
 * Module > Component Modules > lsgbannerlist
 * ------------------------------------------------------------------------------ */
.series-info-container {
  position: relative;
}

.series-info-title {
  position: absolute;
  top: 17%;
  left: 4%;
  color: #fff;
}

/* --------------------------------------------------------------------
 * Module > Javascript Modules > ManualList
 * ----------------------------------------------------------------- */
.result-message {
  text-align: center;
  margin-top: 40px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > searchwop
 * ----------------------------------------------------------------- */
.productsite_searchwop label.checkbox {
  font-size: 1.4rem;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > downgradeproductlist, upgradeproductlist
 * ----------------------------------------------------------------- */
.upgrade-downgrade-container {
  background: #f0f0f0;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}

.upgrade-downgrade-container .collective-wrap {
  padding: 50px 0 0;
  float: left;
  width: 50%;
  background: #fff;
  margin-bottom: 25px;
}

.upgrade-downgrade-container .collective-list,
.upgrade-downgrade-container .collective-list {
  margin-bottom: 0px;
}

.upgrade-downgrade-container .upgrade.collective-wrap {
  margin-left: 20px;
  margin-right: 10px;
}

.upgrade-downgrade-container .downgrade.collective-wrap {
  margin-left: 10px;
  margin-right: 20px;
}

.upgrade-downgrade-container .collective-wrap-override.upgrade.collective-wrap,
.upgrade-downgrade-container .collective-wrap-override.downgrade.collective-wrap {
  width: 100%;
  margin-left: 20px;
  margin-right: 20px;
}

@media screen and (max-width: 1024px) {
  .upgrade-downgrade-container {
    flex-wrap: wrap;
  }

  .upgrade-downgrade-container .upgrade.collective-wrap,
  .upgrade-downgrade-container .downgrade.collective-wrap {
    width: 100%;
    margin: 0 10px 25px;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > technologylogolist
 * ----------------------------------------------------------------- */
ul.technology-logo-list .title-parts-02 {
  margin: 0px;
}

ul.technology-logo-list .collective-title-02 {
  margin: 15px 0px 5px;
}

ul.technology-logo-list div.item-image {
  width: 80%;
  margin: 0px auto;
}

.tech-margin-top {
  margin-top: 80px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > btn-tech-logo-group
 * ----------------------------------------------------------------- */
.btn-tech-logo-group {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.btn-tech-logo-group > li {
  width: 160px;
  margin: 0 20px 20px 0;
}

@media screen and (max-width: 1024px) {
  .btn-group > li {
    margin: 0 20px 10px 0;
  }
}
@media screen and (max-width: 380px) {
  .btn-tech-logo-group {
    margin-right: 0;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > category-search-condition-form
 * ----------------------------------------------------------------- */
.category-search-condition-form {
  margin-right: 40px;
  margin-bottom: 20px;
  padding: 30px 20px 30px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .category-search-condition-form {
    margin-right: 0;
    border-bottom: none;
  }
}

/* --------------------------------------------------------------------
 * Module > Component Modules > category-search-condition-area
 * ----------------------------------------------------------------- */
.category-search-condition-area {
  width: 200px;
  margin: 10px 0px 30px 0;
  display: inline-block;
  vertical-align: top;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > category-search-condition
 * ----------------------------------------------------------------- */
.category-search-condition {
  padding-left: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .category-search-condition {
    margin: 0;
    padding: 0;
    border-bottom: none;
  }
}

.category-search-condition label {
  font-size: 16px;
}

.category-search-condition ul {
  margin-top: 10px;
}

.category-search-condition > li {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .category-search-condition > li {
    margin-bottom: 0;
  }
}

/* --------------------------------------------------------------------
 * Module > Component Modules > category-search-button
 * ----------------------------------------------------------------- */
.category-search-button > button {
  width: 160px;
  padding: 17px 20px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > category-search-condition-title
 * ----------------------------------------------------------------- */
.category-search-condition-title {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .15rem;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .category-search-condition-title {
    font-size: 1.8rem;
    margin-bottom: 10px;
    letter-spacing: normal;
  }
}

/* --------------------------------------------------------------------
 * Module > Component Modules > series-header
 * ----------------------------------------------------------------- */
.series-header {
  padding: 60px 0 0 10px;
  max-width: 80%;
  z-index: 1;
}

.series-header .series-logo {
  margin: 0 0 20px;
}

.series-header .series-logo img.invert {
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -o-filter: invert(100%);
  -ms-filter: invert(100%);
  filter: invert(100%);
}

#nexus img.invert {
  -webkit-filter: invert(0%);
  -moz-filter: invert(0%);
  -o-filter: invert(0%);
  -ms-filter: invert(0%);
  filter: invert(0%);
}

/* --------------------------------------------------------------------
 * Module > Component Modules > series-button
 * ----------------------------------------------------------------- */
.series-button {
  text-align: center;
  padding: 40px 0 80px;
}

.series-button .series-link {
  margin: 20px 0 20px 0;
}

.productsite_productlistseries label,
.productsite_productlistwop label {
  font-size: 16px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > SPECIFICATION ICONS
 * --------------------------------------------------------------------
 */
/* Tooltip container */
.functional-feature-tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.functional-feature-tooltip .functional-feature-tooltip-text {
  visibility: hidden;
  background-color: #666666;
  color: #fff;
  text-align: left;
  padding: 12px;
  border-radius: 6px;
  /* Position the tooltip text*/
  position: absolute;
  z-index: 1;
  width: 200px;
  bottom: 100%;
  left: 50%;
  margin-left: -100px;
  /* Use half of the width (120/2 = 60), to center the tooltip */
  font-size: 1.1rem;
  margin-bottom: 5px;
}

/* weight text */
.functional-feature-tooltip.has-weight {
  letter-spacing: -.4em;
}
.functional-feature-tooltip.has-weight .weight-text {
  display: inline-block;
  margin-left: 10px;
  line-height: 1.1;
  letter-spacing: normal;
}

@media screen and (max-width: 767px) {
  .functional-feature-tooltip {
    overflow: hidden;
  }
}
.functional-feature-tooltip-text.spec {
  text-align: center;
  width: 100px;
  margin-left: -50px;
}

.functional-feature-tooltip .functional-feature-tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #666666 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.functional-feature-tooltip:hover .functional-feature-tooltip-text {
  visibility: visible;
}

@media screen and (max-width: 1023px) {
  .functional-feature-tooltip:hover .functional-feature-tooltip-text {
    visibility: hidden;
  }
}
ul.feature-text {
  list-style: initial;
}

.spec_icons_row {
  padding-bottom: 15px;
  max-width: 95rem;
}

.spec_icons_col {
  padding: 0 0 15px 0;
  margin-right: 5px;
}

.icons-explanations, .product-features-modal {
  width: 100%;
  max-width: 95rem;
}

.stiffness-icon-holder {
  margin-right: 5px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > Series List Option 2
 * --------------------------------------------------------------------
 */
.sidebar-area .sidebar-header {
  font-size: 1.9rem;
  font-weight: 500;
  padding-bottom: 15px;
}
.sidebar-area .image:hover {
  opacity: 0.8;
}

.sidebar-header::after {
  content: '';
  display: block;
  width: 175px;
  height: 20px;
  border-bottom: 1px solid #ccc;
}

.sidebar-menu .product-link {
  font-size: 1.4rem;
  color: black;
}

.sidebar-menu .product-link:hover {
  color: #009ad9;
}

.heading-02-s02 {
  background-color: #cccccc;
  padding: 8px 0 8px 15px;
  font-size: 2rem;
  font-weight: 500;
  margin: 0 auto 20px;
}

.groupset-name-s02 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: .15rem;
  margin-top: 20px;
}

.product-category-list .groupset-name {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: .15rem;
  margin-top: 20px;
}

button.accordion {
  color: #333;
  background-color: white;
  padding: 15px 30px 15px 0px;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 500;
  width: 100%;
  cursor: pointer;
  border: none;
  outline: none;
  display: none;
}

.arrow-up {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
}

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: lightgray;
  color: black;
  cursor: pointer;
  padding: 12px;
  border-radius: 10px;
  font-size: 1.6rem;
  font-weight: 600;
}

li.list-more {
  display: none;
}

#back-arrow-up {
  transform: rotate(-90deg);
  display: block;
  margin-right: 2px;
  font-weight: 700;
}

#back-top {
  position: fixed;
  display: none;
  color: black;
  bottom: 20px;
  right: 15px;
  width: auto;
}

a .back-to-top:hover {
  background-color: #555;
}

.product-list-margin-top {
  margin-top: 50px;
}

/* Small only */
@media screen and (max-width: 767px) {
  .main-contents-s02 {
    margin: 0 25px;
  }

  .content-area {
    width: 100%;
  }

  .sidebar-area-hide {
    display: none;
  }

  .product-category-list, .see-more-btn, .product-area .heading-02-s02 {
    display: none;
  }

  button.accordion {
    display: block;
    position: relative;
  }

  button.accordion:after {
    color: transparent;
    text-shadow: 0 0 0 #009ad9;
    content: '\02795';
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  button.accordion.active:after {
    content: "\2796";
  }

  div#product-list .product-area {
    padding-top: 0px;
  }

  .back-to-top {
    font-size: 1.6rem;
  }
}
/* Medium only */
@media screen and (min-width: 49em) and (max-width: 64em) {
  .sidebar-area {
    display: block;
  }

  .product-category-list, .product-area .heading-02-s02 {
    display: block;
  }

  button.accordion {
    display: none;
  }

  button.accordion div {
    display: block;
  }

  button.accordion:after {
    color: transparent;
    text-shadow: 0 0 0 #009ad9;
    content: '\02795';
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    float: right;
  }

  button.accordion.active:after {
    content: "\2796";
  }

  div#product-list .product-area {
    padding-top: 0px;
  }
}
@media screen and (min-width: 64em) {
  button.accordion div {
    display: block;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > prev-series-area
 * ----------------------------------------------------------------- */
.prev-series-area {
  margin: 20px 0px;
}

@media screen and (max-width: 767px) {
  .prev-series-area {
    margin: 20px 15px 10px;
  }
}

a.prev-series-link {
  text-decoration: none;
  color: #009ad9;
}

a.prev-series-link:hover {
  color: #00557a;
}
/* ----------------------------------------------------------------------------
 * Module > Unique Modules
 * ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------
 * Module > Unique Modules > separator
 * ----------------------------------------------------------------- */
.separator {
  margin: 90px auto 60px;
  max-width: 1240px;
  border: 1px solid transparent;
  border-top: 1px solid #ccc;
}

/* --------------------------------------------------------------------
 * Module > Javascript Modules > js-product-list
 * ----------------------------------------------------------------- */
.spinner {
  text-align: center;
  margin-bottom: 40px;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  content: " ";
}

.invisible {
  visibility: hidden;
  position: absolute;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > error-message
 * ----------------------------------------------------------------- */
.error-message {
  	color: #D8000C;
  	font-size: 1.6rem;
  	position: absolute;
  	text-align: center;
  	top: 50%;
    width: 100%;
    left: 0;
    padding: 0 60px;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.error-message:before {
    content: "";
    height: 30px;
    width: 30px;
    display: inline-block;
    background-image: url(clientliball/image/icon-error.png);
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 5px;
}

/* Medium Screen */
@media screen and (max-width: 1024px) {
  .error-message {
    padding: 0 45px;
  }
}

/*
 * New Color Icon
 */

.new-color-icon,
li.item span.new-color-icon {
    color: #f00;
    font: bold 10px Arial;
    margin: 0 0 2px;
 }

/* --------------------------------------------------------------------
 * Module > Footer > Newsletter Sign Up Button
 * ----------------------------------------------------------------- */
.btn-02-anchor {
	margin: 0 auto 50px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.5;
	padding: 19px 30px;
	display: inline-block;
  	border: 1px solid #009ad9;
  	background-color: #fff;
  	font-family: sans-serif;
}

a.btn-02-anchor:link {
  	text-decoration: none;
    cursor: pointer;
}

a.btn-02-anchor:visited {
    color: #009ad9;
}

a.btn-02-anchor:focus,
a.btn-02-anchor:hover {
  background-color: #00557a;
  color: #fff;
}

@media screen and (max-width: 368px) {
  .btn-02-anchor {
    max-width: 290px;
    padding: 10px 70px;
  }
}

/* --------------------------------------------------------------------
 * Module > Component Modules > products-genre-wrap-category
 * ----------------------------------------------------------------- */
.products-genre-wrap-category {
  margin-top: 30px;
  margin-right: 40px;
  margin-bottom: 20px;
  border-top: none;
  border-bottom: none;
  background-color: #f5f5f5;
  padding-top: 0;
  padding-bottom: 0;
}
.products-genre-wrap-category.category-search-condition-form {
  padding: 0;
}
.products-genre-wrap-category .products-number {
  display: none;
}
@media screen and (max-width: 767px) {
  .products-genre-wrap-category .products-number {
    display: block;
    text-align: center;
    padding: 5px 15px 10px;
    margin-bottom: 0;
  }
}
.products-genre-wrap-category .category-search-condition-area {
  width: 100%;
  background-color: #f5f5f5;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .products-genre-wrap-category .category-search-condition-area {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .products-genre-wrap-category .category-search-condition-area {
    max-width: 260px;
  }
}
.products-genre-wrap-category .category-search-condition-title {
  margin: 0;
  padding: 15px;
  border-top: 1px solid #fff;
  background-image: url(clientliball/image/triangle_down.png);
  background-position: center right 10px;
  background-repeat: no-repeat;
  font-size: 16px;
  cursor: pointer;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .products-genre-wrap-category .category-search-condition-title {
    font-size: 1.8rem;
    margin-bottom: 10px;
    letter-spacing: normal;
  }
}
.products-genre-wrap-category .category-search-condition-title.open {
  background-image: url(clientliball/image/triangle_up.png);
}
.products-genre-wrap-category .category-search-accordion {
  display: none;
}
.products-genre-wrap-category .category-search-condition {
  padding: 0;
  list-style: none;
}
.products-genre-wrap-category .category-search-condition ul {
  padding: 0;
  list-style: none;
}
.products-genre-wrap-category .category-search-condition > li {
  display: block;
  padding: 15px;
  padding-left: 20px;
  cursor: pointer;
  margin: 0;
}
.products-genre-wrap-category .category-search-condition > li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.products-genre-wrap-category .category-search-condition input {
  margin-right: 20px;
}
.products-genre-wrap-category .category-search-condition .checkbox {
  padding-top: 0;
  font-size: 14px;
  line-height: 20px;
  font-family: "Roboto", sans-serif;
}
.products-genre-wrap-category .category-search-condition .checkbox [type="checkbox"] {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  margin: 0 10px 0 3px;
}
.products-genre-wrap-category .category-search-condition .checkbox [type="checkbox"] + span {
  position: relative;
}
.products-genre-wrap-category .category-search-condition .checkbox [type="checkbox"] + span::before {
  content: '';
  display: inline-block;
  vertical-align: text-bottom;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 2px solid #80CDEC;
  border-radius: 0;
  box-shadow: 0px 0px 0px 2px #fff inset;
  margin-right: 10px;
  margin-left: -26px;
}
.products-genre-wrap-category .category-search-condition .checkbox [type="checkbox"] + span::after {
  display: inline-block;
  height: 6px;
  width: 9px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  position: absolute;
  transform: rotate(-45deg);
  color: #0099D9;
  left: -20px;
  top: 3px;
}
.products-genre-wrap-category .category-search-condition .checkbox [type="checkbox"]:focus + span {
  color: #009ad9;
}
.products-genre-wrap-category .category-search-condition .checkbox [type="checkbox"]:focus + span::before {
  background-color: #fff;
}
.products-genre-wrap-category .category-search-condition .checkbox [type="checkbox"]:checked + span::after {
  content: "";
}
.products-genre-wrap-category .category-search-condition span {
  padding-bottom: 3px;
}
.products-genre-wrap-category .category-search-button {
  padding: 10px;
}
@media screen and (max-width: 767px) {
  .products-genre-wrap-category .category-search-button {
    width: 100%;
  }
}
.products-genre-wrap-category .category-search-button > button {
  padding: 10px 12px;
  font-size: 14px;
  width: 100%;
  max-width: 275px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .products-genre-wrap-category .category-search-button > button {
    display: block;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .products-genre-wrap-category {
    margin-right: 0;
  }
}

.fixed-category-nav {
  position: fixed;
  top: 0;
  margin-bottom: 735px;
  max-width: 309px;
}
@media screen and (max-width: 767px) {
  .fixed-category-nav {
    position: static;
    margin-bottom: 0;
  }
}

.sidebar-area .btn-compare {
  position: fixed;
  right: 20px;
  bottom: 15px;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 3;
}
.sidebar-area .btn-compare .btn-01 {
  padding: 10px 15px;
}
@media screen and (max-width: 767px) {
  .sidebar-area .btn-compare .btn-01 {
    width: 100%;
    margin-top: 10px;
  }
}
.sidebar-area .btn-compare .btn-reset {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  padding: 10px 15px;
  margin-right: 11px;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.5;
  display: inline-block;
  text-transform: uppercase;
}
.sidebar-area .btn-compare .btn-reset:hover {
  color: #333;
  background-color: #e6e6e6;
  padding: 9px 14px;
  border: 1px solid #adadad;
}
.sidebar-area .btn-compare .btn-reset[disabled] {
  background-color: #ccc;
  color: #fff;
}
.sidebar-area .btn-compare .btn-reset[disabled]:hover {
  border: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .sidebar-area .btn-compare .btn-reset {
    width: 100%;
    margin-right: 0;
  }
}
.sidebar-area .btn-compare .btn-error, .sidebar-area .btn-compare .btn-error-sm {
  background-color: #ccc;
  color: #d93025;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .sidebar-area .btn-compare {
    margin-left: 20px;
  }
}

/* --------------------------------------------------------------------
 * Module > Component Modules > each-display-line
 * ----------------------------------------------------------------- */
.each-display-line {
  display: block;
  justify-content: center;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > lineup-heading
 * ----------------------------------------------------------------- */
.line-upheading {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  min-width: 280px;
  padding: 40px 0 20px;
}
.line-upheading::after {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  background-color: #009ad9;
  margin: 22px auto 12px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > lineup-collective-area
 * ----------------------------------------------------------------- */
@media screen and (min-width: 0px) {
  .lineup-collective-area {
    width: 333px;
  }
}
@media screen and (min-width: 500px) {
  .lineup-wrap-setter-2 .each-display-line .lineup-collective-area {
    min-width: 45%;
  }
  .lineup-wrap-setter-3 .each-display-line .lineup-collective-area {
    min-width: 30%;
  }
}
.lineup-collective-lead {
  font-size: 1.4rem;
  text-align: center;
  margin: 0 auto 30px;
  width: 100%;
  padding: 0 10px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > lineup-collective-box
 * ----------------------------------------------------------------- */
.lineup-collective-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: center;
  margin: 15px;
}
.lineup-collective-box > a {
  text-decoration: none;
}
.lineup-collective-box > a:hover {
  opacity: 0.8;
}
.lineup-collective-box.bg-white {
  background-color: #fff;
}
li.lineup-collective-box {
  margin: 0;
}
.lineup-collective-box .btn-01 {
  margin-bottom: 30px;
}
.lineup-collective-box::after {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: center;
  margin: 15px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > lineup-collective-image
 * ----------------------------------------------------------------- */
.lineup-collective-image {
  -webkit-order: -1;
  order: -1;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.lineup-collective-image img {
  max-width: none;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > lineup-wrap-setter
 * ----------------------------------------------------------------- */
.lineup-wrap-setter-2,
.lineup-wrap-setter-3 {
  text-align: center;
  text-align: -webkit-center;
  padding-bottom: 40px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > lineup-wrap-title
 * ----------------------------------------------------------------- */
.lineup-wrap-title {
  font-weight: 500;
  letter-spacing: .15rem;
  padding: 5px;
  background-color: #444444;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > lineup-wrap-lump
 * ----------------------------------------------------------------- */
.lineup-wrap-lump {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > lineup-wrap-component
 * ----------------------------------------------------------------- */
.lineup-wrap-component-white-black {
  background: white;
  color: black;
  padding: 0 25px;
}

.lineup-wrap-component-white-blue {
  background: white;
  color: #009ad9;
  padding: 0 25px;
}

.lineup-wrap-component-dkgray-white {
  background: #191919;
  color: white;
  padding: 0 25px;
}

.lineup-wrap-component-black-white {
  background: black;
  color: white;
  padding: 0 25px;
}

/* --------------------------------------------------------------------
 * Module > Component Modules > lineup-wrap-content
 * ----------------------------------------------------------------- */
.lineup-wrap-content-white-black {
  background: white;
  color: black;
}
.lineup-wrap-content-white-blue {
  background: white;
  color: #009ad9;
}
.lineup-wrap-content-white-white {
  background: white;
  color: white;
}
.lineup-wrap-content-black-white {
  background: black;
  color: white;
}
.lineup-wrap-content-black-blue {
  background: black;
  color: #009ad9;
}
.lineup-wrap-content-black-black {
  background: black;
  color: black;
}

/* --------------------------------------------------------------------
 * GDPR
 * ----------------------------------------------------------------- */

 .gdpr_placeholder {
     position: relative;
     width: 100%;
     height: auto;
     padding-bottom: 56.25%;
     background: #383636;
 }

 .gdpr_placeholder-inner-content {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
     padding: 10rem;
 }

 .gdpr_placeholder-inner-content-wrapper {
     position: relative;
     height: 100%;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-direction: column;
     flex-direction: column;
     text-align: center;
     color: #FFF;
 }

 .transparent-background {
     background: #383636f0;
 }

/* ----------------------------------------------------------------------------
 * Color > Background
 * ------------------------------------------------------------------------- */

.bg-transparent {
  background-color: transparent;
}

/*
 *  Copyright 2018 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/*
 * ADOBE CONFIDENTIAL
 *
 * Copyright 2015 Adobe Systems Incorporated
 * All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */
/* grid component */
.aem-Grid {
  display: block;
  width: 100%;
}
.aem-Grid::before,
.aem-Grid::after {
  display: table;
  content: " ";
}
.aem-Grid::after {
  clear: both;
}
/* placeholder for new components */
.aem-Grid-newComponent {
  clear: both;
  margin: 0;
}
/* column of a grid */
.aem-GridColumn {
  box-sizing: border-box;
  clear: both;
}
/* force showing hidden */
.aem-GridShowHidden > .aem-Grid > .aem-GridColumn {
  display: block !important;
}
/* Generates all the rules for the grid columns up to the given amount of column */
/* Generates all the rules for the grid column offset up to the given amount of column */
/* Generates all the rules for the grid and columns for the given break point and total of columns */
/* Generates all the rules for the grids and columns */
/* API function to be called to generate a grid config */
/* maximum amount of grid cells to be provided */
/* default breakpoint */
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 7.69230769%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 15.38461538%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 23.07692308%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 30.76923077%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 38.46153846%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 46.15384615%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 53.84615385%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 61.53846154%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 69.23076923%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 76.92307692%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 84.61538462%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 92.30769231%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 7.69230769%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 15.38461538%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 23.07692308%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 30.76923077%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 38.46153846%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 46.15384615%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 53.84615385%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 61.53846154%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 69.23076923%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 76.92307692%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 84.61538462%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 92.30769231%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 7.69230769%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 15.38461538%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 23.07692308%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 30.76923077%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 38.46153846%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 46.15384615%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 53.84615385%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 61.53846154%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 69.23076923%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 76.92307692%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 84.61538462%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 92.30769231%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 7.69230769%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 15.38461538%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 23.07692308%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 30.76923077%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 38.46153846%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 46.15384615%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 53.84615385%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 61.53846154%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 69.23076923%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 76.92307692%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 84.61538462%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 92.30769231%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 7.14285714%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 21.42857143%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 35.71428571%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 64.28571429%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 78.57142857%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 92.85714286%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 7.14285714%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 21.42857143%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 35.71428571%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 64.28571429%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 78.57142857%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 92.85714286%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 7.14285714%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 21.42857143%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 35.71428571%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 64.28571429%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 78.57142857%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 92.85714286%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 7.14285714%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 21.42857143%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 35.71428571%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 64.28571429%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 78.57142857%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 92.85714286%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 6.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 13.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 26.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 46.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 53.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 73.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 86.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 93.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 6.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 13.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 26.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 46.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 53.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 73.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 86.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 93.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 6.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 13.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 26.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 46.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 53.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 73.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 86.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 93.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 6.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 13.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 26.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 46.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 53.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 73.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 86.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 93.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 6.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 18.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 31.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 43.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 56.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 68.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 81.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 93.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 6.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 18.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 31.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 43.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 56.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 68.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 81.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 93.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 6.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 18.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 31.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 43.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 56.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 68.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 81.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 93.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 6.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 18.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 31.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 43.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 56.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 68.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 81.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 93.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline {
  /* newline behavior */
  display: block;
  clear: both !important;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--none {
  /* none behavior */
  display: block;
  clear: none !important;
  float: left;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
  /* hide behavior */
  display: none;
}
/* phone breakpoint */
@media (max-width: 767px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 7.69230769%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 15.38461538%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 23.07692308%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 30.76923077%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 38.46153846%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 46.15384615%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 53.84615385%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 61.53846154%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 69.23076923%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 76.92307692%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 84.61538462%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 92.30769231%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 7.69230769%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 15.38461538%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 23.07692308%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 30.76923077%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 38.46153846%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 46.15384615%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 53.84615385%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 61.53846154%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 69.23076923%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 76.92307692%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 84.61538462%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 92.30769231%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 7.69230769%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 15.38461538%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 23.07692308%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 30.76923077%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 38.46153846%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 46.15384615%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 53.84615385%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 61.53846154%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 69.23076923%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 76.92307692%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 84.61538462%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 92.30769231%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 7.69230769%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 15.38461538%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 23.07692308%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 30.76923077%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 38.46153846%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 46.15384615%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 53.84615385%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 61.53846154%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 69.23076923%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 76.92307692%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 84.61538462%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 92.30769231%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 7.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 21.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 35.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 64.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 78.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 92.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 7.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 21.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 35.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 64.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 78.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 92.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 7.14285714%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 21.42857143%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 35.71428571%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 64.28571429%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 78.57142857%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 92.85714286%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 7.14285714%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 21.42857143%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 35.71428571%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 64.28571429%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 78.57142857%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 92.85714286%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 6.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 13.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 26.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 46.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 53.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 73.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 86.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 93.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 6.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 13.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 26.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 46.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 53.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 73.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 86.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 93.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 6.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 13.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 26.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 46.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 53.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 73.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 86.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 93.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 6.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 13.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 26.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 46.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 53.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 73.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 86.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 93.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 6.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 18.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 31.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 43.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 56.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 68.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 81.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 93.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 6.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 18.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 31.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 43.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 56.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 68.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 81.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 93.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 6.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 18.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 31.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 43.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 56.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 68.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 81.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 93.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 6.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 18.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 31.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 43.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 56.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 68.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 81.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 93.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide {
    /* hide behavior */
    display: none;
  }
}
/* tablet breakpoint */
@media (min-width: 768px) and (max-width: 1024px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 7.69230769%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 15.38461538%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 23.07692308%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 30.76923077%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 38.46153846%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 46.15384615%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 53.84615385%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 61.53846154%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 69.23076923%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 76.92307692%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 84.61538462%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 92.30769231%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 7.69230769%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 15.38461538%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 23.07692308%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 30.76923077%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 38.46153846%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 46.15384615%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 53.84615385%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 61.53846154%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 69.23076923%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 76.92307692%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 84.61538462%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 92.30769231%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 7.69230769%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 15.38461538%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 23.07692308%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 30.76923077%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 38.46153846%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 46.15384615%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 53.84615385%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 61.53846154%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 69.23076923%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 76.92307692%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 84.61538462%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 92.30769231%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 7.69230769%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 15.38461538%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 23.07692308%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 30.76923077%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 38.46153846%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 46.15384615%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 53.84615385%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 61.53846154%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 69.23076923%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 76.92307692%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 84.61538462%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 92.30769231%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 7.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 21.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 35.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 64.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 78.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 92.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 7.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 21.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 35.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 64.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 78.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 92.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 7.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 21.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 35.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 64.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 78.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 92.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 7.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 21.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 35.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 64.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 78.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 92.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 6.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 13.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 26.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 46.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 53.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 73.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 86.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 93.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 6.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 13.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 26.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 46.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 53.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 73.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 86.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 93.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 6.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 13.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 26.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 46.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 53.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 73.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 86.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 93.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 6.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 13.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 26.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 46.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 53.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 73.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 86.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 93.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 6.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 18.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 31.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 43.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 56.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 68.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 81.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 93.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 6.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 18.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 31.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 43.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 56.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 68.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 81.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 93.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 6.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 18.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 31.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 43.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 56.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 68.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 81.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 93.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 6.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 18.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 31.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 43.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 56.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 68.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 81.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 93.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide {
    /* hide behavior */
    display: none;
  }
}
/* force showing hidden components in unhide mode */
.aem-GridShowHidden > .cmp-container > .aem-Grid > .aem-GridColumn {
  display: block !important;
}

@charset "utf-8";

/* ----------------------------------------------------------------------------
 * Layout > Header
 * ------------------------------------------------------------------------- */

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #FFF;
  z-index: 9000;
}

.cmp-header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  max-width: 1680px;
  min-width: 320px;
  margin: 0 auto;
  height: 45px;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .cmp-header {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    height: 55px;
  }
}
.cmp-header__logo {
  margin-left: 30px;
}
.cmp-header__logo-link {
  display: block;
}
.cmp-header__logo-image {
  vertical-align: middle;
}
.cmp-header__menu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}

.cmp-header__region,
.cmp-header__hum {
  margin-left: 40px;
  height: 100%;
}
.cmp-header__dealer {
  margin-left: 40px;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .cmp-header__dealer,
  .cmp-header__region,
  .cmp-header__hum {
    margin-left: 0;
  }
}
.cmp-header__dealer-link{
  display: inline-block;
  padding: 7px 18px;
  color: #fff !important;
  background: #019fe3;
  height: 30px;
  font-size: 12px;
  box-sizing: border-box;  
  font-weight: bold;
  text-decoration: none !important;
  line-height: 1;
  align-items: center;
}
.cmp-header__dealer-img{
  margin-left: 5px;
}
.cmp-header__region-button {
  height: 100%;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none !important;
  color: #009AD9 !important;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .cmp-header__dealer {
    display: none;
  }
}
.cmp-header__region {
  border-left: 1px solid #ebebeb;
}
.cmp-header__region-button {
  background-color: transparent;
  display: flex;
  align-items: center;
  padding: 0 35px;
  color: #000 !important;
}
@media screen and (max-width: 1024px) {
  .cmp-header__region-button {
    padding: 0 24px;
  }
}
.cmp-header__region-image {
  width: 19px;
  height: 13px;
  vertical-align: sub;
}
.cmp-header__region-button::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  -webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
  transform: translate3d(0, -50%, 0) rotate(45deg);
}
.cmp-header__hum {
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
}
@media screen and (min-width: 1025px) {
  .cmp-header__hum {
    display: none;
  }
}
.cmp-header__hum-button {
  background-color: transparent;
  padding: 15px;
}

@charset "utf-8";
/*  Product Info
----------------------------------------*/
.cmp_product-info {
    max-width: inherit;
}
.cmp-product-info__narrow-wrap {
    margin: 0 auto 0;
    min-width: 320px;
    max-width: 900px;  
}
.cmp-product-info__logo-area {
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 0 6px 0;
    padding: 0;
}
.cmp-product-info__series-logo {
    margin: 0;
    max-width: 230px;
    max-height: 50px;
}
.cmp-product-info__performance-indicator {
    width: 86px;
    margin: 10px 0;
}
.cmp-product-info__modelno-area {
    display: flex;
}
.cmp-product-info__new-mark {
    display: inline-block;
    padding: 3px 5px;
    margin-left: 5px;
    font-size: 1.2rem;
    line-height: 1;
    color: #fff;
    background: #009AD9;
    border: 1px solid #009AD9;
    box-sizing: border-box;  
}
.cmp-product-info__modelno {
    font-size: 1.4rem;
}
.cmp-product-info__position-image {
    width: 49px;
    margin-left: 5px;
}
.cmp-product-info__long-description {
    margin-bottom: 0px !important;
}
.cmp-product-info__compatible-model,
.cmp-product-info__compatible-series {
    margin-bottom: 44px;
}
.cmp-product-info__compatible-model-no {
    text-decoration: none !important;
    color: #009AD9 !important;
}
.cmp-product-info__compatible-model-no:hover {
    text-decoration: underline !important;
    color: #00557A !important;
}
.cmp-product-info__special-info-area {
    margin-bottom: 48px;
}
.cmp-product-info__special-info {
    margin-bottom: 26px;
}
.cmp-product-info__title {
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: bold;
}
.cmp-product-info__text {
    position: relative;
    display: inline-block;
    font-size: 1.4rem;  
}
.cmp-product-info__btn-group {
    margin-bottom: 48px;
}
.cmp-product-info__btn-list {
    margin-bottom: -1px;
}
.cmp-product-info__btn-list::last-child {
    margin-bottom: 0;
}
.cmp-product-info__btn-list:hover {
    background: #F1F1F1;
}
.cmp-product-info__white-btn {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 3%;
    font-size: 1.4rem;
    height: 76px;
    box-sizing: border-box;
    color: #000 !important;
    border: 1px solid #C9C9C9;
    text-decoration: none !important;
}
.cmp-product-info__find-dealer {
    position: relative;
    background: #009AD9;
    font-weight: bold;
    border: none;
    text-align: center;
    margin-bottom: 48px;
    display: block;
    padding: 24px 50px 24px 31px;
    width: 100%;
    font-size: 1.6rem;
    box-sizing: border-box;
    text-decoration: none !important;
}
.cmp-product-info__find-dealer:hover {
    background-color: #00557a;
}
.cmp-product-info__find-dealer-label {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0 20px 0 23px;
    color: #fff;
}
.cmp-product-info__find-dealer-label::before {
    display: inline-block;
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 14px;
    height: 20px;
    background: url('clientliball/image/btn_pin.png');
    background-size: cover;
}
.cmp-product-info__find-dealer-label::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 10px;
    background: url('clientliball/image/btn_blank.png');
}
.cmp-product-info__pedal-info-area {
    margin-bottom: 48px;
}
.cmp-product-info__best-match-pedals-area {
    display: flex;
    margin-bottom: -1px;  
}
.cmp-product-info__best-match-pedal {
    width: 100%;
}
.cmp-product-info__best-match-pedal:hover {
    opacity: 0.7;
}
.cmp-product-info__best-match-pedal-url {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 16px 40px 2px;
    border: 1px solid #C9C9C9;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none !important;
}
.cmp-product-info__best-match-pedal-url::after {
    position: absolute;
    content: "";
    display: inline-block;
    top: 50%;
    right: 25px;
    width: 12px;
    height: 10px;
    transform: translateY(-50%);
    background: url('clientliball/image/btn_blank_black.png');
    background-size: cover;
}
.cmp-product-info__best-match-pedal-img {
    max-width: 150px;
    max-height: 150px;
}
.cmp-product-info__best-match-pedal-txt {
    color: #000;
}
.cmp-product-info__additional-features-area {
    margin-bottom: 48px;
}
.cmp-product-info__additional-features:not(:last-child) {
    margin-bottom: 20px;
}
.cmp-product-info__additional-features-list {
    list-style: none;
}
.cmp-product-info__additional-features-item {
    position: relative;
    padding-left: 22px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.9;
    margin-bottom: 3px;    
}
.cmp-product-info__additional-features-item:not(:last-child) {
    margin-bottom: 3px;    
}
.cmp-product-info__additional-features-item::before {
    display: inline-block;
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: 9px;
    left: 0;
    background: #000;
    border-radius: 50%;
}

.seriesLogoLink:hover {
    opacity: 0.4;
}

.additional-info-area .videos-area {
    text-align: center;
}

.additional-info-area .videos-area video {
    margin: 20px 0;
    width: 100%;
    border: 1px solid #f0f0f0;
}

.thumbnails-inline img {
    height: 125px;
    object-fit: cover;
    margin-right : 10px;
    margin-bottom : 10px;
}

@media screen and (min-width: 768px) {
    .additional-info-area .videos-area video {
        max-width: 980px;
    }
}

@media screen and (max-width: 767px) {
    .cmp-product-info__narrow-wrap {
        padding: 0 29px;
    }
    .cmp-product-info__logo-area {
        margin: 0 0 17px 0; 
    }
    .cmp-product-info__performance-indicator {
        margin: 10px 0 1px 0;
    }
    .cmp-product-info__additional-features-area {
        margin-bottom: 48px;
    }    
    .cmp-product-info__additional-features:not(:last-child) {
        margin-bottom: 29px;
    }
    .cmp-product-info__additional-features-item {
        padding-left: 21px; 
    }
    .cmp-product-info__additional-features-item:not(:last-child) {
        margin-bottom: 16px;    
    }
    .cmp-product-info__btn-group {
        margin-bottom: 27px;
    }
    .cmp-product-info__white-btn {
        padding: 27px 22px;
    }
    .cmp-product-info__pedal-info-area {
        margin-bottom: 27px;
    }
    .cmp-product-info__best-match-pedals-area {
        display: block;
        margin-bottom: -1px;  
    }
    .cmp-product-info__best-match-pedal-url {
        flex-direction: row;
        padding: 10px 20px;
        text-align: left;
    }
    .cmp-product-info__best-match-pedal-img {
        width: 100px;
        margin-right: 12px;
    }
    .cmp-product-info__best-match-pedal-txt {
        font-size: 2.2rem;
        font-weight: bold;
        line-height: 1.1;
    }
    .additional-info-area .videos-area video {
        max-width: 380px;
    }
}

@media screen and (max-width: 1024px) {
  .cmp-product-info__narrow-wrap {
    padding: 0 20px;
  }
}

/* Benefit Feature Technology (BFT) */
ul.product-feature-list.bft {
    list-style: none;
    margin: 0;
}

ul.product-feature-list.bft li {
    margin: 0;
    font-size: 1.4rem;
}

ul.product-feature-list.bft li.type-benefit {
    margin-left: 1em;
    font-weight: bold;
}

ul.product-feature-list.bft li.type-benefit::before {
    content: "\2022";
    margin-left: -0.8em;
    display: inline-block;
    width: 1em;
    font-size: larger;
    vertical-align: middle;
}

ul.product-feature-list.bft li.type-feature {
    margin-left: 2em;
}

ul.product-feature-list.bft li.type-feature::before {
    content: "\226B";
    margin-left: -1em;
    display: inline-block;
    width: 1em;
}

ul.product-feature-list.bft li.type-technology {
    margin-left: 3em;
}

ul.product-feature-list.bft li.type-technology::before {
    content: "\30FB";
    margin-left: -1em;
    display: inline-block;
    width: 1em;
}

/* Compatible Series */
.product-feature-list.compatible-series,
.product-feature-list.compatible-model +
.product-feature-list.compatible-series {
    margin-top: -30px;
}

/* Featured Technologies Area */
.cmp-product-info__featured-technologies-area {
    margin-bottom: 40px;
}

@charset "utf-8";

/*  FLYOUT ZOOM
----------------------------------------*/

.holder {
    position:absolute;
    width: 100%;
    height: 100%;
}

#s7flyoutzoom_div {
    position:relative;
    visibility: hidden;
}

#s7flyoutzoom_div.s7flyoutviewer {
    width: 100%;
    height: 100%;
    z-index: 2;
}

[data-namespace='s7classic'].s7flyoutzoomview {
    border: none;
}

.s7flyoutviewer *:focus {
    outline: none;
}

.s7innercontainer+.s7innercontainer {
    visibility: hidden;
}

.s7flyoutviewer .s7flyoutzoomview .s7flyoutzoom{
    left: 110%;
    width: 115%;
    height: 100%;
    z-index: 1;
}


img.js-switch-image-target {
    display: block;
}

.s7staticimage {
    visibility: hidden;
}


@charset "utf-8";
/*  Compatible Model
----------------------------------------*/

.product-feature-list.compatible-model {
  margin-top: -30px;
}

.product-feature-list.compatible-model a {
  color: #1779ba;
  text-decoration: none;
}
.cmp-product-info-carousel--nav {
    position: relative;
}

.cmp-product-info-carousel--nav .js-switch-image-list-angle {
    position: static;
    visibility: visible;
}

.cmp-product-info-carousel--nav .cmp-product-info-carousel--slider_wrap {
    position: relative;
    margin-bottom: 20px;
}

.cmp-product-color-list {
    margin: 0 auto 10px;
    max-width: 1440px;
    min-width: 280px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cmp-product-info-carousel--slick-counter {
    display: block;
    position: absolute;
    padding: 6px 0;
    text-align: center;
    font-size: 1.4rem;
    bottom: 30px;
    left: 50%;
    width: 60px;
    transform: translateX(-50%);
    background: #F4F4F4;
    border-radius: 14px;
}

.cmp-product-info-carousel--nav .slider .slick-arrow {
    width: 40px;
    height: 40px;
}

.cmp-product-info-carousel--nav .slider .slick-arrow::before {
    display: none;
}

.cmp-product-info-carousel--nav .slick-track:before,
.cmp-product-info-carousel--nav .slick-track:after {
    content: "";
    display: table;
}

.cmp-product-info-carousel--nav .slick-slider .slick-track,
.cmp-product-info-carousel--nav .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.cmp-product-info-carousel--nav .slider .slick-prev {
    left: 0;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: translateY(-50%) rotate(45deg);
    z-index: 4;
}

.cmp-product-info-carousel--nav .slick-track:after {
    clear: both;
}

.cmp-product-info-carousel--nav .slick-prev,
.cmp-product-info-carousel--nav .slick-next {
    position: absolute;
    display: block;
    height: 105px;
    width: 34px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    border: none;
    outline: none;
}

.cmp-product-info-carousel--nav .slider .slick-next {
    right: 0;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    transform: translateY(-50%) rotate(45deg);
    z-index: 4;
}

.cmp-product-info-carousel--nav .slick-slider {
    display: block;
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y;
    position: relative;
    -webkit-tap-highlight-color: transparent;
}

.cmp-product-info-carousel--nav .slidecnt .slick-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
 }

.cmp-product-info-carousel--nav .slick-slide img {
    display: block;
}

.cmp-product-info-carousel--nav .slider {
    opacity: 0
}

.cmp-product-info-carousel--nav .slider.slick-initialized {
    opacity: 1
}

.cmp-product-info-carousel--nav .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
}

.cmp-product-info-carousel--nav .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

.cmp-product-info-carousel--nav .slick-slider div {
    transition: none;
}

.cmp-product-info-carousel--nav .slidecnt .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto !important;
}

.cmp-product-info-carousel--nav .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

.cmp-product-color-list--title {
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: bold;
}

.cmp-product-color-list li:not(:last-child) {
    margin-right: 2px;
}

.cmp-product-color-list--btn-area {
    width: 15.7%;
    text-align: center;
    min-width: 62px;
 }

.cmp-product-color-list--btn-area .cmp-product-color-list--btn {
    text-decoration: none;
}

.cmp-product-color-list--btn-area .cmp-product-color-list--btn img {
    border: 3px solid #fff;
    margin-bottom: 3px;
}

.cmp-product-color-list--btn-area.active .cmp-product-color-list--btn img {
    border: 3px solid #009AD9;
}

.cmp-product-color-list--color-title {
    display: block;
    color: black;
    text-decoration: none;
    line-height: normal;
}

.cmp-product-color-list--product-name {
    display: inline-block;
    font-size: 1.2rem;
    color: #999999;
}

.cmp-product-color-list--product-new {
    display: inline-block;
    padding: 3px 18px;
    background: #009AD9;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
}

.cmp-product-carousel-video {
    width: 100%;
}

.cmp-product-carousel-slide--btn-area {
    display: flex;
    flex-wrap: wrap;
}

.cmp-product-carousel-slide--btn-item {
    width: 48px;
    margin-right: 14px;
    margin-bottom: 10px;
}

.cmp-product-carousel-slide--btn-item.is-none {
    display: none;
}

.cmp-product-carousel-slide--switch-img {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .cmp-product-color-list--btn-area {
        width: 18%;
    }
}

@media screen and (max-width: 767px) {

    .cmp-product-color-list--btn-area {
        width: 80px;
    }

    .cmp-product-info-carousel--nav {
        margin-bottom: 6px;
        position: relative;
        z-index: 10;
    }

    .cmp-product-info-carousel--slick-counter {
        bottom: -6px;
    }

    .cmp-product-info-carousel--nav .slider .slick-arrow {
        width: 28px;
        height: 28px;
    }

    .product-variation-area{
        padding: 0;
        order: 3;
        z-index: 10;
    }

    .cmp-product-color-list--color-title {
        font-size: 1.4rem;
        font-weight: normal;
    }

    .cmp-product-carousel-slide--btn-item {
        width: 60px;
        margin-right: 20px;
    }
}

@media screen and (min-width: 768px) {
    .cmp-product-color-list--btn-area:hover {
        opacity: 0.8;
    }

    .cmp-product-carousel-slide--btn-item:hover {
        opacity: 0.8;
    }

    .cmp-product-info-carousel--nav .slider .slick-arrow:hover {
        opacity: 0.7;
    }
}
.cmp-product-info__technologies-area {
    margin-bottom: 48px;
}
.cmp-product-info__technologies {
    position: relative;
    margin: 20px 0;
}
.cmp-product-info__tech-list {
    display: flex;
    flex-wrap: wrap;
}
.cmp-product-info__tech-logo {
    width: 15%;
    margin: 0 15px 16px 0;
}
.cmp-product-info__tech-link:hover {
    opacity: 0.7;
}

@media screen and (max-width: 767px) {
    .cmp-product-info__tech-list {
        flex-wrap: nowrap; 
    }
    .cmp-product-info__tech-logo {
        margin-top: 0;
        min-width: 130px;
        max-width: 130px;
    }
    .cmp-product-info__technologies .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #E8E8E8;
        height: 4px !important;
        margin: 6px 0 !important;
    }
    .cmp-product-info__technologies .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #009AD9;
    }
    .cmp-product-info__technologies .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cmp-product-info__technologies .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #009AD9;
    }
}

@charset "utf-8";
/* --------------------------------------------------------------------
 * PDPの「Manual & Technical Documents」エリア
 * productinfo.jspで使われています。
 * ----------------------------------------------------------------- */
.cmp-product-info__manual {
    margin-bottom: 32px;
}
.cmp-product-info__manual-toggle-btn {
    position: relative;
    padding: 24px 50px 24px 0;
    cursor: pointer;
    border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;  
}
.cmp-product-info__manual-toggle-btn:hover {
    background: #F1F1F1;
}
.cmp-product-info__manual-toggle-btn::before {
    display: block;
    content: '';
    background-color: #000;
    position: absolute;
    width: 1px;
    height: 15px;
    top: 50%;
    left: 95%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
}
.cmp-product-info__manual-toggle-btn--is-opened::before {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: 0.3s
}
.cmp-product-info__manual-toggle-btn::after {
    display: block;
    content: '';
    background-color: #000;
    position: absolute;
    width: 15px;
    height: 1px;
    top: 50%;
    left: 95%;
    transform: translate(-50%, -50%);
}
.cmp-product-info__manual-title {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;   
}
.cmp-product-info__manual-btn {
    display: block;
    padding: 24px 50px 24px 0;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #000 !important;
    border-bottom: 1px solid #C9C9C9;
    text-decoration: none !important;
}
.cmp-product-info__manual-btn:hover {
    background: #F1F1F1;
}
.cmp-product-info__manual-btn::after {
    display: inline-block;
    width: 12px;
    margin-left: 10px;
    content: url('clientliball/image/btn_blank_black.png');
}

.cmp-cookies-notification {
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 999;
  color: #fff;
  text-align: center;
  padding: 10px;
}
.cmp-cookies-notification__content {
  padding: 10px 45px;
}
.cmp-cookies-notification__content-link {
  color: #fff;
  text-decoration: underline;
}
.cmp-cookies-notification__content-link:visited {
  color: #00e;
}
.cmp-cookies-notification__button {
  padding: 10px 70px;
  margin-top: 5px;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.5;
  display: inline-block;
  background-color: #009ad9;
  color: #fff;
  border-radius: 0;
  border: 0;
  cursor: pointer;
  text-transform: none;
  overflow: visible;
}
.cmp-cookies-notification__button:focus,
.cmp-cookies-notification__button:hover {
  background-color: #00557a;
}
.cmp-cookies-notification__button:disabled {
  background-color: #ccc;
}

@media (min-width: 369px) {
  .cmp-cookies-notification__button {
    padding: 14px 30px;
  }
}
/* --------------------------------------------------------------------
 * Module > Component Modules > js-following-sidebar
 * ----------------------------------------------------------------- */
.js-following-sidebar {
  padding-top:10px;
  padding-bottom:10px;
}

@charset "utf-8";
/* --------------------------------------------------------------------
 * 製品仕様項目用テーブル
 * productinfo.jspで使われています。
 * ----------------------------------------------------------------- */
.cmp-product-spec {
  border-top: 1px solid #E3E3E3;
  margin: 70px 0 30px;
  padding-top: 50px;
  margin-bottom: 40px;
}
.cmp-product-spec__inner-wrap {
  margin: 0 auto 0;
  min-width: 320px;
  max-width: 900px;  
}
.cmp-product-spec__title {
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: bold;
}
.cmp-product-spec__table {
  border-collapse: collapse;
  width: 100%;
  margin-top: -1px;
}
.cmp-product-spec__table-row {
  border-bottom: 1px solid #e4e4e4;
}
.cmp-product-spec__table-row:first-child {
  border-top: 1px solid #e4e4e4;
}
.cmp-product-spec__name,
.cmp-product-spec__value {
  padding: 17px 30px;
  font-size: 1.4rem;
  width: 50%;
  border: none;
  text-align: left;
}
.cmp-product-spec__name {
  font-weight: bold;
  background: #F4F4F4;
}

@media screen and (max-width: 767px) {
  .cmp-product-spec {
    margin: 60px 0 66px;
  }
  .cmp-product-spec__inner-wrap {
    padding: 0 20px;
  }
  .cmp-product-spec__table-row {
    margin-bottom: 10px;
    border-top: 1px solid #e4e4e4;
  }
  .cmp-product-spec__name,
  .cmp-product-spec__value {
    display: block;
    width: 100%;
    border: none;
  }
  .cmp-product-spec__name {
    padding: 21px 0 1px;
    background: none;
  }
  .cmp-product-spec__value {
    padding: 1px 0 21px;
  }
}

@media screen and (max-width: 1024px) {
  .cmp-product-spec__inner-wrap {
    padding: 0 20px;
  }
}

/* ShowHide CSS */

.showhide-area {
  color: #fff;
  position: relative;
}

.showhide-area.bkcolor-black{
  background-color: #000;
}

.showhide-area.bkcolor-gray{
  background-color: #444444;
}

.showhide-area.bkcolor-dark-gray{
  background-color: #191919;
}

.showhide-area.bkcolor-blue{
  background-color: #009ad9;
}

.showhide-header {
  text-align: center;
  font-family: "Roboto", Verdana, sans-serif;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  cursor: pointer;
}

.showhide-header:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  content: "";
  background: url(clientliball/image/concept-arrow.png) no-repeat 50%;
  background-size: cover;
}

.showhide-header.active:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

@media screen and (min-width: 768px) {
  .showhide-header {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .showhide-header:after {
    width: 28px;
    height: 28px;
  }
}

@media screen and (max-width: 767px) {
  .showhide-header {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
    padding: 15px 0;
    font-size: 16px;
    line-height: 1;
  }
  .showhide-header:after {
    width: 16px;
    height: 16px;
    bottom: 10px;
  }
}

.showhide-close {
  text-align: center;
  padding: 10px 0;
}

.showhide-close img {
  width: 44px;
  height: 44px;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
  cursor: pointer;
}

.showhide-close img:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.showhide-contents {
  padding-top: 15px;
  padding-bottom: 15px;
}

.showhide-contents.padd0 {
  padding-left: 0;
  padding-right: 0;
}

.showhide-contents.padd5 {
  padding-left: 5%;
  padding-right: 5%;
}

.showhide-contents.padd10 {
  padding-left: 10%;
  padding-right: 10%;
}

.showhide-contents.padd15 {
  padding-left: 15%;
  padding-right: 15%;
}

@media screen and (max-width: 767px) {
  .showhide-contents h1 {
    font-size: 28px;
  }
  .showhide-contents h2 {
    font-size: 18px;
  }
  .showhide-contents p {
    margin-top: 5px;
    font-size: 16px;
  }
  .showhide-contents.padd5,
  .showhide-contents.padd10,
  .showhide-contents.padd15 {
  	padding-left:5%;
 	padding-right:5%;
  }
}

@charset "utf-8";

/*  Positioning map
----------------------------------------*/

.positioning-map.pc,
.positioning-map.sp {
  display: none;
}

.positioning-map a {
  text-decoration: none;
  color: #000;
}

.positioning-map a:hover {
  opacity: 0.7;
}

.positioning-map.pc .main-series-header {
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 768px) {

  .positioning-map.pc {
    display: block;
    max-width: 1200px;
    margin: 10px auto 60px;
  }

  .positioning-map.pc table {
    width: 100%;
    border-collapse: collapse;
  }

  .positioning-map.pc table + table {
    margin-top: 30px;
  }

  .positioning-map.pc table th,
  .positioning-map.pc table td {
    position: relative;
    border: none;
    text-align: center;
  }

  .positioning-map.pc table thead th {
    padding: 1px;
  }

  .positioning-map.pc table thead th:nth-of-type(1) {
    width: 35px;
  }

  .positioning-map.pc table thead th:nth-of-type(2) {
    width: 230px;
  }

  .positioning-map.pc table thead th .thumb {
    display: block;
    position: relative;
    height: 230px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .positioning-map.pc table thead th .thumb .title {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 12px 8px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 11px;
    line-height: 1.5;
  }

  .positioning-map.pc table tbody td {
    height: 100px;
    border-right: 1px solid #b5b5b5;
    font-size: 11px;
  }

  .positioning-map.pc table tbody td img {
    padding: 0px 0 3px 0;
    vertical-align: middle;
  }

  .positioning-map.pc table tbody tr.odd td {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .positioning-map.pc table tbody tr:nth-of-type(1) td:nth-of-type(1) {
    background: none;
  }

  .positioning-map.pc table tbody td:last-child,
  .positioning-map.pc table tbody tr:nth-of-type(1) td:nth-of-type(1) {
    border: none;
  }

  .positioning-map.pc table .gradation {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 100%;
    background: linear-gradient(#FA7C3A, #15A3FE);
  }

  .positioning-map.pc table .gradation .gradation-label {
    display: block;
    position: absolute;
    right: 15px;
    font-size: 13px;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    text-orientation: sideways-right;
  }

  .positioning-map.pc table .gradation .gradation-label.label-top {
    top: 0;
    color: #FA7C3A;
  }

  .positioning-map.pc table .gradation .gradation-label.label-bottom {
    bottom: 0;
    color: #15A3FE;
  }

  .positioning-map.pc table tbody td .cover-line {
    display: none;
    width: calc(100% + 1px);
    height: 50px;
    background-color: #47B3E0;
  }

  .positioning-map.pc table tbody td:last-child .cover-line {
    width: 100%;
  }

  .positioning-map.pc table tbody td .cover-line.active {
    display: block;
  }

  .positioning-map.pc table.none-thumb thead th {
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: left;
  }

  .positioning-map.pc table.none-thumb thead th:nth-of-type(1) {
    background: none;
  }

  .positioning-map.pc table.none-thumb .gradation  {
    display: none;
  }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  .positioning-map.pc {
    margin: 10px 20px 60px;
  }

}

@media screen and (max-width: 767px) {

  .positioning-map.sp {
    display: block;
    margin-top: 30px;
    padding: 30px 15px 45px;
    background-color: #D9D9D9;
    font-size: 0;
  }

  .positioning-map.sp > div + div {
    margin-top: 30px
  }

  .positioning-map.sp .thumb {
    display: block;
    position: relative;
    width: 100%;
    height: 345px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .positioning-map.sp .thumb .title {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 12px 8px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
  }

  .positioning-map.sp .link {
    display: inline-block;
    width: calc(50% - 5px);
    height: 70px;
    margin-top: 10px;
    padding: 10px 15px;
    background-color: #fff;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
  }

  .positioning-map.sp .link:nth-child(even) {
    margin-left: 9px;
  }

  .positioning-map.sp .link img {
    vertical-align: bottom;
  }

  .positioning-map.sp .link.nosrlabel {
    padding: 0 15px;
    line-height: 70px;
  }

  .positioning-map.sp .link.nosrlabel img {
    vertical-align: middle;
  }

}


/* --------------------------------------------------------------------
 * Module > Component Modules > Component Category
 * ----------------------------------------------------------------- */

.compcat-container {
  background-color: #eee;
  margin: 20px 30px 20px 30px;
  padding: 30px;
}

.compcat-container .heading-03.compcat-header {
  min-width: auto;
}

.compcat-container .compcat-items {
  margin: 0 auto;
  width: 1340px;
}

.compcat-container .compcat-items li {
  display: inline-block;
  width: 260px;
  padding: 10px 10px 10px 10px;
  white-space: normal;
}

.compcat-container .compcat-items a {
  color: #000;
  padding: 5px 0;
  font-size: 13px;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.compcat-container .compcat-items a:hover {
  color: #009ad9;
}
.compcat-container .compcat-items > li a > img {
  padding: 0 20px;
}

.compcat-container .compcat-items > li a:hover > img {
  opacity: 0.4;
}

@media screen and (max-width: 665px) {
  .compcat-container { padding: 30px 0 30px 0; margin: 0; }
  .compcat-container .compcat-items { width: 100%; display: flex; flex-wrap: wrap; padding: 0 15px; }
  .compcat-container .compcat-items li { width: 50%; }
  .compcat-container .compcat-items > li a > img { padding: 0 10px 0 0; width: 50px; }
}
@media screen and (min-width: 666px) and (max-width: 940px) { .compcat-container .compcat-items { width: 530px; } }
@media screen and (min-width: 941px) and (max-width: 1205px) { .compcat-container .compcat-items { width: 800px; } }
@media screen and (min-width: 1206px) and (max-width: 1475px) { .compcat-container .compcat-items { width: 1070px; } }

@charset "utf-8";

/*  LINKED MEDIA
----------------------------------------*/

.linkedmedia {
  position: relative;
  overflow: hidden;
}

.linkedmedia.left {
  margin-right: auto;
}

.linkedmedia.center {
  margin: 0 auto;
}

.linkedmedia.right {
  margin-left: auto;
}

.linkedmedia a {
  text-decoration: none;
}

.linkedmedia a:hover {
  opacity: 0.8;
}

.linkedmedia img,
.linkedmedia video {
  width: 100%;
}


.linkedmedia .overlay-text {
  position: absolute;
  line-height: 50px;
  top: calc(100% - 50px);
  vertical-align: middle;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

.linkedmedia .overlay-text .title {
  font-size: 1.6rem;
  color: #fff;
}

@media screen and (max-width: 767px) {

  .linkedmedia .overlay-text {
    line-height: 30px;
    top: calc(100% - 30px);
  }

  .linkedmedia .overlay-text .title {
    font-size: 1.3rem;
  }

}

@charset "utf-8";

/*  productlistseries
----------------------------------------*/

.categorychecklist {
    margin-top : 0;
}

.series-editable-area-sp {
  margin-top: 30px;
}
@media screen and (min-width: 767px) {
  .series-editable-area-pc {
    margin-right: 40px;
  }
}

.main-discription-area {
  overflow: hidden;
}
.main-discription-area[data-readmore] {
  transition: height 500ms;
  overflow: hidden;
}
.main-discription-area-trigger {
  display: inline-block;
  width: 60px;
  height: 45px;
  background-size: cover;
}
@media screen and (min-width: 767px) {
  .main-discription-area-trigger {
    display: none;
  }
}
.main-discription-area-trigger-wrapper {
  text-align: center;
  -webkit-order: -1;
  order: -1;
}


@charset "utf-8";

/*  productlisttempzone
----------------------------------------*/

.tempzone-content-margin-top {
  margin-top: 35px;
}

div.tempzone-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30%;
  text-align: right;
  line-height: 1;
}

div.tempzone-icon > img {
  padding-left: 4px;
  padding-bottom: 2px;
  width: 33%;
}
@charset "utf-8";

/*  productlistwop
----------------------------------------*/

.productlistwop .btn-compare {
  display: none;
}

.productlistwop .product-box label.checkbox {
  display: none;
}

.productlistwop .groupset-name-s02 {
  margin-top: 0;
}

.productlistwop .showing-area {
  margin-top: 0;
}

.productlistwop .products-genre-wrap-category {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .productlistwop .heading-01 {
    margin: 0 auto;
  }

  .productlistwop.withoutGroup .heading-01 {
    background: linear-gradient(
        to left,
        white 5%,
        #009ad9 100%
    )20px bottom white no-repeat;
    background-size: 100% 5px;
  }

  .productlistwop.withoutGroup .product-area {
    border: none;
  }
}

/* Position Logo*/
.product-list-wop__product-top-logo {
    display: flex;
    margin: 20px 0 5px 0;
}
.product-list-wop__product-top-logo-image {
    width: 60px;
    margin: 0 6px 6px 0;
}

/* Left navigation filter */
.product-list-wop__sub-option {
    padding: 10px 15px 0 15px;
}

.product-list-wop__sub-option:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.manual-list {
    margin-top: 60px;
    padding-bottom: 0;
}

.manual-list__head {
    font-size: 3rem;
    margin-bottom: 20px;
    text-align: center;
}

.manual-list__filter {
    margin: 60px auto 0;
    max-width: 1280px;
    min-width: 320px;
    padding: 0 20px 0;
}

.manual-list__filter-area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.manual-list__filter-tag {
    display: inline-block;
    padding: 10px 50px;
    color: inherit;
    font-size: 16px;
    text-decoration: none;
    line-height: 1.0;
    height: auto;
    width: 100%;
    word-wrap: break-word;
}

.manual-list__filter-list {
    margin: 0 5px 20px 5px;
    background-color: #E6E6E6;
    transition: all 0.3s ease;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.manual-list__filter-list:before {
    content: "";
    opacity: 0;
    position: absolute;
    height: 8px;
    top: 50%;
    right: 40px;
    width: 4px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: rotate(-45deg) translate(calc( -50% - -15px ), 8px);
    transform: rotate(-45deg) translate(calc( -50% - -15px ), 8px);
}

.manual-list__filter-list:after {
    content: "";
    opacity: 0;
    position: absolute;
    height: 14px;
    top: 50%;
    right: 40px;
    width: 4px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: rotate(45deg) translate(calc( -50% + 10px ), -20px);
    transform: rotate(45deg) translate(calc( -50% + 10px ), -20px);
}

.manual-list__filter-list:hover {
    color: #FFF;
    background-color: #019FE3;
}

.manual-list__filter-list--is-current{
    color: #FFF;
    background-color: #019FE3;
}

.manual-list__filter-list--is-current:before {
    opacity: 1;
}

.manual-list__filter-list--is-current:after {
    opacity: 1;
}

.manual-list__content-area {
    margin: 0 auto;
    max-width: 1280px;
    min-width: 320px;
    padding: 0 20px 0;
}

.manual-list__content {
    display: flex;
    flex-wrap: wrap;
}

.manual-list__article {
    width: 33.3%;
}

.manual-list__article--hidden {
    display : none!important;
}

.manual-list__article--featured {
    background-color: #F5F5F5;
}

.manual-list__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px;
    box-sizing: border-box;
    color: inherit !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.manual-list__tag-featured {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    background-color: #009AD9;
    color: #FFF;
    font-size: 16px;
    line-height: 1.0;
    z-index: 5000;
}

.manual-list__thumnail-area {
    position: relative;
    margin: 0;
    padding-top: 52%;
    overflow: hidden;
}

.manual-list__thumbnail--loading {
    /* optional way, set loading as background */
    background-image: url('clientliball/image/icon-loading.gif');
    background-repeat: no-repeat;
    background-position:50% 50%;
}

.manual-list__thumnail-area:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #009ad9;
    opacity: 0;
    z-index: 1;
}

.manual-list__thumbnail {
    position: absolute;
    width: 100%;
    height: auto;
    max-width: inherit;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.manual-list__text-area {
    width: 100%;
    display: block;
    margin-bottom: 0;
    padding: 20px 0 0;
}

.manual-list__category-area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3px;
}

.manual-list__tag-preset {
    display: table;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 3px 8px;
    color: #FFFFFF;
    background-color: #5EBFE7;
    border: 1px solid #009AD9;
    font-size: 12px;
    line-height: 1.0;
}

.manual-list__tag-free {
    display: table;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 3px 8px;
    color: #009AD9;
    border: 1px solid #009AD9;
    font-size: 12px;
    line-height: 1.0;
}

.manual-list__title {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    display: block;
    text-align: left;
}

.manual-list__desc {
    margin-top: 5px;
    color: #333333;
    font-size: 14px;
    display: block;
    text-align: left;
}

.manual-list__date {
    margin-top: 5px;
    color: #999999;
    font-size: 13px;
    display: block;
    text-align: left;
}

.manual-list__show-more-area {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: center;
    margin: 20px 0 30px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.manual-list__show-more-btn {
    color: #fff !important;
    text-decoration: none !important;
    background-color: #009ad9;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.5;
    padding: 19px 30px;
    display: inline-block;
}

.manual-list__show-more-btn:focus {
    outline: none;
}

.manual-list__show-more-btn:hover {
    background-color: #00557a;
}

.manual-list__show-more-area--hidden {
    display:none;
}

/* --------------------------------------------------------------------
 * sp display
 * ----------------------------------------------------------------- */

@media screen and (max-width: 960px){
    .manual-list__filter-area {
        margin-bottom: 30px;
        padding: 0 5px;
    }

    .manual-list__filter-area:after {
        content:"";
        display: block;
        width: 33.3%;
    }

    .manual-list__filter-list {
        margin: 5px;
        width: calc( 50% - 10px );
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .manual-list__filter-tag {
        padding: 8px 30px;
        line-height: 1.3;
    }
}
@media screen and (min-width: 768px) {
    .manual-list__link:hover .manual-list__thumnail-area:after {
        opacity: 0.2;
    }

}

@media screen and (max-width: 767px) {
    .manual-list__filter {
        padding-right: 0;
        padding-left: 0;
    }

    .manual-list__content-area {
        padding: 0;
    }

    .manual-list__article {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .manual-list__article:last-child {
        margin-bottom: 0;
    }

    .manual-list__link {
        padding: 20px;
    }

}

@media screen and (max-width: 368px) {

    .manual-list__show-more-btn {
        padding: 10px 70px;
    }

}
@charset "utf-8";

/* --------------------------------------------------------------------
 * Discover More button
 * ----------------------------------------------------------------- */
.cmp-discover-button--for-desktop {
  display: none;
}

.cmp-discover-button__link {
  flex-direction: row;
  padding: 0px 20px !important;
  width: 100%;
  line-height: 60px;
  height: 60px;
  font-size: 14px;
  margin: 0px;
  background: #ffffff;
  border: none;
  border-radius: 0;
  min-width: 100%;
  align-items: center;
  letter-spacing: 0px;
  color: #4a4a4a !important; 
}
.cmp-discover-button__text {
  line-height: 1.4 !important; 
  text-align: center;
  font-weight: 500;
}
.cmp-discover-button__arrow {
  display: none;
}

@media screen and (min-width: 1025px) {
  .cmp-discover-button--for-desktop {
    display: block;
  }
  .cmp-discover-button--for-mobile {
    display: none;
  }
  .cmp-discover-button__link {
    font-size: 14px;
    line-height: 14px;
    min-width: 177px;
    letter-spacing: 0px !important;
    border-radius: 0 0 2px 2px !important;
    display: flex;
    padding: 7px 14px 7px 17px !important;
    height: 30px;
    background-color: #d7d7d7;
    border: 0 !important;
    vertical-align: middle;
    text-decoration: none !important;
    transition: background-color .4s linear;
  }
  .cmp-discover-button__link--is-showing {
    color: #fff !important;
    background: #019fe3 !important;
  }  
  .cmp-discover-button__text {
    font-weight: normal;
    font-size: 12px !important;
    line-height: 1.4 !important; 
    text-align: center;
    margin-right: 10px;
  }
  .cmp-discover-button__arrow {
    font-size: 10px;
    margin-left: auto;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
  }
  .cmp-discover-button__arrow::before {
    content: "^";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-top: 3px;
  }
  .cmp-discover-button__arrow--is-showing::before {
    content: "x";
    vertical-align: super;
  }
}

@media screen and (max-width: 1024px) {
  .cmp-discover-button--for-mobile {
    display: block;
    position: relative;
    z-index: 1;
  }
  .cmp-re-header-nav__inner.is-Hidden .cmp-discover-button--for-mobile {
      z-index: -1;
  }
}
@charset "utf-8";

.header--discover-banner {
  height: 100%;
}
@media screen and (min-width: 1025px){
  .header--discover-banner {
    height: auto;
  }
}

/* --------------------------------------------------------------------
 * Discover More Banner
 * ----------------------------------------------------------------- */
.cmp-discover-banner {
  position: absolute;
  height: 100%;
  left: 100%;
  transition: left .4s all;
  z-index: 1030;
  top: 55px;
}
.cmp-discover-banner--is-active {
  left: 0;
  background: #fff;
  overflow-x: hidden;
}
.cmp-discover-banner__back-btn {
  border: none !important;
  position: fixed;
  top: 54px;
  width: 100vw;
  background: #f5f5f5;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--light-gray);
  padding: 30px 0px;
  min-height: 95px;
  z-index: 20;
}
.cmp-discover-banner__back-link {
  text-decoration: none !important;
  color: #000 !important;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 500;
  margin-left: 15px;
  text-decoration: none;
  text-transform: uppercase;
}
.cmp-discover-banner__back-link::before {
  border: none;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "<";
  font-size: 12px;
  line-height: 20px;
  margin-right: 10px;
  vertical-align: text-top;
  display: inline-block;
  content: "" !important;
  margin: 0 10px 3px 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #000 !important;
  border-left: 2px solid #000 !important;
  transform: rotate(-45deg);
  vertical-align: middle !important;
}
.cmp-discover-banner__back-text {
  font-size: 14px;
  margin-right: 15px;
  display: block;
  text-transform: uppercase;
  border-bottom: 3px solid #019fe3;
  font-weight: 500;  
}
.cmp-discover-banner__banner-area {
  padding-bottom: 45px;
  width: 100vw !important;
  height: 100% !important;
  background: #f5f5f5;
}
.cmp-discover-banner__banner-list {
  padding-top: 0px;
  position: absolute;
  display: block;
  padding-bottom: 55px !important;
  top: 70px;
  overflow-y: scroll;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px !important;
}
.cmp-discover-banner__banner {
  margin-bottom: 10px;
  width: 100%;
  height: 208px !important;
  position: relative;
  display: block;
  border-radius: 2px;
  overflow: hidden;
}
.cmp-discover-banner__banner--hide {
  display: none;
}
.cmp-discover-banner__text-area {
  z-index: 2;
  position: absolute;
  bottom: 18px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  width: 100%;
  font-size: 18px !important;
}
.cmp-discover-banner__text-logo {
  vertical-align: middle;
  margin-top: -4px !important;
  line-height: 20px !important;
  width: 104px !important;
  height: 37px !important;
  box-shadow: none !important;
}
.cmp-discover-banner__text-brand {
  display: inline-block;
  padding-left: 10px;
  border-left: 1px solid #888;
  margin-left: 6px;
  line-height: 12px;
  text-transform: uppercase;
}

@media screen and (min-width: 767px) and (max-width: 1024px){
  .cmp-discover-banner__banner-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .cmp-discover-banner__banner {
    width: 49.5% !important;
  }
}

@media screen and (min-width: 1025px) {
  .cmp-discover-banner {
    position: relative;
    visibility: hidden;
    left: 0;
    top: 0;
    margin-top: 0px !important;
    height: 0px;        
    transition: height .5s;
  }
  .cmp-discover-banner--is-active {
    visibility: visible;
    height: 180px;
    overflow: hidden;
  }
  .cmp-discover-banner__back-btn {
    display: none;
  }  
  .cmp-discover-banner__banner-area {
    padding: 0;
    width: 100% !important;
    height: 100% !important;
    background: #fff;
  }
  .cmp-discover-banner__banner-list {
    position: relative;
    top: 0px;
    display: flex;
    font-size: 0;
    width: 100%;
    padding-top: 15px !important;
    padding-right: 32px !important;
    padding-left: 32px !important;
    margin-top: 0 !important;
    overflow: hidden;
  }
  .cmp-discover-banner__banner {
    width: 19%;
    margin-right: 1%;
    height: 150px !important;
  }
  .cmp-discover-banner__banner:last-child {
    margin-right: 0;
  }
  .cmp-discover-banner__text-area {
    font-size: 9.83px !important;
  }
  .cmp-discover-banner__text-logo {
    margin-top: -2px;
    width: 78px !important;
    height: 11px !important;
    vertical-align: middle;
    margin-top: -2px !important;
    line-height: inherit !important;
  }
  .cmp-discover-banner__text-brand {
    display: inline-block;
    padding-left: 10px;
    border-left: 1px solid #888;
    margin-left: 6px;
    line-height: 12px;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1400px) {
  .cmp-discover-banner__banner-list {
    max-width: 1440px;
    padding: 15px 0 0 0 !important;
  }
}
@charset "UTF-8";

/* --------------------------------------------------------------------
 * Default Style for Icon List 
 * ----------------------------------------------------------------- */

.cmp-icon-list {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cmp-icon-list__icon-area {
  list-style: none;
  margin: 0 5px 20px;
  text-align: center;
}
.cmp-icon-list__image {
  height: 38px;
  width: 38px;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
}
.cmp-icon-list__link {
  width: 100%;
  display: block;
  text-decoration: none !important;
  text-align: center;
}
.cmp-icon-list__label {
  text-decoration: none;
  line-height: 15px;
  margin-top: 5px;
  font-size: 1.2rem;
  color: black;
}

@media screen and (min-width: 768px) {
  .cmp-icon-list {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .cmp-icon-list__link:hover {
    opacity: 0.7;
    transition: 0.3s;  
  }
}
@charset "UTF-8";

/* --------------------------------------------------------------------
 * White Text Style for Icon List 
 * ----------------------------------------------------------------- */

.cmp-icon-list--white-text .cmp-icon-list__label {
  color: #fff;
}

/* --------------------------------------------------------------------
 * Shimano Blue Text Style for Icon List 
 * ----------------------------------------------------------------- */

.cmp-icon-list--shimano-blue-text .cmp-icon-list__label {
  color: #009ad9;
}
@charset "utf-8";

/* ----------------------------------------------------------------------------
 * Default Style for Region Selection component
 * ------------------------------------------------------------------------- */

.cmp-region-selection__button {
  text-decoration: none !important;
}
.cmp-region-selection__label {
  color: #fff;
}
.cmp-region-selection__label::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

@media only screen and (min-width: 1025px) {
  .cmp-region-selection__label {
    font-size: 1.0vw
  }
  .cmp-region-selection__label::after {
    width: 0.3vw;
    height: 0.3vw;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
  }
}
@charset "utf-8";
/* --------------------------------------------------------------------
 *  項目リスト用アコーディオン
 *  使い方に関してはproductinfo.jspのSpecification List Area
 *    を参考にしてください。
 * ----------------------------------------------------------------- */

.cmp-itemlist-accordion {
  padding-bottom: 0px;
  margin-bottom: 25px;
}
.cmp-itemlist-accordion__contents {
  display: block;
  overflow: hidden;
  transition: height 1s;
}
.cmp-itemlist-accordion__white-line {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background-color: #fff;
  text-align: center;
  margin-top: -25px;
}
.cmp-itemlist-accordion__btn {
  width: 100%;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-family: inherit;
}
.cmp-itemlist-accordion__btn::before {
  display: block;
  content: "";
  width: 100%;
  height: 40px;
  margin-top: -30px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.9) 80%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.9) 80%, #fff 100%);
  z-index: 3;
}
.cmp-itemlist-accordion__accordion-section--is-opened .cmp-itemlist-accordion__btn::before {
  display: none;
}
.cmp-itemlist-accordion__open-sign,
.cmp-itemlist-accordion__close-sign {
  position: relative;
  padding-right: 30px;
  font-size: 1.4rem;
}
.cmp-itemlist-accordion__open-sign::after,
.cmp-itemlist-accordion__close-sign::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: -7px;
  right: 0;
  transform: rotate(45deg);
  width: 15px;
  height: 15px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;  
}
.cmp-itemlist-accordion__close-sign::after {
  top: 4px;
  transform: rotate(-135deg);
}
.cmp-itemlist-accordion__open-sign, 
.cmp-itemlist-accordion__accordion-section--is-opened .cmp-itemlist-accordion__close-sign {
  display: inline-block;
}
.cmp-itemlist-accordion__accordion-section--is-opened .cmp-itemlist-accordion__open-sign,
.cmp-itemlist-accordion__close-sign {
  display: none;
}
.cmp-itemlist-accordion__btn:hover .cmp-itemlist-accordion__open-sign,
.cmp-itemlist-accordion__btn:hover .cmp-itemlist-accordion__close-sign {
  opacity: 0.7;
}

.accordion-parts.open .white-line .btn-accordion {
  transform: rotate(180deg);
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}

@charset "UTF-8";

/* --------------------------------------------------------------------
 * Top Margin Style for Container 
 * ----------------------------------------------------------------- */
.cmp-container--small-top-margin > .cmp-container {
  margin-top: 10px;
}
.cmp-container--medium-top-margin > .cmp-container {
  margin-top: 25px;
}
.cmp-container--large-top-margin > .cmp-container {
  margin-top: 50px;
}

/* --------------------------------------------------------------------
 * Bottom Margin Style for Container 
 * ----------------------------------------------------------------- */
.cmp-container--small-bottom-margin > .cmp-container {
  margin-bottom: 10px;
}
.cmp-container--medium-bottom-margin > .cmp-container {
  margin-bottom: 25px;
}
.cmp-container--large-bottom-margin > .cmp-container {
  margin-bottom: 50px;
}

/* --------------------------------------------------------------------
 * Left Margin Style for Container 
 * ----------------------------------------------------------------- */
.cmp-container--small-left-margin > .cmp-container {
  margin-left: 10px;
}
.cmp-container--medium-left-margin > .cmp-container {
  margin-left: 25px;
}
.cmp-container--large-left-margin > .cmp-container {
  margin-left: 50px;
}

/* --------------------------------------------------------------------
 * Right Margin Style for Container 
 * ----------------------------------------------------------------- */
.cmp-container--small-right-margin > .cmp-container {
  margin-right: 10px;
}
.cmp-container--medium-right-margin > .cmp-container {
  margin-right: 25px;
}
.cmp-container--large-right-margin > .cmp-container {
  margin-right: 50px;
}
@charset "UTF-8";

/* --------------------------------------------------------------------
 * White Border Style for Container 
 * ----------------------------------------------------------------- */

.cmp-container--white-top-border > .cmp-container {
  border-top-color: #fff;
  border-top-style: solid;
  border-top-width: thin;
}
.cmp-container--white-bottom-border > .cmp-container {
  border-bottom-color: #fff;
  border-bottom-style: solid;
  border-bottom-width: thin;
}
.cmp-container--white-left-border > .cmp-container {
  border-left-color: #fff;
  border-left-style: solid;
  border-left-width: thin;
}
.cmp-container--white-right-border > .cmp-container {
  border-right-color: #fff;
  border-right-style: solid;
  border-right-width: thin;
}
@charset "UTF-8";

/* --------------------------------------------------------------------
 * Style for Container used in bottom part of the footer 
 * ----------------------------------------------------------------- */

.cmp-container--footer-bottom > .cmp-container {
  background-color: #1278a3;
}

@media screen and (min-width: 768px){
  .cmp-container--footer-bottom > .cmp-container {
    background-color: transparent;
  }
}
@charset "utf-8";

/* ----------------------------------------------------------------------------
 * Style for Navigation component to be used in the footer
 * Can only be used for 1 level-deep navigations
 * ------------------------------------------------------------------------- */

.cmp-navigation--for-footer .cmp-navigation__item-link {
  text-decoration: none !important;
}
.cmp-navigation--for-footer .cmp-navigation__item--level-0 > .cmp-navigation__item-link {
  color: white;
  line-height: 50px;
}
.cmp-navigation--for-footer .cmp-navigation__item--level-0 > .cmp-navigation__group {
  display: none;
}
.cmp-navigation--for-footer .cmp-navigation__accordion-button {
  color: white;
  font-family: monospace;
  font-size: 1.5em;
  position: absolute;
  right: 25px;
  height:50px;
  width: 50px;
}
.cmp-navigation--for-footer .cmp-navigation__accordion-button-char{
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 2px;
  transform: translateY(-50%);
  background: #fff;
}
.cmp-navigation--for-footer .cmp-navigation__accordion-button-char:last-child{
  transform: translateY(-50%) rotate(90deg);
  transition: 0.3s;
}
.cmp-navigation--for-footer .cmp-navigation__item--is-active > .cmp-navigation__accordion-button .cmp-navigation__accordion-button-char:last-child {
  transform: translateY(-50%);
}
.cmp-navigation--for-footer .cmp-navigation__item--level-1 {
  background-color: white;
  padding-left: 25px;
  line-height: 40px
}
.cmp-navigation--for-footer .cmp-navigation__item--level-1 > .cmp-navigation__item-link {
  color: #009ad9;
}
@charset "UTF-8";

/* --------------------------------------------------------------------
 * Logo style for Text components used in the footer  
 * ----------------------------------------------------------------- */

.cmp-image--logo .cmp-image__image {
  vertical-align: middle;
}

@media screen and (min-width: 1025px) {
  .cmp-image--logo .cmp-image__link:hover {
    opacity: 0.7;
    transition: 0.3s;
  }
}
@charset "UTF-8";

/* --------------------------------------------------------------------
 * Link style for Text components used in the footer  
 * ----------------------------------------------------------------- */

.cmp-text--footer-links .cmp-text {
  color: #fff;
  font-size: 1.4rem;
}
.cmp-text--footer-links .cmp-text__separator {
  margin: 0 10px;
}
.cmp-text--footer-links .cmp-text p {
  line-height: 2;
}
.cmp-text--footer-links .cmp-text a {
  color: #fff;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .cmp-text--footer-links .cmp-text p {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 1025px) {
  .cmp-text--footer-links .cmp-text a:hover {
    opacity: 0.5;
    transition: 0.3s;
  }
}
@charset "UTF-8";

/* --------------------------------------------------------------------
 * Company Link style for Text components used in the footer  
 * ----------------------------------------------------------------- */

.cmp-text--footer-company-links .cmp-text {
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
}
.cmp-text--footer-company-links .cmp-text__separator {
  margin: 0 10px;
}
.cmp-text--footer-company-links .cmp-text p {
  line-height: 2;
  display: flex;
  flex-wrap: wrap;
}
.cmp-text--footer-company-links .cmp-text a {
  text-decoration: none;
  color: #fff;
}

@media screen and (min-width: 1025px) {
  .cmp-text--footer-company-links .cmp-text {
    font-size: 2.0rem;
  }
  .cmp-text--footer-company-links .cmp-text a:hover {
    opacity: 0.5;
    transition: 0.3s;
  }
}
@charset "UTF-8";

/* --------------------------------------------------------------------
 * Important Link style for Text components used in the footer  
 * ----------------------------------------------------------------- */

.cmp-text--footer-important-links .cmp-text {
  color: #fff;
  font-size: 1.4rem;
}
.cmp-text--footer-important-links .cmp-text__separator {
  margin: 0 10px;
}
.cmp-text--footer-important-links .cmp-text p {
  line-height: 2;
  display: flex;
  flex-wrap: wrap;
}
.cmp-text--footer-important-links .cmp-text a {
  text-decoration: none;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .cmp-text--footer-important-links .cmp-text a:hover {
    opacity: 0.5;
    transition: 0.3s;
  }
}
@charset "UTF-8";

/* --------------------------------------------------------------------
 * Copyright style for Text components used in the footer  
 * ----------------------------------------------------------------- */

.cmp-text--footer-copyrights .cmp-text {
  color: #fff;
  font-size: 1.4rem;
}
.cmp-text--footer-copyrights .cmp-text p {
  line-height: 2;
}
.cmp-text--footer-copyrights .cmp-text a {
  text-decoration: none;
  color: #fff;
}
@charset "UTF-8";

/* --------------------------------------------------------------------
 * Style for Newsletter Button  
 * ----------------------------------------------------------------- */

.cmp-button--newsletter {
  padding: 0;
  margin: 0;
  border: inherit;
  background: transparent;
  line-height: inherit;
  width: 100%;
}
.cmp-button--newsletter .cmp-button {
  text-decoration: none;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  padding: 10px 16px;
  color: #009AD9;
  font-size: 1.4rem;
  border-radius: 2px;
  background: #fff;
  font-weight: bold;
  justify-content: center;
}
.cmp-button--newsletter .cmp-button__icon--mail {
  background-image: url('../../../content/dam/productsite/common/icons/mail.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 13px;
  margin-right: 4px;
}
.cmp-button--newsletter .cmp-button__text {
  text-decoration: none;
  font-size: 1.4rem;
}

@media screen and (min-width: 1025px) {
  .cmp-button--newsletter:hover {
    opacity: 0.5;
    transition: 0.3s;
  }
}
/* PDP Products List - slick */

.cmp-pdpproductslist__slider.slick-slider {
    display: block;
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y;
}

.cmp-pdpproductslist__slider .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 50px;
    padding: 0;
    height: 100%;
    transform: translate3d(0, 0, 0);
}

.cmp-pdpproductslist__slider .slick-list:focus {
    outline: none;
}

.cmp-pdpproductslist__slider .slick-list.dragging {
    cursor: pointer;
}

.cmp-pdpproductslist__slider .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    transform: translate3d(0, 0, 0);
}

.cmp-pdpproductslist__slider .slick-track:before {
    content: "";
    display: table;
}

.cmp-pdpproductslist__slider .slick-track:after {
    content: "";
    display: table;
    clear: both;
}

.cmp-pdpproductslist__slider.slick-loading .slick-track {
    visibility: hidden;
}

.cmp-pdpproductslist__slider .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .cmp-pdpproductslist__slider .slick-slide {
    float: right;
}

.cmp-pdpproductslist__slider .slick-slide.dragging .cmp-pdpproductslist__product-image {
    pointer-events: none;
}

.cmp-pdpproductslist__slider.slick-initialized .slick-slide {
    display: block;
}

.cmp-pdpproductslist__slider.slick-loading .slick-slide {
    visibility: hidden;
}

.cmp-pdpproductslist__slider.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.cmp-pdpproductslist__slider .slick-prev {
    position: absolute;
    display: block;
    height: 105px;
    width: 34px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    left: 22px;
    transform: translate(0, -50%);
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    outline: none;
    z-index: 4;
}

[dir="rtl"] .cmp-pdpproductslist__slider .slick-prev {
    left: auto;
    right: 22px;
}

.cmp-pdpproductslist__slider .slick-prev:hover {
    outline: none;
}

.cmp-pdpproductslist__slider .slick-prev:focus {
    outline: none;
}

.cmp-pdpproductslist__slider .slick-prev:before {
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 1;
    margin: 0 auto;
    content: '';
    width: 13px;
    height: 21px;
    display: block;
}

[dir="rtl"] .cmp-pdpproductslist__slider .slick-prev:before {
    content: '';
    width: 13px;
    height: 21px;
    display: block;
}

.cmp-pdpproductslist__slider .slick-prev.slick-disabled:before {
    opacity: 0.25;
}

.cmp-pdpproductslist__slider .slick-next {
    position: absolute;
    display: block;
    height: 105px;
    width: 34px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    right: 22px;
    transform: translate(0, -50%);
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    outline: none;
    z-index: 4;
}

[dir="rtl"] .cmp-pdpproductslist__slider .slick-next {
    left: 22px;
    right: auto;
}

.cmp-pdpproductslist__slider .slick-next:hover {
    outline: none;
}

.cmp-pdpproductslist__slider .slick-next:focus {
    outline: none;
}

.cmp-pdpproductslist__slider .slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 1;
    margin: 0 auto;
    content: '';
    width: 13px;
    height: 21px;
    display: block;
}

[dir="rtl"] .cmp-pdpproductslist__slider .slick-next:before {
    content: '';
    width: 13px;
    height: 21px;
    display: block;
}

.cmp-pdpproductslist__slider .slick-next.slick-disabled:before {
    opacity: 0.25;
}

.cmp-pdpproductslist__slider .slick-arrow {
    width: 40px;
    height: 40px;
    transform: translate(0, -50%) rotate(45deg);
}

@media screen and (min-width: 768px) {
    .cmp-pdpproductslist__slider .slick-arrow:hover {
        opacity: 0.7;
    }
}

.cmp-pdpproductslist__slider .slick-arrow::before {
    display: none;
}

.cmp-pdpproductslist__slider .slick-arrow.slick-hidden {
    display: none;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(pdpproductslistlib/css/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

/* PDP Products List */
/*--desktop/tablet size css--*/
.cmp-pdpproductslist {
    max-width: 1280px;
    min-width: 320px;
    margin: 0 auto;
    padding: 54px 0 114px;
}

.cmp-pdpproductslist__title {
    margin-bottom: 23px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}

.cmp-pdpproductslist__slider {
    position: relative;
}

.cmp-pdpproductslist__product:hover {
    opacity: 0.7;
}

.cmp-pdpproductslist__product-link {
    text-decoration: none !important;
}

.cmp-pdpproductslist__product-image {
    display: block;
    margin: 0 auto 15px;
}

.cmp-pdpproductslist__product-title {
    padding: 0 10px;
    font-size: 1.8rem;
    color: #000;
    line-height: 1.3;
    max-width: 767px;
    display: table;
    margin: 0 auto;
}

/*--smartphone size css--*/
@media screen and (max-width: 767px) {
    .cmp-pdpproductslist {
        padding: 36px 0 52px;
    }

    .cmp-pdpproductslist__title {
        margin-bottom: 17px;
    }

    .cmp-pdpproductslist__slider {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 30px;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }

    .cmp-pdpproductslist__product {
        min-width: 200px;
        max-width: 200px;
    }
    
    .cmp-pdpproductslist__product:first-child {
        margin-left: 22px;
    }
    
    .cmp-pdpproductslist__product:last-child {
        margin-right: 22px;
    }

    .cmp-pdpproductslist__product-title {
        line-height: 1.35;
        font-size: 1.8rem;
    }

    /*-- mCustomScrollbar css--*/
    .cmp-pdpproductslist__slider .mCSB_scrollTools_horizontal {
        position: relative;
        margin: 0 22px;
    }

    .cmp-pdpproductslist__slider .mCSB_horizontal.mCSB_inside > .mCSB_container {
        margin-bottom: 16px;
    }

    .cmp-pdpproductslist__slider .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #E8E8E8;
    }

    .cmp-pdpproductslist__slider .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #009AD9;
    }

    .cmp-pdpproductslist__slider .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cmp-pdpproductslist__slider .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #009AD9;
    }

    .cmp-pdpproductslist__slider .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        height: 4px;
        margin: 6px 0;
    }

    .cmp-pdpproductslist__slider .mCSB_container {
        display: flex;
    }
}

/*  SITE SEARCH
----------------------------------------*/

.cmp-site-search__search-result-area {
  margin: 20px auto;
  max-width: 1280px;
  min-height: 400px;
}

.cmp-site-search__search-result-area .mf_finder_relatedkeywords_head {
  position: relative;
  z-index: auto;
}


/* Technology Logo List Component (Pattern 2) CSS */

/*-- techLogoList2.html --*/
/*-- techLogoList2.html > cmp-techlogolist --*/
.cmp-techlogolist {
  position: relative;
  padding: 0 70px;
  background-color: #F5F5F5;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist {
    padding: 0 15px;
  }
}
/*-- techLogoList2.html > cmp-techlogolist-ptn2 --*/
.cmp-techlogolist-ptn2 {
  max-width: 1260px;
  margin: 0 auto;
}
/*-- techLogoList2.html > bottom-btn --*/
.cmp-techlogolist-ptn2__bottom-btn {
  margin-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__bottom-btn {
    margin-top: 60px;
    padding-bottom: 100px;
  }
}
/*-- techLogoList2.html > bottom-btn-link --*/
.cmp-techlogolist-ptn2__bottom-btn-link,
.cmp-techlogolist-ptn2__bottom-btn-link:link,
.cmp-techlogolist-ptn2__bottom-btn-link:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 375px;
  min-height: 58px;
  padding: 10px 20px;
  margin: 0 auto;
  background-color: #919191;
  color: #fff;
  font-size: 1.8rem;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__bottom-btn-link,
  .cmp-techlogolist-ptn2__bottom-btn-link:link,
  .cmp-techlogolist-ptn2__bottom-btn-link:visited {
    width: 100%;
  }
}
@media screen and (min-width: 1101px) {
  .cmp-techlogolist-ptn2__bottom-btn-link:hover {
    background: #191919;
  }
}
/*-- techLogoList2.html > to-top-btn --*/
.cmp-techlogolist-ptn2__to-top-btn {
  position: fixed;
  display: none;
  bottom: 40px;
  margin-left: 1280px;
}
@media screen and (max-width: 1440px) {
  .cmp-techlogolist-ptn2__to-top-btn {
    margin-left: calc(100% - 140px);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__to-top-btn {
    margin-left: calc(100% - 30px);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__to-top-btn {
    bottom: 20px;
  }
}
/*-- techLogoList2.html > to-top-btn:hover --*/
@media screen and (min-width: 1101px) {
  .cmp-techlogolist-ptn2__to-top-btn:hover .cmp-techlogolist-ptn2__to-top-btn-link {
    background: #095679;
  }
}
/*-- techLogoList2.html > to-top-btn-link --*/
.cmp-techlogolist-ptn2__to-top-btn-link,
.cmp-techlogolist-ptn2__to-top-btn-link:link,
.cmp-techlogolist-ptn2__to-top-btn-link:visited {
  display: block;
  position: relative;
  width: 70px;
  height: 70px;
  background-color: #009AD9;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__to-top-btn-link,
  .cmp-techlogolist-ptn2__to-top-btn-link:link,
  .cmp-techlogolist-ptn2__to-top-btn-link:visited {
    width: 60px;
    height: 60px;
  }
}
/*-- techLogoList2.html > to-top-btn-link::before --*/
.cmp-techlogolist-ptn2__to-top-btn-link::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 58%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  width: 20px;
  height: 20px;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__to-top-btn-link::before {
    top: 54%;
    width: 16px;
    height: 16px;
  }
}

/*-- anchorLinkNav.html --*/
/*-- anchorLinkNav.html > anchor-nav-area --*/
.cmp-techlogolist-ptn2__anchor-nav-area {
  display: block;
  width: 100%;
  min-width: 0;
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
  padding-top: 60px;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__anchor-nav-area {
    padding-top: 20px;
  }
}
/*-- anchorLinkNav.html > anchor-nav --*/
.cmp-techlogolist-ptn2__anchor-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -1.5%;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__anchor-nav {
    margin-left: -3.5%;
  }
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__anchor-nav {
    margin-top: -10px;
  }
}

/*-- anchorLink.html --*/
/*-- anchorLink.html > anchor --*/
.cmp-techlogolist-ptn2__anchor {
  width: 23.5%;
  margin: 20px 0 0 1.5%;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__anchor {
    width: 46.5%;
    margin-left: 3.5%;
  }
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__anchor {
    margin-top: 10px;
  }
}
/*-- anchorLink.html > anchor-link --*/
.cmp-techlogolist-ptn2__anchor-link,
.cmp-techlogolist-ptn2__anchor-link:link,
.cmp-techlogolist-ptn2__anchor-link:visited {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-height: 82px;
  padding: 10px 60px 10px 25px;
  margin-bottom: 0;
  text-align: left;
  background-color: #fff;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  color: #000;
  text-decoration: none;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__anchor-link,
  .cmp-techlogolist-ptn2__anchor-link:link,
  .cmp-techlogolist-ptn2__anchor-link:visited {
    min-height: 64px;
    padding: 10px 70px 10px 30px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__anchor-link,
  .cmp-techlogolist-ptn2__anchor-link:link,
  .cmp-techlogolist-ptn2__anchor-link:visited {
    min-height: 67px;
    padding: 10px 40px 10px 12px;
  }
}
/*-- anchorLink.html > anchor-link::before --*/
.cmp-techlogolist-ptn2__anchor-link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-color: #009AD9;
  border-radius: 100%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__anchor-link::before {
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__anchor-link::before {
    right: 12px;
  }
}
/*-- anchorLink.html > anchor-link::after --*/
.cmp-techlogolist-ptn2__anchor-link::after {
  content: "";
  position: absolute;
  display: block;
  top: 49%;
  right: 32px;
  left: auto;
  bottom: auto;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__anchor-link::after {
    top: 47%;
    right: 38px;
  }
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__anchor-link::after {
    top: 48%;
    right: 20px;
  }
}
/*-- anchorLink.html > anchor-link:hover --*/
@media screen and (min-width: 1101px) {
  .cmp-techlogolist-ptn2__anchor-link:hover {
    color: #fff;
    background-color: #009AD9;
  }
  .cmp-techlogolist-ptn2__anchor-link:hover::before {
    background-color: #fff;
  }
  .cmp-techlogolist-ptn2__anchor-link:hover::after {
    border-color: #009AD9;
    background: none;
    left: auto;
  }
}

/*-- logoList.html --*/
/*-- logoList.html > logo-list --*/
.cmp-techlogolist-ptn2__logo-list {
  padding-top: 80px;
  padding-bottom: 0;
  border-top: 1px solid #C2C2C2;
  margin-top: 80px;
  background-color: unset;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__logo-list {
    padding-top: 60px;
    margin-top: 60px;
  }
}
.cmp-techlogolist-ptn2__logo-list:nth-child(2) {
  margin-top: 0;
  border-top: none;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__logo-list:nth-child(2) {
    padding-top: 50px;
  }
}
/*-- logoList.html > logo-list-title --*/
.cmp-techlogolist-ptn2__logo-list-title {
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__logo-list-title {
    font-size: 2rem;
  }
}

/*-- largeIconList.html --*/
/*-- largeIconList.html > large-icon-list-area --*/
.cmp-techlogolist-ptn2__large-icon-list-area {
  max-width: 100%;
  margin: 52px auto 0;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__large-icon-list-area {
    margin: 36px auto 0;
  }
}
/*-- largeIconList.html > large-icon-list --*/
.cmp-techlogolist-ptn2__large-icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: auto;
  padding: 0;
  margin: -32px auto auto -2.32%;
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__large-icon-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -17px auto auto 0;
  }
}

/*-- largeIcon.html --*/
/*-- largeIcon.html > large-icon --*/
.cmp-techlogolist-ptn2__large-icon {
  width: 47.67%;
  margin-top: 32px;
  margin-left: 2.32%;
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__large-icon {
    width: 100%;
    margin-left: 0;
    margin-top: 17px;
  }
}
/*-- largeIcon.html > large-icon-link --*/
.cmp-techlogolist-ptn2__large-icon-link,
.cmp-techlogolist-ptn2__large-icon-link:link,
.cmp-techlogolist-ptn2__large-icon-link:visited {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  text-decoration: none;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__large-icon-link,
  .cmp-techlogolist-ptn2__large-icon-link:link,
  .cmp-techlogolist-ptn2__large-icon-link:visited {
    min-height: inherit;
  }
}
/*-- largeIcon.html > large-icon-link:hover --*/
@media screen and (min-width: 1101px) {
  .cmp-techlogolist-ptn2__large-icon-link:hover {
    border-right: 1px solid #009AD9 !important;
    border-bottom: 1px solid #009AD9 !important;
    border-left: 1px solid #009AD9 !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  }
  .cmp-techlogolist-ptn2__large-icon-link:hover .cmp-techlogolist-ptn2__large-icon-text-area::after {
    border-color: #009AD9 !important;
  }
}
/*-- largeIcon.html > large-icon-content --*/
.cmp-techlogolist-ptn2__large-icon-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 15px 15px 15px;
  border-top: 5px solid #009AD9;
  height: inherit;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__large-icon-content {
    display: block;
    padding: 0 15px 20px 15px;
    border-top-width: 3px;
  }
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__large-icon-content {
    min-height: inherit;
  }
}
/*-- largeIcon.html > large-icon-content::before --*/
.cmp-techlogolist-ptn2__large-icon-content::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 232px;
  width: 1px;
  height: calc(100% - 60px);
  background-color: #EBEBEB;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__large-icon-content::before {
    content: none;
  }
}
/*-- largeIcon.html > large-icon-image-area --*/
.cmp-techlogolist-ptn2__large-icon-image-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 202px;
  height: auto;
  padding: 15px;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__large-icon-image-area {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__large-icon-image-area {
    height: 135px;
  }
}
/*-- largeIcon.html > large-icon-image --*/
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__large-icon-image {
    width: auto;
    height: 100%;
  }
}
/*-- largeIcon.html > large-icon-text-area --*/
.cmp-techlogolist-ptn2__large-icon-text-area {
  position: relative;
  width: calc(100% - 202px - 15px);
  margin: 0 0 0 15px;
  padding-left: 30px;
  padding-right: 37px;
  background-color: unset;
  font-weight: 500;
  letter-spacing: .15rem;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__large-icon-text-area {
    width: 100%;
    margin-left: 0;
    padding-top: 15px;
    padding-left: 0;
    padding-right: 30px;
    border-top: 1px solid #EBEBEB;
  }
}
/*-- largeIcon.html > large-icon-text-area::after --*/
.cmp-techlogolist-ptn2__large-icon-text-area::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 15px;
  height: 15px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__large-icon-text-area::after {
    right: 0;
    width: 10px;
    height: 10px;
  }
}
/*-- largeIcon.html > large-icon-title --*/
.cmp-techlogolist-ptn2__large-icon-title {
  display: block;
  color: #009AD9;
  font-size: 2.4rem;
  letter-spacing: 0;
  font-weight: bold;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__large-icon-title {
    font-size: 1.6rem;
  }
}
/*-- largeIcon.html > large-icon-desc --*/
.cmp-techlogolist-ptn2__large-icon-desc {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  margin-top: 12px;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.8;
  overflow: hidden;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__large-icon-desc {
    font-size: 1.4rem;
    -webkit-line-clamp: 2;
  }
}

/*-- smallIconList.html --*/
/*-- smallIconList.html > small-icon-list-area --*/
.cmp-techlogolist-ptn2__small-icon-list-area {
  margin: 0 auto;
  overflow: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
/*-- smallIconList.html > logo-list-title + small-icon-list-area --*/
.cmp-techlogolist-ptn2__logo-list-title + .cmp-techlogolist-ptn2__small-icon-list-area {
  margin-top: 28px;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__logo-list-title + .cmp-techlogolist-ptn2__small-icon-list-area {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__logo-list-title + .cmp-techlogolist-ptn2__small-icon-list-area {
    margin-top: 21px;
  }
}
/*-- smallIconList.html > small-icon-list --*/
.cmp-techlogolist-ptn2__small-icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.9%;
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__small-icon-list {
    margin-left: -3.8%;
  }
}
/*-- smallIconList.html > accordion-btn --*/
.cmp-techlogolist-ptn2__accordion-btn {
  position: relative;
  display: block;
  margin: 38px auto 0;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 1101px) {
  .cmp-techlogolist-ptn2__accordion-btn:hover {
    opacity: 0.6;
  }
}
/*-- smallIconList.html > accordion-btn-open --*/
.cmp-techlogolist-ptn2__accordion-btn-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cmp-techlogolist-ptn2__accordion-btn-open-text {
  padding-bottom: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0;
  font-family: "roboto", sans-serif;
}
.cmp-techlogolist-ptn2__accordion-btn-open-image {
  width: auto;
}
/*-- smallIconList.html > accordion-btn-close --*/
.cmp-techlogolist-ptn2__accordion-btn-close {
  display: none;
}
/*-- smallIconList.html > accordion-btn--is-open --*/
.cmp-techlogolist-ptn2__accordion-btn--is-open .cmp-techlogolist-ptn2__accordion-btn-open {
  display: none;
}
.cmp-techlogolist-ptn2__accordion-btn--is-open .cmp-techlogolist-ptn2__accordion-btn-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cmp-techlogolist-ptn2__accordion-btn--is-open .cmp-techlogolist-ptn2__accordion-btn-close-text {
  padding-bottom: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0;
  font-family: "roboto", sans-serif;
}
.cmp-techlogolist-ptn2__accordion-btn--is-open .cmp-techlogolist-ptn2__accordion-btn-close-image {
  width: auto;
}

/*-- smallIcon.html --*/
/*-- smallIcon.html > small-icon --*/
.cmp-techlogolist-ptn2__small-icon {
  width: 18.1%;
  margin-left: 1.9%;
  margin-top: 27px;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__small-icon {
    width: 23.1%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__small-icon {
    width: 46.2%;
    margin-left: 3.8%;
    margin-top: 15px;
  }
}
/*-- smallIcon.html > small-icon-link --*/
.cmp-techlogolist-ptn2__small-icon-link,
.cmp-techlogolist-ptn2__small-icon-link:link,
.cmp-techlogolist-ptn2__small-icon-link:visited {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__small-icon-link,
  .cmp-techlogolist-ptn2__small-icon-link:link,
  .cmp-techlogolist-ptn2__small-icon-link:visited {
    min-height: inherit;
  }
}
/*-- smallIcon.html > small-icon-link:hover --*/
@media screen and (min-width: 1101px) {
  .cmp-techlogolist-ptn2__small-icon-link:hover {
    border: 1px solid #009AD9 !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  }
  .cmp-techlogolist-ptn2__small-icon-link:hover .cmp-techlogolist-ptn2__small-icon-text-area::after {
    border-color: #009AD9 !important;
  }
  .cmp-techlogolist-ptn2__small-icon-link:hover .cmp-techlogolist-ptn2__small-icon-title {
    color: #009AD9 !important;
  }
}
/*-- smallIcon.html > small-icon-content --*/
.cmp-techlogolist-ptn2__small-icon-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: inherit;
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__small-icon-content {
    min-height: inherit;
  }
}
/*-- smallIcon.html > small-icon-content --*/
.cmp-techlogolist-ptn2__small-icon-image-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 135px;
  padding: 0;
  border-bottom: 1px solid #EBEBEB;
  margin: 0;
}
@media screen and (max-width: 1100px) {
  .cmp-techlogolist-ptn2__small-icon-image-area {
    height: 90px;
  }
}
/*-- smallIcon.html > small-icon-image --*/
.cmp-techlogolist-ptn2__small-icon-image {
  width: auto;
  height: 100%;
}
/*-- smallIcon.html > small-icon-text-area --*/
.cmp-techlogolist-ptn2__small-icon-text-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  min-height: 45px;
  padding: 13px 32px 13px 15px;
  margin: 0;
  color: #7D7D7D;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .cmp-techlogolist-ptn2__small-icon-text-area {
    font-size: 1.4rem;
  }
}
/*-- smallIcon.html > small-icon-text-area::after --*/
.cmp-techlogolist-ptn2__small-icon-text-area::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 7px;
  height: 7px;
  border-top: 1px solid #7D7D7D;
  border-right: 1px solid #7D7D7D;
}

.cmp-technologyinfo__area {
    max-width: 1260px;
    margin: 0 auto;
}
 
.cmp-technologyinfo__column2-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1600px;
    margin-top: 40px;
    padding: 0;
    opacity: 0;
}
 
.cmp-technologyinfo__column2-box::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #009AD9;
}
 
.cmp-technologyinfo__title--is-pc {
    display: block;
    padding: 0;
    color: #009AD9;
    font-size: 4.8rem;
    max-width: 1280px;
    margin: 0 auto 20px
}
 
.cmp-technologyinfo__title--is-sp {
    display: none;
}
 
.cmp-technologyinfo__left-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 220px;
    height: 220px;
    margin-bottom: 25px;
}
 
.cmp-technologyinfo__logo {
    width: 100%;
    height: auto;
}
 
.cmp-technologyinfo__right-column {
    width: calc(100% - 220px);
    padding: 37px 0 0 70px;
}
 
.cmp-technologyinfo__desc-area {
    position: relative;
    margin-top: -3px;
}
 
.cmp-technologyinfo__desc-content-area {
    position          : relative;
    overflow          : hidden;
    -webkit-transition: height 0.3s;
    transition        : height 0.3s;
}
 
.cmp-technologyinfo__desc-content-area.-canToggle {
    height: 150px;
}
 
.cmp-technologyinfo__desc {
    font-size: 1.6rem;
    line-height: 1.88;
}
 
.cmp-technologyinfo__show-more-area {
    position: relative;
    margin-top: 19px;
    padding-bottom: 40px;
    width: 100%;
    cursor: pointer;
    -webkit-transition: bottom 0.2s;
    transition: bottom 0.2s;
    color: #333333;
    text-align: center;
    line-height: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
 
.cmp-technologyinfo__show-more-area::after {
    position: absolute;
    display: inline-block;
    content: "";
    top: -45px;
    left: 0;
    width: 100%;
    height: 45px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
}

.cmp-technologyinfo__show-more-btn--is-open {
    display: inline-block;
}
.cmp-technologyinfo__show-more-btn--is-close {
    display: inline-block;
}

.cmp-technologyinfo__show-more-btn--is-hide {
    display: none;
}
 
.cmp-technologyinfo__show-more-area--is-active {
    background: none;
}
 
.cmp-technologyinfo__show-more-area--is-active::after {
    background: none;
}
 
.cmp-technologyinfo__show-more-area--is-active .cmp-technologyinfo__show-more-btn::after {
    top: 64%;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
}
 
.cmp-technologyinfo__show-more-btn {
    position: relative;
    display: inline-block;
}
 
.cmp-technologyinfo__show-more-btn::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 50%;
    border: 0;
    border-bottom: solid 2px #333333;
    border-right: solid 2px #333333;
    margin-top: -3px;
    width: 8px;
    height: 8px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
 
.cmp-technologyinfo__show-more-btn::before {
    opacity: 0;
    content: "";
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 1px;
    background-color: #333333;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    z-index: 99;
}
 
@media screen and (min-width: 1101px) {
    .cmp-technologyinfo__show-more-btn:hover::before {
        opacity: 1;
        width  : 100%;
    }
}
 
@media screen and (max-width: 1100px) {
    .cmp-technologyinfo__column2-box {
        padding: 0 20px;
    }
 
    .cmp-technologyinfo__left-column {
        width: 180px;
        height: 180px;
    }
 
    .cmp-technologyinfo__right-column {
        width: calc(100% - 180px);
        padding: 25px 0 0 40px;
    }
}
 
@media screen and (max-width: 767px) {
    .cmp-technologyinfo__column2-box {
        display: block;
        margin-top: 0;
    }
 
    .cmp-technologyinfo__left-column {
        margin: 20px auto 0;
        width: 80%;
        padding: 20px;
        height: auto;
    }
 
    .cmp-technologyinfo__title--is-sp {
        display: block;
        margin: 40px 0 0;
        padding: 0;
        font-size: 4rem;
        color: #009AD9;
        max-width: 1280px;
    }
 
    .cmp-technologyinfo__title--is-pc {
        display: none;
    }
 
    .cmp-technologyinfo__right-column {
        width: 100%;
        margin-top: 20px;
        padding: 0;
    }
 
    .cmp-technologyinfo__desc {
        font-size: 1.4rem;
    }
}
/* --------------------------------------------------------------------
 * Select Component Category Component
 * ----------------------------------------------------------------- */

 .selectcategory__wapper {
  background-color: #eee;
  margin: 20px 30px;
  padding: 30px;
}

.selectcategory__heading {
  min-width: auto;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
}

.selectcategory__heading::after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background-color: #009ad9;
    margin: 22px auto 12px;
}

.selectcategory__list--wrapper {
  margin: 0 auto;
  width: 1340px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.selectcategory__list--wrapper-editor {
  margin: 0 auto;
  width: 1340px;
  display: block;
}

.selectcategory__list {
  display: inline-block;
  width: 260px;
  padding: 10px 10px 10px 10px;
  white-space: normal;
}

a.selectcategory__anchor {
  color: #000;
  padding: 5px 0;
  font-size: 13px;
  text-decoration: none;
  display: flex;
  align-items: center;
  word-break: break-all;
}

.selectcategory__icon--wrapper {
  flex-shrink: 0;
  padding: 0 20px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

a.selectcategory__anchor:hover {
  color: #009ad9;
}

a.selectcategory__anchor:hover .selectcategory__icon {
  opacity: 0.4;
}

.selectcategory__icon {
  max-width: 100%;
  max-height: 60px;
  flex-shrink: 0;
}


@media screen and (max-width: 665px) {
  .selectcategory__wapper { padding: 30px 0 30px 0; margin: 20px 0; }
  .selectcategory__heading { padding: 0 25px; }
  .selectcategory__list--wrapper { width: 100%; display: flex; flex-wrap: wrap; padding: 0 15px; }
  .selectcategory__list { width: 50%; }
  .selectcategory__icon--wrapper { padding: 0 10px 0 0; width: 50px; }
  .selectcategory__icon { max-height: 50px; }
}

@media screen and (min-width: 666px) and (max-width: 940px) { .selectcategory__list--wrapper, .selectcategory__list--wrapper-editor { width: 530px; } }
@media screen and (min-width: 941px) and (max-width: 1205px) { .selectcategory__list--wrapper, .selectcategory__list--wrapper-editor { width: 800px; } }
@media screen and (min-width: 1206px) and (max-width: 1475px) { .selectcategory__list--wrapper, .selectcategory__list--wrapper-editor { width: 1070px; } }