/* CSS Document */
/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
/**
 * Grid settings.
 * All values are defaults and can therefore be easily overidden.
 */
/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column mixin.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column-width function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * An alias for the column-gutter function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 *  Alias for edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Uncenter an element.
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Unstack an element.
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Apply a clearfix to an element.
 */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  #logo a {
    background-image: url(/img/graff-2018@2x.png);
    background-size: contain; } }

@media screen and (max-width: 70em) {
  #page-content.chess-page .image,
  #page-content.chess-page .text-column {
    padding-bottom: 42%; }
  #page-content.chess-page .image img {
    width: auto;
    max-width: none;
    height: 100%; }
  #page-content.chess-page .image-small {
    padding: 1.6em 0; }
    #page-content.chess-page .image-small .image img {
      height: auto;
      max-width: 100%; }
  .customizer .product-data .symbol-list li {
    width: 30%; } }

@media screen and (max-width: 60.65em) {
  #page-header {
    padding: 0 0 1.2em; }
    #page-header .container {
      position: relative; }
    #page-header .menu-servizio {
      width: auto;
      position: absolute;
      right: 0;
      top: 0; }
    #page-header .search-box {
      margin-top: 1.5em; }
  .menu-switcher {
    float: left;
    width: 60%;
    text-align: center;
    margin-top: .2em; }
  #m-menu-switch {
    display: inline-block;
    font-size: 1.2em; }
    #m-menu-switch::before {
      margin: 0; }
  .menu-main {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .menu-main:first-child {
      margin-left: auto; }
    .menu-main:last-child {
      margin-right: auto; }
    .menu-main.open {
      max-height: 17em;
      padding-top: 1em; }
    .menu-main li {
      display: block;
      margin: 0; }
    .menu-main a {
      padding: .7em; }
  .box h3 {
    font-size: 1.6em; }
  .customizer__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
            flex-flow: column nowrap; }
    .customizer__container .content-column {
      max-width: none; }
    .customizer__container .side-column {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
              order: 2;
      position: static;
      max-width: none;
      width: 100%;
      float: none;
      margin: 0; }
  .customizer__header {
    position: relative; }
  .customizer__shapes {
    width: 25%;
    padding-right: 1px; }
  .customizer__options {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start; }
    .customizer__options__list {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
              order: 3;
      width: 100%; }
      .customizer__options__list li {
        width: 11%; }
        .customizer__shapes .customizer__options__list li {
          width: 50%; }
    .customizer__options [data-acc-switch] {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
      min-height: 3.8em; }
      .customizer__options [data-acc-switch]:not(.active):not(:hover) {
        background: #868686; }
        .customizer__options [data-acc-switch]:not(.active):not(:hover)::after {
          background: #484549; }
    .customizer__options__code {
      margin: .2em 0 0;
      text-align: left; }
    .customizer__options .js-finish-options {
      width: 75%;
      padding-left: 1px;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
              order: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
              flex-flow: row wrap; }
      .customizer__options .js-finish-options h3 {
        width: 33%;
        margin-right: 1px; } }

@media screen and (max-width: 54.3em) {
  .box .testo {
    position: static;
    padding: .6em; }
  #page-content.chess-page .image,
  #page-content.chess-page .text-column {
    padding-bottom: 60%; }
  #page-content.chess-page .image-small {
    padding: .5em 0; } }

