@charset "UTF-8";
/* @author John Nguyen <john@mediashaker.com> */
/*** --- Bootstrap PLUGINS --- ***/
/*** --- Shout PLUGINS --- ***/
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  GENERAL
 *
 *   General LESS rules to control the grid system of Bootstrap v3.0.0
 *
 *   If this customization file ever becomes too big, we can split up the rules
 *      into their separate files like we did with the css.
 * ============================================================================
 */
/* changed to root-section-wrapper from section-wrapper so that product nested columns work */
.root-section-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}
.root-section-wrapper > .content-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.root-section-wrapper > .content-wrapper:before,
.root-section-wrapper > .content-wrapper:after {
  content: " ";
  display: table;
}
.root-section-wrapper > .content-wrapper:after {
  clear: both;
}
.root-section-wrapper > .content-wrapper .content-row {
  margin-left: -15px;
  margin-right: -15px;
}
.root-section-wrapper > .content-wrapper .content-row:before,
.root-section-wrapper > .content-wrapper .content-row:after {
  content: " ";
  display: table;
}
.root-section-wrapper > .content-wrapper .content-row:after {
  clear: both;
}
/*
.content-wrapper {
  .container-fixed();

  @media (min-width: @screen-sm-min) {
    width: @container-sm;
  }
  @media (min-width: @screen-md-min) {
    width: @container-md;
  }
  @media (min-width: @screen-lg-min) {
    width: @container-lg;
  }
}
 */
.content-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .content-wrapper {
    max-width: 768px;
  }
}
@media (min-width: 1029px) {
  .content-wrapper {
    max-width: 1024px;
  }
}
@media (min-width: 1200px) {
  .content-wrapper {
    max-width: 1170px;
  }
}
/*
 * ============================================================================
 *  CONTENT
 * ============================================================================
 */
.main-column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .main-column {
    float: left;
    width: 75%;
  }
}
.side-column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .side-column {
    float: left;
    width: 25%;
  }
}
.side-column {
  /* .make-sm-column(3); */
  display: block !important;
}
tr.side-column {
  display: table-row !important;
}
th.side-column,
td.side-column {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .side-column {
    display: none !important;
  }
  tr.side-column {
    display: none !important;
  }
  th.side-column,
  td.side-column {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1028px) {
  .side-column.hidden-sm {
    display: none !important;
  }
  tr.side-column.hidden-sm {
    display: none !important;
  }
  th.side-column.hidden-sm,
  td.side-column.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1029px) and (max-width: 1199px) {
  .side-column.hidden-md {
    display: none !important;
  }
  tr.side-column.hidden-md {
    display: none !important;
  }
  th.side-column.hidden-md,
  td.side-column.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .side-column.hidden-lg {
    display: none !important;
  }
  tr.side-column.hidden-lg {
    display: none !important;
  }
  th.side-column.hidden-lg,
  td.side-column.hidden-lg {
    display: none !important;
  }
}
.nested-columns .main-column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .nested-columns .main-column {
    float: left;
    width: 66.66666667%;
  }
}
.nested-columns .side-column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .nested-columns .side-column {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .columns-wrapper .main-column-right .nested-columns .content-wrapper {
    kmmpadding-right: 30px / 2;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  shoutcms bootstrap mixins
 * ============================================================================
 */
/*
 * ============================================================================
 *  (BROWSE) FEATURES
 * ============================================================================
 */
.related-title {
  font-weight: 700;
}
@media (min-width: 483px) {
  .full-size-features .one-column .cell > .middle,
  .category.with-sidebar .main-column .one-column .cell > .middle,
  .category.fullwidth .one-column .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .one-column .cell > .middle:before,
  .category.with-sidebar .main-column .one-column .cell > .middle:before,
  .category.fullwidth .one-column .cell > .middle:before,
  .full-size-features .one-column .cell > .middle:after,
  .category.with-sidebar .main-column .one-column .cell > .middle:after,
  .category.fullwidth .one-column .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .one-column .cell > .middle:after,
  .category.with-sidebar .main-column .one-column .cell > .middle:after,
  .category.fullwidth .one-column .cell > .middle:after {
    clear: both;
  }
  .full-size-features .one-column .middle-left,
  .category.with-sidebar .main-column .one-column .middle-left,
  .category.fullwidth .one-column .middle-left {
    position: relative;
    float: left;
    width: 41.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column .middle-right,
  .category.with-sidebar .main-column .one-column .middle-right,
  .category.fullwidth .one-column .middle-right {
    position: relative;
    float: left;
    width: 58.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .three-column .cell > .middle,
  .category.with-sidebar .main-column .three-column .cell > .middle,
  .category.fullwidth .three-column .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .three-column .cell > .middle:before,
  .category.with-sidebar .main-column .three-column .cell > .middle:before,
  .category.fullwidth .three-column .cell > .middle:before,
  .full-size-features .three-column .cell > .middle:after,
  .category.with-sidebar .main-column .three-column .cell > .middle:after,
  .category.fullwidth .three-column .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .three-column .cell > .middle:after,
  .category.with-sidebar .main-column .three-column .cell > .middle:after,
  .category.fullwidth .three-column .cell > .middle:after {
    clear: both;
  }
  .full-size-features .three-column .middle-left,
  .category.with-sidebar .main-column .three-column .middle-left,
  .category.fullwidth .three-column .middle-left {
    position: relative;
    float: left;
    width: 41.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .three-column .middle-right,
  .category.with-sidebar .main-column .three-column .middle-right,
  .category.fullwidth .three-column .middle-right {
    position: relative;
    float: left;
    width: 58.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .four-column .cell > .middle,
  .category.with-sidebar .main-column .four-column .cell > .middle,
  .category.fullwidth .four-column .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .four-column .cell > .middle:before,
  .category.with-sidebar .main-column .four-column .cell > .middle:before,
  .category.fullwidth .four-column .cell > .middle:before,
  .full-size-features .four-column .cell > .middle:after,
  .category.with-sidebar .main-column .four-column .cell > .middle:after,
  .category.fullwidth .four-column .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .four-column .cell > .middle:after,
  .category.with-sidebar .main-column .four-column .cell > .middle:after,
  .category.fullwidth .four-column .cell > .middle:after {
    clear: both;
  }
  .full-size-features .four-column .middle-left,
  .category.with-sidebar .main-column .four-column .middle-left,
  .category.fullwidth .four-column .middle-left {
    position: relative;
    float: left;
    width: 41.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .four-column .middle-right,
  .category.with-sidebar .main-column .four-column .middle-right,
  .category.fullwidth .four-column .middle-right {
    position: relative;
    float: left;
    width: 58.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .two-column .cell > .middle,
  .category.with-sidebar .main-column .two-column .cell > .middle,
  .category.fullwidth .two-column .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .two-column .cell > .middle:before,
  .category.with-sidebar .main-column .two-column .cell > .middle:before,
  .category.fullwidth .two-column .cell > .middle:before,
  .full-size-features .two-column .cell > .middle:after,
  .category.with-sidebar .main-column .two-column .cell > .middle:after,
  .category.fullwidth .two-column .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .two-column .cell > .middle:after,
  .category.with-sidebar .main-column .two-column .cell > .middle:after,
  .category.fullwidth .two-column .cell > .middle:after {
    clear: both;
  }
  .full-size-features .two-column .middle-left,
  .category.with-sidebar .main-column .two-column .middle-left,
  .category.fullwidth .two-column .middle-left {
    position: relative;
    float: left;
    width: 41.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .two-column .middle-right,
  .category.with-sidebar .main-column .two-column .middle-right,
  .category.fullwidth .two-column .middle-right {
    position: relative;
    float: left;
    width: 58.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 483px) and (max-width: 767px) {
  .full-size-features .three-column .middle > .middle-left,
  .category.with-sidebar .main-column .three-column .middle > .middle-left,
  .category.fullwidth .three-column .middle > .middle-left {
    min-height: 0px;
  }
  .full-size-features .three-column .related-title,
  .category.with-sidebar .main-column .three-column .related-title,
  .category.fullwidth .three-column .related-title {
    margin-top: 0;
  }
  .full-size-features .four-column .middle > .middle-left,
  .category.with-sidebar .main-column .four-column .middle > .middle-left,
  .category.fullwidth .four-column .middle > .middle-left {
    min-height: 0px;
  }
  .full-size-features .four-column .related-title,
  .category.with-sidebar .main-column .four-column .related-title,
  .category.fullwidth .four-column .related-title {
    margin-top: 0;
  }
  .full-size-features .two-column .middle > .middle-left,
  .category.with-sidebar .main-column .two-column .middle > .middle-left,
  .category.fullwidth .two-column .middle > .middle-left {
    min-height: 0px;
  }
  .full-size-features .two-column .related-title,
  .category.with-sidebar .main-column .two-column .related-title,
  .category.fullwidth .two-column .related-title {
    margin-top: 0;
  }
  .full-size-features .one-column .middle > .middle-left,
  .category.with-sidebar .main-column .one-column .middle > .middle-left,
  .category.fullwidth .one-column .middle > .middle-left {
    min-height: 0px;
  }
  .full-size-features .one-column .related-title,
  .category.with-sidebar .main-column .one-column .related-title,
  .category.fullwidth .one-column .related-title {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .full-size-features .layout-grid > .layout-grid-row,
  .category.with-sidebar .main-column .layout-grid > .layout-grid-row,
  .category.fullwidth .layout-grid > .layout-grid-row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .layout-grid > .layout-grid-row:before,
  .category.with-sidebar .main-column .layout-grid > .layout-grid-row:before,
  .category.fullwidth .layout-grid > .layout-grid-row:before,
  .full-size-features .layout-grid > .layout-grid-row:after,
  .category.with-sidebar .main-column .layout-grid > .layout-grid-row:after,
  .category.fullwidth .layout-grid > .layout-grid-row:after {
    content: " ";
    display: table;
  }
  .full-size-features .layout-grid > .layout-grid-row:after,
  .category.with-sidebar .main-column .layout-grid > .layout-grid-row:after,
  .category.fullwidth .layout-grid > .layout-grid-row:after {
    clear: both;
  }
  .full-size-features .one-column,
  .category.with-sidebar .main-column .one-column,
  .category.fullwidth .one-column {
    /*IWA
            .cell > .middle > .middle {
                .make-sm-column(12);
            }

            */
  }
  .full-size-features .one-column .layout-grid-row-data,
  .category.with-sidebar .main-column .one-column .layout-grid-row-data,
  .category.fullwidth .one-column .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column .cell > .middle,
  .category.with-sidebar .main-column .one-column .cell > .middle,
  .category.fullwidth .one-column .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .one-column .cell > .middle:before,
  .category.with-sidebar .main-column .one-column .cell > .middle:before,
  .category.fullwidth .one-column .cell > .middle:before,
  .full-size-features .one-column .cell > .middle:after,
  .category.with-sidebar .main-column .one-column .cell > .middle:after,
  .category.fullwidth .one-column .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .one-column .cell > .middle:after,
  .category.with-sidebar .main-column .one-column .cell > .middle:after,
  .category.fullwidth .one-column .cell > .middle:after {
    clear: both;
  }
  .full-size-features .one-column .cell > .middle > .middle-left,
  .category.with-sidebar .main-column .one-column .cell > .middle > .middle-left,
  .category.fullwidth .one-column .cell > .middle > .middle-left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column .cell > .middle > .middle-right,
  .category.with-sidebar .main-column .one-column .cell > .middle > .middle-right,
  .category.fullwidth .one-column .cell > .middle > .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .three-column .layout-grid-row-data,
  .category.with-sidebar .main-column .three-column .layout-grid-row-data,
  .category.fullwidth .three-column .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .three-column .cell > .middle,
  .category.with-sidebar .main-column .three-column .cell > .middle,
  .category.fullwidth .three-column .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .three-column .cell > .middle:before,
  .category.with-sidebar .main-column .three-column .cell > .middle:before,
  .category.fullwidth .three-column .cell > .middle:before,
  .full-size-features .three-column .cell > .middle:after,
  .category.with-sidebar .main-column .three-column .cell > .middle:after,
  .category.fullwidth .three-column .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .three-column .cell > .middle:after,
  .category.with-sidebar .main-column .three-column .cell > .middle:after,
  .category.fullwidth .three-column .cell > .middle:after {
    clear: both;
  }
  .full-size-features .three-column .cell > .middle > .middle,
  .category.with-sidebar .main-column .three-column .cell > .middle > .middle,
  .category.fullwidth .three-column .cell > .middle > .middle {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .two-column .layout-grid-row-data,
  .category.with-sidebar .main-column .two-column .layout-grid-row-data,
  .category.fullwidth .two-column .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .two-column .cell > .middle,
  .category.with-sidebar .main-column .two-column .cell > .middle,
  .category.fullwidth .two-column .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .two-column .cell > .middle:before,
  .category.with-sidebar .main-column .two-column .cell > .middle:before,
  .category.fullwidth .two-column .cell > .middle:before,
  .full-size-features .two-column .cell > .middle:after,
  .category.with-sidebar .main-column .two-column .cell > .middle:after,
  .category.fullwidth .two-column .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .two-column .cell > .middle:after,
  .category.with-sidebar .main-column .two-column .cell > .middle:after,
  .category.fullwidth .two-column .cell > .middle:after {
    clear: both;
  }
  .full-size-features .two-column .cell > .middle > .middle,
  .category.with-sidebar .main-column .two-column .cell > .middle > .middle,
  .category.fullwidth .two-column .cell > .middle > .middle {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .four-column .layout-grid-row-data,
  .category.with-sidebar .main-column .four-column .layout-grid-row-data,
  .category.fullwidth .four-column .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .four-column .cell > .middle,
  .category.with-sidebar .main-column .four-column .cell > .middle,
  .category.fullwidth .four-column .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .four-column .cell > .middle:before,
  .category.with-sidebar .main-column .four-column .cell > .middle:before,
  .category.fullwidth .four-column .cell > .middle:before,
  .full-size-features .four-column .cell > .middle:after,
  .category.with-sidebar .main-column .four-column .cell > .middle:after,
  .category.fullwidth .four-column .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .four-column .cell > .middle:after,
  .category.with-sidebar .main-column .four-column .cell > .middle:after,
  .category.fullwidth .four-column .cell > .middle:after {
    clear: both;
  }
  .full-size-features .four-column .cell > .middle > .middle,
  .category.with-sidebar .main-column .four-column .cell > .middle > .middle,
  .category.fullwidth .four-column .cell > .middle > .middle {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column .layout-grid-row-data,
  .category.with-sidebar .main-column .one-column .layout-grid-row-data,
  .category.fullwidth .one-column .layout-grid-row-data {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column .cell > .middle > .middle-left,
  .category.with-sidebar .main-column .one-column .cell > .middle > .middle-left,
  .category.fullwidth .one-column .cell > .middle > .middle-left {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column .cell > .middle > .middle-right,
  .category.with-sidebar .main-column .one-column .cell > .middle > .middle-right,
  .category.fullwidth .one-column .cell > .middle > .middle-right {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .three-column .layout-grid-row-data,
  .category.with-sidebar .main-column .three-column .layout-grid-row-data,
  .category.fullwidth .three-column .layout-grid-row-data {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .three-column .cell > .middle > .middle,
  .category.with-sidebar .main-column .three-column .cell > .middle > .middle,
  .category.fullwidth .three-column .cell > .middle > .middle {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .two-column .layout-grid-row-data,
  .category.with-sidebar .main-column .two-column .layout-grid-row-data,
  .category.fullwidth .two-column .layout-grid-row-data {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .two-column .cell > .middle > .middle,
  .category.with-sidebar .main-column .two-column .cell > .middle > .middle,
  .category.fullwidth .two-column .cell > .middle > .middle {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .four-column .layout-grid-row-data,
  .category.with-sidebar .main-column .four-column .layout-grid-row-data,
  .category.fullwidth .four-column .layout-grid-row-data {
    float: left;
    width: 25%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .four-column .cell > .middle > .middle,
  .category.with-sidebar .main-column .four-column .cell > .middle > .middle,
  .category.fullwidth .four-column .cell > .middle > .middle {
    float: left;
    width: 100%;
  }
}
/* 1 columns are a little bit special */
@media (min-width: 483px) {
  .full-size-features .one-column.blog-small-style {
    /* start middle column expand - the middle column expands into left column when there is no image on css3 compat browsers */
    /* end middle column expand */
  }
  .full-size-features .one-column.blog-small-style .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .one-column.blog-small-style .cell > .middle:before,
  .full-size-features .one-column.blog-small-style .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .one-column.blog-small-style .cell > .middle:after {
    clear: both;
  }
  .full-size-features .one-column.blog-small-style .cell > .middle > .middle-left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column.blog-small-style .cell > .middle > .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column.blog-small-style .cell > .middle > .middle-left {
    min-height: 0px;
  }
  .full-size-features .one-column.blog-small-style .cell > .middle > .middle-left:empty {
    display: none;
  }
  .full-size-features .one-column.blog-small-style .cell > .middle > .middle-left:empty + .middle-center {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column.blog-small-style .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column.blog-50_50 {
    /* start middle column expand - the middle column expands into left column when there is no image on css3 compat browsers */
    /* end middle column expand */
  }
  .full-size-features .one-column.blog-50_50 .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .one-column.blog-50_50 .cell > .middle:before,
  .full-size-features .one-column.blog-50_50 .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .one-column.blog-50_50 .cell > .middle:after {
    clear: both;
  }
  .full-size-features .one-column.blog-50_50 .cell > .middle > .middle-left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column.blog-50_50 .cell > .middle > .middle-center {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column.blog-50_50 .cell > .middle > .middle-left {
    min-height: 0px;
  }
  .full-size-features .one-column.blog-50_50 .cell > .middle > .middle-left:empty {
    display: none;
  }
  .full-size-features .one-column.blog-50_50 .cell > .middle > .middle-left:empty + .middle-center {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column.blog-50_50 .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 483px) and (min-width: 768px) {
  .full-size-features .one-column.blog-small-style .cell > .middle > .middle-left {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 483px) and (min-width: 768px) {
  .full-size-features .one-column.blog-small-style .cell > .middle > .middle-right {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 483px) and (min-width: 768px) {
  .full-size-features .one-column.blog-small-style .cell > .middle > .middle-left:empty + .middle-center {
    float: left;
    width: 100%;
  }
}
@media (min-width: 483px) and (min-width: 768px) {
  .full-size-features .one-column.blog-small-style .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
    float: left;
    width: 100%;
  }
}
@media (min-width: 483px) and (min-width: 768px) {
  .full-size-features .one-column.blog-50_50 .cell > .middle > .middle-left {
    float: left;
    width: 50%;
  }
}
@media (min-width: 483px) and (min-width: 768px) {
  .full-size-features .one-column.blog-50_50 .cell > .middle > .middle-center {
    float: left;
    width: 50%;
  }
}
@media (min-width: 483px) and (min-width: 768px) {
  .full-size-features .one-column.blog-50_50 .cell > .middle > .middle-left:empty + .middle-center {
    float: left;
    width: 100%;
  }
}
@media (min-width: 483px) and (min-width: 768px) {
  .full-size-features .one-column.blog-50_50 .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
    float: left;
    width: 100%;
  }
}
@media (min-width: 483px) {
  .full-size-features .one-column.blog-large-style .cell > .middle > .middle,
  .full-size-features .one-column.blog-fullwidth-style .cell > .middle > .middle {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column.blog-large-style .middle-left,
  .full-size-features .one-column.blog-fullwidth-style .middle-left {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.full-size-features .one-column .cell > .middle > .middle-left {
  width: 100%;
}
/*
 * ============================================================================
 *  NEWS ITEMS
 * ============================================================================
 */
@media (min-width: 483px) {
  .article-category.with-sidebar .main-column,
  .article-category.fullwidth,
  .frontpage .main-column,
  .page .main-column {
    /* start middle column expand - the middle column expands into left column when there is no image on css3 compat browsers */
    /* start middle column expand - the middle column expands into left column when there is no image on css3 compat browsers */
    /* end middle column expand */
  }
  .article-category.with-sidebar .main-column .one-column.blog-small-style .cell > .middle,
  .article-category.fullwidth .one-column.blog-small-style .cell > .middle,
  .frontpage .main-column .one-column.blog-small-style .cell > .middle,
  .page .main-column .one-column.blog-small-style .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .article-category.with-sidebar .main-column .one-column.blog-small-style .cell > .middle:before,
  .article-category.fullwidth .one-column.blog-small-style .cell > .middle:before,
  .frontpage .main-column .one-column.blog-small-style .cell > .middle:before,
  .page .main-column .one-column.blog-small-style .cell > .middle:before,
  .article-category.with-sidebar .main-column .one-column.blog-small-style .cell > .middle:after,
  .article-category.fullwidth .one-column.blog-small-style .cell > .middle:after,
  .frontpage .main-column .one-column.blog-small-style .cell > .middle:after,
  .page .main-column .one-column.blog-small-style .cell > .middle:after {
    content: " ";
    display: table;
  }
  .article-category.with-sidebar .main-column .one-column.blog-small-style .cell > .middle:after,
  .article-category.fullwidth .one-column.blog-small-style .cell > .middle:after,
  .frontpage .main-column .one-column.blog-small-style .cell > .middle:after,
  .page .main-column .one-column.blog-small-style .cell > .middle:after {
    clear: both;
  }
  .article-category.with-sidebar .main-column .one-column.blog-small-style .cell > .middle > .middle-left,
  .article-category.fullwidth .one-column.blog-small-style .cell > .middle > .middle-left,
  .frontpage .main-column .one-column.blog-small-style .cell > .middle > .middle-left,
  .page .main-column .one-column.blog-small-style .cell > .middle > .middle-left {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .article-category.with-sidebar .main-column .one-column.blog-small-style .cell > .middle > .middle-center,
  .article-category.fullwidth .one-column.blog-small-style .cell > .middle > .middle-center,
  .frontpage .main-column .one-column.blog-small-style .cell > .middle > .middle-center,
  .page .main-column .one-column.blog-small-style .cell > .middle > .middle-center {
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .article-category.with-sidebar .main-column .one-column.blog-small-style .cell > .middle > .middle-center > .news-title,
  .article-category.fullwidth .one-column.blog-small-style .cell > .middle > .middle-center > .news-title,
  .frontpage .main-column .one-column.blog-small-style .cell > .middle > .middle-center > .news-title,
  .page .main-column .one-column.blog-small-style .cell > .middle > .middle-center > .news-title {
    margin-top: 0px;
  }
  .article-category.with-sidebar .main-column .one-column.blog-small-style .cell > .middle > .middle-left,
  .article-category.fullwidth .one-column.blog-small-style .cell > .middle > .middle-left,
  .frontpage .main-column .one-column.blog-small-style .cell > .middle > .middle-left,
  .page .main-column .one-column.blog-small-style .cell > .middle > .middle-left {
    min-height: 0px;
  }
  .article-category.with-sidebar .main-column .one-column.blog-small-style .cell > .middle > .middle-left:empty,
  .article-category.fullwidth .one-column.blog-small-style .cell > .middle > .middle-left:empty,
  .frontpage .main-column .one-column.blog-small-style .cell > .middle > .middle-left:empty,
  .page .main-column .one-column.blog-small-style .cell > .middle > .middle-left:empty {
    display: none;
  }
  .article-category.with-sidebar .main-column .one-column.blog-small-style .cell > .middle > .middle-left:empty + .middle-center,
  .article-category.fullwidth .one-column.blog-small-style .cell > .middle > .middle-left:empty + .middle-center,
  .frontpage .main-column .one-column.blog-small-style .cell > .middle > .middle-left:empty + .middle-center,
  .page .main-column .one-column.blog-small-style .cell > .middle > .middle-left:empty + .middle-center {
    /*IWA.make-sm-column(2.5);*/
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .article-category.with-sidebar .main-column .one-column.blog-small-style .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .article-category.fullwidth .one-column.blog-small-style .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .frontpage .main-column .one-column.blog-small-style .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .page .main-column .one-column.blog-small-style .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
    /*IWA..make-sm-column(2.5);*/
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .article-category.with-sidebar .main-column .one-column.blog-50_50 .cell > .middle,
  .article-category.fullwidth .one-column.blog-50_50 .cell > .middle,
  .frontpage .main-column .one-column.blog-50_50 .cell > .middle,
  .page .main-column .one-column.blog-50_50 .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .article-category.with-sidebar .main-column .one-column.blog-50_50 .cell > .middle:before,
  .article-category.fullwidth .one-column.blog-50_50 .cell > .middle:before,
  .frontpage .main-column .one-column.blog-50_50 .cell > .middle:before,
  .page .main-column .one-column.blog-50_50 .cell > .middle:before,
  .article-category.with-sidebar .main-column .one-column.blog-50_50 .cell > .middle:after,
  .article-category.fullwidth .one-column.blog-50_50 .cell > .middle:after,
  .frontpage .main-column .one-column.blog-50_50 .cell > .middle:after,
  .page .main-column .one-column.blog-50_50 .cell > .middle:after {
    content: " ";
    display: table;
  }
  .article-category.with-sidebar .main-column .one-column.blog-50_50 .cell > .middle:after,
  .article-category.fullwidth .one-column.blog-50_50 .cell > .middle:after,
  .frontpage .main-column .one-column.blog-50_50 .cell > .middle:after,
  .page .main-column .one-column.blog-50_50 .cell > .middle:after {
    clear: both;
  }
  .article-category.with-sidebar .main-column .one-column.blog-50_50 .cell > .middle > .middle-left,
  .article-category.fullwidth .one-column.blog-50_50 .cell > .middle > .middle-left,
  .frontpage .main-column .one-column.blog-50_50 .cell > .middle > .middle-left,
  .page .main-column .one-column.blog-50_50 .cell > .middle > .middle-left {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .article-category.with-sidebar .main-column .one-column.blog-50_50 .cell > .middle > .middle-center,
  .article-category.fullwidth .one-column.blog-50_50 .cell > .middle > .middle-center,
  .frontpage .main-column .one-column.blog-50_50 .cell > .middle > .middle-center,
  .page .main-column .one-column.blog-50_50 .cell > .middle > .middle-center {
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .article-category.with-sidebar .main-column .one-column.blog-50_50 .cell > .middle > .middle-center > .news-title,
  .article-category.fullwidth .one-column.blog-50_50 .cell > .middle > .middle-center > .news-title,
  .frontpage .main-column .one-column.blog-50_50 .cell > .middle > .middle-center > .news-title,
  .page .main-column .one-column.blog-50_50 .cell > .middle > .middle-center > .news-title {
    margin-top: 0px;
  }
  .article-category.with-sidebar .main-column .one-column.blog-50_50 .cell > .middle > .middle-left,
  .article-category.fullwidth .one-column.blog-50_50 .cell > .middle > .middle-left,
  .frontpage .main-column .one-column.blog-50_50 .cell > .middle > .middle-left,
  .page .main-column .one-column.blog-50_50 .cell > .middle > .middle-left {
    min-height: 0px;
  }
  .article-category.with-sidebar .main-column .one-column.blog-50_50 .cell > .middle > .middle-left:empty,
  .article-category.fullwidth .one-column.blog-50_50 .cell > .middle > .middle-left:empty,
  .frontpage .main-column .one-column.blog-50_50 .cell > .middle > .middle-left:empty,
  .page .main-column .one-column.blog-50_50 .cell > .middle > .middle-left:empty {
    display: none;
  }
  .article-category.with-sidebar .main-column .one-column.blog-50_50 .cell > .middle > .middle-left:empty + .middle-center,
  .article-category.fullwidth .one-column.blog-50_50 .cell > .middle > .middle-left:empty + .middle-center,
  .frontpage .main-column .one-column.blog-50_50 .cell > .middle > .middle-left:empty + .middle-center,
  .page .main-column .one-column.blog-50_50 .cell > .middle > .middle-left:empty + .middle-center {
    /*IWA.make-sm-column(2.5);*/
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .article-category.with-sidebar .main-column .one-column.blog-50_50 .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .article-category.fullwidth .one-column.blog-50_50 .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .frontpage .main-column .one-column.blog-50_50 .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .page .main-column .one-column.blog-50_50 .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
    /*IWA..make-sm-column(2.5);*/
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 483px) {
  .article-category.with-sidebar .main-column .one-column.blog-large-style .cell > .middle > .middle,
  .article-category.fullwidth .one-column.blog-large-style .cell > .middle > .middle,
  .frontpage .main-column .one-column.blog-large-style .cell > .middle > .middle,
  .page .main-column .one-column.blog-large-style .cell > .middle > .middle {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .article-category.with-sidebar .main-column .one-column.list-style .cell > .middle > .middle,
  .article-category.fullwidth .one-column.list-style .cell > .middle > .middle,
  .frontpage .main-column .one-column.list-style .cell > .middle > .middle,
  .page .main-column .one-column.list-style .cell > .middle > .middle {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.article.side_by_side .article-main-column-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .article.side_by_side .article-main-column-left {
    float: left;
    width: 33.33333333%;
  }
}
.article.side_by_side .article-main-column-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .article.side_by_side .article-main-column-right {
    float: left;
    width: 66.66666667%;
  }
}
/*
 * ============================================================================
 *  STORE ITEMS
 * ============================================================================
 */
.product-category.with-sidebar .main-column .one-column,
.product-category.fullwidth .one-column {
  /* start middle column expand - the middle column expands into left column when there is no image on css3 compat browsers */
  /* end middle column expand */
}
.product-category.with-sidebar .main-column .one-column .cell > .middle,
.product-category.fullwidth .one-column .cell > .middle {
  margin-left: -15px;
  margin-right: -15px;
}
.product-category.with-sidebar .main-column .one-column .cell > .middle:before,
.product-category.fullwidth .one-column .cell > .middle:before,
.product-category.with-sidebar .main-column .one-column .cell > .middle:after,
.product-category.fullwidth .one-column .cell > .middle:after {
  content: " ";
  display: table;
}
.product-category.with-sidebar .main-column .one-column .cell > .middle:after,
.product-category.fullwidth .one-column .cell > .middle:after {
  clear: both;
}
.product-category.with-sidebar .main-column .one-column .cell > .middle > .middle-left,
.product-category.fullwidth .one-column .cell > .middle > .middle-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column .cell > .middle > .middle-left,
  .product-category.fullwidth .one-column .cell > .middle > .middle-left {
    float: left;
    width: 33.33333333%;
  }
}
.product-category.with-sidebar .main-column .one-column .cell > .middle > .middle-center,
.product-category.fullwidth .one-column .cell > .middle > .middle-center {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column .cell > .middle > .middle-center,
  .product-category.fullwidth .one-column .cell > .middle > .middle-center {
    float: left;
    width: 45.83333333%;
  }
}
.product-category.with-sidebar .main-column .one-column .cell > .middle > .middle-right,
.product-category.fullwidth .one-column .cell > .middle > .middle-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column .cell > .middle > .middle-right,
  .product-category.fullwidth .one-column .cell > .middle > .middle-right {
    float: left;
    width: 20.83333333%;
  }
}
.product-category.with-sidebar .main-column .one-column .cell > .middle > .middle-left,
.product-category.fullwidth .one-column .cell > .middle > .middle-left {
  min-height: 0px;
}
.product-category.with-sidebar .main-column .one-column .cell > .middle > .middle-left:empty,
.product-category.fullwidth .one-column .cell > .middle > .middle-left:empty {
  display: none;
}
.product-category.with-sidebar .main-column .one-column .cell > .middle > .middle-left:empty + .middle-center,
.product-category.fullwidth .one-column .cell > .middle > .middle-left:empty + .middle-center {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column .cell > .middle > .middle-left:empty + .middle-center,
  .product-category.fullwidth .one-column .cell > .middle > .middle-left:empty + .middle-center {
    float: left;
    width: 79.16666667%;
  }
}
.product-category.with-sidebar .main-column .one-column .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.product-category.fullwidth .one-column .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .product-category.fullwidth .one-column .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
    float: left;
    width: 20.83333333%;
  }
}
.product-default .product-main-column-left,
.product-side_by_side .product-main-column-left,
.product-default .product-main-column-right,
.product-side_by_side .product-main-column-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-default .product-main-column-left,
  .product-side_by_side .product-main-column-left,
  .product-default .product-main-column-right,
  .product-side_by_side .product-main-column-right {
    float: left;
    width: 50%;
  }
}
.product-large_gallery .product-main-column-left,
.product-configurable_product .product-main-column-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-large_gallery .product-main-column-left,
  .product-configurable_product .product-main-column-left {
    float: left;
    width: 66.66666667%;
  }
}
.product-large_gallery .product-main-column-right,
.product-configurable_product .product-main-column-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-large_gallery .product-main-column-right,
  .product-configurable_product .product-main-column-right {
    float: left;
    width: 33.33333333%;
  }
}
/*
 * ============================================================================
 *  PAGES
 * ============================================================================
 */
.page.side_by_side .page-main-column-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .page.side_by_side .page-main-column-left {
    float: left;
    width: 33.33333333%;
  }
}
.page.side_by_side .page-main-column-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .page.side_by_side .page-main-column-right {
    float: left;
    width: 66.66666667%;
  }
}
/*
 * ============================================================================
 *  FULLWIDTH FEATURE
 * ============================================================================
 */
.fullwidth-feature .layout-grid-row {
  margin: 0 !important;
}
.fullwidth-feature .layout-grid-row .layout-grid-row-data {
  padding: 0;
}
.fullwidth-feature .layout-grid-row .layout-grid-row-data > a {
  display: block;
}
.fullwidth-feature .cell {
  position: relative;
}
.fullwidth-feature .cell .related-image {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  border: none;
  padding: 0;
}
.fullwidth-feature .cell .related-image:hover {
  opacity: 1;
  filter: opacity(1);
  -moz-filter: opacity(1);
  -webkit-filter: opacity(1);
}
.fullwidth-feature .cell .related-image img {
  position: absolute;
  top: -50%;
  bottom: -50%;
  left: -50%;
  right: -50%;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  max-width: none;
}
.fullwidth-feature .cell > .middle {
  padding: 100px 60px;
  margin: 0 !important;
  background: rgba(0, 0, 0, 0.2);
  position: relative;
}
.fullwidth-feature .related-title {
  font-size: 3.2rem;
  margin: 0 0 20px 0;
  color: #fff;
}
.fullwidth-feature .related-summary p {
  font-size: 2rem;
  line-height: 1.2em;
  color: #fff;
}
/*
 * ============================================================================
 *  List Attributes Lists
 * ============================================================================
 */
.list-one_column-minimal .list-item-minimal .middle-center {
  -ms-box-orient: horizontal;
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
}
.list-item-datagroup {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
.list-item-datagroup.list-item-datagroup-info {
  text-align: left;
  flex-grow: 1;
  flex: 1;
}
.list-item-datagroup.list-item-datagroup-info a {
  font-weight: bold;
}
.list-item-datagroup.list-item-datagroup-meta {
  flex: 4;
  padding: 0 10px;
}
.list-item-datagroup.list-item-datagroup-meta:empty {
  flex-grow: 0;
}
.attribute_list {
  width: 100%;
  font-size: 0.9em;
}
.attribute_list table {
  width: 100%;
}
.attribute_list td {
  padding: 5px 0;
}
.attribute_list tbody > tr {
  border-bottom: 1px solid #eee;
}
.attribute_list tbody:last-child > tr {
  border-bottom: 1px solid transparent;
}
.attribute_list ul,
.attribute_list ol {
  list-style-position: inside;
}
.attribute_list--responsive .attributes {
  padding: 0;
  margin: 0;
  -ms-box-orient: horizontal;
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  margin-left: -10px;
  margin-right: -10px;
}
.attribute_list--list .attributes {
  padding: 0;
  margin: 0;
  /* list-style-type: none; */
  -ms-box-orient: horizontal;
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  margin-left: -10px;
  margin-right: -10px;
}
.attribute_list--list .attributes {
  list-style-type: decimal;
}
.attribute_list--list .attributes .attribute-values {
  list-style-type: lower-alpha;
  padding-left: 12px;
}
.attributes .attribute {
  margin: 2px;
  padding: 0 10px 10px 10px;
}
.attributes .attribute .attribute-name {
  font-weight: bold;
}
.attribute_list--responsive .attributes .attribute .attribute-name {
  display: block;
  font-weight: bold;
}
.attributes .attribute div.attribute-values {
  display: block;
}
.attributes .attribute ul.attribute-values {
  padding-left: 15px;
}
.attributes .attribute div.attribute-values .attribute-value,
.attributes .attribute ul.attribute-values .attribute-value {
  padding-top: 7px;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  shoutcms bootstrap mixins
 * ============================================================================
 */
@media (min-width: 483px) {
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle,
  .product .ui-dialog .product-quickview .cell > .middle,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle,
  .product .ui-dialog .article-quickview .cell > .middle,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle:before,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle:before,
  .product .ui-dialog .product-quickview .cell > .middle:before,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle:before,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle:before,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle:before,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle:before,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle:before,
  .product .ui-dialog .article-quickview .cell > .middle:before,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle:before,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle:before,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle:before,
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle:after,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle:after,
  .product .ui-dialog .product-quickview .cell > .middle:after,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle:after,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle:after,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle:after,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle:after,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle:after,
  .product .ui-dialog .article-quickview .cell > .middle:after,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle:after,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle:after,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle:after {
    content: " ";
    display: table;
  }
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle:after,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle:after,
  .product .ui-dialog .product-quickview .cell > .middle:after,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle:after,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle:after,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle:after,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle:after,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle:after,
  .product .ui-dialog .article-quickview .cell > .middle:after,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle:after,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle:after,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle:after {
    clear: both;
  }
  .category.with-sidebar .ui-dialog .product-quickview .middle-left,
  .category.fullwidth .ui-dialog .product-quickview .middle-left,
  .product .ui-dialog .product-quickview .middle-left,
  .checkout.step-one .ui-dialog .product-quickview .middle-left,
  .body.with-sidebar .ui-dialog .product-quickview .middle-left,
  .body.fullwidth .ui-dialog .product-quickview .middle-left,
  .category.with-sidebar .ui-dialog .article-quickview .middle-left,
  .category.fullwidth .ui-dialog .article-quickview .middle-left,
  .product .ui-dialog .article-quickview .middle-left,
  .checkout.step-one .ui-dialog .article-quickview .middle-left,
  .body.with-sidebar .ui-dialog .article-quickview .middle-left,
  .body.fullwidth .ui-dialog .article-quickview .middle-left {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .category.with-sidebar .ui-dialog .product-quickview .middle-right,
  .category.fullwidth .ui-dialog .product-quickview .middle-right,
  .product .ui-dialog .product-quickview .middle-right,
  .checkout.step-one .ui-dialog .product-quickview .middle-right,
  .body.with-sidebar .ui-dialog .product-quickview .middle-right,
  .body.fullwidth .ui-dialog .product-quickview .middle-right,
  .category.with-sidebar .ui-dialog .article-quickview .middle-right,
  .category.fullwidth .ui-dialog .article-quickview .middle-right,
  .product .ui-dialog .article-quickview .middle-right,
  .checkout.step-one .ui-dialog .article-quickview .middle-right,
  .body.with-sidebar .ui-dialog .article-quickview .middle-right,
  .body.fullwidth .ui-dialog .article-quickview .middle-right {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 483px) and (max-width: 767px) {
  .category.with-sidebar .ui-dialog .product-quickview .middle > .middle-left,
  .category.fullwidth .ui-dialog .product-quickview .middle > .middle-left,
  .product .ui-dialog .product-quickview .middle > .middle-left,
  .checkout.step-one .ui-dialog .product-quickview .middle > .middle-left,
  .body.with-sidebar .ui-dialog .product-quickview .middle > .middle-left,
  .body.fullwidth .ui-dialog .product-quickview .middle > .middle-left,
  .category.with-sidebar .ui-dialog .article-quickview .middle > .middle-left,
  .category.fullwidth .ui-dialog .article-quickview .middle > .middle-left,
  .product .ui-dialog .article-quickview .middle > .middle-left,
  .checkout.step-one .ui-dialog .article-quickview .middle > .middle-left,
  .body.with-sidebar .ui-dialog .article-quickview .middle > .middle-left,
  .body.fullwidth .ui-dialog .article-quickview .middle > .middle-left {
    min-height: 0px;
  }
  .category.with-sidebar .ui-dialog .product-quickview .related-title,
  .category.fullwidth .ui-dialog .product-quickview .related-title,
  .product .ui-dialog .product-quickview .related-title,
  .checkout.step-one .ui-dialog .product-quickview .related-title,
  .body.with-sidebar .ui-dialog .product-quickview .related-title,
  .body.fullwidth .ui-dialog .product-quickview .related-title,
  .category.with-sidebar .ui-dialog .article-quickview .related-title,
  .category.fullwidth .ui-dialog .article-quickview .related-title,
  .product .ui-dialog .article-quickview .related-title,
  .checkout.step-one .ui-dialog .article-quickview .related-title,
  .body.with-sidebar .ui-dialog .article-quickview .related-title,
  .body.fullwidth .ui-dialog .article-quickview .related-title {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .category.with-sidebar .ui-dialog .product-quickview .layout-grid-row-data,
  .category.fullwidth .ui-dialog .product-quickview .layout-grid-row-data,
  .product .ui-dialog .product-quickview .layout-grid-row-data,
  .checkout.step-one .ui-dialog .product-quickview .layout-grid-row-data,
  .body.with-sidebar .ui-dialog .product-quickview .layout-grid-row-data,
  .body.fullwidth .ui-dialog .product-quickview .layout-grid-row-data,
  .category.with-sidebar .ui-dialog .article-quickview .layout-grid-row-data,
  .category.fullwidth .ui-dialog .article-quickview .layout-grid-row-data,
  .product .ui-dialog .article-quickview .layout-grid-row-data,
  .checkout.step-one .ui-dialog .article-quickview .layout-grid-row-data,
  .body.with-sidebar .ui-dialog .article-quickview .layout-grid-row-data,
  .body.fullwidth .ui-dialog .article-quickview .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle,
  .product .ui-dialog .product-quickview .cell > .middle,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle,
  .product .ui-dialog .article-quickview .cell > .middle,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle:before,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle:before,
  .product .ui-dialog .product-quickview .cell > .middle:before,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle:before,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle:before,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle:before,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle:before,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle:before,
  .product .ui-dialog .article-quickview .cell > .middle:before,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle:before,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle:before,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle:before,
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle:after,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle:after,
  .product .ui-dialog .product-quickview .cell > .middle:after,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle:after,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle:after,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle:after,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle:after,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle:after,
  .product .ui-dialog .article-quickview .cell > .middle:after,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle:after,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle:after,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle:after {
    content: " ";
    display: table;
  }
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle:after,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle:after,
  .product .ui-dialog .product-quickview .cell > .middle:after,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle:after,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle:after,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle:after,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle:after,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle:after,
  .product .ui-dialog .article-quickview .cell > .middle:after,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle:after,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle:after,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle:after {
    clear: both;
  }
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .product .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .product .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .product .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .product .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .category.with-sidebar .ui-dialog .product-quickview .layout-grid-row-data,
  .category.fullwidth .ui-dialog .product-quickview .layout-grid-row-data,
  .product .ui-dialog .product-quickview .layout-grid-row-data,
  .checkout.step-one .ui-dialog .product-quickview .layout-grid-row-data,
  .body.with-sidebar .ui-dialog .product-quickview .layout-grid-row-data,
  .body.fullwidth .ui-dialog .product-quickview .layout-grid-row-data,
  .category.with-sidebar .ui-dialog .article-quickview .layout-grid-row-data,
  .category.fullwidth .ui-dialog .article-quickview .layout-grid-row-data,
  .product .ui-dialog .article-quickview .layout-grid-row-data,
  .checkout.step-one .ui-dialog .article-quickview .layout-grid-row-data,
  .body.with-sidebar .ui-dialog .article-quickview .layout-grid-row-data,
  .body.fullwidth .ui-dialog .article-quickview .layout-grid-row-data {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .product .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .product .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .product .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .product .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-right {
    float: left;
    width: 50%;
  }
}
/*
 * ============================================================================
 *  STORE ITEMS
 * ============================================================================
 */
.category.with-sidebar .ui-dialog .product-quickview,
.category.fullwidth .ui-dialog .product-quickview,
.product .ui-dialog .product-quickview,
.checkout.step-one .ui-dialog .product-quickview,
.body.with-sidebar .ui-dialog .product-quickview,
.body.fullwidth .ui-dialog .product-quickview,
.category.with-sidebar .ui-dialog .article-quickview,
.category.fullwidth .ui-dialog .article-quickview,
.product .ui-dialog .article-quickview,
.checkout.step-one .ui-dialog .article-quickview,
.body.with-sidebar .ui-dialog .article-quickview,
.body.fullwidth .ui-dialog .article-quickview {
  /*
        .cell > .middle > .middle-center
        {
            .make-sm-column(6);
        }
 */
  /* start middle column expand - the middle column expands into left column when there is no image on css3 compat browsers */
  /*
        .cell > .middle > .middle-left:empty + .middle-center
        {
            .make-sm-column(0);
        }
 */
  /* end middle column expand */
}
.category.with-sidebar .ui-dialog .product-quickview .cell > .middle,
.category.fullwidth .ui-dialog .product-quickview .cell > .middle,
.product .ui-dialog .product-quickview .cell > .middle,
.checkout.step-one .ui-dialog .product-quickview .cell > .middle,
.body.with-sidebar .ui-dialog .product-quickview .cell > .middle,
.body.fullwidth .ui-dialog .product-quickview .cell > .middle,
.category.with-sidebar .ui-dialog .article-quickview .cell > .middle,
.category.fullwidth .ui-dialog .article-quickview .cell > .middle,
.product .ui-dialog .article-quickview .cell > .middle,
.checkout.step-one .ui-dialog .article-quickview .cell > .middle,
.body.with-sidebar .ui-dialog .article-quickview .cell > .middle,
.body.fullwidth .ui-dialog .article-quickview .cell > .middle {
  margin-left: -15px;
  margin-right: -15px;
  margin: 0;
}
.category.with-sidebar .ui-dialog .product-quickview .cell > .middle:before,
.category.fullwidth .ui-dialog .product-quickview .cell > .middle:before,
.product .ui-dialog .product-quickview .cell > .middle:before,
.checkout.step-one .ui-dialog .product-quickview .cell > .middle:before,
.body.with-sidebar .ui-dialog .product-quickview .cell > .middle:before,
.body.fullwidth .ui-dialog .product-quickview .cell > .middle:before,
.category.with-sidebar .ui-dialog .article-quickview .cell > .middle:before,
.category.fullwidth .ui-dialog .article-quickview .cell > .middle:before,
.product .ui-dialog .article-quickview .cell > .middle:before,
.checkout.step-one .ui-dialog .article-quickview .cell > .middle:before,
.body.with-sidebar .ui-dialog .article-quickview .cell > .middle:before,
.body.fullwidth .ui-dialog .article-quickview .cell > .middle:before,
.category.with-sidebar .ui-dialog .product-quickview .cell > .middle:after,
.category.fullwidth .ui-dialog .product-quickview .cell > .middle:after,
.product .ui-dialog .product-quickview .cell > .middle:after,
.checkout.step-one .ui-dialog .product-quickview .cell > .middle:after,
.body.with-sidebar .ui-dialog .product-quickview .cell > .middle:after,
.body.fullwidth .ui-dialog .product-quickview .cell > .middle:after,
.category.with-sidebar .ui-dialog .article-quickview .cell > .middle:after,
.category.fullwidth .ui-dialog .article-quickview .cell > .middle:after,
.product .ui-dialog .article-quickview .cell > .middle:after,
.checkout.step-one .ui-dialog .article-quickview .cell > .middle:after,
.body.with-sidebar .ui-dialog .article-quickview .cell > .middle:after,
.body.fullwidth .ui-dialog .article-quickview .cell > .middle:after {
  content: " ";
  display: table;
}
.category.with-sidebar .ui-dialog .product-quickview .cell > .middle:after,
.category.fullwidth .ui-dialog .product-quickview .cell > .middle:after,
.product .ui-dialog .product-quickview .cell > .middle:after,
.checkout.step-one .ui-dialog .product-quickview .cell > .middle:after,
.body.with-sidebar .ui-dialog .product-quickview .cell > .middle:after,
.body.fullwidth .ui-dialog .product-quickview .cell > .middle:after,
.category.with-sidebar .ui-dialog .article-quickview .cell > .middle:after,
.category.fullwidth .ui-dialog .article-quickview .cell > .middle:after,
.product .ui-dialog .article-quickview .cell > .middle:after,
.checkout.step-one .ui-dialog .article-quickview .cell > .middle:after,
.body.with-sidebar .ui-dialog .article-quickview .cell > .middle:after,
.body.fullwidth .ui-dialog .article-quickview .cell > .middle:after {
  clear: both;
}
.category.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left,
.category.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left,
.product .ui-dialog .product-quickview .cell > .middle > .middle-left,
.checkout.step-one .ui-dialog .product-quickview .cell > .middle > .middle-left,
.body.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left,
.body.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left,
.category.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left,
.category.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left,
.product .ui-dialog .article-quickview .cell > .middle > .middle-left,
.checkout.step-one .ui-dialog .article-quickview .cell > .middle > .middle-left,
.body.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left,
.body.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .product .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .product .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left {
    float: left;
    width: 50%;
  }
}
.category.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-right,
.category.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-right,
.product .ui-dialog .product-quickview .cell > .middle > .middle-right,
.checkout.step-one .ui-dialog .product-quickview .cell > .middle > .middle-right,
.body.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-right,
.body.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-right,
.category.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-right,
.category.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-right,
.product .ui-dialog .article-quickview .cell > .middle > .middle-right,
.checkout.step-one .ui-dialog .article-quickview .cell > .middle > .middle-right,
.body.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-right,
.body.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .product .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-right,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .product .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-right,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-right {
    float: left;
    width: 50%;
  }
}
.category.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left,
.category.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left,
.product .ui-dialog .product-quickview .cell > .middle > .middle-left,
.checkout.step-one .ui-dialog .product-quickview .cell > .middle > .middle-left,
.body.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left,
.body.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left,
.category.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left,
.category.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left,
.product .ui-dialog .article-quickview .cell > .middle > .middle-left,
.checkout.step-one .ui-dialog .article-quickview .cell > .middle > .middle-left,
.body.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left,
.body.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left {
  min-height: 0px;
}
.category.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left:empty,
.category.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left:empty,
.product .ui-dialog .product-quickview .cell > .middle > .middle-left:empty,
.checkout.step-one .ui-dialog .product-quickview .cell > .middle > .middle-left:empty,
.body.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left:empty,
.body.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left:empty,
.category.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left:empty,
.category.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left:empty,
.product .ui-dialog .article-quickview .cell > .middle > .middle-left:empty,
.checkout.step-one .ui-dialog .article-quickview .cell > .middle > .middle-left:empty,
.body.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left:empty,
.body.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left:empty {
  display: none;
}
.category.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.category.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.product .ui-dialog .product-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.checkout.step-one .ui-dialog .product-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.body.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.body.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.category.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.category.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.product .ui-dialog .article-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.checkout.step-one .ui-dialog .article-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.body.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.body.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .category.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .category.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .product .ui-dialog .product-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .checkout.step-one .ui-dialog .product-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .body.with-sidebar .ui-dialog .product-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .body.fullwidth .ui-dialog .product-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .category.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .category.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .product .ui-dialog .article-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .checkout.step-one .ui-dialog .article-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .body.with-sidebar .ui-dialog .article-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .body.fullwidth .ui-dialog .article-quickview .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
    float: left;
    width: 100%;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  shoutcms bootstrap mixins
 * ============================================================================
 */
@media (min-width: 483px) {
  .full-size-features .one-column-with-options-57 .cell > .middle,
  .category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle,
  .category.fullwidth .one-column-with-options-57 .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .one-column-with-options-57 .cell > .middle:before,
  .category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle:before,
  .category.fullwidth .one-column-with-options-57 .cell > .middle:before,
  .full-size-features .one-column-with-options-57 .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle:after,
  .category.fullwidth .one-column-with-options-57 .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .one-column-with-options-57 .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle:after,
  .category.fullwidth .one-column-with-options-57 .cell > .middle:after {
    clear: both;
  }
  .full-size-features .one-column-with-options-57 .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-57 .middle-left,
  .category.fullwidth .one-column-with-options-57 .middle-left {
    position: relative;
    float: left;
    width: 41.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column-with-options-57 .middle-right,
  .category.with-sidebar .main-column .one-column-with-options-57 .middle-right,
  .category.fullwidth .one-column-with-options-57 .middle-right {
    position: relative;
    float: left;
    width: 58.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 483px) and (max-width: 767px) {
  .full-size-features .one-column-with-options-57 .middle > .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-57 .middle > .middle-left,
  .category.fullwidth .one-column-with-options-57 .middle > .middle-left {
    min-height: 0px;
  }
  .full-size-features .one-column-with-options-57 .related-title,
  .category.with-sidebar .main-column .one-column-with-options-57 .related-title,
  .category.fullwidth .one-column-with-options-57 .related-title {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .full-size-features .one-column-with-options-57,
  .category.with-sidebar .main-column .one-column-with-options-57,
  .category.fullwidth .one-column-with-options-57 {
    /*IWA
            .cell > .middle > .middle {
                .make-sm-column(12);
            }

            */
  }
  .full-size-features .one-column-with-options-57 .layout-grid-row-data,
  .category.with-sidebar .main-column .one-column-with-options-57 .layout-grid-row-data,
  .category.fullwidth .one-column-with-options-57 .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column-with-options-57 .cell > .middle,
  .category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle,
  .category.fullwidth .one-column-with-options-57 .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .one-column-with-options-57 .cell > .middle:before,
  .category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle:before,
  .category.fullwidth .one-column-with-options-57 .cell > .middle:before,
  .full-size-features .one-column-with-options-57 .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle:after,
  .category.fullwidth .one-column-with-options-57 .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .one-column-with-options-57 .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle:after,
  .category.fullwidth .one-column-with-options-57 .cell > .middle:after {
    clear: both;
  }
  .full-size-features .one-column-with-options-57 .cell > .middle > .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle > .middle-left,
  .category.fullwidth .one-column-with-options-57 .cell > .middle > .middle-left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column-with-options-57 .cell > .middle > .middle-right,
  .category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle > .middle-right,
  .category.fullwidth .one-column-with-options-57 .cell > .middle > .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column-with-options-57 .layout-grid-row-data,
  .category.with-sidebar .main-column .one-column-with-options-57 .layout-grid-row-data,
  .category.fullwidth .one-column-with-options-57 .layout-grid-row-data {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column-with-options-57 .cell > .middle > .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle > .middle-left,
  .category.fullwidth .one-column-with-options-57 .cell > .middle > .middle-left {
    float: left;
    width: 41.66666667%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column-with-options-57 .cell > .middle > .middle-right,
  .category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle > .middle-right,
  .category.fullwidth .one-column-with-options-57 .cell > .middle > .middle-right {
    float: left;
    width: 58.33333333%;
  }
}
/*
 * ============================================================================
 *  STORE ITEMS
 * ============================================================================
 */
.product-category.with-sidebar .main-column .one-column-with-options-57,
.product-category.fullwidth .one-column-with-options-57 {
  /* start middle column expand - the middle column expands into left column when there is no image on css3 compat browsers */
  /* end middle column expand */
}
.product-category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle,
.product-category.fullwidth .one-column-with-options-57 .cell > .middle {
  margin-left: -15px;
  margin-right: -15px;
}
.product-category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle:before,
.product-category.fullwidth .one-column-with-options-57 .cell > .middle:before,
.product-category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle:after,
.product-category.fullwidth .one-column-with-options-57 .cell > .middle:after {
  content: " ";
  display: table;
}
.product-category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle:after,
.product-category.fullwidth .one-column-with-options-57 .cell > .middle:after {
  clear: both;
}
.product-category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle > .middle-left,
.product-category.fullwidth .one-column-with-options-57 .cell > .middle > .middle-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle > .middle-left,
  .product-category.fullwidth .one-column-with-options-57 .cell > .middle > .middle-left {
    float: left;
    width: 41.66666667%;
  }
}
.product-category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle > .middle-right,
.product-category.fullwidth .one-column-with-options-57 .cell > .middle > .middle-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle > .middle-right,
  .product-category.fullwidth .one-column-with-options-57 .cell > .middle > .middle-right {
    float: left;
    width: 58.33333333%;
  }
}
.product-category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle > .middle-left,
.product-category.fullwidth .one-column-with-options-57 .cell > .middle > .middle-left {
  min-height: 0px;
}
.product-category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle > .middle-left:empty,
.product-category.fullwidth .one-column-with-options-57 .cell > .middle > .middle-left:empty {
  display: none;
}
.product-category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.product-category.fullwidth .one-column-with-options-57 .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column-with-options-57 .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .product-category.fullwidth .one-column-with-options-57 .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
    float: left;
    width: 100%;
  }
}
@media (min-width: 483px) {
  .full-size-features .one-column-with-options-48 .cell > .middle,
  .category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle,
  .category.fullwidth .one-column-with-options-48 .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .one-column-with-options-48 .cell > .middle:before,
  .category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle:before,
  .category.fullwidth .one-column-with-options-48 .cell > .middle:before,
  .full-size-features .one-column-with-options-48 .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle:after,
  .category.fullwidth .one-column-with-options-48 .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .one-column-with-options-48 .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle:after,
  .category.fullwidth .one-column-with-options-48 .cell > .middle:after {
    clear: both;
  }
  .full-size-features .one-column-with-options-48 .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-48 .middle-left,
  .category.fullwidth .one-column-with-options-48 .middle-left {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column-with-options-48 .middle-right,
  .category.with-sidebar .main-column .one-column-with-options-48 .middle-right,
  .category.fullwidth .one-column-with-options-48 .middle-right {
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 483px) and (max-width: 767px) {
  .full-size-features .one-column-with-options-48 .middle > .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-48 .middle > .middle-left,
  .category.fullwidth .one-column-with-options-48 .middle > .middle-left {
    min-height: 0px;
  }
  .full-size-features .one-column-with-options-48 .related-title,
  .category.with-sidebar .main-column .one-column-with-options-48 .related-title,
  .category.fullwidth .one-column-with-options-48 .related-title {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .full-size-features .one-column-with-options-48,
  .category.with-sidebar .main-column .one-column-with-options-48,
  .category.fullwidth .one-column-with-options-48 {
    /*IWA
            .cell > .middle > .middle {
                .make-sm-column(12);
            }

            */
  }
  .full-size-features .one-column-with-options-48 .layout-grid-row-data,
  .category.with-sidebar .main-column .one-column-with-options-48 .layout-grid-row-data,
  .category.fullwidth .one-column-with-options-48 .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column-with-options-48 .cell > .middle,
  .category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle,
  .category.fullwidth .one-column-with-options-48 .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .one-column-with-options-48 .cell > .middle:before,
  .category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle:before,
  .category.fullwidth .one-column-with-options-48 .cell > .middle:before,
  .full-size-features .one-column-with-options-48 .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle:after,
  .category.fullwidth .one-column-with-options-48 .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .one-column-with-options-48 .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle:after,
  .category.fullwidth .one-column-with-options-48 .cell > .middle:after {
    clear: both;
  }
  .full-size-features .one-column-with-options-48 .cell > .middle > .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle > .middle-left,
  .category.fullwidth .one-column-with-options-48 .cell > .middle > .middle-left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column-with-options-48 .cell > .middle > .middle-right,
  .category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle > .middle-right,
  .category.fullwidth .one-column-with-options-48 .cell > .middle > .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column-with-options-48 .layout-grid-row-data,
  .category.with-sidebar .main-column .one-column-with-options-48 .layout-grid-row-data,
  .category.fullwidth .one-column-with-options-48 .layout-grid-row-data {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column-with-options-48 .cell > .middle > .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle > .middle-left,
  .category.fullwidth .one-column-with-options-48 .cell > .middle > .middle-left {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column-with-options-48 .cell > .middle > .middle-right,
  .category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle > .middle-right,
  .category.fullwidth .one-column-with-options-48 .cell > .middle > .middle-right {
    float: left;
    width: 66.66666667%;
  }
}
/*
 * ============================================================================
 *  STORE ITEMS
 * ============================================================================
 */
.product-category.with-sidebar .main-column .one-column-with-options-48,
.product-category.fullwidth .one-column-with-options-48 {
  /* start middle column expand - the middle column expands into left column when there is no image on css3 compat browsers */
  /* end middle column expand */
}
.product-category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle,
.product-category.fullwidth .one-column-with-options-48 .cell > .middle {
  margin-left: -15px;
  margin-right: -15px;
}
.product-category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle:before,
.product-category.fullwidth .one-column-with-options-48 .cell > .middle:before,
.product-category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle:after,
.product-category.fullwidth .one-column-with-options-48 .cell > .middle:after {
  content: " ";
  display: table;
}
.product-category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle:after,
.product-category.fullwidth .one-column-with-options-48 .cell > .middle:after {
  clear: both;
}
.product-category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle > .middle-left,
.product-category.fullwidth .one-column-with-options-48 .cell > .middle > .middle-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle > .middle-left,
  .product-category.fullwidth .one-column-with-options-48 .cell > .middle > .middle-left {
    float: left;
    width: 33.33333333%;
  }
}
.product-category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle > .middle-right,
.product-category.fullwidth .one-column-with-options-48 .cell > .middle > .middle-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle > .middle-right,
  .product-category.fullwidth .one-column-with-options-48 .cell > .middle > .middle-right {
    float: left;
    width: 66.66666667%;
  }
}
.product-category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle > .middle-left,
.product-category.fullwidth .one-column-with-options-48 .cell > .middle > .middle-left {
  min-height: 0px;
}
.product-category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle > .middle-left:empty,
.product-category.fullwidth .one-column-with-options-48 .cell > .middle > .middle-left:empty {
  display: none;
}
.product-category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.product-category.fullwidth .one-column-with-options-48 .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column-with-options-48 .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .product-category.fullwidth .one-column-with-options-48 .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
    float: left;
    width: 100%;
  }
}
@media (min-width: 483px) {
  .full-size-features .one-column-with-options-float .cell > .middle,
  .category.with-sidebar .main-column .one-column-with-options-float .cell > .middle,
  .category.fullwidth .one-column-with-options-float .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .one-column-with-options-float .cell > .middle:before,
  .category.with-sidebar .main-column .one-column-with-options-float .cell > .middle:before,
  .category.fullwidth .one-column-with-options-float .cell > .middle:before,
  .full-size-features .one-column-with-options-float .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-float .cell > .middle:after,
  .category.fullwidth .one-column-with-options-float .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .one-column-with-options-float .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-float .cell > .middle:after,
  .category.fullwidth .one-column-with-options-float .cell > .middle:after {
    clear: both;
  }
  .full-size-features .one-column-with-options-float .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-float .middle-left,
  .category.fullwidth .one-column-with-options-float .middle-left {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column-with-options-float .middle-right,
  .category.with-sidebar .main-column .one-column-with-options-float .middle-right,
  .category.fullwidth .one-column-with-options-float .middle-right {
    position: relative;
    float: left;
    width: 75%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 483px) and (max-width: 767px) {
  .full-size-features .one-column-with-options-float .middle > .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-float .middle > .middle-left,
  .category.fullwidth .one-column-with-options-float .middle > .middle-left {
    min-height: 0px;
  }
  .full-size-features .one-column-with-options-float .related-title,
  .category.with-sidebar .main-column .one-column-with-options-float .related-title,
  .category.fullwidth .one-column-with-options-float .related-title {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .full-size-features .one-column-with-options-float,
  .category.with-sidebar .main-column .one-column-with-options-float,
  .category.fullwidth .one-column-with-options-float {
    /*IWA
            .cell > .middle > .middle {
                .make-sm-column(12);
            }

            */
  }
  .full-size-features .one-column-with-options-float .layout-grid-row-data,
  .category.with-sidebar .main-column .one-column-with-options-float .layout-grid-row-data,
  .category.fullwidth .one-column-with-options-float .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column-with-options-float .cell > .middle,
  .category.with-sidebar .main-column .one-column-with-options-float .cell > .middle,
  .category.fullwidth .one-column-with-options-float .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .one-column-with-options-float .cell > .middle:before,
  .category.with-sidebar .main-column .one-column-with-options-float .cell > .middle:before,
  .category.fullwidth .one-column-with-options-float .cell > .middle:before,
  .full-size-features .one-column-with-options-float .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-float .cell > .middle:after,
  .category.fullwidth .one-column-with-options-float .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .one-column-with-options-float .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-float .cell > .middle:after,
  .category.fullwidth .one-column-with-options-float .cell > .middle:after {
    clear: both;
  }
  .full-size-features .one-column-with-options-float .cell > .middle > .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-float .cell > .middle > .middle-left,
  .category.fullwidth .one-column-with-options-float .cell > .middle > .middle-left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column-with-options-float .cell > .middle > .middle-right,
  .category.with-sidebar .main-column .one-column-with-options-float .cell > .middle > .middle-right,
  .category.fullwidth .one-column-with-options-float .cell > .middle > .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column-with-options-float .layout-grid-row-data,
  .category.with-sidebar .main-column .one-column-with-options-float .layout-grid-row-data,
  .category.fullwidth .one-column-with-options-float .layout-grid-row-data {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column-with-options-float .cell > .middle > .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-float .cell > .middle > .middle-left,
  .category.fullwidth .one-column-with-options-float .cell > .middle > .middle-left {
    float: left;
    width: 25%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column-with-options-float .cell > .middle > .middle-right,
  .category.with-sidebar .main-column .one-column-with-options-float .cell > .middle > .middle-right,
  .category.fullwidth .one-column-with-options-float .cell > .middle > .middle-right {
    float: left;
    width: 75%;
  }
}
/*
 * ============================================================================
 *  STORE ITEMS
 * ============================================================================
 */
.product-category.with-sidebar .main-column .one-column-with-options-float,
.product-category.fullwidth .one-column-with-options-float {
  /* start middle column expand - the middle column expands into left column when there is no image on css3 compat browsers */
  /* end middle column expand */
}
.product-category.with-sidebar .main-column .one-column-with-options-float .cell > .middle,
.product-category.fullwidth .one-column-with-options-float .cell > .middle {
  margin-left: -15px;
  margin-right: -15px;
}
.product-category.with-sidebar .main-column .one-column-with-options-float .cell > .middle:before,
.product-category.fullwidth .one-column-with-options-float .cell > .middle:before,
.product-category.with-sidebar .main-column .one-column-with-options-float .cell > .middle:after,
.product-category.fullwidth .one-column-with-options-float .cell > .middle:after {
  content: " ";
  display: table;
}
.product-category.with-sidebar .main-column .one-column-with-options-float .cell > .middle:after,
.product-category.fullwidth .one-column-with-options-float .cell > .middle:after {
  clear: both;
}
.product-category.with-sidebar .main-column .one-column-with-options-float .cell > .middle > .middle-left,
.product-category.fullwidth .one-column-with-options-float .cell > .middle > .middle-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column-with-options-float .cell > .middle > .middle-left,
  .product-category.fullwidth .one-column-with-options-float .cell > .middle > .middle-left {
    float: left;
    width: 25%;
  }
}
.product-category.with-sidebar .main-column .one-column-with-options-float .cell > .middle > .middle-right,
.product-category.fullwidth .one-column-with-options-float .cell > .middle > .middle-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column-with-options-float .cell > .middle > .middle-right,
  .product-category.fullwidth .one-column-with-options-float .cell > .middle > .middle-right {
    float: left;
    width: 75%;
  }
}
.product-category.with-sidebar .main-column .one-column-with-options-float .cell > .middle > .middle-left,
.product-category.fullwidth .one-column-with-options-float .cell > .middle > .middle-left {
  min-height: 0px;
}
.product-category.with-sidebar .main-column .one-column-with-options-float .cell > .middle > .middle-left:empty,
.product-category.fullwidth .one-column-with-options-float .cell > .middle > .middle-left:empty {
  display: none;
}
.product-category.with-sidebar .main-column .one-column-with-options-float .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.product-category.fullwidth .one-column-with-options-float .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .product-category.with-sidebar .main-column .one-column-with-options-float .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .product-category.fullwidth .one-column-with-options-float .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
    float: left;
    width: 100%;
  }
}
@media (min-width: 483px) {
  .full-size-features .one-column-with-options-flattop .cell > .middle,
  .category.with-sidebar .main-column .one-column-with-options-flattop .cell > .middle,
  .category.fullwidth .one-column-with-options-flattop .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .one-column-with-options-flattop .cell > .middle:before,
  .category.with-sidebar .main-column .one-column-with-options-flattop .cell > .middle:before,
  .category.fullwidth .one-column-with-options-flattop .cell > .middle:before,
  .full-size-features .one-column-with-options-flattop .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-flattop .cell > .middle:after,
  .category.fullwidth .one-column-with-options-flattop .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .one-column-with-options-flattop .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-flattop .cell > .middle:after,
  .category.fullwidth .one-column-with-options-flattop .cell > .middle:after {
    clear: both;
  }
  .full-size-features .one-column-with-options-flattop .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-flattop .middle-left,
  .category.fullwidth .one-column-with-options-flattop .middle-left {
    position: relative;
    float: left;
    width: 41.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column-with-options-flattop .middle-right,
  .category.with-sidebar .main-column .one-column-with-options-flattop .middle-right,
  .category.fullwidth .one-column-with-options-flattop .middle-right {
    position: relative;
    float: left;
    width: 58.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 483px) and (max-width: 767px) {
  .full-size-features .one-column-with-options-flattop .middle > .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-flattop .middle > .middle-left,
  .category.fullwidth .one-column-with-options-flattop .middle > .middle-left {
    min-height: 0px;
  }
  .full-size-features .one-column-with-options-flattop .related-title,
  .category.with-sidebar .main-column .one-column-with-options-flattop .related-title,
  .category.fullwidth .one-column-with-options-flattop .related-title {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .full-size-features .one-column-with-options-flattop,
  .category.with-sidebar .main-column .one-column-with-options-flattop,
  .category.fullwidth .one-column-with-options-flattop {
    /*IWA
            .cell > .middle > .middle {
                .make-sm-column(12);
            }

            */
  }
  .full-size-features .one-column-with-options-flattop .layout-grid-row-data,
  .category.with-sidebar .main-column .one-column-with-options-flattop .layout-grid-row-data,
  .category.fullwidth .one-column-with-options-flattop .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column-with-options-flattop .cell > .middle,
  .category.with-sidebar .main-column .one-column-with-options-flattop .cell > .middle,
  .category.fullwidth .one-column-with-options-flattop .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .full-size-features .one-column-with-options-flattop .cell > .middle:before,
  .category.with-sidebar .main-column .one-column-with-options-flattop .cell > .middle:before,
  .category.fullwidth .one-column-with-options-flattop .cell > .middle:before,
  .full-size-features .one-column-with-options-flattop .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-flattop .cell > .middle:after,
  .category.fullwidth .one-column-with-options-flattop .cell > .middle:after {
    content: " ";
    display: table;
  }
  .full-size-features .one-column-with-options-flattop .cell > .middle:after,
  .category.with-sidebar .main-column .one-column-with-options-flattop .cell > .middle:after,
  .category.fullwidth .one-column-with-options-flattop .cell > .middle:after {
    clear: both;
  }
  .full-size-features .one-column-with-options-flattop .cell > .middle > .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-flattop .cell > .middle > .middle-left,
  .category.fullwidth .one-column-with-options-flattop .cell > .middle > .middle-left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .full-size-features .one-column-with-options-flattop .cell > .middle > .middle-right,
  .category.with-sidebar .main-column .one-column-with-options-flattop .cell > .middle > .middle-right,
  .category.fullwidth .one-column-with-options-flattop .cell > .middle > .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column-with-options-flattop .layout-grid-row-data,
  .category.with-sidebar .main-column .one-column-with-options-flattop .layout-grid-row-data,
  .category.fullwidth .one-column-with-options-flattop .layout-grid-row-data {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column-with-options-flattop .cell > .middle > .middle-left,
  .category.with-sidebar .main-column .one-column-with-options-flattop .cell > .middle > .middle-left,
  .category.fullwidth .one-column-with-options-flattop .cell > .middle > .middle-left {
    float: left;
    width: 41.66666667%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .full-size-features .one-column-with-options-flattop .cell > .middle > .middle-right,
  .category.with-sidebar .main-column .one-column-with-options-flattop .cell > .middle > .middle-right,
  .category.fullwidth .one-column-with-options-flattop .cell > .middle > .middle-right {
    float: left;
    width: 58.33333333%;
  }
}
/*
 * ============================================================================
 *  Unified List layouts
 * ============================================================================
 */
@media (min-width: 483px) {
  .body.with-sidebar .main-column .list-one_column .cell > .middle,
  .body.fullwidth .list-one_column .cell > .middle,
  .body.body .list-one_column .cell > .middle,
  .body.with-sidebar .main-column .list-two_column .cell > .middle,
  .body.fullwidth .list-two_column .cell > .middle,
  .body.body .list-two_column .cell > .middle,
  .body.with-sidebar .main-column .list-three_column .cell > .middle,
  .body.fullwidth .list-three_column .cell > .middle,
  .body.body .list-three_column .cell > .middle,
  .body.with-sidebar .main-column .list-four_column .cell > .middle,
  .body.fullwidth .list-four_column .cell > .middle,
  .body.body .list-four_column .cell > .middle,
  .body.with-sidebar .main-column .list-five_column .cell > .middle,
  .body.fullwidth .list-five_column .cell > .middle,
  .body.body .list-five_column .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .body.with-sidebar .main-column .list-one_column .cell > .middle:before,
  .body.fullwidth .list-one_column .cell > .middle:before,
  .body.body .list-one_column .cell > .middle:before,
  .body.with-sidebar .main-column .list-two_column .cell > .middle:before,
  .body.fullwidth .list-two_column .cell > .middle:before,
  .body.body .list-two_column .cell > .middle:before,
  .body.with-sidebar .main-column .list-three_column .cell > .middle:before,
  .body.fullwidth .list-three_column .cell > .middle:before,
  .body.body .list-three_column .cell > .middle:before,
  .body.with-sidebar .main-column .list-four_column .cell > .middle:before,
  .body.fullwidth .list-four_column .cell > .middle:before,
  .body.body .list-four_column .cell > .middle:before,
  .body.with-sidebar .main-column .list-five_column .cell > .middle:before,
  .body.fullwidth .list-five_column .cell > .middle:before,
  .body.body .list-five_column .cell > .middle:before,
  .body.with-sidebar .main-column .list-one_column .cell > .middle:after,
  .body.fullwidth .list-one_column .cell > .middle:after,
  .body.body .list-one_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-two_column .cell > .middle:after,
  .body.fullwidth .list-two_column .cell > .middle:after,
  .body.body .list-two_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-three_column .cell > .middle:after,
  .body.fullwidth .list-three_column .cell > .middle:after,
  .body.body .list-three_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-four_column .cell > .middle:after,
  .body.fullwidth .list-four_column .cell > .middle:after,
  .body.body .list-four_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-five_column .cell > .middle:after,
  .body.fullwidth .list-five_column .cell > .middle:after,
  .body.body .list-five_column .cell > .middle:after {
    content: " ";
    display: table;
  }
  .body.with-sidebar .main-column .list-one_column .cell > .middle:after,
  .body.fullwidth .list-one_column .cell > .middle:after,
  .body.body .list-one_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-two_column .cell > .middle:after,
  .body.fullwidth .list-two_column .cell > .middle:after,
  .body.body .list-two_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-three_column .cell > .middle:after,
  .body.fullwidth .list-three_column .cell > .middle:after,
  .body.body .list-three_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-four_column .cell > .middle:after,
  .body.fullwidth .list-four_column .cell > .middle:after,
  .body.body .list-four_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-five_column .cell > .middle:after,
  .body.fullwidth .list-five_column .cell > .middle:after,
  .body.body .list-five_column .cell > .middle:after {
    clear: both;
  }
  .body.with-sidebar .main-column .list-one_column .middle-left,
  .body.fullwidth .list-one_column .middle-left,
  .body.body .list-one_column .middle-left,
  .body.with-sidebar .main-column .list-two_column .middle-left,
  .body.fullwidth .list-two_column .middle-left,
  .body.body .list-two_column .middle-left,
  .body.with-sidebar .main-column .list-three_column .middle-left,
  .body.fullwidth .list-three_column .middle-left,
  .body.body .list-three_column .middle-left,
  .body.with-sidebar .main-column .list-four_column .middle-left,
  .body.fullwidth .list-four_column .middle-left,
  .body.body .list-four_column .middle-left,
  .body.with-sidebar .main-column .list-five_column .middle-left,
  .body.fullwidth .list-five_column .middle-left,
  .body.body .list-five_column .middle-left {
    position: relative;
    float: left;
    width: 41.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .body.with-sidebar .main-column .list-one_column .middle-right,
  .body.fullwidth .list-one_column .middle-right,
  .body.body .list-one_column .middle-right,
  .body.with-sidebar .main-column .list-two_column .middle-right,
  .body.fullwidth .list-two_column .middle-right,
  .body.body .list-two_column .middle-right,
  .body.with-sidebar .main-column .list-three_column .middle-right,
  .body.fullwidth .list-three_column .middle-right,
  .body.body .list-three_column .middle-right,
  .body.with-sidebar .main-column .list-four_column .middle-right,
  .body.fullwidth .list-four_column .middle-right,
  .body.body .list-four_column .middle-right,
  .body.with-sidebar .main-column .list-five_column .middle-right,
  .body.fullwidth .list-five_column .middle-right,
  .body.body .list-five_column .middle-right {
    position: relative;
    float: left;
    width: 58.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 483px) and (max-width: 767px) {
  .body.with-sidebar .main-column .list-one_column .middle > .middle-left,
  .body.fullwidth .list-one_column .middle > .middle-left,
  .body.body .list-one_column .middle > .middle-left,
  .body.with-sidebar .main-column .list-two_column .middle > .middle-left,
  .body.fullwidth .list-two_column .middle > .middle-left,
  .body.body .list-two_column .middle > .middle-left,
  .body.with-sidebar .main-column .list-three_column .middle > .middle-left,
  .body.fullwidth .list-three_column .middle > .middle-left,
  .body.body .list-three_column .middle > .middle-left,
  .body.with-sidebar .main-column .list-four_column .middle > .middle-left,
  .body.fullwidth .list-four_column .middle > .middle-left,
  .body.body .list-four_column .middle > .middle-left,
  .body.with-sidebar .main-column .list-five_column .middle > .middle-left,
  .body.fullwidth .list-five_column .middle > .middle-left,
  .body.body .list-five_column .middle > .middle-left {
    min-height: 0px;
  }
  .body.with-sidebar .main-column .list-one_column .related-title,
  .body.fullwidth .list-one_column .related-title,
  .body.body .list-one_column .related-title,
  .body.with-sidebar .main-column .list-two_column .related-title,
  .body.fullwidth .list-two_column .related-title,
  .body.body .list-two_column .related-title,
  .body.with-sidebar .main-column .list-three_column .related-title,
  .body.fullwidth .list-three_column .related-title,
  .body.body .list-three_column .related-title,
  .body.with-sidebar .main-column .list-four_column .related-title,
  .body.fullwidth .list-four_column .related-title,
  .body.body .list-four_column .related-title,
  .body.with-sidebar .main-column .list-five_column .related-title,
  .body.fullwidth .list-five_column .related-title,
  .body.body .list-five_column .related-title {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .body.with-sidebar .main-column .layout-grid > .layout-grid-row,
  .body.fullwidth .layout-grid > .layout-grid-row,
  .body.body .layout-grid > .layout-grid-row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .body.with-sidebar .main-column .layout-grid > .layout-grid-row:before,
  .body.fullwidth .layout-grid > .layout-grid-row:before,
  .body.body .layout-grid > .layout-grid-row:before,
  .body.with-sidebar .main-column .layout-grid > .layout-grid-row:after,
  .body.fullwidth .layout-grid > .layout-grid-row:after,
  .body.body .layout-grid > .layout-grid-row:after {
    content: " ";
    display: table;
  }
  .body.with-sidebar .main-column .layout-grid > .layout-grid-row:after,
  .body.fullwidth .layout-grid > .layout-grid-row:after,
  .body.body .layout-grid > .layout-grid-row:after {
    clear: both;
  }
  .body.with-sidebar .main-column .list-one_column .layout-grid-row-data,
  .body.fullwidth .list-one_column .layout-grid-row-data,
  .body.body .list-one_column .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .body.with-sidebar .main-column .list-one_column .cell > .middle,
  .body.fullwidth .list-one_column .cell > .middle,
  .body.body .list-one_column .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .body.with-sidebar .main-column .list-one_column .cell > .middle:before,
  .body.fullwidth .list-one_column .cell > .middle:before,
  .body.body .list-one_column .cell > .middle:before,
  .body.with-sidebar .main-column .list-one_column .cell > .middle:after,
  .body.fullwidth .list-one_column .cell > .middle:after,
  .body.body .list-one_column .cell > .middle:after {
    content: " ";
    display: table;
  }
  .body.with-sidebar .main-column .list-one_column .cell > .middle:after,
  .body.fullwidth .list-one_column .cell > .middle:after,
  .body.body .list-one_column .cell > .middle:after {
    clear: both;
  }
  .body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-left,
  .body.fullwidth .list-one_column .cell > .middle > .middle-left,
  .body.body .list-one_column .cell > .middle > .middle-left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-right,
  .body.fullwidth .list-one_column .cell > .middle > .middle-right,
  .body.body .list-one_column .cell > .middle > .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .body.with-sidebar .main-column .list-two_column .cell > .middle,
  .body.fullwidth .list-two_column .cell > .middle,
  .body.body .list-two_column .cell > .middle,
  .body.with-sidebar .main-column .list-three_column .cell > .middle,
  .body.fullwidth .list-three_column .cell > .middle,
  .body.body .list-three_column .cell > .middle,
  .body.with-sidebar .main-column .list-four_column .cell > .middle,
  .body.fullwidth .list-four_column .cell > .middle,
  .body.body .list-four_column .cell > .middle,
  .body.with-sidebar .main-column .list-five_column .cell > .middle,
  .body.fullwidth .list-five_column .cell > .middle,
  .body.body .list-five_column .cell > .middle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .body.with-sidebar .main-column .list-two_column .cell > .middle:before,
  .body.fullwidth .list-two_column .cell > .middle:before,
  .body.body .list-two_column .cell > .middle:before,
  .body.with-sidebar .main-column .list-three_column .cell > .middle:before,
  .body.fullwidth .list-three_column .cell > .middle:before,
  .body.body .list-three_column .cell > .middle:before,
  .body.with-sidebar .main-column .list-four_column .cell > .middle:before,
  .body.fullwidth .list-four_column .cell > .middle:before,
  .body.body .list-four_column .cell > .middle:before,
  .body.with-sidebar .main-column .list-five_column .cell > .middle:before,
  .body.fullwidth .list-five_column .cell > .middle:before,
  .body.body .list-five_column .cell > .middle:before,
  .body.with-sidebar .main-column .list-two_column .cell > .middle:after,
  .body.fullwidth .list-two_column .cell > .middle:after,
  .body.body .list-two_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-three_column .cell > .middle:after,
  .body.fullwidth .list-three_column .cell > .middle:after,
  .body.body .list-three_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-four_column .cell > .middle:after,
  .body.fullwidth .list-four_column .cell > .middle:after,
  .body.body .list-four_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-five_column .cell > .middle:after,
  .body.fullwidth .list-five_column .cell > .middle:after,
  .body.body .list-five_column .cell > .middle:after {
    content: " ";
    display: table;
  }
  .body.with-sidebar .main-column .list-two_column .cell > .middle:after,
  .body.fullwidth .list-two_column .cell > .middle:after,
  .body.body .list-two_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-three_column .cell > .middle:after,
  .body.fullwidth .list-three_column .cell > .middle:after,
  .body.body .list-three_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-four_column .cell > .middle:after,
  .body.fullwidth .list-four_column .cell > .middle:after,
  .body.body .list-four_column .cell > .middle:after,
  .body.with-sidebar .main-column .list-five_column .cell > .middle:after,
  .body.fullwidth .list-five_column .cell > .middle:after,
  .body.body .list-five_column .cell > .middle:after {
    clear: both;
  }
  .body.with-sidebar .main-column .list-two_column .cell > .middle > .middle,
  .body.fullwidth .list-two_column .cell > .middle > .middle,
  .body.body .list-two_column .cell > .middle > .middle,
  .body.with-sidebar .main-column .list-three_column .cell > .middle > .middle,
  .body.fullwidth .list-three_column .cell > .middle > .middle,
  .body.body .list-three_column .cell > .middle > .middle,
  .body.with-sidebar .main-column .list-four_column .cell > .middle > .middle,
  .body.fullwidth .list-four_column .cell > .middle > .middle,
  .body.body .list-four_column .cell > .middle > .middle,
  .body.with-sidebar .main-column .list-five_column .cell > .middle > .middle,
  .body.fullwidth .list-five_column .cell > .middle > .middle,
  .body.body .list-five_column .cell > .middle > .middle {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .body.with-sidebar .main-column .list-three_column .layout-grid-row-data,
  .body.fullwidth .list-three_column .layout-grid-row-data,
  .body.body .list-three_column .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .body.with-sidebar .main-column .list-two_column .layout-grid-row-data,
  .body.fullwidth .list-two_column .layout-grid-row-data,
  .body.body .list-two_column .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .body.with-sidebar .main-column .list-four_column .layout-grid-row-data,
  .body.fullwidth .list-four_column .layout-grid-row-data,
  .body.body .list-four_column .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .body.with-sidebar .main-column .list-five_column .layout-grid-row-data,
  .body.fullwidth .list-five_column .layout-grid-row-data,
  .body.body .list-five_column .layout-grid-row-data {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column .layout-grid-row-data,
  .body.fullwidth .list-one_column .layout-grid-row-data,
  .body.body .list-one_column .layout-grid-row-data {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-left,
  .body.fullwidth .list-one_column .cell > .middle > .middle-left,
  .body.body .list-one_column .cell > .middle > .middle-left {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-right,
  .body.fullwidth .list-one_column .cell > .middle > .middle-right,
  .body.body .list-one_column .cell > .middle > .middle-right {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .body.with-sidebar .main-column .list-two_column .cell > .middle > .middle,
  .body.fullwidth .list-two_column .cell > .middle > .middle,
  .body.body .list-two_column .cell > .middle > .middle,
  .body.with-sidebar .main-column .list-three_column .cell > .middle > .middle,
  .body.fullwidth .list-three_column .cell > .middle > .middle,
  .body.body .list-three_column .cell > .middle > .middle,
  .body.with-sidebar .main-column .list-four_column .cell > .middle > .middle,
  .body.fullwidth .list-four_column .cell > .middle > .middle,
  .body.body .list-four_column .cell > .middle > .middle,
  .body.with-sidebar .main-column .list-five_column .cell > .middle > .middle,
  .body.fullwidth .list-five_column .cell > .middle > .middle,
  .body.body .list-five_column .cell > .middle > .middle {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .body.with-sidebar .main-column .list-three_column .layout-grid-row-data,
  .body.fullwidth .list-three_column .layout-grid-row-data,
  .body.body .list-three_column .layout-grid-row-data {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .body.with-sidebar .main-column .list-two_column .layout-grid-row-data,
  .body.fullwidth .list-two_column .layout-grid-row-data,
  .body.body .list-two_column .layout-grid-row-data {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .body.with-sidebar .main-column .list-four_column .layout-grid-row-data,
  .body.fullwidth .list-four_column .layout-grid-row-data,
  .body.body .list-four_column .layout-grid-row-data {
    float: left;
    width: 25%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .body.with-sidebar .main-column .list-five_column .layout-grid-row-data,
  .body.fullwidth .list-five_column .layout-grid-row-data,
  .body.body .list-five_column .layout-grid-row-data {
    float: left;
    width: 20%;
  }
}
/* 1 columns are a little bit special */
.body.with-sidebar .main-column .list-one_column,
.body.fullwidth .list-one_column,
.body.body .list-one_column {
  /* expand description into right column for articles and pages */
  /* start middle column expand - the middle column expands into left column when there is no image on css3 compat browsers */
  /* end middle column expand */
}
.body.with-sidebar .main-column .list-one_column .cell > .middle,
.body.fullwidth .list-one_column .cell > .middle,
.body.body .list-one_column .cell > .middle {
  margin-left: -15px;
  margin-right: -15px;
}
.body.with-sidebar .main-column .list-one_column .cell > .middle:before,
.body.fullwidth .list-one_column .cell > .middle:before,
.body.body .list-one_column .cell > .middle:before,
.body.with-sidebar .main-column .list-one_column .cell > .middle:after,
.body.fullwidth .list-one_column .cell > .middle:after,
.body.body .list-one_column .cell > .middle:after {
  content: " ";
  display: table;
}
.body.with-sidebar .main-column .list-one_column .cell > .middle:after,
.body.fullwidth .list-one_column .cell > .middle:after,
.body.body .list-one_column .cell > .middle:after {
  clear: both;
}
.body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-left,
.body.fullwidth .list-one_column .cell > .middle > .middle-left,
.body.body .list-one_column .cell > .middle > .middle-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-left,
  .body.fullwidth .list-one_column .cell > .middle > .middle-left,
  .body.body .list-one_column .cell > .middle > .middle-left {
    float: left;
    width: 33.33333333%;
  }
}
.body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-center,
.body.fullwidth .list-one_column .cell > .middle > .middle-center,
.body.body .list-one_column .cell > .middle > .middle-center {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-center,
  .body.fullwidth .list-one_column .cell > .middle > .middle-center,
  .body.body .list-one_column .cell > .middle > .middle-center {
    float: left;
    width: 45.83333333%;
  }
}
.body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-right,
.body.fullwidth .list-one_column .cell > .middle > .middle-right,
.body.body .list-one_column .cell > .middle > .middle-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-right,
  .body.fullwidth .list-one_column .cell > .middle > .middle-right,
  .body.body .list-one_column .cell > .middle > .middle-right {
    float: left;
    width: 20.83333333%;
  }
}
.body.with-sidebar .main-column .list-one_column .list-item-article .cell > .middle > .middle-center,
.body.fullwidth .list-one_column .list-item-article .cell > .middle > .middle-center,
.body.body .list-one_column .list-item-article .cell > .middle > .middle-center,
.body.with-sidebar .main-column .list-one_column .list-item-page .cell > .middle > .middle-center,
.body.fullwidth .list-one_column .list-item-page .cell > .middle > .middle-center,
.body.body .list-one_column .list-item-page .cell > .middle > .middle-center {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column .list-item-article .cell > .middle > .middle-center,
  .body.fullwidth .list-one_column .list-item-article .cell > .middle > .middle-center,
  .body.body .list-one_column .list-item-article .cell > .middle > .middle-center,
  .body.with-sidebar .main-column .list-one_column .list-item-page .cell > .middle > .middle-center,
  .body.fullwidth .list-one_column .list-item-page .cell > .middle > .middle-center,
  .body.body .list-one_column .list-item-page .cell > .middle > .middle-center {
    float: left;
    width: 66.66666667%;
  }
}
.body.with-sidebar .main-column .list-one_column .list-item-article .list-item-datum-comments,
.body.fullwidth .list-one_column .list-item-article .list-item-datum-comments,
.body.body .list-one_column .list-item-article .list-item-datum-comments,
.body.with-sidebar .main-column .list-one_column .list-item-article .list-item-datum-ratings,
.body.fullwidth .list-one_column .list-item-article .list-item-datum-ratings,
.body.body .list-one_column .list-item-article .list-item-datum-ratings,
.body.with-sidebar .main-column .list-one_column .list-item-article .list-item-datum-quick-view-button,
.body.fullwidth .list-one_column .list-item-article .list-item-datum-quick-view-button,
.body.body .list-one_column .list-item-article .list-item-datum-quick-view-button {
  display: none;
}
.body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-left,
.body.fullwidth .list-one_column .cell > .middle > .middle-left,
.body.body .list-one_column .cell > .middle > .middle-left {
  min-height: 0px;
}
.body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-left:empty,
.body.fullwidth .list-one_column .cell > .middle > .middle-left:empty,
.body.body .list-one_column .cell > .middle > .middle-left:empty {
  display: none;
}
.body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-left:empty + .middle-center,
.body.fullwidth .list-one_column .cell > .middle > .middle-left:empty + .middle-center,
.body.body .list-one_column .cell > .middle > .middle-left:empty + .middle-center {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-left:empty + .middle-center,
  .body.fullwidth .list-one_column .cell > .middle > .middle-left:empty + .middle-center,
  .body.body .list-one_column .cell > .middle > .middle-left:empty + .middle-center {
    float: left;
    width: 79.16666667%;
  }
}
.body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.body.fullwidth .list-one_column .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.body.body .list-one_column .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .body.fullwidth .list-one_column .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .body.body .list-one_column .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
    float: left;
    width: 20.83333333%;
  }
}
.body.with-sidebar .main-column .list-one_column-minimal .cell > .middle:before,
.body.fullwidth .list-one_column-minimal .cell > .middle:before,
.body.body .list-one_column-minimal .cell > .middle:before,
.body.with-sidebar .main-column .list-one_column-minimal .cell > .middle:after,
.body.fullwidth .list-one_column-minimal .cell > .middle:after,
.body.body .list-one_column-minimal .cell > .middle:after {
  content: " ";
  display: table;
}
.body.with-sidebar .main-column .list-one_column-minimal .cell > .middle:after,
.body.fullwidth .list-one_column-minimal .cell > .middle:after,
.body.body .list-one_column-minimal .cell > .middle:after {
  clear: both;
}
.body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-left,
.body.fullwidth .list-one_column-minimal .cell > .middle > .middle-left,
.body.body .list-one_column-minimal .cell > .middle > .middle-left {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-center,
.body.fullwidth .list-one_column-minimal .cell > .middle > .middle-center,
.body.body .list-one_column-minimal .cell > .middle > .middle-center {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-left,
.body.fullwidth .list-one_column-minimal .cell > .middle > .middle-left,
.body.body .list-one_column-minimal .cell > .middle > .middle-left {
  min-height: 0px;
}
.body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-left:empty,
.body.fullwidth .list-one_column-minimal .cell > .middle > .middle-left:empty,
.body.body .list-one_column-minimal .cell > .middle > .middle-left:empty {
  display: none;
}
.body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center,
.body.fullwidth .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center,
.body.body .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.body.fullwidth .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.body.body .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
  position: relative;
  min-height: 1px;
  DTfloat: right;
}
@media (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column-minimal,
  .body.fullwidth .list-one_column-minimal,
  .body.body .list-one_column-minimal {
    /* expand description into right column for articles and pages */
  }
  .body.with-sidebar .main-column .list-one_column-minimal .layout-grid > .layout-grid-row,
  .body.fullwidth .list-one_column-minimal .layout-grid > .layout-grid-row,
  .body.body .list-one_column-minimal .layout-grid > .layout-grid-row {
    margin-left: 0px;
  }
  .body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-left,
  .body.fullwidth .list-one_column-minimal .cell > .middle > .middle-left,
  .body.body .list-one_column-minimal .cell > .middle > .middle-left {
    width: 10%;
    float: left ;
  }
  .body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-center,
  .body.fullwidth .list-one_column-minimal .cell > .middle > .middle-center,
  .body.body .list-one_column-minimal .cell > .middle > .middle-center {
    width: 60%;
    float: left;
  }
  .body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-right,
  .body.fullwidth .list-one_column-minimal .cell > .middle > .middle-right,
  .body.body .list-one_column-minimal .cell > .middle > .middle-right {
    width: 30%;
    float: right;
  }
  .body.with-sidebar .main-column .list-one_column-minimal .list-item-article .cell > .middle > .middle-center,
  .body.fullwidth .list-one_column-minimal .list-item-article .cell > .middle > .middle-center,
  .body.body .list-one_column-minimal .list-item-article .cell > .middle > .middle-center,
  .body.with-sidebar .main-column .list-one_column-minimal .list-item-page .cell > .middle > .middle-center,
  .body.fullwidth .list-one_column-minimal .list-item-page .cell > .middle > .middle-center,
  .body.body .list-one_column-minimal .list-item-page .cell > .middle > .middle-center {
    width: 90%;
  }
  .body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center,
  .body.fullwidth .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center,
  .body.body .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center {
    width: 70%;
  }
  .body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center,
  .body.fullwidth .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center,
  .body.body .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center {
    padding-left: 0px;
    padding-right: 0px;
  }
  .body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-right,
  .body.fullwidth .list-one_column-minimal .cell > .middle > .middle-right,
  .body.body .list-one_column-minimal .cell > .middle > .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-center,
  .body.fullwidth .list-one_column-minimal .cell > .middle > .middle-center,
  .body.body .list-one_column-minimal .cell > .middle > .middle-center {
    padding-left: 15px;
    padding-right: 15px;
  }
  .body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-right,
  .body.fullwidth .list-one_column-minimal .cell > .middle > .middle-right,
  .body.body .list-one_column-minimal .cell > .middle > .middle-right {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 1028px) {
  .body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-right,
  .body.fullwidth .list-one_column-minimal .cell > .middle > .middle-right,
  .body.body .list-one_column-minimal .cell > .middle > .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-center,
.body.fullwidth .list-one_column-minimal .cell > .middle > .middle-center,
.body.body .list-one_column-minimal .cell > .middle > .middle-center {
  width: 50%;
}
.body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center,
.body.fullwidth .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center,
.body.body .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center {
  width: 60%;
}
.body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-right,
.body.fullwidth .list-one_column-minimal .cell > .middle > .middle-right,
.body.body .list-one_column-minimal .cell > .middle > .middle-right {
  width: 40%;
}
@media only screen and (max-width: 1199px) {
  .body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-center,
  .body.fullwidth .list-one_column-minimal .cell > .middle > .middle-center,
  .body.body .list-one_column-minimal .cell > .middle > .middle-center {
    width: 30%;
  }
  .body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-right,
  .body.fullwidth .list-one_column-minimal .cell > .middle > .middle-right,
  .body.body .list-one_column-minimal .cell > .middle > .middle-right {
    width: 60%;
  }
}
.list-one_column-minimal .list-item-datum-add_to_cart .add_to_cart--spinner_container {
  margin-right: 7px;
}
.list-one_column-minimal .list-item-datum-add_to_cart .add_to_cart--spinner_container {
  margin-bottom: 12px;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .list-one_column-minimal .list-item-product .list-item-product-price,
  .list-one_column-minimal .list-item-product .list-item-product-sale-name,
  .list-one_column-minimal .product-price-adjusted {
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  .list-one_column-minimal .list-item-product .list-item-product-price,
  .list-one_column-minimal .list-item-product .list-item-product-sale-name,
  .list-one_column-minimal .product-price-adjusted {
    text-align: left;
  }
}
.body.with-sidebar .main-column .list-one_column-withoptions,
.body.fullwidth .list-one_column-withoptions,
.body.body .list-one_column-withoptions {
  /* start middle column expand - the middle column expands into left column when there is no image on css3 compat browsers */
  /* end middle column expand */
}
.body.with-sidebar .main-column .list-one_column-withoptions .cell > .middle,
.body.fullwidth .list-one_column-withoptions .cell > .middle,
.body.body .list-one_column-withoptions .cell > .middle {
  margin-left: -15px;
  margin-right: -15px;
}
.body.with-sidebar .main-column .list-one_column-withoptions .cell > .middle:before,
.body.fullwidth .list-one_column-withoptions .cell > .middle:before,
.body.body .list-one_column-withoptions .cell > .middle:before,
.body.with-sidebar .main-column .list-one_column-withoptions .cell > .middle:after,
.body.fullwidth .list-one_column-withoptions .cell > .middle:after,
.body.body .list-one_column-withoptions .cell > .middle:after {
  content: " ";
  display: table;
}
.body.with-sidebar .main-column .list-one_column-withoptions .cell > .middle:after,
.body.fullwidth .list-one_column-withoptions .cell > .middle:after,
.body.body .list-one_column-withoptions .cell > .middle:after {
  clear: both;
}
.body.with-sidebar .main-column .list-one_column-withoptions .cell > .middle > .middle-left,
.body.fullwidth .list-one_column-withoptions .cell > .middle > .middle-left,
.body.body .list-one_column-withoptions .cell > .middle > .middle-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column-withoptions .cell > .middle > .middle-left,
  .body.fullwidth .list-one_column-withoptions .cell > .middle > .middle-left,
  .body.body .list-one_column-withoptions .cell > .middle > .middle-left {
    float: left;
    width: 33.33333333%;
  }
}
.body.with-sidebar .main-column .list-one_column-withoptions .cell > .middle > .middle-center,
.body.fullwidth .list-one_column-withoptions .cell > .middle > .middle-center,
.body.body .list-one_column-withoptions .cell > .middle > .middle-center {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column-withoptions .cell > .middle > .middle-center,
  .body.fullwidth .list-one_column-withoptions .cell > .middle > .middle-center,
  .body.body .list-one_column-withoptions .cell > .middle > .middle-center {
    float: left;
    width: 66.66666667%;
  }
}
.body.with-sidebar .main-column .list-one_column-withoptions .cell > .middle > .middle-left,
.body.fullwidth .list-one_column-withoptions .cell > .middle > .middle-left,
.body.body .list-one_column-withoptions .cell > .middle > .middle-left {
  min-height: 0px;
}
.body.with-sidebar .main-column .list-one_column-withoptions .cell > .middle > .middle-left:empty,
.body.fullwidth .list-one_column-withoptions .cell > .middle > .middle-left:empty,
.body.body .list-one_column-withoptions .cell > .middle > .middle-left:empty {
  display: none;
}
.body.with-sidebar .main-column .list-one_column-withoptions .cell > .middle > .middle-left:empty + .middle-center,
.body.fullwidth .list-one_column-withoptions .cell > .middle > .middle-left:empty + .middle-center,
.body.body .list-one_column-withoptions .cell > .middle > .middle-left:empty + .middle-center {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column-withoptions .cell > .middle > .middle-left:empty + .middle-center,
  .body.fullwidth .list-one_column-withoptions .cell > .middle > .middle-left:empty + .middle-center,
  .body.body .list-one_column-withoptions .cell > .middle > .middle-left:empty + .middle-center {
    float: left;
    width: 100%;
  }
}
.body.with-sidebar .main-column .list-one_column-blog .cell > .middle,
.body.fullwidth .list-one_column-blog .cell > .middle,
.body.body .list-one_column-blog .cell > .middle {
  margin-left: -15px;
  margin-right: -15px;
}
.body.with-sidebar .main-column .list-one_column-blog .cell > .middle:before,
.body.fullwidth .list-one_column-blog .cell > .middle:before,
.body.body .list-one_column-blog .cell > .middle:before,
.body.with-sidebar .main-column .list-one_column-blog .cell > .middle:after,
.body.fullwidth .list-one_column-blog .cell > .middle:after,
.body.body .list-one_column-blog .cell > .middle:after {
  content: " ";
  display: table;
}
.body.with-sidebar .main-column .list-one_column-blog .cell > .middle:after,
.body.fullwidth .list-one_column-blog .cell > .middle:after,
.body.body .list-one_column-blog .cell > .middle:after {
  clear: both;
}
.body.with-sidebar .main-column .list-one_column-blog .cell > .middle > .middle-left,
.body.fullwidth .list-one_column-blog .cell > .middle > .middle-left,
.body.body .list-one_column-blog .cell > .middle > .middle-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column-blog .cell > .middle > .middle-left,
  .body.fullwidth .list-one_column-blog .cell > .middle > .middle-left,
  .body.body .list-one_column-blog .cell > .middle > .middle-left {
    float: left;
    width: 100%;
  }
}
.body.with-sidebar .main-column .list-one_column-blog .cell > .middle > .middle-left,
.body.fullwidth .list-one_column-blog .cell > .middle > .middle-left,
.body.body .list-one_column-blog .cell > .middle > .middle-left {
  min-height: 0px;
}
@media (min-width: 483px) {
  .body.with-sidebar .main-column .list-one_column-blog .cell > .middle > .middle-left,
  .body.fullwidth .list-one_column-blog .cell > .middle > .middle-left,
  .body.body .list-one_column-blog .cell > .middle > .middle-left {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .body.fullwidth .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
  .body.body .list-one_column-minimal .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
    float: none;
  }
}
/*
 * ============================================================================
 *  Default Unified List Item styles
 *  (can be overridden for products, articles, ...)
 * ============================================================================
 */
.list-one_column .list-item .list-item-datum-image,
.list-one_column-withoptions .list-item .list-item-datum-image {
  margin-top: 12px;
}
.list.list-one_column .layout-grid-row {
  padding: 15px 0;
}
.list.list-one_column .list-item .list-item-datum-image {
  margin-top: 6px;
}
.list .list-item .list-item-datum-title a {
  font-weight: 700;
}
.list .list-item-product .list-item-datum-price,
.list .list-item-product .list-item-datum-sale-price {
  margin: 0;
  /*.list-item-product-price,
            .list-item-product-price-sale {
                padding: 0;
                background: none;
                font-weight: 700;
            }*/
  /*.list-item-product-price-regular {
                font-size: 1.4rem;
                font-weight: 700;
            }*/
}
@media (max-width: 767px) {
  .list .layout-grid .layout-grid-row {
    padding: 5px 0 0 0;
  }
  .list .layout-grid .layout-grid-row:first-child {
    padding: 0;
  }
  .list .layout-grid .layout-grid-row .layout-grid-row-data {
    margin: 0;
  }
  .list .list-item .cell > .middle:before,
  .list .list-item .cell > .middle:after {
    content: " ";
    display: table;
  }
  .list .list-item .cell > .middle:after {
    clear: both;
  }
  .list .list-item .middle-left {
    float: left;
    width: 30% !important;
    padding-right: 0 !important;
  }
  .list .list-item .middle-center,
  .list .list-item .middle-right {
    float: right !important;
    width: 70% !important;
  }
  .list .list-item .middle-right {
    padding-left: 15px;
  }
  .list .list-item .list-item-datum-image {
    margin-top: 0 !important;
  }
  .list .list-item .list-item-datum-title {
    margin: 0;
  }
  .list .list-item .list-item-datum-title a {
    font-size: 1.6rem;
  }
  .list .list-item-product .list-item-datum-sku,
  .list .list-item-product .comment-summary,
  .list .list-item-product .list-item-datum-add_to_cart,
  .list .list-item-product .summary .rating-label,
  .list .list-item-product .list-item-datum-sale-name,
  .list .list-item-product .list-item-datum-view_button,
  .list .list-item-product div[id^="product_options-"] {
    display: none;
  }
  .list .list-item-product .list-item-datum-description {
    font-size: 1.2rem;
    margin: 0 0 5px 0;
  }
  .list .list-item-product .list-item-datum-price,
  .list .list-item-product .list-item-datum-sale-price {
    margin: 0 10px 5px 0;
  }
  .list .list-item-product .list-item-datum-price .list-item-product-price,
  .list .list-item-product .list-item-datum-sale-price .list-item-product-price,
  .list .list-item-product .list-item-datum-price .list-item-product-price-sale,
  .list .list-item-product .list-item-datum-sale-price .list-item-product-price-sale {
    font-size: 1.4rem;
    margin: 0;
  }
}
.list-two_column .list-item .list-item-datum-image,
.list-three_column .list-item .list-item-datum-image,
.list-four_column .list-item .list-item-datum-image,
.list-five_column .list-item .list-item-datum-image {
  margin-top: 5px;
}
.list-item .list-item-datum-title {
  margin: 12px 0 9px 0;
}
.list-two_column .list-item .middle-left:empty + .middle-center + .middle-right > .list-item-datum-title,
.list-three_column .list-item .middle-left:empty + .middle-center + .middle-right > .list-item-datum-title,
.list-four_column .list-item .middle-left:empty + .middle-center + .middle-right > .list-item-datum-title,
.list-five_column .list-item .middle-left:empty + .middle-center + .middle-right > .list-item-datum-title {
  margin-top: 0;
}
.list-five_column .list-item .list-item-datum-title,
.list-five_column .list-item .list-item-datum-description {
  overflow-wrap: break-word;
  hyphenate-limit-chars: 8;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  /*word-break: break-word;*/
}
.list-five_column .list-item .list-item-datum-title {
  font-size: 1.6rem;
  line-height: 1.17em;
}
.list-five_column .list-item .list-item-datum-title > a {
  font-size: inherit;
  line-height: inherit;
}
.list-item .list-item-datum-title a {
  font-size: 2.3rem;
  line-height: 1.17em;
}
.list-item .list-item-datum-description {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .list-one_column-minimal .list-item .list-item-datum-title a {
    z-index: 1;
    position: relative;
    font-size: 1.2em;
  }
  .list-one_column-minimal .list-item .list-item-datum-description {
    font-size: 0.9em;
  }
  .list-one_column-minimal .poll-widget-star {
    text-align: left;
    float: left;
    width: 37%;
  }
  .list-one_column-minimal .list-item .list-item-datum-image,
  .list-one_column-minimal .list-item .list-item-datum-title {
    margin: 0px;
  }
}
/*
 * ============================================================================
 *  Related Lists styles
 * ============================================================================
 */
.related_lists_more {
  margin-bottom: 20px;
}
/*
 * ============================================================================
 *  List Toolbar styles
 * ============================================================================
 */
.list-toolbar {
  DTmargin: 5px 0;
  DTpadding: 5px 10px;
  DTbackground-color: #fbfbfb;
  margin: 5px 0 10px 0;
  padding: 5px 0 10px 0;
  border-bottom: 1px solid #f3f3f3;
  background-color: transparent;
}
.list-toolbar .sort .sort-title,
.list-toolbar .sort form {
  display: block;
}
@media (min-width: 1200px) {
  .list-toolbar .sort .sort-title,
  .list-toolbar .sort form {
    display: inline-block;
  }
}
.list-toolbar .sort select {
  width: auto;
  margin: 5px 0 0 0;
}
@media (min-width: 1200px) {
  .list-toolbar .sort select {
    margin: 0 0 0 0;
  }
}
@media (max-width: 767px) {
  .list-toolbar {
    margin-bottom: 5px;
    padding: 5px 0 10px 0;
  }
  .list-toolbar .sort .sort-title,
  .list-toolbar .sort form {
    display: block;
  }
  .list-toolbar .sort select {
    width: 100%;
  }
  .list-toolbar .list-toolbar-left {
    width: 100%;
  }
  .list-toolbar .list-toolbar-right {
    display: none;
  }
}
.list-toolbar-left {
  float: left;
  width: 50%;
}
/*
.list-toolbar-center
{
    float: left;
    width: 33%;
}
*/
.list-toolbar-right {
  float: right;
  width: 50%;
  text-align: right;
}
.list-toolbar .layout_change {
  padding-top: 8px;
}
.list-toolbar .layout_change .layout_change-title,
.list-toolbar .layout_change form {
  display: inline-block;
}
.list-toolbar .layout_change input[type="radio"] {
  display: none;
}
.list-toolbar .layout_change label {
  margin: 0;
  margin-left: 10px;
  margin-bottom: -2px;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}
/*
.list-toolbar .layout_change label.checked
{
    color: #3390db;
}
*/
.list-toolbar .layout_change label {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-size: 16px;
  font-weight: 900;
  font-family: 'Font Awesome 6 Pro';
}
.list-toolbar .layout_change label::before {
  content: var(--fa);
}
.list-toolbar .layout_change label.checked {
  color: #3993dc;
}
.list-toolbar .layout_change label.onecolumn {
  --fa: "\f03a";
}
.list-toolbar .layout_change label.twocolumn {
  --fa: "\e196";
}
.list-toolbar .layout_change label.threecolumn {
  --fa: "\e195";
}
.list-toolbar .layout_change label.fourcolumn {
  --fa: "\e198";
}
.list-toolbar .layout_change label.fivecolumn {
  --fa: "\e199";
}
.list-toolbar .layout_change label.table {
  display: none;
}
/* With Icons */
.list.list-two_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form > a:before,
.list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form > a:before,
.list.list-four_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form > a:before,
.list.list-five_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form > a:before {
  background-color: transparent;
  color: #000;
  border: 0;
  text-decoration: none;
  padding: 0;
  font-weight: bold;
}
.list.list-two_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a,
.list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a,
.list.list-four_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a,
.list.list-five_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a {
  margin-right: 10px;
  font-size: 1.2em;
  position: relative;
  padding-left: 28px;
}
.list.list-two_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
.list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
.list.list-four_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
.list.list-five_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before {
  padding: 0;
}
.list.list-two_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:hover:before,
.list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:hover:before,
.list.list-four_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:hover:before,
.list.list-five_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:hover:before {
  color: #767676;
  background-color: transparent;
  border-color: transparent;
  text-decoration: underline;
}
.list.list-two_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_cart-dialog-open:after,
.list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_cart-dialog-open:after,
.list.list-four_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_cart-dialog-open:after,
.list.list-five_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_cart-dialog-open:after {
  content: '\f07a';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  position: absolute;
  left: 0;
}
.list.list-two_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_cart-form-submit:after,
.list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_cart-form-submit:after,
.list.list-four_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_cart-form-submit:after,
.list.list-five_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_cart-form-submit:after {
  content: '\f07a';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  position: absolute;
  left: 0;
}
.list.list-two_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_quote-dialog-open:after,
.list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_quote-dialog-open:after,
.list.list-four_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_quote-dialog-open:after,
.list.list-five_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_quote-dialog-open:after {
  content: '\f652';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  position: absolute;
  left: 0;
}
.list.list-two_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_quote-form-submit:after,
.list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_quote-form-submit:after,
.list.list-four_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_quote-form-submit:after,
.list.list-five_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a.add_to_quote-form-submit:after {
  content: '\f652';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  position: absolute;
  left: 0;
}
.list.list-two_column .list-item-product .list-item-datum-add_to_cart span.ui-spinner.ui-widget.ui-widget-content,
.list.list-three_column .list-item-product .list-item-datum-add_to_cart span.ui-spinner.ui-widget.ui-widget-content,
.list.list-four_column .list-item-product .list-item-datum-add_to_cart span.ui-spinner.ui-widget.ui-widget-content,
.list.list-five_column .list-item-product .list-item-datum-add_to_cart span.ui-spinner.ui-widget.ui-widget-content,
.list.list-two_column .list-item-product .list-item-datum-add_to_cart .add_to_cart-qty,
.list.list-three_column .list-item-product .list-item-datum-add_to_cart .add_to_cart-qty,
.list.list-four_column .list-item-product .list-item-datum-add_to_cart .add_to_cart-qty,
.list.list-five_column .list-item-product .list-item-datum-add_to_cart .add_to_cart-qty {
  display: none;
}
.cart-confirm-information-row {
  margin-left: -15px;
  margin-right: -15px;
}
.cart-confirm-information-row:before,
.cart-confirm-information-row:after {
  content: " ";
  display: table;
}
.cart-confirm-information-row:after {
  clear: both;
}
.cart-confirm-information-row > div {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1029px) {
  .cart-confirm-information-row > div {
    float: left;
    width: 50%;
  }
}
.cart-confirm-information-row > div {
  min-height: 0;
}
.cart-confirm-information-row {
  margin-left: 0px;
  margin-right: 0px;
}
/* start quote text hack */
.checkout-three-step.checkout--transaction-type-quote .cart-steps:not(.cart-steps-dynamic) .cart-step-three > span > span {
  display: none;
}
.checkout-three-step.checkout--transaction-type-quote .cart-steps:not(.cart-steps-dynamic) .cart-step-three > span:after {
  content: 'Review Quote';
}
.checkout-three-step.checkout--transaction-type-quote .checkout-review-label-items > span {
  display: none;
}
.checkout-three-step.checkout--transaction-type-quote .checkout-review-label-items:after {
  content: 'Please review items in the quote:';
}
.checkout-three-step.checkout--transaction-type-quote .checkout-review-label-totals > span {
  display: none;
}
.checkout-three-step.checkout--transaction-type-quote .checkout-review-label-totals:after {
  content: 'Quote Totals:';
}
/* finish quote text hack */
/* start empty content-inner hack */
.checkout-area .root-section-wrapper.checkout-message .content-wrapper .content-inner {
  padding: 0px;
}
/*.checkout-area .root-section-wrapper.checkout-message .content-wrapper .content-inner #checkout_message
{
    padding: 30px;
}*/
.checkout-area .root-section-wrapper.checkout-message .content-wrapper .content-inner #checkout_message:empty {
  display: none;
}
.checkout-area .sub-section-wrapper.cart-confirm-information .content-wrapper .content-inner {
  padding: 0px 30px;
}
.checkout-area .sub-section-wrapper.cart-confirm-information .content-wrapper .content-inner > div {
  padding-top: 30px;
  padding-bottom: 30px;
}
.checkout-area .sub-section-wrapper.cart-confirm-information .content-wrapper .content-inner > div:empty {
  display: none;
}
.checkout-confirmation-actions {
  margin-top: 24px;
}
/* finish empty content-inner hack */
:root {
  --mdc-theme-primary: #007fff;
}
/*
* {
    --mdc-theme-primary: #007fff;
}
 */
.wPro-Editor .sui-sf-btn,
.editor-content .sui-sf-btn,
.site-header .sui-sf-btn,
.site-footer .sui-sf-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wPro-Editor .sui-sf-btn:focus,
.editor-content .sui-sf-btn:focus,
.site-header .sui-sf-btn:focus,
.site-footer .sui-sf-btn:focus,
.wPro-Editor .sui-sf-btn:active:focus,
.editor-content .sui-sf-btn:active:focus,
.site-header .sui-sf-btn:active:focus,
.site-footer .sui-sf-btn:active:focus,
.wPro-Editor .sui-sf-btn.active:focus,
.editor-content .sui-sf-btn.active:focus,
.site-header .sui-sf-btn.active:focus,
.site-footer .sui-sf-btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.wPro-Editor .sui-sf-btn:hover,
.editor-content .sui-sf-btn:hover,
.site-header .sui-sf-btn:hover,
.site-footer .sui-sf-btn:hover,
.wPro-Editor .sui-sf-btn:focus,
.editor-content .sui-sf-btn:focus,
.site-header .sui-sf-btn:focus,
.site-footer .sui-sf-btn:focus {
  color: #333;
  text-decoration: none;
}
.wPro-Editor .sui-sf-btn:active,
.editor-content .sui-sf-btn:active,
.site-header .sui-sf-btn:active,
.site-footer .sui-sf-btn:active,
.wPro-Editor .sui-sf-btn.active,
.editor-content .sui-sf-btn.active,
.site-header .sui-sf-btn.active,
.site-footer .sui-sf-btn.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.wPro-Editor .sui-sf-btn.disabled,
.editor-content .sui-sf-btn.disabled,
.site-header .sui-sf-btn.disabled,
.site-footer .sui-sf-btn.disabled,
.wPro-Editor .sui-sf-btn[disabled],
.editor-content .sui-sf-btn[disabled],
.site-header .sui-sf-btn[disabled],
.site-footer .sui-sf-btn[disabled],
fieldset[disabled] .wPro-Editor .sui-sf-btn,
fieldset[disabled] .editor-content .sui-sf-btn,
fieldset[disabled] .site-header .sui-sf-btn,
fieldset[disabled] .site-footer .sui-sf-btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.wPro-Editor .sui-sf-btn-link,
.editor-content .sui-sf-btn-link,
.site-header .sui-sf-btn-link,
.site-footer .sui-sf-btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.wPro-Editor .sui-sf-btn-link,
.editor-content .sui-sf-btn-link,
.site-header .sui-sf-btn-link,
.site-footer .sui-sf-btn-link,
.wPro-Editor .sui-sf-btn-link:active,
.editor-content .sui-sf-btn-link:active,
.site-header .sui-sf-btn-link:active,
.site-footer .sui-sf-btn-link:active,
.wPro-Editor .sui-sf-btn-link[disabled],
.editor-content .sui-sf-btn-link[disabled],
.site-header .sui-sf-btn-link[disabled],
.site-footer .sui-sf-btn-link[disabled],
fieldset[disabled] .wPro-Editor .sui-sf-btn-link,
fieldset[disabled] .editor-content .sui-sf-btn-link,
fieldset[disabled] .site-header .sui-sf-btn-link,
fieldset[disabled] .site-footer .sui-sf-btn-link {
  background-color: transparent;
  box-shadow: none;
}
.wPro-Editor .sui-sf-btn-link,
.editor-content .sui-sf-btn-link,
.site-header .sui-sf-btn-link,
.site-footer .sui-sf-btn-link,
.wPro-Editor .sui-sf-btn-link:hover,
.editor-content .sui-sf-btn-link:hover,
.site-header .sui-sf-btn-link:hover,
.site-footer .sui-sf-btn-link:hover,
.wPro-Editor .sui-sf-btn-link:focus,
.editor-content .sui-sf-btn-link:focus,
.site-header .sui-sf-btn-link:focus,
.site-footer .sui-sf-btn-link:focus,
.wPro-Editor .sui-sf-btn-link:active,
.editor-content .sui-sf-btn-link:active,
.site-header .sui-sf-btn-link:active,
.site-footer .sui-sf-btn-link:active {
  border-color: transparent;
}
.wPro-Editor .sui-sf-btn-link:hover,
.editor-content .sui-sf-btn-link:hover,
.site-header .sui-sf-btn-link:hover,
.site-footer .sui-sf-btn-link:hover,
.wPro-Editor .sui-sf-btn-link:focus,
.editor-content .sui-sf-btn-link:focus,
.site-header .sui-sf-btn-link:focus,
.site-footer .sui-sf-btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.wPro-Editor .sui-sf-btn-link[disabled]:hover,
.editor-content .sui-sf-btn-link[disabled]:hover,
.site-header .sui-sf-btn-link[disabled]:hover,
.site-footer .sui-sf-btn-link[disabled]:hover,
fieldset[disabled] .wPro-Editor .sui-sf-btn-link:hover,
fieldset[disabled] .editor-content .sui-sf-btn-link:hover,
fieldset[disabled] .site-header .sui-sf-btn-link:hover,
fieldset[disabled] .site-footer .sui-sf-btn-link:hover,
.wPro-Editor .sui-sf-btn-link[disabled]:focus,
.editor-content .sui-sf-btn-link[disabled]:focus,
.site-header .sui-sf-btn-link[disabled]:focus,
.site-footer .sui-sf-btn-link[disabled]:focus,
fieldset[disabled] .wPro-Editor .sui-sf-btn-link:focus,
fieldset[disabled] .editor-content .sui-sf-btn-link:focus,
fieldset[disabled] .site-header .sui-sf-btn-link:focus,
fieldset[disabled] .site-footer .sui-sf-btn-link:focus {
  color: #999999;
  text-decoration: none;
}
.wPro-Editor .sui-sf-btn-default,
.editor-content .sui-sf-btn-default,
.site-header .sui-sf-btn-default,
.site-footer .sui-sf-btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.wPro-Editor .sui-sf-btn-default:hover,
.editor-content .sui-sf-btn-default:hover,
.site-header .sui-sf-btn-default:hover,
.site-footer .sui-sf-btn-default:hover,
.wPro-Editor .sui-sf-btn-default:focus,
.editor-content .sui-sf-btn-default:focus,
.site-header .sui-sf-btn-default:focus,
.site-footer .sui-sf-btn-default:focus,
.wPro-Editor .sui-sf-btn-default:active,
.editor-content .sui-sf-btn-default:active,
.site-header .sui-sf-btn-default:active,
.site-footer .sui-sf-btn-default:active,
.wPro-Editor .sui-sf-btn-default.active,
.editor-content .sui-sf-btn-default.active,
.site-header .sui-sf-btn-default.active,
.site-footer .sui-sf-btn-default.active,
.open .dropdown-toggle.wPro-Editor .sui-sf-btn-default,
.open .dropdown-toggle.editor-content .sui-sf-btn-default,
.open .dropdown-toggle.site-header .sui-sf-btn-default,
.open .dropdown-toggle.site-footer .sui-sf-btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.wPro-Editor .sui-sf-btn-default:active,
.editor-content .sui-sf-btn-default:active,
.site-header .sui-sf-btn-default:active,
.site-footer .sui-sf-btn-default:active,
.wPro-Editor .sui-sf-btn-default.active,
.editor-content .sui-sf-btn-default.active,
.site-header .sui-sf-btn-default.active,
.site-footer .sui-sf-btn-default.active,
.open .dropdown-toggle.wPro-Editor .sui-sf-btn-default,
.open .dropdown-toggle.editor-content .sui-sf-btn-default,
.open .dropdown-toggle.site-header .sui-sf-btn-default,
.open .dropdown-toggle.site-footer .sui-sf-btn-default {
  background-image: none;
}
.wPro-Editor .sui-sf-btn-default.disabled,
.editor-content .sui-sf-btn-default.disabled,
.site-header .sui-sf-btn-default.disabled,
.site-footer .sui-sf-btn-default.disabled,
.wPro-Editor .sui-sf-btn-default[disabled],
.editor-content .sui-sf-btn-default[disabled],
.site-header .sui-sf-btn-default[disabled],
.site-footer .sui-sf-btn-default[disabled],
fieldset[disabled] .wPro-Editor .sui-sf-btn-default,
fieldset[disabled] .editor-content .sui-sf-btn-default,
fieldset[disabled] .site-header .sui-sf-btn-default,
fieldset[disabled] .site-footer .sui-sf-btn-default,
.wPro-Editor .sui-sf-btn-default.disabled:hover,
.editor-content .sui-sf-btn-default.disabled:hover,
.site-header .sui-sf-btn-default.disabled:hover,
.site-footer .sui-sf-btn-default.disabled:hover,
.wPro-Editor .sui-sf-btn-default[disabled]:hover,
.editor-content .sui-sf-btn-default[disabled]:hover,
.site-header .sui-sf-btn-default[disabled]:hover,
.site-footer .sui-sf-btn-default[disabled]:hover,
fieldset[disabled] .wPro-Editor .sui-sf-btn-default:hover,
fieldset[disabled] .editor-content .sui-sf-btn-default:hover,
fieldset[disabled] .site-header .sui-sf-btn-default:hover,
fieldset[disabled] .site-footer .sui-sf-btn-default:hover,
.wPro-Editor .sui-sf-btn-default.disabled:focus,
.editor-content .sui-sf-btn-default.disabled:focus,
.site-header .sui-sf-btn-default.disabled:focus,
.site-footer .sui-sf-btn-default.disabled:focus,
.wPro-Editor .sui-sf-btn-default[disabled]:focus,
.editor-content .sui-sf-btn-default[disabled]:focus,
.site-header .sui-sf-btn-default[disabled]:focus,
.site-footer .sui-sf-btn-default[disabled]:focus,
fieldset[disabled] .wPro-Editor .sui-sf-btn-default:focus,
fieldset[disabled] .editor-content .sui-sf-btn-default:focus,
fieldset[disabled] .site-header .sui-sf-btn-default:focus,
fieldset[disabled] .site-footer .sui-sf-btn-default:focus,
.wPro-Editor .sui-sf-btn-default.disabled:active,
.editor-content .sui-sf-btn-default.disabled:active,
.site-header .sui-sf-btn-default.disabled:active,
.site-footer .sui-sf-btn-default.disabled:active,
.wPro-Editor .sui-sf-btn-default[disabled]:active,
.editor-content .sui-sf-btn-default[disabled]:active,
.site-header .sui-sf-btn-default[disabled]:active,
.site-footer .sui-sf-btn-default[disabled]:active,
fieldset[disabled] .wPro-Editor .sui-sf-btn-default:active,
fieldset[disabled] .editor-content .sui-sf-btn-default:active,
fieldset[disabled] .site-header .sui-sf-btn-default:active,
fieldset[disabled] .site-footer .sui-sf-btn-default:active,
.wPro-Editor .sui-sf-btn-default.disabled.active,
.editor-content .sui-sf-btn-default.disabled.active,
.site-header .sui-sf-btn-default.disabled.active,
.site-footer .sui-sf-btn-default.disabled.active,
.wPro-Editor .sui-sf-btn-default[disabled].active,
.editor-content .sui-sf-btn-default[disabled].active,
.site-header .sui-sf-btn-default[disabled].active,
.site-footer .sui-sf-btn-default[disabled].active,
fieldset[disabled] .wPro-Editor .sui-sf-btn-default.active,
fieldset[disabled] .editor-content .sui-sf-btn-default.active,
fieldset[disabled] .site-header .sui-sf-btn-default.active,
fieldset[disabled] .site-footer .sui-sf-btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.wPro-Editor .sui-sf-btn-default .badge,
.editor-content .sui-sf-btn-default .badge,
.site-header .sui-sf-btn-default .badge,
.site-footer .sui-sf-btn-default .badge {
  color: #fff;
  background-color: #333;
}
.wPro-Editor .sui-sf-btn-primary,
.editor-content .sui-sf-btn-primary,
.site-header .sui-sf-btn-primary,
.site-footer .sui-sf-btn-primary {
  color: #fff;
  background-color: #333;
  border-color: #262626;
}
.wPro-Editor .sui-sf-btn-primary:hover,
.editor-content .sui-sf-btn-primary:hover,
.site-header .sui-sf-btn-primary:hover,
.site-footer .sui-sf-btn-primary:hover,
.wPro-Editor .sui-sf-btn-primary:focus,
.editor-content .sui-sf-btn-primary:focus,
.site-header .sui-sf-btn-primary:focus,
.site-footer .sui-sf-btn-primary:focus,
.wPro-Editor .sui-sf-btn-primary:active,
.editor-content .sui-sf-btn-primary:active,
.site-header .sui-sf-btn-primary:active,
.site-footer .sui-sf-btn-primary:active,
.wPro-Editor .sui-sf-btn-primary.active,
.editor-content .sui-sf-btn-primary.active,
.site-header .sui-sf-btn-primary.active,
.site-footer .sui-sf-btn-primary.active,
.open .dropdown-toggle.wPro-Editor .sui-sf-btn-primary,
.open .dropdown-toggle.editor-content .sui-sf-btn-primary,
.open .dropdown-toggle.site-header .sui-sf-btn-primary,
.open .dropdown-toggle.site-footer .sui-sf-btn-primary {
  color: #fff;
  background-color: #1f1f1f;
  border-color: #080808;
}
.wPro-Editor .sui-sf-btn-primary:active,
.editor-content .sui-sf-btn-primary:active,
.site-header .sui-sf-btn-primary:active,
.site-footer .sui-sf-btn-primary:active,
.wPro-Editor .sui-sf-btn-primary.active,
.editor-content .sui-sf-btn-primary.active,
.site-header .sui-sf-btn-primary.active,
.site-footer .sui-sf-btn-primary.active,
.open .dropdown-toggle.wPro-Editor .sui-sf-btn-primary,
.open .dropdown-toggle.editor-content .sui-sf-btn-primary,
.open .dropdown-toggle.site-header .sui-sf-btn-primary,
.open .dropdown-toggle.site-footer .sui-sf-btn-primary {
  background-image: none;
}
.wPro-Editor .sui-sf-btn-primary.disabled,
.editor-content .sui-sf-btn-primary.disabled,
.site-header .sui-sf-btn-primary.disabled,
.site-footer .sui-sf-btn-primary.disabled,
.wPro-Editor .sui-sf-btn-primary[disabled],
.editor-content .sui-sf-btn-primary[disabled],
.site-header .sui-sf-btn-primary[disabled],
.site-footer .sui-sf-btn-primary[disabled],
fieldset[disabled] .wPro-Editor .sui-sf-btn-primary,
fieldset[disabled] .editor-content .sui-sf-btn-primary,
fieldset[disabled] .site-header .sui-sf-btn-primary,
fieldset[disabled] .site-footer .sui-sf-btn-primary,
.wPro-Editor .sui-sf-btn-primary.disabled:hover,
.editor-content .sui-sf-btn-primary.disabled:hover,
.site-header .sui-sf-btn-primary.disabled:hover,
.site-footer .sui-sf-btn-primary.disabled:hover,
.wPro-Editor .sui-sf-btn-primary[disabled]:hover,
.editor-content .sui-sf-btn-primary[disabled]:hover,
.site-header .sui-sf-btn-primary[disabled]:hover,
.site-footer .sui-sf-btn-primary[disabled]:hover,
fieldset[disabled] .wPro-Editor .sui-sf-btn-primary:hover,
fieldset[disabled] .editor-content .sui-sf-btn-primary:hover,
fieldset[disabled] .site-header .sui-sf-btn-primary:hover,
fieldset[disabled] .site-footer .sui-sf-btn-primary:hover,
.wPro-Editor .sui-sf-btn-primary.disabled:focus,
.editor-content .sui-sf-btn-primary.disabled:focus,
.site-header .sui-sf-btn-primary.disabled:focus,
.site-footer .sui-sf-btn-primary.disabled:focus,
.wPro-Editor .sui-sf-btn-primary[disabled]:focus,
.editor-content .sui-sf-btn-primary[disabled]:focus,
.site-header .sui-sf-btn-primary[disabled]:focus,
.site-footer .sui-sf-btn-primary[disabled]:focus,
fieldset[disabled] .wPro-Editor .sui-sf-btn-primary:focus,
fieldset[disabled] .editor-content .sui-sf-btn-primary:focus,
fieldset[disabled] .site-header .sui-sf-btn-primary:focus,
fieldset[disabled] .site-footer .sui-sf-btn-primary:focus,
.wPro-Editor .sui-sf-btn-primary.disabled:active,
.editor-content .sui-sf-btn-primary.disabled:active,
.site-header .sui-sf-btn-primary.disabled:active,
.site-footer .sui-sf-btn-primary.disabled:active,
.wPro-Editor .sui-sf-btn-primary[disabled]:active,
.editor-content .sui-sf-btn-primary[disabled]:active,
.site-header .sui-sf-btn-primary[disabled]:active,
.site-footer .sui-sf-btn-primary[disabled]:active,
fieldset[disabled] .wPro-Editor .sui-sf-btn-primary:active,
fieldset[disabled] .editor-content .sui-sf-btn-primary:active,
fieldset[disabled] .site-header .sui-sf-btn-primary:active,
fieldset[disabled] .site-footer .sui-sf-btn-primary:active,
.wPro-Editor .sui-sf-btn-primary.disabled.active,
.editor-content .sui-sf-btn-primary.disabled.active,
.site-header .sui-sf-btn-primary.disabled.active,
.site-footer .sui-sf-btn-primary.disabled.active,
.wPro-Editor .sui-sf-btn-primary[disabled].active,
.editor-content .sui-sf-btn-primary[disabled].active,
.site-header .sui-sf-btn-primary[disabled].active,
.site-footer .sui-sf-btn-primary[disabled].active,
fieldset[disabled] .wPro-Editor .sui-sf-btn-primary.active,
fieldset[disabled] .editor-content .sui-sf-btn-primary.active,
fieldset[disabled] .site-header .sui-sf-btn-primary.active,
fieldset[disabled] .site-footer .sui-sf-btn-primary.active {
  background-color: #333;
  border-color: #262626;
}
.wPro-Editor .sui-sf-btn-primary .badge,
.editor-content .sui-sf-btn-primary .badge,
.site-header .sui-sf-btn-primary .badge,
.site-footer .sui-sf-btn-primary .badge {
  color: #333;
  background-color: #fff;
}
.wPro-Editor .sui-sf-btn-secondary,
.editor-content .sui-sf-btn-secondary,
.site-header .sui-sf-btn-secondary,
.site-footer .sui-sf-btn-secondary {
  color: #fff;
  background-color: #4d4d4d;
  border-color: #404040;
}
.wPro-Editor .sui-sf-btn-secondary:hover,
.editor-content .sui-sf-btn-secondary:hover,
.site-header .sui-sf-btn-secondary:hover,
.site-footer .sui-sf-btn-secondary:hover,
.wPro-Editor .sui-sf-btn-secondary:focus,
.editor-content .sui-sf-btn-secondary:focus,
.site-header .sui-sf-btn-secondary:focus,
.site-footer .sui-sf-btn-secondary:focus,
.wPro-Editor .sui-sf-btn-secondary:active,
.editor-content .sui-sf-btn-secondary:active,
.site-header .sui-sf-btn-secondary:active,
.site-footer .sui-sf-btn-secondary:active,
.wPro-Editor .sui-sf-btn-secondary.active,
.editor-content .sui-sf-btn-secondary.active,
.site-header .sui-sf-btn-secondary.active,
.site-footer .sui-sf-btn-secondary.active,
.open .dropdown-toggle.wPro-Editor .sui-sf-btn-secondary,
.open .dropdown-toggle.editor-content .sui-sf-btn-secondary,
.open .dropdown-toggle.site-header .sui-sf-btn-secondary,
.open .dropdown-toggle.site-footer .sui-sf-btn-secondary {
  color: #fff;
  background-color: #383838;
  border-color: #212121;
}
.wPro-Editor .sui-sf-btn-secondary:active,
.editor-content .sui-sf-btn-secondary:active,
.site-header .sui-sf-btn-secondary:active,
.site-footer .sui-sf-btn-secondary:active,
.wPro-Editor .sui-sf-btn-secondary.active,
.editor-content .sui-sf-btn-secondary.active,
.site-header .sui-sf-btn-secondary.active,
.site-footer .sui-sf-btn-secondary.active,
.open .dropdown-toggle.wPro-Editor .sui-sf-btn-secondary,
.open .dropdown-toggle.editor-content .sui-sf-btn-secondary,
.open .dropdown-toggle.site-header .sui-sf-btn-secondary,
.open .dropdown-toggle.site-footer .sui-sf-btn-secondary {
  background-image: none;
}
.wPro-Editor .sui-sf-btn-secondary.disabled,
.editor-content .sui-sf-btn-secondary.disabled,
.site-header .sui-sf-btn-secondary.disabled,
.site-footer .sui-sf-btn-secondary.disabled,
.wPro-Editor .sui-sf-btn-secondary[disabled],
.editor-content .sui-sf-btn-secondary[disabled],
.site-header .sui-sf-btn-secondary[disabled],
.site-footer .sui-sf-btn-secondary[disabled],
fieldset[disabled] .wPro-Editor .sui-sf-btn-secondary,
fieldset[disabled] .editor-content .sui-sf-btn-secondary,
fieldset[disabled] .site-header .sui-sf-btn-secondary,
fieldset[disabled] .site-footer .sui-sf-btn-secondary,
.wPro-Editor .sui-sf-btn-secondary.disabled:hover,
.editor-content .sui-sf-btn-secondary.disabled:hover,
.site-header .sui-sf-btn-secondary.disabled:hover,
.site-footer .sui-sf-btn-secondary.disabled:hover,
.wPro-Editor .sui-sf-btn-secondary[disabled]:hover,
.editor-content .sui-sf-btn-secondary[disabled]:hover,
.site-header .sui-sf-btn-secondary[disabled]:hover,
.site-footer .sui-sf-btn-secondary[disabled]:hover,
fieldset[disabled] .wPro-Editor .sui-sf-btn-secondary:hover,
fieldset[disabled] .editor-content .sui-sf-btn-secondary:hover,
fieldset[disabled] .site-header .sui-sf-btn-secondary:hover,
fieldset[disabled] .site-footer .sui-sf-btn-secondary:hover,
.wPro-Editor .sui-sf-btn-secondary.disabled:focus,
.editor-content .sui-sf-btn-secondary.disabled:focus,
.site-header .sui-sf-btn-secondary.disabled:focus,
.site-footer .sui-sf-btn-secondary.disabled:focus,
.wPro-Editor .sui-sf-btn-secondary[disabled]:focus,
.editor-content .sui-sf-btn-secondary[disabled]:focus,
.site-header .sui-sf-btn-secondary[disabled]:focus,
.site-footer .sui-sf-btn-secondary[disabled]:focus,
fieldset[disabled] .wPro-Editor .sui-sf-btn-secondary:focus,
fieldset[disabled] .editor-content .sui-sf-btn-secondary:focus,
fieldset[disabled] .site-header .sui-sf-btn-secondary:focus,
fieldset[disabled] .site-footer .sui-sf-btn-secondary:focus,
.wPro-Editor .sui-sf-btn-secondary.disabled:active,
.editor-content .sui-sf-btn-secondary.disabled:active,
.site-header .sui-sf-btn-secondary.disabled:active,
.site-footer .sui-sf-btn-secondary.disabled:active,
.wPro-Editor .sui-sf-btn-secondary[disabled]:active,
.editor-content .sui-sf-btn-secondary[disabled]:active,
.site-header .sui-sf-btn-secondary[disabled]:active,
.site-footer .sui-sf-btn-secondary[disabled]:active,
fieldset[disabled] .wPro-Editor .sui-sf-btn-secondary:active,
fieldset[disabled] .editor-content .sui-sf-btn-secondary:active,
fieldset[disabled] .site-header .sui-sf-btn-secondary:active,
fieldset[disabled] .site-footer .sui-sf-btn-secondary:active,
.wPro-Editor .sui-sf-btn-secondary.disabled.active,
.editor-content .sui-sf-btn-secondary.disabled.active,
.site-header .sui-sf-btn-secondary.disabled.active,
.site-footer .sui-sf-btn-secondary.disabled.active,
.wPro-Editor .sui-sf-btn-secondary[disabled].active,
.editor-content .sui-sf-btn-secondary[disabled].active,
.site-header .sui-sf-btn-secondary[disabled].active,
.site-footer .sui-sf-btn-secondary[disabled].active,
fieldset[disabled] .wPro-Editor .sui-sf-btn-secondary.active,
fieldset[disabled] .editor-content .sui-sf-btn-secondary.active,
fieldset[disabled] .site-header .sui-sf-btn-secondary.active,
fieldset[disabled] .site-footer .sui-sf-btn-secondary.active {
  background-color: #4d4d4d;
  border-color: #404040;
}
.wPro-Editor .sui-sf-btn-secondary .badge,
.editor-content .sui-sf-btn-secondary .badge,
.site-header .sui-sf-btn-secondary .badge,
.site-footer .sui-sf-btn-secondary .badge {
  color: #4d4d4d;
  background-color: #fff;
}
.wPro-Editor .sui-sf-btn-tertiary,
.editor-content .sui-sf-btn-tertiary,
.site-header .sui-sf-btn-tertiary,
.site-footer .sui-sf-btn-tertiary {
  color: #fff;
  background-color: #666666;
  border-color: #595959;
}
.wPro-Editor .sui-sf-btn-tertiary:hover,
.editor-content .sui-sf-btn-tertiary:hover,
.site-header .sui-sf-btn-tertiary:hover,
.site-footer .sui-sf-btn-tertiary:hover,
.wPro-Editor .sui-sf-btn-tertiary:focus,
.editor-content .sui-sf-btn-tertiary:focus,
.site-header .sui-sf-btn-tertiary:focus,
.site-footer .sui-sf-btn-tertiary:focus,
.wPro-Editor .sui-sf-btn-tertiary:active,
.editor-content .sui-sf-btn-tertiary:active,
.site-header .sui-sf-btn-tertiary:active,
.site-footer .sui-sf-btn-tertiary:active,
.wPro-Editor .sui-sf-btn-tertiary.active,
.editor-content .sui-sf-btn-tertiary.active,
.site-header .sui-sf-btn-tertiary.active,
.site-footer .sui-sf-btn-tertiary.active,
.open .dropdown-toggle.wPro-Editor .sui-sf-btn-tertiary,
.open .dropdown-toggle.editor-content .sui-sf-btn-tertiary,
.open .dropdown-toggle.site-header .sui-sf-btn-tertiary,
.open .dropdown-toggle.site-footer .sui-sf-btn-tertiary {
  color: #fff;
  background-color: #525252;
  border-color: #3b3b3b;
}
.wPro-Editor .sui-sf-btn-tertiary:active,
.editor-content .sui-sf-btn-tertiary:active,
.site-header .sui-sf-btn-tertiary:active,
.site-footer .sui-sf-btn-tertiary:active,
.wPro-Editor .sui-sf-btn-tertiary.active,
.editor-content .sui-sf-btn-tertiary.active,
.site-header .sui-sf-btn-tertiary.active,
.site-footer .sui-sf-btn-tertiary.active,
.open .dropdown-toggle.wPro-Editor .sui-sf-btn-tertiary,
.open .dropdown-toggle.editor-content .sui-sf-btn-tertiary,
.open .dropdown-toggle.site-header .sui-sf-btn-tertiary,
.open .dropdown-toggle.site-footer .sui-sf-btn-tertiary {
  background-image: none;
}
.wPro-Editor .sui-sf-btn-tertiary.disabled,
.editor-content .sui-sf-btn-tertiary.disabled,
.site-header .sui-sf-btn-tertiary.disabled,
.site-footer .sui-sf-btn-tertiary.disabled,
.wPro-Editor .sui-sf-btn-tertiary[disabled],
.editor-content .sui-sf-btn-tertiary[disabled],
.site-header .sui-sf-btn-tertiary[disabled],
.site-footer .sui-sf-btn-tertiary[disabled],
fieldset[disabled] .wPro-Editor .sui-sf-btn-tertiary,
fieldset[disabled] .editor-content .sui-sf-btn-tertiary,
fieldset[disabled] .site-header .sui-sf-btn-tertiary,
fieldset[disabled] .site-footer .sui-sf-btn-tertiary,
.wPro-Editor .sui-sf-btn-tertiary.disabled:hover,
.editor-content .sui-sf-btn-tertiary.disabled:hover,
.site-header .sui-sf-btn-tertiary.disabled:hover,
.site-footer .sui-sf-btn-tertiary.disabled:hover,
.wPro-Editor .sui-sf-btn-tertiary[disabled]:hover,
.editor-content .sui-sf-btn-tertiary[disabled]:hover,
.site-header .sui-sf-btn-tertiary[disabled]:hover,
.site-footer .sui-sf-btn-tertiary[disabled]:hover,
fieldset[disabled] .wPro-Editor .sui-sf-btn-tertiary:hover,
fieldset[disabled] .editor-content .sui-sf-btn-tertiary:hover,
fieldset[disabled] .site-header .sui-sf-btn-tertiary:hover,
fieldset[disabled] .site-footer .sui-sf-btn-tertiary:hover,
.wPro-Editor .sui-sf-btn-tertiary.disabled:focus,
.editor-content .sui-sf-btn-tertiary.disabled:focus,
.site-header .sui-sf-btn-tertiary.disabled:focus,
.site-footer .sui-sf-btn-tertiary.disabled:focus,
.wPro-Editor .sui-sf-btn-tertiary[disabled]:focus,
.editor-content .sui-sf-btn-tertiary[disabled]:focus,
.site-header .sui-sf-btn-tertiary[disabled]:focus,
.site-footer .sui-sf-btn-tertiary[disabled]:focus,
fieldset[disabled] .wPro-Editor .sui-sf-btn-tertiary:focus,
fieldset[disabled] .editor-content .sui-sf-btn-tertiary:focus,
fieldset[disabled] .site-header .sui-sf-btn-tertiary:focus,
fieldset[disabled] .site-footer .sui-sf-btn-tertiary:focus,
.wPro-Editor .sui-sf-btn-tertiary.disabled:active,
.editor-content .sui-sf-btn-tertiary.disabled:active,
.site-header .sui-sf-btn-tertiary.disabled:active,
.site-footer .sui-sf-btn-tertiary.disabled:active,
.wPro-Editor .sui-sf-btn-tertiary[disabled]:active,
.editor-content .sui-sf-btn-tertiary[disabled]:active,
.site-header .sui-sf-btn-tertiary[disabled]:active,
.site-footer .sui-sf-btn-tertiary[disabled]:active,
fieldset[disabled] .wPro-Editor .sui-sf-btn-tertiary:active,
fieldset[disabled] .editor-content .sui-sf-btn-tertiary:active,
fieldset[disabled] .site-header .sui-sf-btn-tertiary:active,
fieldset[disabled] .site-footer .sui-sf-btn-tertiary:active,
.wPro-Editor .sui-sf-btn-tertiary.disabled.active,
.editor-content .sui-sf-btn-tertiary.disabled.active,
.site-header .sui-sf-btn-tertiary.disabled.active,
.site-footer .sui-sf-btn-tertiary.disabled.active,
.wPro-Editor .sui-sf-btn-tertiary[disabled].active,
.editor-content .sui-sf-btn-tertiary[disabled].active,
.site-header .sui-sf-btn-tertiary[disabled].active,
.site-footer .sui-sf-btn-tertiary[disabled].active,
fieldset[disabled] .wPro-Editor .sui-sf-btn-tertiary.active,
fieldset[disabled] .editor-content .sui-sf-btn-tertiary.active,
fieldset[disabled] .site-header .sui-sf-btn-tertiary.active,
fieldset[disabled] .site-footer .sui-sf-btn-tertiary.active {
  background-color: #666666;
  border-color: #595959;
}
.wPro-Editor .sui-sf-btn-tertiary .badge,
.editor-content .sui-sf-btn-tertiary .badge,
.site-header .sui-sf-btn-tertiary .badge,
.site-footer .sui-sf-btn-tertiary .badge {
  color: #666666;
  background-color: #fff;
}
.wPro-Editor .sui-sf-btn-quaternary,
.editor-content .sui-sf-btn-quaternary,
.site-header .sui-sf-btn-quaternary,
.site-footer .sui-sf-btn-quaternary {
  color: #fff;
  background-color: #808080;
  border-color: #737373;
}
.wPro-Editor .sui-sf-btn-quaternary:hover,
.editor-content .sui-sf-btn-quaternary:hover,
.site-header .sui-sf-btn-quaternary:hover,
.site-footer .sui-sf-btn-quaternary:hover,
.wPro-Editor .sui-sf-btn-quaternary:focus,
.editor-content .sui-sf-btn-quaternary:focus,
.site-header .sui-sf-btn-quaternary:focus,
.site-footer .sui-sf-btn-quaternary:focus,
.wPro-Editor .sui-sf-btn-quaternary:active,
.editor-content .sui-sf-btn-quaternary:active,
.site-header .sui-sf-btn-quaternary:active,
.site-footer .sui-sf-btn-quaternary:active,
.wPro-Editor .sui-sf-btn-quaternary.active,
.editor-content .sui-sf-btn-quaternary.active,
.site-header .sui-sf-btn-quaternary.active,
.site-footer .sui-sf-btn-quaternary.active,
.open .dropdown-toggle.wPro-Editor .sui-sf-btn-quaternary,
.open .dropdown-toggle.editor-content .sui-sf-btn-quaternary,
.open .dropdown-toggle.site-header .sui-sf-btn-quaternary,
.open .dropdown-toggle.site-footer .sui-sf-btn-quaternary {
  color: #fff;
  background-color: #6b6b6b;
  border-color: #545454;
}
.wPro-Editor .sui-sf-btn-quaternary:active,
.editor-content .sui-sf-btn-quaternary:active,
.site-header .sui-sf-btn-quaternary:active,
.site-footer .sui-sf-btn-quaternary:active,
.wPro-Editor .sui-sf-btn-quaternary.active,
.editor-content .sui-sf-btn-quaternary.active,
.site-header .sui-sf-btn-quaternary.active,
.site-footer .sui-sf-btn-quaternary.active,
.open .dropdown-toggle.wPro-Editor .sui-sf-btn-quaternary,
.open .dropdown-toggle.editor-content .sui-sf-btn-quaternary,
.open .dropdown-toggle.site-header .sui-sf-btn-quaternary,
.open .dropdown-toggle.site-footer .sui-sf-btn-quaternary {
  background-image: none;
}
.wPro-Editor .sui-sf-btn-quaternary.disabled,
.editor-content .sui-sf-btn-quaternary.disabled,
.site-header .sui-sf-btn-quaternary.disabled,
.site-footer .sui-sf-btn-quaternary.disabled,
.wPro-Editor .sui-sf-btn-quaternary[disabled],
.editor-content .sui-sf-btn-quaternary[disabled],
.site-header .sui-sf-btn-quaternary[disabled],
.site-footer .sui-sf-btn-quaternary[disabled],
fieldset[disabled] .wPro-Editor .sui-sf-btn-quaternary,
fieldset[disabled] .editor-content .sui-sf-btn-quaternary,
fieldset[disabled] .site-header .sui-sf-btn-quaternary,
fieldset[disabled] .site-footer .sui-sf-btn-quaternary,
.wPro-Editor .sui-sf-btn-quaternary.disabled:hover,
.editor-content .sui-sf-btn-quaternary.disabled:hover,
.site-header .sui-sf-btn-quaternary.disabled:hover,
.site-footer .sui-sf-btn-quaternary.disabled:hover,
.wPro-Editor .sui-sf-btn-quaternary[disabled]:hover,
.editor-content .sui-sf-btn-quaternary[disabled]:hover,
.site-header .sui-sf-btn-quaternary[disabled]:hover,
.site-footer .sui-sf-btn-quaternary[disabled]:hover,
fieldset[disabled] .wPro-Editor .sui-sf-btn-quaternary:hover,
fieldset[disabled] .editor-content .sui-sf-btn-quaternary:hover,
fieldset[disabled] .site-header .sui-sf-btn-quaternary:hover,
fieldset[disabled] .site-footer .sui-sf-btn-quaternary:hover,
.wPro-Editor .sui-sf-btn-quaternary.disabled:focus,
.editor-content .sui-sf-btn-quaternary.disabled:focus,
.site-header .sui-sf-btn-quaternary.disabled:focus,
.site-footer .sui-sf-btn-quaternary.disabled:focus,
.wPro-Editor .sui-sf-btn-quaternary[disabled]:focus,
.editor-content .sui-sf-btn-quaternary[disabled]:focus,
.site-header .sui-sf-btn-quaternary[disabled]:focus,
.site-footer .sui-sf-btn-quaternary[disabled]:focus,
fieldset[disabled] .wPro-Editor .sui-sf-btn-quaternary:focus,
fieldset[disabled] .editor-content .sui-sf-btn-quaternary:focus,
fieldset[disabled] .site-header .sui-sf-btn-quaternary:focus,
fieldset[disabled] .site-footer .sui-sf-btn-quaternary:focus,
.wPro-Editor .sui-sf-btn-quaternary.disabled:active,
.editor-content .sui-sf-btn-quaternary.disabled:active,
.site-header .sui-sf-btn-quaternary.disabled:active,
.site-footer .sui-sf-btn-quaternary.disabled:active,
.wPro-Editor .sui-sf-btn-quaternary[disabled]:active,
.editor-content .sui-sf-btn-quaternary[disabled]:active,
.site-header .sui-sf-btn-quaternary[disabled]:active,
.site-footer .sui-sf-btn-quaternary[disabled]:active,
fieldset[disabled] .wPro-Editor .sui-sf-btn-quaternary:active,
fieldset[disabled] .editor-content .sui-sf-btn-quaternary:active,
fieldset[disabled] .site-header .sui-sf-btn-quaternary:active,
fieldset[disabled] .site-footer .sui-sf-btn-quaternary:active,
.wPro-Editor .sui-sf-btn-quaternary.disabled.active,
.editor-content .sui-sf-btn-quaternary.disabled.active,
.site-header .sui-sf-btn-quaternary.disabled.active,
.site-footer .sui-sf-btn-quaternary.disabled.active,
.wPro-Editor .sui-sf-btn-quaternary[disabled].active,
.editor-content .sui-sf-btn-quaternary[disabled].active,
.site-header .sui-sf-btn-quaternary[disabled].active,
.site-footer .sui-sf-btn-quaternary[disabled].active,
fieldset[disabled] .wPro-Editor .sui-sf-btn-quaternary.active,
fieldset[disabled] .editor-content .sui-sf-btn-quaternary.active,
fieldset[disabled] .site-header .sui-sf-btn-quaternary.active,
fieldset[disabled] .site-footer .sui-sf-btn-quaternary.active {
  background-color: #808080;
  border-color: #737373;
}
.wPro-Editor .sui-sf-btn-quaternary .badge,
.editor-content .sui-sf-btn-quaternary .badge,
.site-header .sui-sf-btn-quaternary .badge,
.site-footer .sui-sf-btn-quaternary .badge {
  color: #808080;
  background-color: #fff;
}
.wPro-Editor .sui-sf-btn-quinary,
.editor-content .sui-sf-btn-quinary,
.site-header .sui-sf-btn-quinary,
.site-footer .sui-sf-btn-quinary {
  color: #fff;
  background-color: #999999;
  border-color: #8c8c8c;
}
.wPro-Editor .sui-sf-btn-quinary:hover,
.editor-content .sui-sf-btn-quinary:hover,
.site-header .sui-sf-btn-quinary:hover,
.site-footer .sui-sf-btn-quinary:hover,
.wPro-Editor .sui-sf-btn-quinary:focus,
.editor-content .sui-sf-btn-quinary:focus,
.site-header .sui-sf-btn-quinary:focus,
.site-footer .sui-sf-btn-quinary:focus,
.wPro-Editor .sui-sf-btn-quinary:active,
.editor-content .sui-sf-btn-quinary:active,
.site-header .sui-sf-btn-quinary:active,
.site-footer .sui-sf-btn-quinary:active,
.wPro-Editor .sui-sf-btn-quinary.active,
.editor-content .sui-sf-btn-quinary.active,
.site-header .sui-sf-btn-quinary.active,
.site-footer .sui-sf-btn-quinary.active,
.open .dropdown-toggle.wPro-Editor .sui-sf-btn-quinary,
.open .dropdown-toggle.editor-content .sui-sf-btn-quinary,
.open .dropdown-toggle.site-header .sui-sf-btn-quinary,
.open .dropdown-toggle.site-footer .sui-sf-btn-quinary {
  color: #fff;
  background-color: #858585;
  border-color: #6e6e6e;
}
.wPro-Editor .sui-sf-btn-quinary:active,
.editor-content .sui-sf-btn-quinary:active,
.site-header .sui-sf-btn-quinary:active,
.site-footer .sui-sf-btn-quinary:active,
.wPro-Editor .sui-sf-btn-quinary.active,
.editor-content .sui-sf-btn-quinary.active,
.site-header .sui-sf-btn-quinary.active,
.site-footer .sui-sf-btn-quinary.active,
.open .dropdown-toggle.wPro-Editor .sui-sf-btn-quinary,
.open .dropdown-toggle.editor-content .sui-sf-btn-quinary,
.open .dropdown-toggle.site-header .sui-sf-btn-quinary,
.open .dropdown-toggle.site-footer .sui-sf-btn-quinary {
  background-image: none;
}
.wPro-Editor .sui-sf-btn-quinary.disabled,
.editor-content .sui-sf-btn-quinary.disabled,
.site-header .sui-sf-btn-quinary.disabled,
.site-footer .sui-sf-btn-quinary.disabled,
.wPro-Editor .sui-sf-btn-quinary[disabled],
.editor-content .sui-sf-btn-quinary[disabled],
.site-header .sui-sf-btn-quinary[disabled],
.site-footer .sui-sf-btn-quinary[disabled],
fieldset[disabled] .wPro-Editor .sui-sf-btn-quinary,
fieldset[disabled] .editor-content .sui-sf-btn-quinary,
fieldset[disabled] .site-header .sui-sf-btn-quinary,
fieldset[disabled] .site-footer .sui-sf-btn-quinary,
.wPro-Editor .sui-sf-btn-quinary.disabled:hover,
.editor-content .sui-sf-btn-quinary.disabled:hover,
.site-header .sui-sf-btn-quinary.disabled:hover,
.site-footer .sui-sf-btn-quinary.disabled:hover,
.wPro-Editor .sui-sf-btn-quinary[disabled]:hover,
.editor-content .sui-sf-btn-quinary[disabled]:hover,
.site-header .sui-sf-btn-quinary[disabled]:hover,
.site-footer .sui-sf-btn-quinary[disabled]:hover,
fieldset[disabled] .wPro-Editor .sui-sf-btn-quinary:hover,
fieldset[disabled] .editor-content .sui-sf-btn-quinary:hover,
fieldset[disabled] .site-header .sui-sf-btn-quinary:hover,
fieldset[disabled] .site-footer .sui-sf-btn-quinary:hover,
.wPro-Editor .sui-sf-btn-quinary.disabled:focus,
.editor-content .sui-sf-btn-quinary.disabled:focus,
.site-header .sui-sf-btn-quinary.disabled:focus,
.site-footer .sui-sf-btn-quinary.disabled:focus,
.wPro-Editor .sui-sf-btn-quinary[disabled]:focus,
.editor-content .sui-sf-btn-quinary[disabled]:focus,
.site-header .sui-sf-btn-quinary[disabled]:focus,
.site-footer .sui-sf-btn-quinary[disabled]:focus,
fieldset[disabled] .wPro-Editor .sui-sf-btn-quinary:focus,
fieldset[disabled] .editor-content .sui-sf-btn-quinary:focus,
fieldset[disabled] .site-header .sui-sf-btn-quinary:focus,
fieldset[disabled] .site-footer .sui-sf-btn-quinary:focus,
.wPro-Editor .sui-sf-btn-quinary.disabled:active,
.editor-content .sui-sf-btn-quinary.disabled:active,
.site-header .sui-sf-btn-quinary.disabled:active,
.site-footer .sui-sf-btn-quinary.disabled:active,
.wPro-Editor .sui-sf-btn-quinary[disabled]:active,
.editor-content .sui-sf-btn-quinary[disabled]:active,
.site-header .sui-sf-btn-quinary[disabled]:active,
.site-footer .sui-sf-btn-quinary[disabled]:active,
fieldset[disabled] .wPro-Editor .sui-sf-btn-quinary:active,
fieldset[disabled] .editor-content .sui-sf-btn-quinary:active,
fieldset[disabled] .site-header .sui-sf-btn-quinary:active,
fieldset[disabled] .site-footer .sui-sf-btn-quinary:active,
.wPro-Editor .sui-sf-btn-quinary.disabled.active,
.editor-content .sui-sf-btn-quinary.disabled.active,
.site-header .sui-sf-btn-quinary.disabled.active,
.site-footer .sui-sf-btn-quinary.disabled.active,
.wPro-Editor .sui-sf-btn-quinary[disabled].active,
.editor-content .sui-sf-btn-quinary[disabled].active,
.site-header .sui-sf-btn-quinary[disabled].active,
.site-footer .sui-sf-btn-quinary[disabled].active,
fieldset[disabled] .wPro-Editor .sui-sf-btn-quinary.active,
fieldset[disabled] .editor-content .sui-sf-btn-quinary.active,
fieldset[disabled] .site-header .sui-sf-btn-quinary.active,
fieldset[disabled] .site-footer .sui-sf-btn-quinary.active {
  background-color: #999999;
  border-color: #8c8c8c;
}
.wPro-Editor .sui-sf-btn-quinary .badge,
.editor-content .sui-sf-btn-quinary .badge,
.site-header .sui-sf-btn-quinary .badge,
.site-footer .sui-sf-btn-quinary .badge {
  color: #999999;
  background-color: #fff;
}
/* responsive tables for layout */
@media (max-width: 767px) {
  .wPro-Editor table.sui-sf-layout-responsive,
  .editor-content table.sui-sf-layout-responsive,
  .site-header table.sui-sf-layout-responsive,
  .site-footer table.sui-sf-layout-responsive,
  .wPro-Editor table.sui-sf-layout-responsive thead,
  .editor-content table.sui-sf-layout-responsive thead,
  .site-header table.sui-sf-layout-responsive thead,
  .site-footer table.sui-sf-layout-responsive thead,
  .wPro-Editor table.sui-sf-layout-responsive tbody,
  .editor-content table.sui-sf-layout-responsive tbody,
  .site-header table.sui-sf-layout-responsive tbody,
  .site-footer table.sui-sf-layout-responsive tbody,
  .wPro-Editor table.sui-sf-layout-responsive tr,
  .editor-content table.sui-sf-layout-responsive tr,
  .site-header table.sui-sf-layout-responsive tr,
  .site-footer table.sui-sf-layout-responsive tr,
  .wPro-Editor table.sui-sf-layout-responsive th,
  .editor-content table.sui-sf-layout-responsive th,
  .site-header table.sui-sf-layout-responsive th,
  .site-footer table.sui-sf-layout-responsive th,
  .wPro-Editor table.sui-sf-layout-responsive td,
  .editor-content table.sui-sf-layout-responsive td,
  .site-header table.sui-sf-layout-responsive td,
  .site-footer table.sui-sf-layout-responsive td,
  .wPro-Editor table.sui-sf-table-responsive,
  .editor-content table.sui-sf-table-responsive,
  .site-header table.sui-sf-table-responsive,
  .site-footer table.sui-sf-table-responsive,
  .wPro-Editor table.sui-sf-table-responsive thead,
  .editor-content table.sui-sf-table-responsive thead,
  .site-header table.sui-sf-table-responsive thead,
  .site-footer table.sui-sf-table-responsive thead,
  .wPro-Editor table.sui-sf-table-responsive tbody,
  .editor-content table.sui-sf-table-responsive tbody,
  .site-header table.sui-sf-table-responsive tbody,
  .site-footer table.sui-sf-table-responsive tbody,
  .wPro-Editor table.sui-sf-table-responsive tr,
  .editor-content table.sui-sf-table-responsive tr,
  .site-header table.sui-sf-table-responsive tr,
  .site-footer table.sui-sf-table-responsive tr,
  .wPro-Editor table.sui-sf-table-responsive th,
  .editor-content table.sui-sf-table-responsive th,
  .site-header table.sui-sf-table-responsive th,
  .site-footer table.sui-sf-table-responsive th,
  .wPro-Editor table.sui-sf-table-responsive td,
  .editor-content table.sui-sf-table-responsive td,
  .site-header table.sui-sf-table-responsive td,
  .site-footer table.sui-sf-table-responsive td {
    display: block;
    height: auto !important;
  }
  .wPro-Editor table.sui-sf-layout-responsive td,
  .editor-content table.sui-sf-layout-responsive td,
  .site-header table.sui-sf-layout-responsive td,
  .site-footer table.sui-sf-layout-responsive td,
  .wPro-Editor table.sui-sf-table-responsive td,
  .editor-content table.sui-sf-table-responsive td,
  .site-header table.sui-sf-table-responsive td,
  .site-footer table.sui-sf-table-responsive td {
    width: 100% !important;
  }
}
.wPro-Editor img.sui-sf-float-left,
.editor-content img.sui-sf-float-left,
.site-header img.sui-sf-float-left,
.site-footer img.sui-sf-float-left {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.wPro-Editor img.sui-sf-float-right,
.editor-content img.sui-sf-float-right,
.site-header img.sui-sf-float-right,
.site-footer img.sui-sf-float-right {
  float: right;
  margin-left: 10px;
  margin-right: 10px;
}
.sui-sf-c-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: normal;
}
.sui-sf-c-btn:focus,
.sui-sf-c-btn:active:focus,
.sui-sf-c-btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.sui-sf-c-btn:hover,
.sui-sf-c-btn:focus {
  color: #333;
  text-decoration: none;
}
.sui-sf-c-btn:active,
.sui-sf-c-btn.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.sui-sf-c-btn.disabled,
.sui-sf-c-btn[disabled],
fieldset[disabled] .sui-sf-c-btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.sui-sf-c-btn:hover {
  opacity: 1;
  filter: opacity(1);
  -moz-filter: opacity(1);
  -webkit-filter: opacity(1);
}
.site-link a.sui-sf-c-btn:hover,
.site-header a.sui-sf-c-btn:hover,
.site-footer a.sui-sf-c-btn:hover {
  text-decoration: none;
}
.sui-sf-c-btn--link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.sui-sf-c-btn--link,
.sui-sf-c-btn--link:active,
.sui-sf-c-btn--link[disabled],
fieldset[disabled] .sui-sf-c-btn--link {
  background-color: transparent;
  box-shadow: none;
}
.sui-sf-c-btn--link,
.sui-sf-c-btn--link:hover,
.sui-sf-c-btn--link:focus,
.sui-sf-c-btn--link:active {
  border-color: transparent;
}
.sui-sf-c-btn--link:hover,
.sui-sf-c-btn--link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.sui-sf-c-btn--link[disabled]:hover,
fieldset[disabled] .sui-sf-c-btn--link:hover,
.sui-sf-c-btn--link[disabled]:focus,
fieldset[disabled] .sui-sf-c-btn--link:focus {
  color: #999999;
  text-decoration: none;
}
.sui-sf-c-btn--default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.sui-sf-c-btn--default:hover,
.sui-sf-c-btn--default:focus,
.sui-sf-c-btn--default:active,
.sui-sf-c-btn--default.active,
.open .dropdown-toggle.sui-sf-c-btn--default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.sui-sf-c-btn--default:active,
.sui-sf-c-btn--default.active,
.open .dropdown-toggle.sui-sf-c-btn--default {
  background-image: none;
}
.sui-sf-c-btn--default.disabled,
.sui-sf-c-btn--default[disabled],
fieldset[disabled] .sui-sf-c-btn--default,
.sui-sf-c-btn--default.disabled:hover,
.sui-sf-c-btn--default[disabled]:hover,
fieldset[disabled] .sui-sf-c-btn--default:hover,
.sui-sf-c-btn--default.disabled:focus,
.sui-sf-c-btn--default[disabled]:focus,
fieldset[disabled] .sui-sf-c-btn--default:focus,
.sui-sf-c-btn--default.disabled:active,
.sui-sf-c-btn--default[disabled]:active,
fieldset[disabled] .sui-sf-c-btn--default:active,
.sui-sf-c-btn--default.disabled.active,
.sui-sf-c-btn--default[disabled].active,
fieldset[disabled] .sui-sf-c-btn--default.active {
  background-color: #fff;
  border-color: #ccc;
}
.sui-sf-c-btn--default .badge {
  color: #fff;
  background-color: #333;
}
.sui-sf-c-btn--primary {
  color: #fff;
  background-color: #333;
  border-color: #262626;
}
.sui-sf-c-btn--primary:hover,
.sui-sf-c-btn--primary:focus,
.sui-sf-c-btn--primary:active,
.sui-sf-c-btn--primary.active,
.open .dropdown-toggle.sui-sf-c-btn--primary {
  color: #fff;
  background-color: #1f1f1f;
  border-color: #080808;
}
.sui-sf-c-btn--primary:active,
.sui-sf-c-btn--primary.active,
.open .dropdown-toggle.sui-sf-c-btn--primary {
  background-image: none;
}
.sui-sf-c-btn--primary.disabled,
.sui-sf-c-btn--primary[disabled],
fieldset[disabled] .sui-sf-c-btn--primary,
.sui-sf-c-btn--primary.disabled:hover,
.sui-sf-c-btn--primary[disabled]:hover,
fieldset[disabled] .sui-sf-c-btn--primary:hover,
.sui-sf-c-btn--primary.disabled:focus,
.sui-sf-c-btn--primary[disabled]:focus,
fieldset[disabled] .sui-sf-c-btn--primary:focus,
.sui-sf-c-btn--primary.disabled:active,
.sui-sf-c-btn--primary[disabled]:active,
fieldset[disabled] .sui-sf-c-btn--primary:active,
.sui-sf-c-btn--primary.disabled.active,
.sui-sf-c-btn--primary[disabled].active,
fieldset[disabled] .sui-sf-c-btn--primary.active {
  background-color: #333;
  border-color: #262626;
}
.sui-sf-c-btn--primary .badge {
  color: #333;
  background-color: #fff;
}
.sui-sf-c-btn--secondary {
  color: #fff;
  background-color: #4d4d4d;
  border-color: #404040;
}
.sui-sf-c-btn--secondary:hover,
.sui-sf-c-btn--secondary:focus,
.sui-sf-c-btn--secondary:active,
.sui-sf-c-btn--secondary.active,
.open .dropdown-toggle.sui-sf-c-btn--secondary {
  color: #fff;
  background-color: #383838;
  border-color: #212121;
}
.sui-sf-c-btn--secondary:active,
.sui-sf-c-btn--secondary.active,
.open .dropdown-toggle.sui-sf-c-btn--secondary {
  background-image: none;
}
.sui-sf-c-btn--secondary.disabled,
.sui-sf-c-btn--secondary[disabled],
fieldset[disabled] .sui-sf-c-btn--secondary,
.sui-sf-c-btn--secondary.disabled:hover,
.sui-sf-c-btn--secondary[disabled]:hover,
fieldset[disabled] .sui-sf-c-btn--secondary:hover,
.sui-sf-c-btn--secondary.disabled:focus,
.sui-sf-c-btn--secondary[disabled]:focus,
fieldset[disabled] .sui-sf-c-btn--secondary:focus,
.sui-sf-c-btn--secondary.disabled:active,
.sui-sf-c-btn--secondary[disabled]:active,
fieldset[disabled] .sui-sf-c-btn--secondary:active,
.sui-sf-c-btn--secondary.disabled.active,
.sui-sf-c-btn--secondary[disabled].active,
fieldset[disabled] .sui-sf-c-btn--secondary.active {
  background-color: #4d4d4d;
  border-color: #404040;
}
.sui-sf-c-btn--secondary .badge {
  color: #4d4d4d;
  background-color: #fff;
}
.sui-sf-c-btn--tertiary {
  color: #fff;
  background-color: #666666;
  border-color: #595959;
}
.sui-sf-c-btn--tertiary:hover,
.sui-sf-c-btn--tertiary:focus,
.sui-sf-c-btn--tertiary:active,
.sui-sf-c-btn--tertiary.active,
.open .dropdown-toggle.sui-sf-c-btn--tertiary {
  color: #fff;
  background-color: #525252;
  border-color: #3b3b3b;
}
.sui-sf-c-btn--tertiary:active,
.sui-sf-c-btn--tertiary.active,
.open .dropdown-toggle.sui-sf-c-btn--tertiary {
  background-image: none;
}
.sui-sf-c-btn--tertiary.disabled,
.sui-sf-c-btn--tertiary[disabled],
fieldset[disabled] .sui-sf-c-btn--tertiary,
.sui-sf-c-btn--tertiary.disabled:hover,
.sui-sf-c-btn--tertiary[disabled]:hover,
fieldset[disabled] .sui-sf-c-btn--tertiary:hover,
.sui-sf-c-btn--tertiary.disabled:focus,
.sui-sf-c-btn--tertiary[disabled]:focus,
fieldset[disabled] .sui-sf-c-btn--tertiary:focus,
.sui-sf-c-btn--tertiary.disabled:active,
.sui-sf-c-btn--tertiary[disabled]:active,
fieldset[disabled] .sui-sf-c-btn--tertiary:active,
.sui-sf-c-btn--tertiary.disabled.active,
.sui-sf-c-btn--tertiary[disabled].active,
fieldset[disabled] .sui-sf-c-btn--tertiary.active {
  background-color: #666666;
  border-color: #595959;
}
.sui-sf-c-btn--tertiary .badge {
  color: #666666;
  background-color: #fff;
}
/*
.@{shout-class_prefix-content}-btn--quaternary {
  .button-variant(@shout-btn-quaternary-color; @shout-btn-quaternary-bg; @shout-btn-quaternary-border);
}
.@{shout-class_prefix-content}-btn--quinary {
  .button-variant(@shout-btn-quinary-color; @shout-btn-quinary-bg; @shout-btn-quinary-border);
}
 */
/* responsive tables for layout */
@media (max-width: 767px) {
  .sui-sf-c-table--responsive,
  .sui-sf-c-table--responsive thead,
  .sui-sf-c-table--responsive tbody,
  .sui-sf-c-table--responsive tr,
  .sui-sf-c-table--responsive th,
  .sui-sf-c-table--responsive td {
    display: block;
    height: auto !important;
  }
  .sui-sf-c-table--responsive td {
    width: 100% !important;
  }
}
.sui-sf-c-table__cell--valign-top {
  vertical-align: top;
}
img.sui-sf-c--float-left {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
img.sui-sf-c--float-right {
  float: right;
  margin-left: 10px;
  margin-right: 10px;
}
.sui-sf-c-jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.sui-sf-c-jumbotron h1,
.sui-sf-c-jumbotron .h1 {
  color: inherit;
}
.sui-sf-c-jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.container .sui-sf-c-jumbotron {
  border-radius: 6px;
}
.sui-sf-c-jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .sui-sf-c-jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .sui-sf-c-jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .sui-sf-c-jumbotron h1,
  .sui-sf-c-jumbotron .h1 {
    font-size: 63px;
  }
}
@media (min-width: 768px) {
  .sui-sf-c-breakout--breakout {
    max-width: initial;
  }
  .sui-sf-c-breakout--breakout > .sui-sf-c-breakout--breakin {
    margin-right: auto;
    margin-left: auto;
  }
  .sui-sf-c-breakout--breakout > .sui-sf-c-breakout--breakin:before,
  .sui-sf-c-breakout--breakout > .sui-sf-c-breakout--breakin:after {
    content: " ";
    display: table;
  }
  .sui-sf-c-breakout--breakout > .sui-sf-c-breakout--breakin:after {
    clear: both;
  }
  .sui-sf-c-breakout--breakout > .sui-sf-c-breakout--breakin {
    max-width: 1170px;
  }
}
/*** --- FONTS --- ***/
/*
 * SOURCE SANS PRO
 */
/** Generated by Font Garden **/
/* @font-face {
  font-family: 'SourceSansPro';
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url('../../fonts/SourceSansPro/SourceSansPro-Light.eot');
  src: url('../../fonts/SourceSansPro/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
       url('../../fonts/SourceSansPro/SourceSansPro-Light.woff') format('woff'),
       url('../../fonts/SourceSansPro/SourceSansPro-Light.ttf') format('truetype'),
       url('../../fonts/SourceSansPro/SourceSansPro-Light.svg') format('svg');
} */
@font-face {
  font-family: 'SourceSansPro';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.eot');
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.svg') format('svg');
}
@font-face {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('../fonts/SourceSansPro/SourceSansPro-Light.eot');
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('../fonts/SourceSansPro/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-Light.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-Light.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-Light.svg') format('svg');
}
@font-face {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url('../fonts/SourceSansPro/SourceSansPro-Regular.eot');
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url('../fonts/SourceSansPro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-Regular.svg') format('svg');
}
@font-face {
  font-family: 'SourceSansPro';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url('../fonts/SourceSansPro/SourceSansPro-Semibold.eot');
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url('../fonts/SourceSansPro/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-Semibold.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-Semibold.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-Semibold.svg') format('svg');
}
@font-face {
  font-family: 'SourceSansPro';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../fonts/SourceSansPro/SourceSansPro-Bold.eot');
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../fonts/SourceSansPro/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-Bold.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-Bold.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-Bold.svg') format('svg');
}
/*
 * Open Sans from Google Fonts
 */
@font-face {
  font-family: 'OpenSans';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/OpenSans/OpenSans-Semibold.ttf') format('truetype');
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
}
/*
 * Alegreya_Sans
 */
@font-face {
  font-family: 'Alegreya_Sans';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Alegreya Sans Light'), local('Alegreya_Sans-Light'), url('../fonts/Alegreya_Sans/AlegreyaSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Alegreya_Sans';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Alegreya Sans Light'), local('Alegreya_Sans-Light'), url('../fonts/Alegreya_Sans/AlegreyaSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Alegreya_Sans';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Alegreya Sans'), local('Alegreya_Sans'), url('../fonts/Alegreya_Sans/AlegreyaSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Alegreya_Sans';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Alegreya Sans Medium'), local('Alegreya_Sans-Medium'), url('../fonts/Alegreya_Sans/AlegreyaSans-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Alegreya_Sans';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: local('Alegreya Sans Bold'), local('Alegreya_Sans-Bold'), url('../fonts/Alegreya_Sans/AlegreyaSans-Bold.ttf') format('truetype');
}
/*
 * Arvo
 */
@font-face {
  font-family: 'Arvo';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Arvo'), local('Arvo'), url('../fonts/Arvo/Arvo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Arvo';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Arvo Medium'), local('Arvo-Medium'), url('../fonts/Arvo/Arvo-Bold.ttf') format('truetype');
}
/*
 * Courgette
 */
@font-face {
  font-family: 'Courgette';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Courgette'), local('Courgette'), url('../fonts/Courgette/Courgette-Regular.ttf') format('truetype');
}
/*
 * Coustard
 */
@font-face {
  font-family: 'Coustard';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Coustard'), local('Coustard'), url('../fonts/Coustard/Coustard-Regular.ttf') format('truetype');
}
/*
 * Crimson_Text
 */
@font-face {
  font-family: 'Crimson_Text';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Crimson_Text'), local('Crimson_Text'), url('../fonts/Crimson_Text/CrimsonText-Roman.ttf') format('truetype');
}
@font-face {
  font-family: 'Crimson_Text';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Crimson_Text'), local('Crimson_Text'), url('../fonts/Crimson_Text/CrimsonText-Semibold.ttf') format('truetype');
}
@font-face {
  font-family: 'Crimson_Text';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Crimson_Text'), local('Crimson_Text'), url('../fonts/Crimson_Text/CrimsonText-Bold.ttf') format('truetype');
}
/*
 * Cutive
 */
@font-face {
  font-family: 'Cutive';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Cutive'), local('Cutive'), url('../fonts/Cutive/Cutive-Regular.ttf') format('truetype');
}
/*
 * Dosis
 */
@font-face {
  font-family: 'Dosis';
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: local('Dosis Light'), local('Dosis Light'), url('../fonts/Dosis/Dosis-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Dosis';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Dosis'), local('Dosis'), url('../fonts/Dosis/Dosis-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Dosis';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Dosis Semi Bold'), local('Dosis Semi Bold'), url('../fonts/Dosis/Dosis-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Dosis';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Dosis Bold'), local('Dosis Bold'), url('../fonts/Dosis/Dosis-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Dosis';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: local('Dosis Extra Bold'), local('Dosis Extra Bold'), url('../fonts/Dosis/Dosis-ExtraBold.ttf') format('truetype');
}
/*
 * Lato
 */
@font-face {
  font-family: 'Lato';
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: local('Lato Light'), local('Lato Light'), url('../fonts/Lato/Lato-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Lato'), local('Lato'), url('../fonts/Lato/Lato-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Lato Bold'), local('Lato Bold'), url('../fonts/Lato/Lato-Bold.ttf') format('truetype');
}
/*
 * Merriweather
 */
@font-face {
  font-family: 'merriweatherregular';
  src: url('../fonts/Merriweather/merriweather-regular-webfont.eot');
  src: url('../fonts/Merriweather/merriweather-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Merriweather/merriweather-regular-webfont.woff2') format('woff2'), url('../fonts/Merriweather/merriweather-regular-webfont.woff') format('woff'), url('../fonts/Merriweather/merriweather-regular-webfont.ttf') format('truetype'), url('../fonts/Merriweather/merriweather-regular-webfont.svg#merriweatherregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'merriweatherbold_italic';
  src: url('../fonts/Merriweather/merriweather-bolditalic-webfont.eot');
  src: url('../fonts/Merriweather/merriweather-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Merriweather/merriweather-bolditalic-webfont.woff2') format('woff2'), url('../fonts/Merriweather/merriweather-bolditalic-webfont.woff') format('woff'), url('../fonts/Merriweather/merriweather-bolditalic-webfont.ttf') format('truetype'), url('../fonts/Merriweather/merriweather-bolditalic-webfont.svg#merriweatherbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'merriweatherlight_italic';
  src: url('../fonts/Merriweather/merriweather-lightitalic-webfont.eot');
  src: url('../fonts/Merriweather/merriweather-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Merriweather/merriweather-lightitalic-webfont.woff2') format('woff2'), url('../fonts/Merriweather/merriweather-lightitalic-webfont.woff') format('woff'), url('../fonts/Merriweather/merriweather-lightitalic-webfont.ttf') format('truetype'), url('../fonts/Merriweather/merriweather-lightitalic-webfont.svg#merriweatherlight_italic') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'merriweatherlight';
  src: url('../fonts/Merriweather/merriweather-light-webfont.eot');
  src: url('../fonts/Merriweather/merriweather-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Merriweather/merriweather-light-webfont.woff2') format('woff2'), url('../fonts/Merriweather/merriweather-light-webfont.woff') format('woff'), url('../fonts/Merriweather/merriweather-light-webfont.ttf') format('truetype'), url('../fonts/Merriweather/merriweather-light-webfont.svg#merriweatherlight') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'merriweatheritalic';
  src: url('../fonts/Merriweather/merriweather-italic-webfont.eot');
  src: url('../fonts/Merriweather/merriweather-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Merriweather/merriweather-italic-webfont.woff2') format('woff2'), url('../fonts/Merriweather/merriweather-italic-webfont.woff') format('woff'), url('../fonts/Merriweather/merriweather-italic-webfont.ttf') format('truetype'), url('../fonts/Merriweather/merriweather-italic-webfont.svg#merriweatheritalic') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'merriweatherbold';
  src: url('../fonts/Merriweather/merriweather-bold-webfont.eot');
  src: url('../fonts/Merriweather/merriweather-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Merriweather/merriweather-bold-webfont.woff2') format('woff2'), url('../fonts/Merriweather/merriweather-bold-webfont.woff') format('woff'), url('../fonts/Merriweather/merriweather-bold-webfont.ttf') format('truetype'), url('../fonts/Merriweather/merriweather-bold-webfont.svg#merriweatherbold') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*
 * Montserrat
 */
@font-face {
  font-family: 'Montserrat';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Montserrat'), local('Montserrat'), url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat Bold'), url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
}
/*
 * Noto_Sans
 */
@font-face {
  font-family: 'Noto_Sans';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Noto_Sans'), local('Noto_Sans'), url('../fonts/Noto_Sans/NotoSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Noto_Sans';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Noto_Sans Bold'), local('Noto_Sans Bold'), url('../fonts/Noto_Sans/NotoSans-Bold.ttf') format('truetype');
}
/*
 * Pacifico
 */
@font-face {
  font-family: 'Pacifico';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Pacifico'), local('Pacifico'), url('../fonts/Pacifico/Pacifico.ttf') format('truetype');
}
/*
 * PT_Sans
 */
@font-face {
  font-family: 'PT_Sans';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('PT_Sans'), local('PT_Sans'), url('../fonts/PT_Sans/PT_Sans-Web-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'PT_Sans';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('PT_Sans Bold'), local('PT_Sans Bold'), url('../fonts/PT_Sans/PT_Sans-Web-Bold.ttf') format('truetype');
}
/*
 * Sanchez
 */
@font-face {
  font-family: 'Sanchez';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Sanchez'), local('Sanchez'), url('../fonts/Sanchez/Sanchez-Regular.ttf') format('truetype');
}
/*
 * Slabo_13
 */
@font-face {
  font-family: 'Slabo_13';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Slabo_13'), local('Slabo_13'), url('../fonts/Slabo_13px/Slabo13px-Regular.ttf') format('truetype');
}
/*
 * Ubuntu
 */
@font-face {
  font-family: 'ubuntulight';
  src: url('../fonts/Ubuntu/ubuntu-l-webfont.eot');
  src: url('../fonts/Ubuntu/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu/ubuntu-l-webfont.woff2') format('woff2'), url('../fonts/Ubuntu/ubuntu-l-webfont.woff') format('woff'), url('../fonts/Ubuntu/ubuntu-l-webfont.ttf') format('truetype'), url('../fonts/Ubuntu/ubuntu-l-webfont.svg#ubuntulight') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ubuntumedium';
  src: url('../fonts/Ubuntu/ubuntu-m-webfont.eot');
  src: url('../fonts/Ubuntu/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu/ubuntu-m-webfont.woff2') format('woff2'), url('../fonts/Ubuntu/ubuntu-m-webfont.woff') format('woff'), url('../fonts/Ubuntu/ubuntu-m-webfont.ttf') format('truetype'), url('../fonts/Ubuntu/ubuntu-m-webfont.svg#ubuntumedium') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*
 * Ultra
 */
@font-face {
  font-family: 'Ultra';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Ultra'), local('Ultra'), url('../fonts/Ultra/Ultra.ttf') format('truetype');
}
/*
 * Yellowtail
 */
@font-face {
  font-family: 'Yellowtail';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Yellowtail Regular'), local('Yellowtail-Regular'), url('../fonts/Yellowtail/Yellowtail-Regular.ttf') format('truetype');
}
/*** --- LOW/TOP LEVEL --- ***/
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  GENERAL RULES
 *
 *   General site-wide, fallback rules.
 *
 *   (Pirate rule #8: Don't pee into the water from the side of the deck.)
 * ============================================================================
 */
@-o-viewport {
  zoom: 1;
  width: extend-to-zoom;
}
@viewport {
  zoom: 1;
  width: extend-to-zoom;
}
@-ms-viewport {
  width: extend-to-zoom;
  zoom: 1;
}
/*
 * ============================================================================
 *  CONTAINERS
 *
 *   Basic rules for (non-bootstrap) containers of the site.
 * ============================================================================
 */
body {
  /* font-family: Arial, Helvetica, Verdana, sans-serif; */
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  /* system font stack */
  font-size: 1.4em;
  line-height: 1.42857143;
  color: #333;
  max-width: 768px;
  /* fallback */
}
html {
  background-color: #fff;
}
body {
  background-color: #fff;
}
@media (min-width: 768px) {
  body {
    /* font-family: 'OpenSans', Arial, Helvetica, Verdana, sans-serif; */
    /* font-family: "OpenSans","SourceSansPro","Segoe UI Light","Arial","sans-serif"; */
    font-family: "wf_SegoeUILight", "wf_SegoeUI", "Segoe UI Light", "OpenSans", "Tahoma", "Verdana", "Arial", "sans-serif";
    max-width: none;
  }
  .content-wrapper {
    /* max-width: @shout-container-sm; */
    max-width: 1170px;
  }
}
@media (min-width: 1200px) {
  .content-wrapper {
    max-width: 1170px;
  }
}
@media (min-width: 768px) {
  .fullscreen .content-wrapper {
    max-width: initial;
  }
}
#frontpage-fullscreen-carousel .headline-carousel .content-wrapper {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
/*
 * ============================================================================
 *  FONTS AND HEADINGS
 *
 *   Basic rules for text tags.
 * ============================================================================
 */
p {
  margin-top: 0;
  margin-bottom: 0;
}
table {
  kmmline-height: 2.1rem;
}
h1 {
  font-size: 2.8rem;
  kmmline-height: 2.8rem;
}
h2 {
  font-size: 2.1rem;
  kmmline-height: 2.1rem;
}
h3 {
  font-size: 1.6rem;
  kmmline-height: 1.8rem;
}
h4 {
  font-size: 1.4rem;
  kmmline-height: 1.8rem;
}
h5 {
  font-size: 1.4rem;
  kmmline-height: 1.8rem;
}
h6 {
  font-size: 1.4rem;
  kmmine-height: 1.8rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
}
@media (min-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: inherit;
  }
}
/*
 * ============================================================================
 *  LINKS
 *
 *   Basic rules for links.
 * ============================================================================
 */
a {
  color: #555555;
}
a,
a:before,
a:after {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
a:hover {
  text-decoration: none;
  opacity: 0.7;
  filter: opacity(0.7);
  -moz-filter: opacity(0.7);
  -webkit-filter: opacity(0.7);
}
a:focus {
  outline: none;
  outline-offset: 0;
  text-decoration: none;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: inherit;
}
.site-link a,
.product_option-browse .product_option-toggle,
#cart_Add_Message span a,
.cart_Add_Message span a,
.account_side_container a,
#p_recaptcha_widget a,
.search-result tr a,
.search-result-item-title a {
  color: #41b7d8;
}
.site-link a:hover,
.product_option-browse .product_option-toggle:hover,
#cart_Add_Message span a:hover,
.cart_Add_Message span a:hover,
.account_side_container a:hover,
#p_recaptcha_widget a:hover,
.search-result tr a:hover,
.search-result-item-title a:hover {
  text-decoration: underline;
}
/* force margins to always show inside element instead of escaping to the parent if it does not have margin */
.sub-section-wrapper > .content-wrapper:before,
.sub-section-wrapper > .content-wrapper:after {
  content: " ";
  display: table;
}
/* .content-row > *
{
    padding-left: 0px;
    padding-right: 0px;
}

.sub-section-wrapper > .content-wrapper {
    padding: 1em;
}
*/
/*
 * ============================================================================
 *  Landing Page Style
 *
 *   Basic rules for links.
 * ============================================================================
 */
.landing-page .page-header-wrapper {
  padding-top: 50px !important;
}
.landing-page .page-content-wrapper > .columns-wrapper.section-wrapper {
  padding-bottom: 50px !important;
}
.landing-page .page-wrapper {
  background-color: #f5f5f5;
}
.landing-page .page-content-wrapper .columns-wrapper .content-wrapper,
.landing-page .site-header .content-wrapper {
  background-color: #fff;
}
.landing-page .main-column-left {
  width: 65%;
}
.landing-page .side-column-right {
  width: 35%;
}
.landing-page .category-product-add-cart .add_to_cart-message {
  margin-top: 15px;
}
@media (max-width: 1028px) {
  .landing-page .main-column-left,
  .landing-page .side-column-right {
    width: 100% !important;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  GENERAL LAYOUT
 *
 *   General rules for the configuration/bootstrap layout of the site.
 *
 *   (Humanity Tip #2: Bunnies are evil. If you make eye contact with one, run.)
 * ============================================================================
 */
.layout-grid-row {
  kmmborder-bottom: 1px solid #EFEFEF;
  kmmborder-bottom: 1px solid blue;
  kmmpadding-top: 37px;
  padding-top: 15px;
}
.layout-grid-row:first-child {
  padding-top: 0;
}
.layout-grid-row-data {
  vertical-align: top;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  /*border-bottom: 1px solid #d2d2d2;*/
}
.layout-grid-row-data:empty {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  border-bottom: none;
}
.layout-grid-row:nth-child(odd) {
  /* IWAbackground: #F1F1F1;
    background: #FCFCFC;
    // Removed background color - Daniel
    */
}
.relation .layout-grid-row {
  background: none;
}
/*@media (min-width: @shout-screen-sm-min) {
    .layout-grid-row {
        border-bottom: 1px solid #EFEFEF;
    }
}*/
@media (min-width: 768px) {
  .layout-grid {
    kmmpadding-bottom: 30px;
    padding-bottom: 15px;
  }
  .layout-grid-row {
    kmmpadding-bottom: 40px;
    padding-bottom: 15px;
  }
  .layout-grid-row-data {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .layout-grid-row:nth-child(odd) {
    background: none;
  }
}
/*
 * ============================================================================
 *  COLUMN LAYOUT
 *
 *   General rules affecting the main column layout.
 * ============================================================================
 */
.columns-wrapper > .content-wrapper {
  padding-top: 24px;
  padding-bottom: 6px;
}
.nested-columns > .content-wrapper {
  padding-top: 0;
}
@media (max-width: 767px) {
  .columns-wrapper > .content-wrapper {
    kmmpadding-left: 0;
    kmmpadding-right: 0;
  }
}
/*
 * ============================================================================
 *  SIDE-COLUMN LAYOUT
 *
 *   General rules affecting the side column layout.
 * ============================================================================
 */
.side-column > *:last-child:not(.section-wrapper),
.side-column > *:last-child > .content-wrapper {
  margin-bottom: 12px;
}
.side-column .layout-grid {
  padding-top: 0;
  padding-bottom: 0;
}
body:not(.frontpage) .main-column .side-column {
  TALmargin-top: 30px;
}
@media (min-width: 768px) {
  .side-column {
    font-size: 0.83em;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  GENERAL INPUTS
 *
 *   General user input styles.
 *
 *   (Ninja Tip #912: After throwing smoke grenades, do not inhale smoke.)
 * ============================================================================
 */
input,
select,
textarea {
  padding: 6px;
  border: 1px solid #cccccc;
}
input:not([type]),
input[type="text"],
input[type="number"],
input[type="password"],
input[type="file"],
textarea {
  /*width: 90%;*/
  width: 79%;
  min-width: 2em;
}
select,
.custom-combobox {
  width: 100%;
}
.custom-combobox {
  border: none;
  background: #fafafa;
}
.custom-combobox.error {
  background: #fff4f3;
  border: none;
}
.custom-combobox .custom-combobox-input {
  background: none;
}
.custom-combobox .custom-combobox-toggle {
  border: 1px solid #dcdcdc;
  border-left: none;
  background: none;
  outline: none;
}
input,
select,
textarea {
  border-radius: 0;
  margin-bottom: 3px;
}
input[type="image"],
.uneditable-input {
  margin-bottom: 3px;
  padding: 0;
  border: none;
}
input[type="radio"],
input[type="checkbox"] {
  margin-top: 0;
  width: auto;
}
label {
  display: inline;
  font-size: 1em;
  font-weight: normal;
}
.form-checkbox-labelField,
.form-radio-labelField {
  position: static;
}
/* Landscape phone to portrait tablet */
@media (min-width: 768px) {
  .sui-no_label label {
    margin: 0;
  }
}
@media (min-width: 483px) {
  input:not([type]),
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="password"],
  input[type="file"],
  textarea {
    width: 100%;
  }
  select {
    width: 100%;
  }
}
@media (max-width: 1028px) {
  input:not([type]),
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="password"],
  input[type="file"],
  textarea {
    /*width: 90%;*/
    DTwidth: 98%;
    width: 100%;
  }
  .quick-nav input:not([type]) {
    width: 79%;
  }
}
@media (max-width: 767px) {
  input,
  textarea,
  select {
    font-size: 16px !important;
  }
}
/*
 * ============================================================================
 *  JQUERY INPUTS
 * ============================================================================
 */
.ui-multiselect,
.ui-multiselect-header a,
.ui-multiselect-checkboxes label {
  font-size: 0.8em;
}
.ui-multiselect-checkboxes label,
label.ul-corner-all {
  padding-left: 10px;
}
.ui-corner-all {
  border-radius: 0;
}
.ui-multiselect-checkboxes label input {
  margin-right: 10px;
}
.ui-multiselect-header a {
  padding-right: 12px;
}
/***********************************************************************************************
 * tippy.js
 **********************************************************************************************/
.tippy-iOS{cursor:pointer!important;-webkit-tap-highlight-color:transparent}.tippy-popper{transition-timing-function:cubic-bezier(.165,.84,.44,1);max-width:calc(100% - 8px);pointer-events:none;outline:0}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0}.tippy-popper[x-placement^=top] .tippy-roundarrow{bottom:-7px;bottom:-6.5px;transform-origin:50% 0;margin:0 3px}.tippy-popper[x-placement^=top] .tippy-roundarrow svg{position:absolute;left:0;transform:rotate(180deg)}.tippy-popper[x-placement^=top] .tippy-arrow{border-top:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;bottom:-7px;margin:0 3px;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-backdrop{transform-origin:0 25%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-55%)}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%,-45%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible]{transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden]{opacity:0;transform:translateY(-20px)}.tippy-popper[x-placement^=top] [data-animation=perspective]{transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible]{transform:perspective(700px) translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden]{opacity:0;transform:perspective(700px) translateY(0) rotateX(60deg)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale]{transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible]{transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden]{opacity:0;transform:translateY(-10px) scale(.5)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow{top:-7px;transform-origin:50% 100%;margin:0 3px}.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg{position:absolute;left:0;transform:rotate(0)}.tippy-popper[x-placement^=bottom] .tippy-arrow{border-bottom:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;top:-7px;margin:0 3px;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-backdrop{transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-45%)}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible]{transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden]{opacity:0;transform:translateY(20px)}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible]{transform:perspective(700px) translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden]{opacity:0;transform:perspective(700px) translateY(0) rotateX(-60deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale]{transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible]{transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden]{opacity:0;transform:translateY(10px) scale(.5)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:50% 0 0 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow{right:-12px;transform-origin:33.33333333% 50%;margin:3px 0}.tippy-popper[x-placement^=left] .tippy-roundarrow svg{position:absolute;left:0;transform:rotate(90deg)}.tippy-popper[x-placement^=left] .tippy-arrow{border-left:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;right:-7px;margin:3px 0;transform-origin:0 50%}.tippy-popper[x-placement^=left] .tippy-backdrop{transform-origin:50% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-75%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible]{transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden]{opacity:0;transform:translateX(-20px)}.tippy-popper[x-placement^=left] [data-animation=perspective]{transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible]{transform:perspective(700px) translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden]{opacity:0;transform:perspective(700px) translateX(0) rotateY(-60deg)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale]{transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible]{transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden]{opacity:0;transform:translateX(-10px) scale(.5)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 50% 50% 0}.tippy-popper[x-placement^=right] .tippy-roundarrow{left:-12px;transform-origin:66.66666666% 50%;margin:3px 0}.tippy-popper[x-placement^=right] .tippy-roundarrow svg{position:absolute;left:0;transform:rotate(-90deg)}.tippy-popper[x-placement^=right] .tippy-arrow{border-right:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;left:-7px;margin:3px 0;transform-origin:100% 50%}.tippy-popper[x-placement^=right] .tippy-backdrop{transform-origin:-50% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-25%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible]{transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden]{opacity:0;transform:translateX(20px)}.tippy-popper[x-placement^=right] [data-animation=perspective]{transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible]{transform:perspective(700px) translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden]{opacity:0;transform:perspective(700px) translateX(0) rotateY(60deg)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale]{transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible]{transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden]{opacity:0;transform:translateX(10px) scale(.5)}.tippy-tooltip{position:relative;color:#fff;border-radius:.25rem;font-size:.875rem;padding:.3125rem .5625rem;line-height:1.4;text-align:center;background-color:#333}.tippy-tooltip[data-size=small]{padding:.1875rem .375rem;font-size:.75rem}.tippy-tooltip[data-size=large]{padding:.375rem .75rem;font-size:1rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive],.tippy-tooltip[data-interactive] .tippy-roundarrow path{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-tooltip[data-inertia][data-state=hidden]{transition-timing-function:ease}.tippy-arrow,.tippy-roundarrow{position:absolute;width:0;height:0}.tippy-roundarrow{width:18px;height:7px;fill:#333;pointer-events:none}.tippy-backdrop{position:absolute;background-color:#333;border-radius:50%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop:after{content:"";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=visible]{opacity:1}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}
.tippy-tooltip.light-theme{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-tooltip.light-theme[x-placement^=top] .tippy-arrow{border-top:8px solid #fff;border-right:8px solid transparent;border-left:8px solid transparent}.tippy-tooltip.light-theme[x-placement^=bottom] .tippy-arrow{border-bottom:8px solid #fff;border-right:8px solid transparent;border-left:8px solid transparent}.tippy-tooltip.light-theme[x-placement^=left] .tippy-arrow{border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}.tippy-tooltip.light-theme[x-placement^=right] .tippy-arrow{border-right:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}.tippy-tooltip.light-theme .tippy-backdrop{background-color:#fff}.tippy-tooltip.light-theme .tippy-roundarrow{fill:#fff}.tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}
/***********************************************************************************************
 * sui-sf-tooltip-light-theme - shout customizations
 **********************************************************************************************/
/***********************************************************************************************
 * sui-sf-tooltip-dark-theme - shout customizations
 **********************************************************************************************/
/***********************************************************************************************
 * sui-sf-tooltip-leftaligned-theme - shout customizations
 **********************************************************************************************/
.tippy-tooltip.sui-sf-tooltip-leftaligned-theme {
  text-align: left;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  GENERAL RULES
 *
 *   Note: ".middle-left > img" are featured youtube videos screencaps
 *
 *   (Pirate tip #121: Do not use your sword to cut fruit. It never ends well.)
 * ============================================================================
 */
/* Migration from bootstrap 2.3.2 to 3.0.0 removed responsive images by default, which is what we
built the template based on, so just make all images on the site responsive by default ourselves */
img {
  height: auto;
  /* overrides the height specified in image attribute; forces height to maintain aspect ratio in relation to width */
  max-width: 100%;
  /* width should be determined by the width of it's container */
}
/*a img:hover {
    opacity: 0.7;
    filter: opacity(0.7);
    -moz-filter: opacity(0.7);
    -webkit-filter: opacity(0.7);
}*/
/* image should be above title/summary so links are clickable */
.middle-left {
  z-index: 1;
}
.youtube-player {
  max-width: 100%;
  max-height: 100%;
}
/* begin forced 5:3 image aspect ratio with responsiveness
 * @see: http://www.fredparke.com/blog/css-padding-trick-responsive-intrinsic-ratios
 * @see: http://www.sitepoint.com/maintain-image-aspect-ratios-responsive-web-design/
 */
.related-image,
.alternate-product-image,
.category-product-image,
.news-picture,
.list-item-datum-image {
  position: relative;
  width: 100%;
  padding-bottom: 60%;
  /* images should have a 5:3 aspect ratio */
  height: 0px;
  /* iphone fix so that the height is normalized with other devices */
  /*IWA*/
  clear: both;
}
.related-image-ratio35,
.alternate-product-image-ratio35,
.category-product-image-ratio35,
.list-item-datum-image-ratio35 {
  padding-bottom: 167%;
}
.related-image-ratio23,
.alternate-product-image-ratio23,
.category-product-image-ratio23,
.list-item-datum-image-ratio23 {
  padding-bottom: 150%;
}
.related-image-ratio34,
.alternate-product-image-ratio34,
.category-product-image-ratio34,
.list-item-datum-image-ratio34 {
  padding-bottom: 133%;
}
.related-image-ratio11,
.alternate-product-image-ratio11,
.category-product-image-ratio11,
.list-item-datum-image-ratio11 {
  padding-bottom: 100%;
}
.related-image-ratio43,
.alternate-product-image-ratio43,
.category-product-image-ratio43,
.list-item-datum-image-ratio43 {
  padding-bottom: 75%;
}
.related-image-ratio32,
.alternate-product-image-ratio32,
.category-product-image-ratio32,
.list-item-datum-image-ratio32 {
  padding-bottom: 67%;
}
.related-image-ratio53,
.alternate-product-image-ratio53,
.category-product-image-ratio53,
.list-item-datum-image-ratio53 {
  padding-bottom: 60%;
}
.related-image a,
.alternate-product-image a,
.category-product-image a,
.news-picture a,
.list-item-datum-image a {
  position: absolute;
  width: 100%;
  height: 100%;
}
.related-image a img,
.alternate-product-image a img,
.category-product-image a img,
.news-picture a img,
.list-item-datum-image a img {
  width: auto;
  /* overrides the width specified in image attribute this works in combination with the img rules to force the 5:3 image aspect ratio */
}
/* end forced 5:3 image aspect ratio with responsiveness */
.news-picture a {
  border: 1px solid transparent;
  text-align: center;
}
.news-picture a img {
  height: 100%;
}
.category-product-image a {
  text-align: center;
}
.alternate-product-image a {
  text-align: center;
}
.related-image a:before,
.alternate-product-image a:before,
.category-product-image a:before,
.news-picture a:before {
  content: '';
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
.related-image,
.alternate-product-image,
.middle-left > img,
.news-picture,
.relatedProductPic {
  border: 1px solid transparent;
  overflow: hidden;
}
@media (min-width: 768px) {
  .related-image a:before,
  .alternate-product-image a:before,
  .category-product-image a:before,
  .news-picture a:before {
    content: none;
  }
}
/*
 * ============================================================================
 *  FEATURE IMAGES
 *
 *   Images in featured content.
 * ============================================================================
 */
.large-feature .one-column img {
  width: 100%;
}
.side-column .small-feature .middle-left > img,
.side-column .small-feature .related-image {
  width: 95%;
}
/*
 * ============================================================================
 *  SUBCATEGORY IMAGES
 * ============================================================================
 */
.category-items-image {
  text-align: center;
  padding: 10px;
  line-height: 125px;
  margin-bottom: 10px;
}
/*
 * ============================================================================
 *  NEWS IMAGES
 *
 *   Images related to articles.
 * ============================================================================
 */
.blog-small-style .youtube-player,
.blog-small-style .news-picture {
  margin-top: 5px;
}
/*
 * ============================================================================
 *  STORE IMAGES
 *
 *   Images related to the store.
 * ============================================================================
 */
/*
     * ============================================================================
     *  CATEGORY
     * ============================================================================
     */
.minicart-image,
.alternate-product-image,
.category-items-image,
.category-product-image {
  border: 1px solid transparent;
  overflow: hidden;
}
.category-product-image a:before {
  content: '';
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
.category-product-image a img {
  padding: 0;
  /*padding: 3%;*/
  max-height: 100%;
  max-width: 100%;
  height: 100%;
}
/*
     * ============================================================================
     *  PRODUCT
     * ============================================================================
     */
/*
.product_browse-items .category-product-image {
    float: left;
    margin-bottom: 31px;
    padding: 0;
    width: auto;
}
*/
.minicart-image {
  /*TL padding: 5px;*/
  padding: 0;
  border: none !important;
  background-color: #FFFFFF;
}
.upsell .related-image a {
  text-align: center;
}
/*
 * ============================================================================
 *  UNIFIED LIST IMAGES
 *
 *   Images in lists.
 * ============================================================================
 */
.list-item-datum-image {
  border: 1px solid transparent;
  overflow: hidden;
}
.list-item-datum-image a {
  text-align: center;
}
.list-item-datum-image a:before {
  content: '';
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
.list-item-datum-image a img {
  padding: 0;
  /*padding: 3%;*/
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  background-color: #DADCE0;
}
/*** --- MEDIUM/MID LEVEL --- ***/
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 * HEADER
 *
 *  Styles everything in the header excluding the main navigation which is
 *      is styled in navigation.css
 *
 *   (Ninja tip #27: Hiding in boxes does not work. Do not bring boxes with you
 *      on a mission.)
 * ============================================================================
 */
.header {
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 12px;
}
/*
 * ============================================================================
 *  HEADER TOP BAR
 *
 *   Bar that holds the alt navigation which includes the site links and
 *      search bar.
 * ============================================================================
 */
.quick-nav {
  IApadding: 10px 0;
  padding: 0;
  text-align: right;
}
.quick-nav .nav-links,
.site-search,
.site-top-bar {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
body.sui-sf-feature-top-bar-flex--enabled .quick-nav {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  text-align: left;
}
body.sui-sf-feature-top-bar-flex--enabled .site-top-bar {
  order: 1;
  flex-grow: 1;
}
body.sui-sf-feature-top-bar-flex--enabled .quick-nav .nav-links {
  order: 2;
  flex-grow: 0;
}
body.sui-sf-feature-top-bar-flex--enabled .site-search {
  order: 3;
  flex-grow: 0;
}
.quick-nav .nav-links {
  kmmpadding-top: 6px;
}
.quick-nav .sui-microcart-widget__label {
  font-size: 12px;
  color: #333;
}
.quick-nav .sui-microcart-widget__count {
  margin-left: 5px;
  color: #333;
  font-weight: bold;
}
.quick-nav .sui-microcart-widget__count::before {
  content: '(';
  display: inline-block;
}
.quick-nav .sui-microcart-widget__count::after {
  content: ')';
  display: inline-block;
}
.top-site-bar {
  IAborder-bottom: 1px solid #F2F2F2;
  border-bottom: 1px solid #d7d7d7;
}
.nav-links > div {
  float: left;
}
.nav-links a {
  float: left;
  text-transform: capitalize;
  padding: 3px 6px;
  color: #d7d7d7;
  font-size: 1em;
}
.nav-links a:hover {
  color: #252a35;
}
.nav-links .general-links,
.nav-links .cart-checkout {
  display: none;
}
/* Don't know if this goes here...but... */
/*
.my-account .myAccountLogout {
    font-weight:700;
}
*/
.my-account .myAccountLogout:empty {
  display: none;
  /*TL*/
}
.site-search {
  padding-top: 0px;
  padding-left: 6px;
  width: 145px;
}
.site-search form {
  margin: 0;
  border-left: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  IAbackground-color: #F4F4F4;
  background-color: #FAFAFA;
  height: 24px;
}
input.search-text {
  border: none;
  background-color: transparent;
  IApadding: 1px;
  padding: 6px;
  margin: 0;
  vertical-align: top;
  height: 100%;
  font-size: 0.8em;
}
.search-button {
  border: none;
  background-color: transparent;
  background-image: url("../../resources/images/img-search.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  margin: 0 5px;
  padding: 1px;
  height: 100%;
}
.store-microcart .microcart.sui-microcart-widget {
  float: left;
  text-transform: capitalize;
  padding: 3px 6px;
  /*color: #afafaf;*/
  font-size: 0.8em;
  cursor: pointer;
}
.list-microcompare-list .microcompare-list {
  float: left;
  text-transform: capitalize;
  padding: 3px 6px;
  /*color: #afafaf;*/
  font-size: 0.8em;
  cursor: pointer;
}
.quick-nav .microcompare-list__items-count-label {
  margin-left: 5px;
  color: #333;
  font-weight: bold;
}
.quick-nav .microcompare-list__items-count-label::before {
  content: '(';
  display: inline-block;
}
.quick-nav .microcompare-list__items-count-label::after {
  content: ')';
  display: inline-block;
}
@media (min-width: 483px) {
  .nav-links .navigation {
    display: block;
  }
  .site-search {
    width: auto;
  }
  input.search-text {
    IAidth: 125px;
    width: 160px;
  }
  .search-button {
    height: 100%;
    width: 16px;
    background-image: url("../../resources/images/img-search.png");
    visibility: visible;
    left: 0;
  }
}
.top-site-header > .content-wrapper {
  padding: 15px 0 0 0;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .nav-links a {
    font-size: 0.8em;
  }
  /*.nav-links .general-links {
        display: inline;
    }*/
}
@media (max-width: 1028px) {
  .site-header .content-wrapper {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .top-site-header > .content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
/*
 * ============================================================================
 *  SITE HEADER
 *
 *   Logo, wysiwyg and navigation container.
 * ============================================================================
 */
/* stacked */
.site_header-stacked {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.site_header-stacked .site-logo {
  order: 1;
  width: 20%;
}
.site_header-stacked .site-header {
  order: 2;
  width: 80%;
}
.site_header-stacked .primary-nav {
  order: 3;
  width: 100%;
}
/* stacked no logo */
.site_header-stacked.site_header-logo_empty .site-logo {
  width: 0%;
}
.site_header-stacked.site_header-logo_empty .site-header {
  width: 100%;
}
/* stacked mobile */
@media screen and (max-width: 767px) {
  .site_header-stacked .site-logo {
    width: 100%;
  }
  .site_header-stacked .site-header {
    width: 100%;
  }
  .site_header-stacked .primary-nav {
    width: 100%;
  }
}
/* inline */
.site_header-inline {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.site_header-inline .site-logo {
  order: 1;
  width: 20%;
}
.site_header-inline .site-header {
  order: 2;
  width: 20%;
}
.site_header-inline .primary-nav {
  order: 3;
  width: 60%;
}
/* inline no logo */
.site_header-inline.site_header-logo_empty .site-logo {
  width: 0%;
}
.site_header-inline.site_header-logo_empty .site-header {
  width: 40%;
}
/* inline no content */
.site_header-inline.site_header-content_empty .site-logo {
  width: 40%;
}
.site_header-inline.site_header-content_empty .site-header {
  width: 0%;
}
/* inline no logo & no content */
.site_header-inline.site_header-logo_empty.site_header-content_empty .site-logo {
  width: 0%;
}
.site_header-inline.site_header-logo_empty.site_header-content_empty .site-header {
  width: 0%;
}
.site_header-inline.site_header-logo_empty.site_header-content_empty .primary-nav {
  width: 100%;
}
/* inline mobile */
@media screen and (max-width: 767px) {
  .site_header-inline {
    flex-wrap: wrap;
  }
  .site_header-inline .site-logo {
    width: 100%;
  }
  .site_header-inline .site-header {
    width: 100%;
  }
  .site_header-inline .primary-nav {
    width: 100%;
  }
  /* inline mobile no logo */
  .site_header-inline.site_header-logo_empty .site-logo {
    width: 0%;
  }
  .site_header-inline.site_header-logo_empty .site-header {
    width: 100%;
  }
  .site_header-inline.site_header-logo_empty .primary-nav {
    width: 100%;
  }
  /* inline mobile no content */
  .site_header-inline.site_header-content_empty {
    flex-wrap: nowrap;
  }
  .site_header-inline.site_header-content_empty .site-logo {
    width: 50%;
  }
  .site_header-inline.site_header-content_empty .site-header {
    width: 0%;
  }
  .site_header-inline.site_header-content_empty .primary-nav {
    width: 50%;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 * ABOVE THE FOOTER
 *
 *  The (usually) empty container above the footer.
 *
 *   (Ninja rule #1: If you get spotted, you're no longer a ninja.)
 * ============================================================================
 */
.above-the-footer .content-wrapper:not(:empty) {
  padding-top: 15px;
  padding-bottom: 15px;
}
/*
 * ============================================================================
 *  FOOTER
 * ============================================================================
 */
.site-footer {
  /*color: #FFFFFF;
    background-color: #1c1c1c;*/
  color: #000;
  background: #fff;
}
.site-footer > .content-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
}
.site-footer a {
  /*color: #fff;*/
  color: #000;
}
.disable-responsiveness.site-link {
  IWAheight: 1rem;
  height: 0 !important;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  BREADCRUMB
 *
 *  (Humanity tip #3: Beware the zombie bunnies. Or just zombies in general.)
 * ============================================================================
 */
.top-page-bar .content-wrapper,
.top-page-bar .content-wrapper a,
.top-page-bar .content-wrapper .divider {
  font-size: 1.1rem;
}
.top-page-bar > .content-wrapper::after {
  clear: both;
}
#system-search .page-buttons,
#sitemap .page-buttons {
  float: right;
}
/* Landscape phone to portrait tablet */
@media (min-width: 768px) {
  .breadcrumb-bar a {
    display: inline;
  }
}
@media (max-width: 1028px) {
  .page-buttons {
    display: none;
  }
}
/*
 * ============================================================================
 *  BREADCRUMB TRAIL
 * ============================================================================
 */
@media (min-width: 1029px) {
  .breadcrumb-bar {
    float: left;
  }
}
.divider {
  padding: 0 5px;
}
/*
 * ============================================================================
 *  SOCIAL BUTTONS
 * ============================================================================
 */
.page-buttons {
  text-align: right;
  float: right;
  /*IWAwidth: 300px;
    width: 50%;*/
}
.page-buttons .print-this-page {
  display: none;
}
.page-buttons .social-buttons {
  display: inline-block;
}
.page-buttons > span > span > * {
  margin-left: 5px;
}
.print-this-page,
.facebook-like-button,
.twitter-tweet-button {
  margin-left: 10px;
}
.print-this-page {
  float: right;
  margin-top: 2px;
}
.print-this-page a {
  vertical-align: top;
}
.facebook-like-button {
  display: inline-block;
  width: 135px;
  float: left;
  display: block;
}
.twitter-tweet-button iframe {
  max-width: 80px;
}
.fb_iframe_widget:not([layout="standard"]) {
  kmmmax-width: 71px;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  GENERAL
 *
 *   (Ninja rule #5: Wear a mask under your mask. And a mask under that one too.)
 * ============================================================================
 */
.pager,
.sort_bar {
  /*background-color: #f5f5f5;*/
  padding: 6px;
}
@media (min-width: 768px) {
  .pager,
  .sort_bar {
    padding: 14px 10px;
  }
}
/*
 * ============================================================================
 *  PAGER
 * ============================================================================
 */
.pager {
  background: none;
  margin: 0;
  text-align: right;
}
.pager div {
  display: inline;
}
.pager-link,
.pager b {
  padding: 0 0 0 6px;
}
.pager a {
  border: solid 1px #d7d7d7;
  border-radius: 0.2rem;
  color: #7d7d7d;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.5rem 0.9rem;
}
.pager b {
  color: #fdfdfd;
  background-color: #cacaca;
  border: solid 1px #cacaca;
  padding: 0.5rem 0.9rem;
  border-radius: 0.2rem;
  display: inline-block;
}
@media (max-width: 767px) {
  .pager {
    font-size: 0.9em;
    background: none;
  }
}
/*
 * ============================================================================
 *  SORT BAR
 * ============================================================================
 */
.sort_bar {
  background-color: #f5f5f5;
  display: none;
  overflow: hidden;
}
.sort_bar-item.active a {
  background: none !important;
  color: #252a35;
  font-weight: normal;
  text-decoration: none;
  IWAtext-decoration: none;
}
.sort_bar .sort_bar-item {
  margin-left: 15px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.sort_bar-item.current {
  color: #252a35;
  /*font-weight: normal;*/
  font-weight: 600;
}
.sort_bar-item:first-child {
  margin-left: 0;
}
.sortbar ul li:first-child:not(.current):before {
  content: 'Sort By: ';
}
/*IWA*/
li.sort_bar-item.current {
  border-right: 1px solid #DEDEDE;
  padding-right: 15px;
}
/*
     * ============================================================================
     *  STORE
     * ============================================================================
     */
.store-sortbar .sort_bar {
  display: block;
  margin-bottom: 0;
}
.store-sortbar + .subcategory-table .pager:nth-of-type(1) {
  width: auto;
}
@media (min-width: 768px) {
  .store-sortbar .sort_bar {
    kmmpadding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .sort_bar-item,
  .sort_bar-item a,
  .sortbar ul li:first-child:not(.current):before {
    font-size: 0.9em;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  RATINGS
 *
 *   Rules for the poll widget rating system.
 *
 *   (Pirate rule #923: Eyepatches, hooks, and wooden legs are reserved for
 *      for veteran members.)
 * ============================================================================
 */
.user-inputs .poll {
  margin-top: 20px;
}
.poll-widget-star h3,
.rating-controls label {
  display: none;
}
.rating-cancel {
  display: none !important;
}
/*IWA
div.star-rating a {
    background: url("../../../resources/images/star.png") no-repeat scroll transparent;
}
*/
div.star-rating a {
  background-image: url("../../resources/images/star.png");
}
.star-rating:not(.star-rating-readonly):hover a {
  background-position: 0 -32px !important;
}
.star-rating-control {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
.rating-controls,
.rating-label,
.rating-message {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.rating-message {
  display: none;
}
.rating-label {
  margin: 0 3px;
}
.rating-votes {
  display: inline-block;
}
.rating-votes strong::before {
  content: '(';
}
.rating-votes strong::after {
  content: ')';
}
.rating-votes span {
  display: none;
}
.rating-link .rating-controls div.star-rating-readonly a {
  cursor: pointer;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  MAIN NAVIGATION
 *
 *   Main navigation (at the top of the site) is in 1 of either 2 states.
 *      Regular dropdown menu when >= 768px.
 *      Collapsible menu when < 768px.
 *      Flyout was not used/stylized in this template.
 *
 *   This is mainly controlled by bootstrap.
 *
 *   (Ninja Trick #12: Turn 180 degrees and now you can walk the other way.)
 * ============================================================================
 */
.navbar {
  margin-bottom: 0;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 1.5rem;
}
.navbar a {
  font-size: 1.5rem;
}
.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  max-height: none;
}
.navbar .navbar-brand {
  display: none;
}
.navbar .nav li a {
  overflow: hidden;
  text-shadow: none;
  text-transform: capitalize;
}
.navbar .nav > li > a {
  padding: 10px 33px 10px 0;
}
.dropdown-menu > li > a {
  padding: 8px 28px 11px 20px;
}
.dropdown-menu > li > a,
.dropdown-menu > li > a > strong {
  color: #000;
}
/*IWA*/
.dropdown-menu > li > a:hover > strong {
  color: #262626;
}
.dropdown-menu > .active > a,
.navbar-collapse .dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #f5f5f5;
  color: #262626;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #f5f5f5;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
  background: white;
}
/*
.frontpage .navbar-collapse .dropdown-submenu a {
    color: #fff;
}

.frontpage .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    background: #f5f5f5;
}
*/
.dropdown-menu > li > a:focus {
  color: #252a35;
  background: #f5f5f5;
}
/*
.frontpage .navbar-collapse .dropdown-submenu li a {
    color:#fff;
    background: transparent;
}
*/
div.page-wrapper > header > nav > div > div > div.navbar-collapse.collapse > ul > li.dropdown.active > ul > li.dropdown-submenu.active > a {
  color: #252a35;
}
div.page-wrapper > header > nav > div > div > div.navbar-collapse.collapse > ul > li.dropdown.active > ul > li.dropdown-submenu.active > a {
  color: #252a35 !important;
}
.dropdown-menu:not(.dropdown-submenu) > li > a > strong {
  color: #252a35;
}
.dropdown-menu.open:not(.dropdown-submenu li a strong) > li .active:not(.dropdown-menu.open li a) > a > strong {
  color: #000;
}
.dropdown-menu.open .active:not(.dropdown-submenu) a strong {
  /*color:#fff;*/
  color: inherit;
}
.dropdown-menu.open .active:not(.dropdown-submenu) a:hover strong {
  color: #252a35;
}
.dropdown-menu li .dropdown-menu.open a strong {
  color: #fff;
}
.dropdown-menu.open:not(.dropdown-menu li .dropdown-menu.open a strong) a strong {
  color: #000;
}
/*** IWA end***/
/*
@media (min-width: @shout-screen-sm-min) {
    .navbar-nav {
        float: right;
    }
}
*/
@media screen {
  .navbar {
    IWAfont-size: 1em;
    font-size: 1.1em;
  }
}
@media (max-width: 767px) {
  .navbar {
    min-height: 0;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
  }
}
.xdropdown-menu > li > a:hover,
.xdropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
/*
 * Turn off active state for the home page link unless it is the current page
 */
@media (min-width: 768px) {
  .navbar .nav > li.active:first-child a {
    color: #333333;
    font-weight: normal;
  }
}
/*@media (min-width: @shout-screen-xs-min) {
    .page-content-wrapper > .section-wrapper:first-child > .content-wrapper:first-child {
    border-top: thin solid #EFEFEF;
    }
}*/
.navbar .nav > li.active.current:first-child a {
  color: #555555;
  font-weight: bold;
}
/*
 * ============================================================================
 *  DROPDOWN
 * ============================================================================
 */
.dropdown .dropdown-menu {
  background-color: #fff;
  border-radius: 0;
  font-size: 1em;
}
.active:not(.dropdown-submenu) > a {
  background: transparent;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu.sui-dropdown-submenu-negative-offset > a:before,
.dropdown-submenu > a:after {
  content: "";
  border: 4px solid transparent;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 0;
  vertical-align: middle;
  width: 0;
  border-left: 4px solid #000;
  margin-left: 10px;
}
.dropdown-submenu.sui-dropdown-submenu-negative-offset > a:before {
  border-left: none;
  border-right: 4px solid #000;
  margin-left: 0;
  margin-right: 10px;
}
.dropdown-submenu.sui-dropdown-submenu-negative-offset > a:after {
  border: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  font-weight: bold;
  box-shadow: none;
  background: none;
}
.dropdown-menu .dropdown > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: white;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu.open > a:after {
  border-top: 5px solid white;
  border-left: 5px solid transparent;
  margin-left: 5px;
  margin-top: 5px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background: transparent;
}
/* So that the dropdown navigation can be opened on hover */
/* Only desktops */
@media screen and (min-width: 768px) {
  .navbar-nav > .dropdown > .open.dropdown-menu,
  .dropdown-submenu > .open.dropdown-menu {
    display: block;
  }
  .dropdown > .dropdown-menu {
    transition-delay: 1s;
    /* Increase if dropdown menu is further away from the menu item */
  }
  .dropdown-submenu > .dropdown-menu {
    transition-delay: 0s;
  }
  .dropdown:hover > .dropdown-menu,
  .dropdown-submenu:hover > .dropdown-menu {
    transition-delay: 0;
  }
  .dropdown-menu .dropdown:hover > .dropdown-menu,
  .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
    background-color: orange;
    /* fallback for submenus with javascript disabled */
  }
  .dropdown-menu .dropdown.sui-dropdown-submenu-offset:hover > .dropdown-menu,
  .dropdown-menu .dropdown-submenu.sui-dropdown-submenu-offset:hover > .dropdown-menu {
    background-color: #fff;
  }
}
/*
 * ============================================================================
 *  COLLAPSIBLE
 * ============================================================================
 */
.navbar .navbar-btn:before {
  content: "Menu";
  color: #252A35;
  float: right;
  /*IWApadding-top: 3px;*/
  padding-top: 0;
  padding-right: 36px;
  transition: color 0.2s ease-in-out;
}
.navbar .navbar-btn:hover:before {
  color: #FFF;
}
.navbar .navbar-btn {
  margin: 0;
  border: none;
  background: none;
  width: 100%;
}
/*IWA*/
.navbar-toggle {
  padding: 10px 16px 9px 16px;
}
.navbar .navbar-btn:hover,
.navbar .navbar-btn:focus,
.navbar .navbar-btn:active,
.navbar .navbar-btn.active,
.navbar .navbar-btn.disabled,
.navbar .navbar-btn[disabled] {
  background-color: #252a35;
  border-radius: 0;
}
.navbar .navbar-btn .icon-bar {
  background-color: #000;
  IWAwidth: 34px;
  width: 25px;
  height: 3px;
  IWAmargin-top: 5px;
  IWAmargin: auto;
  margin-left: auto;
  transition: background-color 0.2s ease-in-out;
}
.navbar .navbar-btn .icon-bar:first-child {
  margin-top: 0;
}
.navbar .navbar-btn:hover .icon-bar {
  background-color: #fff;
}
.in .navbar-nav {
  /*padding-left: 24px;*/
  TALmax-width: 100%;
  /* IWA Requested this fix */
  max-width: none;
}
.navbar-nav .open .dropdown-menu {
  /*margin-left: 3%;*/
  /*border-bottom: 1px solid white;*/
  padding: 0;
  margin: 0;
}
.navbar-nav .open .dropdown-menu .dropdown > .dropdown-menu {
  display: block;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #000;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #252a35;
}
.navbar-default .navbar-nav > .dropdown:not(.active) > a .caret,
.navbar-default .navbar-nav > .dropdown:not(.active) > a:hover .caret {
  border-top-color: white;
  border-bottom-color: white;
}
.navbar-collapse .nav > li > a,
.navbar-collapse .dropdown-menu a {
  padding: 3px 12px;
  margin-top: 6px;
  color: #000;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #252a35 !important;
  background-color: #fff;
  font-weight: bold;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a > strong {
  border-radius: 0;
}
@media (max-width: 767px) {
  .navbar-collapse .navbar-nav .open > ul > .active:first-child > a,
  .navbar-collapse .navbar-nav .open > ul > .active:first-child > a:hover,
  .navbar-collapse .navbar-nav .open > ul > .active:first-child > a:focus {
    background-color: transparent;
    color: white;
  }
  .in .nav > .active:not(.open) > a,
  .in .nav > .active:not(.open) > a:hover {
    color: white !important;
  }
  .in.navbar-collapse {
    background-color: #797979;
  }
  .navbar-default .navbar-nav {
    padding: 0;
    margin: 0;
    text-align: left;
    float: none;
  }
  .navbar-default .navbar-nav > li > a {
    padding: 5px 15px;
  }
  .navbar-collapse .nav > li > a,
  .navbar-collapse .dropdown-menu a {
    margin-top: 0;
  }
  .in .nav > .active > a .caret,
  .in .nav > .active > a:hover .caret,
  .in .nav > .active > a:focus .caret {
    border-top-color: white;
    border-bottom-color: white;
  }
  .primary-nav .content-wrapper {
    IWApadding: 0;
    padding: 0;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
  }
  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    background-color: #e4e4e4;
    color: #252a35 !important;
  }
  .nav .open > a:hover {
    background-color: #252a35;
    color: #f5f5f5 !important;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    margin-left: -15px;
    margin-right: -15px;
    float: none;
  }
  .navbar-nav .open .dropdown-menu {
    margin-left: 0;
    border-bottom: none;
  }
  .navbar-nav > li {
    float: none;
    display: inline-block;
    text-align: left;
    vertical-align: top;
  }
  .in.navbar-collapse,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a > strong {
    /*IWAbackground-color: transparent;*/
  }
  .navbar-collapse .nav > li > a,
  .navbar-collapse .dropdown-menu a {
    padding: 9px 15px;
    margin-top: 0;
  }
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    color: #252a35;
  }
  .navbar-default .navbar-nav > .dropdown:not(.active) > a .caret,
  .navbar-default .navbar-nav > .dropdown:not(.active) > a:hover .caret {
    border-top-color: #252a35;
    border-bottom-color: #252a35;
  }
  .navbar-default .navbar-nav .caret {
    margin-left: 10px;
  }
}
/*
 * ============================================================================
 *  FLYOUT
 * ============================================================================
 */
/*
 * ============================================================================
 *  Sticky Navigation
 * ============================================================================
 */
@media (min-width: 768px) {
  .sticky-wrapper.is-sticky .primary-nav {
    margin: 0 auto;
    width: 100%;
    z-index: 999;
    position: absolute;
    /* opacity: 0.85; */
    background-color: #252a35;
  }
  .sticky-wrapper.is-sticky .primary-nav .navbar {
    background-color: transparent;
  }
  .sticky-wrapper.is-sticky .primary-nav .navbar-collapse {
    padding-top: 0;
  }
  .sticky-wrapper.is-sticky .primary-nav .navigation-first {
    margin: 0 auto;
  }
  .sticky-wrapper.is-sticky .primary-nav .navbar {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0;
  }
  .sticky-wrapper.is-sticky .primary-nav .navbar .nav > li.active:first-child a {
    color: #ffffff;
  }
  .sticky-wrapper.is-sticky .primary-nav a,
  .sticky-wrapper.is-sticky .primary-nav a strong,
  .sticky-wrapper.is-sticky .primary-nav .dropdown a {
    color: #ffffff;
  }
  .sticky-wrapper.is-sticky .primary-nav .dropdown a:hover {
    color: #252a35;
  }
  .sticky-wrapper.is-sticky .primary-nav a:hover {
    background-color: #e7e7e7;
  }
  .sticky-wrapper.is-sticky .primary-nav .caret {
    border-top-color: #FFFFFF !important;
    border-bottom-color: #FFFFFF !important;
  }
  .sticky-wrapper.is-sticky .primary-nav a:hover .caret {
    border-top-color: #252a35 !important;
    border-bottom-color: #252a35 !important;
  }
}
@media (max-width: 767px) {
  .sticky-wrapper.is-sticky .primary-nav {
    position: relative !important;
  }
}
@media (max-width: 768px) {
  .sticky-wrapper.is-sticky .primary-nav .navbar {
    min-height: 38px;
  }
}
@media (max-width: 768px) {
  .sticky-wrapper .navbar-collapse {
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*
 * ============================================================================
 *  Mobile Nav Changes (ZH 12/14/2017)
 * ============================================================================
 */
@media (max-width: 767px) {
  .navbar-nav a:hover {
    opacity: 1;
    filter: opacity(1);
    -moz-filter: opacity(1);
    -webkit-filter: opacity(1);
  }
  .dropdown-menu {
    padding: 0;
  }
  .nav .open > a:hover {
    color: #333 !important;
  }
  .navbar-nav .open .dropdown-menu {
    border-bottom: 1px solid #eee;
  }
  .navbar-nav .dropdown.open,
  .navbar-nav .dropdown-submenu.open {
    border-top: 1px solid #eee;
  }
  .navbar-nav .dropdown,
  .navbar-nav .dropdown-submenu {
    border-top: 1px solid transparent;
  }
  /*.navbar-default .navbar-nav > li > a {
        padding: 7px 15px;
    }*/
  .navbar-collapse .navbar-nav > li > a,
  .navbar-collapse .navbar-nav .dropdown-menu > li > a {
    padding: 10px 15px;
  }
  .primary-nav .dropdown-menu > li > a,
  .primary-nav .navbar-collapse .dropdown-menu a,
  .primary-nav .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
  }
  .navbar-default .navbar-form {
    background: #fff;
  }
  .navbar-default .navbar-collapse {
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 100;
  }
  .in .nav > .active:not(.open) > a,
  .in .nav > .active:not(.open) > a:hover {
    color: #333 !important;
  }
  .in .nav > .active > a .caret,
  .in .nav > .active > a:hover .caret,
  .in .nav > .active > a:focus .caret,
  .navbar-default .navbar-nav > .dropdown:not(.active) > a .caret,
  .navbar-default .navbar-nav > .dropdown:not(.active) > a:hover .caret {
    border-top-color: #333;
    border-bottom-color: #333;
  }
  .dropdown-submenu.sui-dropdown-submenu-negative-offset > a:before,
  .dropdown-submenu > a:after {
    border-left-color: #333;
    margin-left: 10px;
  }
  .dropdown-submenu.open > a:after {
    border-top-color: #333;
    margin-left: 10px;
  }
  .navbar-default .caret {
    margin-left: 10px;
  }
  .primary-nav .navbar-default .navbar-nav > .open > a,
  .primary-nav .navbar-default .navbar-nav > .open > a:hover,
  .primary-nav .navbar-default .navbar-nav > .open > a:focus {
    font-weight: bold !important;
    color: #333 !important;
  }
  .navbar-collapse .navbar-nav .open > ul > .active:first-child > a,
  .navbar-collapse .navbar-nav .open > ul > .active:first-child > a:hover,
  .navbar-collapse .navbar-nav .open > ul > .active:first-child > a:focus,
  .dropdown-menu.open .active:not(.dropdown-submenu) a strong {
    color: #333 !important;
  }
  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    background: transparent;
    font-weight: bold;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .dropdown .dropdown-menu,
  .navbar-default .dropdown-menu .dropdown-submenu.sui-dropdown-submenu-offset > .dropdown-menu,
  .navbar-default .dropdown-menu .dropdown-submenu.sui-dropdown-submenu-offset:hover > .dropdown-menu {
    background: transparent;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 7px 15px 7px 30px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    padding-left: 30px;
  }
  .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a {
    padding-left: 45px;
  }
  .navbar-nav .open .dropdown-submenu .dropdown-menu > li.dropdown-submenu .dropdown-menu > li > a {
    padding-left: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .navbar-default .navbar-collapse {
    position: absolute;
    z-index: 100;
    background: white;
  }
  .in.navbar-collapse {
    background-color: #ffffff;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  SECONDARY NAVIGATION
 *
 *   Navigation located in the side-column inside level 1 or below pages.
 *
 *   (Pirate rule #6: New pirates, stop trying to stretch your arms. It does not work.
 *      You have not eaten the Gomu Gomu fruit, so stop trying. Please.)
 * ============================================================================
 */
.side-nav {
  display: none;
}
.side-nav {
  font-size: 1.4rem;
}
.side-nav ul {
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
}
.side-nav ul li {
  border-bottom: 1px solid #E7E6E1;
  list-style: none;
}
.side-nav ul li a {
  padding: 10px 0;
  display: block;
}
.side-nav ul ul {
  padding: 0 0 0 20px;
}
.side-nav ul ul li {
  border-bottom: none;
}
.side-nav ul ul li a {
  padding: 7px 0;
}
/* Landscape phone to portrait tablet */
@media (min-width: 768px) {
  .side-nav {
    display: block;
  }
}
/*
 * ============================================================================
 *  IN-LINE NAVIGATION
 *
 *   Navigation located in the page, outside the side-column.
 * ============================================================================
 */
.category-items-title {
  text-align: center;
}
.category-items-title a {
  font-size: 1.17em;
  line-height: 1.35em;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  CAROUSEL
 *
 *   Carousel used in templates (mostly prominent on the frontpage).
 *      2 different carousels are currently in use.
 *      Anything slider and nivo slider.
 *
 *   (Pirate Tip #43: The pointy end is the end that hurts.)
 * ============================================================================
 */
.headline-carousel .content-wrapper > * {
  margin-bottom: 20px;
}
@media (max-width: 1028px) {
  .headline-carousel .content-wrapper > * {
    margin-top: 15px;
  }
}
@media (max-width: 482px) {
  .headline-carousel .related-image > div {
    background-size: contain;
    background-position: top center;
  }
}
.headline-carousel .anythingWindow {
  overflow: hidden;
}
.headline-carousel .related-image,
.headline-carousel .related-image img {
  border: none;
  height: auto !important;
  line-height: auto !important;
}
.headline-carousel img:hover {
  opacity: 1;
  filter: none;
  -moz-filter: none;
  -webkit-filter: none;
}
.headline-carousel .related-image > div {
  background-size: cover;
  width: 100% !important;
  background-position: center center;
}
.headline-carousel .middle-right {
  position: absolute;
  top: 0;
  height: 390px;
  background-color: #252a35;
  opacity: 0.9;
  /*padding: 7% 4%;*/
  padding: 15px 4%;
  left: 0;
}
.headline-carousel a,
.headline-carousel a:hover,
.headline-carousel .related-summary {
  color: #FFFFFF;
}
.headline-carousel .related-link,
.headline-carousel .arrow a {
  display: none;
}
.headline-carousel .related-summary {
  display: none;
}
@media (min-width: 483px) {
  /*IWA
    .headline-carousel .middle-right {
       max-width: 47%;
       left: 50%;
    }*/
  .headline-carousel .related-link {
    display: block;
  }
  .headline-carousel .related-summary {
    display: block;
  }
  .headline-carousel .arrow a {
    display: block;
  }
  .headline-carousel .related-link a {
    background-color: #3d4455;
    padding: 3px 3%;
    text-transform: uppercase;
    opacity: 1;
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .headline-carousel .middle-right {
    padding: 20px 4%;
    left: 65%;
    max-width: 30%;
  }
}
@media (max-width: 767px) {
  .headline-carousel .middle-right {
    top: 60%;
    height: 40%;
    width: 100%;
  }
}
/*
     * ============================================================================
     *  FULLSCREEN
     * ============================================================================
     */
.fullscreen-carousel .headline-carousel .related-title {
  background: #252a35;
  padding: 3% 4%;
}
.fullscreen-carousel .headline-carousel .related-summary {
  padding: 3% 4%;
  font-size: 0.8em;
}
@media (min-width: 483px) {
  .fullscreen-carousel .headline-carousel .middle-right {
    top: 25%;
  }
  .fullscreen-carousel .headline-carousel .related-summary {
    display: none;
  }
  .fullscreen-carousel .headline-carousel .related-link {
    border-top: 1px solid white;
    padding: 32px;
  }
  .fullscreen-carousel .headline-carousel .related-link a {
    background: transparent;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .fullscreen-carousel .headline-carousel .middle-right {
    top: initial;
    bottom: 0;
    width: 100%;
    left: 0;
    max-width: none;
  }
  .fullscreen-carousel .headline-carousel .related-summary {
    display: block;
  }
}
@media (min-width: 1029px) {
  .fullscreen-carousel .headline-carousel .middle-right {
    top: 40%;
    bottom: initial;
    left: 53%;
    max-width: 45%;
  }
  .fullscreen-carousel .headline-carousel .related-title {
    background: #FFF;
    opacity: 0.7;
    padding: 32px;
    margin: 0;
  }
  .fullscreen-carousel .headline-carousel .related-title a,
  .fullscreen-carousel .headline-carousel .related-title a:hover {
    color: black;
  }
  .fullscreen-carousel .headline-carousel .related-summary {
    padding: 32px;
  }
  .fullscreen-carousel .headline-carousel .related-link {
    display: none;
  }
}
/*
 * ============================================================================
 *  ANYTHING SLIDER
 *
 *   Carousel used for frontpages
 * ============================================================================
 */
.anythingSlider {
  height: 250px;
}
/* This solves a problem where the AnythingSlider uses the same fade class as bootstrap */
.anythingSlider .fade {
  opacity: 1;
}
@media (min-width: 483px) {
  .anythingSlider {
    height: 300px;
  }
}
@media (min-width: 1029px) {
  .anythingSlider {
    height: 390px;
  }
}
/*
     * ============================================================================
     *  CONTROLS
     *
     *   The controls to control the panel in the carousel.
     * ============================================================================
     */
.carousel-shoutcms .back {
  left: 5px;
}
.carousel-shoutcms .forward {
  right: 5px;
}
.carousel-shoutcms .anythingControls {
  bottom: -18px;
}
.carousel-shoutcms .anythingControls a {
  opacity: 1;
  position: static;
}
.carousel-shoutcms .anythingSlider .anythingControls a.cur,
.carousel-shoutcms .anythingSlider .anythingControls a:hover {
  background-color: #252A34;
}
.fullscreen-carousel .anythingControls {
  display: none !important;
}
/*
 * ============================================================================
 *  NIVO SLIDER
 *
 *   Carousel used in pages
 * ============================================================================
 */
.slider-wrapper .nivoSlider {
  height: 300px;
  margin-bottom: 0;
  background: none;
}
@media (min-width: 483px) {
  .slider-wrapper .nivoSlider {
    height: 390px;
  }
}
/*
     * ============================================================================
     *  PANEL
     *
     *   The panel seen in the slider.
     * ============================================================================
     */
.nivo-main-image {
  min-height: 100%;
}
.nivo-caption {
  top: 0;
  left: 0%;
  width: 100%;
  padding: 0% 4%;
  background-color: #252a35;
  opacity: 0.9;
}
.theme-default .nivo-caption {
  font-family: 'SourceSansPro';
}
.nivo-caption .related-title {
  padding-top: 30px;
  font-size: 1.5em;
}
.nivo-caption .related-summary {
  padding: 16px 0;
  font-size: 0.8em;
}
.nivo-caption .related-link {
  display: none;
}
@media (min-width: 483px) {
  .nivo-caption {
    left: 54%;
    width: 38%;
  }
  .nivo-caption .related-title {
    font-size: 0.8em;
  }
}
@media (min-width: 768px) {
  .nivo-caption .related-title {
    font-size: 1em;
  }
  .nivo-caption .related-link {
    display: block;
  }
}
@media (min-width: 1029px) {
  .nivo-caption {
    padding: 3% 4%;
    left: 64%;
    width: 30%;
  }
}
/*
     * ============================================================================
     *  CONTROLS
     *
     *   The controls to control the panel in the slider.
     * ============================================================================
     */
.slider-wrapper .nivo-controlNav {
  padding: 0;
  float: right;
  margin-top: 9px;
  margin-bottom: 6px;
}
.slider-wrapper .nivo-controlNav a {
  background-image: none;
  background-color: #D0D0D0;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin: 1px 2px;
}
.slider-wrapper .nivo-controlNav a.active {
  background-color: #252A35;
}
/*
 * ============================================================================
 *  Bootstrap carousel
 *
 * ============================================================================
 */
.gallery > .carousel p {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.carousel-caption.background--dark.background--complex .gallery-item-title,
.carousel-caption.background--dark.background--complex .gallery-item-caption,
.carousel-caption.background--light.background--complex .gallery-item-title,
.carousel-caption.background--light.background--complex .gallery-item-caption,
.carousel-caption.background--dark .gallery-item-title,
.carousel-caption.background--dark .gallery-item-caption,
.carousel-caption.background--light .gallery-item-title,
.carousel-caption.background--light .gallery-item-caption,
.carousel-caption.background--light .gallery-item-button,
.carousel-caption.background--dark .gallery-item-button,
.carousel-caption.background--light.background--complex .gallery-item-button,
.carousel-caption.background--dark.background--complex .gallery-item-button {
  background: transparent;
}
.carousel .carousel-caption {
  text-shadow: none;
  width: 100%;
  /*max-width: 1170px;*/
  left: 0;
  right: 0;
  padding: 15px 100px;
}
.carousel .carousel-caption .gallery-item-title,
.carousel .carousel-caption .gallery-item-caption,
.carousel .carousel-caption .gallery-item-button {
  padding: 10px 15px;
  line-height: 1.2em;
}
.carousel .carousel-caption .gallery-item-button a:hover {
  opacity: 1;
  filter: none;
  -moz-filter: none;
  -webkit-filter: none;
}
.carousel .carousel-caption .gallery-item-button .gallery-item-link-button {
  text-transform: none;
  transition: background 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out;
}
.carousel-control {
  z-index: 10;
  width: 100px;
}
.carousel-control .fa {
  left: 0;
  right: 0;
}
.carousel .item::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .carousel-control {
    width: 60px;
  }
  .carousel .carousel-caption {
    padding: 15px 60px;
  }
  .carousel .carousel-caption .gallery-item-title {
    font-size: 2em;
  }
  .carousel .carousel-caption .gallery-item-caption {
    font-size: 1.25em;
  }
}
@media (max-width: 482px) {
  .carousel-control {
    width: 30px;
  }
  .carousel .carousel-caption {
    padding: 15px 30px;
  }
}
@media (min-width: 768px) {
  .carousel .carousel-caption .gallery-item-title {
    font-size: 2.5em;
  }
  .carousel .carousel-caption .gallery-item-caption {
    font-size: 1.5em;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  GALLERY
 *
 *   Gallery section. The galleries themselves are responsive.
 *      This is mostly just initial settings and styling of old deprecated galleries.
 *
 *   (Ninja Tip #69: If you have a chance to be Batman, always be Batman. Cause then
 *      then you'd be ninja Batman and that's just crazy. )
 * ============================================================================
 */
/*
 * ============================================================================
 *  DEPRECATED GALLERIES
 * ============================================================================
 */
/*
 * ============================================================================
 *  DEPRECATED GALLERIES
 * ============================================================================
 */
.sgal-controls {
  opacity: 1;
}
.sgal-title-text,
.sgal-caption-text {
  display: none;
}
#sgal-external-viewer,
.sgal-thumbnails td {
  background-color: #fff;
}
.caption-info,
.caption-content {
  display: none;
}
/*
     * ============================================================================
     *  THUMBNAIL GALLERY
     * ============================================================================
     */
.sgal-thumbnails td {
  border-width: 0;
}
/*
     * ============================================================================
     *  SLIDE AND EXTERNAL GALLERY
     * ============================================================================
     */
.sgal-slide-panel,
.sgal-slide-container,
#sgal-external-viewer {
  height: 187px;
}
.product-default .sgal-product table,
.product-default .sgal-product tbody,
.product-default .sgal-product tr,
.product-default .sgal-product td {
  display: block;
}
#sgal-external-viewer {
  width: 100% !important;
}
@media (min-width: 483px) {
  .sgal-slide-panel,
  .sgal-slide-container,
  #sgal-external-viewer {
    height: 290px;
  }
}
@media (min-width: 768px) {
  .with-sidebar .sgal-slide-panel,
  .with-sidebar .sgal-slide-container,
  .with-sidebar #sgal-external-viewer {
    height: 359px;
    width: 538px;
  }
  .fullwidth .sgal-slide-panel,
  .fullwidth .sgal-slide-container,
  .fullwidth #sgal-external-viewer {
    height: 475px;
    width: 720px;
  }
}
@media (min-width: 1029px) {
  .with-sidebar .sgal-slide-panel,
  .with-sidebar .sgal-slide-container,
  .with-sidebar #sgal-external-viewer {
    height: 304px;
    width: auto;
  }
  .fullwidth .sgal-slide-panel,
  .fullwidth .sgal-slide-container,
  .fullwidth #sgal-external-viewer {
    height: 475px;
    width: auto;
  }
}
.shout-gallery-list_50_50 {
  /* begin forced 3:2 image aspect ratio with responsiveness
     * @see: http://www.fredparke.com/blog/css-padding-trick-responsive-intrinsic-ratios
     * @see: http://www.sitepoint.com/maintain-image-aspect-ratios-responsive-web-design/
     */
}
.shout-gallery-list_50_50 .sgal-thumbnail-item {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 15px;
}
.shout-gallery-list_50_50 .sgal-thumbnail-item:before,
.shout-gallery-list_50_50 .sgal-thumbnail-item:after {
  content: " ";
  display: table;
}
.shout-gallery-list_50_50 .sgal-thumbnail-item:after {
  clear: both;
}
.shout-gallery-list_50_50 .sgal-thumbnail-image {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.shout-gallery-list_50_50 .sgal-caption {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.shout-gallery-list_50_50 .sgal-caption .sgal-title-text {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
}
.shout-gallery-list_50_50 .sgal-caption .sgal-caption-text {
  display: block;
}
.shout-gallery-list_50_50 .sgal-thumbnail-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 67%;
  /* images should have a 3:2 aspect ratio */
  height: 0px;
  /* iphone fix so that the height is normalized with other devices */
  /*IWA*/
  clear: both;
}
.shout-gallery-list_50_50 .sgal-thumbnail-wrapper-ratio32 {
  padding-bottom: 67%;
  /* images should have a 3:2 aspect ratio */
}
.shout-gallery-list_50_50 .sgal-thumbnail-wrapper-ratio23 {
  padding-bottom: 150%;
  /* images should have a 2:3 aspect ratio */
}
.shout-gallery-list_50_50 .sgal-thumbnail-link {
  position: absolute;
  width: 100%;
  height: 100%;
}
.shout-gallery-list_50_50 .sgal-thumbnail {
  width: auto;
  /* overrides the width specified in image attribute this works in combination with the img rules to force the 3:2 image aspect ratio */
}
.galleria-container {
  max-height: 100%;
}
/*
 * ============================================================================
 *  CURRENT GALLERIES (RESPONSIVE)
 * ============================================================================
 */
/*
     * ============================================================================
     *  GALLERIA FOLIO (THUMBNAIL)
     * ============================================================================
     */
.shout-gallery-galleria-shoutcmsfolio .galleria-thumbnails {
  max-width: 100%;
}
/* default gallery thumbnail display */
.shout-gallery-galleria-shoutcmsfolio .galleria-image {
  width: 23%;
  /* IE8 or below */
  /* margin-right => 10px */
  width: -o-calc(24.994% - 10px);
  width: calc(24.994% - 10px);
}
/* fullwidth gallery thumbnail display */
.fullwidth .shout-gallery-galleria-shoutcmsfolio .galleria-image {
  width: 15%;
  /* IE8 or below */
  /* margin-right => 10px */
  width: -o-calc(16.664% - 10px);
  width: calc(16.664% - 10px);
}
/* gallery thumbnail display for products */
.product-default.with-sidebar .shout-gallery-galleria-shoutcmsfolio .galleria-image,
.product-default.fullwidth .shout-gallery-galleria-shoutcmsfolio .galleria-image {
  width: 30%;
  /* IE8 or below */
  /* margin-right => 10px */
  width: -o-calc(33.332% - 10px);
  width: calc(33.332% - 10px);
}
/* side by side gallery thumbnail display */
.page.side_by_side .shout-gallery-galleria-shoutcmsfolio .galleria-image {
  width: 46%;
  /* IE8 or below */
  /* margin-right => 10px */
  width: -o-calc(49.988% - 10px);
  width: calc(49.988% - 10px);
}
/*
     * ============================================================================
     *  GALLERIA MINIMAL
     * ============================================================================
     */
.shout-gallery-galleria-miniml .galleria-container:not(.fullscreen) {
  IWAmax-height: 450px;
}
.galleria-thumbs:not(.fullscreen),
.galleria-fs:not(.fullscreen) {
  background-size: 12px;
  width: 12px;
  height: 12px;
}
.galleria-thumbs:not(.fullscreen) {
  padding-left: 2%;
}
.galleria-fs:not(.fullscreen) {
  padding-left: 1%;
}
.galleria-play.pause {
  background-position: 50% -89px !important;
}
/*
     * ============================================================================
     *  GALLERIA AZUR
     * ============================================================================
     */
.shout-gallery-galleria-azur .galleria-container:not(.fullscreen) {
  IWAmax-height: 450px;
}
.galleria-thumbnails .galleria-image {
  opacity: 1;
}
.galleria-container.light .galleria-bar:not(.fullscreen) {
  border: none;
}
.galleria-container.light .galleria-fullscreen:not(.fullscreen),
.galleria-container.light .galleria-play:not(.fullscreen) {
  height: 100%;
  border: none;
}
.galleria-image.galleria-container img {
  width: 100% !important;
  height: 100% !important;
}
.galleria-container.light .galleria-thumbnails .galleria-image.active,
.galleria-container.light.notouch .galleria-thumbnails .galleria-image.active:hover {
  background: rgba(160, 160, 160, 0.4);
}
.galleria-play:not(.fullscreen),
.galleria-fullscreen:not(.fullscreen) {
  background-position: 50% 11px;
}
.galleria-container.light .galleria-thumb-nav-right {
  right: 0;
}
.galleria-thumbnails-container {
  right: 0px;
}
.galleria-container.light .galleria-info {
  color: #fff;
  background: url(responsive/bg.png) rgba(0, 0, 0, 0.69);
}
.galleria-info-description {
  opacity: 0.9;
}
.gallery .content-wrapper > div {
  border-bottom: 1px solid #FAF9F9;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
/*
     * ============================================================================
     *  LIST
     * ============================================================================
     */
.shout-gallery-list_gallery .sgal-thumbnail-item {
  margin-bottom: 25px;
}
.shout-gallery-list_gallery img {
  border-width: 0;
}
.shout-gallery-list_gallery .sgal-caption {
  /*text-align: center;*/
}
.shout-gallery-list_gallery .sgal-title-text {
  display: block;
  font-weight: bold;
  margin: 10px 0 5px 0;
}
.shout-gallery-list_gallery .sgal-caption-text {
  display: block;
}
.shout-gallery-list_gallery .sgal-thumbnail {
  margin: 0;
}
.galleria-container.touch.galleria-theme-shoutcmsazur .galleria-image-nav-right,
.galleria-container.touch.galleria-theme-shoutcmsazurlarge .galleria-image-nav-right {
  right: 0;
  transition: opacity 0.2s ease-in, right 0.2s ease-in;
}
.galleria-container.touch.galleria-theme-shoutcmsazur .galleria-image-nav-left,
.galleria-container.touch.galleria-theme-shoutcmsazurlarge .galleria-image-nav-left {
  left: 0;
  transition: opacity 0.2s ease-in, left 0.2s ease-in;
}
.galleria-container.touch.galleria-theme-shoutcmsazur:hover .galleria-image-nav-right,
.galleria-container.touch.galleria-theme-shoutcmsazurlarge:hover .galleria-image-nav-right {
  opacity: 1;
  right: 20px;
}
.galleria-container.touch.galleria-theme-shoutcmsazur:hover .galleria-image-nav-left,
.galleria-container.touch.galleria-theme-shoutcmsazurlarge:hover .galleria-image-nav-left {
  opacity: 1;
  left: 20px;
}
.galleria-container.galleria-theme-shoutcmsminiml.fullscreen {
  background: #fff;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  EDITOR
 *
 *   Some editor container styling.
 *
 *   (Superhero Tip #23: While saving the day, the more buildings you destroy
 *      leads to a bigger score.)
 * ============================================================================
 */
.editor-content {
  line-height: 1.5em;
  font-size: 1.6rem;
  /* 1.143em */
}
.editor-content a {
  font-size: inherit;
}
.top-page-bar .content-wrapper {
  kmmborder-top: thin solid #EFEFEF;
  padding-top: 10px;
  padding-bottom: 10px;
}
/*
.page-content-wrapper > .section-wrapper:first-child > .content-wrapper:first-child {
    border-top: thin solid #EFEFEF;
}
*/
/*
 * ============================================================================
 *  Page content paragraph margins (feature controlled)
 *
 * ============================================================================
 */
.sui-sf-f--p-margins .editor-content p,
.sui-sf-f--p-margins.editor-content p {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.sui-sf-f--p-margins .editor-content p:last-child,
.sui-sf-f--p-margins.editor-content p:last-child {
  margin-bottom: 0;
}
/*
// ajacent p tags get a margin
.@{shout-class_prefix-feature}--p-margins .editor-content p
{
    margin-top: 0;
    margin-bottom: 0;
}

.@{shout-class_prefix-feature}--p-margins .editor-content p + p
{
    margin-top: 1rem;
}
 */
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  BANNERS
 *
 *   General rules affecting banners on the site.
 *
 *      (Superhero Tip #921: Go for the eyes! Always go for the eyes.)
 * ============================================================================
 */
.side-banners {
  display: none;
}
.side-banners > .content-wrapper {
  padding: 20px 0;
}
.banner-zone a {
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-align: center;
}
.banner-zone a img {
  margin: 5px 0;
  text-align: center;
}
.adsbygoogle {
  max-width: 100%;
  width: 300px;
  height: 50px;
}
.top-of-website .adsbygoogle,
.above-the-footer .adsbygoogle {
  width: 1200px;
}
.frontpage .side-banners {
  display: none !important;
}
@media (min-width: 483px) {
  .adsbygoogle {
    height: 60px;
  }
}
/* Landscape phone to portrait tablet */
@media (min-width: 768px) {
  .side-banners {
    display: block;
  }
  .adsbygoogle {
    height: 90px;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  FEATURES
 *
 *   Rules for featured content.
 *
 *      (Pirate Tip #193: Swimming with the fishes is not a good idea.)
 * ============================================================================
 */
/* kmm
.blog-small-style .middle .middle-left {
    height: auto !important;
    min-height: 0 !important;
}

.blog-small-style .middle .middle-center,
.blog-small-style .middle .middle-right {
    width: auto !important;
    float: none !important;
    margin: 0;
}
 */
.related-summary {
  line-height: 1.5em;
  margin: 0 0 10px;
}
.related-link {
  line-height: 2em;
}
.fullwidth-feature > .content-wrapper {
  padding: 0;
  max-width: 100%;
}
.fullwidth-feature .layout-grid,
.fullwidth-feature .layout-grid-row {
  padding-bottom: 0;
}
.full-feature.one-column.blog-fullwidth-style .cell > .middle > .middle-left,
.full-feature.one-column.blog-large-style .cell > .middle > .middle-left {
  width: 1170px;
  max-width: 100%;
  margin: 0 auto;
  float: none;
}
.fullwidth-feature .full-feature {
  margin: 20px 0;
}
.fullwidth-feature .related-title,
.fullwidth-feature .related-summary {
  max-width: 800px;
}
.fullwidth-feature .related-summary {
  margin: 0;
}
.fullwidth-feature .related-link {
  margin: 10px 0 0 0;
}
/*
 * ============================================================================
 *  MAIN-COLUMN FEATURES
 *
 *   Rules affecting features located in the main column. These are the
 *      medium and large features.
 * ============================================================================
 */
@media (min-width: 483px) {
  .main-column .one-column .related-title {
    margin-top: 0;
  }
}
/*
 * ============================================================================
 *  SIDE-COLUMN FEATURES
 *
 *   Rules affecting features located in the side column. These are the
 *      small and list features.
 * ============================================================================
 */
@media (min-width: 768px) {
  .side-column .related-title {
    margin: 0;
  }
  .side-column .related-title a {
    font-size: 0.9em;
    line-height: 1em;
    vertical-align: top;
  }
  .side-column .related-summary {
    margin-top: 6px;
  }
  .side-column .small-feature .middle-left {
    width: 40%;
    float: left;
  }
  .side-column .small-feature .middle-right .related-title {
    vertical-align: top;
  }
  .side-column .small-feature .layout-grid-row {
    min-height: 100px;
  }
  .list-feature.section-wrapper.sub-section-wrapper.relation > div > div {
    IWAmargin-top: 15px;
    margin-top: 15px;
  }
}
.side-column .small-feature .layout-grid > .layout-grid-row {
  padding: 15px 0;
  margin: 0;
  min-height: 0;
}
.side-column .small-feature .middle-left {
  width: 30%;
}
.side-column .small-feature .related-image {
  width: 100%;
}
.side-column .small-feature .middle-right {
  width: 70%;
  float: left;
  padding: 0 15px;
}
.side-column .small-feature .related-title {
  font-weight: 700;
}
.side-column .small-feature .related-summary {
  margin: 5px 0 0 0;
}
@media (min-width: 483px) and (max-width: 767px) {
  .full-size-features .small-feature .cell > .top {
    width: 30%;
    float: left;
  }
  .full-size-features .small-feature .cell > .middle,
  .full-size-features .small-feature .cell > .bottom {
    width: 70%;
    float: right;
    padding-left: 15px;
  }
  .full-size-features .small-feature.four-column .cell > .middle {
    margin: 0;
  }
  .full-size-features .small-feature .cell .middle-right {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .full-size-features .small-feature .related-image img {
    width: 100%;
  }
  .full-size-features .small-feature .layout-grid-row-data {
    margin: 0;
  }
  .full-size-features .small-feature .layout-grid-row-data:before,
  .full-size-features .small-feature .layout-grid-row-data:after {
    content: " ";
    display: table;
  }
  .full-size-features .small-feature .layout-grid-row-data:after {
    clear: both;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  FORMS
 *
 *   Forms, forms, forms everywhere!
 *
 *   (Superhero Tip #9102: If you have a weakness, make sure everyone knows it.
 *      Cause you're awesome and it won't matter anyways. You're the good guy.)
 * ============================================================================
 */
.system-password-retrieval form {
  padding-bottom: 15px;
}
.system-password-retrieval #forgot_password-message {
  padding-bottom: 15px;
}
/*IWA
form th,
form td {
   display: block;
}
*/
form th,
.sui-form th {
  TALdisplay: block;
}
form th,
.sui-form th {
  text-align: left;
  padding: 18px 0 6px;
}
input#forgotPassword[type=submit],
form .formSubmit,
.sui-form .formSubmit {
  DTmargin-left: 43%;
  float: right;
  margin-right: 0;
  height: auto;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  background-color: #007fff;
  border: 1px solid transparent;
  color: #ffffff;
  padding: 10px 14px;
  display: inline-block;
  text-decoration: none;
  outline: none;
}
input#forgotPassword[type=submit]:hover,
form .formSubmit:hover,
.sui-form .formSubmit:hover {
  background-color: #fff;
  border: 1px solid #007fff;
  color: #007fff;
}
form .form-checkbox,
form .form-checkbox-option,
form .form-radio,
form .form-radio-option,
.sui-form .form-checkbox,
.sui-form .form-checkbox-option,
.sui-form .form-radio,
.sui-form .form-radio-option {
  margin-right: 6px;
}
/*
form td.required {
    width: 80%;
    max-width: 310px;
}
*/
form td td.required,
.sui-form td td.required {
  width: auto;
  max-width: none;
}
.form-user #contact-processor-address select {
  float: left;
}
.form-time {
  width: 110px;
  margin-right: 5px;
  margin-left: 5px;
}
.form-time:first-child {
  width: 60px;
  margin-left: 0;
}
input.form-time {
  /*width: 40px;*/
  width: 52px;
}
.error {
  background: #FFF4F3;
  border: 1px solid #FF4200;
  max-width: 418px;
}
.required {
  color: red;
  text-align: center;
}
.errorText {
  color: red;
  padding-left: 12px;
}
@media (max-width: 767px) {
  form table {
    overflow-x: scroll;
  }
}
@media (min-width: 483px) {
  .form-checkbox-labelField,
  .form-radio-labelField {
    position: static;
    margin: 0;
    padding: 18px 0 6px;
  }
}
@media (max-width: 767px) {
  .form-body table tbody tr td,
  .form-body table tbody tr th {
    width: 100%;
    display: block;
  }
}
#p_recaptcha_widget {
  border: 1px solid #CCC;
  padding: 6px;
  width: 100%;
}
.recaptcha_only_if_image {
  display: block;
  margin: 6px 0;
}
span.recaptcha_only_if_audio {
  display: block;
}
input#p_captcha_text {
  width: 95px;
  vertical-align: top;
  height: 2em;
}
#recaptcha_image {
  width: auto !important;
}
input#recaptcha_response_field,
#p_recaptcha_widget a {
  display: inline;
  max-width: 100%;
}
/*IWA*/
#checkout-contact_address th,
#checkout-user_account th {
  font-weight: normal;
}
/*
input#recaptcha_response_field,
#p_recaptcha_widget a {
    display: block;
    max-width: 100%;
}
*/
.form-title {
  border-top: 1px solid #e1e1e1;
  padding-top: 18px;
}
@media (max-width: 1028px) {
  form td.required {
    position: static;
    margin-top: 12px;
    text-align: left;
    width: auto;
    /*
        width: 354px;
        text-align: right;
        position: absolute;
        */
  }
}
@media (min-width: 483px) {
  form .formSubmit {
    DTmargin-left: 278px;
    /*IWAfloat: left;*/
  }
  .form-checkbox-labelField,
  .form-radio-labelField {
    position: static;
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 768px) {
  form th,
  .sui-form th {
    display: inline;
    display: initial;
    display: table-cell;
    padding: 6px 24px 9px 0;
    IWAvertical-align: top;
    vertical-align: top;
  }
  form td,
  .sui-form td {
    display: inline;
    display: initial;
    display: table-cell;
    /*padding-right: 12px;*/
    padding-right: 0;
    /*IWA*/
    vertical-align: middle;
  }
  form .formSubmit,
  .sui-form .formSubmit {
    IWAmargin-left: 330px;
    DTmargin-left: 490px;
    DTfloat: right;
    /*float: none;*/
  }
  .form-checkbox-labelField,
  .form-radio-labelField {
    position: static;
    margin: 0;
    padding: 0;
  }
  #p_recaptcha_widget {
    /*IWA*/
    width: 400px;
    width: 100%;
  }
}
@media (max-width: 1028px) {
  form .formSubmit,
  .sui-form .formSubmit {
    IWAmargin-left: 278px;
    DTmargin-left: 0;
  }
  form th,
  .sui-form th {
    DTpadding: 2px 0 6px;
  }
}
.landing-page .page-form table tr th,
.frontpage aside .page-form table tr th {
  display: block;
  width: 100%;
  float: none;
  clear: both;
  padding-left: 15px;
}
.frontpage aside .page-form table tr th {
  padding-left: 0;
}
.landing-page .page-form table tr td,
.frontpage aside .page-form table tr td {
  display: block;
  max-width: 370px;
  width: 100%;
  padding-left: 15px;
}
.frontpage aside .page-form table tr td {
  max-width: 220px;
  padding-left: 0;
}
.landing-page .form-title {
  border-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.frontpage aside .form-title {
  border-top: 0;
}
.landing-page input:not([type]),
.landing-page input[type="text"],
.landing-page input[type="password"],
.landing-page input[type="file"],
.landing-page textarea {
  max-width: 370px;
  width: 100%;
  padding-left: 15px;
}
.frontpage aside input:not([type]),
.frontpage aside input[type="text"],
.frontpage aside input[type="password"],
.frontpage aside input[type="file"],
.frontpage aside textarea,
.frontpage aside select {
  max-width: 220px;
  width: 100%;
}
@media (max-width: 1028px) {
  .landing-page .side-column {
    display: block !important;
  }
  .landing-page input:not([type]),
  .frontpage aside input:not([type]),
  .landing-page input[type="text"],
  .frontpage aside input[type="text"],
  .landing-page input[type="password"],
  .frontpage aside input[type="password"],
  .landing-page input[type="file"],
  .frontpage aside input[type="file"],
  .landing-page textarea,
  .frontpage aside textarea,
  .landing-page select,
  .frontpage aside select {
    max-width: 100%;
  }
  .landing-page .page-form table tr td,
  .frontpage aside .page-form table tr td {
    max-width: 100%;
  }
}
/* submissions */
.form_submissions .header,
.form-submissions .header {
  /*background-color: #eee;
    color: #787878;
    padding: 6px;*/
  margin-top: 15px;
}
.form_submissions table,
.form-submissions table {
  width: 100%;
}
.form_submissions td,
.form_submissions th,
.form-submissions td,
.form-submissions th {
  padding: 7px;
}
.form_submissions th,
.form-submissions th {
  background-color: #f6f6f6;
  /*font-weight: bold;*/
}
.form_submissions tr.odd td,
.form-submissions tr.odd td {
  background-color: #f9f9f9;
}
.form_submissions tr.even td,
.form-submissions tr.even td {
  background-color: #fefefe;
}
.form_submissions tr.items,
.form-submissions tr.items {
  display: none;
}
.form_submissions tr th:first-child,
.form-submissions tr th:first-child {
  width: 25px;
}
.items-toggle,
.items-link {
  text-transform: capitalize;
  /*background-color: #41b7d8;*/
  /*border: 1px solid #41b7d8;
    border-radius: 3px;*/
  padding: 0 7px;
  float: right;
  color: #41b7d8;
}
.items-toggle.expanded:before {
  content: "\25B2";
  padding-right: 7px;
}
.items-toggle.collapsed:before {
  content: "\25BC";
  padding-right: 7px;
}
.items-link:before {
  content: "\00BB";
  padding-right: 7px;
}
.items-toggle:hover,
.items-link:hover {
  cursor: pointer;
  text-decoration: none;
  /*background-color: white;
    color: #41b7d8;*/
}
.items-toggle-all {
  font-weight: normal;
}
.items ul {
  padding: 0;
  list-style: none;
}
.items ul li {
  margin: 5px 0;
}
.items td:last-child {
  border-top: 1px solid #efefef;
  padding-top: 0;
}
.items a {
  color: #41b7d8;
}
.items a:hover {
  color: #2a6496;
}
/* submission page */
.submission .title {
  margin-bottom: 5px;
}
.submission hr {
  margin-top: 0;
  margin-bottom: 0;
}
.submission .posted_on {
  font-size: smaller;
  text-align: right;
}
.submission ul {
  padding: 0;
  list-style: none;
  margin-top: 20px;
}
.submission ul li {
  margin: 5px 0;
}
.submission table td {
  padding: 10px;
  vertical-align: top;
}
.submission table td:first-child {
  /*font-weight: bold;*/
}
.submission table img {
  padding-top: 5px;
}
/* begin form module form - mapping message styling */
.form_mapping_error-message-text strong {
  color: red;
  text-transform: uppercase;
  font-weight: bold;
}
.form_mapping_error-message-text div {
  margin: 0.5em;
  padding: 0.5em;
}
.form_mapping_error-message-text div:first-child {
  color: red;
  text-transform: uppercase;
  font-weight: bold;
}
.form_mapping_error-message-text div:last-child {
  font-weight: bold;
}
.form-field-invalid {
  xbackground-color: lightpink;
}
.form_mapping_error-values {
  display: inline;
}
.form_mapping_error-values:before {
  content: '(';
}
.form_mapping_error-values:after {
  content: ')';
}
.form_mapping_error-values li {
  display: inline;
}
.form_mapping_error-values li:after {
  content: ';';
}
.form_mapping_error-values li:last-child:after {
  content: '';
}
/* end form module form - mapping message styling */
.frontpage aside .page-form table tr td,
.landing-page .page-form table tr td,
.frontpage aside input:not([type]),
.frontpage aside input[type=text],
.frontpage aside input[type=password],
.frontpage aside input[type=file],
.frontpage aside select,
.frontpage aside textarea {
  max-width: none;
}
/* Dynamic Form - Signup Registration Fieldset Profile Cart - Start */
.sui-sf-dynamic_form__row.sui-sf-dynamic_form__row--signup-profile_card th.form-signup {
  padding-top: 36px;
}
.sui-sf-profile_card {
  margin: 12px 0;
  padding: 6px;
  border: 2px solid rgba(192, 192, 192, 0.25);
  border-radius: 2%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
}
.sui-sf-profile_card .sui-vcard-image {
  width: 36px;
  height: 36px;
  border: 2px solid transparent;
  border-color: #3C76B3;
  border-color: rgba(192, 192, 192, 0.25);
  display: inline-block;
  overflow: hidden;
}
.sui-sf-profile_card .sui-vcard-image.sui-vcard-image--rounded {
  border-radius: 50%;
}
.sui-sf-profile_card .sui-sf-vcard-profile_container {
  line-height: 36px;
}
.sui-sf-profile_card .uid {
  white-space: nowrap;
}
.sui-sf-profile_card .uid::before {
  content: "[ID: ";
}
.sui-sf-profile_card .uid::after {
  content: "]";
}
.sui-sf-profile_card > * {
  margin: 6px;
}
.sui-sf-profile_card .sui-sf-profile_card__left {
  flex: 0 0 auto;
  align-self: auto;
}
.sui-sf-profile_card .sui-sf-profile_card__right {
  flex: 1 1 auto;
  align-self: auto;
}
/* Dynamic Form - Signup Registration Fieldset Profile Cart - Finish */
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  COMMENTS
 *
 *   Comments appear on pages where comments are enabled. Yes, that's right.
 *
 *      (Ninja Trick #1027: The key to not being discovered is to not be there
 *          at all. Except you have to be there.)
 * ============================================================================
 */
/*
 * ============================================================================
 *  COMMENTS HEADER
 * ============================================================================
 */
#comment-header,
.comment-header {
  margin-top: 20px;
  margin-bottom: 10px;
  max-width: 800px;
}
#comment-control,
.comment-control {
  overflow: hidden;
  position: relative;
}
#comment-control div,
.comment-control div {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#comment-reply-main a,
.comment-reply-main a {
  DTpadding: 6px 10px;
  DTbackground-color: #252a35;
  DTcolor: white;
  display: block;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  padding: 10px 14px;
  text-decoration: none;
  outline: none;
  background-color: transparent;
  border: 1px solid #f26522;
  color: #f26522;
}
#comment-reply-main a:hover,
.comment-reply-main a:hover {
  text-decoration: none;
  opacity: 0.7;
  filter: opacity(0.7);
  -moz-filter: opacity(0.7);
  -webkit-filter: opacity(0.7);
}
#login-form,
#login-message,
.login-form,
.login-message {
  position: absolute;
  right: 0;
  top: 6px;
}
@media (max-width: 1028px) {
  #comment-header #login-form,
  #comment-header #login-message,
  .comment-header .login-form,
  .comment-header .login-message {
    display: block;
    position: static;
    margin-top: 10px;
  }
}
#comment-count,
.comment-count {
  font-size: smaller;
  margin-left: 5px;
}
#comment-count:before,
.comment-count:before {
  content: '(';
}
#comment-count:after,
.comment-count:after {
  content: ')';
}
/*
 * ============================================================================
 *  COMMENT POST FORM
 * ============================================================================
 */
#comment-post-form,
.comment-post-form {
  margin-bottom: 18px;
  max-width: 800px;
}
#comment-subject-label,
#comment-subject,
.comment-subject-label,
.comment-subject {
  display: none;
}
#comment-body,
.comment-body {
  width: 100%;
  display: block;
}
.comment-post-alignment {
  text-align: right;
}
#comment-post,
.comment-post {
  DTborder: none;
  DTbackground-color: #626262;
  DTcolor: #FFFFFF;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  background-color: #007fff;
  border: 1px solid transparent;
  color: #ffffff;
  padding: 10px 14px;
  display: inline-block;
  text-decoration: none;
  outline: none;
}
#comment-post:hover,
.comment-post:hover {
  background-color: #fff;
  border: 1px solid #007fff;
  color: #007fff;
}
/*
 * ============================================================================
 *  COMMENTS
 * ============================================================================
 */
#comment-container,
.comment-container {
  max-width: 800px;
}
.comment-container {
  border: 1px solid #e2e2e2;
  margin-left: 65px;
  position: relative;
  padding: 10px;
  margin-bottom: 20px;
  IWAmin-height: 160px;
  min-height: 160px;
}
.comment-poster {
  font-size: 1.17em;
  font-weight: bold;
  color: #626262;
}
.comment-poster-image {
  position: absolute;
  left: -65px;
  top: 0;
}
.comment-poster-image:before {
  content: '';
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: absolute;
  top: 5px;
  right: -14px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #E2E2E2;
}
.comment-poster-image:after {
  content: '';
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: absolute;
  top: 5px;
  right: -15px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #FFFFFF;
}
.comment-subject {
  display: none;
}
.comment-bar {
  border-bottom: 1px solid #eeeeee;
  overflow: hidden;
  clear: both;
  padding-bottom: 5px;
}
.comment-date {
  font-size: 0.75em;
}
#control-links,
.control-links {
  position: static;
  top: 16px;
  margin: 10px -2px;
  padding: 0;
  right: 10px;
  background: white;
}
#control-links > div,
.control-links > div {
  font-size: 0.75em;
  text-transform: capitalize;
  IWAdisplay: inline-block;
  IWApadding: 0 5px;
  display: inline-block;
  padding: 1px 5px;
}
@media (min-width: 768px) {
  #control-links,
  .control-links {
    margin: 0;
    position: absolute;
    padding-left: 12px;
  }
}
.comment-edit a {
  cursor: pointer;
}
.comment-edit span:before {
  content: url("../../resources/images/img-edit-comment.png");
  margin-right: 5px;
  vertical-align: middle;
}
.comment-delete span:before {
  content: url("../../resources/images/img-delete-comment.png");
  margin-right: 5px;
  vertical-align: middle;
}
.comment-reply span:before {
  content: url("../../resources/images/img-reply-comment.png");
  margin-right: 5px;
  vertical-align: middle;
}
p.comment-body {
  padding: 15px 0;
}
.inplace .control {
  text-align: right;
}
.inplace .control .cancel,
.inplace .control .ok {
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background: white;
  border: 1px solid #cccccc;
  margin-left: 6px;
  padding: 3px;
  text-transform: capitalize;
}
.comment-nested {
  margin-left: 10px;
}
/* Landscape phones and down */
@media (min-width: 483px) {
  .comment-nested {
    margin-left: 20px;
  }
}
.side-column #comment-control,
.side-column .comment-control {
  overflow: visible;
}
.side-column #comment-count,
.side-column .comment-count {
  display: block;
  margin: 5px 0 0 0;
}
.side-column #login-form,
.side-column #login-message,
.side-column .login-form,
.side-column .login-message {
  position: relative;
}
.filter {
  margin-bottom: 10px;
  padding-top: 10px;
  border: 1px solid #ebebeb;
  /* item */
  /* values */
  /* values - default */
  /* lookaheads */
  /* text fields, selects */
  /* checkboxes */
  /* radioboxes */
  /* sliders */
  /* action buttons */
}
.filter .filter-title {
  margin-bottom: 10px;
  font-size: 1.8rem;
  padding-left: 15px;
  padding-right: 15px;
}
.filter .filter-load {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #eee;
  padding: 5px 8px;
  background-color: lightyellow;
  z-index: 10;
}
.filter .filter-item {
  /*border-bottom: 1px solid #f3f3f3;*/
  padding-bottom: 5px;
  /*position: relative;*/
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
}
.filter .filter-item:last-child {
  border-bottom: none;
}
.filter .filter-item-title {
  font-weight: bold;
  font-size: 1.1em;
}
.filter .filter-item-title + .filter-item-values,
.filter .filter-item-summary + .filter-item-values {
  margin-top: 15px;
  margin-bottom: 15px;
}
.filter .filter-item-values-value {
  margin-top: 5px;
  margin-bottom: 5px;
}
.filter .filter-item-values-more {
  display: none;
}
.filter .filter-item-values-toggle {
  cursor: pointer;
}
.filter .filter-item-values-default {
  font-style: italic;
}
.filter .filter-item-values-lookahead {
  /*color: #168CDE;*/
  color: #ccc;
  font-size: 1em;
  font-weight: 600;
  padding-left: 3px;
}
.filter .filter-item-values-lookahead-zero {
  color: #999;
}
.filter select {
  outline: none;
}
.filter .filter-item-values-value input[type="text"],
.filter .filter-item-values-value select {
  width: 100%;
  padding: 7px 11px;
}
.filter .filter-item-date .filter-item-values-value input[type="text"] {
  width: 65%;
  margin-right: 5px;
}
.filter .filter-item-date .filter-item-values-value button {
  padding: 6px 10px;
}
.filter .filter-item-values-value input[type="checkbox"] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.filter .filter-item-values-value input[type="checkbox"] + span.filter-item-values-label {
  padding-left: 20px;
  height: 12px;
  display: inline-block;
  line-height: 1.2em;
  background-repeat: no-repeat;
  background-position: 0 2px;
  cursor: pointer;
}
.filter .filter-item-values-value input[type="checkbox"]:checked + span.filter-item-values-label {
  background-position: 0 -12px;
}
.filter .filter-item-values-value input[type="checkbox"]:disabled + span.filter-item-values-label {
  color: #999;
  cursor: default;
}
.filter .filter-item-checkboxes .filter-item-values-value label > span.filter-item-values-label {
  background-image: url("../../resources/images/checkboxes.png");
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.filter .filter-item-values-value input[type="radio"]:disabled + span.filter-item-values-label {
  color: #999;
}
.filter .filter-item-values-value .ui-widget-content {
  height: 9px;
}
.filter .filter-item-values-value .ui-widget-content .ui-state-default {
  border: 1px solid #cccccc;
  background-image: none;
  /*box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;*/
  top: -6px;
  height: 20px;
  width: 20px;
  background: #fff;
  border-radius: 50%;
  margin-left: -10px;
  outline: none;
}
.filter .ui-slider .ui-slider-handle {
  border-color: transparent;
  transition: border 0.4s ease;
}
.filter .ui-slider-horizontal .ui-slider-handle {
  transform: rotateZ(45deg);
  top: -25px;
  margin-left: -10px;
}
.filter .filter-item-double_slider input[type="text"],
.filter .filter-item-slider input[type="text"] {
  /*width: 50%;*/
  border: none;
  padding: 0;
  background-color: transparent;
}
.filter .filter-item-double_slider .ui-slider,
.filter .filter-item-slider .ui-slider {
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.filter .filter-item-values-value .ui-slider-horizontal .ui-slider-range {
  /*background: #168CDE;*/
  background: #ccc;
  /*box-shadow: inset 0 0 3px rgba(51,51,51,0.45);*/
  transition: background 450ms;
  height: 9px;
}
.filter .filter-actions {
  text-align: right;
}
.filter .filter-actions-reset {
  background-color: #CACACA;
  font-size: 1.2em;
  color: #ffffff;
  font-weight: 400;
  border: 0;
  padding: 7px 11px;
  width: 90%;
  display: block;
  margin: 0 auto 20px auto;
  outline: none;
}
.filter .filter-actions-apply {
  width: 10%;
  font-size: 1.2em;
  color: #ffffff;
  font-weight: 600;
  border: 0;
  padding: 7px 11px;
  background-color: #3390DB;
  width: 30%;
  display: inline-block;
  margin-bottom: 0;
}
.filter .filter-actions-reset:hover,
.filter .filter-actions-apply:hover {
  opacity: 0.7;
}
.filter .filter-item .filter-actions-apply {
  width: auto;
  padding: 3px 6px;
  font-size: 1em;
}
@media (max-width: 1040px) {
  .filter {
    /*.filter-actions > .filter-actions-reset {
            width: 60%;
        }*/
  }
  .filter .filter-actions-reset,
  .filter .filter-actions-apply {
    font-size: 1em;
  }
  .filter .filter-actions > .filter-actions-apply {
    width: 40%;
  }
}
/* for fullwidth pages */
.body.fullwidth .filter {
  font-size: 0.83em;
}
.body.fullwidth .filter .filter-item {
  /*float: left;*/
  display: inline-block;
  vertical-align: top;
  border-bottom: none;
  margin-right: 25px;
  width: 10%;
  min-width: 100px;
}
.body.fullwidth .filter .filter-item .filter-actions {
  display: none;
}
.body.fullwidth .filter .filter-actions {
  clear: both;
}
.body.fullwidth .filter .filter-actions-reset {
  float: right;
  width: 30%;
}
/* for responsive */
@media (max-width: 767px) {
  .body.responsive.with-sidebar .side-column {
    display: block !important;
  }
  .body.responsive.with-sidebar .side-column > *:not(.list) {
    display: none;
  }
  .body.responsive.with-sidebar.landing-page .side-column > :not(.list) {
    display: block;
  }
}
/* mobile */
.filter-mobile {
  display: none;
  float: left;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  cursor: pointer;
}
.filter-mobile i {
  padding-right: 0.5em;
  padding-left: 0.5em;
}
@media (max-width: 767px) {
  .filter-mobile {
    display: block;
  }
  .filter .filter-title {
    cursor: pointer;
  }
  .filter form {
    display: none;
  }
  .filter-load {
    display: none !important;
  }
  .filter-dialog .filter {
    border-width: 0;
  }
  .filter-dialog .filter form {
    display: block;
  }
  .filter-dialog .filter form .filter-item {
    border-bottom: none;
  }
  .filter-dialog .filter form .filter-item:not(.filter-item-content_block) .filter-item-title {
    cursor: pointer;
  }
  .filter-dialog .filter form .filter-item:not(.filter-item-content_block) .filter-item-title:before {
    content: "\25bc";
    padding-right: 0.5em;
    font-size: smaller;
  }
  .filter-dialog .filter form .filter-item:not(.filter-item-content_block) .filter-item-title.opened:before {
    content: "\25b2";
  }
  .filter-dialog .filter form .filter-item:not(.filter-item-content_block):not(.filter-item-selected) .filter-item-values {
    display: none;
  }
  .filter-dialog .filter-mobile {
    display: none;
  }
  .filter-dialog .filter-actions {
    /*display: none;*/
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
  }
  .filter-dialog .filter .filter-actions-reset {
    display: inline-block;
    margin-bottom: 0;
    width: 50%;
  }
  .filter-dialog .filter .filter-actions-apply {
    width: 50%;
  }
  .filter-dialog .filter .filter-actions-reset:hover,
  .filter-dialog .filter .filter-actions-apply:hover {
    opacity: 1;
  }
  .ui-dialog.filter-dialog .ui-dialog-titlebar {
    display: none;
  }
}
@media (max-width: 482px) {
  .list-toolbar .sort .sort-title,
  .list-toolbar .layout_change .layout_change-title {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .filter {
    padding-bottom: 6px;
  }
  .filter-mobile::after {
    content: 'Filter';
  }
}
.content_header-title h1 {
  font-weight: 700;
  margin: 10px 0 20px 0;
  line-height: 1.2em;
}
.body.side_by_side .content_header-title h1 {
  margin-top: 0;
}
.content_header-summary:not(:empty) {
  margin: 10px 0;
}
.content_header-summary p {
  font-size: 1.25em;
  font-weight: 600;
}
.meta-created .meta_created-date:not(:empty) {
  margin: 0 0 20px 0;
}
.content_meta.content_meta--row {
  /* .make-xs-column(6); */
}
.content_meta.content_meta--row > .content_meta__authoring_and_publishing {
  border-top: thin solid silver;
  border-bottom: thin solid silver;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.content_meta.content_meta--row > .content_meta__authoring_and_publishing {
  border-top: thin solid #dedede;
  border-bottom: thin solid #dedede;
}
.content_meta.content_meta--row .content_meta__person_image_and_name {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  align-items: center;
}
.content_meta.content_meta--row .content_meta__person_image_and_name > .content_meta__person_image {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  padding: 6px;
}
.content_meta.content_meta--row .content_meta__person_image_and_name > .content_meta__person_image:empty {
  padding: 0;
}
.content_meta.content_meta--row .content_meta__person_image_and_name > .content_meta__person_name {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
.content_meta.content_meta--row .content_meta__person_image_and_name > .content_meta__person_name {
  /* padding: 6px; */
  padding: 0px;
  font-weight: bold;
}
.content_meta.content_meta--row .content_meta__authoring_and_publishing {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  align-items: center;
}
.content_meta.content_meta--row .content_meta__authoring_and_publishing > .content_meta__authoring {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  padding: 6px;
}
.content_meta.content_meta--row .content_meta__authoring_and_publishing > .content_meta__authoring {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.content_meta.content_meta--row .content_meta__authoring_and_publishing > .content_meta__authoring {
  /* padding: 6px; */
  padding: 0;
}
.content_meta.content_meta--row .content_meta__social > ul {
  list-style: none;
  padding: 0;
}
.content_meta.content_meta--row .content_meta__social > ul > li {
  display: inline-block;
}
.content_meta.content_meta--row .content_meta__lists > ul {
  list-style: none;
  padding: 0;
}
.content_meta.content_meta--row .content_meta__lists > ul > li {
  display: inline-block;
}
.content_meta.content_meta--row .content_meta__lists ::before {
  content: 'Appears in: ';
}
/*** --- HIGH/BOTTOM LEVEL --- ***/
/* @author John Nguyen <john@mediashaker.com> */
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  GENERAL
 *
 *   General rules for the system pages.
 *
 *      (Pirate Tip #712: Eyepatches reduce depth perception.)
 * ============================================================================
 */
.system-area {
  kmmpadding-bottom: 40px;
}
.sitemap table {
  line-height: 1.5em;
}
#sitemap .page-content-wrapper {
  padding-top: 0;
}
#sitemap .headline-carousel,
#sitemap .gallery {
  margin: 0;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  SEARCH
 *
 *   The system site search pages.
 *
 *      (Ninja Tip #611: You die when you are killed.)
 * ============================================================================
 */
#site-search {
  margin-bottom: 20px;
}
.search-header {
  IWAborder-bottom: 1px solid #efefef;
  border: none;
}
.search-header > .content-wrapper {
  padding-bottom: 24px;
  IWAmargin-bottom: 20px;
  margin-bottom: 0;
}
.searched-for,
.search-words {
  font-size: 1.17em;
}
.search-words {
  padding-left: 10px;
  font-weight: bold;
}
/*
 * ============================================================================
 *  RESULTS
 * ============================================================================
 */
/*
     * ============================================================================
     *  PAGER
     * ============================================================================
     */
.search-result .results-pager-top {
  display: none;
}
.search-results-pager {
  background: #f5f5f5;
  margin: 12px 0;
  padding: 10px;
  text-align: right;
}
/*IWA*/
.search-results-pager:empty {
  background: none;
  margin: 0;
  padding: 0;
}
.search-result tr th:first-child {
  display: none;
}
.search-results-pager a,
.search-results-pager b {
  margin-left: 12px;
}
/*
     * ============================================================================
     *  RESULTS TABLE
     * ============================================================================
     */
.search-result table {
  /*margin: 24px 0;*/
  margin: 0;
}
.search-result tr {
  display: block;
  margin-bottom: 24px;
}
.search-result tr a {
  IWAcolor: #004cc9;
  font-weight: bold;
  font-size: 1.15em;
  IWAtext-decoration: underline;
}
/*
     * ============================================================================
     *  RESULTS GRID
     * ============================================================================
     */
.search-results .layout-grid {
  width: 90%;
}
.search-results .layout-grid-row {
  border-width: 0;
}
.search-result-item {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #EFEFEF;
}
.search-results .one-column .search-result-item .cell > .middle > .middle-left {
  width: 15%;
  max-width: 110px;
}
.search-results .one-column .search-result-item .cell > .middle > .middle-right {
  width: 85%;
}
.search-result-item-image img {
  border: 1px solid #E2E2E2;
}
.search-result-item-title {
  margin-top: 0;
}
.search-result-item-title a {
  font-size: 1.6rem;
}
.search-result-item-summary {
  line-height: 1.5;
}
.search-query-keywords .highlight-search,
.search-results .highlight-search {
  background-color: hsl(60deg 100% 94%);
}
.search-query-keywords .highlight-search--term-1,
.search-results .highlight-search--term-1 {
  background-color: hsl(60deg 100% 94%);
}
.search-query-keywords .highlight-search--term-2,
.search-results .highlight-search--term-2 {
  background-color: hsl(120deg 100% 94%);
}
.search-query-keywords .highlight-search--term-3,
.search-results .highlight-search--term-3 {
  background-color: hsl(180deg 100% 94%);
}
.search-query-keywords .highlight-search--term-4,
.search-results .highlight-search--term-4 {
  background-color: hsl(240deg 100% 94%);
}
.search-query-keywords .highlight-search--term-5,
.search-results .highlight-search--term-5 {
  background-color: hsl(300deg 100% 94%);
}
.search-autocomplete__ul.search-autocomplete__ul--with_images .search-autocomplete__row {
  margin-left: -15px;
  margin-right: -15px;
  margin-left: 15px;
  margin-right: 15px;
}
.search-autocomplete__ul.search-autocomplete__ul--with_images .search-autocomplete__row:before,
.search-autocomplete__ul.search-autocomplete__ul--with_images .search-autocomplete__row:after {
  content: " ";
  display: table;
}
.search-autocomplete__ul.search-autocomplete__ul--with_images .search-autocomplete__row:after {
  clear: both;
}
.search-autocomplete__ul.search-autocomplete__ul--with_images .search-autocomplete__row-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .search-autocomplete__ul.search-autocomplete__ul--with_images .search-autocomplete__row-left {
    float: left;
    width: 16.66666667%;
  }
}
.search-autocomplete__ul.search-autocomplete__ul--with_images .search-autocomplete__row-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .search-autocomplete__ul.search-autocomplete__ul--with_images .search-autocomplete__row-right {
    float: left;
    width: 83.33333333%;
  }
}
.search-autocomplete__ul.search-autocomplete__ul--without_images .search-autocomplete__row-left {
  display: none;
}
.search-autocomplete__title {
  font-weight: bolder;
}
.search-autocomplete__summary {
  font-weight: lighter;
  /* font-style: italic; */
  font-size: smaller;
  max-width: 480px;
}
.search-autocomplete__img-container {
  border: 1px solid transparent;
  overflow: hidden;
}
.search-autocomplete__img {
  border: 1px solid #E2E2E2;
}
.search-autocomplete__ul {
  /* display: initial !important; */
}
.ui-menu .search-autocomplete__container {
  border: 1px solid transparent;
}
.ui-menu .search-autocomplete__container.ui-state-focus,
.ui-menu .search-autocomplete__container.ui-state-active {
  margin: initial;
}
.search-autocomplete__ul {
  text-align: center;
  padding-top: 8px;
}
.search-autocomplete__ul .search-autocomplete__li {
  text-align: left;
}
.search-autocomplete__ul .search-autocomplete__li:last-of-type {
  display: inline-block;
  margin: 10px auto;
  text-align: center;
}
.search-autocomplete__ul .search-autocomplete__li:last-of-type .search-autocomplete__container {
  padding: 10px 15px;
  border: none;
  background-color: #EFEFEF;
  border-radius: 100px;
}
.search-autocomplete__ul .search-autocomplete__li:last-of-type .search-autocomplete__container.ui-state-active {
  background-color: #DADCE0;
  border-radius: 100px;
}
.search-autocomplete__ul .search-autocomplete__li:last-of-type .search-autocomplete__container:hover {
  background-color: #DADCE0;
  border-radius: 100px;
}
.search-autocomplete__ul .search-autocomplete__li:last-of-type .search-autocomplete__container .search-autocomplete__row {
  margin: 0;
}
.search-autocomplete__ul .search-autocomplete__li:last-of-type .search-autocomplete__container .search-autocomplete__row .search-autocomplete__row-left {
  display: none;
}
.search-autocomplete__ul .search-autocomplete__li:last-of-type .search-autocomplete__container .search-autocomplete__row .search-autocomplete__row-right {
  width: 100%;
  padding: 0;
}
.search-autocomplete__ul .search-autocomplete__li:last-of-type .search-autocomplete__container .search-autocomplete__row .search-autocomplete__row-right .search-autocomplete__title {
  font-size: 1.4rem;
  margin-bottom: 0px;
}
.search-autocomplete__ul .search-autocomplete__li--without_image .search-autocomplete__row-left {
  background: #EFEFEF;
  border-radius: 5px;
  padding-top: 16.66666667%;
}
.search-autocomplete__ul .search-autocomplete__li .search-autocomplete__container {
  padding: 7px 0 8px;
  transition: all 0.2s linear;
}
.search-autocomplete__ul .search-autocomplete__li .search-autocomplete__container .search-autocomplete__row {
  display: flex;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
}
.search-autocomplete__ul .search-autocomplete__li .search-autocomplete__container .search-autocomplete__row .search-autocomplete__row-left {
  padding-left: 0;
  padding-right: 0;
}
.search-autocomplete__ul .search-autocomplete__li .search-autocomplete__container .search-autocomplete__row .search-autocomplete__row-left .search-autocomplete__img-container {
  border: none !important;
}
.search-autocomplete__ul .search-autocomplete__li .search-autocomplete__container .search-autocomplete__row .search-autocomplete__row-left .search-autocomplete__img-container .search-autocomplete__img {
  border: none !important;
  border-radius: 5px;
  width: 100%;
}
.search-autocomplete__ul .search-autocomplete__li .search-autocomplete__container .search-autocomplete__row .search-autocomplete__row-right .search-autocomplete__title {
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.search-autocomplete__ul .search-autocomplete__li .search-autocomplete__container .search-autocomplete__row .search-autocomplete__row-right .search-autocomplete__summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .search-autocomplete__ul.search-autocomplete__ul {
    max-width: 90%;
  }
  .search-autocomplete__ul.search-autocomplete__ul .search-autocomplete__row-right {
    width: 85%;
  }
  .search-autocomplete__ul.search-autocomplete__ul .search-autocomplete__row-left {
    width: 15%;
  }
  .search-autocomplete__ul.search-autocomplete__ul--without_images .search-autocomplete__row-left {
    padding-top: 15%;
  }
}
.advanced_search-metrics {
  font-size: x-small;
  display: none;
  border: thick dashed silver;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
}
.sui-application--is_debug-true .advanced_search-metrics {
  display: block;
}
#advanced_search-form {
  margin-top: 1em;
  margin-bottom: 1em;
  /* padding: 1em; */
  max-width: 600px;
}
.advanced_search-metrics:before {
  content: "Search Metrics";
  font-weight: bold;
}
.advanced_search-form--side_by_side .advanced_search-form__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
}
.advanced_search-form--side_by_side .advanced_search-form__label {
  width: 240px;
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.advanced_search-form--side_by_side .advanced_search-form__field {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  MEMBER PAGES
 *
 *   The system pages for member directory and member search.
 *
 *      (Pirate Tip #78: It might be a good idea to learn how to swim.)
 * ============================================================================
 */
#searchResultContainer {
  line-height: 1.5;
}
/*
 * ============================================================================
 *  SEARCH
 * ============================================================================
 */
.search_section_label > .content-wrapper {
  margin-bottom: 3px;
}
.search-group-label > .content-wrapper {
  margin-top: 18px;
  margin-bottom: 10px;
  font-size: 1.2em;
}
.quick-member-search #member_quick_search {
  width: 238px !important;
  vertical-align: top;
  max-height: 33px;
  color: #ccc;
}
.member-search-groups select {
  width: 70%;
}
.member-search-groups button.ui-multiselect {
  border-radius: 0;
  margin-bottom: 10px;
  -webkit-appearance: none;
  padding: 7px 12px;
  border: 1px solid #e8eaed;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 1px 3px -2px #9098a9;
  cursor: pointer;
  font-family: inherit;
  transition: all 150ms ease;
}
.member-search-groups button.ui-multiselect:focus {
  outline: none;
  border-color: #07f;
  box-shadow: 0 0 0 2px rgba(0, 119, 255, 0.2);
}
.member-search-groups button.ui-multiselect > .ui-icon {
  margin-top: 0;
}
.member-search-group-matching input {
  vertical-align: middle;
  margin-bottom: 1px;
}
/* Select Menu */
.member_search_groups.ui-multiselect-menu,
.member_search_categories.ui-multiselect-menu {
  padding: 12px 10px;
}
.member_search_groups.ui-multiselect-menu .ui-widget-header,
.member_search_categories.ui-multiselect-menu .ui-widget-header {
  background-color: #f3f3f3;
  padding: 7px 12px;
  border: 0;
}
.member_search_groups.ui-multiselect-menu .ui-widget-header li .ui-icon,
.member_search_categories.ui-multiselect-menu .ui-widget-header li .ui-icon {
  margin-right: 5px;
}
.member_search_groups.ui-multiselect-menu .ui-multiselect-checkboxes li:first-child,
.member_search_categories.ui-multiselect-menu .ui-multiselect-checkboxes li:first-child {
  margin-top: 5px;
}
.member_search_groups.ui-multiselect-menu .ui-multiselect-checkboxes label,
.member_search_categories.ui-multiselect-menu .ui-multiselect-checkboxes label {
  background-color: #fff;
  margin-bottom: 4px;
}
.member_search_groups.ui-multiselect-menu .ui-multiselect,
.member_search_categories.ui-multiselect-menu .ui-multiselect,
.member_search_groups.ui-multiselect-menu .ui-multiselect-header a,
.member_search_categories.ui-multiselect-menu .ui-multiselect-header a,
.member_search_groups.ui-multiselect-menu .ui-multiselect-checkboxes label,
.member_search_categories.ui-multiselect-menu .ui-multiselect-checkboxes label {
  font-size: 1em;
}
.side-column .member_search_groups.ui-multiselect-menu .ui-multiselect,
.side-column .member_search_categories.ui-multiselect-menu .ui-multiselect,
.side-column .member_search_groups.ui-multiselect-menu .ui-multiselect-header a,
.side-column .member_search_categories.ui-multiselect-menu .ui-multiselect-header a,
.side-column .member_search_groups.ui-multiselect-menu .ui-multiselect-checkboxes label,
.side-column .member_search_categories.ui-multiselect-menu .ui-multiselect-checkboxes label {
  font-size: 0.8em;
}
#member-search-groups-matching {
  margin-top: 10px;
}
/* Landscape phones and down */
@media (min-width: 768px) {
  .quick-member-search #member_quick_search {
    width: 400px !important;
  }
}
@media (max-width: 767px) {
  /*IWA*/
  .ui-multiselect-menu,
  .member-search-groups .ui-multiselect {
    width: auto !important;
  }
}
/*
    * ============================================================================
    *  SIDE-COLUMN
    * ============================================================================
    */
#system-member-search-results .side-column-left > *:not(.sidebar-search) {
  display: none;
}
.side-member-search form,
.search-table-quick form {
  white-space: nowrap;
  overflow: hidden;
}
.side-column .member-search-groups,
.side-column .member-search-groups tbody,
.side-column .member-search-groups tr,
.side-column .member-search-groups td {
  display: block;
}
.side-column .member-search-groups .ui-multiselect {
  max-width: 100%;
}
.sidebar-search #member_quick_search,
.side-column #member_quick_search {
  width: 70% !important;
  vertical-align: top;
  min-height: 30px;
}
.side-column .member-search-button {
  height: 29px;
}
#system-member-search-results .side-column-left {
  display: block !important;
}
@media (min-width: 768px) {
  #system-member-search-results .side-column-left > *:not(.sidebar-search) {
    display: block;
  }
  .side-column .member-search-button {
    height: 30px;
  }
  .sidebar-search #member_quick_search,
  .side-column #member_quick_search {
    width: auto !important;
  }
}
@media (min-width: 1029px) {
  .sidebar-search #member_quick_search,
  .side-column #member_quick_search {
    width: 65% !important;
  }
}
@media (min-width: 1200px) {
  .sidebar-search #member_quick_search,
  .side-column #member_quick_search {
    width: 175px !important;
  }
}
@media (max-width: 767px) {
  #system-member-search-results .side-column-left > .side-member-search {
    display: block;
  }
}
/*
 * ============================================================================
 *  RESULTS
 * ============================================================================
 */
.search-results > .content-wrapper {
  kmmmargin-bottom: 15px;
}
.search-table-pages-right {
  padding-right: 10px;
}
#system-member-search-results .main-column .content-wrapper {
  kmmpadding: 0;
}
.search-results-total {
  color: #f0964d;
}
.search-results-query {
  font-weight: bold;
  color: black;
}
.member-sort {
  display: none;
}
.member-search-not-found {
  font-size: 1.5em;
  font-weight: bold;
}
.member-search-not-found > .content-wrapper {
  margin-bottom: 24px;
  margin-top: 24px;
}
.search-table {
  kmmmargin: 12px 0;
  kmmpadding: 18px;
  background: #f5f5f5;
  text-align: right;
}
.search-table-pages-left {
  display: none;
}
.search-table-pages-right b {
  font-weight: bold;
}
.search-label {
  margin-right: 6px;
}
#system-view-member-profile .search-label {
  display: block;
}
.search-table-pages-right a {
  padding: 5px 8px;
}
.search-table-pages-right a:hover {
  padding: 2px 8px;
  background-color: #252a35;
  color: #fff;
  border-radius: 2px;
}
#members_search-results {
  list-style: none;
  margin: 0;
  padding: 0;
}
.member-search-button {
  vertical-align: top;
}
#search-results-map {
  display: none;
}
@media (min-width: 768px) {
  #system-member-search-results .main-column {
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .member-search-button {
    margin-left: -3px;
  }
}
/*
     * ============================================================================
     *  MEMBER RESULT INDIVIDUAL
     * ============================================================================
     */
#members_search-results li:hover {
  background-color: #EBF9FF;
}
#members_search-results .given-name,
#members_search-results .family-name {
  color: black;
}
#members_search-results .tel .type {
  color: #252a35;
}
/*IWA*/
#members_search-results .tel .type,
.profile-numbers .number-label {
  color: #252a35;
  font-weight: bold;
}
.fn.org {
  font-weight: bold;
}
#members_search-results .org {
  display: block;
}
#members_search-results a {
  margin-right: 15px;
}
.company_logo {
  margin: 17px 0 25px 0;
}
.search-container .profile_image,
.search-container .company_logo {
  margin: 0 6px 0 0;
  float: none;
  display: inline;
}
#members_search-results .profile_image,
#members_search-results .company_logo {
  margin: 17px 0 25px 0;
}
#members_search-results .vcard {
  border-bottom: 1px solid #efefef;
  padding-bottom: 20px;
  display: block;
}
.vcard tbody,
.vcard tr {
  width: 100%;
  display: block;
  overflow: hidden;
  clear: both;
}
.vcard td,
.vcard td:first-child {
  overflow: hidden;
  display: block;
  padding-left: 15px;
}
.vcard td:first-child {
  position: relative;
  padding-left: 50px;
}
.vcard td:nth-child(3) {
  position: relative;
  padding-left: 50px;
}
.vcard .given-name,
.vcard .family-name,
.profile-name {
  font-size: 24px;
  line-height: 40px;
}
.vcard .family-name {
  /*padding-left: 2px;*/
}
.vcard .org {
  display: block;
}
.fn.org,
.profile-client-name {
  font-weight: 700;
}
/*IWA
.vcard a {
    text-decoration: underline;
}*/
.vcard a,
.profile-links a {
  text-decoration: underline;
  /*IWA*/
  color: #555;
}
.vcard a.names {
  text-decoration: none;
}
.vcard .email {
  margin-right: 6px;
}
.vcard .website {
  margin-right: 6px;
}
.vcard .marker {
  margin-right: 10px;
  position: absolute;
  left: 15px;
  top: 10px;
}
.vcard .street-address {
  display: block;
}
.vcard .adr {
  margin-top: 10px;
}
.vcard .tel {
  display: block;
}
.vcard .tel .type {
  font-weight: bold;
  text-transform: capitalize;
}
.vcard .note {
  margin: 10px 0;
  display: block;
}
.vcard .groups,
.vcard .identifiers {
  display: none;
  visibility: hidden;
}
.vcard .viewprofilebutton {
  margin-bottom: 10px;
  display: block;
}
.vcard .profile_image,
.vcard .company_logo {
  text-align: right;
}
.vcard .profile_image {
  margin-bottom: 10px;
}
#gmap_canvas,
.gmap_canvas {
  width: 100% !important;
}
#gmap_canvas div[draggable="false"] > img,
.gmap_canvas div[draggable="false"] > img {
  display: none;
}
#gmap_canvas img,
.gmap_canvas img {
  max-width: none;
}
.nested-columns .contact-profile-information {
  margin-top: 30px;
}
.nested-columns.profile-information-wrapper .main-column {
  width: 67% !important;
}
.nested-columns.profile-information-wrapper .side-column {
  width: 33% !important;
}
@media (min-width: 768px) {
  #search-results-map {
    display: block;
  }
  #members_search-results .profile_image,
  #members_search-results .company_logo {
    display: block;
    float: none;
    margin-bottom: 0;
  }
  .vcard td {
    width: 25%;
  }
  .vcard td:first-child {
    width: 70%;
    float: left;
  }
  .vcard td:nth-child(3) {
    width: 95%;
    float: left;
  }
}
@media (max-width: 767px) {
  .vcard tr {
    display: flex;
    flex-direction: column;
  }
  .vcard td:nth-child(2) {
    order: 3;
  }
}
.member-search-query > .content-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
}
.search-table-pages-right > .content-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  LOGIN PAGE
 *
 *   The system login page.
 *
 *      (Pirate Tip #912: Always wear clothes.)
 * ============================================================================
 */
#system-login .login-frame table {
  width: 100%;
}
#system-login .login-frame form {
  max-width: 400px;
}
#system-login .login-frame .redTextSm {
  color: red;
  margin-bottom: 18px;
  font-size: 1.5em;
}
.login-frame input[type="submit"] {
  float: right;
  margin-right: 20%;
  height: auto;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  background-color: #007fff;
  border: 1px solid transparent;
  color: #ffffff;
  padding: 10px 14px;
  display: inline-block;
  text-decoration: none;
}
.login-frame input[type="submit"]:hover {
  background-color: #fff;
  border: 1px solid #007fff;
  color: #007fff;
}
.forgot-password-link {
  display: inline-block;
  margin-top: 10px;
}
#system-login .password-forgot-link {
  font-size: 0.8em;
}
@media (min-width: 483px) {
  #system-login .login-frame input[type="submit"] {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  #system-login .login-frame form {
    max-width: 485px;
  }
}
#system-login .password-forgot-link > .content-wrapper {
  margin-top: -25px;
}
.system-password-retrieval form #email {
  width: 350px;
}
.system-password-retrieval .email-label {
  padding-right: 10px;
}
@media (max-width: 767px) {
  .system-password-retrieval form #email {
    width: 100%;
  }
}
body.authentication-processor-authentication_processor_membee .account_recovery-link {
  display: none;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  PROFILE
 *
 *  The system profile pages.
 *
 * ============================================================================
 */
/*
 * ============================================================================
 *  LANDING USER DETAILS
 * ============================================================================
 */
.profile-graphics div {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-right: 6px;
  text-align: left;
}
@media (min-width: 768px) {
  .profile-graphics div {
    /*IWA*/
    display: block;
    text-align: right;
    margin-bottom: 15px;
  }
}
.system-area h3 {
  margin: 0;
}
.member-profile h3 {
  /* font-size: 0.9em; */
  margin: 10px 0 5px 0;
}
.member-profile h5 {
  /*font-size: 1.5em;*/
}
#system-member-profile .medium-feature .related-image {
  IWApadding: 0;
  /*TL*/
  IWAheight: 100%;
  border: 1px solid #e2e2e2;
  text-align: center;
}
/*IWA*/
#system-member-profile .medium-feature .related-image a img {
  height: 100%;
}
@media (max-width: 1028px) {
  #system-member-profile .medium-feature .related-image {
    text-align: center;
  }
}
#system-member-profile .medium-feature .related-image a {
  /*IWA*/
  position: absolute;
  left: 0px;
}
.profile-header .edit {
  float: right;
}
@media (max-width: 767px) {
  .profile-header .edit {
    float: none;
    display: block;
  }
}
#profile-name > .content-wrapper {
  padding: 0;
  margin: 0;
}
.profile-information {
  /*IWA*/
  padding: 0;
}
.profile-graphics {
  /*IWA*/
  padding: 0;
  margin-top: 30px;
}
.profile-links {
  text-transform: capitalize;
}
.profile-links > .content-wrapper {
  margin: 15px 0;
}
.profile-address > .content-wrapper,
.profile-location > .content-wrapper,
.profile-postal_code > .content-wrapper {
  /*TL
    padding-top: 3px;
    padding-bottom: 3px;*/
}
.profile-links a {
  padding: 0 6px 0 0;
}
.profile-numbers,
.profile-description > .content-wrapper {
  padding-top: 12px;
}
.profile-numbers .number-label {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 75px;
  /*IWA width: 150px;
    /*margin-bottom:5px*/
  height: 0;
}
.member-contact-name {
  font-size: 2.4rem;
  line-height: 40px;
  margin-bottom: 10px;
}
.member-links {
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
.member-links > div {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-right: 5px;
}
.member-links > div a {
  text-decoration: underline;
}
.member-address {
  margin-bottom: 10px;
}
.member-phone-numbers {
  margin-bottom: 10px;
}
.profile-header .profile-label,
.profile-categories h5,
h5.profile-header {
  font-weight: 700;
  font-size: 1.6rem;
  /*padding: 6px;*/
  color: #333;
  margin: 20px 0 10px;
  display: block;
  /*IWA*/
  clear: both;
}
.profile-label .site-link {
  display: inline;
}
.profile_image,
.company_logo {
  float: left;
}
.profile-graphics .profile-image {
  display: block;
  margin-bottom: 15px;
}
.profile-information .profile-numbers {
  line-height: 1.3em;
}
.contact-profile-information .profile-categories-list {
  font-size: 0.85em;
  margin-top: 15px;
}
.profile-categories-list .category {
  float: left;
  border: 1px solid #e3e3e3;
  padding: 1px 5px;
  background-color: #eee;
  margin: 3px 3px;
}
.profile-information-wrapper .content-row > .contact-profile-information {
  margin: 0 15px 15px 15px;
}
.contact-profile-categories {
  margin-top: 10px;
}
.profile-footer {
  clear: both;
}
/*
 * ============================================================================
 *  UPDATE PROFILE
 * ============================================================================
 */
.profile {
  float: left;
  margin: 0;
  width: auto;
}
.update-profile-form .sui-formblock-header {
  border: none;
  background: none;
  padding: 0 0 12px 0;
}
.update-profile-form .sui-formblock-header h3.sui-formblock-title {
  font-size: 1.875em;
  font-weight: 100;
  font-family: 'SourceSansPro', Arial, Verdana, Helvetica, sans-serif;
  margin: 0;
}
.update-profile-form .sui-field {
  float: none;
}
.update-profile-form .sui-fieldset {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  width: auto;
}
.update-profile-form .sui-strut-details {
  padding: 0 24px 0 0;
  float: none;
  margin: 6px 0 12px 0;
  width: 180px;
}
.update-profile-form .required {
  float: right;
}
.update-profile-form .sui-field label {
  font-weight: 100;
  margin: 0;
  /*TL font-size: 1.25em;*/
}
.update-profile-form .form-user form .sui-description {
  margin: 0;
  /*TL padding: 18px 0;*/
  padding: 0 0 18px;
}
.update-profile-form .form-user form .sui-fieldset-content {
  margin: 0;
  padding: 0;
}
.profile input[type="file"] {
  border: none;
  padding: 0;
  margin: 0;
  line-height: 1em;
}
.update-profile-form .phone-ext {
  margin-top: 41px;
}
.member-profile-upload {
  /*margin: 12px 0;*/
}
.member-profile-upload input {
  /*width: 200px;*/
}
.update-profile-form .sui-formblock div.sui-field > .sui-strut-field {
  min-width: 0;
  /*TL font-size: 1rem;*/
  font-size: 1em;
}
.update-profile-form .sui-field select {
  kmmwidth: 400px;
  font-size: 1em;
}
#system-update-profile .main-column {
  width: auto;
}
#system-update-profile .side-column {
  border: none;
  width: auto;
}
#system-update-profile .update-profile-graphics > .content-wrapper {
  margin: 0;
  padding: 0;
}
#system-update-profile .update-profile-graphics form {
  margin: 12px;
}
.group_chooser_box .group-item {
  display: inline;
}
.group_chooser_box :not(.group_chooser-selectAll) .sui-control-checkbox {
  padding: 6px;
}
#checkout-user_account .group_chooser_box :not(.group_chooser-selectAll) .sui-control-checkbox {
  padding: 0;
}
#subscription-processor #subscription_processor-groups-box .sui-control-checkbox input {
  margin: 0 6px;
}
#subscription-processor .sui-control-checkbox label {
  kmmvertical-align: bottom;
  padding: 0;
}
.update-profile-form #subscription-processor .sui-formblock-header {
  overflow: visible;
}
.user-product_purchase_history td,
.user-orders td,
.user-subscriptions td {
  font-size: 1.2rem;
}
.user-product_purchase_history td:last-child,
.user-orders td:last-child,
.user-subscriptions td:last-child {
  text-align: right;
}
.user-product_purchase_history td:last-child a,
.user-orders td:last-child a,
.user-subscriptions td:last-child a {
  /*float: right;*/
  color: #41b7d8;
  font-weight: 700;
  float: none !important;
  display: inline-block;
  margin: 0 0 0 15px !important;
}
.user-product_purchase_history td:last-child a:first-child,
.user-orders td:last-child a:first-child,
.user-subscriptions td:last-child a:first-child {
  margin: 0 !important;
}
.user-orders tr.account-transaction--unpaid .account-transaction-paid_date {
  color: #27aae1;
}
.user-orders tr.account-transaction--past_due.account-transaction--unpaid .account-transaction-paid_date {
  color: red;
}
.user-orders tr.account-transaction--past_due.account-transaction--unpaid .account-transaction-due_date {
  color: red;
}
.user-orders tr .account-transaction-paid_date__pay_button {
  color: white;
  background-color: #f26522;
  border: thin solid transparent;
  border-color: #f26522;
}
@media (min-width: 768px) {
  .update-profile-form form {
    width: 530px;
  }
  .update-profile-form .sui-strut-details,
  .update-profile-form div.sui-field > .sui-strut-field {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0;
  }
  .update-profile-form .sui-field label {
    kmmfont-size: 1em;
  }
  .update-profile-form .sui-strut-details,
  .update-profile-form .required {
    float: left;
    margin-top: 12px;
  }
  .update-profile-form .phone-ext {
    margin: 0;
  }
  #system-update-profile .profile {
    max-width: 220px;
  }
}
@media (min-width: 1200px) {
  #system-update-profile .profile {
    margin: 6px 0 0 72px;
    max-width: none;
  }
  .update-profile-form .sui-strut-details,
  .update-profile-form .required {
    float: left;
    margin-top: 12px;
  }
}
div.sui-field > .sui-strut-field > .sui-strut-controls > .sui-control > * {
  font-size: 1.4rem;
}
.update-profile-form .subscription_processor-subscriptions .sui-strut-details {
  display: none;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  Generic datagrid rules
 *
 *   System pages containing datagrid.
 *
 *      (Ninja Tip #108: Water puts out fire.)
 * ============================================================================
 */
.gridDataTableLarge {
  width: 100%;
}
.gridDataTableLarge th {
  width: auto;
  text-align: left;
}
.gridDataTableLarge td {
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
  /*white-space: nowrap;*/
}
.gridDataTableLarge .tooltip {
  position: static;
  opacity: 1;
  font-size: 1em;
}
.gridDataTableLarge .tooltip ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gridDataTableLarge li {
  line-height: 1.5em;
}
.gridDataTableLarge .tooltip span {
  display: none;
}
.gridDataTableLarge a {
  float: left;
  margin: 0 3px !important;
}
.gridDataTableLarge tr:last-child {
  border: none;
  background: #F5F5F5;
}
.gridDataTableLarge tr:last-child td {
  font-weight: bold;
}
.gridRow,
.gridAltRow {
  border-bottom: 1px solid #ebebeb;
}
.gridRow:hover,
.gridAltRow:hover {
  background: #EBF9FF;
}
.gridRow td,
.gridAltRow td {
  padding: 6px;
}
.gridHeaderRow {
  background-color: #ebebeb;
  padding: 6px;
}
@media (max-width: 1028px) {
  .gridDataTableLarge {
    display: display;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199px) {
  .gridDataTableLarge {
    display: table;
  }
  .gridDataTableLarge::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
  }
  .gridDataTableLarge::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, 0.3);
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  ORDERS AND TRANSACTIONS
 *
 *   System pages dealing with orders.
 *
 *      (Ninja Tip #102: Fire is bad. Except when it's good. Then it's not bad.)
 * ============================================================================
 */
.account-transaction-container .gridDataTableLarge td:nth-child(2) {
  width: 100%;
}
.account-transaction-container .gridDataTableLarge li:nth-child(n+2) {
  display: none;
}
@media (max-width: 1199px) {
  .account-transaction-container .gridDataTableLarge {
    display: block;
  }
}
.gridDataTableClientarea address {
  margin-bottom: 0;
}
.gridDataTableClientarea {
  width: 100%;
}
.gridDataTableClientarea.clientarea-grid .gridHeaderRow .sui-adminsuperbuttonitem .sui-adminsuperbuttonitem-header-cell {
  background: white;
  color: darkblue;
  padding: 4px;
  font-size: 0.8em;
  padding-left: 10px;
  padding-right: 10px;
}
.gridDataTableClientarea.clientarea-grid .address-type-shipping,
.gridDataTableClientarea.clientarea-grid .address-type-billing {
  cursor: pointer;
}
.gridDataTableClientarea.clientarea-grid [data-role=toggle_shipping] .ajax_invoking_indicator,
.gridDataTableClientarea.clientarea-grid [data-role=toggle_billing] .ajax_invoking_indicator {
  visibility: hidden;
}
.gridDataTableClientarea.clientarea-grid [data-role=toggle_shipping].ajax_invoking .address-type-shipping,
.gridDataTableClientarea.clientarea-grid [data-role=toggle_billing].ajax_invoking .address-type-billing {
  display: none;
}
.gridDataTableClientarea.clientarea-grid [data-role=toggle_shipping].ajax_invoking .ajax_invoking_indicator,
.gridDataTableClientarea.clientarea-grid [data-role=toggle_billing].ajax_invoking .ajax_invoking_indicator {
  visibility: visible;
}
.gridDataTableClientarea.clientarea-grid .address-type-shipping.address-status-disabled,
.gridDataTableClientarea.clientarea-grid .address-type-billing.address-status-disabled {
  opacity: 0.2;
}
.gridDataTableClientarea.clientarea-grid .address-type-shipping.address-status-disabled:hover,
.gridDataTableClientarea.clientarea-grid .address-type-billing.address-status-disabled:hover {
  opacity: 0.6;
}
/* Address Book Front End */
#address_book-address .sui-field.address_book-address-contact-name,
#address_book-address .sui-field.address_book-address-contact-address {
  margin-top: 40px;
}
#address_book-address:before {
  content: 'Address Book - Address';
  font-size: 1.5em;
}
#address_book-address {
  width: 600px;
}
#address_book-address > .sui-fieldset {
  background: transparent;
  border: 0;
  padding: 0;
}
#address_book-address > .sui-fieldset > .sui-fieldset-content {
  padding: 0;
}
#address_book-address .sui-fieldset .sui-fieldset {
  border: 0;
  background: transparent;
}
#address_book-address .ui-state-default.sui-button {
  float: right;
  margin-right: 0;
  height: auto;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  background: #007fff;
  border: 1px solid transparent;
  border-radius: 3px;
  color: #ffffff;
  padding: 10px 14px;
  display: inline-block;
  text-decoration: none;
  outline: none;
}
#address_book-address .ui-state-default.sui-button:hover {
  background: #fff;
  border: 1px solid #007fff;
  color: #007fff;
  cursor: pointer;
}
#address_book-address .custom-combobox-input.ui-widget,
#address_book-address .custom-combobox-toggle.ui-widget {
  border: 1px solid #cccccc;
  background: #ffffff;
}
#address_book-address .sui-not_required .notrequired,
#address_book-address .sui-required .required {
  display: inline-block;
  width: 10px;
}
#address_book-address .sui-required .sui-strut-details {
  display: inline-block;
}
#address_book-address .sui-error ul {
  list-style-type: none;
  padding-left: 1px;
}
#address_book-address .sui-error ul li {
  padding: 5px 10px;
  margin-bottom: 10px;
}
#address_book-address .sui-error ul li .ui-icon-alert {
  display: inline-block;
  vertical-align: middle;
}
#address_book-address .sui-error ul li .sui-content-text {
  margin-left: 4px;
}
#address_book-address .sui-formblock div.sui-field > .sui-strut-field {
  min-width: 0;
  font-size: 1em;
}
#address_book-address .sui-strut-details {
  width: 150px;
}
#address_book-address .sui-strut-controls {
  width: 300px;
}
#address_book-address .sui-strut-controls .sui-control {
  padding-left: 12px;
}
#address_book-address-links .sui-strut-controls .sui-control {
  padding-left: 0;
}
/* KMM - removed so that we get better responsive behaviour
.sui-not_required.address_book-address-contact-label #address_book-address-contact-label,
.sui-not_required.address_book-address-contact-company #address_book-address-contact-company,
.sui-required.address_book-address-contact-country .custom-combobox,
.sui-required.address_book-address-contact-province .custom-combobox {
    margin-left: 12px;
}

#address_book-address input.custom-combobox-input.ui-widget {
    width: 263px !important;
}
*/
#address_book-address-links .sui-required.address_book-address-contact-country .custom-combobox,
#address_book-address-links .sui-required.address_book-address-contact-province .custom-combobox {
  margin-left: 0;
}
#address_book-address-links .sui-strut-details {
  width: auto;
}
.address_book-address-links-relations-shipping .sui-strut-details,
.address_book-address-links-relations-shipping .required {
  margin-top: 0;
  padding: 0;
}
.sui-control-checkbox label[for="address_book-address-links-relations-shipping"]:before,
.sui-control-checkbox label[for="address_book-address-links-relations-billing"]:before {
  display: inline-block;
  margin-right: 3px;
}
#address_book-address-links {
  border-top: 1px solid #eee;
  padding-top: 25px;
}
#address_book-address-links:before {
  content: 'This Address Appears in the Checkout as a...';
  font-size: 1.5em;
}
.address_book_contact-actions {
  /**
     * DUC - make Save button right align with input fields
    */
  width: 477px;
}
@media (min-width: 768px) {
  #address_book-address .sui-strut-details,
  #address_book-address div.sui-field > .sui-strut-field {
    display: inline-block;
    zoom: 1;
    margin: 0;
  }
}
@media (max-width: 767px) {
  #address_book-address {
    width: 100%;
  }
  #address_book-address > .sui-fieldset {
    max-width: 100%;
  }
  .sui-not_required.address_book-address-contact-label #address_book-address-contact-label,
  .sui-not_required.address_book-address-contact-company #address_book-address-contact-company,
  .sui-required.address_book-address-contact-country .custom-combobox,
  .sui-required.address_book-address-contact-province .custom-combobox {
    margin-left: 0;
  }
  #address_book-address .sui-strut-controls .sui-control {
    padding-left: 0;
  }
  /* KMM - removed so that we get better responsive behaviour
    #address_book-address input.custom-combobox-input.ui-widget {
        width: 275px !important;
    }
*/
  .address_book_contact-actions {
    /**
         * DUC - Make Save button right align with input fields
         * Because the .sui-struct-controls is pushed down, the
         * width of this area should be approximate 300px
         */
    width: 311px;
  }
}
@media (max-width: 482px) {
  #address_book-address {
    width: 100%;
  }
  #address_book-address .sui-strut-controls {
    width: 100%;
  }
  .sui-not_required.address_book-address-contact-label #address_book-address-contact-label,
  .sui-not_required.address_book-address-contact-company #address_book-address-contact-company,
  .sui-required.address_book-address-contact-country .custom-combobox,
  .sui-required.address_book-address-contact-province .custom-combobox {
    display: block;
  }
  /* KMM - removed so that we get better responsive behaviour
    #address_book-address input.custom-combobox-input.ui-widget {
        width: 90% !important;
    }

    #address_book-address a.custom-combobox-toggle.ui-button {
        width: 10% !important;
    }
*/
  .address_book_contact-actions {
    /**
         * DUC - Make Save button right align with input fields
         * Because the .sui-struct-controls is 100% width
         * width of this area should be full viewport width
         */
    width: auto;
  }
}
.order_suspension {
  margin-top: 20px;
}
.order_suspension .order-summary {
  margin-bottom: 20px;
}
.order_suspension .order-summary-item-label {
  display: inline-block;
  min-width: 7em;
}
.order_suspension .order-summary-item-value {
  display: inline-block;
  font-weight: bold;
}
.order_suspension .order-summary-item-of-suspended_by {
  margin-top: 20px;
}
.order_suspension .resume-details-detail .resume-details-detail-label {
  display: inline-block;
  min-width: 10em;
}
.order_suspension .resume-details-detail .resume-details-detail-value {
  display: inline-block;
}
/* @author Kent McFadyen <kent@mediashaker.com> */
/* Order - header - START */
.systempage-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.systempage-return_button-container {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.systempage-heading {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
.systempage-heading {
  font-size: 2.8rem;
}
/* Order - header - FINISH */
/* @author Kent McFadyen <kent@mediashaker.com> */
/* actions - START */
.systempage-actions .systempage-action {
  display: inline-block;
}
/* actions - FINISH */
/* @author Kent McFadyen <kent@mediashaker.com> */
/* buttons - START */
.systempage-actions a.sui-sf-button {
  display: inline-block;
  padding: 10px 14px;
  height: auto;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.8em;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  color: #66ffff;
  background-color: #ff6666;
  border: 1px solid #ff6666;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-primary {
  color: #ffffff;
  background-color: #f26522;
  border-color: #f26522;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-primary:hover {
  background-color: #f58551;
  border-color: #f58551;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-secondary {
  color: #ffffff;
  background-color: #777777;
  border-color: #777777;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-secondary:hover {
  color: #ffffff;
  background-color: #000000;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-tertiary {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-tertiary:hover {
  color: #ffffff;
  background-color: #777777;
  border-color: #777777;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-primary.sui-sf-button--variant-outline {
  color: #f26522;
  background-color: #ffffff;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-primary.sui-sf-button--variant-outline:hover {
  color: #ffffff;
  background-color: #f26522;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-secondary.sui-sf-button--variant-outline {
  color: #777777;
  background-color: #ffffff;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-secondary.sui-sf-button--variant-outline:hover {
  color: #ffffff;
  background-color: #777777;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-tertiary.sui-sf-button--variant-outline {
  color: #000000;
  background-color: #ffffff;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-tertiary.sui-sf-button--variant-outline:hover {
  color: #ffffff;
  background-color: #000000;
}
.systempage-actions a.sui-sf-button.sui-sf-button--variant-link:hover {
  text-decoration: underline;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-primary.sui-sf-button--variant-link {
  color: #f26522;
  background-color: #ffffff;
  border-color: transparent;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-primary.sui-sf-button--variant-link:hover {
  border-color: #f26522;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-secondary.sui-sf-button--variant-link {
  color: #777777;
  background-color: #ffffff;
  border-color: transparent;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-secondary.sui-sf-button--variant-link:hover {
  border-color: #777777;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-tertiary.sui-sf-button--variant-link {
  color: #000000;
  background-color: #ffffff;
  border-color: transparent;
}
.systempage-actions a.sui-sf-button.sui-sf-button--color-tertiary.sui-sf-button--variant-link:hover {
  border-color: #000000;
}
/* buttons - FINISH */
/* @author Kent McFadyen <kent@mediashaker.com> */
/* Order - header - return_button - START */
.systempage-return_button-container {
  font-size: 2rem;
  line-height: 1.2;
  padding-right: 6px;
}
.systempage-return_button-button {
  border-color: transparent;
  padding: 4px;
  background-color: transparent;
}
.systempage-return_button-button:hover {
  background-color: ButtonFace;
  border-color: ButtonBorder;
}
.systempage-return_button-button:active {
  background-color: transparent;
  border-style: inset;
}
.systempage-return_button-link {
  font-size: inherit;
  line-height: inherit;
}
.systempage-return_button-label {
  display: none;
}
/* Order - header - return_button - FINISH */
/* @author Kent McFadyen <kent@mediashaker.com> */
.systempage-breadcrumb {
  padding: 0 0.5rem;
  font-size: 14px;
  margin-top: -10px;
}
.systempage-breadcrumb a {
  font-size: 14px;
}
.systempage-breadcrumb a:hover {
  text-decoration: underline;
}
.systempage-breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.systempage-breadcrumb li:not(:last-child)::after {
  display: inline-block;
  margin: 0 0.25rem;
  content: "→";
}
.systempage-breadcrumb li:last-child {
  color: darkgray;
}
/* @author Kent McFadyen <kent@mediashaker.com> */
/* Order - footer - START */
.systempage-footer {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
/* Order - footer - FINISH */
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  NEWS
 *
 *   Articles and article categories.
 *
 *      (Ninja Tip #172: When running across roof-tops, make sure to jump at the gaps.)
 * ============================================================================
 */
/*
 * ============================================================================
 *  CATEGORIES
 * ============================================================================
 */
.news-content {
  line-height: 1.6;
}
.news-items {
  position: relative;
}
.article-category .pager {
  background: transparent;
  padding: 0;
}
/*
 * ============================================================================
 *  ITEMS
 * ============================================================================
 */
.news-title,
.news-picture {
  margin-top: 9px;
  margin-bottom: 0px;
}
.news-title a,
.list-item-article .list-item-datum-title a {
  font-size: 2.3rem;
  line-height: 1.17em;
}
.news .four-column .news-title a {
  font-size: 1.5em;
}
.news-date,
.list-item-article .list-item-datum-created,
.list-item-article .list-item-datum-modified,
.comment-summary {
  /*font-size: 0.75em;*/
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #afafaf;
}
.news-date,
.list-item-article .list-item-datum-created,
.list-item-article .list-item-datum-modified {
  font-size: 0.75em;
}
.comment-summary a {
  font-size: 0.75em;
}
.news-summary,
.list-item-article .list-item-datum-description {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .news-title a {
    /*TALcolor: black;*/
  }
  .news .four-column .news-title a {
    kmmfont-size: 1.3em;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*** --- Just cause the store is so damn big. --- ***/
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  GENERAL
 *
 *   General rules affecting multiple areas in the store module (product category
 *      pages, individual product pages, checkout, etc.)
 *
 *      (Pirate Tip #13: Don't drink the sea water.)
 * ============================================================================
 */
.store ul,
.store ol,
.store li {
  margin: 0;
  list-style: none;
}
.product-stock,
.list-item-product .list-item-product-stock {
  zoom: 1;
  *display: inline;
  /*background-color: #f5f5f5;*/
  /*DTpadding: 5px 7% 4px;
    DTmargin: 12px 0;
    Dtpadding: 7px 11px;*/
  padding: 5px 7px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
}
.product-stock,
.out_of_stock,
.backordered {
  padding: 6px 7px 6px 0;
  margin: 0 10px 0 0;
  vertical-align: top;
  font-weight: 700;
}
.out_of_stock,
.backordered {
  display: inline-block;
  text-transform: capitalize;
  vertical-align: top;
}
.product-price,
.list-item-product .list-item-product-price {
  /*border-bottom: 1px #A59D9D dotted;
    border-top: 1px #A59D9D dotted;*/
  border: 0;
  /*background-color: #F9F9F9;*/
  /*padding: 10px;*/
}
.product-category.one-column-with-options .product-price {
  border: 0;
  background-color: #f5f5f5;
}
.product-category.one-column-with-options .product_browse .product-price {
  background-color: transparent;
}
.product-price-regular,
.list-item-product .list-item-product-price-regular {
  font-size: 1.125em;
  font-weight: 700;
  text-decoration: line-through;
}
.product-price-adjusted,
.list-item-product .list-item-product-price-adjusted {
  kmmfont-weight: bold;
  font-weight: 700;
  font-size: 1.35em;
  margin-bottom: 10px;
  /*padding: 10px;*/
}
.product-sale-name,
.list-item-product .list-item-product-sale-name {
  kmmfont-weight: bold;
  font-weight: 700;
  text-transform: uppercase;
  margin: 10px 0 0 0;
}
.product-price-sale,
.list-item-product .list-item-product-price-sale {
  kmmfont-weight: bold;
  font-size: 1.35em;
  color: red;
  /*background-color: #f9f9f9;*/
  /*border-top: 1px dotted #A59D9D;
    border-bottom: 1px dotted #A59D9D;*/
}
.product-category.one-column-with-options .product-price-sale {
  border: 0;
  /*background-color: #f5f5f5;*/
}
.product-category.one-column-with-options .product_browse .product-price-sale {
  background-color: transparent;
}
.related-table .product-price-sale {
  border-bottom: 0;
  border-top: 0;
}
#cart_Add_Message span a {
  kmmfont-weight: bold;
}
#cart_Add_Message > span,
.category-product-add-cart .cart_Add_Message > span,
.add_to_cart-message,
.product-add .add_to_cart-message {
  /*background: url("../../../../resources/images/store/added-checkmark.png") no-repeat scroll left center transparent;
    padding-left: 25px;*/
}
.category-product-add-cart .add_to_cart-message a,
.product-add .add_to_cart-message a,
.list-item-product .list-item-datum-add_to_cart .add_to_cart-message a {
  padding-left: 3px;
  color: #f15a29;
  font-weight: 600;
}
/* Add to Cart message with FontAwesome */
.category-product-add-cart .add_to_cart-message img,
.product-add .add_to_cart-message img,
.list-item-product .list-item-datum-add_to_cart .add_to_cart-message img {
  display: none;
  visibility: hidden;
}
.category-product-add-cart .add_to_cart-message span.text,
.product-add .add_to_cart-message span.text,
.list-item-product .list-item-datum-add_to_cart .add_to_cart-message span.text {
  color: #808080;
  font-weight: 400;
  font-size: 1em;
}
.list-item-product .list-item-datum-add_to_cart .add_to_cart-message span.text {
  font-size: 1.1em;
}
.category-product-add-cart .add_to_cart-message span.text,
.product-add .add_to_cart-message span.text,
.list-item-product .list-item-datum-add_to_cart .add_to_cart-message span.text {
  font-size: 1.6rem;
}
.relatedTable .add_to_cart-message span.text span.text {
  font-size: 1em;
}
.category-product-add-cart .add_to_cart-message span.text > span::before,
.product-add .add_to_cart-message span.text > span::before,
.list-item-product .list-item-datum-add_to_cart .add_to_cart-message span.text > span::before {
  content: '\f14a';
  font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', 'FontAwesome';
}
.category-product-add-cart .add_to_cart-message a:before,
.product-add .add_to_cart-message a:before,
.list-item-product .list-item-datum-add_to_cart .add_to_cart-message a:before {
  content: '\f07a';
  font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', 'FontAwesome';
  margin-right: 5px;
}
/* Three column and Four Column */
.list-three_column .category-product-add-cart .add_to_cart-message,
.list-four_column .category-product-add-cart .add_to_cart-message,
.list-five_column .category-product-add-cart .add_to_cart-message,
.list-three_column .list-item-product .list-item-datum-add_to_cart .add_to_cart-message,
.list-four_column .list-item-product .list-item-datum-add_to_cart .add_to_cart-message,
.list-five_column .list-item-product .list-item-datum-add_to_cart .add_to_cart-message {
  font-size: 0.85em;
  margin-top: 0;
}
/* End Add to Cart message with FontAwesome */
.add_to_cart-form select.add_to_cart-options,
.add_to_cart-form select.add_to_cart-configuration {
  display: none;
}
/* @author Tylor Llewellyn <tylor@mediashaker.com> */
/*
 * ============================================================================
 *  Coupon Code
 * ============================================================================
 */
#coupon_code {
  max-width: 475px;
  display: block;
}
/* @author Daniel To <daniel@mediashaker.com> */
/*
 * ============================================================================
 *  One Column Minimal
 * ============================================================================
 */
.one-column-minimal .cell > .middle:before,
.fullwidth .one-column-minimal .cell > .middle:before,
.one-column-minimal .cell > .middle:after,
.fullwidth .one-column-minimal .cell > .middle:after {
  content: " ";
  display: table;
}
.one-column-minimal .cell > .middle:after,
.fullwidth .one-column-minimal .cell > .middle:after {
  clear: both;
}
.one-column-minimal .cell > .middle > .middle-left,
.fullwidth .one-column-minimal .cell > .middle > .middle-left {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.one-column-minimal .cell > .middle > .middle-center,
.fullwidth .one-column-minimal .cell > .middle > .middle-center {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.one-column-minimal .cell > .middle > .middle-left,
.fullwidth .one-column-minimal .cell > .middle > .middle-left {
  min-height: 0px;
}
.one-column-minimal .cell > .middle > .middle-left:empty,
.fullwidth .one-column-minimal .cell > .middle > .middle-left:empty {
  display: none;
}
.one-column-minimal .cell > .middle > .middle-left:empty + .middle-center,
.fullwidth .one-column-minimal .cell > .middle > .middle-left:empty + .middle-center {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.one-column-minimal .cell > .middle > .middle-left:empty + .middle-center + .middle-right,
.fullwidth .one-column-minimal .cell > .middle > .middle-left:empty + .middle-center + .middle-right {
  position: relative;
  min-height: 1px;
  DTfloat: right;
}
.one-column-minimal .category-product-add-cart {
  margin-top: 0;
}
.list-one_column-minimal .list-item-product .list-item-datum-add_to_cart {
  float: none;
  margin-right: 0;
}
.list-one_column-minimal .list-item-product .list-item-datum-add_to_cart form {
  position: relative;
  /* float: right; */
  /* text-align: right; */
  /* right: 0; */
}
.list-one_column-minimal .list-item-product .list-item-datum-add_to_cart form > a {
  margin-bottom: 0;
  margin-right: 0;
}
.list-one_column-minimal .list-item-product .list-item-datum-add_to_cart form > a:before {
  position: relative;
}
.list-one_column-minimal .list-item-product .list-item-datum-add_to_cart form > a:before {
  float: none;
  display: inline;
}
.one-column-minimal .category-product-add-cart input {
  height: 28px;
  margin-right: 0;
}
.one-column-minimal .view-button a {
  padding: 2px 10px;
}
.list-one_column-minimal .list-item-product .list-item-datum-view_button a {
  position: relative;
  right: 0;
}
.list-one_column-minimal .list-item-product .list-item-product-price {
  padding: 0;
  font-size: 1.3em;
  margin-bottom: 5px;
  background-color: transparent;
}
.list-one_column-minimal .list-item-product-price-regular {
  font-size: 1.2em;
}
.list-one_column-minimal .list-item-product-price-sale {
  font-size: 1.2em;
  background-color: transparent;
  padding: 0;
}
.list-one_column-minimal .product-price-adjusted {
  width: 100%;
  padding-right: 0px;
  text-align: right;
  position: relative;
  top: 0;
}
.list-one_column-minimal .list-item-product .list-item-product-sale-name {
  margin-top: 5px;
  text-align: right;
  padding-top: 0;
  padding-bottom: 0;
}
.list-one_column-minimal .list-item-product .list-item-datum-price {
  float: none;
}
.list-one_column-minimal .product-stock {
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 3px 3% 3px;
}
.one-column-minimal .add_to_cart-message span.text,
.list-one_column-minimal .list-item-product .list-item-datum-add_to_cart .add_to_cart-message span.text {
  padding-right: 9px;
}
.product.fullwidth #comment-header,
.product.fullwidth #comment-post-form,
.product.fullwidth #comment-container,
.product.landing-page #comment-header,
.product.landing-page #comment-post-form,
.product.landing-page #comment-container,
.product.landing-page textarea#comment-body,
.product.fullscreen #comment-header,
.product.fullscreen #comment-post-form,
.product.fullscreen #comment-container {
  max-width: 100%;
}
@media (min-width: 1200px) {
  .one-column-minimal .category-product-sale-name:empty + .category-product-sale-price:empty + .view-button,
  .list-one_column-minimal .list-item-product .list-item-datum-sale-name:empty + .list-item-datum-sale-price:empty + .list-item-datum-view_button {
    margin-top: 5px;
    text-align: right;
  }
  .one-column-minimal .product-price-adjusted {
    padding: 0;
  }
  .one-column-minimal .category-product-add-cart form {
    position: absolute;
    right: 0;
    top: 0;
  }
  .one-column-minimal .cart_Add_Message,
  .list-one_column-minimal .list-item-product .cart_Add_Message {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .one-column-minimal .category-product-title a {
    z-index: 1;
    position: relative;
  }
  .one-column-minimal .view-button,
  .list-one_column-minimal .list-item-product .list-item-datum-view_button {
    margin-top: 5px;
  }
  .one-column-minimal .category-product-price:empty + .category-product-sale-name:empty + .category-product-sale-price:empty + .category-product-add-cart,
  .list-one_column-minimal .list-item-product .list-item-datum-price:empty + .list-item-datum-sale-name:empty + .list-item-datum-sale-price:empty + .list-item-datum-add_to_cart {
    text-align: right;
  }
  .one-column-minimal .category-product-sale-name:empty + .category-product-sale-price:empty + .category-product-add-cart,
  .list-one_column-minimal .list-item-product .list-item-datum-sale-name:empty + .list-item-datum-sale-price:empty + .list-item-datum-add_to_cart {
    DTmargin-right: 81px;
    text-align: right;
  }
  .one-column-minimal .category-product-price {
    float: left;
  }
  .one-column-minimal .category-product-price .product-price-regular {
    margin: 9px 0;
  }
  .one-column-minimal .category-product-price .product-price-regular {
    border: 0px;
  }
  .one-column-minimal .product-price {
    border: 0px;
  }
  .one-column-minimal .poll-widget-star {
    text-align: left;
    float: left;
    width: 37%;
  }
  .one-column-minimal .product-price-sale {
    padding-bottom: 9px;
    text-align: left;
    top: 25px;
    position: absolute;
    border-bottom: 0;
  }
  .one-column-minimal .category-product-add-cart input {
    width: 35px;
    margin-right: 20px;
  }
  .one-column-minimal .product-stock {
    margin: 12px 0;
  }
  .one-column-minimal .product-sale-name {
    padding-bottom: 17px;
    padding-top: 15px;
    float: right;
    width: 100%;
    display: block;
    text-align: right;
    margin-top: 25px;
  }
  .one-column-minimal .category-product-add-cart form > a {
    display: inline;
    top: 0;
    position: absolute;
  }
  .one-column-minimal .category-product-image,
  .one-column-minimal .category-product-price,
  .one-column-minimal .category-product-sale-price,
  .one-column-minimal .category-product-sale-name,
  .one-column-minimal .category-product-title,
  .one-column-minimal .product-sale-name {
    margin: 0px;
  }
  .list-one_column-minimal .list-item-product .list-item-datum-image,
  .list-one_column-minimal .list-item-product .list-item-datum-price,
  .list-one_column-minimal .list-item-product .list-item-datum-sku,
  .list-one_column-minimal .list-item-product .list-item-datum-sale-price,
  .list-one_column-minimal .list-item-product .list-item-datum-sale-name,
  .list-one_column-minimal .list-item-product .list-item-datum-title,
  .list-one_column-minimal .list-item-product .list-item-product-sale-name {
    margin: 0px;
  }
  .one-column-minimal .layout-grid > .layout-grid-row {
    margin-left: 0px;
  }
  .one-column-minimal .cell > .middle > .middle-left,
  .fullwidth .one-column-minimal .cell > .middle > .middle-left {
    float: left;
    width: 20%;
  }
  .one-column-minimal .cell > .middle > .middle-right {
    float: right;
    width: 38%;
  }
  .one-column-minimal .cell > .middle > .middle-center,
  .fullwidth .one-column-minimal .cell > .middle > .middle-center {
    width: 42%;
    float: left;
  }
  .one-column-minimal .cell > .middle > .middle-left:empty + .middle-center {
    width: 60%;
  }
  .one-column-minimal .cell > .middle > .middle-left:empty + .middle-center {
    padding-left: 0px;
    padding-right: 0px;
  }
  .fullwidth .one-column-minimal .cell > .middle > .middle-right {
    display: inline-block;
    width: 25%;
  }
  .fullwidth .one-column-minimal .cell > .middle > .middle-left:empty + .middle-center {
    display: inline-block;
    width: 75%;
  }
  .one-column-minimal .cell > .middle > .middle-right,
  .fullwidth .one-column-minimal .cell > .middle > .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .one-column-minimal .middle-right {
    font-size: 0.9em;
  }
  .one-column-minimal .product-price-sale {
    text-align: right;
    border-bottom: 0;
  }
  .one-column-minimal .category-product-price .product-price-regular {
    margin: 0;
  }
  .one-column-minimal .product-price-adjusted {
    padding: 0;
  }
  .one-column-minimal .product-price-sale {
    padding: 10px;
    text-align: left;
    border-bottom: 0;
  }
  .one-column-minimal .category-product-add-cart input {
    margin-right: 0;
    width: 48px;
  }
  .one-column-minimal .category-product-add-cart form {
    position: absolute;
    right: 0;
    top: 0;
  }
  .one-column-minimal .category-product-add-cart form > a {
    position: relative;
  }
  .one-column-minimal .product-sale-name {
    padding-top: 15px;
    margin-top: 40px;
    text-align: left;
  }
  .one-column-minimal .category-product-add-cart .add_to_cart-message,
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart .add_to_cart-message {
    left: 0;
    top: 7px;
    display: block;
  }
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart .add_to_cart-message {
    margin-top: 15px;
  }
  .one-column-minimal > .view-button,
  .list-one_column-minimal > .list-item-datum-view_button {
    position: relative;
    margin-top: 0;
    float: right;
    display: block;
  }
  .one-column-minimal .view-button a {
    position: absolute;
    right: 15px;
    top: 0;
  }
  .one-column-minimal .category-product-add-cart form > a:before {
    padding: 4px 8px;
  }
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart form > a:before {
    position: relative;
    float: right;
  }
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart input {
    /* margin-right: -20px; // remove since we got rid of the &nbsp; */
  }
}
@media (max-width: 1199px) {
  .one-column-minimal .cell > .middle > .middle-right {
    float: left;
    width: 100%;
    margin-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .one-column-minimal .cell > .middle > .middle-center {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .fullwidth .one-column-minimal .cell > .middle > .middle-center,
  .one-column-minimal .cell > .middle > .middle-left:empty + .middle-center {
    padding-left: 15px;
    padding-right: 15px;
  }
  .one-column-minimal .cell > .middle > .middle-right,
  .fullwidth .one-column-minimal .cell > .middle > .middle-right,
  .one-column-minimal .cell > .middle > .middle-left,
  .fullwidth .one-column-minimal .cell > .middle > .middle-left {
    padding-left: 15px;
    padding-right: 15px;
  }
  .one-column-minimal .category-product-add-cart form > a {
    display: inline;
    top: 0;
    right: 0;
    position: relative;
    float: none;
  }
  .one-column-minimal .cart_Add_Message,
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart .cart_Add_Message {
    display: block;
  }
  .one-column-minimal .category-product-price + .category-product-sale-name:empty + .category-product-sale-price:empty + .view-button,
  .one-column-minimal .category-product-sale-name:empty + .category-product-sale-price:empty + .category-product-add-cart,
  .one-column-minimal .category-product-price:empty + .category-product-sale-name:empty + .category-product-sale-price:empty + .category-product-add-cart,
  .one-column-minimal .product-price-sale,
  .one-column-minimal .product-sale-name,
  .one-column-minimal .cell > .middle > .middle-right,
  .fullwidth .one-column-minimal .cell > .middle > .middle-right {
    text-align: left;
  }
  .one-column-minimal .category-product-price {
    padding-right: 15px;
  }
  .one-column-minimal .product-price-sale {
    text-align: left;
    padding-top: 9px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 1028px) {
  .one-column-minimal div.product-price {
    padding-right: 15px;
  }
  .one-column-minimal div.category-product-price,
  .list-one_column-minimal .list-item-product .list-item-datum-price {
    float: none;
  }
  .list-one_column-minimal .middle-right,
  .one-column-minimal .cell > .middle > .middle-right,
  .fullwidth .one-column-minimal .cell > .middle > .middle-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1028px) {
  .list-one_column-minimal .middle-right {
    padding-left: 15px;
    padding-right: 15px;
  }
  .list-one_column-minimal .list-item-product .list-item-product-price,
  .list-one_column-minimal .list-item-product .list-item-product-sale-name,
  .list-one_column-minimal .product-price-adjusted {
    text-align: left;
  }
}
@media (max-width: 971px) and (min-width: 768px) {
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart form > a:before {
    position: relative;
    float: right;
  }
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart input {
    width: 40px;
  }
  .list-one_column-minimal .category-product-add-cart input,
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart input {
    height: 33px;
  }
  .list-one_column-minimal .category-product-add-cart form > a:before,
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart form > a:before,
  .view-button a:before,
  .list-item-product .list-item-datum-view_button a:before {
    padding: 9px 5px;
    font-size: 0.7em !important;
  }
  .list-one_column-minimal .list-item-product .list-item-product-price,
  .list-one_column-minimal .list-item-product .list-item-product-sale-name,
  .list-one_column-minimal .product-price-adjusted {
    text-align: right;
  }
}
@media (max-width: 796px) and (min-width: 768px) {
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart input {
    margin-right: 5px;
  }
}
@media (max-width: 780px) and (min-width: 768px) {
  .list-one_column-minimal .category-product-add-cart input,
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart input {
    height: 32px;
  }
  .view-button a:before,
  .list-item-product .list-item-datum-view_button a:before,
  .list-one_column-minimal .category-product-add-cart form > a:before,
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart form > a:before,
  .view-button a:before,
  .list-item-product .list-item-datum-view_button a:before {
    font-size: 0.6em !important;
  }
}
@media (max-width: 767px) {
  .list-one_column-minimal .list-item-product .list-item-datum-price {
    float: none;
  }
  .list-one_column-minimal .list-item-product .view-button {
    float: none;
  }
  .list-one_column-minimal .list-item-product .list-item-datum-view_button {
    float: none;
  }
  .list-one_column-minimal .list-item-product .list-item-product-price {
    text-align: left;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .list-one_column-minimal .list-item-product .list-item-product-price,
  .list-one_column-minimal .list-item-product .list-item-product-sale-name,
  .list-one_column-minimal .product-price-adjusted {
    text-align: right !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .list-one_column-minimal .list-item-product .list-item-product-price,
  .list-one_column-minimal .list-item-product .list-item-product-sale-name,
  .list-one_column-minimal .product-price-adjusted,
  .body.with-sidebar .main-column .list-one_column-minimal .cell > .middle > .middle-right,
  .body.fullwidth .list-one_column-minimal .cell > .middle > .middle-right,
  .body.body .list-one_column-minimal .cell > .middle > .middle-right {
    text-align: right !important;
  }
  .one-column-minimal .category-product-add-cart .add_to_cart-message,
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart .add_to_cart-message {
    font-size: 0.9em !important;
  }
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart .add_to_cart-message {
    margin-top: 15px;
  }
  .one-column-minimal .add_to_cart-message span.text img,
  .list-one_column-minimal .list-item-product .list-item-datum-add_to_cart .add_to_cart-message span.text img {
    width: 11px !important;
  }
  .category-product-add-cart input,
  .list-item-product .list-item-datum-add_to_cart input {
    width: 40px !important;
    height: 29px !important;
  }
  .category-product-add-cart form > a:before,
  .list-item-product .list-item-datum-add_to_cart form > a:before,
  .view-button a:before,
  .list-item-product .list-item-datum-view_button a:before {
    padding: 7px 8px !important;
    font-size: 0.7em !important;
    letter-spacing: 0 !important;
  }
}
/* @author Daniel To <daniel@mediashaker.com> */
/*
 * ============================================================================
 *  New News Category and Item
 * ============================================================================
 */
@media (min-width: 768px) {
  .news.one-column-with-sidebar .top-page-bar .content-wrapper,
  .news-item.article-three-columns .top-page-bar .content-wrapper {
    margin-bottom: 20px;
  }
  .news.one-column-with-sidebar .main-column {
    width: 50%;
    float: left;
  }
  .news.one-column-with-sidebar .side-column-left {
    float: left;
    width: 25%;
  }
  .news.one-column-with-sidebar .side-column-right {
    float: right;
    width: 25%;
  }
  .news.one-column-with-sidebar .breadcrumb-bar,
  .news-item.article-three-columns .breadcrumb-bar {
    padding-left: 15px;
  }
  .news.one-column-with-sidebar .page-buttons,
  .news-item.article-three-columns .page-buttons {
    width: auto;
    padding-right: 15px;
  }
  .news.one-column-with-sidebar .news-picture:first-child {
    margin-top: 0;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  STORE CATEGORY
 *
 *   Styles for product categories.
 *
 *      (Ninja Rule #1973: Rat. Ox. Tiger. Rabbit. Dragon. Snake. Horse. Ram. Monkey.
 *          Bird. Dog. Boar. Memorize your seals! )
 * ============================================================================
 */
.products {
  position: relative;
}
.subcategory-table > .layout-grid {
  clear: left;
}
.product-category .layout-grid-row {
  background: none;
}
.product-category .one-columna .cell > .top {
  height: auto !important;
  min-height: 0 !important;
}
.product-category .one-columna .cell > .middle {
  overflow: hidden !important;
  width: auto !important;
  float: none !important;
}
.product-category.one-column .one-columna .cell > .middle {
  margin: 0 !important;
  padding: 0 !important;
}
.subcategory-table {
  padding-top: 15px;
}
/*
 * ============================================================================
 *  INDIVIDUAL PRODUCT ROW
 * ============================================================================
 */
.category-product-title {
  margin: 12px 0;
}
.category-product-price,
.category-product-sale-name,
.category-product-sale-price,
.list-item-product .list-item-datum-price {
  margin: 9px 0;
}
.list-item-product .list-item-datum-sku {
  margin: 9px 0;
  word-break: break-word;
}
.list-item-product .list-item-datum-sku:not(:empty)::before {
  content: 'SKU: ';
}
.category-product-title a {
  font-size: 1.5em;
  line-height: 1.17em;
}
.list-item-product .list-item-datum-title a {
  font-size: 2.3rem;
  line-height: 1.17em;
}
.product-category .product-stock,
.list-item-product .product-stock,
.product-category .out_of_stock,
.list-item-product .out_of_stock,
.product-category .backordered,
.list-item-product .backordered {
  margin-top: 0;
  margin-right: 6px;
}
/* Four Column & One Column Cateogry */
.list-four_column .list-item-product .product-stock,
.list-five_column .list-item-product .product-stock,
.list-four_column .list-item-product .out_of_stock,
.list-five_column .list-item-product .out_of_stock,
.list-four_column .list-item-product .backordered,
.list-five_column .list-item-product .backordered {
  margin-right: 0;
}
@media (max-width: 767px) {
  .list-item-product .product-stock,
  .list-item-product .out_of_stock,
  .list-item-product .backordered {
    margin: 0 10px 5px 0;
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .body.with-sidebar .main-column .list-one_column .cell > .middle > .middle-right,
  .body.fullwidth .list-one_column .cell > .middle > .middle-right,
  .body.body .list-one_column .cell > .middle > .middle-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 1156px) and (min-width: 768px) {
  .list-one_column .category-product-add-cart input,
  .list-four_column .category-product-add-cart input,
  .list-five_column .category-product-add-cart input,
  .list-one_column .list-item-product .list-item-datum-add_to_cart input,
  .list-four_column .list-item-product .list-item-datum-add_to_cart input,
  .list-five_column .list-item-product .list-item-datum-add_to_cart input {
    width: 35px;
    /*height: 33px;*/
  }
  .list-one_column .category-product-add-cart form > a:before,
  .list-four_column .category-product-add-cart form > a:before,
  .list-five_column .category-product-add-cart form > a:before,
  .list-one_column .list-item-product .list-item-datum-add_to_cart form > a:before,
  .list-four_column .list-item-product .list-item-datum-add_to_cart form > a:before,
  .list-five_column .list-item-product .list-item-datum-add_to_cart form > a:before {
    letter-spacing: 0;
    padding: 8px 10px;
    font-size: 0.7em;
  }
}
/* End Four Column category */
.category-product-description {
  font-size: 0.85em;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.list-item-product .list-item-datum-description {
  line-height: 1.5em;
  margin-bottom: 10px;
}
.one-column .category-product-image,
.one-column .category-product-price {
  margin-top: 15px;
}
.category-product-add-cart,
.list-item-product .list-item-datum-add_to_cart {
  margin-top: 10px;
}
.category-product-add-cart input,
.list-item-product .list-item-datum-add_to_cart input {
  outline: none;
  width: 40px;
  DTheight: 28px;
  padding: 0 3px;
  /*margin-right: 3px;*/
  height: 35px;
  vertical-align: top;
}
.category-product-add-cart form > a,
.list-item-product .list-item-datum-add_to_cart form > a {
  /*display: block;*/
  height: 32px;
  margin-bottom: 10px;
  vertical-align: top;
  /*margin-right: 67px;*/
  /*display: inline-block;*/
}
.category-product-add-cart form > a:before,
.list-item-product .list-item-datum-add_to_cart form > a:before,
.category-product-add-cart div > a:before,
.list-item-product .list-item-datum-add_to_cart div > a:before {
  content: "Add to Cart";
  /* here to handle old css classes */
  white-space: nowrap;
  color: #000;
  border: 1px solid #b7b7b7;
  background-color: transparent;
  padding: 10px 8px;
  /*height: auto;*/
  height: 35px;
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  text-decoration: none;
  font-family: 'OpenSans', sans-serif;
  display: inline-block;
  margin: 0 6px 3px 0;
}
.category-product-add-cart form > a.add_to_cart-form-submit:before,
.list-item-product .list-item-datum-add_to_cart form > a.add_to_cart-form-submit:before,
.category-product-add-cart form > a.add_to_cart-dialog-open:before,
.list-item-product .list-item-datum-add_to_cart form > a.add_to_cart-dialog-open:before,
.category-product-add-cart div > a.add_to_cart-form-submit:before,
.list-item-product .list-item-datum-add_to_cart div > a.add_to_cart-form-submit:before,
.category-product-add-cart div > a.add_to_cart-dialog-open:before,
.list-item-product .list-item-datum-add_to_cart div > a.add_to_cart-dialog-open:before {
  content: "Add to Cart";
  color: #f26522;
  border: 1px solid #f26522;
}
.category-product-add-cart form > a.add_to_quote-form-submit:before,
.list-item-product .list-item-datum-add_to_cart form > a.add_to_quote-form-submit:before,
.category-product-add-cart form > a.add_to_quote-dialog-open:before,
.list-item-product .list-item-datum-add_to_cart form > a.add_to_quote-dialog-open:before,
.category-product-add-cart div > a.add_to_quote-form-submit:before,
.list-item-product .list-item-datum-add_to_cart div > a.add_to_quote-form-submit:before,
.category-product-add-cart div > a.add_to_quote-dialog-open:before,
.list-item-product .list-item-datum-add_to_cart div > a.add_to_quote-dialog-open:before {
  content: "Add to Quote";
  border: 1px solid #777;
  color: #777;
}
.category-product-add-cart form > a.add_to_quote-form-submit:before,
.list-item-product .list-item-datum-add_to_cart form > a.add_to_quote-form-submit:before,
.category-product-add-cart form > a.add_to_quote-dialog-open:before,
.list-item-product .list-item-datum-add_to_cart form > a.add_to_quote-dialog-open:before,
.category-product-add-cart div > a.add_to_quote-form-submit:before,
.list-item-product .list-item-datum-add_to_cart div > a.add_to_quote-form-submit:before,
.category-product-add-cart div > a.add_to_quote-dialog-open:before,
.list-item-product .list-item-datum-add_to_cart div > a.add_to_quote-dialog-open:before {
  background-color: transparent;
  color: #323232;
  border-color: #323232;
}
.category-product-add-cart form > a.add_to_quote-form-submit:hover:before,
.list-item-product .list-item-datum-add_to_cart form > a.add_to_quote-form-submit:hover:before,
.category-product-add-cart form > a.add_to_quote-dialog-open:hover:before,
.list-item-product .list-item-datum-add_to_cart form > a.add_to_quote-dialog-open:hover:before,
.category-product-add-cart div > a.add_to_quote-form-submit:hover:before,
.list-item-product .list-item-datum-add_to_cart div > a.add_to_quote-form-submit:hover:before,
.category-product-add-cart div > a.add_to_quote-dialog-open:hover:before,
.list-item-product .list-item-datum-add_to_cart div > a.add_to_quote-dialog-open:hover:before {
  background-color: #323232;
  color: #fff;
  border-color: transparent;
}
/* category multiple add to cart button fit tweaks - start */
@media (min-width: 483px) {
  .list.list-one_column .category-product-add-cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-three_column .category-product-add-cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-four_column .category-product-add-cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-five_column .category-product-add-cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-one_column .category-product-add-cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-three_column .category-product-add-cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-four_column .category-product-add-cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-five_column .category-product-add-cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-one_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-four_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-five_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-one_column .list-item-product .list-item-datum-add_to_cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-three_column .list-item-product .list-item-datum-add_to_cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-four_column .list-item-product .list-item-datum-add_to_cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-five_column .list-item-product .list-item-datum-add_to_cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before {
    /* padding: 10px 8px; */
    padding: 0;
    letter-spacing: 0;
    font-size: 0.7em;
    margin-right: 3px;
  }
  .list.list-one_column .category-product-add-cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-one_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-one_column .category-product-add-cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before,
  .list.list-one_column .list-item-product .list-item-datum-add_to_cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before {
    padding: 10px 8px;
  }
}
/* category multiple add to cart button fit tweaks - end */
/* fix for firefox */
.body.three-column .list-one_column .list-item-product .middle-right .list-item-datum-add_to_cart form > a:before {
  position: relative;
  top: 4px;
}
.category-product-add-cart form > a:hover,
.list-item-product .list-item-datum-add_to_cart form > a:hover {
  opacity: 1;
  filter: opacity(1);
  -moz-filter: opacity(1);
  -webkit-filter: opacity(1);
  cursor: pointer;
}
.category-product-add-cart form > a:hover:before,
.list-item-product .list-item-datum-add_to_cart form > a:hover:before {
  DTbackground: #77BE35;
  DTcolor: #FFF;
  background-color: #f26522;
  border: 1px solid #f26522;
  color: #ffffff;
}
.category-product-add-cart .add_to_cart-message,
.list-item-product .list-item-datum-add_to_cart .add_to_cart-message {
  /*display: inline-block;*/
  /*margin-left: 67px;*/
  margin-top: 10px;
}
.list-one_column .category-product-add-cart .add_to_cart-message,
.list-one_column .list-item-product .list-item-datum-add_to_cart .add_to_cart-message {
  margin-top: 5px;
}
.category-product-add-cart .errorText,
.list-item-product .list-item-datum-add_to_cart .errorText {
  padding-left: 0;
}
/* Old image view button */
img.view-button {
  display: none;
}
/* Current css view button */
.product-category .view-button,
.list-item-product .list-item-datum-view_button {
  margin: 12px 0;
}
.product-category .view-button a,
.list-item-product .list-item-datum-view_button a {
  display: inline-block;
}
.view-button a:before,
.list-item-product .list-item-datum-view_button a:before {
  content: "Buy";
  DTcolor: #fff;
  white-space: nowrap;
  color: #000;
  border: 1px solid #b7b7b7;
  background-color: transparent;
  padding: 10px 8px;
  height: auto;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  text-decoration: none;
  font-family: 'OpenSans', sans-serif;
  display: block;
}
.view-button a:hover:before,
.list-item-product .list-item-datum-view_button a:hover:before {
  IWAcolor: #fff;
  DTcolor: #252a35;
  background-color: #f26522;
  border: 1px solid #f26522;
  color: #ffffff;
  cursor: pointer;
}
.view-button a,
.list-item-product .list-item-datum-view_button a {
  DTbackground-color: #252a35;
  DTpadding: 2px 19px;
  IWAborder-radius: 3px;
  DTborder-radius: 2px;
}
.view-button a:hover,
.list-item-product .list-item-datum-view_button a:hover {
  IWAbackground-color: #33a532;
  DTbackground-color: #f5f5f5;
  IWAborder: 1px solid #E6E6E6;
  DTborder: 1px solid #E6E6E6;
  opacity: 1;
  filter: opacity(1);
  -moz-filter: opacity(1);
  -webkit-filter: opacity(1);
}
@media (min-width: 768px) {
  .category-product-title a {
    color: black;
  }
}
/* Quick view button */
.category-product-quick-view-button,
.list-item-product .list-item-datum-quick-view-button,
.list-item-article .list-item-datum-quick-view-button {
  display: inline;
  vertical-align: top;
  /*margin: 3px 3px 12px 3px;
    margin: 0 3px 12px 3px;*/
}
.related_lists .list-item-product .list-item-datum-quick-view-button,
.alternate-products .category-product-quick-view-button {
  margin: 3px 0 12px 0;
}
.category-product-quick-view-button a,
.list-item-product .list-item-datum-quick-view-button a,
.list-item-article .list-item-datum-quick-view-button a {
  /*border-radius: 3px;
    padding: 4px 20px 4px;
    background-color: #f5f5f5;
    border: 1px solid #E6E6E6;
    DTcolor: #555;
    DTborder: 1px solid #f0f0f0;
    DTpadding: 3px 8px;
    DTdisplay: block;*/
  background-color: #fff;
  /*border: 1px solid #cdcdcd;*/
  color: #333333;
  /*padding: 7px 11px;*/
  padding: 7px 0;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  text-decoration: none;
  font-family: 'OpenSans', sans-serif;
  display: inline-block;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .list-item-product .list-item-datum-quick-view-button {
    display: none;
  }
}
/* One Column, Four Column Quick View and Stock */
.list-one_column .category-product-quick-view-button a,
.list-four_column .category-product-quick-view-button a,
.list-five_column .category-product-quick-view-button a,
.list-one_column .list-item-product .list-item-datum-quick-view-button a,
.list-four_column .list-item-product .list-item-datum-quick-view-button a,
.list-five_column .list-item-product .list-item-datum-quick-view-button a,
.list-one_column .list-item-article .list-item-datum-quick-view-button a,
.list-four_column .list-item-article .list-item-datum-quick-view-button a,
.list-five_column .list-item-article .list-item-datum-quick-view-button a {
  padding: 7px 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
@media (max-width: 909px) and (min-width: 768px) {
  .list-four_column .list-item-product .product-stock,
  .list-five_column .list-item-product .product-stock,
  .list-four_column .list-item-product .out_of_stock,
  .list-five_column .list-item-product .out_of_stock,
  .list-four_column .list-item-product .backordered,
  .list-five_column .list-item-product .backordered {
    font-size: 0.8em;
    padding: 4px 7px;
  }
  .list-four_column .category-product-quick-view-button a,
  .list-five_column .category-product-quick-view-button a,
  .list-four_column .list-item-product .list-item-datum-quick-view-button a,
  .list-five_column .list-item-product .list-item-datum-quick-view-button a,
  .list-four_column .list-item-article .list-item-datum-quick-view-button a,
  .list-five_column .list-item-article .list-item-datum-quick-view-button a {
    padding: 5px 5px;
    font-size: 0.6em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    vertical-align: top;
    font-weight: 600;
  }
}
/* Three Column Layout */
body.three-column .list-item-product .category-product-quick-view-button,
body.three-column .list-item-product .list-item-datum-quick-view-button,
body.three-column .list-item-article .list-item-datum-quick-view-button {
  font-size: 0.8em;
  display: inline-block;
}
body.three-column .list-item-product .product-stock,
body.three-column .list-item-product .out_of_stock,
body.three-column .list-item-product .backordered {
  font-size: 0.8em;
  margin-bottom: 10px;
}
/* With Sidebar */
body.with-sidebar .list-three_column .list-item-product .category-product-quick-view-button,
body.with-sidebar .list-four_column .list-item-product .category-product-quick-view-button,
body.with-sidebar .list-five_column .list-item-product .category-product-quick-view-button,
body.with-sidebar .list-three_column .list-item-product .list-item-datum-quick-view-button,
body.with-sidebar .list-four_column .list-item-product .list-item-datum-quick-view-button,
body.with-sidebar .list-five_column .list-item-product .list-item-datum-quick-view-button,
body.with-sidebar .list-three_column .list-item-article .list-item-datum-quick-view-button,
body.with-sidebar .list-four_column .list-item-article .list-item-datum-quick-view-button,
body.with-sidebar .list-five_column .list-item-article .list-item-datum-quick-view-button {
  font-size: 0.9em;
}
body.with-sidebar .list-three_column .list-item-product .product-stock,
body.with-sidebar .list-four_column .list-item-product .product-stock,
body.with-sidebar .list-five_column .list-item-product .product-stock,
body.with-sidebar .list-three_column .list-item-product .out_of_stock,
body.with-sidebar .list-four_column .list-item-product .out_of_stock,
body.with-sidebar .list-five_column .list-item-product .out_of_stock,
body.with-sidebar .list-three_column .list-item-product .backordered,
body.with-sidebar .list-four_column .list-item-product .backordered,
body.with-sidebar .list-five_column .list-item-product .backordered {
  font-size: 0.9em;
}
@media (max-width: 1140px) and (min-width: 768px) {
  body.with-sidebar .list-four_column .list-item-product .product-stock,
  body.with-sidebar .list-five_column .list-item-product .product-stock,
  body.with-sidebar .list-four_column .list-item-product .out_of_stock,
  body.with-sidebar .list-five_column .list-item-product .out_of_stock,
  body.with-sidebar .list-four_column .list-item-product .backordered,
  body.with-sidebar .list-five_column .list-item-product .backordered {
    display: inline-block;
    margin-bottom: 10px;
  }
}
@media (max-width: 920px) and (min-width: 768px) {
  body.with-sidebar .list-three_column .list-item-product .product-stock,
  body.with-sidebar .list-three_column .list-item-product .out_of_stock,
  body.with-sidebar .list-three_column .list-item-product .backordered {
    display: inline-block;
    margin-bottom: 10px;
  }
}
label .category-product-quick-view-button a,
label .list-item-product .list-item-datum-quick-view-button a,
label .list-item-article .list-item-datum-quick-view-button a {
  background-color: transparent;
}
.category-product-quick-view-button a:hover,
.list-item-product .list-item-datum-quick-view-button a:hover,
.list-item-article .list-item-datum-quick-view-button a:hover {
  /*background-color: #f5f5f5;
    border: 1px solid #E6E6E6;*/
  DTcolor: #2a6496;
  DTbackground-color: #f0f0f0;
  DTborder: 1px solid #f0f0f0;
  DTbackground-color: transparent;
  DTborder-color: #f26522;
  DTcolor: #f26522;
  text-decoration: none;
  opacity: 0.7;
  filter: opacity(0.7);
  -moz-filter: opacity(0.7);
  -webkit-filter: opacity(0.7);
}
.list-item-article .list-item-datum-comments,
.list-item-article .list-item-datum-ratings,
.list-item-article .list-item-datum-quick-view-button {
  display: none;
}
@media (max-width: 767px) {
  .list .list-item-blog .middle-left {
    float: none;
    width: 100% !important;
    padding-right: 15px !important;
  }
  .list .list-item-blog .list-item-datum-title {
    margin: 20px 0 10px 0;
  }
}
/* Quick view dialog */
.ui-dialog {
  z-index: 1001;
}
.ui-widget,
.ui-widget button {
  font-family: "OpenSans", "SourceSansPro", "Segoe UI Light", "Arial", "sans-serif";
  font-size: 1em;
}
.ui-widget-overlay {
  background: #444;
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* IE Fallback */
  z-index: 1001;
}
.ui-dialog.product-dialog,
.ui-dialog.article-dialog {
  overflow: visible;
}
.ui-widget-content.ui-dialog.product-dialog,
.ui-widget-content.ui-dialog.article-dialog {
  background-color: #ffffff;
}
.ui-dialog.product-dialog .ui-widget-header,
.ui-dialog.article-dialog .ui-widget-header {
  background: none;
  border: none;
  TALborder-bottom: 1px solid #BBB;
  TALmargin-bottom: 10px;
  TALheight: 0;
  display: none;
}
.ui-dialog.product-dialog .ui-widget-header .ui-dialog-titlebar-close,
.ui-dialog.article-dialog .ui-widget-header .ui-dialog-titlebar-close {
  /*top: -13px;
    right: -24px;
    height: 40px;
    width: 40px;*/
  border-radius: 21px;
  background: #FFF;
  /*border: 1px solid #EFEFEF;*/
  z-index: 100;
  top: 3px;
  right: 3px;
  height: 20px;
  width: 20px;
  border-radius: 0;
  border: none;
  margin: 0;
}
.ui-dialog.product-dialog .ui-dialog-content,
.ui-dialog.article-dialog .ui-dialog-content {
  background-color: white;
}
.ui-dialog.product-dialog .ui-widget-content,
.ui-dialog.article-dialog .ui-widget-content {
  border: 0;
}
.ui-dialog.product-dialog .layout-grid > .layout-grid-row,
.ui-dialog.article-dialog .layout-grid > .layout-grid-row {
  border-bottom: 0;
  margin: 0;
}
.ui-dialog.product-dialog .layout-grid-row-data,
.ui-dialog.article-dialog .layout-grid-row-data {
  padding: 0;
  margin: 0;
}
/*
.ui-dialog.product-dialog .layout-grid > .layout-grid-row:after {
    clear: both;
    content: " ";
    display: table;
}
*/
.ui-dialog.product-dialog .category-product-image,
.ui-dialog.article-dialog .list-item-datum-image {
  margin-top: 15px;
}
.ui-dialog.product-dialog .category-product-sku,
.ui-dialog.product-dialog .category-product-product_code,
.ui-dialog.product-dialog .category-product-vendor_code,
.ui-dialog.product-dialog .category-product-manufacturer_code {
  display: inline-block;
}
.ui-dialog.product-dialog .category-product-sku:not(:empty),
.ui-dialog.product-dialog .category-product-product_code:not(:empty),
.ui-dialog.product-dialog .category-product-vendor_code:not(:empty),
.ui-dialog.product-dialog .category-product-manufacturer_code:not(:empty) {
  margin-right: 12px;
}
.ui-dialog.product-dialog .category-product-sku:not(:empty)::before,
.ui-dialog.product-dialog .category-product-product_code:not(:empty)::before,
.ui-dialog.product-dialog .category-product-vendor_code:not(:empty)::before,
.ui-dialog.product-dialog .category-product-manufacturer_code:not(:empty)::before {
  font-weight: bold;
  color: #666666;
}
.ui-dialog.product-dialog .category-product-sku:not(:empty)::before {
  content: 'SKU: ';
}
.ui-dialog.product-dialog .category-product-product_code:not(:empty)::before {
  content: 'Product Code: ';
}
.ui-dialog.product-dialog .category-product-vendor_code:not(:empty)::before {
  content: 'Vendor Code: ';
}
.ui-dialog.product-dialog .category-product-manufacturer_code:not(:empty)::before {
  content: 'Manufacturer Code: ';
}
.ui-dialog.product-dialog .ui-dialog-buttonpane,
.ui-dialog.article-dialog .ui-dialog-buttonpane {
  padding: 0;
  margin: 0;
}
.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button,
.ui-dialog.article-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  background: none;
  /*color: #fff;
    background-color: #252a35;
    padding: 1px 15px;
    border: 1px solid #E6E6E6;
    border-radius: 3px;*/
  DTbackground-color: transparent;
  DTborder: 0;
  DTcolor: #555555;
  DTpadding: 0;
  margin: 5px;
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  color: #333333;
  padding: 7px 11px;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  text-decoration: none;
  font-family: 'OpenSans', sans-serif;
  display: inline-block;
}
.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover,
.ui-dialog.article-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover {
  /*color: #252a35;
    background-color: #f5f5f5;
    border: 1px solid #E6E6E6;*/
  text-decoration: none;
  opacity: 0.7;
  filter: opacity(0.7);
  -moz-filter: opacity(0.7);
  -webkit-filter: opacity(0.7);
  DTbackground-color: transparent;
  DTborder: 0;
  DTcolor: #2a6496;
}
.ui-dialog.product-dialog .add_to_cart-form > a.add_to_cart-form-submit:before,
.ui-dialog.product-dialog .add_to_cart-form > a.add_to_cart-dialog-open:before {
  content: "Add to Cart";
  border: 1px solid #f26522;
  /*color: #f26522;*/
  color: #fff;
  background: #f26522;
}
.ui-dialog.product-dialog .add_to_cart-form > a.add_to_cart-form-submit:hover:before,
.ui-dialog.product-dialog .add_to_cart-form > a.add_to_cart-dialog-open:hover:before {
  opacity: 1;
  filter: opacity(1);
  -moz-filter: opacity(1);
  -webkit-filter: opacity(1);
  cursor: pointer;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  PRODUCT
 *
 *   Styles for product pages.
 *
 *      (Ninja Tip #971: If someone throws a fruit into the air, do not jump out
 *          and slice it. This is a trick to detect any ninjas in the area.)
 * ============================================================================
 */
.product-default .main-column form td {
  padding: 0;
}
.product-default .gallery {
  height: auto;
  min-height: 0;
}
.product-default .gallery > .content-wrapper {
  padding-right: 0;
}
.product-details h1 {
  margin-top: 0;
  line-height: 1.2em;
}
.product-details h1 .product-stock,
.product-details h1 .out_of_stock,
.product-details h1 .backordered {
  display: block;
  background: none;
  margin: 5px 0;
  padding-left: 0;
  line-height: 1em;
  font-weight: normal;
}
@media (max-width: 767px) {
  .product-default .gallery > .content-wrapper {
    padding-left: 0;
    margin-bottom: 12px;
  }
}
/*
 * ============================================================================
 *  PRODUCT INFO
 * ============================================================================
 */
h1 .product-stock,
h1 .out_of_stock,
h1 .backordered {
  font-size: 0.5em;
  /* Get me out of the h1 tag! */
  display: block;
  margin: 5px 0 0 0;
}
.product-codes {
  margin: 0 0 10px 0;
}
.file_list-form-action-link {
  display: inline-block;
  margin: -10px 0 10px 0;
}
.product-sku,
.vendor-code,
.manufacturer-code,
.product-code {
  padding-right: 10px;
  font-size: 1.2rem;
}
.product-sku:empty,
.vendor-code:empty,
.manufacturer-code:empty,
.product-code:empty {
  display: none;
  padding: 0;
}
.product-sku:empty::before,
.vendor-code:empty::before,
.manufacturer-code:empty::before,
.product-code:empty::before {
  display: none;
}
.product-sku::before,
.vendor-code::before,
.manufacturer-code::before,
.product-code::before {
  font-weight: bold;
  text-transform: capitalize;
}
.product-sku::before {
  content: 'SKU: ';
  text-transform: uppercase;
}
.vendor-code::before {
  content: 'Vendor code: ';
}
.manufacturer-code::before {
  content: 'Manufacturer code: ';
}
.product-code::before {
  content: 'Product code: ';
}
.product-codes {
  margin: 5px 0 10px 0;
}
.product-price-display .product-price-adjusted {
  background-color: #f5f5f5;
  padding: 15px;
  font-size: 2.4em;
  border-bottom: 0;
  border-top: 0;
  margin-top: 18px;
}
.product-price-display .product-price-sale {
  border-bottom: 0;
  border-top: 0;
  margin-bottom: 18px;
}
/*
.product-price-display .product-price-regular {
    font-size: 0.7em;
}
*/
.product-price-display #total_display {
  font-weight: 700;
  padding: 0;
  background: none;
  margin: 0 0 5px 0;
  line-height: 1em;
}
.product-price-display #reg_display {
  font-weight: 700;
}
.product-summary .content-wrapper {
  font-size: 0.85em;
}
.product-summary .content-wrapper div {
  margin: 10px 0;
}
.product-summary .content-wrapper p {
  font-size: 1.4rem;
}
.product-large_gallery .product-summary .content-wrapper,
.product-configurable_product .product-summary .content-wrapper {
  /*margin: 2% 0;*/
  margin: 0;
}
.product-large_gallery .product-summary .content-wrapper > div,
.product-configurable_product .product-summary .content-wrapper > div {
  margin: 2% 0;
}
.product-large_gallery.with-sidebar .nested-columns > .content-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.product-add {
  margin-top: 10px;
  margin-bottom: 10px;
}
.product-add input {
  /*width: 100px;
    padding: 5px 10px;
    margin-top: 5px;*/
  margin-top: 3px;
  width: 55px;
  height: 31px;
  padding: 0 3px;
  margin-right: 3px;
}
.product-add input[name="add_to_cart"],
.add_to_cart-image {
  opacity: 0;
}
.product-add input.add_to_cart-image {
  width: 95px;
}
@-moz-document url-prefix() {
  .product-add input.add_to_cart-image {
    bottom: 4px;
  }
  .product-add td + td:not(:last-child):before {
    bottom: 3px;
  }
}
.product-add .errorText {
  padding-left: 0;
}
.add_to_cart-qty {
  width: 40px;
}
.product-add td + td:not(:last-child) {
  width: 105px;
}
.product-add td + td:not(:last-child):before {
  content: "Add to Cart";
  color: #fff;
  position: absolute;
  /*background-color: #252a35;*/
  /*padding: 6px 9px;*/
  border: 1px solid #252a35;
  padding: 4px 9px;
}
.product-add td + td:not(:last-child):hover:before {
  IWAbackground-color: #33a532;
  /*background-color: #f5f5f5;*/
  /*border: 1px solid #E6E6E6;*/
  IWAborder: 1px solid #E6E6E6;
  IWAcolor: #fff;
  color: #252a35;
  background-color: #33a532;
  border: 1px solid #33a532;
}
.product-add input[name="add_to_cart"],
.add_to_cart-image,
.product-add td + td:not(:last-child):before {
  margin-left: 6px;
  width: auto;
  height: 31px;
  margin-top: 5px;
  margin-right: 6px;
}
/* flat add to cart */
.product-add form > input {
  /*width: 85px;
    margin-right: 10px;*/
  width: 50px;
  height: 50px;
  padding: 0 3px;
  margin-right: 3px;
  margin-top: 1px;
  outline: none;
}
/*
.product-add form > a {
    display: block;
    height: 32px;
    margin-bottom: 10px;
    margin-right: 70px;
}

.product-add form > a:before {
    content: "Add to Cart";
    color: white;
    background-color: #252a35;
    padding: 3px 8px;
    IWApadding: 5px 15px;
    position: absolute;
    white-space: nowrap;
    IWAborder: 1px solid #E6E6E6;
    border: 1px solid #E6E6E6;
 }
 */
.product-add form > a:before {
  white-space: nowrap;
  content: '';
  /*padding: 10px 14px;*/
  padding: 8px 14px;
  /*height: auto;*/
  height: 37px;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  margin-right: 4px;
}
.product-add form > a:hover:before {
  IWAbackground-color: #33a532;
  /*background-color: #f5f5f5;*/
  IWAborder: 1px solid #E6E6E6;
  TALcolor: #252a35;
  IWAcolor: #252a35;
  /*background-color: #5BB321;*/
  TALbackground-color: #33a532;
  /*background:#77BE35;
    color:#FFF;*/
  text-decoration: none;
}
.product-add form > a.add_to_cart-form-submit:hover,
.product-add form > a.add_to_cart-dialog-open:hover {
  opacity: 1;
  filter: opacity(1);
  -moz-filter: opacity(1);
  -webkit-filter: opacity(1);
  cursor: pointer;
}
.add_to_cart-form .add_to_cart-spacer,
.add_to_cart-form .add_to_quote-spacer {
  display: none;
}
.product-add form > a.add_to_cart-form-submit:before,
.product-add form > a.add_to_cart-dialog-open:before {
  content: "Add to Cart";
  background-color: #f26522;
  border: 1px solid #f26522;
  /*color: #f26522;*/
  color: #fff;
}
/* dynamic add to cart buttons -- start */
.sui-sf-feature-addtocart-dynamic--enabled form.add_to_cart-form--adding.add_to_cart-form--cart > a.add_to_cart-form-submit:before {
  width: 162px;
  content: "Adding" !important;
}
.sui-sf-feature-addtocart-dynamic--enabled form.add_to_cart-form--success.add_to_cart-form--cart > a.add_to_cart-form-submit:before {
  width: 162px;
  content: "Added" !important;
}
.sui-sf-feature-addtocart-dynamic--enabled form.add_to_cart-form--failed.add_to_cart-form--cart > a.add_to_cart-form-submit:before {
  width: 162px;
  content: "Failed" !important;
}
/*.add_to_cart-message */
.sui-sf-feature-addtocart-dynamic--enabled .add_to_cart-message-added {
  display: none;
}
.sui-sf-feature-addtocart-dynamic--enabled .add_to_cart-message-adding {
  display: none;
}
.sui-sf-feature-addtocart-dynamic--enabled .add_to_cart-added {
  display: none;
}
/* dynamic add to cart buttons -- end */
.product-add form > a.add_to_cart-form-submit:hover,
.product-add form > a.add_to_quote-form-submit:hover,
.product-add form > a.add_to_cart-dialog-open:hover {
  opacity: 1;
  filter: opacity(1);
  -moz-filter: opacity(1);
  -webkit-filter: opacity(1);
}
.product-add form > a.add_to_cart-form-submit:hover:before,
.product-add form > a.add_to_quote-form-submit:hover:before,
.product-add form > a.add_to_cart-dialog-open:hover:before {
  border: 1px solid #f26522;
  background-color: #f26522;
  color: #fff;
}
.product-add form > a.add_to_cart-form-submit:hover:before,
.product-add form > a.add_to_cart-dialog-open:hover:before {
  DTbackground-color: #fff;
  DTborder: 1px solid #cdcdcd;
  DTcolor: #333333;
  cursor: pointer;
}
.product-add form > a.add_to_quote-form-submit:before,
.product-add form > a.add_to_quote-dialog-open:before {
  content: "Add to Quote";
  background-color: #fff;
  border: 1px solid #777;
  color: #777;
}
/* dynamic add to quote buttons
form.add_to_cart-form--adding.add_to_cart-form--quote > a.add_to_quote-form-submit:before {
    width: 162px;
    content: "Adding" !important;
}
form.add_to_cart-form--success.add_to_cart-form--quote > a.add_to_quote-form-submit:before {
    width: 162px;
    content: "Added" !important;
}
form.add_to_cart-form--failed.add_to_cart-form--quote > a.add_to_quote-form-submit:before {
    width: 162px;
    content: "Failed" !important;
}
 */
.product-add form > a.add_to_quote-form-submit:hover,
.product-add form > a.add_to_quote-dialog-open:hover {
  cursor: pointer;
}
.product-add form > a.add_to_quote-form-submit:hover:before,
.product-add form > a.add_to_quote-dialog-open:hover:before {
  cursor: pointer;
}
.product-add form > .add_to_cart-message {
  display: block;
  margin: 9px 0 0 0;
  /*margin-left: 67px;*/
}
.product-add {
  /*
    .add_to_cart-qty {
        margin: 0 1px 0 0;
    }
*/
}
.product-add .add_to_cart-qty,
.product-add .add_to_cart-form-submit,
.product-add .add_to_quote-form-submit {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  margin: 5px 0;
}
/*
 * ============================================================================
 *  PRODUCT OPTIONS
 * ============================================================================
 */
.productOptionName {
  margin-top: 15px;
  margin-bottom: 3px;
}
.productOptionName .productOptionSuffix {
  font-size: smaller;
  font-style: italic;
  margin-left: 4px;
}
.productOptionName .productOptionSuffix::before {
  content: "(";
}
.productOptionName .productOptionSuffix::after {
  content: ")";
}
.productOptionControl {
  /*TALcolor: red;*/
}
.productOptionControl > .errorText {
  display: block;
  padding-left: 10px;
  margin-top: 6px;
  color: red;
}
.productOptionControl > * {
  color: initial;
}
.productOptionControl select,
.productOptionControl input,
.productOptionControl textarea {
  width: 94%;
  margin-right: 1%;
  padding: 6px;
  border: 1px solid #cccccc;
}
.productOptionControl select,
.productOptionControl textarea {
  margin: 0;
  width: 100%;
}
.product_option-listbox .productOptionControl,
.product_option-short_text .productOptionControl,
.product_option-long_text .productOptionControl,
.product_option-calendar .productOptionControl {
  white-space: nowrap;
}
.product_option-button .product_options-input {
  float: left;
  margin-right: 1em;
}
.product_option-button .productOptionControl > div {
  overflow: auto;
}
.product_options-input input[type="radio"],
.product_options-input input[type="checkbox"] {
  float: left;
  width: auto;
}
.productOptionControl input {
  width: 100%;
}
.product_options-input input[type="checkbox"] {
  float: none;
}
.product_options-currency-symbol {
  width: 3%;
}
.product_options-currency-symbol + input[type="number"] {
  width: 96%;
  margin: 0;
}
.product .content_header-summary p {
  font-size: 1em;
  font-weight: normal;
}
.product-options .product-options-price-mods::after,
.product-options .product-options-price-mods > *::after,
.product_option-radio .product_options-input::after,
.product_option-checkbox .product_options-input::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.product_option-radio label,
.product_option-checkbox label {
  width: calc(100% - 30px);
  float: right;
  line-height: 1.4em;
}
.product_option-radio .product_options-input input[type="radio"],
.product_option-checkbox .product_options-input input[type="checkbox"] {
  margin: 4px 5px 0 0;
}
.product-options .product_option-field--listbox .error + .ui-selectmenu-button {
  background: #FFF4F3;
  /* border: 1px solid #FF4200; */
}
.productOptionControl .ui-selectmenu-button,
.product-options .ui-selectmenu-button.ui-button {
  padding: 6px;
  border: 1px solid #ccc;
  background: #f9f9f9;
}
.product_options-input-image_color {
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  border: 1px solid #d3d3d3;
  border-radius: 18px;
  background-repeat: no-repeat;
  background-position: center center;
}
.product_option-field[data-product-field--min]::after {
  content: '(min: ' attr(data-product-field--min) ')';
}
.product_option-field[data-product-field--max]::after {
  content: '(max: ' attr(data-product-field--max) ')';
}
.product_option-field[data-product-field--min][data-product-field--max]::after {
  content: '(min: ' attr(data-product-field--min) ' max: ' attr(data-product-field--max) ')';
}
/*
 * ============================================================================
 *  DATEPICKER BUTTON
 * ============================================================================
 */
button.ui-datepicker-trigger {
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #ccc;
  padding: 6px 9px;
  outline: line;
}
button.ui-datepicker-trigger:hover .fa-calendar:before {
  color: #ccc;
  transition: all 0.2s linear;
}
.ui-datepicker .ui-widget-control {
  background-image: none;
  background-color: #f9f9f9;
}
.ui-datepicker .ui-widget-control .ui-widget-header {
  background-image: none;
  background-color: #fff;
  border: 1px solid #ccc;
}
.ui-datepicker .ui-widget-control .ui-state-default,
.ui-datepicker .ui-widget-control .ui-widget-header .ui-statedefault {
  background-image: none;
  background-color: #fff;
  color: #fff;
}
.ui-datepicker .ui-widget-control .ui-state-active {
  background-image: none;
  background-color: #3e3e3e;
  color: #fff;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  border: 0;
  background: transparent;
}
input.hasDatepicker {
  font-size: 1em !important;
  margin-right: 1%;
}
.product_option-calendar .productOptionControl input {
  width: 89%;
}
.product_option-calendar .productOptionControl button {
  width: 10%;
}
/*
 * ============================================================================
 *  PRICE OPTION
 * ============================================================================
 */
.product_options-currency-symbol {
  display: inline-block;
  zoom: 1;
  display: inline;
  /*width: 2%;*/
  width: 25px;
  padding-right: 5px;
  /*margin-right: 1%;*/
}
.product_options-currency-symbol + input[type="number"] {
  /*width: 91%;*/
  width: calc(100% - 25px);
}
/*
     * ============================================================================
     *  BROWSE OPTION
     * ============================================================================
     */
.product_option-browse .productOptionName {
  margin-bottom: 5px;
  font-weight: 700;
}
.product_option-browse .product_option-toggle {
  text-transform: capitalize;
  /*font-weight: bold;*/
  /*margin: 6px 0;*/
  DTbackground-color: #41b7d8;
  DTborder: 1px solid #41b7d8;
  DTborder-radius: 3px;
  padding: 2px 7px;
  margin-right: 10px;
  float: left;
  color: white;
  border: 1px solid #f1f1f1;
  /*border-top-left-radius: 3px;
        border-top-right-radius: 3px;*/
  color: #333;
  cursor: pointer;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.product_option-browse .product_option-toggle::before {
  content: "\25B2";
  padding-right: 5px;
  /*display: none;*/
}
.product_option-browse .product_option-toggle.collapsed::before {
  content: "\25BC";
  padding-right: 5px;
}
.product_option-browse .product_option-toggle:hover {
  text-decoration: none;
  DTbackground-color: white;
  DTcolor: #41b7d8;
  background-color: #ffffff;
  border: 1px solid #168CDE;
  color: #168CDE;
}
.product_option-browse .product_browse-filters {
  display: none;
}
.product_browse {
  border: 1px #f1f1f1 solid;
  DTbackground-color: #FAFAFA;
  background-color: #ffffff;
  /*padding: 21px 9px 21px 0;*/
  padding: 10px 5px 10px 5px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.product_option-browse .top-left {
  width: 50px;
}
.product_browse-product {
  margin: 5px 0 10px 0;
}
.product_browse-product:last-child {
  margin: 5px 0;
}
.product_browse-items .browse-product-description {
  font-size: 0.8em;
}
.product_browse-items .product-price {
  padding: 5px 0;
}
.product_browse-items .category-product-title {
  margin-bottom: 3px;
  margin-top: 0;
  font-weight: 700;
}
.product_browse-items .category-product-details {
  margin: 7px 0;
}
.product_browse-items .category-product-details a {
  padding: 3px 5px;
  color: #555;
  background-color: white;
  border: 1px solid #f0f0f0;
}
.product_browse-items .category-product-details a:hover {
  color: #2a6496;
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
}
.product_browse-items .category-product-image {
  border: 0;
}
.product_browse-items .product_browse-items-image {
  float: left;
  width: 64px;
  margin: 3px 10px 3px 0;
}
.product_browse-items .category-product-sku,
.product_browse-items .category-product-vendor_code,
.product_browse-items .category-product-manufacturer_code,
.product_browse-items .category-product-product_code {
  display: none;
}
.product_browse-items .product-price,
.product_browse-items .product-price-regular,
.product_browse-items .product-price-sale,
.product_browse-items .product-sale-name {
  display: inline-block;
  margin-right: 10px;
}
/*
 * ============================================================================
 *  PRODUCT OPTIONS PRICE MOD
 * ============================================================================
 */
.product-options-price-adjust:not(.no-price-mod) {
  border: 1px solid #f1f1f1;
  padding: 12px;
  margin: 12px 0 6px;
  font-size: 1.1em;
}
.product-options-price-base,
.product-options-sale-mod,
.product_option-price-mod {
  margin: 0 0 5px 0;
}
.product-options-price-base,
.product-options-sale-mod,
.product-options-price-mods-total,
.product-adjusted-options-price,
.product_option-price-mod {
  text-align: right;
}
.product-options-price-adjust .modneg .product_option-price-mod-value * {
  color: red;
}
.product-options-price-adjust .modneg .modneg-bracket {
  display: inline !important;
  visibility: visible !important;
}
.product-options-price-mods-total,
.product-options-price-mods-total.no-price-mod {
  /* Always hide the price-modifier-total */
  display: none;
}
.price-mod-label {
  text-overflow: ellipsis;
  max-width: 80%;
}
.product-options-price-mods-total.modpos {
  margin: 1em 0 0;
}
.product_option-price-mod-labels {
  float: left;
  text-align: left;
  width: 70%;
  IWAwidth: 80%;
}
.product-side_by_side .product_option-price-mod-labels {
  width: 60%;
}
.product-options-price-mods-total .price-mod-label,
.product-adjusted-options-price .price-mod-label {
  color: black;
  font-weight: normal;
}
.product-adjusted-options-price .product_option-price-mod-labels {
  width: 30%;
}
.product-adjusted-options-price {
  border-top: 1px solid #f1f1f1;
  font-weight: bold;
  font-size: 2em;
  margin-top: 20px;
  IWAmargin-top: 0.55em;
  height: 1.1em;
  line-height: 1.1em;
}
.product-adjusted-options-price .price-mod-label,
.product-adjusted-options-price .product_option-price-mod-value {
  font-size: 0.65em;
  height: 2.1em;
}
.product-adjusted-options-price .product_options-currency-symbol {
  width: auto;
  margin: 0;
}
.product-options-price-adjust.modnan,
.product-options-price-base.no-price-mod,
.product_option-price-mod.no-price-mod {
  display: none;
}
.product_options-math-symbol {
  /*display: none;*/
}
.product-options-price-adjust .modpos .product_options-math-symbol {
  visibility: hidden;
}
.product-options-price-adjust .modpos ~ .modpos .product_options-math-symbol {
  visibility: visible;
}
.selection-mod .product_option-price-mod-name,
.browse_product-mod .product_option-price-mod-name,
.product-options-sale-mod .product_option-price-mod-name {
  /* For OPTION_CHECKBOX, OPTION_SELECTION, OPTION_RADIO, OPTION_BROWSE_PRODUCT and SALEs,
       we only shows the selected item label, not the title of the input field     */
  display: none;
}
.content-mod .product_option-price-mod-text {
  /* For OPTION_CONTENT we only the title of the input field     */
  display: none;
}
.product_browse .product-price,
.product_browse .product-price-sale,
.product_browse .product-price-adjusted {
  border: 0;
  padding: 0 !important;
  background-color: transparent;
  font-size: 1.125em;
}
.product_browse .product_browse-product-radio {
  margin-top: 5px;
}
.product_browse .product-price-adjusted {
  margin-bottom: 3px;
}
/*
 * ============================================================================
 *  ALTERNATE-PRODUCTS
 * ============================================================================
 */
h3.alternate-products {
  /*display: none;*/
}
.alternate-products h3 {
  margin-bottom: 30px;
  font-weight: bold;
  padding: 30px 0 0 0;
  border-top: 1px solid #efefef;
}
.alternate-products .related-table {
  /*TALborder-radius: 5px;*/
  padding: 0 0 30px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #efefef;
}
.alternate-products .layout-grid-row {
  border: none;
  margin-left: -15px;
  margin-right: -15px;
}
.alternate-products .layout-grid-row:before,
.alternate-products .layout-grid-row:after {
  content: " ";
  display: table;
}
.alternate-products .layout-grid-row:after {
  clear: both;
}
.alternate-products .layout-grid-row:last-child {
  padding: 0;
}
.alternate-products .layout-grid-row .cell {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .alternate-products .layout-grid-row .cell {
    float: left;
    width: 33.33333333%;
  }
}
.alternate-products .alternate-product-image {
  margin: 0 0 10px 0;
}
.alternate-products .alternate-product-image img {
  vertical-align: top;
}
.alternate-products .alternate-product-Title {
  font-weight: 700;
}
.alternate-products .product-stock,
.alternate-products .out-of-stock,
.alternate-products .backordered {
  background: none;
  padding: 0;
  margin: 0 0 5px 0;
}
.alternate-products .alternate-product-price,
.alternate-products .alternate-sale-price {
  padding: 0;
}
.alternate-products .alternate-product-price .product-price,
.alternate-products .alternate-sale-price .product-price,
.alternate-products .alternate-product-price .product-price-regular,
.alternate-products .alternate-sale-price .product-price-regular,
.alternate-products .alternate-product-price .product-price-sale,
.alternate-products .alternate-sale-price .product-price-sale {
  padding: 0;
  margin: 0;
  background: none;
  font-weight: 700;
  font-size: 1.6rem;
}
.alternate-products .alternate-product-price .product-price-regular,
.alternate-products .alternate-sale-price .product-price-regular {
  font-size: 1.4rem;
}
.alternate-products .category-product-quick-view-button {
  display: none;
}
@media (max-width: 767px) {
  .alternate-products .cell:before,
  .alternate-products .cell:after {
    content: " ";
    display: table;
  }
  .alternate-products .cell:after {
    clear: both;
  }
  .alternate-products .cell > .top {
    width: 30%;
    float: left;
  }
  .alternate-products .cell > .middle,
  .alternate-products .cell > .bottom {
    width: 70%;
    float: right;
    padding-left: 15px;
  }
}
.related-table.alternate table {
  width: 100%;
}
.related-table.alternate td {
  vertical-align: top;
  text-align: left;
  padding-right: 6px;
}
.related-table.alternate .product-sale-name {
  font-size: 1em;
  margin: 5px 0 0 0;
}
/*
 * ============================================================================
 *  SIDE COLUMN
 * ============================================================================
 */
.product-default .side-nav {
  display: none;
}
.product-default .side-column-left {
  padding: 6px;
}
@media (min-width: 1200px) {
  .product-default .side-column-left {
    padding: 12px;
  }
}
/*
     * ============================================================================
     *  RELATED/UPSELL PRODUCTS TABLE
     * ============================================================================
     */
.upsell-products {
  padding-bottom: 10px;
  border-bottom: 1px solid #EFEFEF;
}
.relatedItemTitle {
  text-transform: capitalize;
  padding-bottom: 10px;
  border-bottom: 1px solid #E7E6E1;
  margin: 20px 0;
  font-size: 1.4rem;
  font-weight: bold;
}
.relatedTable table {
  width: 100%;
}
/*kmm
.relatedTable .top {
    padding-bottom: 18px;
}

.relatedTable .top-left {
    width: 82px;
}

.relatedTable .top-center {
    padding-left: 10px;
}

.relatedProductPic {
    margin-top: 4px;
}*/
.relatedProductPic a {
  display: block;
  text-align: center;
}
.relatedProductTitle {
  font-size: 1.4rem;
  font-weight: 700;
}
.relatedProductMain .product-stock,
.relatedProductMain .out_of_stock,
.relatedProductMain .backordered {
  padding: 0;
  margin: 0 0 5px 0;
  background: none;
  display: block;
  display: none;
}
.relatedProductMain .category-product-add-cart {
  display: none;
}
.relatedProductMain .category-product-quick-view-button {
  margin: 0 0 5px 0;
  display: block;
}
.relatedProductPrice,
.relatedSalePrice {
  color: #252a35;
  display: inline-block;
}
.relatedProductPrice .product-price,
.relatedSalePrice .product-price,
.relatedProductPrice .product-price-sale,
.relatedSalePrice .product-price-sale,
.relatedProductPrice .product-price-regular,
.relatedSalePrice .product-price-regular {
  font-size: 1.4rem;
  font-weight: 700;
  padding: 0;
  background: none;
}
.relatedProductPrice {
  margin: 0 10px 0 0;
}
.relatedProductTitle a {
  color: #000000;
  font-size: 1em;
}
.relatedProductTitle a:hover {
  color: #D0D0D0;
}
.relatedTable .cell > .top {
  margin-left: -15px;
  margin-right: -15px;
}
.relatedTable .cell > .top:before,
.relatedTable .cell > .top:after {
  content: " ";
  display: table;
}
.relatedTable .cell > .top:after {
  clear: both;
}
.relatedTable .cell > .top .top-left {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-right: 0;
}
.relatedTable .cell > .top .top-center {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.relatedTable .cell > .top > .top-left {
  min-height: 0px;
}
/* start middle column expand - the middle column expands into left column when there is no image on css3 compat browsers */
.relatedTable .cell > .top > .top-left:empty {
  display: none;
}
.relatedTable .cell > .top > .top-left:empty + .top-center {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .relatedTable .cell > .top > .top-left:empty + .top-center {
    float: left;
    width: 100%;
  }
}
.relatedTable .cell > .top > .top-left:empty + .top-center + .top-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .relatedTable .cell > .top > .top-left:empty + .top-center + .top-right {
    float: left;
    width: 100%;
  }
}
/* end middle column expand */
/* start qty spinner */
.add_to_cart--spinner_container {
  min-width: 70px;
  width: 96px;
  height: 37px;
  /* margin-right: 6px; */
  border: 1px solid #dadada;
  text-align: center;
  background-color: #fbfbfb;
}
.add_to_cart--spinner_container .ui-spinner-button {
  top: -2px;
  width: 30px;
  height: 38px;
  line-height: 40px;
  border: 0;
  background: 0 0;
  background-color: #fbfbfb;
}
.add_to_cart--spinner_container .ui-spinner-button:hover {
  background-color: #f3f3f3;
}
.add_to_cart--spinner_container .ui-spinner-up {
  right: -2px;
  border-left-width: thin;
  border-left-style: solid;
  border-left-color: hsl(0deg 0% 97%);
}
.add_to_cart--spinner_container .ui-spinner-down {
  left: -2px;
  border-right-width: thin;
  border-right-style: solid;
  border-right-color: hsl(0deg 0% 97%);
}
.add_to_cart--spinner_container input.add_to_cart-qty {
  width: 72px;
  border: 0;
  /* height: 38px; */
  background: 0 0;
  padding: 0;
  font-weight: 600;
  /* font-size: 16px; */
  color: #222;
  /* max-width: 100%; */
  outline: 0;
  text-align: center;
}
.list-item-datum-add_to_cart .add_to_cart--spinner_container {
  height: 35px;
  margin-bottom: 8px;
}
.product-add .add_to_cart--spinner_container input.add_to_cart-qty {
  height: 38px;
  font-size: 16px;
  max-width: 100%;
  margin: 0;
}
.category-product-add-cart .add_to_cart--spinner_container input.add_to_cart-qty,
.list-item-product .list-item-datum-add_to_cart .add_to_cart--spinner_container input.add_to_cart-qty {
  height: 37px;
  font-size: 14px;
  max-width: 100%;
  margin: 0 auto;
}
/* end qty spinner */
/*============================================================================*\
    Add to quote / cart Bigger on product pages
\*============================================================================*/
.product-add form > a.add_to_cart-form-submit:before {
  font-size: 16px !important;
  text-align: center;
  transition: all 0.3s ease 0s;
  padding: 13px 15px !important;
  height: auto;
}
.product-add form > a.add_to_cart-dialog-open:before {
  font-size: 16px !important;
  text-align: center;
  transition: all 0.3s ease 0s;
  padding: 13px 15px !important;
  height: auto;
}
.product-add form > a.add_to_quote-form-submit:before {
  font-size: 16px !important;
  text-align: center;
  transition: all 0.3s ease 0s;
  padding: 13px 15px !important;
  height: auto;
}
.product-add form > a.add_to_quote-dialog-open:before {
  font-size: 16px !important;
  text-align: center;
  transition: all 0.3s ease 0s;
  padding: 13px 15px !important;
  height: auto;
}
.product-add span.ui-spinner.ui-widget.ui-widget-content {
  display: block;
  margin-bottom: 15px;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  MINICART
 * ============================================================================
 */
.store-side-cart .content-wrapper {
  padding-left: 0;
  padding-right: 0;
  border: 1px solid #EEEEEE;
}
.store-minicart-link {
  display: none;
}
.store-side-cart .relatedProducttitle {
  font-size: 1.5em;
  background-color: #FFFFFF;
  border-bottom: 1px solid #EEEEEE;
  padding: 10px;
}
.store-side-cart .relatedProducttitle:after {
  content: url("../../resources/images/store/img-shopping-cart.png");
  float: right;
}
.minicart-summary {
  font-size: 1.1em;
}
@media (min-width: 1029px) {
  .minicart-productname {
    padding-left: 6%;
  }
}
/*
 * ============================================================================
 *  PRODUCTS IN CART
 * ============================================================================
 */
#cart_no_products {
  padding: 10px;
}
.store-side-cart form {
  margin: 0;
}
.minicart-products {
  padding: 8px;
}
.minicart-products table {
  display: block;
  border-bottom: 1px solid #E5E5E5;
  padding: 6px 0;
}
.minicart-products td {
  vertical-align: middle;
  text-align: center;
}
/*.minicart-products .center-left,*/
.minicart-image:not(:empty) {
  width: 40px;
}
.minicart-products .center-center {
  width: 100%;
  text-align: left;
}
.minicart-quantity input {
  width: 30px;
  /*26px;*/
  height: 28px;
  padding: 1px;
  text-align: center;
}
@media (max-width: 1199px) {
  .minicart-products {
    padding: 6px;
  }
  .minicart-products td {
    padding-right: 6px;
  }
}
/*
 * ============================================================================
 *  MINICART SUMMARY
 * ============================================================================
 */
#minicart_qty_total,
#minicart_ship,
#minicart_tax,
#minicart_product_total,
#minicart_feedback {
  padding: 0 10px;
  /*margin: 3px 0;*/
  line-height: 1.5em;
}
#order_buttons {
  padding: 10px;
  margin-top: 8px;
  background-color: #F1F1F1;
  overflow: hidden;
}
#order_buttons input[type="image"] {
  margin: 0;
}
#order_buttons a {
  float: right;
}
#order_buttons a:first-child {
  float: none;
}
.mini_cart-actions-row {
  margin-left: 0;
  margin-right: 0;
}
.mini_cart-actions-row .mini_cart-action-col {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1029px) {
  .mini_cart-actions-row .mini_cart-action-col {
    float: left;
    width: 33.33333333%;
  }
}
.mini_cart-actions .mini_cart-action {
  text-align: center;
}
.mini_cart-actions .mini_cart-action:hover {
  cursor: pointer;
}
#order_buttons input {
  vertical-align: middle;
}
.minicart-productname {
  text-align: left;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1028px) {
  .minicart-products td {
    display: block;
    text-align: left;
  }
  .minicart-products table {
    border-bottom: 1px solid #E5E5E5;
  }
  .minicart-image {
    text-align: center;
  }
  .minicart-image,
  .minicart-productname,
  .minicart-quantity {
    width: 100%;
    padding: 6px 0;
  }
  #order_buttons input {
    display: block;
    float: none;
  }
  #order_buttons a {
    display: block;
    float: none;
  }
  #order_buttons {
    text-align: left;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  /* PRODUCT MINICART WITHIN SIDE-COLUMN RESPONSIVE */
  .product-default.with-sidebar .side-column {
    display: block !important;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    padding-bottom: 0 !important;
    border: none !important;
    background: #252a35 !important;
  }
  .product-default.with-sidebar .side-column > *:not(.store-side-cart) {
    display: none;
  }
  .product-default.with-sidebar .side-column .store-side-cart input,
  .product-default.with-sidebar .side-column .store-side-cart form,
  .product-default.with-sidebar .side-column .store-side-cart img {
    display: none;
  }
  .product-default.with-sidebar .side-column .store-side-cart {
    border: none;
    background: transparent;
  }
  .product-default.with-sidebar .side-column .store-side-cart > .content-wrapper {
    margin: 0;
  }
  .product-default.with-sidebar .side-column .store-side-cart .content-wrapper {
    border: none;
  }
  .product-default.with-sidebar .side-column .store-side-cart .relatedProducttitle {
    font-size: 0;
    padding: 0;
    border: none;
    background: transparent;
    float: left;
    margin-right: 6px;
  }
  .product-default.with-sidebar .side-column .store-side-cart .minicart-summary > * {
    padding: 0 !important;
    line-height: 1.5em !important;
    color: white !important;
    float: left;
  }
  .product-default.with-sidebar .side-column .store-side-cart .minicart-summary .minicart-total {
    float: right;
  }
  .product-default.with-sidebar .side-column .store-side-cart .minicart-summary #order_buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
  }
  .product-default.with-sidebar .side-column .store-side-cart .minicart-summary #order_buttons a {
    display: block;
    height: 100%;
    width: 100%;
  }
  /* END PRODUCT MINICART WITHIN SIDE-COLUMN RESPONSIVE */
  /* PAGES WITHOUT MINICART */
  /* body:not(.product-default) { */
  body .quick-nav .store-links {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #656565;
    z-index: 99;
    padding: 0;
    font-size: 0.9em;
  }
  body .quick-nav .store-links a {
    color: white;
    line-height: 1.5em;
    width: 100%;
    font-size: inherit;
  }
  body .quick-nav .store-links .store-microcart {
    float: right;
    display: inline-block;
    width: 50%;
    text-align: center;
    padding: 7px 11px;
    background: #333;
    padding: 0;
  }
  body .quick-nav .store-links .store-microcart a {
    padding: 10px 15px;
    background: #f26522;
  }
  body .quick-nav .store-links .store-microcart a .sui-microcart-widget__label,
  body .quick-nav .store-links .store-microcart a .sui-microcart-widget__count {
    color: #fff;
  }
  body.checkout .quick-nav .store-links {
    display: none;
  }
  .page-footer-wrapper {
    margin-bottom: 50px;
  }
  /* END PAGES WITHOUT MINICART */
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  CHECKOUT (ALL STEPS)
 *
 *   The 3-step checkout process. Styles are split up into their relative
 *      steps.
 *
 *      (Ninja Rule #532: Don't forget to close the door on your way out.)
 * ============================================================================
 */
/* @author John <john@mediashaker.com> */
/*
 * ============================================================================
 *  General
 * ============================================================================
 */
.checkout-three-step .above-the-footer {
  background-color: #e0e0e0;
}
.page-content-wrapper .checkout-area {
  background: #e0e0e0;
}
.page-content-wrapper .checkout-process-form {
  background: #e0e0e0;
}
.checkout-area .site-link a {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  text-decoration: none;
}
.checkout-area .site-link a img {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.site-link .checkout-shipping-lookup a {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.checkout-area .content-inner {
  background: #FFF;
}
.checkout-area .content-inner:empty {
  display: none;
}
.content-inner:empty {
  display: none;
}
.checkout-area .store-step {
  text-align: center;
}
.checkout-area .store-step .content-wrapper {
  border-top: 0;
  padding-top: 50px;
  padding-bottom: 20px;
  background: #e0e0e0;
}
.checkout-area .store-step .content-wrapper .content-inner {
  text-align: center;
  border-top: 0;
  padding-top: 30px;
  padding-bottom: 0;
}
.checkout-area input,
.checkout-area textarea,
.checkout-area select {
  /*-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  Added this by Daniel to remove arrows?
  */
  border: 1px solid #ccc;
  outline: none;
  max-width: 700px;
}
.checkout-area input[type=image] {
  border: 0;
}
.cart-step-number {
  display: none;
}
.checkout-label {
  display: block;
  font-weight: bold;
  width: auto !important;
  font-size: 1.1em;
  background: #FFF;
  border: none;
  padding: 0;
  margin: 0 0 15px 0;
  text-transform: capitalize;
}
.confirm-label {
  font-size: 1.1em;
  font-weight: bold;
}
.checkout-upsell .checkout-body .related-title a {
  color: black;
  text-decoration: none;
  font-size: 1.2em;
  margin: 12px 0 0 0;
  display: block;
  font-weight: 700;
}
.checkout-upsell .checkout-body .product-stock {
  padding-left: 0;
  margin: 0 10px 0 0;
}
.checkout-upsell .checkout-body .category-product-quick-view-button a {
  padding: 7px 0;
}
.checkout-body {
  width: 100% !important;
  float: none !important;
}
.checkout-area .gridRow:hover,
.checkout-area .gridAltRow:hover {
  background-color: #f5f5f5;
}
.checkout-area .ui-state-highlight {
  background: none;
  DTbackground-color: #deeeff;
  background-color: #f4f4f4;
  color: #000000;
  border: 0;
}
.checkout-area #notification-email-guest #checkout-user-guest-email-help,
.checkout-area #notification-email-guest .ui-state-highlight {
  display: none;
}
body .group-item span.group-description {
  font-weight: normal;
  text-transform: none;
}
.checkout-process-form > .checkout-step-nav > .content-wrapper {
  max-width: 1140px;
}
.checkout-area .checkout-step-nav.root-section-wrapper .content-wrapper .content-inner {
  /* margin-bottom: 0; */
}
.checkout-po_number #checkout-po_number th {
  white-space: nowrap;
}
#checkout-user-contact-shipping-address-new-container th,
#checkout-user-contact-billing-address-new-container th {
  width: 160px;
}
@media (max-width: 767px) {
  .checkout-po_number #checkout-po_number th {
    padding: 10px 20px 10px 0;
  }
  .checkout-po_number #checkout-po_number td {
    width: 100%;
  }
  #checkout-user-contact-billing-address-new-container,
  #checkout-billing_address {
    margin: 0 0 10px 0;
  }
  #checkout-user-contact-billing-address-new-container th,
  #checkout-billing_address th {
    padding: 5px 0;
    white-space: nowrap;
  }
  .checkout-area .content-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  .checkout-area .content-wrapper .content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .checkout-area .checkout-label {
    margin: 5px 0;
  }
  .checkout-area input,
  .checkout-area select,
  .checkout-area textarea {
    padding: 12px 6px;
  }
  .checkout-area .ui-state-highlight {
    background: transparent;
  }
  .checkout-area i.fa-map-marker,
  .checkout-area i.fa-phone {
    display: none;
  }
  .checkout-area .checkout-step-nav.section-wrapper > .content-wrapper > .content-inner,
  .checkout-area .checkout-message.section-wrapper > .content-wrapper > .content-inner {
    border: none;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }
  .sui-field-region_select2-menu.ui-menu {
    background: white;
  }
  .sui-field-region_select2-menu.ui-menu .ui-menu-item {
    padding: 12px 0 12px 0;
  }
  .sui-field-region_select2-menu.ui-menu .ui-autocomplete-category {
    padding-left: 0.4em;
  }
  .sui-field-region_select2-menu.ui-menu .ui-menu-item.ui-state-focus {
    border: none;
  }
  .custom-combobox-input,
  .custom-combobox-toggle {
    background: transparent;
    border-color: #dcdcdc;
  }
  .checkout-area .sub-section-wrapper.cart-confirm-information .content-wrapper .content-inner {
    padding: 0;
  }
}
@media (max-width: 483px) {
  .checkout-po_number #checkout-po_number th,
  .checkout-po_number #checkout-po_number td {
    display: block;
  }
  #checkout-user-contact-billing-address-new-container tr {
    display: block;
  }
  #checkout-user-contact-billing-address-new-container th {
    padding: 5px 0;
  }
}
@media (min-width: 768px) {
  #checkout-shipping_notes-notes {
    max-width: 498px;
  }
  .checkout-area .root-section-wrapper .content-wrapper .content-inner {
    padding: 30px;
    background-color: #fff;
    margin-bottom: 15px;
  }
  .checkout-area .root-section-wrapper .sub-section-wrapper > .content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .checkout-area .root-section-wrapper.login-frame .content-inner {
    margin-top: 0;
  }
  .checkout-area .checkout-step-nav.root-section-wrapper .content-wrapper .content-inner {
    /* margin-bottom: 0; */
  }
  .content-inner .sub-section-wrapper .content-wrapper {
    DTpadding-bottom: 20px;
  }
  .checkout-step-nav.sub-section-wrapper .content-inner {
    /* margin-bottom: 0 !important; */
    padding-bottom: 30px !important;
  }
  #checkout-user-contact-shipping-label {
    max-width: 70%;
  }
  .checkout-po_number #checkout-po_number table {
    width: 600px;
  }
}
@media (max-width: 1028px) {
  #checkout-user-contact-shipping-label {
    max-width: 100%;
  }
  .checkout-area .root-section-wrapper > .content-wrapper {
    background-color: #ffffff;
  }
  .checkout-area .root-section-wrapper > .content-wrapper .content-inner {
    padding: 10px 0;
    overflow: hidden;
  }
  .checkout-area .store-step > .content-wrapper {
    background-color: #ffffff;
    padding-top: 25px;
    padding-bottom: 0;
  }
  .checkout-area .checkout-step-nav > .content-wrapper .content-inner {
    padding-top: 0;
  }
  .checkout-area .checkout-process-form .checkout-step-nav .content-wrapper .content-inner {
    /* margin-bottom: 0; */
  }
  .checkout-process-form .checkout-step-nav > .content-wrapper > .content-inner {
    /* margin-bottom: 0; */
  }
  .checkout-three-step .above-the-footer {
    background-color: #ffffff;
  }
}
@media (max-width: 767px) {
  .checkout-area .section-wrapper > .content-wrapper > .content-inner {
    border: 1px solid #dcdcdc;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 10px;
  }
}
/*
 * ============================================================================
 *  prevent the region select dropdown menu become transparent
 * ============================================================================
 */
.sui-field-region_select2-menu {
  background: #f9f9f9;
}
/*
 * ============================================================================
 *  Buttons
 * ============================================================================
 */
.checkout .site-link a.checkout-button-type-default {
  background-color: #f26522;
  border: 1px solid #f26522;
  color: #ffffff;
  padding: 10px 14px;
  height: auto;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
}
/*.site-link .checkout-area a:hover {
    text-decoration: none;
    opacity: 0.7;
    filter: opacity(0.7);
    -moz-filter: opacity(0.7);
    -webkit-filter: opacity(0.7);
}*/
.site-link a.cart-buttons.remove.sui-sf-button-has_text,
.site-link a.cart-buttons.update.sui-sf-button-has_text,
.checkout .site-link a.checkout-button-type-default.checkout-button-type-default-secondary {
  background-color: #fff;
  border: 1px solid #777;
  color: #777;
  padding: 10px 14px;
  height: auto;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
}
.site-link a.cart-buttons.remove.sui-sf-button-has_text:hover,
.site-link a.cart-buttons.update.sui-sf-button-has_text:hover,
.checkout .site-link a.checkout-button-type-default.checkout-button-type-default-secondary:hover {
  color: #fff;
  background: #f26522;
  border: 1px solid #f26522;
  opacity: 1;
  filter: opacity(1);
  -moz-filter: opacity(1);
  -webkit-filter: opacity(1);
}
.site-link a.checkout-button-next.sui-sf-button-has_text,
.checkout .site-link a.checkout-button-type-default.checkout-button-type-default-primary,
.site-link a.checkout-button-complete_quote.sui-sf-button-has_text,
.site-link a.checkout-button-save_quote.sui-sf-button-has_text {
  padding: 10px 14px;
  height: auto;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  border: 1px solid #f26522;
  background: #f26522;
}
.site-link a.checkout-button-next.sui-sf-button-has_text:hover,
.checkout .site-link a.checkout-button-type-default.checkout-button-type-default-primary:hover,
.site-link a.checkout-button-complete_quote.sui-sf-button-has_text:hover,
.site-link a.checkout-button-save_quote.sui-sf-button-has_text:hover {
  opacity: 1;
  filter: opacity(1);
  -moz-filter: opacity(1);
  -webkit-filter: opacity(1);
}
.site-link a.checkout-button-save_quote.sui-sf-button-has_text {
  background-color: transparent;
  border-color: #f26522;
  color: #f26522;
}
.site-link a.checkout-button-previous.sui-sf-button-has_text {
  display: inline-block;
  /*margin-bottom: 15px;*/
}
@media (min-width: 768px) {
  .checkout-three-step.step-one .checkout-buttons .checkout-buttons-left {
    margin-top: 9px;
  }
  .checkout-buttons {
    width: 100%;
    display: block;
  }
  .checkout-buttons .checkout-buttons-left {
    float: left;
  }
  .checkout-buttons .checkout-button-center {
    margin-top: 9px;
  }
  .checkout-buttons .checkout-buttons-right {
    float: right;
  }
}
@media screen and (max-width: 1028px) {
  .checkout-step-nav .content-wrapper .checkout-buttons {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 20px;
  }
  .checkout-step-nav .content-wrapper .checkout-buttons .next-step {
    display: flex;
    flex-direction: column-reverse;
  }
  .checkout .site-link .checkout-step-nav .next-step .checkout-button {
    padding: 20px 15px;
    display: block;
  }
  .checkout .site-link .checkout-step-nav .previous-step .checkout-button {
    padding: 20px 15px;
    display: block;
  }
  .checkout .site-link a.checkout-button-type-default.checkout-button-type-default-primary,
  .checkout .site-link a.checkout-button-type-default.checkout-button-type-default-secondary,
  .checkout-step-nav .content-wrapper span,
  .site-link a.cart-buttons.remove,
  .site-link a.cart-buttons.update,
  .site-link a.checkout-button-complete_quote,
  .site-link a.checkout-button-next,
  .site-link a.checkout-button-previous,
  .site-link a.checkout-button-save_quote {
    text-align: center;
  }
}
@media (max-width: 1028px) {
  .site-link a.checkout-button-next,
  .checkout .site-link a.checkout-button-type-default.checkout-button-type-default-primary,
  .site-link a.checkout-button-complete_quote,
  .site-link a.cart-buttons.remove,
  .site-link a.cart-buttons.update,
  .site-link a.checkout-button-previous,
  .site-link a.checkout-button-save_quote,
  .checkout .site-link a.checkout-button-type-default.checkout-button-type-default-secondary {
    margin-bottom: 15px;
  }
  .checkout-area .gridRow,
  .checkout-area .gridAltRow {
    border-bottom: 0;
  }
}
@media (min-width: 483px) {
  .site-link a.cart-buttons.remove {
    margin-right: 12px;
  }
}
@media (max-width: 767px) {
  .site-link a.checkout-button-next,
  .checkout .site-link a.checkout-button-type-default.checkout-button-type-default-primary,
  .site-link a.checkout-button-complete_quote,
  .site-link a.cart-buttons.remove,
  .site-link a.cart-buttons.update,
  .site-link a.checkout-button-previous,
  .site-link a.checkout-button-save_quote,
  .checkout .site-link a.checkout-button-type-default.checkout-button-type-default-secondary,
  .checkout-step-nav .content-wrapper span {
    text-align: center;
    display: block;
  }
}
/*
 * ============================================================================
 *  Coupon Area
 * ============================================================================
 */
input#coupon_code {
  display: inline-block;
}
.site-link #coupon_form a {
  /*background-color: #168CDE;*/
  background: #777;
  border: 1px solid transparent;
  color: #ffffff;
  padding: 9px 11px;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 600;
}
.site-link #coupon_form a:hover {
  background-color: #ffffff;
  /*border: 1px solid #007fff;*/
  border: 1px solid #777;
  /*color: #007fff;*/
  color: #777;
}
@media (min-width: 768px) {
  .site-link #coupon_form a {
    margin-left: 5px;
  }
}
@media (max-width: 1028px) {
  input#coupon_code {
    margin-bottom: 10px;
  }
}
/*
 * ============================================================================
 *  Checkout Steps
 * ============================================================================
 */
.cart-step.cart-step-one .cart-step-text,
.cart-step.cart-step-two .cart-step-text,
.cart-step.cart-step-three .cart-step-text {
  border-bottom: 3px solid transparent;
  display: inline-block;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 15px;
  color: #b1b1b1;
  font-size: 1.3em;
  font-weight: 700;
}
.cart-step.cart-step-one.cart-current-step .cart-step-text,
.cart-step.cart-step-two.cart-current-step .cart-step-text,
.cart-step.cart-step-three.cart-current-step .cart-step-text {
  DTborder-bottom: 3px solid #007fff;
  color: #000;
  DTborder-bottom: 3px solid #000;
  font-weight: 700;
}
.cart-steps-dynamic .cart-step a {
  color: inherit;
  font-size: inherit;
}
#checkout-step-one .cart-steps-static .cart-step-one .cart-step-text,
#checkout-step-two .cart-steps-static .cart-step-two .cart-step-text,
#checkout-step-three .cart-steps-static .cart-step-three .cart-step-text {
  color: #000;
  font-weight: 700;
}
.cart-steps + .cart-steps {
  display: none;
}
.checkout-step-nav .content-wrapper {
  overflow: hidden;
  /*padding: 0;
      background: #FFF;*/
}
.checkout-step-nav .content-wrapper span {
  display: inline-block;
}
.checkout-step-nav form,
.checkout-step-nav input {
  display: inline;
  vertical-align: middle;
}
.checkout-cancel_checkout.checkout-button,
.checkout-continue_shopping.checkout-button {
  color: #8e8e8e;
  letter-spacing: 0.06em;
  font-weight: 600;
  padding: 0;
  background-color: transparent;
  border: 0;
  background: none;
  text-transform: uppercase;
}
.checkout-cancel_checkout.checkout-button:hover,
.checkout-continue_shopping.checkout-button:hover {
  text-decoration: none;
  opacity: 0.6;
}
.confirm-label {
  background-color: #ffffff;
}
.checkout-process-form form th {
  vertical-align: middle;
}
.checkout-process-form form td {
  padding-top: 0.41em;
  padding-bottom: 0.41em;
}
.checkout-area .message-hello-name {
  color: #1F7FAF;
  font-weight: bold;
}
.checkout-area .greeting-text-extra {
  color: #1F7FAF;
  font-weight: 600;
}
.checkout-area .checkout-notice {
  margin-top: 12px;
}
.checkout-user-contact-billing-checkout-address-container {
  overflow: auto;
}
.checkout-user-contact-billing-checkout-address-container .gridDataTableCheckout.checkout-shipping-grid {
  overflow-x: auto;
}
#checkout-user-contact-shipping-address-new-container {
  margin-top: 20px;
}
#checkout-user-contact-shipping-address-new-container table {
  width: 70%;
}
/*#checkout-user-contact-shipping-address-new-container th {
    width: 30%;
}

#checkout-user-contact-shipping-address-new-container td {
    width: 68%;
}

#checkout-user-contact-shipping-address-new-container td.required {
    width: 2%;
}*/
.cart-footers td:nth-child(4) b,
#cart_total b,
.cart-footers .checkout-cart-price,
.cart-footers .checkout-cart-total {
  color: #333;
  font-size: 1.6em;
  font-weight: 700;
}
@media (min-width: 768px) {
  .checkout-shipping-lookup {
    font-weight: 900;
  }
  .checkout-step-nav .content-wrapper {
    text-align: right;
  }
  .checkout-continue_shopping.checkout-button {
    margin-left: 15px;
  }
  .checkout-cancel_checkout.checkout-button,
  .checkout-button-save_quote,
  .checkout-button-save_order {
    margin-right: 12px;
  }
}
@media (max-width: 1028px) {
  .checkout-step-nav > .content-wrapper {
    text-align: left;
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    overflow: visible;
  }
  .checkout-cancel_checkout.checkout-button,
  .checkout-continue_shopping.checkout-button {
    text-transform: none;
    font-weight: 300;
  }
  .shipping-instruction {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .customer-label .content-wrapper .checkout-label {
    /* padding: 30px 30px 0 30px; Removed for better spacing of the welcome message */
    background: #FFF;
  }
  .checkout-three-step label,
  .checkout-process-form .confirm-label span {
    DTtext-transform: uppercase;
    font-weight: 600;
  }
  .checkout-three-step .cart-user-label label {
    text-transform: none;
  }
  .checkout-three-step .cart-user-label label.cart-user-login {
    text-transform: none;
    font-weight: 600;
  }
  .checkout-three-step .cart-user-label label.cart-user-login strong {
    font-weight: 900;
  }
  /* Font Sizes */
  body#checkout-step-one .page-content-wrapper .cart-display table.cart-table,
  .cart-table div div,
  .checkout-three-step label,
  .checkout-process-form .confirm-label span {
    font-size: 0.875em;
  }
  .page-content-wrapper .checkout-label {
    font-size: 1.1em;
  }
  .site-link .checkout-shipping-lookup a {
    font-size: 0.75em;
    margin-right: 30px !important;
    /* Override inline styling */
  }
  .cart-table li,
  .cart-product-sale-name {
    font-size: 1em;
  }
  .cart-product-sale-name {
    font-size: 0.7em;
  }
  .checkout-area input[type=checkbox]:after {
    font-size: 0.8em;
    padding: 1px;
  }
  .cart-rows input[type=checkbox]:after,
  .cart-rows-alt input[type=checkbox]:after {
    font-size: 0.6em;
    padding: 2px;
  }
  .login-logged-out .cart-login .sui-block-content .sui-description p {
    font-size: 1.33333em;
  }
  .login-logged-out .cart-login .sui-block-content .sui-description {
    padding: 0;
  }
  /*
    .checkout-area input[type=radio]:after {
        font-size: 0.7em;
    }
*/
  .checkout-cancel_checkout.checkout-button,
  .checkout-continue_shopping.checkout-button {
    font-size: 0.8em;
  }
  .cart-rows,
  .cart-rows-alt {
    font-size: 1em;
  }
  .checkout-area input[type=checkbox] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', 'FontAwesome' !important;
    border: 1px solid #333;
    border-radius: 3px;
    height: 15px;
    width: 15px;
    position: relative;
  }
  .checkout-area input[type=checkbox]:after {
    display: block;
    content: '\f00c';
    color: transparent;
    text-align: center;
  }
  .checkout-area .cart-headers input[type=checkbox]:after {
    padding: 2px 2px;
  }
  .checkout-area input[type=checkbox]:checked:after {
    content: '\f00c';
    color: #333;
  }
  /*
    .checkout-area input[type=radio] {
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
        font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', 'FontAwesome' !important;
        border: 1px solid #ccc;
        border-radius: 100%;
        width: 14px;
        position: relative;
    }

    .checkout-area input[type=radio]:after {
        display:block;
        content: '\f111';
        text-align: center;
        color: transparent;
        padding: 1.6px;
    }

    .checkout-area input[type=radio]:checked:after {
        content: '\f111';
        color: #bfbfbf;
    }
    */
}
@media (max-width: 1028px) {
  #checkout-user-contact-shipping-address-new-container table {
    width: 100%;
  }
  .checkout-area input[type=text],
  .checkout-area textarea,
  .checkout-area select,
  div.sui-field > .sui-strut-field > .sui-strut-controls > .sui-control > * {
    font-size: 1.6rem;
  }
  .checkout-area input[type=submit] {
    font-size: 0.8em;
  }
  .cart-step {
    display: inline-block;
  }
  .cart-step.cart-step-one,
  .cart-step.cart-step-two,
  .cart-step.cart-step-three {
    width: 29%;
    float: left;
    white-space: nowrap;
  }
  .cart-step.cart-step-one .cart-step-text,
  .cart-step.cart-step-two .cart-step-text,
  .cart-step.cart-step-three .cart-step-text {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
    font-size: 1.1em;
    padding-left: 5px;
    padding-right: 5px;
  }
  .cart-current-step {
    border-bottom: 3px solid #d4d4d4;
    padding-left: 15px;
    padding-right: 15px;
  }
  .store-step span {
    margin-bottom: 10px;
  }
  .checkout-step-nav .content-wrapper span {
    display: block;
    width: 100%;
    float: none;
  }
  #checkout-step-two .checkout-contact-billing td:nth-child(2),
  #checkout-step-two .checkout-contact-billing td input {
    width: 100%;
    /*display: inline-block;*/
    margin-bottom: 6px;
  }
  #checkout-step-two .checkout-contact-billing .region_select-select + .custom-combobox {
    margin-bottom: 6px;
  }
  #checkout-step-two .checkout-contact-billing .region_select-select + .custom-combobox input.custom-combobox-input {
    margin: 0;
  }
  #checkout-subscriptions-0 {
    width: 13px !important;
  }
  #checkout-step-two th {
    width: 100%;
    display: block;
  }
  .checkout a.checkout-button-type-default.checkout-button-type-default-secondary,
  .checkout a.checkout-button-type-default.checkout-button-type-default-primary {
    display: inline-block;
    margin-bottom: 15px;
  }
}
@media (min-width: 483px) and (max-width: 1028px) {
  /*.checkout-step-nav .content-wrapper span.continue-shopping {
    margin-top: 10px;
  }*/
  .checkout-step-nav .content-wrapper span.cancel-checkout {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .cart-current-step {
    padding-left: 5px;
    padding-right: 5px;
  }
  .cart-step.cart-step-one .cart-step-text,
  .cart-step.cart-step-two .cart-step-text,
  .cart-step.cart-step-three .cart-step-text {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
  }
  .checkout-step-nav .content-wrapper span.cancel-checkout {
    margin-bottom: 15px;
  }
  .checkout-process-form form td {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  #checkout-user-contact-shipping-address-new-container th {
    display: block;
    width: 100%;
  }
  #checkout-user-contact-shipping-address-new-container td,
  #checkout-shipping_address table tr td {
    width: 100%;
    display: block;
  }
  #checkout-user-contact-shipping-address-new-container td:nth-child(3),
  #checkout-shipping_address td:nth-child(3) {
    display: none;
    width: 2%;
    margin-top: 0;
  }
  #checkout-user-contact-shipping-address-new-container td.required,
  #checkout-shipping_address td.required {
    display: none;
  }
  .cart-rows,
  .cart-rows-alt {
    font-size: 1.1em;
  }
  .login-logged-out .forgot-password-link a,
  #shipTable th {
    font-weight: 400;
  }
  #checkout-step-two #checkout-shipping_method #shipTable th {
    display: none;
    padding: 0;
  }
  .checkout-area .errorText {
    padding-left: 0;
    font-size: 0.9em;
  }
  #ship-table label {
    font-size: 0.8em;
  }
}
@media (max-width: 482px) {
  #checkout-user-contact-shipping-address-new-container td {
    /*width: 95%;*/
  }
  #checkout-user-contact-shipping-address-new-container td:nth-child(3) {
    /*width: 5%;*/
  }
}
/*
 * ============================================================================
 *  STEP 1
 * ============================================================================
 */
.cart-certificates form {
  margin-top: 9px;
}
.cart-user-options {
  width: 70%;
}
@media (max-width: 1028px) {
  .cart-user-options {
    width: 100%;
  }
}
.cart-user-option {
  border: 1px solid white;
  padding: 3px;
  margin-top: 5px;
}
.cart-user-option:hover {
  background-color: #ebf9ff;
}
.cart-user-option-selected {
  background-color: #ebf9ff;
  border: 1px solid #e1e1e1;
}
.cart-user-radio {
  float: left;
  padding: 3px 5px;
}
.cart-user-label {
  float: left;
  padding: 1px;
  width: 90%;
  font-size: 1.1em;
}
.cart-user-label label {
  display: block;
}
.cart-user-desc {
  font-size: smaller;
  margin-top: 6px;
}
.cart-user-content {
  /*background-color: #ebebeb;*/
  border: 1px solid #e1e1e1;
  margin-top: 5px;
}
/*
 * ============================================================================
 *  STEP 2
 * ============================================================================
 */
#checkout-shipping_method > table {
  width: 60%;
}
#checkout-shipping-method.error {
  max-width: 100%;
}
#shipTable {
  /*float: left;*/
  width: 100%;
}
#shipTable td {
  padding: 6px 24px 6px 6px;
}
#shipTable thead th:first-child {
  width: 30px;
}
#shipTable .checkout-shipping-field-row > td {
  padding: 0;
}
.checkout-shipping-field-container {
  /* display: none; move to ui-helper-hidden */
  padding: 10px;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
}
.checkout-shipping-field-container td {
  padding: 6px 24px 6px 0;
  vertical-align: top;
}
.checkout-shipping-field-container select {
  width: 100%;
}
.checkout-shipping-field-container label {
  display: block;
}
.checkout-shipping-field-container .datepicker {
  width: 200px;
}
.checkout-shipping-field-container .ui-datepicker-trigger {
  margin-left: 5px;
  cursor: pointer;
}
@media (max-width: 1028px) {
  #checkout-shipping_method > table {
    width: 100%;
  }
  .checkout-shipping-field-container .datepicker {
    width: 80%;
  }
  #checkout-step-two #shipTable th {
    display: table-cell;
  }
}
/*
 * ============================================================================
 *  Address Summary
 * ============================================================================
 */
.summary-phone i.fa,
.summary-address i.fa {
  color: #dddddd;
  line-height: 1.42857143;
  position: absolute;
  margin-left: -1.28571429em;
}
.summary-address .summary-address-name:after,
.summary-address .summary-address-company:after {
  content: "";
  display: block;
}
.summary-address > .summary-address-name {
  font-weight: bolder;
}
.summary-address > .summary-address-name:after {
  content: "";
  display: block;
  margin: 0.1em;
}
.summary-address .summary-address-address:after {
  content: ",";
}
.summary-address .summary-address-city:after {
  content: ",";
}
.summary-address .summary-address-postal_code:after {
  content: ",";
}
.checkout-button-edit_shipping {
  margin-top: 0.24em;
  display: inline-block;
}
.checkout-button-edit_billing {
  margin-top: 0.24em;
  display: inline-block;
}
.checkout-button-edit_payment {
  margin-top: 0.24em;
  display: inline-block;
}
/*
 * ============================================================================
 *  ERRORS
 * ============================================================================
 */
form #checkout_message > div {
  margin: 0 0 18px 0;
}
#checkout_message .error {
  /*padding: 6px;*/
  padding: 10px;
  /*color: red;*/
  color: #fff;
  background: #f26522;
  border: 1px solid #f26522;
  max-width: none;
  margin-top: 10px;
}
#checkout_message .error:first-child {
  margin-top: 0;
}
.coupon-frame .error {
  border: 0;
  background: transparent;
  color: red;
}
.checkout-process-form .error {
  border: 1px solid #dadada;
  max-width: none;
}
.checkout-process-form .error .custom-combobox-input {
  background: #FFF4F3;
}
.select.error {
  max-width: none;
}
/*
 * ============================================================================
 *  STEP 3
 * ============================================================================
 */
.confirm-bill-address span,
.confirm-bill-phone,
.confirm-bill-email,
.confirm-ship-address.confirm-address,
.confirm-ship-phone,
.confirm-ship-email,
.confirm-shipping_method,
.confirm-shipping_type,
.confirm-shipping_notes {
  font-weight: 400;
}
.checkout-contact-billing > .content-wrapper > .content-inner,
.confirm-bill-address span.confirm-bill-name,
.checkout-contact-shipping > .content-wrapper > .content-inner,
.confirm-ship-name,
.confirm-shipping_method,
.confirm-shipping_type,
.confirm-shipping_notes {
  DTfont-weight: bold;
}
.confirm-shipping_method span,
.confirm-shipping_type span,
.confirm-shipping_notes span,
.confirm-shipping_method_field span,
.confirm-delivery_date span {
  font-weight: 400;
  margin-right: 15px;
  display: inline-block;
  width: 120px;
}
.confirm-bill-phone,
.confirm-ship-phone,
.confirm-shipping_method {
  margin-top: 20px;
}
.confirm-bill-payment_method {
  margin-top: 20px;
}
.confirm-bill-payment_method-value {
  font-weight: 600;
}
.confirm-shipping_type,
.confirm-delivery_date,
.confirm-shipping_method_field {
  margin-top: 2px;
  font-weight: 600;
}
.confirm-shipping_method {
  margin-top: 20px;
  font-weight: 600;
}
.confirm-shipping_method span,
.confirm-shipping_type span,
.confirm-delivery_date span,
.confirm-shipping_method_field span {
  font-weight: 400;
}
.confirm-shipping_method span:after,
.confirm-shipping_type span:after,
.confirm-delivery_date span:after,
.confirm-shipping_method_field span:after {
  content: ':';
}
.checkout.step-three .checkout-cost-summary tr.cost_summary-total {
  border-top: 1px solid #dcdcdc;
}
.checkout.step-three table.cost_summary td.cost_summary-value {
  text-align: right;
}
/* start full width subtotals */
/*
.checkout.step-three table.cost_summary
{
    width: 100%;
    line-height: 1.6em;
}

.checkout.step-three table.cost_summary td.cost_summary-value
{
    padding-right: 18px;
    text-align: right;
}

.checkout.step-three table.cost_summary td
{
    width: 1px;
}

.checkout.step-three table.cost_summary tr:hover
{
    background-color: whitesmoke;
}

.checkout.step-three table.cost_summary tr:hover td,
.checkout.step-three table.cost_summary tr:hover th
{
    font-weight: bold;
}
*/
/* end full width subtotals */
.checkout.step-three .checkout-cost-summary .cost_summary-total th.cost_summary-label,
.checkout.step-three .checkout-cost-summary .cost_summary-total td.cost_summary-value {
  padding-top: 15px;
  font-weight: bold;
}
.checkout.step-three .checkout-cost-summary td {
  font-size: 1em;
  padding-left: 20px;
}
.checkout.step-three .checkout-cost-summary .cost_summary-total td.cost_summary-value {
  font-size: 1.3em;
}
@media (min-width: 768px) {
  /* .checkout.step-three .checkout-label, */
  .checkout.step-three .totals-label .checkout-label,
  .checkout.step-three .confirm-label > .content-wrapper {
    padding: 30px 30px 0 30px;
    background: #FFF;
    margin-top: 0;
    margin-bottom: 0;
  }
  .checkout.step-confirmation .totals-label .checkout-label,
  .checkout.step-confirmation .confirm-label > .content-wrapper {
    padding: 30px 30px 0 30px;
    background: #FFF;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 1028px) {
  .checkout.step-three .checkout-area .root-section-wrapper > .content-wrapper .content-inner {
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .checkout.step-confirmation .checkout-area .root-section-wrapper > .content-wrapper .content-inner {
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .checkout-label {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  #checkout-step-three .checkout-contact-shipping,
  #checkout-step-three .checkout-contact-billing {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/*
 * ============================================================================
 *  Override Widths when there is shorter country listings
 * ============================================================================
 */
/*
#checkout-billing_address td,
#checkout-shipping_address td
{
    width: 324px;
}
*/
#checkout-billing_address td:last-child,
#checkout-shipping_address td:last-child {
  width: 1px;
}
#checkout-billing_address > table,
#checkout-shipping_address > table {
  width: 600px;
}
#checkout-billing_address > table > tbody,
#checkout-shipping_address > table > tbody {
  width: 100%;
}
tr.checkout-user-contact-shipping-country select,
tr.checkout-user-contact-billing-country select {
  /* width: 345px; */
  display: block;
}
tr.checkout-user-contact-shipping-country select.ui-helper-hidden,
tr.checkout-user-contact-billing-country select.ui-helper-hidden {
  display: none;
}
@media (max-width: 767px) {
  tr.checkout-user-contact-billing-country select,
  tr.checkout-user-contact-shipping-country select {
    width: 100%;
    display: block;
  }
  #checkout-billing_address tbody,
  #checkout-shipping_address tbody {
    width: 100%;
    display: block;
  }
}
/*
 * ============================================================================
 *  RESPONSIVE IPAD PORTRAIT RULES
 * ============================================================================
 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .checkout-area .store-step .content-wrapper {
    border-top: 0;
    padding-top: 50px;
    padding-bottom: 20px;
    background: #ebebeb;
  }
  .checkout-area .root-section-wrapper > .content-wrapper .content-inner {
    padding: 10px 15px;
  }
  .cart-step.cart-step-one .cart-step-text,
  .cart-step.cart-step-two .cart-step-text,
  .cart-step.cart-step-three .cart-step-text {
    font-size: 1em;
  }
  .cart-step {
    display: inline-block;
  }
  .checkout-continue_shopping.checkout-button {
    margin-left: 0;
  }
  .checkout-buttons .checkout-button-center {
    margin-top: 9px;
    margin-bottom: 12px;
  }
  /*
  .checkout-area input[type=radio] {
    width: 13px !important;
  }
  */
}
/*
 * ============================================================================
 * START - validity
 * ============================================================================
 */
/*normalize mozilla*/
.checkout input:invalid,
.checkout select:invalid,
.checkout textarea:invalid {
  box-shadow: none;
}
/*
.checkout input:invalid,
.checkout select:invalid,
.checkout textarea:invalid
{
    box-shadow:0 0 3px red;
}
*/
.checkout .checkout--invalid input:invalid,
.checkout .checkout--invalid select:invalid,
.checkout .checkout--invalid textarea:invalid {
  border: thin solid red;
  background-color: #FFF4F3;
  box-shadow: 0 0 3px red;
}
/*
.checkout .checkout--invalid input:invalid:required,
.checkout .checkout--invalid select:invalid:required,
.checkout .checkout--invalid textarea:invalid:required
{
    border: thin solid red;
}

.checkout .checkout--invalid input:invalid:required:not(:placeholder-shown),
.checkout .checkout--invalid select:invalid:required:not(:placeholder-shown),
.checkout .checkout--invalid textarea:invalid:required:not(:placeholder-shown)
{
    border: thin solid red;
}

.checkout .checkout--invalid input[value]:not([value=""]):invalid:required,
.checkout .checkout--invalid select:invalid:required,
.checkout .checkout--invalid textarea:invalid:required:empty
{
    border: thin solid red;
    border: 1px solid #dcdcdc;
}

.checkout .checkout--invalid input:invalid:not(:required)
{
    border: thin solid red;
}
 */
/*
 * ============================================================================
 * END - validity
 * ============================================================================
 */
.checkout {
  /*
  #checkout-user_account input[type="password"] {
      width: 100%;
  }

  @media (min-width: @shout-screen-xs-min) {
      #checkout-user_account input:not([type]),
      #checkout-user_account input[type=text],
      #checkout-user_account input[type=email],
      #checkout-user_account input[type=password]
      {
          width: 400px;
      }
  }
 */
  /* optional/required field indicators - START */
  /* optional/required field indicators - END */
}
.checkout #checkout-user_account-anonymous,
.checkout #checkout-user_account {
  max-width: 600px;
}
@media (max-device-width: 767px) {
  .checkout input[type="text"],
  .checkout input[type="tel"],
  .checkout input[type="email"],
  .checkout textarea,
  .checkout select {
    line-height: 16px !important;
  }
}
.checkout .checkout--optional label::after {
  content: "(optional)";
  padding-left: 10px;
}
.checkout .checkout--required td.required,
.checkout .checkout--optional td.optional {
  display: none;
}
.checkout #checkout-billing_method td .checkout--required td.required,
.checkout #checkout-billing_method td .checkout--optional td.optional {
  display: none;
}
.checkout-content-capable .account_footer_container {
  display: none;
}
/* checkout early contact notification - START */
.notification_cart_label__login {
  color: gray;
  font-size: smaller;
  padding-left: 12px;
}
.notification_cart_label__login::before {
  content: '(';
}
.notification_cart_label__login::after {
  content: ')';
}
.notification_cart_label__login_link {
  font-weight: bold;
}
.notification_cart_label__login_link:hover {
  text-decoration: underline;
}
.checkout-notification-cart-login-link {
  display: none;
}
.notification_cart_label-notice {
  display: none;
}
/* checkout early contact notification - END */
.checkout-infotooltip-icon.fa-stack {
  font-size: 0.5em;
}
/*
 * ============================================================================
 *  STEP 1
 * ============================================================================
 */
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  UPSELL
 * ============================================================================
 */
.upsell-display .related-table .layout-grid-row {
  margin-left: -15px;
  margin-right: -15px;
}
.upsell-display .related-table .layout-grid-row:before,
.upsell-display .related-table .layout-grid-row:after {
  content: " ";
  display: table;
}
.upsell-display .related-table .layout-grid-row:after {
  clear: both;
}
.upsell-display .related-table .layout-grid-row .cell {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .upsell-display .related-table .layout-grid-row .cell {
    float: left;
    width: 20%;
  }
}
.upsell-display .related-image {
  border: 1px solid #E2E2E2;
}
/* kmm
.upsell-display td {
    vertical-align: top;
}

.upsell-display tr.top {
    height: 120px;
}

.upsell-display .product-price-sale {
    font-size: 1em;
}

@media (min-width: @shout-screen-md-min) and (max-width: @shout-screen-md-max) {
    .upsell > tbody > tr > td {
        width: 14%;
    }
}

@media (min-width: @shout-screen-sm-min) and (max-width: @shout-screen-sm-max) {
    .checkout-area .upsell-display > .content-wrapper{
        padding: 0 15px;
    }
}

@media (max-width: @shout-screen-xs-max) {
    .upsell-display .checkout-upsell {
        border-bottom: 1px solid #f2f2f2;
        padding-bottom: 20px;
    }
}

@media (min-width: @shout-screen-xs-min) and (max-width: @shout-screen-sm-max) {
    .upsell-display table,
    .upsell-display thead,
    .upsell-display tbody,
    .upsell-display th,
    .upsell-display td,
    .upsell-display tr {
        display: inline-table;
    }

    table.upsell {
        border: 1px solid #DBDBDB;
        border-top: none;
    }

    table.upsell > tbody > tr > td {
        width: 50%;
        float: left;
    }

    table.upsell table {
        display: block;
        padding: 18px 9px;
        border-top: 1px solid #DBDBDB;
        min-height: 9em;
    }

    table.upsell table tbody {
        width: 100%;
    }

    table.upsell td:nth-child(odd) table {
        border-right: 1px solid #DBDBDB;
    }

    table.upsell table tr {
        float: left;
    }

    table.upsell table tr:nth-child(1) {
        width: 35%;
        min-height: 9em;
    }

    table.upsell table tr:nth-child(2),
    table.upsell table tr:nth-child(3) {
        width: 65%;
    }

    table.upsell .related-image {
        margin: 0 10px 0 0;
    }

    table.upsell img {
        height: 90px;
        width: 100%;
    }
}

@media (max-width: @shout-screen-max) {
    .upsell-display h2 {
        background: none;
    }

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

    table.upsell > tbody > tr > td {
        width: 100%;
        float: left;
    }

    table.upsell table {
        display: block;
        padding: 18px 9px;
        border-top: 1px solid #DBDBDB;
    }

    table.upsell table tbody {
        width: 100%;
    }

    table.upsell table tr {
        float: left;
    }

    table.upsell table tr:nth-child(1) {
        width: 35%;
        min-height: 9em;
    }

    table.upsell table tr:nth-child(2),
    table.upsell table tr:nth-child(3) {
        width: 65%;
    }

    table.upsell .related-image {
        margin: 0 10px 0 0;
    }

    table.upsell img {
        height: 90px;
    }
}
 */
@media (max-width: 767px) {
  .upsell-display .cell:before,
  .upsell-display .cell:after {
    content: " ";
    display: table;
  }
  .upsell-display .cell:after {
    clear: both;
  }
  .upsell-display .cell > .top {
    width: 30%;
    float: left;
  }
  .upsell-display .cell > .middle,
  .upsell-display .cell > .bottom {
    width: 70%;
    float: right;
    padding: 0 15px;
  }
}
.upsell-display .add_to_cart--spinner_container {
  margin-bottom: 8px;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  LOGIN FORM
 * ============================================================================
 */
#checkout-user_account tbody {
  padding: 0;
  background: #ffffff;
  border: 0;
}
.social-login-form-wrapper {
  background: #ffffff;
  border: 0;
  padding: 15px 0;
}
.checkout-area .social-login-forms form .sui-fieldset > .sui-fieldset-content {
  text-align: right;
}
.checkout-area .cart-login .cart-user-content {
  width: 600px;
  max-width: 100%;
}
.checkout-area .cart-login .cart-user-content .sui-fieldset {
  padding: 8px 0;
}
.page-content-wrapper .checkout-label {
  background: #FFF;
  border: none;
}
.cart-login .login-frame form {
  /*margin: 18px 0;*/
}
.cart-login .login-text {
  line-height: 2em;
}
.cart-login #login_username label,
.cart-login #login_password label {
  width: 89px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.cart-user-option {
  padding-top: 12px;
  padding-bottom: 9px;
  margin-top: 0;
}
.cart-user-option-selected {
  background-color: #f3fbff;
  border: 0;
}
.login-logged-in .checkout-label,
.login-logged-out .checkout-label {
  margin-bottom: 0;
}
.login-logged-out .cart-user-options {
  width: 100%;
}
#checkout-hidden-submit {
  display: none;
}
.cart-login .password-forgot-link > .content-wrapper {
  margin-top: -25px;
}
.cart-login .login-frame table {
  width: 100%;
}
.cart-login .login-frame .redTextSm {
  color: red;
  margin-bottom: 18px;
  font-size: 1.5em;
}
.login-frame input[type="submit"] {
  float: right;
  IWAmargin-right: 20%;
  margin-right: 0;
}
.cart-login .password-forgot-link {
  font-size: 0.8em;
}
.login-logged-out .forgot-password-link {
  margin-right: 12px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
.login-logged-out .forgot-password-link a {
  font-weight: 600;
  font-size: 0.875em;
}
.checkout-area .social-login-forms form .sui-fieldset > .sui-fieldset-content > div:last-child {
  float: none;
  display: inline-block;
}
.checkout-area input[type=submit] {
  /*background-color: #168CDE;*/
  background-color: #777;
  border: 1px solid transparent;
  color: #ffffff;
  padding: 7px 11px;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.checkout-area input[type=submit].ui-helper-hidden {
  display: none;
}
.checkout-area input[type=submit]:hover {
  background-color: #ffffff;
  /*border: 1px solid #007fff;*/
  border: 1px solid #777;
  /*color: #007fff;*/
  color: #777;
}
.login-logged-in > .root-section-wrapper > .content-wrapper {
  /* background-color: #ffffff; removed in order to give proper space between login section and ...*/
  /* padding-bottom: 30px; */
}
@media (min-width: 483px) {
  .cart-login .login-frame input[type="submit"] {
    /*TL margin-right: 0;*/
    margin-right: 1%;
  }
}
@media (min-width: 768px) {
  .login-logged-in .greeting-text-extra {
    /* padding: 30px 30px 0 30px; removed in order to better space the login section from rest of checkout */
  }
  .cart-user-option {
    padding-left: 20px;
  }
  .login-logged-out .forgot-password-link {
    margin-left: 26px;
    margin-top: 5px;
  }
  .login-logged-out .cart-user-options .cart-user-option {
    width: 70%;
  }
}
@media (max-width: 1028px) {
  .login-logged-out .cart-user-label {
    width: 80%;
    padding-left: 15px;
  }
  .checkout-area .social-login-forms form .sui-fieldset > .sui-fieldset-content {
    text-align: left;
  }
}
@media (min-width: 483px) {
  .checkout .sui-field {
    overflow: auto;
    margin-bottom: 8px;
  }
  .checkout .sui-field > .sui-strut-details {
    float: left;
    line-height: 2.5em;
    width: 26%;
    padding-right: 24px;
  }
  .checkout .sui-field > .sui-strut-field {
    float: left;
  }
  .checkout .sui-field:after,
  .checkout .sui-field:before {
    zcontent: " ";
    zdisplay: table;
  }
  .checkout .sui-field:after {
    clear: both !important;
  }
  .login-logged-out .sui-strut-details {
    display: inline-block;
    width: 30%;
    text-align: left;
  }
  .login-logged-out .sui-strut-field {
    display: inline-block;
    width: 74%;
  }
}
@media (max-width: 767px) {
  .login-logged-out .forgot-password-link {
    margin-bottom: 5px;
  }
  .login-logged-out .forgot-password-link a {
    font-weight: 400;
  }
  #checkout-step-one .cart-user-option,
  #checkout-step-one .cart-user-option-selected {
    border: none;
    background: transparent;
  }
}
@media (max-width: 483px) {
  .checkout .sui-field > .sui-strut-details {
    padding: 6px 0;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  Shipping Contact Form
 * ============================================================================
 */
.checkout-user-contact-shipping-company td:last-child {
  vertical-align: top;
}
.checkout-shipping-lookup {
  margin-top: 15px;
  margin-bottom: 15px;
}
#checkout-shipping-notes_label {
  margin-top: 30px;
}
#checkout-shipping-notes {
  height: 200px;
  max-width: 90%;
}
#checkout-shipping-notes_label,
#checkout-shipping-notes {
  margin-left: 60px;
  display: block;
}
.checkout-shipping-lookup a {
  float: left;
  font-weight: 600;
  text-decoration: none;
  color: #007fff;
}
.checkout-shipping-lookup a:hover {
  color: #eee;
  text-decoration: none;
}
#checkout-shipping_method .error {
  padding: 15px;
}
#checkout-shipping_notes-notes-label {
  padding-bottom: 10px;
  display: block;
}
#shipTable th {
  padding: 9px 18px;
  color: #333;
}
#checkout-user-contact-shipping-save-options .checkout-user-contact-shipping-label {
  margin-top: 15px;
}
.checkout-shipping-field-container {
  background: #ffffff;
  border: 1px solid #dcdcdc;
  margin-top: 20px;
}
.checkout-shipping-field-row td:empty {
  display: none;
}
#shipTable td {
  cursor: pointer;
}
#checkout-shipping-method td {
  position: relative;
}
#checkout-shipping-field-2-container td:last-child {
  padding-right: 0;
  position: relative;
}
#checkout-shipping-field-2-container td:last-child .ui-datepicker-trigger {
  position: absolute;
  top: 12px;
  right: 10px;
}
/* remove padding in the checkout address forms
.checkout-process-form form .checkout-user-contact-shipping-name > td,
.checkout-process-form form .checkout-user-contact-shipping-name > th
{
  xpadding-top: 24px;
}

.checkout-process-form form .checkout-user-contact-shipping-name > td,
.checkout-process-form form .checkout-user-contact-shipping-name > th
{
  padding-bottom: 24px;
}


.checkout-process-form form .checkout-user-contact-shipping-phone > td,
.checkout-process-form form .checkout-user-contact-shipping-phone > th
{
  padding-top: 24px;
}
 */
@media (max-width: 1028px) {
  #checkout-shipping-field-2-container td:last-child .ui-datepicker-trigger {
    top: 14px;
  }
}
@media (min-width: 768px) {
  #checkout-user-contact-shipping-fieldset > table {
    /*width: 70%;*/
    width: 600px;
  }
  #shipTable thead tr {
    background: 0 0;
    border: none;
    color: #d6d6d6;
    border: 0;
    border-bottom: 1px solid #eee;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 0.95em;
  }
  #shipTable th {
    DTtext-transform: uppercase;
    padding: 9px 0;
    font-size: 0.875em;
    font-weight: 600;
  }
  #shipTable td {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  #shipTable .checkout-shipping-field-container td {
    padding-top: 4px;
  }
  #shipTable label {
    text-transform: none;
  }
  .checkout-shipping-lookup {
    margin-bottom: 50px;
  }
  #shipTable .checkout-shipping-field-container td:first-child,
  #shipTable .checkout-shipping-field-container th:first-child {
    font-size: 0.875em;
    DTtext-transform: uppercase;
    font-weight: 600;
    vertical-align: top;
  }
  #checkout-shipping_notes-notes-label {
    DTtext-transform: uppercase;
  }
  #checkout-shipping-method #checkout-shipping-delivery_date-calendar-1,
  #checkout-shipping-method .ui-datepicker-trigger {
    position: absolute;
    /* bottom: 20px; */
    /* right: 33px; */
    right: 24px;
  }
}
@media (max-width: 1028px) {
  .checkout-shipping-lookup a {
    float: none;
    display: block;
  }
}
@media (max-width: 767px) {
  #shipTable .checkout-shipping-field-container > table td:first-child {
    font-weight: 600;
  }
  #shipTable .checkout-shipping-field-container > table > tbody > tr > td {
    display: block;
  }
  #checkout-step-two .ui-datepicker-calendar th {
    display: table-cell;
  }
  #checkout-shipping_address table,
  #checkout-shipping_address table tr,
  #checkout-shipping_address table tr th {
    display: block;
    width: 100%;
  }
  #checkout-shipping_address table {
    display: inline;
  }
  #checkout-shipping_address table tr td {
    display: table-cell;
    width: 100%;
  }
  #checkout-shipping_address table tbody tr:first-child th:first-child {
    DTmargin-top: 230px;
  }
  form #checkout-shipping_address th {
    padding: 5px 0 6px;
  }
  #checkout-shipping-notes_label,
  #checkout-shipping-notes {
    margin-left: 0px;
    display: block;
  }
  #checkout-shipping_address table tr:first-child > th:first-child + td + td + td {
    position: absolute;
    margin-top: -332px;
  }
}
@media (max-width: 767px) {
  #checkout-user-contact-shipping-address-new-container th,
  form #checkout-shipping_address th {
    padding: 5px 0;
  }
  .checkout-user-contact-shipping-company label::after {
    content: "(optional)";
    padding-left: 10px;
  }
  #checkout-user-contact-shipping-address-new-container,
  #checkout-shipping_address {
    margin-top: 0;
  }
  .checkout-shipping-field-container {
    border: none;
  }
  #checkout-step-two .ui-datepicker-calendar th {
    width: auto;
  }
}
.checkout-shipping_optional {
  margin-bottom: 12px;
}
.optional_shipping-label .checkout-label::after {
  content: "(Optional)";
  font-size: smaller;
  margin-left: 12px;
  font-weight: normal;
}
.reference_label-label .checkout-label::after {
  content: "(Optional)";
  font-size: smaller;
  margin-left: 12px;
  font-weight: normal;
}
.reference_label-notice {
  margin-bottom: 4px;
}
#checkout-reference_label th {
  display: none;
}
.gridDataTableCheckout address {
  margin-bottom: 0;
}
.gridDataTableCheckout {
  width: 100%;
}
.gridDataTableCheckout .gridHeaderRow {
  background-color: #ffffff;
}
.gridDataTableCheckout tr.gridHeaderRow {
  background: 0 0;
  border: none;
  color: #d6d6d6;
  border: 0;
  border-bottom: 1px solid #eee;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 0.95em;
}
.gridDataTableCheckout tr.gridHeaderRow th.gridHeaderRow {
  color: #333;
}
.gridDataTableCheckout .gridRow td,
.gridDataTableCheckout .gridAltRow td {
  cursor: pointer;
}
.gridDataTableCheckout .address--no_label .address_book-address-grid-col-label:empty:before {
  font-style: italic;
  content: 'No label';
  visibility: hidden;
}
.gridDataTableCheckout .address--no_label .address_book-address-grid-col-label:empty {
  position: relative;
}
.checkout-user-contact-billing-label,
.checkout-user-contact-shipping-label {
  padding: 6px 24px 9px 0;
}
.checkout-user-contact-billing-label span,
.checkout-user-contact-shipping-label span {
  display: block;
  margin-bottom: 15px;
}
.checkout-address_book-contact-new div[itemprop~=address] {
  display: none;
}
#address_book-address:before {
  content: 'Add a New Contact:';
  font-size: 1.5em;
}
#address_book-address {
  width: 600px;
}
#address_book-address > .sui-fieldset {
  background: transparent;
  border: 0;
  padding: 0;
}
#address_book-address > .sui-fieldset > .sui-fieldset-content {
  padding: 0;
}
#address_book-address .sui-fieldset .sui-fieldset {
  border: 0;
  background: transparent;
}
#address_book-address .ui-state-default.sui-button {
  float: right;
  margin-right: 0;
  height: auto;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  background: #007fff;
  border: 1px solid transparent;
  border-radius: 3px;
  color: #ffffff;
  padding: 10px 14px;
  display: inline-block;
  text-decoration: none;
  outline: none;
}
#address_book-address .ui-state-default.sui-button:hover {
  background: #fff;
  border: 1px solid #007fff;
  color: #007fff;
  cursor: pointer;
}
#address_book-address .custom-combobox-input.ui-widget,
#address_book-address .custom-combobox-toggle.ui-widget {
  border: 1px solid #cccccc;
  background: #ffffff;
}
#address_book-address .sui-required .required,
#address_book-address .sui-required .sui-strut-details {
  display: inline-block;
}
#address_book-address .sui-error ul {
  list-style-type: none;
  padding-left: 1px;
}
#address_book-address .sui-error ul li {
  padding: 5px 10px;
  margin-bottom: 10px;
}
#address_book-address .sui-error ul li .ui-icon-alert {
  display: inline-block;
  vertical-align: middle;
}
#address_book-address .sui-error ul li .sui-content-text {
  margin-left: 4px;
}
#address_book-address .sui-formblock div.sui-field > .sui-strut-field {
  min-width: 0;
  font-size: 1em;
}
#address_book-address .sui-strut-details {
  width: 150px;
}
#address_book-address .sui-strut-controls {
  width: 300px;
}
#address_book-address .sui-strut-controls .sui-control {
  padding-left: 12px;
}
#address_book-address-links .sui-strut-controls .sui-control {
  padding-left: 0;
}
/* KMM - remove margin now that we have sui-strut-controls
.sui-not_required.address_book-address-contact-label #address_book-address-contact-label,
.sui-not_required.address_book-address-contact-company #address_book-address-contact-company,
.sui-required.address_book-address-contact-country .custom-combobox,
.sui-required.address_book-address-contact-province .custom-combobox {
  margin-left: 12px;
}
*/
/* KMM - removed so that we get better responsive behaviour
#address_book-address input.custom-combobox-input.ui-widget {
  width: 263px !important;
}
*/
#address_book-address-links .sui-required.address_book-address-contact-country .custom-combobox,
#address_book-address-links .sui-required.address_book-address-contact-province .custom-combobox {
  margin-left: 0;
}
#address_book-address-links .sui-strut-details {
  width: auto;
}
.address_book-address-links-relations-shipping .sui-strut-details,
.address_book-address-links-relations-shipping .required {
  margin-top: 0;
  padding: 0;
}
.sui-control-checkbox label[for="address_book-address-links-relations-shipping"]:before,
.sui-control-checkbox label[for="address_book-address-links-relations-billing"]:before {
  content: 'Add to';
  display: inline-block;
  margin-right: 3px;
}
#address_book-address-links {
  border-top: 1px solid #eee;
  padding-top: 25px;
}
#address_book-address-links:before {
  content: 'Save Your New Contacts To...';
  font-size: 1.5em;
}
@media (max-width: 1199px) {
  .checkout-user-contact-shipping-checkout-address-container {
    /* overflow-x: scroll; */
    /*we are responsive now*/
  }
}
@media (max-width: 1028px) {
  .gridDataTableCheckout.checkout-shipping-grid {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .gridDataTableCheckout.checkout-shipping-grid {
    font-size: 0.875em;
    font-weight: 600;
  }
  .gridDataTableCheckout tr.gridHeaderRow th.gridHeaderRow {
    DTtext-transform: uppercase;
    padding: 9px 6px;
  }
  /*
  .gridDataTableCheckout tr.gridRow,
  .gridDataTableCheckout tr.gridAltRow {
    border-top: 20px solid #fff;
    border-bottom: 20px solid #fff;
  }
 */
  .gridDataTableCheckout tr.gridRow td,
  .gridDataTableCheckout tr.gridAltRow td {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #checkout-user-contact-billing-address-new-container {
    margin-top: 20px;
  }
}
@media (max-width: 1028px) {
  .gridDataTableCheckout tr.gridHeaderRow {
    background-color: transparent;
  }
  #checkout-step-two .gridDataTableCheckout tr.gridHeaderRow th.gridHeaderRow {
    display: table-cell;
  }
  #checkout-step-two .gridDataTableCheckout tr.gridHeaderRow th.gridHeaderRow:first-child {
    display: block;
    width: 50px !important;
  }
}
@media (min-width: 768px) {
  #address_book-address .sui-strut-details,
  #address_book-address div.sui-field > .sui-strut-field {
    display: inline-block;
    zoom: 1;
    margin: 0;
  }
}
@media (max-width: 767px) {
  #address_book-address {
    width: 100%;
  }
  #address_book-address > .sui-fieldset {
    max-width: 100%;
  }
  .sui-not_required.address_book-address-contact-label #address_book-address-contact-label,
  .sui-not_required.address_book-address-contact-company #address_book-address-contact-company,
  .sui-required.address_book-address-contact-country .custom-combobox,
  .sui-required.address_book-address-contact-province .custom-combobox {
    margin-left: 0;
  }
  #address_book-address .sui-strut-controls .sui-control {
    padding-left: 0;
  }
  /* KMM - removed so that we get better responsive behaviour
  #address_book-address input.custom-combobox-input.ui-widget {
    width: 275px !important;
  }
*/
}
@media (max-width: 482px) {
  #address_book-address {
    width: 100%;
  }
  #address_book-address .sui-strut-controls {
    width: 100%;
  }
  .sui-not_required.address_book-address-contact-label #address_book-address-contact-label,
  .sui-not_required.address_book-address-contact-company #address_book-address-contact-company,
  .sui-required.address_book-address-contact-country .custom-combobox,
  .sui-required.address_book-address-contact-province .custom-combobox {
    display: block;
  }
  /* KMM - removed so that we get better responsive behaviour
  #address_book-address input.custom-combobox-input.ui-widget {
    width: 90% !important;
  }

  #address_book-address a.custom-combobox-toggle.ui-button {
    width: 10% !important;
  }
 */
}
/* START - mobile labels */
@media (max-width: 767px) {
  .checkout .gridDataTableCheckout {
    /* table, */
    /* > tbody tr > td.address_book-address-grid-col-select:not(:empty) { text-align: left !important; padding: 0; } */
    /* > tbody > tr > td.address_book-address-grid-col-label:not(:empty):before { content: "Label"; } */
  }
  .checkout .gridDataTableCheckout > thead,
  .checkout .gridDataTableCheckout > tbody,
  .checkout .gridDataTableCheckout > tfoot,
  .checkout .gridDataTableCheckout > tr,
  .checkout .gridDataTableCheckout > tbody > tr,
  .checkout .gridDataTableCheckout > thead > tr,
  .checkout .gridDataTableCheckout > tfoot > tr,
  .checkout .gridDataTableCheckout > tr > th,
  .checkout .gridDataTableCheckout > tr > td,
  .checkout .gridDataTableCheckout > tbody > tr > th,
  .checkout .gridDataTableCheckout > tbody > tr > td,
  .checkout .gridDataTableCheckout > thead > tr > th,
  .checkout .gridDataTableCheckout > thead > tr > td,
  .checkout .gridDataTableCheckout > tfoot > tr > th,
  .checkout .gridDataTableCheckout > tfoot > tr > td td {
    display: block;
  }
  .checkout .gridDataTableCheckout > thead > tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .checkout .gridDataTableCheckout > tbody > tr {
    border: 0;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 25px;
    padding-top: 25px;
  }
  .checkout .gridDataTableCheckout > tbody > tr > td {
    text-align: left;
    border: none;
    position: relative;
    padding-left: 81px;
    border-bottom: 0;
    font-size: 1em;
  }
  .checkout .gridDataTableCheckout > tbody > tr > td.address_book-address-grid-col-label {
    padding-left: 20px;
    font-weight: 700;
  }
  .checkout .gridDataTableCheckout > tbody > tr > td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    left: 20px;
    width: 5em;
    padding-right: 10px;
    white-space: nowrap;
    color: #929292;
  }
  .checkout .gridDataTableCheckout > tbody > tr > td.address_book-address-grid-col-select {
    position: absolute;
    margin-left: -5px;
    padding: 0;
    padding-top: 3px;
  }
  .checkout .gridDataTableCheckout > tbody > tr > td.address_book-address-grid-col-select:not(:empty):before {
    content: "";
  }
  .checkout .gridDataTableCheckout > tbody > tr > td.address_book-address-grid-col-composite_name:not(:empty):before {
    content: "Name";
  }
  .checkout .gridDataTableCheckout > tbody > tr > td.address_book-address-grid-col-address:not(:empty):before {
    content: "Address";
  }
  .checkout .gridDataTableCheckout > tbody > tr > td.address_book-address-grid-col-phone:not(:empty):before {
    content: "Phone";
  }
}
/* END - mobile labels */
/*
 * ============================================================================
 *  STEP 2
 * ============================================================================
 */
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  Shipping Contact Form
 * ============================================================================
 */
.checkout-user-contact-billing-company td:last-child {
  vertical-align: top;
}
#checkout-user-contact-billing-save-options .checkout-user-contact-billing-label {
  margin-top: 15px;
}
@media (min-width: 768px) {
  #checkout-user-contact-billing-fieldset > table {
    /*width: 70%;*/
    width: 600px;
  }
}
@media (max-width: 767px) {
  #checkout-billing_address table {
    display: inline;
    display: block;
    width: 100%;
  }
  form #checkout-billing_address th {
    /*padding: 5px 20px 6px 0;*/
    padding: 12px 20px 12px 0;
    white-space: nowrap;
  }
}
@media (max-width: 483px) {
  form #checkout-billing_address tr {
    display: block;
  }
  form #checkout-billing_address th {
    padding: 5px 0;
    white-space: normal;
  }
  #checkout-step-two .checkout-contact-billing td:nth-child(2) {
    display: block;
    vertical-align: top;
    width: 100%;
  }
  #checkout-step-two .checkout-contact-billing td:nth-child(3) {
    display: none;
    vertical-align: top;
    width: 1%;
  }
}
/* remove padding in the checkout address forms
.checkout-process-form form .checkout-user-contact-billing-name > td,
.checkout-process-form form .checkout-user-contact-billing-name > th
{
  padding-top: 24px;
}

.checkout-process-form form .checkout-user-contact-billing-name > td,
.checkout-process-form form .checkout-user-contact-billing-name > th
{
  padding-bottom: 24px;
}


.checkout-process-form form .checkout-user-contact-billing-phone > td,
.checkout-process-form form .checkout-user-contact-billing-phone > th
{
  padding-top: 24px;
}
 */
@media (max-width: 767px) {
  .checkout-user-contact-billing-company label::after {
    content: "(optional)";
    padding-left: 10px;
  }
  #checkout-step-two #checkout-user-contact-billing-address-new-container td,
  #checkout-step-two #checkout-billing_address td {
    width: 100%;
    display: block;
  }
  #checkout-step-two #checkout-user-contact-billing-address-new-container td:nth-child(3),
  #checkout-step-two #checkout-billing_address td:nth-child(3) {
    display: none;
  }
  #checkout-step-two #checkout-user-contact-billing-address-new-container td.required,
  #checkout-step-two #checkout-billing_address td.required {
    display: none;
  }
  .checkout-user-contact-billing-label,
  .checkout-user-contact-shipping-label {
    padding-right: 0;
  }
  .checkout-user-contact-billing-label span,
  .checkout-user-contact-shipping-label span {
    margin-bottom: 5px;
  }
  #checkout-step-two .checkout-contact-billing td input[type="checkbox"],
  #checkout-step-two .checkout-contact-billing td input[type="radio"] {
    width: auto;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  Main Contact Form
 * ============================================================================
 */
.checkout-user-contact-main-company td:last-child {
  vertical-align: top;
}
@media (min-width: 768px) {
  #checkout-contact_address > table {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .checkout-user-contact-main-company label::after {
    content: "(optional)";
    padding-left: 10px;
  }
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  PAYMENT METHOD
 * ============================================================================
 */
.StripeElement {
  background-color: white;
  padding: 12px 6px;
  border-radius: 0px;
  border: 1px solid #ccc;
  height: 42px;
}
.StripeElement--invalid {
  border-color: #fa755a;
}
.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
.checkout-payment_method.checkout-payment_method--stripe .checkout-payment_method-field_row.checkout-payment_method-card_token {
  display: none;
}
.checkout-payment_method.checkout-payment_method--stripe .checkout-payment_method-field_row.checkout-payment_method-card_number .StripeElement {
  width: 150px;
}
.checkout-payment_method.checkout-payment_method--stripe .checkout-payment_method-field_row.checkout-payment_method-expiry_date .StripeElement {
  width: 72px;
}
.checkout-payment_method.checkout-payment_method--stripe .checkout-payment_method-field_row.checkout-payment_method-cvv .StripeElement {
  width: 72px;
}
.checkout-payment_method--stripe {
  margin-bottom: 12px;
}
.checkout-payment_method--bambora_na_token {
  /*------------------------------------------------------
        Tokenization iframe
    -------------------------------------------------------*/
  /*------------------------------------------------------
        Tokenization iframe's body'

        @remark (by DUC): The size of iframe's window is
        different than the size of the top window.
        If we include the sitefront's css inside the iframe,
        things will display inconsistently in the
        iframe's content and the top level window's content
    -------------------------------------------------------*/
}
.checkout-payment_method--bambora_na_token .checkout-payment_method-hosted_tokenization_iframe > .checkout-payment_method-field_row-input_wrapper,
.checkout-payment_method--bambora_na_token .checkout-payment_method-hosted_tokenization_iframe > .checkout-payment_method-field_row-input_wrapper {
  padding-left: 0;
}
.checkout-payment_method--bambora_na_token .checkout-payment_method-hosted_tokenization_iframe iframe,
.checkout-payment_method--bambora_na_token .checkout-payment_method-hosted_tokenization_iframe iframe {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 560px;
  height: 120px;
  height: auto;
  height: 90px;
}
.checkout-payment_method--moneris .checkout-payment_method-hosted_tokenization_iframe .checkout-payment_method-field_row-label_wrapper,
.checkout-payment_method--moneris3dsecure .checkout-payment_method-hosted_tokenization_iframe .checkout-payment_method-field_row-label_wrapper {
  font-family: "wf_SegoeUILight", "wf_SegoeUI", "Segoe UI Light", "OpenSans", "Tahoma", "Verdana", "Arial", "sans-serif";
  font-size: 14px;
  vertical-align: top;
  line-height: 38px;
}
.checkout-payment_method--moneris .checkout-payment_method-hosted_tokenization_iframe .checkout-payment_method-field_row-input_wrapper,
.checkout-payment_method--moneris3dsecure .checkout-payment_method-hosted_tokenization_iframe .checkout-payment_method-field_row-input_wrapper {
  padding: 0;
}
.checkout-payment_method--moneris .checkout-payment_method-hosted_tokenization_iframe iframe,
.checkout-payment_method--moneris3dsecure .checkout-payment_method-hosted_tokenization_iframe iframe {
  border: none;
  width: 100%;
  height: 160px;
}
#checkout-billing_method {
  padding: 12px 0;
}
#checkout-billing_method td:first-child {
  text-align: left;
  padding-right: 11px;
  min-width: 130px;
}
#checkout-billing_method td {
  /*padding-top: 32px;*/
  /*background-color: #ffffff;*/
  border: 0;
  min-width: 15em;
}
#checkout-billing_method td.method_info {
  text-align: left;
  padding-top: 20px;
}
#checkout-billing_method td td {
  display: table-cell;
  border: none;
  min-width: 0;
  padding-left: 0;
}
#checkout-billing_method > table > tbody > tr > th {
  position: absolute;
  width: 108px;
  padding: 14px 24px 0 2px;
}
#checkout-billing_method th,
#checkout-billing_method td {
  display: block;
}
#checkout-billing_method th label {
  min-width: 170px;
  display: inline-block;
  text-align: left;
}
#method,
#checkout-billing_method th {
  width: 204px;
  margin-left: 0;
}
#method {
  position: relative;
  top: -7px;
}
.checkout-payment .errorText {
  padding-left: 0;
  display: block;
}
@media (min-width: 768px) {
  #method {
    width: 212px;
    margin-left: 186px;
  }
  #checkout-billing_method > table > tbody > tr > th {
    width: auto;
    padding: 18px 34px 0 0;
  }
  #checkout-billing_method > table > tbody > tr > td {
    background-color: #ffffff;
    border: 0;
  }
  #checkout-billing_method td:first-child {
    min-width: 199px;
  }
  #p0 td:first-child,
  #p1 td:first-child,
  #p2 td:first-child,
  #p3 td:first-child,
  #p4 td:first-child,
  #p5 td:first-child,
  #p6 td:first-child,
  #p7 td:first-child,
  #p8 td:first-child {
    font-size: 0.875em;
    DTtext-transform: uppercase;
    font-weight: 600;
  }
  #checkout-billing_method td div.no_margin {
    margin-left: 0px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  #method {
    margin-left: 204px;
  }
}
@media (min-width: 1029px) {
  #method {
    margin-left: 204px;
  }
}
@media (max-width: 767px) {
  .payment-details {
    overflow-x: auto;
  }
  .payment-details .content-wrapper {
    padding: 0;
  }
  #checkout-billing_method td {
    padding-top: 0;
  }
  #checkout-billing_method td td {
    display: block;
    padding: 2px 0;
  }
  #checkout-billing_method > table > tbody > tr > th {
    display: none;
  }
  #checkout-billing_method select#method {
    background-color: transparent;
  }
  #checkout-billing_method select#method ~ br {
    display: none;
  }
  #checkout-billing_method .method_icon {
    display: none;
  }
  #checkout-billing_method .required {
    display: none;
  }
  #checkout-billing_method .checkout-payment__method-p tr td input {
    width: 100% !important;
  }
  #checkout-billing_method .checkout-payment__method-p tr td input[name$="[m]"],
  #checkout-billing_method .checkout-payment__method-p tr td input[name$="[y]"],
  #checkout-billing_method .checkout-payment__method-p tr td input[id$="month"],
  #checkout-billing_method .checkout-payment__method-p tr td input[id$="year"] {
    width: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  #checkout-billing_method > table > tbody > th {
    position: absolute;
  }
}
/* Add the expiry date mm/yy to the */
.checkout-payment__method-p tr.checkout-payment_method-expiry_date label::after {
  content: '(MM/YY)';
  display: inline-block;
  margin: 0 0 0 10px;
  font-size: 0.8em;
  color: #222;
}
.checkout-payment__method-p tr.checkout-payment_method-expiry_date select {
  width: 100px;
}
.checkout-payment__method-p tr.checkout-payment_method-cvv input {
  width: 60px;
}
ul.checkout-payment_method__icon_list {
  padding-left: 0;
}
.checkout-payment_method__icon_list,
.checkout-payment_method__icon {
  display: inline;
}
#checkout-billing_method > table {
  width: 100%;
}
#checkout-billing_method .checkout_payment_field .checkout_payment_field-label_wrapper {
  width: 199px;
}
#checkout-billing_method .checkout_payment_field .checkout_payment_field-input_wrapper {
  /* remove browser's default padding of 1px around td elements */
  padding-left: 0;
  padding-right: 0;
}
/* @author John Nguyen <john@mediashaker.com> */
/*
 * ============================================================================
 *  ACCOUNT
 *
 *  SSJ4 > SSJ God (in character design)
 * ============================================================================
 */
.account_side_container div {
  padding: 0 0 24px 0;
  font-size: 0.9em;
}
.account_side_container {
  display: none;
}
#checkout-user_account-anonymous td {
  padding: 0 0 12px;
}
#checkout-user_account-anonymous label[for="checkout-user_account-anonymous-guest"],
#checkout-user_account-anonymous label[for="checkout-user_account-anonymous-register"] {
  padding-left: 6px;
  vertical-align: top;
  font-weight: bold;
}
#checkout-user_account-anonymous label[for="checkout-user_account-anonymous-guest"],
#checkout-user_account-anonymous label[for="checkout-user_account-anonymous-register"] {
  font-size: 1em;
  padding-bottom: 0px;
  display: inline-block;
}
#checkout-user_account-anonymous-register-message {
  max-width: 500px;
  margin: 0 0 6px 22px;
}
#checkout-user_account-anonymous-guest-message {
  max-width: 500px;
  margin: 0 0 6px 22px;
}
#checkout-user_account tbody {
  padding: 18px 0;
  background: #ffffff;
  border: 0;
}
#checkout-user_account td.required {
  position: static;
  padding-left: 5px;
  padding-right: 5px;
}
#checkout-subscriptions-box .sui-formblock-header {
  background: #F5F5F5;
  border: 1px solid #E1E1E1;
  border-bottom: none;
  border-radius: 0;
}
#checkout-subscriptions-box .sui-fieldset {
  border: 1px solid #E1E1E1;
  border-radius: 0;
}
.checkout-subscriptions .sui-strut-details {
  display: none;
}
.checkout-subscriptions .sui-control-checkbox {
  border: 1px solid transparent;
}
.checkout-subscriptions .group-item {
  display: inline;
  vertical-align: middle;
  margin: 0 6px;
}
#checkout-user_account .sui-formblock-content {
  margin: 0;
  padding: 9px;
  /*IWA*/
  display: -webkit-box;
}
#checkout-user_account .sui-fieldset > .sui-fieldset-content {
  /*IWA*/
  padding: 0;
}
#checkout-subscriptions-box .sui-formblock-header {
  background: #ffffff;
  border-bottom: none;
}
#checkout-subscriptions-box .sui-formblock-header .sui-formblock-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.875em;
  DTtext-transform: uppercase;
  font-weight: 600;
}
#checkout-subscriptions-box .sui-formblock-content {
  background-color: transparent;
}
.checkout-area .sui-formblock > .sui-formblock-content > .sui-description {
  color: #000;
}
@media (min-width: 768px) {
  #checkout-contact_address th,
  #checkout-user_account th {
    font-size: 0.875em;
    DTtext-transform: uppercase;
    font-weight: 600;
  }
  #checkout-subscriptions-box .sui-formblock-header .sui-formblock-title {
    DTtext-transform: uppercase;
    font-weight: 600;
  }
  #checkout-user_account > table,
  #checkout-user_account-anonymous > table,
  fieldset#notification-email-guest > table {
    width: 600px;
  }
}
@media (max-width: 767px) {
  #checkout-user_account-anonymous #yoyoyo,
  #checkout-user_account-anonymous #checkout-user-guest-email-help {
    display: none;
  }
  #checkout-user_account-anonymous .required,
  #checkout-user_account .required {
    display: none;
  }
  #checkout-user_account-anonymous td,
  #checkout-user_account tr,
  #checkout-user_account td {
    display: block;
  }
  #checkout-user_account-anonymous td.ui-helper-hidden,
  #checkout-user_account tr.ui-helper-hidden,
  #checkout-user_account td.ui-helper-hidden {
    display: none;
  }
  #notification-email-guest.notification-email-container {
    padding: 0;
  }
  #checkout-user_account tbody {
    padding-top: 0;
  }
  #checkout-user_account input:not([type]),
  #checkout-user_account input[type="email"],
  #checkout-user_account input[type="password"],
  #checkout-user_account input[type="text"] {
    width: 100%;
  }
  /*
    // disabled now that notifications show under the field
    #checkout-user_account .sui-focus-notications,
    #checkout-user_account .sui-focus-notifications
    {
        display: none !important;
    }
 */
  form #checkout-user_account-anonymous th,
  form #checkout-user_account th {
    padding: 5px 0;
  }
  #checkout-subscriptions-box .sui-formblock-header,
  #checkout-subscriptions-box .sui-fieldset {
    border: none;
  }
  #checkout-subscriptions-box .sui-formblock-content {
    padding-left: 0;
  }
  #checkout-subscriptions-box .sui-formblock-header .sui-formblock-title {
    margin-left: 0;
    font-weight: 200;
    font-size: 16px;
  }
}
/*
 * ============================================================================
 *  Shipping Quote Table
 * ============================================================================
 */
/*
  * @todo: move #shipTable|#checkout-shipping-method to this file if possible
  */
#shipTable th {
  padding: 9px 10px 9px 0;
}
.datepicker-container {
  white-space: nowrap;
}
@media screen and (max-width: 1028px) {
  #checkout-step-two #checkout-shipping_method #shipTable th {
    display: block;
  }
  .checkout-shipping-field-container {
    margin-top: 0;
  }
}
/* START - mobile labels */
@media (max-width: 767px) {
  #shipTable,
  .checkout-shipping_quote-grid {
    /* table, */
    /* tbody tr > td.shipping_method-select:not(:empty) { text-align: left !important; padding: 0; } */
  }
  #shipTable > thead,
  .checkout-shipping_quote-grid > thead,
  #shipTable > tbody,
  .checkout-shipping_quote-grid > tbody,
  #shipTable > tfoot,
  .checkout-shipping_quote-grid > tfoot,
  #shipTable > tr,
  .checkout-shipping_quote-grid > tr,
  #shipTable > tbody > tr,
  .checkout-shipping_quote-grid > tbody > tr,
  #shipTable > thead > tr,
  .checkout-shipping_quote-grid > thead > tr,
  #shipTable > tfoot > tr,
  .checkout-shipping_quote-grid > tfoot > tr,
  #shipTable > tr > th,
  .checkout-shipping_quote-grid > tr > th,
  #shipTable > tr > td,
  .checkout-shipping_quote-grid > tr > td,
  #shipTable > tbody > tr > th,
  .checkout-shipping_quote-grid > tbody > tr > th,
  #shipTable > tbody > tr > td,
  .checkout-shipping_quote-grid > tbody > tr > td,
  #shipTable > thead > tr > th,
  .checkout-shipping_quote-grid > thead > tr > th,
  #shipTable > thead > tr > td,
  .checkout-shipping_quote-grid > thead > tr > td,
  #shipTable > tfoot > tr > th,
  .checkout-shipping_quote-grid > tfoot > tr > th,
  #shipTable > tfoot > tr > td,
  .checkout-shipping_quote-grid > tfoot > tr > td {
    display: block;
  }
  #shipTable > thead > tr,
  .checkout-shipping_quote-grid > thead > tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #shipTable > tbody > tr,
  .checkout-shipping_quote-grid > tbody > tr {
    border: 0;
    padding-bottom: 25px;
    padding-top: 25px;
  }
  #shipTable > tbody > tr > td,
  .checkout-shipping_quote-grid > tbody > tr > td {
    text-align: left;
    border: none;
    position: relative;
    padding-left: 5.8em;
    border-bottom: 0;
    font-size: 1em;
  }
  #shipTable > tbody > tr > td:before,
  .checkout-shipping_quote-grid > tbody > tr > td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    left: 20px;
    width: 5em;
    padding-right: 10px;
    white-space: nowrap;
    color: #929292;
  }
  #shipTable > tbody > tr > td.shipping_method-select,
  .checkout-shipping_quote-grid > tbody > tr > td.shipping_method-select {
    position: absolute;
    margin-left: -5px;
    padding: 0;
    padding-top: 3px;
  }
  #shipTable > tbody > tr > td.shipping_method-select:not(:empty):before,
  .checkout-shipping_quote-grid > tbody > tr > td.shipping_method-select:not(:empty):before {
    content: "";
  }
  #shipTable > tbody > tr > td.shipping_method-carrier:not(:empty):before,
  .checkout-shipping_quote-grid > tbody > tr > td.shipping_method-carrier:not(:empty):before {
    content: "Carrier";
  }
  #shipTable > tbody > tr > td.shipping_method-service:not(:empty):before,
  .checkout-shipping_quote-grid > tbody > tr > td.shipping_method-service:not(:empty):before {
    content: "Service";
  }
  #shipTable > tbody > tr > td.shipping_method-delivery_date:not(:empty):before,
  .checkout-shipping_quote-grid > tbody > tr > td.shipping_method-delivery_date:not(:empty):before {
    content: "Est. Delivery";
  }
  #shipTable > tbody > tr > td.shipping_method-price:not(:empty):before,
  .checkout-shipping_quote-grid > tbody > tr > td.shipping_method-price:not(:empty):before {
    content: "Price";
  }
}
/* END - mobile labels */
/*
 * ============================================================================
 *  STEP 3
 * ============================================================================
 */
/* @author John Nguyen <john@mediashaker.com> */
/*
* ============================================================================
*  STEP 1
*
*  HULK THOR HAMMER SMASH !!! => death
* ============================================================================
*/
.checkout legend,
.checkout caption {
  display: none;
}
.cart-product-qty input {
  width: 4em;
  /* margin: 0; */
  /* padding: 2px 6px; */
}
.cart-product-qty .ui-spinner-input {
  border: none;
  -moz-appearance: textfield;
}
.cart-product-qty .ui-spinner-input::-webkit-inner-spin-button,
.cart-product-qty .ui-spinner-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  /* margin: 0; */
}
.cart-product-count a:empty {
  /*TL*/
  display: none;
  padding: 0;
}
.cart-buttons {
  margin-top: 6px;
}
.checkout-cart-container .checkout-button {
  white-space: nowrap;
}
.checkout-cart-container .checkout-cart-actions {
  white-space: nowrap;
}
.checkout-cart-container .checkout-cart-actions-actions {
  display: none;
}
/* hide just the text... leave the icon */
.checkout-cart-container .checkout-cart-actions-actions .sui-sf-button-text {
  display: none;
}
.checkout-cart-container .checkout-cart-actions .sui-sf-button {
  margin-right: 10px;
}
.checkout-cart-container .sui-sf-button-icon {
  margin-right: 5px;
}
#checkout-button-remove_all_button {
  display: none;
}
/*
* ============================================================================
*  STEP 3
* ============================================================================
*/
.cart-confirm-display .cart-table img {
  width: 50px;
}
.cart-confirm-display .cart-table div {
  padding: 2px 18px;
}
.cart-confirm-display .cart-table table div {
  padding-top: 0;
  padding-bottom: 0;
}
/*
* ============================================================================
*  STEP 1 AND STEP 3
* ============================================================================
*/
.cart-display > .content-wrapper > .content-tag {
  padding-top: 30px;
}
#checkout-cart > table,
.cart-table,
.cart-table table {
  width: 100%;
}
.cart-table td {
  vertical-align: middle;
  padding: 0;
}
.cart-table div {
  margin: 3px 0;
  padding: 5px 9px;
}
.cart-table div div {
  padding: 0 9px;
  font-size: 0.9em;
  IWAfont-size: 0.9em;
}
.cart-table ul {
  font-size: 0.75em;
  padding: 0;
}
.cart-table li {
  list-style: none;
}
.cart-table .cart-product-sale-name {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .cart-table .cart-product-sale-name {
    text-align: right;
  }
}
/* bold the product title TODO: add class */
.cart-table .top-center div {
  font-weight: 700;
}
/*
* ============================================================================
*  General
* ============================================================================
*/
.cart-table li,
.cart-product-sale-name {
  color: #aeaeae;
  font-weight: 500;
  letter-spacing: 0.06em;
}
.cart-buttons.remove,
.cart-buttons.update {
  border-color: transparent;
}
@media (min-width: 768px) {
  .cart-buttons.update {
    margin-left: 12px;
  }
}
@media (max-width: 1028px) {
  .cart-buttons.remove,
  .cart-buttons.update {
    display: block;
  }
}
/*
* ============================================================================
*  HEADER
* ============================================================================
*/
tr.cart-headers {
  background: transparent;
  border: none;
  color: #b8b8b8;
  border: 0;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 0.95em;
}
th.cart-headers {
  DTtext-transform: uppercase;
  padding: 9px 18px;
  color: #888;
}
.checkout.step-one th.cart-headers:nth-child(4n+4),
.checkout.step-one th.cart-headers:nth-child(5n+5) {
  text-align: right;
}
.checkout.step-three th.cart-headers:nth-child(4n+4),
.checkout.step-three th.cart-headers:nth-child(5n+5),
.checkout.step-three th.cart-headers:nth-child(5n-2) {
  text-align: right;
}
/*
* ============================================================================
*  FOOTER
* ============================================================================
*/
.cart-footers td:nth-child(4n+4) {
  text-align: right;
  padding-right: 20px;
}
.cart-footers td:nth-child(5n+5) {
  text-align: right;
  padding-right: 10px;
}
/*
.cart-footers .sui-sf-button-icon
{
    margin-right: 5px;
}
 */
@media screen and (min-width: 768px) {
  .cart-footers .checkout-cart-qty {
    padding-left: 18px;
  }
}
/*
* ============================================================================
*  ROWS
* ============================================================================
*/
.cart-rows,
.cart-rows-alt {
  border-bottom: 1px solid #eeeeee;
  font-size: 1.3em;
}
.cart-rows:hover,
.cart-rows-alt:hover {
  background-color: #EBF9FF;
}
/* The product images */
#checkout-cart td:nth-of-type(2) .top-left,
.cart-confirm-display .cart-table td:nth-of-type(1) .top-left {
  width: 155px;
  text-align: center;
  padding-right: 15px;
}
#checkout-cart td:nth-of-type(2) .top-left img,
.cart-confirm-display .cart-table td:nth-of-type(1) .top-left img {
  width: 100%;
  padding-right: 30px;
}
@media (min-width: 768px) {
  #checkout-cart td:nth-of-type(2) .top-left,
  .cart-confirm-display .cart-table td:nth-of-type(1) .top-left {
    /* padding-top: 30px; */
    /* padding-bottom: 30px; */
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #checkout-cart td:nth-of-type(2) .top-left:empty,
  .cart-confirm-display .cart-table td:nth-of-type(1) .top-left:empty {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #checkout-cart td:nth-of-type(2) .top-left,
  .cart-confirm-display .cart-table td:nth-of-type(1) .top-left {
    text-align: left;
  }
}
/*
* ============================================================================
*  PRICING
* ============================================================================
*/
.cart-product-total-options-price,
.cart-product-total-unit-price,
.cart-product-total-regular-price,
.cart-product-total-sale-price,
.cart-product-options-price,
.cart-product-unit-price,
.cart-product-regular-price,
.cart-product-sale-price,
.cart-product-price,
.cart-product-total,
#cart_total {
  text-align: right;
  white-space: nowrap;
}
#cart_total b {
  font-weight: bold;
}
.cart-product-regular-price {
  text-decoration: line-through;
}
.cart-product-sale-price {
  color: red;
}
.cart-table .cart-product-options-price div {
  padding: 0;
}
.cart-product-options-price .product_option_value:before,
.cart-product-total-options-price .product_option_total:before {
  content: '+';
}
.cart-product-total-options-price .product_option_totals,
.cart-product-options-price .product_option_values {
  border-bottom: 1px solid #c5c5c5;
}
@media (max-width: 767px) {
  .checkout-area form table {
    overflow-x: auto;
  }
  .cart-display thead,
  .cart-display tbody,
  .cart-display th,
  .cart-display td,
  .cart-display tr {
    display: block;
  }
  .cart-table table,
  .cart-table thead,
  .cart-table tbody,
  .cart-table th,
  .cart-table td,
  .cart-table tr {
    display: block;
  }
  .cart-footers td:nth-child(4) {
    float: left;
    padding: 5px 0;
  }
  .cart-footers td:nth-child(4) b {
    padding: 5px 9px;
    font-size: 1.5em;
  }
  tr.cart-headers {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  tr.cart-rows,
  tr.cart-rows-alt {
    border: 0;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 25px;
    padding-top: 25px;
  }
  tr.cart-rows-alt {
    border-top: none;
  }
  .cart-rows:hover {
    background: #FFFFFF;
  }
  tr.cart-rows-alt,
  .cart-rows-alt:hover {
    background: transparent;
  }
  .cart-rows > td,
  .cart-rows-alt > td {
    text-align: left;
    border: none;
    position: relative;
    padding-left: 5.5em;
    border-bottom: 0;
    font-size: 1em;
  }
  .cart-rows > td:before,
  .cart-rows-alt > td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    DTtop: 6px;
    left: 6px;
    width: 5em;
    padding-right: 10px;
    white-space: nowrap;
    color: #929292;
  }
  .cart-rows > td:nth-of-type(1):not(:empty),
  .cart-rows-alt > td:nth-of-type(1):not(:empty) {
    text-align: left !important;
    padding: 0;
  }
  /*
    .cart-rows > td.checkout-cart-select:not(:empty):before,
    .cart-rows-alt > td.checkout-cart-select:not(:empty):before { content: "Selected"; }
    */
  .cart-rows > td.checkout-cart-description:before,
  .cart-rows-alt > td.checkout-cart-description:before {
    content: "Item";
  }
  .cart-rows > td.checkout-cart-qty:before,
  .cart-rows-alt > td.checkout-cart-qty:before {
    content: "Qty";
  }
  .cart-rows > td.checkout-cart-price:before,
  .cart-rows-alt > td.checkout-cart-price:before {
    content: "Price";
  }
  .cart-rows > td.checkout-cart-total:before,
  .cart-rows-alt > td.checkout-cart-total:before {
    content: "Total";
  }
  .cart-confirm-display .cart-rows > td.checkout-cart-description:before,
  .cart-confirm-display .cart-rows-alt > td.checkout-cart-description:before {
    content: "Item";
  }
  .cart-confirm-display .cart-rows > td.checkout-cart-qty:before,
  .cart-confirm-display .cart-rows-alt > td.checkout-cart-qty:before {
    content: "Qty";
  }
  .cart-confirm-display .cart-rows > td.checkout-cart-price:before,
  .cart-confirm-display .cart-rows-alt > td.checkout-cart-price:before {
    content: "Price";
  }
  .cart-confirm-display .cart-rows > td.checkout-cart-total:before,
  .cart-confirm-display .cart-rows-alt > td.checkout-cart-total:before {
    content: "Total";
  }
  .cart-product-unit-price,
  .cart-product-regular-price,
  .cart-product-sale-price,
  .cart-product-options-price,
  .cart-product-price,
  .cart-product-total {
    text-align: left;
  }
  .checkout-area h2 {
    width: auto;
  }
  .cart-table div {
    padding: 3px 6px;
  }
}
@media (max-width: 767px) {
  .cart-rows-alt > td,
  .cart-rows > td {
    border-bottom: 0;
    font-size: 0.75em;
  }
  form table {
    overflow-x: scroll;
  }
  .checkout-area form table {
    width: 100%;
  }
  .site-link .checkout-shipping-lookup a {
    font-weight: 400;
  }
  .cart-footers td:nth-child(4) b,
  #cart_total b {
    font-size: 1.5em;
    color: #acacac;
  }
  .next-step {
    height: auto;
  }
  /* START - mobile cart tweaks - pre refresh and update button moved */
  #checkout-step-one .cart-rows-alt > td:nth-of-type(1):not(:empty) input[type="checkbox"],
  #checkout-step-one .cart-rows > td:nth-of-type(1):not(:empty) input[type="checkbox"] {
    display: none;
  }
  #checkout-button-remove_button {
    display: none;
  }
  #checkout-step-one .cart-rows-alt > td::before,
  #checkout-step-one .cart-rows > td::before {
    margin: 2px 0;
    padding: 2px 6px;
  }
  #checkout-step-one .cart-rows-alt > td:nth-of-type(3)::before,
  #checkout-step-one .cart-rows > td:nth-of-type(3)::before {
    padding-top: 7px;
  }
  .cart-table tr.cart-rows,
  .cart-table tr.cart-rows-alt {
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
  }
  #checkout-step-one .cart-table .cart-rows > td:last-child,
  #checkout-step-one .cart-table .cart-rows-alt > td:last-child {
    position: absolute;
    top: 0;
    width: 100%;
  }
  #checkout-step-one .cart-table .cart-rows > td:last-child .checkout-button,
  #checkout-step-one .cart-table .cart-rows-alt > td:last-child .checkout-button {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
  }
  #checkout-step-three .cart-rows-alt > td:nth-of-type(1):not(:empty),
  #checkout-step-three .cart-rows > td:nth-of-type(1):not(:empty) {
    padding-left: 5.5em;
  }
  /* END - mobile cart tweaks - pre refresh and update button moved */
}
/*
 * ============================================================================
 * START - cart actions
 * ============================================================================
 */
#checkout-cart .cart-actions {
  margin-left: -15px;
  margin-right: -15px;
}
#checkout-cart .cart-actions:before,
#checkout-cart .cart-actions:after {
  content: " ";
  display: table;
}
#checkout-cart .cart-actions:after {
  clear: both;
}
#checkout-cart .cart-actions .cart-actions-left {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
#checkout-cart .cart-actions .cart-actions-right {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  /* .text-right; */
  text-align: right;
}
/* checkboxes */
@media only screen and (min-device-width: 768px) {
  #checkout-cart input[type="checkbox"] {
    visibility: hidden;
  }
  #checkout-cart input[type="checkbox"]:checked {
    visibility: visible;
  }
  #checkout-cart tr:hover input[type="checkbox"] {
    visibility: visible;
  }
}
/* grid remove buttons */
@media only screen and (min-device-width: 768px) {
  .checkout-cart-container .checkout-cart-actions-actions {
    display: inline-block;
  }
  #checkout-cart {
    /* don't show qty actions unless mobile*/
  }
  #checkout-cart .checkout-cart-actions {
    visibility: hidden;
  }
  #checkout-cart tr:hover .checkout-cart-actions {
    visibility: visible;
  }
  #checkout-cart .checkout-cart-qty-actions {
    display: none;
  }
  #checkout-cart .cart-product-link {
    visibility: hidden;
  }
  #checkout-cart tr:hover .cart-product-link {
    visibility: visible;
  }
}
.cart-product-link {
  font-size: smaller;
}
.cart-product-link::before {
  content: '[';
}
.cart-product-link::after {
  content: ']';
}
/* grid update buttons */
@media only screen and (min-device-width: 768px) {
  #checkout-cart {
    /* only show sync button on mobile */
    /* show the sync buttons on hover in desktop */
    /*
        .checkout-button-actions_update_all_button
        {
            visibility: hidden;
        }

        tr:hover .checkout-button-actions_update_all_button
        {
            visibility: visible;
        }
        .checkout-button-update_one_button
        {
            visibility: hidden;
        }

        tr:hover .checkout-button-update_one_button
        {
            visibility: visible;
        }
*/
  }
  #checkout-cart .checkout-button-row_qty_update_one_button,
  #checkout-cart .checkout-button-row_actions_update_one_button,
  #checkout-cart .checkout-button-header_actions_update_all_button {
    display: none;
  }
}
.cart-actions .checkout-button-remove_all_button,
.cart-actions .cart-buttons.update {
  visibility: hidden;
}
.site-link a.cart-buttons.remove.sui-sf-button-has_text.ui-helper-hidden,
.site-link a.cart-buttons.update.sui-sf-button-has_text.ui-helper-hidden,
.checkout .site-link a.checkout-button-type-default.checkout-button-type-default-secondary.ui-helper-hidden {
  display: none;
}
/*
 * ============================================================================
 * END - cart actions
 * ============================================================================
 */
/*
 * ============================================================================
 *  FINALLY
 * ============================================================================
 */
.checkout-input-material--initialized #checkout {
  /* make the select arrows consistent - START */
  /* make the select arrows consistent - START */
  /*
      tr.checkout-input-material-field_row td span.custom-combobox + label.checkout-input-material__form-label span
      {
          background-color: rgb(255,255,255);
          padding: 6px 5px;
      }
   */
  /*
      .checkout-area .checkout-input-material__form-control
      {
        border-color: #ccc;
        border-right: none;
      }
   */
  /* PAYMENT - START */
  /* PaymentSelection's label */
  /* PAYMENT - END */
}
.checkout-input-material--initialized #checkout .checkout-input-material-field_row > th {
  display: none;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  /* autofill hack - start */
  /*
        // transition: background-color 50000s ease-in-out 0s;
        // transition: background-color 1s ease-in-out 0s;
        */
  /* autofill hack - end */
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper.ui-helper-hidden {
  display: none;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper .checkout-input-material__form-label {
  font-size: 0.9em;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  white-space: nowrap;
  transition: 0.2s ease-in-out all;
  -moz-transition: 0.2s ease-in-out all;
  -webkit-transition: 0.2s ease-in-out all;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper .checkout-input-material__form-control {
  background-color: transparent;
  box-shadow: none;
  padding: 20px 12px 6px;
}
@-webkit-keyframes onAutoFillStart {
  from {
    /**/
  }
  to {
    /**/
  }
}
@keyframes onAutoFillStart {
  from {
    /**/
  }
  to {
    /**/
  }
}
@-webkit-keyframes onAutoFillCancel {
  from {
    /**/
  }
  to {
    /**/
  }
}
@keyframes onAutoFillCancel {
  from {
    /**/
  }
  to {
    /**/
  }
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper.checkout-input-material--autofill-hack .checkout-input-material__form-control:-webkit-autofill {
  -webkit-animation-name: onAutoFillStart;
  animation-name: onAutoFillStart;
  -webkit-transition: transform(0px 0px);
  transition: transform(0px 0px);
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper.checkout-input-material--autofill-hack .checkout-input-material__form-control:not(:-webkit-autofill) {
  -webkit-animation-name: onAutoFillCancel;
  animation-name: onAutoFillCancel;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue {
  /* error styling - start */
  /* error styling - end */
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue .checkout-input-material__form-label {
  color: #888;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue .checkout-input-material__form-control {
  font-weight: 600;
  border-color: #ccc;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue .custom-combobox .custom-combobox-toggle {
  /* border-color: #ccc; */
  /* removed to darken borders */
  border-color: #bbb;
  /* darken borders */
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue .custom-combobox .custom-combobox-toggle {
  /* border-right-color: none; */
  /* breaks datalist mode */
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue .checkout-input-material__form-control:focus {
  border-bottom-color: #007bff;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue .checkout-input-material__form-control:focus ~ .checkout-input-material__form-label {
  color: #007bff;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue .region_select-select ~ .checkout-input-material__form-label span {
  /* background-color: rgb(255,255,255); */
  background-color: transparent;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue .checkout-input-material__form-control.error {
  border-color: red;
  background-color: #FFF4F3;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue .custom-combobox .custom-combobox-input.error + .custom-combobox-toggle {
  border-color: red;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue .checkout-input-material__form-control.error:focus {
  border-bottom-color: red;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue .checkout-input-material__form-control.error:focus ~ .checkout-input-material__form-label {
  color: red;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--float-above .checkout-input-material__form-label {
  /* left: 16px; */
  left: 12px;
  right: auto;
  top: 18px;
  pointer-events: none;
  transform-origin: left top;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--float-above select.checkout-input-material__form-control {
  /* height: auto; */
  /* not necessary if there is no height on the select in checkout-general*/
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--float-above select.checkout-input-material__form-control option {
  padding: 0;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--float-above .checkout-input-material__form-control:focus ~ .checkout-input-material__form-label,
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--float-above.checkout-input-material-filled .checkout-input-material__form-control ~ .checkout-input-material__form-label {
  cursor: auto;
  transform: translateY(-50%) scale(0.75);
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--float-right .checkout-input-material__form-control {
  padding: 14px 12px 12px;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--float-right .checkout-input-material__form-label {
  width: 0;
  left: 0;
  top: 15px;
  padding: 0 12px;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--float-right .custom-combobox .checkout-input-material__form-label {
  padding-right: 48px;
  top: 11px;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--float-right select.checkout-input-material__form-control ~ .checkout-input-material__form-label {
  padding-right: 24px;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--float-right .region_select-select ~ .checkout-input-material__form-label {
  padding-right: 24px;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--float-right .region_select-select ~ .checkout-input-material__form-label span {
  /* padding: 6px 5px; */
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--float-right .checkout-input-material__form-control:focus ~ .checkout-input-material__form-label,
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--float-right.checkout-input-material-filled .checkout-input-material__form-control ~ .checkout-input-material__form-label {
  width: 100%;
  text-align: right;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--override_select_appearance {
  /* input, */
  /* this will break radio buttons */
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--override_select_appearance input[type="text"],
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--override_select_appearance input[type="tel"],
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--override_select_appearance input[type="email"],
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--override_select_appearance textarea,
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--override_select_appearance select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--override_select_appearance select {
  background-color: #ffffff;
  background-image: url(//assets-www0.shoutcms.net/cdn/ajax/lib/fontawesome/5.4.2/svgs/solid/caret-down.svg);
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 96%;
  background-position-x: calc(100% - 8px);
  background-size: 0.75em;
  padding-right: 24px;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--override_select_appearance select:-internal-autofill-previewed,
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--override_select_appearance select:-internal-autofill-selected {
  /* background-color: rgb(255,255,255); */
  background-image: url(//assets-www0.shoutcms.net/cdn/ajax/lib/fontawesome/5.4.2/svgs/solid/caret-down.svg) !important;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 96%;
  background-position-x: calc(100% - 8px);
  background-size: 0.75em;
  padding-right: 24px;
}
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--override_select_appearance select {
  height: 42px;
  padding-top: 9px;
}
.checkout-input-material--initialized #checkout .payment-details > fieldset > table > tbody > tr:first-child > th,
.checkout-input-material--initialized #checkout .payment-details .payment_selection-method_select .sui-field-header,
.checkout-input-material--initialized #checkout #checkout-billing_method .checkout_payment_field-label_wrapper {
  display: none;
}
@media (min-width: 768px) {
  .checkout-input-material--initialized #checkout #method {
    /* Move the select box of the payment selection to the very left as its label has been hidden */
    margin-left: 0;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .checkout-input-material--initialized #checkout #method {
    /* Move the select box of the payment selection to the very left as its label has been hidden */
    margin-left: 0;
  }
}
@media (min-width: 1029px) {
  .checkout-input-material--initialized #checkout #method {
    /* Move the select box of the payment selection to the very left as its label has been hidden */
    margin-left: 0;
  }
  .checkout-input-material--initialized #checkout #method {
    width: 100%;
    max-width: 252px;
  }
}
.checkout-input-material--initialized #checkout .checkout-payment__method-p tr.checkout-input-material-field_row.checkout-payment_method-cvv .checkout-input-material__form-wrapper {
  width: 84px;
}
.checkout-input-material--initialized #checkout .checkout-payment__method-p tr.checkout-input-material-field_row.checkout-payment_method-cvv .checkout-input-material__form-control {
  width: 100%;
}
.checkout-input-material--initialized #checkout .checkout-payment__method-p tr.checkout-input-material-field_row.checkout-payment_method-expiry_date .checkout-input-material__form-wrapper {
  width: 108px;
}
.checkout-input-material--initialized #checkout .checkout-payment__method-p tr.checkout-input-material-field_row.checkout-payment_method-expiry_date .checkout-input-material__form-control {
  width: 100%;
}
.checkout-input-material--initialized #checkout .checkout-payment__method-p tr.checkout-input-material-field_row.checkout-payment_method-expiry_date label::after {
  content: '';
  display: none;
}
.checkout-input-material--initialized #checkout .checkout-payment__method-p tr.checkout-input-material-field_row.checkout-payment_method-card_number .checkout-input-material__form-wrapper {
  width: 252px;
}
.checkout-input-material--initialized #checkout .checkout-payment__method-p tr.checkout-input-material-field_row.checkout-payment_method-card_number .checkout-input-material__form-control {
  width: 100%;
}
.checkout-input-material--initialized #checkout .new_payment_profile-nickname-textfield .sui-strut-details label {
  display: none;
}
.checkout-input-material--initialized #checkout .checkout-contact-billing .checkout-input-material-field_row .checkout-input-material__form-wrapper,
.checkout-input-material--initialized #checkout .checkout-contact-main .checkout-input-material-field_row .checkout-input-material__form-wrapper {
  width: 100%;
}
.checkout-input-material--initialized #checkout .checkout-input-material-field_row.checkout-user-contact-billing-country td > *,
.checkout-input-material--initialized #checkout .checkout-input-material-field_row.checkout-user-contact-billing-region td > *,
.checkout-input-material--initialized #checkout .checkout-input-material-field_row.checkout-user-contact-shipping-country td > *,
.checkout-input-material--initialized #checkout .checkout-input-material-field_row.checkout-user-contact-shipping-region td > *,
.checkout-input-material--initialized #checkout .checkout-input-material-field_row.checkout-user-contact-main-country td > *,
.checkout-input-material--initialized #checkout .checkout-input-material-field_row.checkout-user-contact-main-region td > * {
  display: block;
}
.checkout-input-material--initialized #checkout .checkout-input-material-field_row.checkout-user-contact-billing-country td > *.ui-helper-hidden,
.checkout-input-material--initialized #checkout .checkout-input-material-field_row.checkout-user-contact-billing-region td > *.ui-helper-hidden,
.checkout-input-material--initialized #checkout .checkout-input-material-field_row.checkout-user-contact-shipping-country td > *.ui-helper-hidden,
.checkout-input-material--initialized #checkout .checkout-input-material-field_row.checkout-user-contact-shipping-region td > *.ui-helper-hidden,
.checkout-input-material--initialized #checkout .checkout-input-material-field_row.checkout-user-contact-main-country td > *.ui-helper-hidden,
.checkout-input-material--initialized #checkout .checkout-input-material-field_row.checkout-user-contact-main-region td > *.ui-helper-hidden {
  display: none;
}
.checkout-input-material--initialized #checkout span.errorText {
  display: block;
}
/* Payment processors that doesn't support floatlabels should have its labels always visible */
.checkout-input-material--initialized #checkout #checkout-billing_method .checkout-input-material--inapplicable {
  /* PaymentProcessor's input fields' labels */
}
.checkout-input-material--initialized #checkout #checkout-billing_method .checkout-input-material--inapplicable .checkout_payment_field-label_wrapper {
  display: block;
  padding-left: 5px;
}
.checkout-input-material--initialized .checkout-contact-phone--iti {
  padding-left: 54px;
  width: 100%;
}
.checkout-input-material--initialized .checkout-contact-phone--iti .iti__flag-container {
  border: thin solid #ccc;
}
#checkout .cjs_billing_form_card_wrapper_cell {
  /* text-align: center; */
  /* padding-top: 30px; */
}
@media (max-width: 767px) {
  .cjs_billing_form_card_wrapper_row {
    display: none;
  }
}
/*--------------------------------------------------------------------------*
 *          show/hide ajax indicator                                        *
 *--------------------------------------------------------------------------*/
.gridDataTableWallet > tbody > tr .payment_profile_rank .ajax_indicator {
  visibility: hidden;
}
.gridDataTableWallet.ajax_running > tbody > tr:first-child .payment_profile_rank .ajax_indicator {
  visibility: visible;
}
/*--------------------------------------------------------------------------*
 * first payment profile is a default payment profile for financial actions *
 *--------------------------------------------------------------------------*/
.gridDataTableWallet > tbody > tr:first-child .payment_profile_rank::before {
  content: 'Default';
  font-style: italic;
  border-radius: 4px;
  padding: 8px;
  color: white;
  background-color: green;
}
/* Address Book Front End */
#modify_wallet-payment_profile-billing_information .sui-field.address_book-address-contact-name,
#modify_wallet-payment_profile-billing_information .sui-field.address_book-address-contact-address {
  margin-top: 40px;
}
#modify_wallet-payment_profile:before {
  content: 'Wallet - Payment Profile';
  font-size: 1.5em;
}
#modify_wallet-payment_profile h3.sui-formblock-title {
  margin-top: 20px;
  margin-bottom: 20px;
}
#modify_wallet-payment_profile-credit_card_information td {
  background: none;
}
#modify_wallet-payment_profile > .sui-fieldset {
  background: transparent;
  border: 0;
  padding: 0;
}
#modify_wallet-payment_profile > .sui-fieldset > .sui-fieldset-content {
  padding: 0;
}
#modify_wallet-payment_profile .sui-fieldset .sui-fieldset {
  border: 0;
  background: transparent;
}
#modify_wallet-payment_profile .ui-state-default.sui-button {
  float: right;
  margin-right: 0;
  height: auto;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  background: #007fff;
  border: 1px solid transparent;
  border-radius: 3px;
  color: #ffffff;
  padding: 10px 14px;
  display: inline-block;
  text-decoration: none;
  outline: none;
}
#modify_wallet-payment_profile-billing_information .ui-state-default.sui-button:hover {
  background: #fff;
  border: 1px solid #007fff;
  color: #007fff;
  cursor: pointer;
}
#modify_wallet-payment_profile-billing_information .custom-combobox-input.ui-widget,
#modify_wallet-payment_profile-billing_information .custom-combobox-toggle.ui-widget {
  border: 1px solid #cccccc;
  background: #ffffff;
}
#modify_wallet-payment_profile-billing_information .sui-not_required .notrequired,
#modify_wallet-payment_profile-billing_information .sui-required .required {
  display: inline-block;
  width: 10px;
}
#modify_wallet-payment_profile-billing_information .sui-required .sui-strut-details {
  display: inline-block;
}
#modify_wallet-payment_profile-billing_information .sui-error ul {
  list-style-type: none;
  padding-left: 1px;
}
#modify_wallet-payment_profile-billing_information .sui-error ul li {
  padding: 5px 10px;
  margin-bottom: 10px;
}
#modify_wallet-payment_profile-billing_information .sui-error ul li .ui-icon-alert {
  display: inline-block;
  vertical-align: middle;
}
#modify_wallet-payment_profile-billing_information .sui-error ul li .sui-content-text {
  margin-left: 4px;
}
#modify_wallet-payment_profile-billing_information .sui-formblock div.sui-field > .sui-strut-field {
  min-width: 0;
  font-size: 1em;
}
#modify_wallet-payment_profile-billing_information .sui-strut-details {
  width: 150px;
}
#modify_wallet-payment_profile-billing_information .sui-strut-controls {
  width: 300px;
}
#modify_wallet-payment_profile-billing_information .sui-strut-controls .sui-control {
  padding-left: 12px;
}
#modify_wallet-payment_profile-billing_information-links .sui-strut-controls .sui-control {
  padding-left: 0;
}
/* KMM - removed so that we get better responsive behaviour
.sui-not_required.address_book-address-contact-label #modify_wallet-payment_profile-billing_information-contact-label,
.sui-not_required.address_book-address-contact-company #modify_wallet-payment_profile-billing_information-contact-company,
.sui-required.address_book-address-contact-country .custom-combobox,
.sui-required.address_book-address-contact-province .custom-combobox {
    margin-left: 12px;
}

#modify_wallet-payment_profile-billing_information input.custom-combobox-input.ui-widget {
    width: 263px !important;
}
*/
#modify_wallet-payment_profile-billing_information-links .sui-required.address_book-address-contact-country .custom-combobox,
#modify_wallet-payment_profile-billing_information-links .sui-required.address_book-address-contact-province .custom-combobox {
  margin-left: 0;
}
#modify_wallet-payment_profile-billing_information-links .sui-strut-details {
  width: auto;
}
.address_book-address-links-relations-shipping .sui-strut-details,
.address_book-address-links-relations-shipping .required {
  margin-top: 0;
  padding: 0;
}
.sui-control-checkbox label[for="address_book-address-links-relations-shipping"]:before,
.sui-control-checkbox label[for="address_book-address-links-relations-billing"]:before {
  display: inline-block;
  margin-right: 3px;
}
#modify_wallet-payment_profile-billing_information-links {
  border-top: 1px solid #eee;
  padding-top: 25px;
}
#modify_wallet-payment_profile-billing_information-links:before {
  content: 'This Address Appears in the Checkout as a...';
  font-size: 1.5em;
}
.modify_wallet-payment_profile-actions {
  /**
     * DUC - make Save button right align with input fields
    */
  width: 477px;
}
@media (min-width: 768px) {
  #modify_wallet-payment_profile-billing_information .sui-strut-details,
  #modify_wallet-payment_profile-billing_information div.sui-field > .sui-strut-field {
    display: inline-block;
    zoom: 1;
    margin: 0;
  }
}
@media (max-width: 767px) {
  #modify_wallet-payment_profile-billing_information {
    width: 100%;
  }
  #modify_wallet-payment_profile-billing_information > .sui-fieldset {
    max-width: 100%;
  }
  .sui-not_required.address_book-address-contact-label #modify_wallet-payment_profile-billing_information-contact-label,
  .sui-not_required.address_book-address-contact-company #modify_wallet-payment_profile-billing_information-contact-company,
  .sui-required.address_book-address-contact-country .custom-combobox,
  .sui-required.address_book-address-contact-province .custom-combobox {
    margin-left: 0;
  }
  #modify_wallet-payment_profile-billing_information .sui-strut-controls .sui-control {
    padding-left: 0;
  }
  /* KMM - removed so that we get better responsive behaviour
    #modify_wallet-payment_profile-billing_information input.custom-combobox-input.ui-widget {
        width: 275px !important;
    }
*/
  .modify_walet-payment_profile-actions {
    /**
         * DUC - Make Save button right align with input fields
         * Because the .sui-struct-controls is pushed down, the
         * width of this area should be approximate 300px
         */
    width: 311px;
  }
}
@media (max-width: 482px) {
  #modify_wallet-payment_profile-billing_information {
    width: 100%;
  }
  #modify_wallet-payment_profile-billing_information .sui-strut-controls {
    width: 100%;
  }
  .sui-not_required.address_book-address-contact-label #modify_wallet-payment_profile-billing_information-contact-label,
  .sui-not_required.address_book-address-contact-company #modify_wallet-payment_profile-billing_information-contact-company,
  .sui-required.address_book-address-contact-country .custom-combobox,
  .sui-required.address_book-address-contact-province .custom-combobox {
    display: block;
  }
  /* KMM - removed so that we get better responsive behaviour
    #modify_wallet-payment_profile-billing_information input.custom-combobox-input.ui-widget {
        width: 90% !important;
    }

    #modify_wallet-payment_profile-billing_information a.custom-combobox-toggle.ui-button {
        width: 10% !important;
    }
*/
  .modify_walet-payment_profile-actions {
    /**
         * DUC - Make Save button right align with input fields
         * Because the .sui-struct-controls is 100% width
         * width of this area should be full viewport width
         */
    width: auto;
  }
}
/* thumbs */
.product_variant_list__option--thumbs .product_variant_list__option_items > div {
  margin-right: 12px;
  display: inline-block;
}
.product_variant_list__option--thumbs .product_variant_list__option_items > div:first-child {
  margin-left: 0;
}
/* .product_variant_list__option--thumbs > div:last-child
{
  margin-right: 0;
} */
.product_variant_list__option--thumbs .product_variant_list__option_items .ui-checkboxradio-icon,
.product_variant_list__option--thumbs .product_variant_list__option_items .ui-checkboxradio-icon-space {
  display: none;
}
/* dots */
.product_variant_list__option--dots .product_variant_list__option_item > label {
  border-radius: 24px;
  padding: 2px;
}
.product_variant_list__option--dots img {
  border-radius: 12px;
}
/* buttons */
.product_variant_list__option--buttons .product_variant_list__option_items > div {
  margin-right: 8px;
  display: inline-block;
}
/* .product_variant_list__option--buttons .product_variant_list__option_items > div:first-child
{
  margin-left: 0;
} */
.product_variant_list__option--buttons .product_variant_list__option_items > div:last-child {
  margin-right: 0;
}
.product_variant_list__option--buttons .product_variant_list__option_items .ui-checkboxradio-icon,
.product_variant_list__option--buttons .product_variant_list__option_items .ui-checkboxradio-icon-space {
  display: none;
}
.product_variant_list__option--buttons .product_variant_list__option_item > label > img {
  margin-right: 6px;
}
/* radio */
.product_variant_list__option--radio .product_variant_list__option_item > label > img {
  margin-right: 6px;
  margin-left: 6px;
}
/* pills */
.product_variant_list__option--pills .product_variant_list__option_items > div {
  margin-right: 8px;
  display: inline-block;
}
.product_variant_list__option--pills .product_variant_list__option_items > div:last-child {
  margin-right: 0;
}
.product_variant_list__option--pills .product_variant_list__option_items .ui-checkboxradio-icon,
.product_variant_list__option--pills .product_variant_list__option_items .ui-checkboxradio-icon-space {
  display: none;
}
.product_variant_list__option--pills .product_variant_list__option_item > label {
  border-radius: 24px;
}
.product_variant_list__option--pills .product_variant_list__option_item > label > img {
  border-radius: 12px;
  margin-right: 6px;
}
/* @author Kent McFadyen <kent@mediashaker.com> */
/*
 * ============================================================================
 *  PRODUCT Purchase History
 *
 *  Styles for product purchase history pages.
 *
 * ============================================================================
 */
/* PRODUCT PURCHASE HISTORY GRID - START */
.product_purchases-search {
  max-width: 720px;
  min-width: 480px;
  width: auto;
}
.product_purchases mark.product_purchases-search--highlight {
  background-color: yellow;
}
.user-product_purchase_history .product_purchase_history__state {
  font-size: smaller;
  font-style: italic;
  color: slategray;
}
.user-product_purchase_history .product_purchase_history__date_label:not(:empty):after {
  content: ':';
}
.user-product_purchase_history .product_purchase_history__date_value {
  /* font-size: 110%; */
  color: #333333;
}
/*
.account-product_purchases-container table > tbody > tr:hover div.product_purchase_history__product_details
{
  display: block;
}
 */
/*
div.product_purchase_history__product_details
{
  display: none;
}
 */
.product_purchase_history__summary {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.product_purchase_history__summary > .product_purchase_history__summary_left {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.product_purchase_history__summary > .product_purchase_history__summary_left:not(:empty) {
  margin-left: 12px;
  margin-right: 12px;
}
.product_purchase_history__summary > .product_purchase_history__summary_right {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
.product_purchase_history__summary {
  display: flex;
}
.product_purchase_history__summary_left img {
  max-width: 60px;
}
.product_purchase_history__state {
  font-size: smaller;
  font-style: italic;
  color: slategray;
}
dl.product_purchase_history__product_details {
  color: darkgray;
  margin: 0;
  padding: 0;
}
dl.product_purchase_history__product_details li {
  list-style: none;
  text-align: left;
  font-size: 12px;
}
dl.product_purchase_history__product_details li > * {
  display: inline-block;
  margin: initial 12px;
}
dl.product_purchase_history__product_details li > .product_purchase_history__product_detail__name {
  min-width: 120px;
  font-weight: normal;
}
dl.product_purchase_history__product_details li > .product_purchase_history__product_detail__price {
  font-size: smaller;
  color: lightgray;
  display: none;
}
/* PRODUCT PURCHASE HISTORY GRID - FINISH */
/* @author Kent McFadyen <kent@mediashaker.com> */
/* Product Messages - header - START */
.product_purchase-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.product_purchase-return_button-container {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.product_purchase-heading {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
.product_purchase-return_button-container {
  font-size: 2rem;
  line-height: 1.2;
  padding-right: 6px;
}
.product_purchase-return_button-button {
  border-color: transparent;
  padding: 4px;
  background-color: transparent;
}
.product_purchase-return_button-button:hover {
  background-color: ButtonFace;
  border-color: ButtonBorder;
}
.product_purchase-return_button-button:active {
  background-color: transparent;
  border-style: inset;
}
.product_purchase-return_button-link {
  font-size: inherit;
  line-height: inherit;
}
.product_purchase-return_button-label {
  display: none;
}
/* Product Messages - header - FINISH */
/*
.update_product_purchase-container
{
    max-width: 576px;
}
 */
.update_product_purchase-container {
  max-width: 576px;
}
.update_product_purchase-submit_row {
  text-align: right;
}
.update_product_purchase-submit_row button {
  background-color: black;
  color: white;
  font-size: 1.6rem;
  margin: 5px 0;
  border: 1px solid black;
  padding: 13px 15px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
}
.update_product_purchase-submit_row button:hover {
  background-color: white;
  color: black;
}
.product_purchase {
  /* TIMELINE - START */
  /* TIMELINE - FINISH */
  /* ACTIONS - START */
  /* ACTIONS - FINISH */
  /* SUMMARY - START */
  /* SUMMARY - HEADING - START */
  /* SUMMARY - HEADING - FINISH */
  /* SUMMARY - DETAILS - START */
  /* SUMMARY - DETAILS - FINISH */
  /* SUMMARY - FINISH */
  /* BREAKDOWN - START */
  /* BREAKDOWN - FINISH */
}
.product_purchase .timeline-container ul,
.product_purchase .timeline-container li {
  list-style: none;
  padding: 0;
}
.product_purchase .timeline-container .timeline-wrapper {
  /* background-color: #F1F1F1; */
  border: thin solid #F1F1F1;
  padding: 12px 12px;
  /* border-radius: 15px; */
}
.product_purchase .timeline-container h3 {
  font-size: 1.1rem;
  font-family: sans-serif;
}
.product_purchase .timeline-container .sessions {
  margin-top: 2rem;
  border-radius: 12px;
  position: relative;
}
.product_purchase .timeline-container li {
  padding-bottom: 1.5rem;
  border-left: 1px solid silver;
  position: relative;
  padding-left: 20px;
  margin-left: 10px;
}
.product_purchase .timeline-container li:last-child {
  border: 0px;
  padding-bottom: 0;
}
.product_purchase .timeline-container li:not(:last-child):before {
  content: "";
  width: 15px;
  height: 15px;
  background: white;
  border: 1px solid gray;
  box-shadow: 3px 3px 0px silver;
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: 0px;
}
.product_purchase .timeline-container .time {
  color: #2a2839;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 601px) {
  .product_purchase .timeline-container .time {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 600px) {
  .product_purchase .timeline-container .time {
    margin-bottom: 0.3rem;
    font-size: 0.85rem;
  }
}
.product_purchase .timeline-container p {
  color: #4f4f4f;
  font-family: sans-serif;
  line-height: 1.5;
  margin-top: 0.4rem;
}
@media screen and (max-width: 600px) {
  .product_purchase .timeline-container p {
    font-size: 0.9rem;
  }
}
.product_purchase .product_purchase-actions .product_purchase-action button {
  width: 100%;
  padding: 12px;
  margin: 12px auto;
  text-align: left;
  border: thin solid lightgray;
  font-size: 14px;
}
.product_purchase .product_purchase-actions .product_purchase-action button:hover {
  background-color: silver;
  border-color: darkgray;
}
.product_purchase .product_purchase-actions .product_purchase-action button:after {
  content: '>>';
  float: right;
}
.product_purchase .product_purchase-action--view_order-id:before {
  content: "#";
}
.product_purchase .product_purchase-action--view_order-status {
  font-style: italic;
}
.product_purchase .product_purchase-action--view_order-status:not(:empty):before {
  content: "(";
}
.product_purchase .product_purchase-action--view_order-status:not(:empty):after {
  content: ")";
}
.product_purchase .product_purchase-message-count:not(:empty) {
  padding: 0 12px;
  margin: 24px;
  border: thin solid #040e10;
  background-color: #040e10;
  /* box-shadow: 2px 2px 4px 1px #000000; */
  border-radius: 6px;
  color: white;
  /* font-weight: bold; */
}
.product_purchase button:hover .product_purchase-message-count:not(:empty) {
  border: thin solid #0e3239;
  background-color: #0e3239;
}
.product_purchase button:hover:active .product_purchase-message-count:not(:empty) {
  border: thin solid #185662;
  background-color: #185662;
}
.product_purchase .product_purchase_qty {
  color: darkgray;
  font-size: 14px;
  font-weight: normal;
}
.product_purchase .product_purchase_order {
  color: darkgray;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}
.product_purchase .product_purchase_order:before {
  content: '{';
}
.product_purchase .product_purchase_order:after {
  content: '}';
}
.product_purchase .product_purchase_count {
  color: darkgray;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}
.product_purchase .product_purchase_count:before {
  content: '(';
}
.product_purchase .product_purchase_count:after {
  content: ')';
}
.product_purchase .product_purchase_product_heading {
  font-size: 1.8rem;
}
.product_purchase .product_purchase_summary {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  /* align-items: flex-start; */
  align-items: stretch;
}
.product_purchase .product_purchase_summary_image:not(:empty) {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  max-width: 60px;
  margin-right: 12px;
}
.product_purchase .product_purchase_summary_configuration {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
.product_purchase .product_purchase_summary_cost_breakdown {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  min-width: 120px;
  max-width: 240px;
  text-align: right;
  padding-left: 12px;
}
.product_purchase .product_purchase_qty:not(:empty):before {
  content: "[QTY: \00d7";
}
.product_purchase .product_purchase_qty:not(:empty):after {
  content: "]";
}
.product_purchase .product_purchase_sku:not(:empty):before {
  content: "SKU: ";
}
.product_purchase .product_purchase_status:not(:empty):before {
  content: "(";
}
.product_purchase .product_purchase_status:not(:empty):after {
  content: ")";
}
.product_purchase .product_purchase_product_description {
  font-size: smaller;
}
.product_purchase .product_purchase_summary {
  /* background-color: #F1F1F1; */
  border: thin solid #F1F1F1;
  margin: 12px 0;
  padding: 12px;
}
.product_purchase .product_purchase-details {
  font-size: smaller;
  color: darkgray;
  padding-left: 0;
  padding-top: 12px;
}
.product_purchase .product_purchase-detail-name:not(:empty):after {
  content: ":";
  /* padding-right: 12px; */
}
.product_purchase .product_purchase-detail-value > p {
  margin: 0;
}
.product_purchase .product_purchase-detail {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.product_purchase .product_purchase-detail > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  padding: 0 4px;
}
.product_purchase .product_purchase-detail-price {
  color: lightgray;
  font-size: smaller;
}
.product_purchase .product_purchase-breakdown-product_option_price:before {
  content: "+";
}
.product_purchase .product_purchase-breakdown-product_options_prices:not(:empty) {
  border-bottom: thin solid #c5c5c5;
}
.product_purchase .product_purchase-breakdown-total {
  border-top: medium double #c5c5c5;
}
.product_purchase .product_purchase-breakdown-sale_name {
  font-size: 1.2rem;
  color: #aeaeae;
  font-weight: 500;
  letter-spacing: 0.06em;
}
.product_purchase .product_purchase-breakdown-regular_price {
  text-decoration: line-through;
}
.product_purchase .product_purchase-breakdown-sale_price {
  color: red;
}
/* Product Messages - START */
.product_purchase_message {
  border: thin solid #f1f1f1;
  padding: 12px;
}
.product_purchase_message .product_purchase_message_body-textarea {
  display: none;
}
.product_purchase_message .product_purchase_message-headers {
  padding-bottom: 12px;
  border-bottom: thin solid silver;
}
.product_purchase_message .product_purchase_message-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.product_purchase_message .product_purchase_message-header-name {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  min-width: 60px;
}
.product_purchase_message .product_purchase_message-header-name:after {
  content: ':';
}
.product_purchase_message .product_purchase_message-header-value {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  font-weight: bold;
}
.product_purchase_message .product_purchase_message-body-name {
  display: none;
}
.product_purchase_message .product_purchase_message_body-iframe_wrapper {
  /*   overflow: hidden;
    padding-top: 80%;
    position: relative; */
}
.product_purchase_message .product_purchase_message_body-iframe {
  /*   border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0; */
  width: 100%;
  max-height: 720px;
  border: thin solid transparent;
  padding: 0;
  margin: 0;
}
/* Product Messages - FINISH */
/* @author Kent McFadyen <kent@mediashaker.com> */
/*
 * ============================================================================
 *  Order
 *
 *  Styles for view order
 *
 * ============================================================================
 */
/* @author Kent McFadyen <kent@mediashaker.com> */
/*
 * ============================================================================
 *  Order
 *
 *  Styles for view order
 *
 * ============================================================================
 */
.order {
  /* TIMELINE - START */
  /* TIMELINE - FINISH */
}
.order .timeline-container ul,
.order .timeline-container li {
  list-style: none;
  padding: 0;
}
.order .timeline-container .timeline-wrapper {
  /* background-color: #F1F1F1; */
  border: thin solid #F1F1F1;
  padding: 12px 12px;
  /* border-radius: 15px; */
}
.order .timeline-container h3 {
  font-size: 1.1rem;
  font-family: sans-serif;
}
.order .timeline-container .sessions {
  margin-top: 2rem;
  border-radius: 12px;
  position: relative;
}
.order .timeline-container li {
  padding-bottom: 1.5rem;
  border-left: 1px solid silver;
  position: relative;
  padding-left: 20px;
  margin-left: 10px;
}
.order .timeline-container li:last-child {
  border: 0px;
  padding-bottom: 0;
}
.order .timeline-container li:not(:last-child):before {
  content: "";
  width: 15px;
  height: 15px;
  background: white;
  border: 1px solid gray;
  box-shadow: 3px 3px 0px silver;
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: 0px;
}
.order .timeline-container .time {
  color: #2a2839;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 601px) {
  .order .timeline-container .time {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 600px) {
  .order .timeline-container .time {
    margin-bottom: 0.3rem;
    font-size: 0.85rem;
  }
}
.order .timeline-container p {
  color: #4f4f4f;
  font-family: sans-serif;
  line-height: 1.5;
  margin-top: 0.4rem;
}
@media screen and (max-width: 600px) {
  .order .timeline-container p {
    font-size: 0.9rem;
  }
}
/* @author Kent McFadyen <kent@mediashaker.com> */
/*
 * ============================================================================
 *  Order
 *
 *  Styles for view order
 *
 * ============================================================================
 */
.order {
  /* ACTIONS - START */
  /* ACTIONS - FINISH */
}
.order .order-actions .order-action button.order-action__button,
.order .order-actions .order-action div.order-action__button {
  width: 100%;
  padding: 12px;
  margin: 12px auto;
  text-align: left;
  background-color: #f0f0f0;
  border: thin solid lightgray;
  font-size: 14px;
}
.order .order-actions .order-action button.order-action__button:hover,
.order .order-actions .order-action div.order-action__button:hover {
  background-color: silver;
  border-color: darkgray;
}
.order .order-actions .order-action button.order-action__button:after,
.order .order-actions .order-action div.order-action__button:after {
  content: '>>';
  float: right;
}
.order .order-action--view_order-id:before {
  content: "#";
}
.order .order-action--view_order-status {
  font-style: italic;
}
.order .order-action--view_order-status:not(:empty):before {
  content: "(";
}
.order .order-action--view_order-status:not(:empty):after {
  content: ")";
}
.order .order-message-count:not(:empty) {
  padding: 0 12px;
  margin: 24px;
  border: thin solid #040e10;
  background-color: #040e10;
  /* box-shadow: 2px 2px 4px 1px #000000; */
  border-radius: 6px;
  color: white;
  /* font-weight: bold; */
}
.order .order-actions button.order-action__button:hover .order-message-count:not(:empty),
.order .order-actions div.order-action__button:hover .order-message-count:not(:empty) {
  border: thin solid #0e3239;
  background-color: #0e3239;
}
.order .order-actions button.order-action__button:hover:active .order-message-count:not(:empty),
.order .order-actions div.order-action__button:hover:active .order-message-count:not(:empty) {
  border: thin solid #185662;
  background-color: #185662;
}
.order .order-actions .order-action button.order-action__sub_button {
  float: right;
  border: thin solid transparent;
  /* border-radius: 4px; */
}
.order .order-actions .order-action button.order-action__sub_button.order-action__sub_button--primary {
  color: #ffffff;
  background-color: #f26522;
  border-color: #f26522;
}
.order .order-actions .order-action button.order-action__sub_button.order-action__sub_button--secondary {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.order .order-actions .order-action button.order-action__sub_button.order-action__sub_button--light {
  color: #000000;
  background-color: #ffffff;
  border-color: #ffffff;
}
.order .order-actions .order-action button.order-action__sub_button.order-action__sub_button--dark {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.order .order-actions .order-action button.order-action__sub_button.order-action__sub_button--link {
  color: #000000;
  background-color: transparent;
  border-color: transparent;
}
.order .order-action__button--with_subactions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  align-items: center;
}
.order .order-action__button--with_subactions > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.order .order-action__button--with_subactions > *:nth-child(2) {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
.order .order-action__button--with_subactions .order-action__subactions {
  padding-left: 12px;
  padding-right: 12px;
}
.order .order-action__button--with_subactions i {
  margin-left: 6px;
  margin-right: 6px;
}
/* @author Kent McFadyen <kent@mediashaker.com> */
/*
 * ============================================================================
 *  Order
 *
 *  Styles for view order
 *
 * ============================================================================
 */
.order {
  /* SUMMARY - START */
  /* SUMMARY - HEADING - START */
  /* SUMMARY - HEADING - FINISH */
  /* SUMMARY - DETAILS - START */
  /* SUMMARY - DETAILS - FINISH */
  /* SUMMARY - FINISH */
}
.order .order_order {
  font-weight: normal;
  display: inline-block;
}
.order .order_order:before {
  content: '{';
}
.order .order_order:after {
  content: '}';
}
.order .order_count {
  font-weight: normal;
  display: inline-block;
}
.order .order_count:before {
  content: '(';
}
.order .order_count:after {
  content: ')';
}
.order .order_summary {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  /* align-items: flex-start; */
  align-items: stretch;
}
.order .order_summary_image:not(:empty) {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  min-width: 240px;
  margin-right: 12px;
}
.order .order_summary_configuration {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
.order .order_summary_cost_breakdown {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
  min-width: 120px;
  max-width: 240px;
  text-align: right;
  padding-left: 12px;
}
.order .order_qty:not(:empty):before {
  /* content: "[QTY: \00d7"; */
  content: "[QTY: \00d7";
}
.order .order_qty:not(:empty):after {
  content: "]";
}
.order .order_sku:not(:empty):before {
  content: "SKU: ";
}
.order .order_status:not(:empty):before {
  content: "(";
}
.order .order_status:not(:empty):after {
  content: ")";
}
.order .order_product_description {
  font-size: smaller;
}
.order .order_summary {
  /* background-color: #F1F1F1; */
  border: thin solid #F1F1F1;
  margin: 12px 0;
  padding: 12px;
}
.order .order-details {
  font-size: smaller;
  color: darkgray;
  padding-left: 0;
  padding-top: 12px;
}
.order .order-detail-name:not(:empty):after {
  content: ":";
  /* padding-right: 12px; */
}
.order .order-detail-value > p {
  margin: 0;
}
.order .order-detail {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.order .order-detail > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  padding: 0 4px;
}
.order .order-detail-price {
  color: lightgray;
  font-size: smaller;
}
/* @author Kent McFadyen <kent@mediashaker.com> */
/*
 * ============================================================================
 *  Order
 *
 *  Styles for view order
 *
 * ============================================================================
 */
.order {
  /* BREAKDOWN - START */
  /* BREAKDOWN - FINISH */
}
.order .order-breakdown-product_option_price:before {
  content: "+";
}
.order .order-breakdown-product_options_prices:not(:empty) {
  border-bottom: thin solid #c5c5c5;
}
.order .order-breakdown-total {
  border-top: medium double #c5c5c5;
}
.order .order-breakdown-sale_name {
  font-size: 1.2rem;
  color: #aeaeae;
  font-weight: 500;
  letter-spacing: 0.06em;
}
.order .order-breakdown-regular_price {
  text-decoration: line-through;
}
.order .order-breakdown-sale_price {
  color: red;
}
/* order items - START */
.order-item-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.order-item-wrapper .order-item-detail {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
.order-item-wrapper .order-item-actions {
  order: 0;
  flex: 0 0 auto;
  align-self: stretch;
}
.order-item-wrapper .order-item-action {
  display: inline-block;
  margin: 0 6px;
}
.order-item-wrapper .order-item-action button {
  /* padding: 0; */
  /* border: 0 none; */
  padding: 0.6em 1.2em;
  border: thin solid black;
  background-color: transparent;
}
.order-item-wrapper .order-item-action button:hover {
  font-weight: bold;
  text-decoration: underline;
}
.order-items {
  border: thin solid #f1f1f1;
}
.order-items:before {
  display: inline-block;
  padding: 12px 12px 0;
  content: "Order Items";
  font-weight: bold;
  font-size: 1.1rem;
}
.order-item-wrapper {
  padding: 12px 0;
  margin: 12px 12px;
  border-bottom: thin solid #f1f1f1;
}
.order-item-wrapper:first-child {
  margin-top: 0;
}
.order-item-wrapper:last-child {
  border-bottom: 0 none;
}
.order-item-wrapper .product_purchase .product_purchase_summary {
  border: 0 none;
  margin: 0;
  padding: 0;
}
.order-item-wrapper .product_purchase .product_purchase_summary .product_purchase_order,
.order-item-wrapper .product_purchase .product_purchase_summary .product_purchase_count {
  display: none;
}
.order-item-wrapper .product_purchase .product_purchase_summary .product_purchase_qty:not(:empty):before {
  content: "[\00d7";
}
.order-item-wrapper .product_purchase .product_purchase_summary .product_purchase_qty:not(:empty):after {
  content: "]";
}
.order-item-wrapper > * {
  margin: 0 12px;
}
.order-item-wrapper > *:first-child {
  margin-left: 0;
}
.order-item-wrapper > *:last-child {
  margin-right: 0;
}
/* order items - FINISH */
.view_order-container {
  border: thin solid #F1F1F1;
  padding: 12px 12px;
  margin: 12px 0;
}
.view_order-container h3 {
  font-size: 1.1rem;
  font-family: sans-serif;
}
.view_order_6_6_container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
.view_order_6_6_container > div {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
  margin-left: auto;
  margin-right: auto;
}
.view_order_6_6_container > div:first-child {
  margin-right: 12px;
}
.view_order_6_6_container > div:last-child {
  margin-left: 12px;
}
.view_order_6_6_container > div:first-child:last-child {
  margin-right: auto;
  margin-left: auto;
}
.view_order-container--totals {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
.view_order-container--totals > div {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
.view_order-container-subsection {
  margin-top: 12px;
  margin-bottom: 12px;
}
/*
.view_order__address > span::after
{
    content: "\a";
    white-space: pre;
}
*/
.view_order__address > span.view_order__address--company::after,
.view_order__address > span.view_order__address--name::after {
  content: "\a";
  white-space: pre;
}
.view_order__address > span.view_order__address--email::before,
.view_order__address > span.view_order__address--phone::before {
  content: "\a";
  white-space: pre;
}
.order-items-expand_collapse-row {
  text-align: right;
}
.order-items-expand_collapse-button {
  background-color: transparent;
  border-color: transparent;
}
.order-items-expand_collapse-button:hover {
  font-weight: bold;
}
body.body--with-hidden-navbar .navbar {
  display: none;
}
.order-items.order-items--collapsed .product_purchase_product_description,
.order-items.order-items--collapsed .product_purchase-details,
.order-items.order-items--collapsed .product_purchase-breakdown-unit_price,
.order-items.order-items--collapsed .product_purchase-breakdown-product_options_prices,
.order-items.order-items--collapsed .product_purchase-breakdown-sale_name,
.order-items.order-items--collapsed .product_purchase-breakdown-sale_coupon,
.order-items.order-items--collapsed .product_purchase-breakdown-regular_price,
.order-items.order-items--collapsed .product_purchase-breakdown-sale_price {
  display: none;
}
.order-items.order-items--collapsed .product_purchase_summary_image {
  min-width: 60px;
  max-width: 60px;
  max-height: 60px;
}
.view_order-container--info-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.view_order-container--info-flex .view_order-container__left {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.view_order-container--info-flex .view_order-container__left {
  min-width: 240px;
  margin-right: 12px;
}
.view_order-container--info-flex .view_order-container__right {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
.view_order-container--info dl {
  margin: 0;
}
.view_order-container--info dl li {
  list-style: none;
}
.view_order-container--info dl dt,
.view_order-container--info dl dd {
  display: inline-block;
}
.view_order-container--info dl dd:empty {
  display: none;
}
.view_order-container--info dl dd strong {
  font-weight: normal;
}
.view_order-container--info dl dt {
  min-width: 120px;
}
.order .cartSummaryTable td.title {
  /* min-width: 120px; */
  text-align: right;
  padding-right: 24px;
}
.order .cartSummaryTable .cartSummaryTable-total td {
  font-size: 20px;
}
.order .cartSummaryTable .cartSummaryTable-total td.total {
  font-weight: bold;
}
.systempage-main > div {
  margin-top: 12px;
  margin-bottom: 12px;
}
.order-container .order-summary .order-summary {
  margin-bottom: 20px;
}
.order-container .order-summary .order-summary-item-label {
  display: inline-block;
  min-width: 120px;
}
.order-container .order-summary .order-summary-item-value {
  display: inline-block;
  font-weight: bold;
}
.add_to_cart__notices {
  padding: 0;
  margin: 12px 0;
}
.add_to_cart__notices,
.add_to_cart__notices .add_to_cart__notice {
  list-style: none;
  list-style-position: inside;
}
.add_to_cart__notice,
.add_to_cart__notice::marker {
  color: #d9534f;
}
.add_to_cart__notice.add_to_cart__notice--button_not_authorized {
  display: none;
}
.add_to_cart-doubleganger_button .add_to_cart-doubleganger_button__link {
  display: inline-block;
  background-color: black;
  color: white;
  border-radius: var(--border-radius);
  border: thin solid black;
  font-size: 16px;
  font-family: inherit;
  font-weight: var(--font-weight-bold);
  padding: 13px 15px;
  margin: 0;
  white-space: nowrap;
}
.add_to_cart-doubleganger_button .add_to_cart-doubleganger_button__link:hover {
  background-color: white;
  border-color: black;
  color: black;
}
.add_to_cart-doubleganger_button--login .add_to_cart-doubleganger_button__link {
  background-color: #f26522;
  color: white;
  border: thin solid #f26522;
}
.add_to_cart-doubleganger_button--login .add_to_cart-doubleganger_button__link:hover {
  background-color: white;
  border-color: #f26522;
  color: #f26522;
}
.add_to_cart-doubleganger_button--disabled .add_to_cart-doubleganger_button__link,
.add_to_cart-doubleganger_button--disabled .add_to_cart-doubleganger_button__link:hover {
  cursor: not-allowed;
  background-color: lightgray;
  color: darkgray;
  border: thin solid lightgray;
}
/* @author John Nguyen <john@mediashaker.com> */
.forgot-password-link--hide .forgot-password-link {
  display: none !important;
}
.account_recovery-links {
  margin-top: 1em;
}
.account_recovery-buttons {
  margin-top: 1em;
}
.account_recovery-link.site-link a {
  margin-top: -60px;
  margin-left: 7px;
  position: absolute;
}
.account_recovery h2 {
  font-size: 2em;
}
.account_recovery-request {
  margin: 0 auto;
  width: 80%;
  padding: 50px 0;
}
.account_recovery .mdc-text-field {
  width: 100%;
}
.account_recovery .mdc-text-field .mdc-floating-label {
  font-size: 0.9em;
}
/*
.account_recovery .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text.mdc-text-field-helper-text--validation-msg
{
  color: red;
}
*/
.account_recovery .mdc-button {
  font-size: 0.8em;
}
.account_recovery-links-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.account_recovery-links-inner > div {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
.account_recovery-links-inner > div:nth-child(1) {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
.account_recovery-links-inner > div:nth-child(2) {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.account_recovery-links-inner > div:nth-child(3) {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
.account_recovery-links-inner > div {
  /*    float: left;
    width: 50%;
    text-align: left;
    padding: 50px 0;*/
}
.account_recovery-links-inner > div > a {
  font-size: 0.8em;
}
.account_recovery-link-home:before {
  content: 'Back ';
}
.account_recovery-links-inner > div:last-child {
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .account_recovery-request {
    width: 60%;
    padding: 100px 0;
  }
}
@media (min-width: 768px) {
}.account_recovery__form-label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
.account_recovery__form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.account_recovery__form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.account_recovery__form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.account_recovery__form-control:-ms-input-placeholder {
  color: #999999;
}
.account_recovery__form-control::-webkit-input-placeholder {
  color: #999999;
}
.account_recovery__form-control[disabled],
.account_recovery__form-control[readonly],
fieldset[disabled] .account_recovery__form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.account_recovery__form-control {
  height: auto;
}
.account_recovery-description {
  margin-bottom: 12px;
}
.account_recovery__form-group {
  margin-bottom: 15px;
}
.account_recovery-request-field-email {
  /* width: 300px; */
}
.account_recovery-request-buttons > .account_recovery-request-buttons-inner {
  float: right;
}
.account_recovery-request-buttons {
  overflow: auto;
}
.account_recovery-request {
  min-width: 320px;
  max-width: 640px;
}
.account_recovery-change_password-buttons > .account_recovery-change_password-buttons-inner {
  float: right;
}
.account_recovery-change_password {
  min-width: 320px;
  max-width: 640px;
}
ul.account_recovery-messages {
  list-style-position: inside;
  list-style: none;
  -webkit-padding-start: 0px;
  padding-inline-start: 0px;
}
.account_recovery-messages code {
  color: gray;
  background-color: ghostwhite;
}
.account_recovery-messages ul {
  list-style-position: inside;
  -webkit-padding-start: 12px;
  padding-inline-start: 12px;
}
.account_recovery-message {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0px;
}
.account_recovery-message h4 {
  margin-top: 0;
  color: inherit;
}
.account_recovery-message .alert-link {
  font-weight: bold;
}
.account_recovery-message > p,
.account_recovery-message > ul {
  margin-bottom: 0;
}
.account_recovery-message > p + p {
  margin-top: 5px;
}
.account_recovery-message--error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.account_recovery-message--error hr {
  border-top-color: #e4b9c0;
}
.account_recovery-message--error .alert-link {
  color: #843534;
}
.account_recovery-message--warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.account_recovery-message--warning hr {
  border-top-color: #f7e1b5;
}
.account_recovery-message--warning .alert-link {
  color: #66512c;
}
.account_recovery-message--info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.account_recovery-message--info hr {
  border-top-color: #a6e1ec;
}
.account_recovery-message--info .alert-link {
  color: #245269;
}
.account_recovery-message--success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.account_recovery-message--success hr {
  border-top-color: #c9e2b3;
}
.account_recovery-message--success .alert-link {
  color: #2b542c;
}
/* @author John Nguyen <john@mediashaker.com> */
.sui_bootstrap__form-label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
.sui_bootstrap__form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.sui_bootstrap__form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.sui_bootstrap__form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.sui_bootstrap__form-control:-ms-input-placeholder {
  color: #999999;
}
.sui_bootstrap__form-control::-webkit-input-placeholder {
  color: #999999;
}
.sui_bootstrap__form-control[disabled],
.sui_bootstrap__form-control[readonly],
fieldset[disabled] .sui_bootstrap__form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.sui_bootstrap__form-control {
  height: auto;
}
.sui_bootstrap__form-group {
  margin-bottom: 15px;
}
/*
.forgot-password-link--hide .forgot-password-link
{
  display: none !important;
}
 */
.core_account-link.site-link a {
  margin-top: -60px;
  margin-left: 7px;
  position: absolute;
}
.sui-sf-system_page-footer_links {
  margin-top: 1em;
}
.sui-sf-system_page-footer_links::after {
  clear: both;
  display: block;
  content: '';
}
.sui-sf-system_page-footer_links-inner > div {
  float: left;
  width: 50%;
  text-align: left;
  padding: 50px 0;
}
.sui-sf-system_page-footer_links-inner > div > a {
  font-size: 0.8em;
}
.sui-sf-system_page-footer_links-inner > div:last-child {
  text-align: right;
}
/*
sui-sf-core-account-messages
 */
/*
.sui-sf-system_page-messages
{
}
 */
ul.sui-sf-system_page-messages {
  list-style-position: inside;
  list-style: none;
  -webkit-padding-start: 0px;
  padding-inline-start: 0px;
}
.sui-sf-system_page-messages ul {
  list-style-position: inside;
  -webkit-padding-start: 12px;
  padding-inline-start: 12px;
}
/*
li.sui-sf-system_page-message
{
}
 */
.sui-sf-system_page-message {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0px;
}
.sui-sf-system_page-message h4 {
  margin-top: 0;
  color: inherit;
}
.sui-sf-system_page-message .alert-link {
  font-weight: bold;
}
.sui-sf-system_page-message > p,
.sui-sf-system_page-message > ul {
  margin-bottom: 0;
}
.sui-sf-system_page-message > p + p {
  margin-top: 5px;
}
.sui-sf-system_page-message--error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.sui-sf-system_page-message--error hr {
  border-top-color: #e4b9c0;
}
.sui-sf-system_page-message--error .alert-link {
  color: #843534;
}
.sui-sf-system_page-message--warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.sui-sf-system_page-message--warning hr {
  border-top-color: #f7e1b5;
}
.sui-sf-system_page-message--warning .alert-link {
  color: #66512c;
}
.sui-sf-system_page-message--info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.sui-sf-system_page-message--info hr {
  border-top-color: #a6e1ec;
}
.sui-sf-system_page-message--info .alert-link {
  color: #245269;
}
.sui-sf-system_page-message--success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.sui-sf-system_page-message--success hr {
  border-top-color: #c9e2b3;
}
.sui-sf-system_page-message--success .alert-link {
  color: #2b542c;
}
.sui-sf-system_page-content_title {
  font-size: 2em;
}
.sui-sf-system_page-content_description {
  margin-bottom: 12px;
}
.sui-sf-system_page-content_main {
  min-width: 320px;
  max-width: 640px;
}
.sui-sf-system_page-content_main {
  margin: 0 auto;
}
.sui-sf-system_page-content_block {
  /*padding: 0 1rem 8px;*/
  margin: 1em 8px;
}
.sui-sf-system_page-content_section {
  /* padding: 0 1rem 8px; */
}
.sui-sf-system_page {
  /*
    .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text.mdc-text-field-helper-text--validation-msg
    {
      color: red;
    }
    */
  /* Verification Code - START */
  /* Verification Code - FINISH */
  /* Card Actions Left Right Buttons - START */
  /* Card Actions Left Right Buttons - FINISH */
  /* Card Actions Left Right Buttons - Flipped START */
  /* Card Actions Left Right Buttons Flipped - FINISH */
}
.sui-sf-system_page .mdc-text-field--fullwidth {
  width: 100%;
}
.sui-sf-system_page .mdc-text-field .mdc-floating-label {
  font-size: 0.9em;
}
.sui-sf-system_page .mdc-button {
  font-size: 0.8em;
}
.sui-sf-system_page .sui-mdc-verification_field fieldset.sui-mdc-verification_field__fieldset .mdc-text-field {
  width: auto;
}
.sui-sf-system_page .sui-mdc-verification_field fieldset input.sui-mdc-verification_field-code-input {
  font-size: 1.5em;
  width: 2.4em;
  text-align: center;
  flex: 1 0 1em;
}
.sui-sf-system_page input.sui-mdc-digit-field--spinnerless::-webkit-outer-spin-button,
.sui-sf-system_page input.sui-mdc-digit-field--spinnerless::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
.sui-sf-system_page input.sui-mdc-digit-field--spinnerless[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
  -webkit-appearance: textfield;
  appearance: textfield;
  /* Firefox */
}
.sui-sf-system_page .mdc-card__action-buttons + .mdc-card__action-buttons {
  margin-left: 16px;
  margin-right: 0;
}
.sui-sf-system_page [dir=rtl] .mdc-card__action-buttons + .mdc-card__action-buttons,
.sui-sf-system_page .mdc-card__action-buttons + .mdc-card__action-buttons[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}
.sui-sf-system_page .mdc-card__action-buttons + .mdc-card__action-buttons {
  color: rgba(0, 0, 0, 0.6);
  flex-grow: 1;
  justify-content: flex-end;
}
.sui-sf-system_page .sui-sf-system_page-actions.sui-sf-system_page-actions--flipped .mdc-card__action-buttons:first-child {
  order: 2;
}
.sui-sf-system_page .sui-sf-system_page-actions.sui-sf-system_page-actions--flipped .mdc-card__action-buttons:first-child + .mdc-card__action-buttons {
  order: 1;
  justify-content: flex-start;
}
.sui-sf-system_page .sui-mdc-text-field--hidden {
  display: none;
}
.sui-sf-system_page-actions.sui-sf-system_page-actions--sui {
  margin-top: 1em;
}
.sui-sf-system_page-actions.sui-sf-system_page-actions--sui > .sui-sf-system_page-actions-inner.sui-sf-system_page-actions-inner--left {
  float: left;
}
.sui-sf-system_page-actions.sui-sf-system_page-actions--sui > .sui-sf-system_page-actions-inner.sui-sf-system_page-actions-inner--right {
  float: right;
}
/* @author Daniel To <daniel@mediashaker.com> */
/*
 * ============================================================================
 *  Newsletter Template
 *
 *   The newsletter template styling all in one.
 *
 * ============================================================================
 */
/*
 * ============================================================================
 *  General CSS
 * ============================================================================
 */
.three-columns-newsletter .layout-grid-row:last-child {
  border-bottom: 0;
}
.three-columns-newsletter .large-feature .layout-grid-row {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.three-columns-newsletter .large-feature .layout-grid-row:last-child {
  border-bottom: 1px solid #EFEFEF;
}
.three-columns-newsletter .large-feature .related-title {
  line-height: 1.9em;
}
.three-columns-newsletter .large-feature .related-link.hidden a {
  display: none !important;
  visibility: hidden !important;
}
.three-columns-newsletter .medium-feature .related-title {
  line-height: 1.9em;
}
.three-columns-newsletter .small-feature .related-image {
  width: 100% !important;
  margin-bottom: 15px;
}
.three-columns-newsletter .small-feature .related-title {
  line-height: 1.3em;
}
.three-columns-newsletter .list-feature .related-title {
  line-height: 1.3em;
}
.three-columns-newsletter .adsbygoogle-doubleclick {
  text-align: center;
  margin-bottom: 24px;
}
.three-columns-newsletter .site-header .content-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
}
.three-columns-newsletter .headline-carousel .middle-right {
  width: 100%;
  left: 0;
  max-width: none;
  top: inherit;
  bottom: 0;
  height: initial;
  padding-top: 0;
}
.three-columns-newsletter .headline-carousel .related-link,
.three-columns-newsletter .headline-carousel .anythingControls {
  visibility: hidden;
  display: none;
}
.three-columns-newsletter .headline-carousel .anythingSlider-carousel-shoutcms .arrow {
  top: initial;
  bottom: 5px;
}
.three-columns-newsletter .headline-carousel .anythingSlider-carousel-shoutcms .arrow a {
  width: 21px;
  height: 21px;
}
.three-columns-newsletter .headline-carousel .anythingSlider-carousel-shoutcms .back {
  left: initial;
  right: 30px;
}
.three-columns-newsletter .headline-carousel .anythingSlider-carousel-shoutcms .forward a {
  background: url(./images/arrows-minimalist2-next.png) no-repeat top left transparent;
}
.three-columns-newsletter .headline-carousel .anythingSlider-carousel-shoutcms .back a {
  background: url(./images/arrows-minimalist2-prev.png) no-repeat top left transparent;
}
.three-columns-newsletter .headline-carousel .anythingSlider-carousel-shoutcms .forward a:hover,
.three-columns-newsletter .headline-carousel .anythingSlider-carousel-shoutcms .back a:hover {
  background-position: bottom left;
}
.three-columns-newsletter .side-column > *:last-child:not(.section-wrapper),
.three-columns-newsletter .side-column > *:last-child > .content-wrapper {
  margin-bottom: 0;
}
.three-columns-newsletter .side-column-left .side-banners .content-wrapper,
.three-columns-newsletter .side-column-right .side-banners .content-wrapper {
  padding-top: 0;
}
.three-columns-newsletter .side-column .small-feature .middle-left {
  float: none;
  width: 100%;
}
.three-columns-newsletter .side-column .small-feature .one-column .middle-right {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.three-columns-newsletter .side-column .list-feature .middle-left,
.three-columns-newsletter .side-column .list-feature .middle-right {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.three-columns-newsletter .list-feature .related-summary {
  display: block !important;
  visibility: visible !important;
}
@media (max-width: 767px) {
  .three-columns-newsletter .topofwebsite.banner-zone {
    margin-top: 15px;
  }
  .three-columns-newsletter .navbar {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .three-columns-newsletter .navbar-collapse {
    position: relative;
    left: 0;
  }
  .three-columns-newsletter .medium-feature .middle-left {
    width: 100%;
  }
  .three-columns-newsletter .medium-feature .related-image {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .three-columns-newsletter .page-content-wrapper > .section-wrapper:first-child > .content-wrapper:first-child {
    border-top: 0;
  }
  .three-columns-newsletter .main-column {
    width: 50%;
  }
  .three-columns-newsletter .side-column-left {
    width: 30%;
  }
  .three-columns-newsletter .side-column-right {
    width: 20%;
  }
  .frontpage.three-columns-newsletter .side-banners {
    display: block !important;
  }
}
/* @author Daniel To <daniel@mediashaker.com> */
/*
 * ============================================================================
 *  Newsletter Template
 *
 *   The newsletter template styling all in one.
 *
 * ============================================================================
 */
/*
 * ============================================================================
 *  General CSS
 * ============================================================================
 */
.no-subnav h5 {
  line-height: 1.3em;
}
.no-subnav .side-banners:first-child > .content-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.no-subnav .navigation-second {
  display: none;
}
.no-subnav .list-feature .layout-grid-row:last-child {
  border-bottom: 0;
}
.no-subnav .list-feature .related-title {
  line-height: 1.3em;
}
.no-subnav .list-feature .related-summary.hidden {
  display: block !important;
  visibility: visible !important;
  font-size: 1.2rem;
}
.no-subnav .news-title,
.no-subnav .news-picture {
  margin-top: 0;
}
.no-subnav .news-picture {
  margin-bottom: 15px;
}
.no-subnav .medium-feature .content-wrapper {
  padding-top: 15px;
}
.no-subnav .medium-feature .related-title {
  line-height: 1.7em;
}
.no-subnav .editor-content h1:first-child {
  margin-top: 0;
}
.no-subnav #comment-post-form {
  display: block !important;
}
@media (min-width: 768px) {
  .no-subnav .page-content-wrapper > .section-wrapper:first-child > .content-wrapper:first-child {
    border-top: 0;
  }
}
/*
* ============================================================================
*  Content Template CSS
* ============================================================================
*/
a.contact-btn {
  padding: 10px 20px;
  color: #fff;
  background-color: #00273F;
}
a.contact-btn:hover {
  opacity: 0.7;
  color: #fff;
  background-color: #00587A;
  text-decoration: none !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #B9B9B9 !important;
  font-weight: 400;
}
/*
* ============================================================================
* Pricing Tables
* ============================================================================
*/
.pricing-table {
  display: table;
  margin: 35px 0;
  width: 100%;
}
.pricing-1 a {
  background-color: #ff972e;
  padding: 7px 20px;
  color: #fff;
  border-radius: 5px;
}
.pricing-1 a:hover {
  background-color: #107ea1;
  padding: 7px 20px;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
}
.pricing-2 .pricing-column-content,
.pricing-2 .pricing-column-costs {
  color: #fff !important;
}
.pricing-2 a:first-child,
.pricing-2 a:last-child {
  background-color: #ff972e;
  padding: 7px 20px;
  color: #fff;
  border-radius: 5px;
}
.pricing-2 a.mid-btn {
  background-color: #107ea1;
  padding: 7px 20px;
  color: #fff;
  border-radius: 5px;
}
.pricing-3 a:hover {
  background-color: #107ea1;
  padding: 7px 20px;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
}
.pricing-3 a {
  background-color: #107ea1;
  padding: 7px 20px;
  color: #fff;
  border-radius: 5px;
}
.pricing-3 a:hover {
  background-color: #ff972e;
  padding: 7px 20px;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
}
.pricing-table ul {
  padding: 0;
}
.pricing-column {
  position: relative;
  display: table-cell;
}
.pricing-column.price-column-border:first-child {
  border-left-width: 1px;
}
.pricing-column.price-column-border:first-child {
  border-left: 1px solid #ccc;
}
.pricing-column.price-column-border {
  border-left: 0px solid #ccc;
  border: 1px solid #ccc;
}
.pricing-columns-2 .pricing-column {
  width: 50%;
}
.pricing-columns-3 .pricing-column {
  width: 33.333%;
}
.pricing-columns-4 .pricing-column {
  width: 25%;
}
.pricing-columns-5 .pricing-column {
  width: 20%;
}
.pricing-column .pricing-column-inner {
  position: relative;
}
.pricing-column .pricing-column-inner > div {
  padding: 20px 20px 0;
  border-color: inherit;
  text-align: center;
}
.pricing-column .pricing-column-inner > div:last-child {
  padding-bottom: 20px;
}
.pricing-column.price-column-border .pricing-column-inner > div {
  padding: 20px;
}
.pricing-column .pricing-column-inner div.pricing-column-highlight-text {
  position: absolute;
  top: -15px;
  right: 0;
  padding: 20px 0 0 0;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
}
.pricing-column .pricing-column-title {
  font-size: 26px;
  line-height: 30px;
}
.pricing-column .pricing-column-symbol {
  position: relative;
  top: -14px;
  right: 15px;
  font-weight: normal;
  font-size: 22px;
  line-height: 22px;
}
.pricing-column .pricing-column-price {
  margin-left: -15px;
  min-height: 50px;
  font-weight: bold;
  font-size: 50px;
  line-height: 50px;
}
.pricing-column .pricing-column-interval {
  margin-top: 10px;
  min-height: 14px;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
}
.pricing-column .pricing-column-content ul {
  margin-bottom: 30px;
}
.pricing-column .pricing-column-content li {
  margin-left: 0;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  list-style-type: none;
}
.pricing-2 .pricing-column .pricing-column-content li {
  margin-left: 0;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  list-style-type: none;
}
.pricing-column .pricing-column-content li:first-child {
  padding-top: 0;
  border-top: 0;
}
.pricing-row {
  display: none;
  height: 35px;
}
@media only screen and (max-width: 1023px) {
  .responsive .pricing-column {
    margin-bottom: 25px;
    width: 50% !important;
    display: inline-block;
  }
  .responsive .pricing-table .pricing-column.price-column-border:nth-of-type(4n+1) {
    border-left-width: 1px;
  }
  .responsive .pricing-table .pricing-row:nth-of-type(4n+0) {
    display: table-row;
  }
}
@media only screen and (max-width: 767px) {
  .responsive .pricing-column {
    width: 100% !important;
    display: block;
  }
  .responsive .pricing-column.price-column-border {
    border-left-width: 1px;
  }
  .responsive .pricing-row {
    display: table-row;
  }
}
.article-three-columns-newspaper .top-page-bar .content-wrapper {
  margin: 0 !important;
}
.article-three-columns-newspaper .meta-created {
  margin: -10px 0 20px 0;
  font-weight: 600;
}
.article-three-columns-newspaper .side-column .small-feature-stacked .middle-left {
  width: 100%;
  padding: 15px 0 0 0;
}
.article-three-columns-newspaper .side-column .list-feature .layout-grid-row {
  margin: 0;
  padding: 0 0 15px 0;
}
/* unified list */
.category-product-add_to_compare.add-to-compare-button,
.list-item-product .list-item-datum-add_to_compare.add-to-compare-button,
.list-item-article .list-item-datum-add_to_compare.add-to-compare-button,
.product-add-to-compare .add-to-compare-button,
.newsitem-add-to-compare .add-to-compare-button {
  /*-----------------------------------------------------
                 Add to compare Checkbox
    ------------------------------------------------------*/
  /*-----------------------------------------------------
             Add to compare Link Button
    ------------------------------------------------------*/
}
.category-product-add_to_compare.add-to-compare-button.add-to-compare-button--checkbox-button > *,
.list-item-product .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--checkbox-button > *,
.list-item-article .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--checkbox-button > *,
.product-add-to-compare .add-to-compare-button.add-to-compare-button--checkbox-button > *,
.newsitem-add-to-compare .add-to-compare-button.add-to-compare-button--checkbox-button > * {
  vertical-align: middle;
}
.category-product-add_to_compare.add-to-compare-button.add-to-compare-button--checkbox-button input[type=checkbox] + label:before,
.list-item-product .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--checkbox-button input[type=checkbox] + label:before,
.list-item-article .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--checkbox-button input[type=checkbox] + label:before,
.product-add-to-compare .add-to-compare-button.add-to-compare-button--checkbox-button input[type=checkbox] + label:before,
.newsitem-add-to-compare .add-to-compare-button.add-to-compare-button--checkbox-button input[type=checkbox] + label:before {
  content: "Compare";
  color: #777;
}
.category-product-add_to_compare.add-to-compare-button.add-to-compare-button--link-button,
.list-item-product .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--link-button,
.list-item-article .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--link-button,
.product-add-to-compare .add-to-compare-button.add-to-compare-button--link-button,
.newsitem-add-to-compare .add-to-compare-button.add-to-compare-button--link-button {
  display: block;
}
.category-product-add_to_compare.add-to-compare-button.add-to-compare-button--link-button a,
.list-item-product .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--link-button a,
.list-item-article .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--link-button a,
.product-add-to-compare .add-to-compare-button.add-to-compare-button--link-button a,
.newsitem-add-to-compare .add-to-compare-button.add-to-compare-button--link-button a {
  cursor: pointer;
  color: #333333;
  padding: 7px 0;
  font-size: 0.72em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  text-decoration: none;
  font-family: 'OpenSans', sans-serif;
  display: inline-block;
  white-space: nowrap;
}
.category-product-add_to_compare.add-to-compare-button.add-to-compare-button--link-button a:hover,
.list-item-product .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--link-button a:hover,
.list-item-article .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--link-button a:hover,
.product-add-to-compare .add-to-compare-button.add-to-compare-button--link-button a:hover,
.newsitem-add-to-compare .add-to-compare-button.add-to-compare-button--link-button a:hover {
  opacity: 0.7;
  filter: opacity(1);
  -moz-filter: opacity(1);
  -webkit-filter: opacity(1);
}
.category-product-add_to_compare.add-to-compare-button.add-to-compare-button--link-button.add-to-compare-button--link-button--add-to-compare a::before,
.list-item-product .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--link-button.add-to-compare-button--link-button--add-to-compare a::before,
.list-item-article .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--link-button.add-to-compare-button--link-button--add-to-compare a::before,
.product-add-to-compare .add-to-compare-button.add-to-compare-button--link-button.add-to-compare-button--link-button--add-to-compare a::before,
.newsitem-add-to-compare .add-to-compare-button.add-to-compare-button--link-button.add-to-compare-button--link-button--add-to-compare a::before {
  content: "Add to Compare";
}
.category-product-add_to_compare.add-to-compare-button.add-to-compare-button--link-button.add-to-compare-button--link-button--remove-from-compare a::before,
.list-item-product .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--link-button.add-to-compare-button--link-button--remove-from-compare a::before,
.list-item-article .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--link-button.add-to-compare-button--link-button--remove-from-compare a::before,
.product-add-to-compare .add-to-compare-button.add-to-compare-button--link-button.add-to-compare-button--link-button--remove-from-compare a::before,
.newsitem-add-to-compare .add-to-compare-button.add-to-compare-button--link-button.add-to-compare-button--link-button--remove-from-compare a::before {
  content: "Remove from Compare";
}
/* make content wrapper has full width of the page */
.compare-list-compare-page {
  /* keep the inner table to be at the center */
  text-align: center;
  /* hide scrollbar */
  /*
    scrollbar-width: none;
    -ms-overflow-style: none;
    &::-webkit-scrollbar
    {
        width: 0;
        height: 0;
    }
    */
  overflow-x: hidden;
  overflow-y: auto;
}
.compare-list-compare-page > .page-wrapper {
  display: inline-block;
  /* full */
}
.compare-list-compare-page > .page-wrapper .page-content-wrapper {
  display: inline-block;
  /* full */
}
.compare-list-compare-page > .page-wrapper .page-content-wrapper > .core-page-area {
  display: inline-block;
  /* full */
}
.compare-list-compare-page > .page-wrapper .page-content-wrapper > .core-page-area > .root-section-wrapper > .content-wrapper {
  display: inline-block;
  /* full */
}
.compare-list-compare-page > .page-wrapper .page-content-wrapper > .core-page-area > .root-section-wrapper > .content-wrapper > .content-wrapper {
  display: inline-block;
  /* full */
}
.compare-list-compare-page .page-content-wrapper > .core-page-area > .root-section-wrapper > .content-wrapper {
  max-width: none;
  padding: 0;
}
.compare-list-compare {
  /*-----------------------------------------------
        Table scrolling
        +DUC: there is another technique which is javascript based
        and it is straight forward to be applied
        https://jsfiddle.net/RMarsh/bzuasLcz/3/
    ------------------------------------------------*/
  display: inline-block;
  /* full */
  /* sticky header */
  /*-----------------------------------------------
        Cell styling
    ------------------------------------------------*/
  /*-----------------------------------------------
        Override dataset items' styles
    ------------------------------------------------*/
  /*-----------------------------------------------
        fixed header
    ------------------------------------------------*/
}
.compare-list-compare .compare-table-wrapper-outer-outer {
  text-align: center;
  display: inline-block;
  /* full */
}
.compare-list-compare .compare-table-wrapper-outer {
  display: inline-block;
}
.compare-list-compare .compare-table-wrapper-outer .compare-table-wrapper-inner {
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}
.compare-list-compare .compare-table-wrapper-outer .compare-table-wrapper-inner .compare-table {
  table-layout: fixed;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: justify;
}
.compare-list-compare .compare-table-wrapper-outer .compare-table-scroll-left-button,
.compare-list-compare .compare-table-wrapper-outer .compare-table-scroll-right-button {
  z-index: 3;
  background: white;
  position: fixed;
  width: 30px;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.compare-list-compare .compare-table-wrapper-outer .compare-table-scroll-left-button:hover,
.compare-list-compare .compare-table-wrapper-outer .compare-table-scroll-right-button:hover {
  background: lightgray;
}
.compare-list-compare .compare-table-wrapper-outer .compare-table-scroll-left-button > i.fa,
.compare-list-compare .compare-table-wrapper-outer .compare-table-scroll-right-button > i.fa {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 20%;
  right: 80%;
}
.compare-list-compare .compare-table-wrapper-outer .compare-table-scroll-left-button {
  left: 0;
  border-right: 1px solid lightgray;
}
.compare-list-compare .compare-table-wrapper-outer .compare-table-scroll-right-button {
  right: 0;
  border-left: 1px solid lightgray;
}
.compare-list-compare table.compare-table > thead > tr:first-child > th {
  z-index: 1;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: ghostwhite;
  /* +DUC: see https://stackoverflow.com/questions/41882616/why-border-is-not-visible-with-position-sticky-when-background-color-exists */
  border: none;
}
.compare-list-compare table.compare-table > thead > tr:first-child > th:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 1px solid lightgray;
}
.compare-list-compare table.compare-table > thead > tr:first-child > th:first-child {
  z-index: 2;
}
.compare-list-compare .compare-table__cell--summary {
  position: -webkit-sticky;
  position: sticky;
  width: 156px;
  left: 30px;
  background: white;
  z-index: 1;
  background: ghostwhite;
}
.compare-list-compare .compare-table__cell--summary > span {
  /* vertical ellipse */
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.compare-list-compare .compare-table {
  border-bottom: 1px solid lightgray;
}
.compare-list-compare .compare-table__col.compare-table__col--item {
  width: 300px;
}
.compare-list-compare .compare-table__cell {
  padding: 8px;
  vertical-align: top;
}
.compare-list-compare .compare-table__cell--item-remove-button {
  text-align: right;
}
.compare-list-compare .compare-table__remove-from-compare-button a {
  cursor: pointer;
}
.compare-list-compare .compare-table__remove-from-compare-button a::before {
  content: 'REMOVE FROM COMPARE';
}
.compare-list-compare .compare-table__remove-from-compare-button a:hover {
  opacity: 0.7;
}
.compare-list-compare .compare-table__row--item-image .compare-table__cell,
.compare-list-compare .compare-table__row--item-attribute-value .compare-table__cell {
  border-top: 1px solid lightgray;
}
.compare-list-compare .compare-table > colgroup > col:hover > td,
.compare-list-compare .compare-table__row--item-attribute-value:hover > td,
.compare-list-compare .compare-table > colgroup > col:hover > th,
.compare-list-compare .compare-table__row--item-attribute-value:hover > th {
  background-color: #ffa;
}
.compare-list-compare .compare-table__row--item-image .list-item-datum-image {
  padding: 0;
  height: auto;
}
.compare-list-compare .compare-table__row--item-image .list-item-datum-image > a {
  position: relative;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}
.compare-list-compare .compare-table__row--item-image .list-item-datum-image img {
  max-width: 200px;
  max-height: 128px;
  width: auto;
  height: auto;
}
.compare-list-compare .compare-table__cell--item-title .list-item-datum-title a {
  font-size: 1em;
  /* vertical ellipse */
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.compare-list-compare table.compare-table-fixedheader {
  margin: 0;
  padding: 0;
  top: 0;
  position: fixed;
  width: auto;
  display: none;
  border: none;
  background: white;
}
.compare-list-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  /*//////////////////////////
            HEADER
    //////////////////////////*/
  /* initial state */
  /* expanded state */
  /* collapsed state */
  /*//////////////////////////
            BODY
    //////////////////////////*/
  /*//////////////////////////
            ITEM LIST
    //////////////////////////*/
  /*//////////////////////////
            ITEM
    //////////////////////////*/
}
.compare-list-container .compare-list-container__header {
  position: absolute;
  line-height: 1.5em;
  padding: 0;
  margin: 0;
  top: -2.5em;
  text-align: center;
  font-weight: bold;
  color: white;
  cursor: pointer;
}
.compare-list-container .compare-list-container__header__button {
  display: inline-block;
  padding: 0.5em;
}
.compare-list-container .compare-list-container__header__toggle-button {
  background: #777;
  color: white;
}
.compare-list-container .compare-list-container__header__toggle-button:hover {
  background: #c3c3c3;
  color: #ffffff;
}
.compare-list-container .compare-list-container__header__clearall-button {
  background: white;
  color: black;
}
.compare-list-container .compare-list-container__header__clearall-button:hover {
  background: #ffffff;
  color: #808080;
}
.compare-list-container .compare-list-container__header__items-count-label:before {
  content: ' (';
}
.compare-list-container .compare-list-container__header__items-count-label:after {
  content: ')';
}
.compare-list-container .compare-list-container__header__items-count-label:empty {
  display: none;
}
.compare-list-container.compare-list-container--hidden {
  display: none;
}
.compare-list-container .compare-list-container__header__button {
  display: inline-block;
}
.compare-list-container .compare-list-container__header__toggle-button .compare-list-container__header__icon {
  display: none;
}
.compare-list-container.compare-list-container--expanded .compare-list-container__header__toggle-button .compare-list-container__header__icon--expanded {
  display: inline;
}
.compare-list-container.compare-list-container--expanded .compare-list-container__header__toggle-button .compare-list-container__header__text:before {
  content: 'HIDE COMPARE';
}
.compare-list-container.compare-list-container--collapsed .compare-list-container__header__toggle-button .compare-list-container__header__icon--collapsed {
  display: inline;
}
.compare-list-container.compare-list-container--collapsed .compare-list-container__header__toggle-button .compare-list-container__header__text:before {
  content: 'SHOW COMPARE';
}
.compare-list-container.compare-list-container--collapsed .compare-list-container__header__clearall-button {
  display: none;
}
.compare-list-container .compare-list-container__body {
  height: 100px;
  background: white;
  font-weight: bold;
  position: relative;
  transition: height 0.2s;
}
.compare-list-container.compare-list-container--collapsed .compare-list-container__body {
  height: 0;
  overflow: hidden;
}
.compare-list-container .compare-list-container__body__scroll-left-button,
.compare-list-container .compare-list-container__body__scroll-right-button {
  background: white;
  color: black;
  position: absolute;
  top: 0;
  line-height: 98px;
  width: 24px;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: white;
}
.compare-list-container .compare-list-container__body__scroll-left-button:hover,
.compare-list-container .compare-list-container__body__scroll-right-button:hover {
  background: #ffffff;
  color: #808080;
}
.compare-list-container .compare-list-container__body__scroll-left-button.ui-helper-hidden,
.compare-list-container .compare-list-container__body__scroll-right-button.ui-helper-hidden {
  display: block;
  color: transparent !important;
}
.compare-list-container .compare-list-container__body__scroll-left-button {
  left: 0;
  border: 1px solid lightgray;
  border-right: none;
}
.compare-list-container .compare-list-container__body__scroll-right-button {
  right: 100px;
  border: 1px solid lightgray;
  border-left: none;
}
.compare-list-container:hover .compare-list-container__body__scroll-left-button,
.compare-list-container:hover .compare-list-container__body__scroll-right-button {
  color: black;
}
.compare-list-container .compare-list-container__body__item-list {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 24px;
  right: 124px;
  /* offset by the compare_button's width and the scroll button's width */
  overflow-x: auto;
  border: 1px solid lightgray;
  border-left: none;
  border-right: none;
  /* hide scrollbar */
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.compare-list-container .compare-list-container__body__item-list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.compare-list-container .compare-list-container__body__compare-button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  background: #777;
  color: white;
  font-weight: bold;
}
.compare-list-container .compare-list-container__body__compare-button:hover {
  background: #c3c3c3;
  color: #ffffff;
}
.compare-list-container .compare-list-container__body__compare-button {
  cursor: pointer;
  text-align: center;
  padding-top: 26px;
}
.compare-list-container .compare-list-container__body__item-list {
  white-space: nowrap;
}
.compare-list-container .compare-list-container__body__item-list .compare-list-item {
  display: inline-block;
  text-align: center;
  position: relative;
  vertical-align: top;
  margin-top: 24px;
}
.compare-list-container .compare-list-container__body__item-list .compare-list-item-separator {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  height: 76px;
  margin-top: 12px;
  border-left: 1px solid lightgray;
}
.compare-list-container .compare-list-container__body__item-list .compare-list-item__image {
  display: inline-block;
  float: left;
  width: 50px;
  height: 50px;
  border: 1px solid lightgray;
  text-align: center;
}
.compare-list-container .compare-list-container__body__item-list .compare-list-item__title {
  display: inline-block;
  float: left;
  text-align: left;
  margin-left: 0.5em;
  margin-right: 0.5em;
  width: 120px;
  max-height: 2.4em;
  line-height: 1.2em;
  font-size: 0.9em;
  /* vertical ellipse */
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.compare-list-container .compare-list-container__body__item-list .compare-list-item__remove-button {
  display: inline-block;
  float: left;
  cursor: pointer;
  background: transparent;
  color: black;
}
.compare-list-container .compare-list-container__body__item-list .compare-list-item__remove-button:hover {
  background: rgba(77, 77, 77, 0);
  color: #808080;
}
.microcompare-list-container {
  width: 200px;
  background: white;
  position: relative;
  /*//////////////////////////
            HEADER
    //////////////////////////*/
  /*//////////////////////////
            BODY
    //////////////////////////*/
  /*//////////////////////////
            ITEM
    //////////////////////////*/
}
.microcompare-list-container .microcompare-list-container__body__item-list {
  min-height: 50px;
  max-height: 400px;
  overflow-y: auto;
  border: 1px solid lightgray;
}
.microcompare-list-container .microcompare-list-container__body__clearall-button {
  display: block;
  font-weight: bold;
  padding: 4px;
  cursor: pointer;
  text-align: center;
}
.microcompare-list-container .microcompare-list-container__body__compare-button {
  display: block;
  background: darkslategray;
  color: white;
  font-weight: bold;
  padding: 4px;
  cursor: pointer;
  text-align: center;
}
.microcompare-list-container .microcompare-list-container__body__item-list .compare-list-item {
  position: relative;
  clear: both;
  margin: 4px;
}
.microcompare-list-container .microcompare-list-container__body__item-list .compare-list-item-separator {
  clear: both;
  margin: 4px;
  border-top: 1px solid lightgray;
}
.microcompare-list-container .microcompare-list-container__body__item-list .compare-list-item__image {
  display: inline-block;
  float: left;
  width: 48px;
  height: 48px;
}
.microcompare-list-container .microcompare-list-container__body__item-list .compare-list-item__title {
  display: inline-block;
  float: left;
  width: 120px;
  max-height: 4.5em;
  line-height: 1.5em;
  /* vertical ellipse */
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.microcompare-list-container .microcompare-list-container__body__item-list .compare-list-item__remove-button {
  display: inline-block;
  float: left;
  cursor: pointer;
  margin-left: 8px;
  margin-top: 8px;
}
/* create hover effect for buttons */
.microcompare-list-container__body__button:hover {
  opacity: 0.7;
}
body.compare-list--disable-on-mobile .compare-list-compare-disable-on-mobile-message {
  display: none;
}
@media only screen and (max-width: 900px) and (orientation: landscape), only screen and (max-height: 900px) and (orientation: portrait) {
  body.compare-list--disable-on-mobile .compare-list-compare-disable-on-mobile-message {
    display: block;
  }
  body.compare-list--disable-on-mobile .list-links .list-microcompare-list,
  body.compare-list--disable-on-mobile .compare-list-container,
  body.compare-list--disable-on-mobile .compare-list-compare {
    display: none;
  }
}
/* block title & summary */
.block-title_text_align-left,
.block-summary_text_align-left {
  text-align: left;
}
.block-title_text_align-center,
.block-summary_text_align-center {
  text-align: center;
}
.block-title_text_align-right,
.block-summary_text_align-right {
  text-align: right;
}
.block-summary p + p,
.content_meta__summary p + p,
.list-item-datum-description p + p,
.product_option-field--content .product_option-field__description p + p {
  margin-top: 1em;
}
/* collapse content */
.block-behaviour-collapse_content .block-content {
  display: none;
}
.block-content-toggle {
  margin: 10px 0;
  font-weight: bold;
}
.block-content-toggle a i {
  margin-left: 5px;
}
/* login to view */
.block-login {
  margin: 10px 0;
  font-weight: bold;
}
.block-login a i {
  margin-right: 5px;
}
/* lazy load */
.block-lazy_load {
  height: 200px;
  text-align: center;
  padding: 50px;
  opacity: 0.5;
}
/* accordion */
.ui-accordion .ui-accordion-header {
  border: none;
  font-weight: 700;
  padding: 15px 20px 15px 50px;
  margin: 0 0 0 0;
  background: rgba(255, 255, 255, 0);
  outline: none;
  position: relative;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  font-family: inherit;
  color: #242424;
}
.ui-accordion .ui-accordion-header:before {
  content: '\f054';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  left: 20px;
  font-size: 1em;
  top: 15px;
}
.ui-accordion .ui-accordion-header.ui-state-active:before {
  content: '\f078';
  color: #343434;
}
.ui-accordion .ui-accordion-header:hover {
  background-color: #ebebeb;
}
.ui-accordion .ui-accordion-header.ui-state-active {
  background-color: #efefef;
  color: #343434;
  margin: 0 0 0 0;
  border: 1px solid transparent;
  font-weight: 700;
}
.ui-accordion .ui-accordion-header.ui-state-active:hover {
  background-color: #f7f7f7;
}
.ui-accordion .ui-accordion-content {
  padding: 15px 20px;
  margin-bottom: 0px;
  border: none;
}
.ui-accordion .ui-accordion-header-icon {
  display: none !important;
}
/* tabs */
/* Custom Tabs - FOR DESKTOP ONLY */
.ui-tabs {
  border: 0 !important;
}
.ui-tabs,
.ui-tabs ul.ui-tabs-nav {
  background: none;
  padding: 0;
  border: 0;
}
.ui-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  border: none;
  background: none;
  float: none;
  display: inline-block;
  position: static;
  white-space: initial;
}
.ui-tabs .ui-tabs-panel {
  padding: 15px 20px;
  border: 1px solid #efefef;
}
.ui-tabs::before,
.ui-tabs::after {
  content: ' ';
  display: table;
}
.ui-tabs::after {
  clear: both;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 12px 20px;
  font-weight: 700;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #323232;
  background-color: #efefef !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: default;
}
.ui-tabs {
  position: relative;
}
/* Custom Tabs - FOR MOBILE ONLY */
@media only screen and (max-width: 482px) {
  .ui-tabs .ui-tabs-nav .ui-tabs-tab {
    display: block;
    margin-right: 0;
    width: 100%;
  }
  .ui-tabs .ui-tabs-nav .ui-tabs-tab a {
    padding-left: 0;
    padding-right: 0;
  }
}
/* vertical tabs */
.expandables-tabs-vertical {
  display: flex;
  gap: 20px;
}
.expandables-tabs-vertical.ui-tabs::before,
.expandables-tabs-vertical.ui-tabs::after {
  content: none;
}
.expandables-tabs-vertical ul.ui-tabs-nav,
.body .block .block-block_expandables .expandables-tabs-vertical ul.ui-tabs-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.expandables-tabs-vertical.ui-tabs .ui-tabs-nav li,
.expandables-tabs-vertical.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  white-space: nowrap;
}
.expandables-tabs-vertical .expandables-contents {
  flex-grow: 1;
}
/* boxed/fullscreen */
/* === left sidebar === */
@media screen and (min-width: 1181px) {
  /* bg full, content full */
  body.with-sidebar .zone-main .block-alignment-background-fullscreen {
    margin-left: calc(-50vw + 270px);
    margin-right: calc(-50vw + 563px);
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.with-sidebar .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: calc(50vw - 270px);
    margin-right: calc(50vw - 563px);
  }
  /* bg boxed, content full */
  body.with-sidebar .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: calc(-50vw + 270px);
    margin-right: calc(-50vw + 563px);
    overflow-x: hidden;
  }
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  /* bg full, content full */
  body.with-sidebar .zone-main .block-alignment-background-fullscreen {
    margin-left: calc(-25vw - 26px);
    margin-right: calc(-30px);
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.with-sidebar .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: calc(25vw + 26px);
    margin-right: calc(30px);
  }
  /* bg boxed, content full */
  body.with-sidebar .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: calc(-25vw - 26px);
    margin-right: calc(-30px);
    overflow-x: hidden;
  }
}
@media screen and (max-width: 767px) {
  /* bg full, content full */
  body.with-sidebar .zone-main .block-alignment-background-fullscreen {
    margin-left: -30px;
    margin-right: -30px;
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.with-sidebar .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: 30px;
    margin-right: 30px;
  }
  /* bg boxed, content full */
  body.with-sidebar .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: -30px;
    margin-right: -30px;
    overflow-x: hidden;
  }
}
/* === right sidebar === */
@media screen and (min-width: 1181px) {
  /* bg full, content full */
  body.with-sidebar.right-sidebar .zone-main .block-alignment-background-fullscreen {
    margin-left: calc(-50vw + 563px);
    margin-right: calc(-50vw + 270px);
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.with-sidebar.right-sidebar .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: calc(50vw - 563px);
    margin-right: calc(50vw - 270px);
  }
  /* bg boxed, content full */
  body.with-sidebar.right-sidebar .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: calc(-50vw + 563px);
    margin-right: calc(-50vw + 270px);
    overflow-x: hidden;
  }
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  /* bg full, content full */
  body.with-sidebar.right-sidebar .zone-main .block-alignment-background-fullscreen {
    margin-left: calc(-30px);
    margin-right: calc(-25vw - 26px);
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.with-sidebar.right-sidebar .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: calc(30px);
    margin-right: calc(25vw + 26px);
  }
  /* bg boxed, content full */
  body.with-sidebar.right-sidebar .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: calc(-30px);
    margin-right: calc(-25vw - 26px);
    overflow-x: hidden;
  }
}
@media screen and (max-width: 767px) {
  /* bg full, content full */
  body.with-sidebar.right-sidebar .zone-main .block-alignment-background-fullscreen {
    margin-left: -30px;
    margin-right: -30px;
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.with-sidebar.right-sidebar .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: 30px;
    margin-right: 30px;
  }
  /* bg boxed, content full */
  body.with-sidebar.right-sidebar .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: -30px;
    margin-right: -30px;
    overflow-x: hidden;
  }
}
/* === three column === */
@media screen and (min-width: 1181px) {
  /* bg full, content full */
  body.with-sidebar.with-extra-sidebar .zone-main .block-alignment-background-fullscreen {
    margin-left: calc(-50vw + 255px);
    margin-right: calc(-50vw + 266px);
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.with-sidebar.with-extra-sidebar .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: calc(50vw - 255px);
    margin-right: calc(50vw - 266px);
  }
  /* bg boxed, content full */
  body.with-sidebar.with-extra-sidebar .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: calc(-50vw + 255px);
    margin-right: calc(-50vw + 266px);
    overflow-x: hidden;
  }
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  /* bg full, content full */
  body.with-sidebar.with-extra-sidebar .zone-main .block-alignment-background-fullscreen {
    margin-left: calc(-25vw - 41px);
    margin-right: calc(-25vw - 32px);
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.with-sidebar.with-extra-sidebar .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: calc(25vw + 41px);
    margin-right: calc(25vw + 32px);
  }
  /* bg boxed, content full */
  body.with-sidebar.with-extra-sidebar .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: calc(-25vw - 41px);
    margin-right: calc(-25vw - 32px);
    overflow-x: hidden;
  }
}
@media screen and (max-width: 767px) {
  /* bg full, content full */
  body.with-sidebar.with-extra-sidebar .zone-main .block-alignment-background-fullscreen {
    margin-left: -45px;
    margin-right: -45px;
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.with-sidebar.with-extra-sidebar .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: 45px;
    margin-right: 45px;
  }
  /* bg boxed, content full */
  body.with-sidebar.with-extra-sidebar .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: -45px;
    margin-right: -45px;
    overflow-x: hidden;
  }
}
/* === fullwidth === */
@media screen and (min-width: 1181px) {
  /* bg full, content full */
  body.fullwidth .zone-bottom .block-alignment-background-fullscreen,
  body.fullwidth .zone-main .block-alignment-background-fullscreen {
    margin-left: calc(-50vw + 578px);
    margin-right: calc(-50vw + 578px);
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.fullwidth .zone-bottom .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > *,
  body.fullwidth .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: calc(50vw - 578px);
    margin-right: calc(50vw - 578px);
  }
  /* bg boxed, content full */
  body.fullwidth .zone-bottom .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > *,
  body.fullwidth .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: calc(-50vw + 578px);
    margin-right: calc(-50vw + 578px);
    overflow-x: hidden;
  }
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  /* bg full, content full */
  body.fullwidth .zone-bottom .block-alignment-background-fullscreen,
  body.fullwidth .zone-main .block-alignment-background-fullscreen {
    margin-left: -15px;
    margin-right: -15px;
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.fullwidth .zone-bottom .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > *,
  body.fullwidth .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: 15px;
    margin-right: 15px;
  }
  /* bg boxed, content full */
  body.fullwidth .zone-bottom .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > *,
  body.fullwidth .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: -15px;
    margin-right: -15px;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 767px) {
  /* bg full, content full */
  body.fullwidth .zone-bottom .block-alignment-background-fullscreen,
  body.fullwidth .zone-main .block-alignment-background-fullscreen {
    margin-left: -15px;
    margin-right: -15px;
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.fullwidth .zone-bottom .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > *,
  body.fullwidth .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: 15px;
    margin-right: 15px;
  }
  /* bg boxed, content full */
  body.fullwidth .zone-bottom .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > *,
  body.fullwidth .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: -15px;
    margin-right: -15px;
    overflow-x: hidden;
  }
}
/* === fullscreen === */
/* same as fullwidth? */
@media screen and (min-width: 1181px) {
  /* bg full, content full */
  body.fullscreen .zone-bottom .block-alignment-background-fullscreen,
  body.fullscreen .zone-main .block-alignment-background-fullscreen {
    margin-left: calc(-50vw + 578px);
    margin-right: calc(-50vw + 578px);
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.fullscreen .zone-bottom .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > *,
  body.fullscreen .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: calc(50vw - 578px);
    margin-right: calc(50vw - 578px);
  }
  /* bg boxed, content full */
  body.fullscreen .zone-bottom .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > *,
  body.fullscreen .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: calc(-50vw + 578px);
    margin-right: calc(-50vw + 578px);
    overflow-x: hidden;
  }
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  /* bg full, content full */
  body.fullscreen .zone-bottom .block-alignment-background-fullscreen,
  body.fullscreen .zone-main .block-alignment-background-fullscreen {
    margin-left: -15px;
    margin-right: -15px;
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.fullscreen .zone-bottom .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > *,
  body.fullscreen .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: 15px;
    margin-right: 15px;
  }
  /* bg boxed, content full */
  body.fullscreen .zone-bottom .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > *,
  body.fullscreen .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: -15px;
    margin-right: -15px;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 767px) {
  /* bg full, content full */
  body.fullscreen .zone-bottom .block-alignment-background-fullscreen,
  body.fullscreen .zone-main .block-alignment-background-fullscreen {
    margin-left: -15px;
    margin-right: -15px;
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.fullscreen .zone-bottom .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > *,
  body.fullscreen .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: 15px;
    margin-right: 15px;
  }
  /* bg boxed, content full */
  body.fullscreen .zone-bottom .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > *,
  body.fullscreen .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: -15px;
    margin-right: -15px;
    overflow-x: hidden;
  }
}
/* === landing === */
@media screen and (min-width: 1181px) {
  /* bg full, content full */
  body.with-sidebar.landing-page .zone-bottom .block-alignment-background-fullscreen,
  body.with-sidebar.landing-page .zone-main .block-alignment-background-fullscreen {
    margin-left: calc(-50vw + 563px);
    margin-right: calc(-50vw + 563px);
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.with-sidebar.landing-page .zone-bottom .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > *,
  body.with-sidebar.landing-page .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: calc(50vw - 563px);
    margin-right: calc(50vw - 563px);
  }
  /* bg boxed, content full */
  body.with-sidebar.landing-page .zone-bottom .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > *,
  body.with-sidebar.landing-page .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: calc(-50vw + 563px);
    margin-right: calc(-50vw + 563px);
    overflow-x: hidden;
  }
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  /* bg full, content full */
  body.with-sidebar.landing-page .zone-bottom .block-alignment-background-fullscreen,
  body.with-sidebar.landing-page .zone-main .block-alignment-background-fullscreen {
    margin-left: -30px;
    margin-right: -30px;
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.with-sidebar.landing-page .zone-bottom .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > *,
  body.with-sidebar.landing-page .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: 30px;
    margin-right: 30px;
  }
  /* bg boxed, content full */
  body.with-sidebar.landing-page .zone-bottom .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > *,
  body.with-sidebar.landing-page .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: -30px;
    margin-right: -30px;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 767px) {
  /* bg full, content full */
  body.with-sidebar.landing-page .zone-bottom .block-alignment-background-fullscreen,
  body.with-sidebar.landing-page .zone-main .block-alignment-background-fullscreen {
    margin-left: -30px;
    margin-right: -30px;
    overflow-x: hidden;
  }
  /* bg full, content boxed */
  body.with-sidebar.landing-page .zone-bottom .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > *,
  body.with-sidebar.landing-page .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen) > * {
    margin-left: 30px;
    margin-right: 30px;
  }
  /* bg boxed, content full */
  body.with-sidebar.landing-page .zone-bottom .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > *,
  body.with-sidebar.landing-page .zone-main .block-alignment-content-fullscreen:not(.block-alignment-background-fullscreen) > * {
    margin-left: -30px;
    margin-right: -30px;
    overflow-x: hidden;
  }
}
/* devices */
@media screen and (min-width: 769px) {
  .block-devices-desktop-hide {
    display: none;
  }
}
@media screen and (min-width: 484px) and (max-width: 768px) {
  .block-devices-tablet-hide {
    display: none;
  }
}
@media screen and (max-width: 483px) {
  .block-devices-phone-hide {
    display: none;
  }
}
/* video */
.block-block_video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  overflow: hidden;
}
.block-block_video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* overlay */
.block-background-overlay::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
/* dialog */
.block.block-behaviour-dialog {
  display: none;
}
.block-behaviour-dialog-window.ui-widget {
  position: fixed;
  padding: 0;
  border-width: 0;
  /*overflow: hidden;*/
  border-radius: 6px;
}
.block-behaviour-dialog.ui-dialog-content {
  padding: 0;
  /*overflow: hidden;*/
}
.block-behaviour-dialog-button a {
  padding: 7px 18px;
  margin-bottom: 15px;
  display: inline-block;
  background-color: #e8edde;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #e9eddc;
}
/* dialog close button */
.block-behaviour-dialog-window .ui-dialog-titlebar {
  padding: 0;
  border: none;
  background: transparent;
}
.block-behaviour-dialog-window .ui-dialog-title {
  display: none;
}
.block-behaviour-dialog-window .ui-dialog-titlebar-close {
  position: absolute;
  top: -10px;
  right: -20px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  z-index: 10;
  background: white;
}
.block-behaviour-dialog-window .ui-dialog-titlebar-close:focus-visible {
  outline: none;
}
.block-behaviour-dialog-window .ui-dialog-titlebar-close:focus {
  background: white;
}
.slick-list {
  width: calc(100% - 30px);
  margin: 0 auto;
}
.slick-prev {
  left: -10px;
}
.slick-next {
  right: -10px;
}
.slick-prev::before,
.slick-next::before {
  color: black;
}
.slick-slide .sgal-thumbnail {
  border-width: 0;
}
.list-slider .list-item-datum-image a::before {
  content: unset;
  display: unset;
}
/*
.slick-prev::before, .slick-next::before {
    font-size: 15px;
}

.slick-prev, .slick-next {
    width: 15px;
    height: 15px;
}

.slick-prev {
    left: -15px;
}

.slick-next {
    right: -15px;
}
*/
/*# sourceMappingURL=responsive.css.map */