@media screen and (max-width: 48em) {
  .socials a {
    margin-left: .3em; }
  #page-content .chess-page .image-wide {
    height: 20em; }
  .box h3 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    font-size: 1.4em; }
  .box-search p {
    width: 60%; }
    .box-search p.buttons {
      width: 40%; }
  .product-data .testo {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 65.6666666667%;
    margin-left: 0%;
    margin-right: 3%; }
    .product-data .testo:before, .product-data .testo:after {
      content: '';
      display: table; }
    .product-data .testo:after {
      clear: both; }
    .product-data .testo:last-child {
      margin-right: 0%; }
  .product-data .info-col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%; }
    .product-data .info-col:before, .product-data .info-col:after {
      content: '';
      display: table; }
    .product-data .info-col:after {
      clear: both; }
    .product-data .info-col:last-child {
      margin-right: 0%; }
    .product-data .info-col section {
      display: block;
      clear: both;
      float: none;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 1em; }
      .product-data .info-col section:first-child {
        margin-left: auto; }
      .product-data .info-col section:last-child {
        margin-right: auto; }
  .product-data .symbol-list li {
    width: 15.5%; }
  .table-data th {
    font-size: .8em; }
  .table-data td.color-list {
    white-space: normal; }
  .table-data td .info-list a::before {
    font-size: 1em; }
  .footer-top .socials,
  .footer-top .footer-search {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 1em; }
    .footer-top .socials:first-child,
    .footer-top .footer-search:first-child {
      margin-left: auto; }
    .footer-top .socials:last-child,
    .footer-top .footer-search:last-child {
      margin-right: auto; }
  .footer-top .socials a {
    margin: 0 .15em .3em; }
  .footer-top .footer-search {
    margin-bottom: 0; }
  .customizer__description {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em; }
    .customizer__description:first-child {
      margin-left: auto; }
    .customizer__description:last-child {
      margin-right: auto; }
  .customizer .product-data .symbol-list li {
    width: 7%; }
  .customizer .product-data .info-col {
    float: none;
    width: 100%; }
    .customizer .product-data .info-col section {
      width: 24%;
      margin: 0; }
    .customizer .product-data .info-col .colors {
      width: 44%; }
      .customizer .product-data .info-col .colors ul {
        -webkit-column-count: 3;
                column-count: 3; } }

@media screen and (max-width: 42.5em) {
  .flexlist.base4 > * {
    width: 30%; }
    .flexlist.base4 > *.doppio {
      width: 47%; }
  .flexlist.home-grid > * {
    width: 47%; }
    .flexlist.home-grid > *.doppio {
      width: 97%; }
  .box .testo {
    position: static;
    padding: .6em; }
  .table-data td .info-list {
    white-space: normal; } }

@media screen and (max-width: 37.5em) {
  .flexlist {
    margin: 0; }
    .flexlist.base3 > * {
      width: 47%; }
    .flexlist.home-grid > *.doppio {
      width: 47%; }
      .flexlist.home-grid > *.doppio figure {
        padding-bottom: 74%; }
        .flexlist.home-grid > *.doppio figure img {
          max-width: none;
          width: auto;
          height: 100%;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%); }
  #page-content.info-page .image-wide {
    height: 20em; }
  #page-content.info-page > .container {
    padding: 2em 0; }
  #page-content.chess-page > .container:last-child {
    margin-bottom: 1em; }
  #page-content.chess-page .image-wide {
    height: 20em; }
  #page-content.chess-page .image,
  #page-content.chess-page .text-column {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0; }
    #page-content.chess-page .image:first-child,
    #page-content.chess-page .text-column:first-child {
      margin-left: auto; }
    #page-content.chess-page .image:last-child,
    #page-content.chess-page .text-column:last-child {
      margin-right: auto; }
  #page-content.chess-page .testo {
    position: static;
    -webkit-transform: none;
            transform: none;
    margin: 1em auto 3em; }
  #page-content.chess-page .image .slickslider,
  #page-content.chess-page .image img {
    left: auto;
    top: auto;
    -webkit-transform: none;
            transform: none;
    position: relative;
    max-width: 100%;
    height: auto;
    min-width: 0;
    min-height: 0; }
  #page-content.utility .country-select a,
  #page-content.utility .country-select button {
    width: 47%; }
  .side-column {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%; }
    .side-column:before, .side-column:after {
      content: '';
      display: table; }
    .side-column:after {
      clear: both; }
    .side-column:last-child {
      margin-right: 0%; }
    .side-column + .content-column {
      *zoom: 1;
      float: left;
      clear: none;
      text-align: inherit;
      width: 65.6666666667%;
      margin-left: 0%;
      margin-right: 3%; }
      .side-column + .content-column:before, .side-column + .content-column:after {
        content: '';
        display: table; }
      .side-column + .content-column:after {
        clear: both; }
      .side-column + .content-column:last-child {
        margin-right: 0%; }
  .grid .item {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid .item:before, .grid .item:after {
      content: '';
      display: table; }
    .grid .item:after {
      clear: both; }
    .grid .item:nth-child(3n) {
      margin-right: 3%;
      float: left; }
    .grid .item:nth-child(3n + 1) {
      clear: none; }
    .grid .item:nth-child(2n) {
      margin-right: 0%;
      float: right; }
    .grid .item:nth-child(2n + 1) {
      clear: both; }
  .grid.base4 .item {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid.base4 .item:before, .grid.base4 .item:after {
      content: '';
      display: table; }
    .grid.base4 .item:after {
      clear: both; }
    .grid.base4 .item:nth-child(4n) {
      margin-right: 3%;
      float: left; }
    .grid.base4 .item:nth-child(4n + 1) {
      clear: none; }
    .grid.base4 .item:nth-child(3n) {
      margin-right: 0%;
      float: right; }
    .grid.base4 .item:nth-child(3n + 1) {
      clear: both; }
  .product-data .testo,
  .product-data .info-col {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em; }
    .product-data .testo:first-child,
    .product-data .info-col:first-child {
      margin-left: auto; }
    .product-data .testo:last-child,
    .product-data .info-col:last-child {
      margin-right: auto; }
  .press-data .testo,
  .press-data .download {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em; }
    .press-data .testo:first-child,
    .press-data .download:first-child {
      margin-left: auto; }
    .press-data .testo:last-child,
    .press-data .download:last-child {
      margin-right: auto; }
  .color-blocks li {
    width: 20%; }
  .menu-footer {
    text-align: center; }
    .menu-footer > li {
      text-align: left;
      float: none;
      display: inline-block;
      vertical-align: top;
      width: 32%;
      padding: 0 .3em;
      margin: 0 0 1.5em; }
      .menu-footer > li.footer-hidden {
        display: none; } }

@media screen and (max-height: 46em) {
  .side-column .fixed-col {
    position: static !important;
    width: auto !important; } }

@media screen and (max-width: 36em) {
  #page-header {
    position: static;
    padding: 0; }
    #page-header .menu-top ul {
      display: block; }
      #page-header .menu-top ul + ul {
        border: none;
        margin-left: 0;
        padding-left: 0;
        margin-top: .5em; }
    #page-header .menu-servizio {
      right: 2.7em; }
      #page-header .menu-servizio li {
        max-width: none; }
    #page-header .search-box {
      position: static;
      overflow: hidden;
      max-height: 0;
      margin: 0; }
      #page-header .search-box.open {
        max-height: 3.5em;
        overflow: visible; }
      #page-header .search-box p {
        width: 70%; }
        #page-header .search-box p.buttons {
          width: 30%; }
      #page-header .search-box button,
      #page-header .search-box .button {
        padding-left: .7em;
        padding-right: .7em; }
  #logo {
    width: auto;
    margin-bottom: .5em; }
  .menu-switcher {
    float: right;
    width: auto; }
  #page-content {
    padding-top: 0 !important; }
    #page-content.index-page .image-wide {
      height: 10em;
      margin-bottom: .2em; }
      #page-content.index-page .image-wide.half, #page-content.index-page .image-wide.third {
        float: none;
        width: auto;
        border: none; }
    #page-content.index-page .container {
      padding: 2em 0 0; }
    #page-content.chess-page .image-wide, #page-content.info-page .image-wide {
      height: 10em;
      background-attachment: scroll;
      margin-bottom: 1em; }
    #page-content.chess-page .image .slickslider .slick-track,
    #page-content.chess-page .image .slickslider .slick-list,
    #page-content.chess-page .image .slickslider .slick-slide, #page-content.info-page .image .slickslider .slick-track,
    #page-content.info-page .image .slickslider .slick-list,
    #page-content.info-page .image .slickslider .slick-slide {
      height: auto; }
    #page-content.utility .country-select section {
      margin-bottom: 1em; }
    #page-content.utility .country-select a,
    #page-content.utility .country-select button {
      display: block;
      width: 100%;
      margin: 0 0 1em; }
  .flexlist {
    display: block; }
    .flexlist > * {
      display: block;
      width: auto !important; }
  .grid .item {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em; }
    .grid .item:first-child {
      margin-left: auto; }
    .grid .item:last-child {
      margin-right: auto; }
    .grid .item.button {
      display: block;
      clear: both;
      float: none;
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      .grid .item.button:first-child {
        margin-left: auto; }
      .grid .item.button:last-child {
        margin-right: auto; }
      .grid .item.button div {
        padding: 0; }
        .grid .item.button div section {
          position: static;
          -webkit-transform: none;
                  transform: none; }
  .grid.base4 .item {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid.base4 .item:before, .grid.base4 .item:after {
      content: '';
      display: table; }
    .grid.base4 .item:after {
      clear: both; }
    .grid.base4 .item:nth-child(3n) {
      margin-right: 3%;
      float: left; }
    .grid.base4 .item:nth-child(3n + 1) {
      clear: none; }
    .grid.base4 .item:nth-child(2n) {
      margin-right: 0%;
      float: right; }
    .grid.base4 .item:nth-child(2n + 1) {
      clear: both; }
  .side-column {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: none;
    margin-bottom: 1em; }
    .side-column:first-child {
      margin-left: auto; }
    .side-column:last-child {
      margin-right: auto; }
    .side-column.m-visible {
      display: block; }
    .side-column + .content-column {
      display: block;
      clear: both;
      float: none;
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      .side-column + .content-column:first-child {
        margin-left: auto; }
      .side-column + .content-column:last-child {
        margin-right: auto; }
    .side-column .fixed-col {
      position: static !important;
      width: auto !important; }
  .filters-switch {
    display: block;
    text-align: center;
    border-bottom: 1px solid #353535;
    margin-bottom: .5em; }
    .filters-switch span, .filters-switch a {
      display: inline-block;
      background: #353535;
      color: #fff;
      padding: .3em .5em; }
  .category {
    float: none;
    font-size: .9em;
    margin: 0 0 .5em; }
    .category a {
      margin: 0 .2em .3em 0; }
  .table-data th, .table-data td {
    white-space: normal;
    font-size: .7em; }
  .table-data .item figure {
    display: none; }
  #no-account,
  #form-account {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: .5em 0; }
    #no-account:first-child,
    #form-account:first-child {
      margin-left: auto; }
    #no-account:last-child,
    #form-account:last-child {
      margin-right: auto; }
    #no-account h2,
    #form-account h2 {
      font-size: 1.2em; }
    #no-account button, #no-account .button,
    #form-account button,
    #form-account .button {
      display: block;
      width: 100%;
      margin-top: 0;
      padding: .5em; }
  #form-account {
    border-left: none;
    padding-top: 1em;
    border-top: 1px solid #ae8a38; }
  form .form-grid p,
  form .form-grid.base3 p {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    form .form-grid p:first-child,
    form .form-grid.base3 p:first-child {
      margin-left: auto; }
    form .form-grid p:last-child,
    form .form-grid.base3 p:last-child {
      margin-right: auto; }
  .store-search p:not(.buttons) {
    float: left;
    width: 49.5%;
    margin-left: 1%; }
    .store-search p:not(.buttons):first-child {
      margin-left: 0; }
  .store-search .buttons {
    clear: left;
    text-align: center; }
    .store-search .buttons button,
    .store-search .buttons .button {
      display: block;
      width: 100%; }
  .footer-top .footer-search label {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: .3em; }
    .footer-top .footer-search label:first-child {
      margin-left: auto; }
    .footer-top .footer-search label:last-child {
      margin-right: auto; }
  .footer-top .footer-search span {
    display: block;
    width: auto; }
  .footer-top .footer-search input {
    width: 60%; }
  .footer-top .footer-search button {
    width: 40%; }
  .footer-mid {
    padding: 1em 0; }
  .menu-footer > li {
    width: 48%; }
  .customizer .filters-switch {
    display: none; }
  .customizer__header h1 {
    font-size: 1em; }
    .customizer__header h1 strong {
      font-size: 1.2em; }
  .customizer__buttons {
    position: static; }
    .customizer__buttons .button {
      display: block; }
  .customizer .content-column {
    min-height: 0 !important; }
  .customizer .side-column {
    display: block; }
  .customizer__options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
            flex-flow: column; }
    .customizer__options [data-acc-switch] {
      min-height: 0; }
    .customizer__options__list {
      margin-bottom: 1em; }
      .customizer__options__list li {
        width: 16%; }
        .customizer__shapes .customizer__options__list li {
          width: 20%; }
  .customizer__shapes {
    width: 100%; }
  .customizer .js-finish-options {
    display: block;
    width: 100%;
    padding-right: 0; }
    .customizer .js-finish-options h3 {
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row;
              flex-flow: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
              justify-content: space-between; }
  .customizer .product-data .symbol-list li {
    width: 15.5%; }
  .customizer .product-data .info-col {
    display: block; }
    .customizer .product-data .info-col section {
      width: 100%;
      margin-bottom: 1em; }
    .customizer .product-data .info-col .colors {
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
              order: -1;
      width: 100%;
      padding-bottom: 1em;
      border-bottom: 1px solid #1a171b;
      margin-bottom: 1em; } }

@media only screen and (max-width: 430px) {
  .customizer__options__list li {
    width: 20%; }
    .customizer__shapes .customizer__options__list li {
      width: 25%; }
  .color-blocks li {
    width: 25%; } }
/*# sourceMappingURL=media-queries.css.map */