.animate-hover, a, .navigation .accordion-heading, .navigation .accordion-heading:hover, .navigation .accordion-body .option.fabric .image-wrapper, .navigation .accordion-body .option.fabric .image-wrapper:hover, .navigation .accordion-body .option.color .image-wrapper, .navigation .accordion-body .option.color .image-wrapper:hover {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease; }
  @media (max-width: 992px) {
    .animate-hover, a, .navigation .accordion-heading, .navigation .accordion-heading:hover, .navigation .accordion-body .option.fabric .image-wrapper, .navigation .accordion-body .option.fabric .image-wrapper:hover, .navigation .accordion-body .option.color .image-wrapper, .navigation .accordion-body .option.color .image-wrapper:hover {
      -webkit-transition: all 0s ease;
      -moz-transition: all 0s ease;
      transition: all 0s ease; } }

.no-animate {
  -webkit-transition: all 0s ease !important;
  -moz-transition: all 0s ease !important;
  transition: all 0s ease !important; }

.bounce {
  -webkit-animation: bounce 5s infinite;
  animation: bounce 5s infinite; }

@-webkit-keyframes bounce {
  0%, 50%, 100% {
    -webkit-transform: translateY(0); }
  25%, 75% {
    -webkit-transform: translateY(-30px); } }
@-moz-keyframes bounce {
  0%, 50%, 100% {
    -moz-transform: translateY(0); }
  25%, 75% {
    -moz-transform: translateY(-30px); } }
@keyframes bounce {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25%, 75% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); } }
.vertical-align {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }
  .vertical-align > * {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    @media (max-width: 992px) {
      .vertical-align > * {
        top: 0;
        transform: none; } }
    @media (max-height: 720px) {
      .vertical-align > * {
        top: 0;
        transform: none; } }

.no-gutter {
  padding-left: 0;
  padding-right: 0; }

.no-gutter-left {
  padding-left: 0; }

.no-gutter-right {
  padding-right: 0; }

.hide {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important; }

.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s; }

.animated.hinge {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-o-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px); } }
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px); } }
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-20px); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px); } }
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px); } }
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(20px); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(20px); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px); } }
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px); } }
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-20px); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px); } }
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px); } }
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(20px); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(20px); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@font-face {
  font-family: 'ui';
  src: url("../media/fonts/ui.eot");
  src: url("../media/fonts/ui.eot?#iefix") format("embedded-opentype"), url("../media/fonts/ui.ttf") format("truetype"), url("../media/fonts/ui.woff") format("woff"), url("../media/fonts/ui.svg?7o9lzr#ui") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="uf-"], [class*=" uf-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ui' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.uf-button:before {
  content: "\e936"; }

.uf-thread:before {
  content: "\e937"; }

.uf-india:before {
  content: "\e92f"; }

.uf-globe:before {
  content: "\e930"; }

.uf-leaf:before {
  content: "\e931"; }

.uf-pencil:before {
  content: "\e932"; }

.uf-delivery:before {
  content: "\e933"; }

.uf-play:before {
  content: "\e934"; }

.uf-straight-bottom-cut:before {
  content: "\e900"; }

.uf-classic-bottom-cut:before {
  content: "\e901"; }

.uf-modern_bottom-cut:before {
  content: "\e902"; }

.uf-side-pleats:before {
  content: "\e903"; }

.uf-daruf-pleats:before {
  content: "\e904"; }

.uf-no-pleats:before {
  content: "\e905"; }

.uf-box-pleats:before {
  content: "\e906"; }

.uf-outside-contrast-placket:before {
  content: "\e907"; }

.uf-inside-contrast-placket:before {
  content: "\e908"; }

.uf-both-contrast-placket:before {
  content: "\e909"; }

.uf-cosmopolitan-placket:before {
  content: "\e90a"; }

.uf-conclead-placket:before {
  content: "\e90b"; }

.uf-french-placket:before {
  content: "\e90c"; }

.uf-regular-placket:before {
  content: "\e90d"; }

.uf-both-pockets:before {
  content: "\e90e"; }

.uf-square-pocket:before {
  content: "\e90f"; }

.uf-rounded-pocket:before {
  content: "\e910"; }

.uf-angled-pocket:before {
  content: "\e911"; }

.uf-rollup-sleeve:before {
  content: "\e912"; }

.uf-full-sleeve:before {
  content: "\e913"; }

.uf-half-sleeve:before {
  content: "\e914"; }

.uf-full-cuff-contrast:before {
  content: "\e915"; }

.uf-inside-cuff-contrast:before {
  content: "\e916"; }

.uf-outside-cuff-contrast:before {
  content: "\e917"; }

.uf-double-barrel-cuff:before {
  content: "\e918"; }

.uf-french-cuff:before {
  content: "\e919"; }

.uf-milred-cuff:before {
  content: "\e91a"; }

.uf-jersey-cuff:before {
  content: "\e91b"; }

.uf-manhattan-cuff:before {
  content: "\e91c"; }

.uf-calvin-knot-collar:before {
  content: "\e91d"; }

.uf-band-collar:before {
  content: "\e91e"; }

.uf-wing-tip-collar:before {
  content: "\e91f"; }

.uf-modern-club-collar:before {
  content: "\e920"; }

.uf-dubious-double-collar:before {
  content: "\e921"; }

.uf-vintage-club-collar:before {
  content: "\e922"; }

.uf-rounded-club-collar:before {
  content: "\e923"; }

.uf-button-collar:before {
  content: "\e924"; }

.uf-extreme-cutaway-collar:before {
  content: "\e925"; }

.uf-corporate-cutaway-collar:before {
  content: "\e926"; }

.uf-straight-point-collar:before {
  content: "\e927"; }

.uf-double-band-collar:before {
  content: "\e928"; }

.uf-baxter-club-collar:before {
  content: "\e929"; }

.uf-full-contrast-collar:before {
  content: "\e92a"; }

.uf-bandpiping-contrast-collar:before {
  content: "\e92b"; }

.uf-inside-contrast-collar:before {
  content: "\e92c"; }

.uf-bobby-button-collar:before {
  content: "\e92d"; }

.uf-regular-collar:before {
  content: "\e92e"; }

.uf-fabric:before {
  content: "\e935"; }

.uf-button-down-collar:before {
  content: "\e939"; }

.uf-collar-2:before {
  content: "\e93a"; }

.uf-epaulette:before {
  content: "\e938"; }

.uf-elbow:before {
  content: "\e93b"; }

html, body {
  height: 100%; }

body {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  overflow: hidden;
  height: 100%;
  z-index: 0;
  position: static; }

.customization-ui {
  height: 100%; }

.wrapper {
  width: calc(100% - 610px);
  width: -webkit-calc(100% - 610px);
  width: -moz-calc(100% - 610px);
  height: 100%;
  float: right;
  position: relative; }
  @media (max-width: 992px) {
    .wrapper {
      width: 100vw;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      float: none;
      z-index: 0; } }
  .wrapper canvas {
    cursor: w-resize;
    float: right;
    width: 100%;
    height: 100%; }
    @media (max-width: 992px) {
      .wrapper canvas {
        cursor: default;
        z-index: 0;
        float: none;
        position: fixed;
        top: 0; } }

.navigation-links {
  background: rgba(0, 0, 0, 0.85);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 160px;
  padding: 0 30px;
  overflow: hidden; }
  @media (max-width: 992px) {
    .navigation-links {
      background: transparent;
      display: block;
      position: fixed;
      bottom: auto;
      top: 0;
      padding: 0;
      width: 100%;
      z-index: 1000;
      overflow-x: auto; } }
  .navigation-links ul {
    padding: 0;
    margin: 0;
    line-height: 0; }
    @media (max-width: 992px) {
      .navigation-links ul {
        width: 600px;
        text-align: center;
        margin: 0 auto; } }
    .navigation-links ul li {
      padding: 0;
      margin: 0;
      line-height: 0;
      list-style: none; }
      @media (max-width: 992px) {
        .navigation-links ul li {
          list-style: none;
          display: inline-block;
          text-align: center; } }
      .navigation-links ul li a {
        display: block;
        font-size: 13.5px;
        font-weight: 300;
        line-height: 20px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 1px;
        text-align: left;
        padding: 30px 10px 0;
        cursor: pointer;
        opacity: 0.5; }
        .navigation-links ul li a:hover {
          opacity: 0.75; }
        @media (max-width: 992px) {
          .navigation-links ul li a {
            background: rgba(0, 0, 0, 0.85);
            padding: 10px 15px;
            font-size: 11px;
            text-align: center; } }
        .navigation-links ul li a i {
          font-size: 20px;
          margin: 0 5px 0 0;
          vertical-align: middle;
          display: none; }
          @media (max-width: 992px) {
            .navigation-links ul li a i {
              display: none; } }
      .navigation-links ul li.active a {
        opacity: 1; }

.navigation {
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  left: 160px;
  top: 0;
  bottom: 0;
  width: 450px;
  overflow-y: auto;
  overflow-x: hidden; }
  @media (max-width: 992px) {
    .navigation {
      background-color: transparent;
      position: absolute;
      top: auto;
      left: 0;
      width: 100%;
      overflow-x: visible;
      overflow-y: visible;
      max-height: 100%;
      z-index: 1000; } }
  @media (max-width: 992px) {
    .navigation .navigation-wrapper {
      width: 500px;
      overflow-x: auto;
      overflow-y: visible;
      z-index: 1000; } }
  @media (max-width: 992px) {
    .navigation .navigation-wrapper.shirt {
      width: 416px; } }
  @media (max-width: 992px) {
    .navigation .navigation-wrapper.shoe {
      width: 415px; } }
  @media (max-width: 992px) {
    .navigation .navigation-wrapper.vase {
      width: 166px; } }
  @media (max-width: 992px) {
    .navigation .navigation-wrapper.sofa {
      width: 250px; } }
  @media (max-width: 992px) {
    .navigation .navigation-wrapper.tshirt {
      width: 166px; } }
  .navigation .navigation-wrapper.tshirt .accordion-body .option.fabric span {
    max-height: 100%; }
  .navigation .accordion-heading {
    background-color: rgba(255, 255, 255, 0.45);
    padding: 10px 20px 9px;
    cursor: pointer;
    color: #666;
    margin: 0 0 2px;
    clear: both; }
    @media (max-width: 992px) {
      .navigation .accordion-heading {
        margin: 0;
        width: 80px;
        display: inline-block;
        vertical-align: top;
        z-index: 1000; } }
    .navigation .accordion-heading:hover {
      background-color: rgba(255, 255, 255, 0.65); }
    .navigation .accordion-heading.active {
      background: #fff; }
      @media (max-width: 992px) {
        .navigation .accordion-heading.active {
          background-color: rgba(0, 0, 0, 0.65);
          color: #fff; } }
    .navigation .accordion-heading i {
      font-size: 20px; }
      .navigation .accordion-heading i.toggle {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 0 5px; }
    .navigation .accordion-heading .option-title {
      font-size: 12.5px;
      letter-spacing: 0.5px;
      display: inline-block;
      line-height: 20px;
      vertical-align: top;
      text-transform: uppercase;
      margin: 0 0 0 5px; }
      @media (max-width: 992px) {
        .navigation .accordion-heading .option-title {
          display: none; } }
    .navigation .accordion-heading .selected-option {
      display: inline-block;
      font-size: 12.5px;
      padding-left: 10px;
      line-height: 20px;
      vertical-align: top;
      color: #aaa;
      text-transform: uppercase;
      letter-spacing: 0.5px; }
      @media (max-width: 992px) {
        .navigation .accordion-heading .selected-option {
          display: none; } }
    .navigation .accordion-heading.sub-heading {
      background: rgba(255, 255, 255, 0.45);
      display: block;
      text-align: left;
      clear: both;
      font-size: 12px;
      font-weight: 400;
      line-height: 1em;
      text-transform: uppercase;
      color: #666;
      margin: 0 -15px; }
      @media (max-width: 992px) {
        .navigation .accordion-heading.sub-heading {
          margin: 0;
          display: block;
          width: 100%; } }
      @media (max-width: 992px) {
        .navigation .accordion-heading.sub-heading .option-title {
          display: inline-block; } }
      @media (max-width: 992px) {
        .navigation .accordion-heading.sub-heading .selected-option {
          display: inline-block; } }
  .navigation .accordion-body {
    padding: 0 12.5px; }
    @media (max-width: 992px) {
      .navigation .accordion-body {
        padding: 0;
        overflow-y: auto;
        width: 100vw;
        position: fixed;
        bottom: 42.5px;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 1000; } }
    .navigation .accordion-body.sub-body {
      padding: 0; }
      @media (max-width: 992px) {
        .navigation .accordion-body.sub-body {
          position: static;
          background-color: transparent; } }
    .navigation .accordion-body .toggle-collapse {
      cursor: pointer;
      position: absolute;
      top: 0;
      background-color: #eee;
      color: #777;
      display: inline-block;
      font-size: 20px;
      line-height: 1em;
      margin: 0 0 5px;
      min-width: 60px;
      padding: 15px 0;
      text-align: center;
      right: -60px; }
      @media (max-width: 992px) {
        .navigation .accordion-body .toggle-collapse {
          display: none; } }
      .navigation .accordion-body .toggle-collapse:hover {
        background-color: #ccc; }
    .navigation .accordion-body .option {
      cursor: pointer;
      color: rgba(0, 0, 0, 0.25);
      display: inline-block;
      font-size: 10px;
      letter-spacing: 0.5px;
      line-height: 1.5em;
      text-align: center;
      width: 33%;
      float: left;
      border: 2px solid transparent;
      text-decoration: none;
      text-transform: uppercase;
      padding: 12.5px 0; }
      .navigation .accordion-body .option:hover {
        color: rgba(0, 0, 0, 0.45); }
      .navigation .accordion-body .option.active {
        color: rgba(0, 0, 0, 0.65); }
      .navigation .accordion-body .option i {
        display: block;
        font-size: 50px;
        margin: 0 0 5px; }
      .navigation .accordion-body .option span {
        display: block;
        min-height: 32px; }
      .navigation .accordion-body .option.fabric:hover .image-wrapper {
        border-color: rgba(0, 0, 0, 0.45); }
      .navigation .accordion-body .option.fabric.active .image-wrapper {
        border-color: rgba(0, 0, 0, 0.65); }
      .navigation .accordion-body .option.fabric img {
        max-width: 100%; }
      .navigation .accordion-body .option.fabric .image-wrapper {
        display: block;
        max-height: 45px;
        overflow: hidden;
        margin: 0 auto 5px;
        border: 3px solid transparent;
        max-width: 98%; }
      .navigation .accordion-body .option.color:hover .image-wrapper {
        border-color: rgba(0, 0, 0, 0.45); }
      .navigation .accordion-body .option.color.active .image-wrapper {
        border-color: rgba(0, 0, 0, 0.65); }
      .navigation .accordion-body .option.color .image-wrapper {
        display: block;
        min-height: 45px;
        overflow: hidden;
        margin: 0 auto 5px;
        border: 3px solid transparent;
        max-width: 98%;
        background: repeating-linear-gradient(45deg, transparent, transparent 2px, #fff 2px, #fff 4px); }
        .navigation .accordion-body .option.color .image-wrapper.midnight {
          background-color: #000; }
        .navigation .accordion-body .option.color .image-wrapper.blanche {
          background-color: #fff;
          background: repeating-linear-gradient(45deg, transparent, transparent 2px, #efefef 2px, #efefef 4px); }
        .navigation .accordion-body .option.color .image-wrapper.cool-gray {
          background-color: #75787D; }
        .navigation .accordion-body .option.color .image-wrapper.blood {
          background-color: #f00; }
        .navigation .accordion-body .option.color .image-wrapper.vegan {
          background-color: #9f0; }
        .navigation .accordion-body .option.color .image-wrapper.oceanic {
          background-color: #00f; }
        .navigation .accordion-body .option.color .image-wrapper.dusk {
          background-color: #F4790F; }
        .navigation .accordion-body .option.color .image-wrapper.woody {
          background-color: #856F58; }
        .navigation .accordion-body .option.color .image-wrapper.bolt {
          background-color: #7a8ae8; }
        .navigation .accordion-body .option.color .image-wrapper.forest-green {
          background-color: #0e8706; }
        .navigation .accordion-body .option.color .image-wrapper.vanilla {
          background-color: #FCF9F0; }
        .navigation .accordion-body .option.color .image-wrapper.blueberry {
          background-color: #4f86f7; }
        .navigation .accordion-body .option.color .image-wrapper.butter-scotch {
          background-color: #ffcb85; }
        .navigation .accordion-body .option.color .image-wrapper.lemon {
          background-color: #EBD574; }
        .navigation .accordion-body .option.color .image-wrapper.mint {
          background-color: #84C567; }
        .navigation .accordion-body .option.color .image-wrapper.strawberry {
          background-color: #ff578b; }
        .navigation .accordion-body .option.color .image-wrapper.chocolate {
          background-color: #6b3e26; }
        .navigation .accordion-body .option.color .image-wrapper.dark-grey {
          background-color: #545559; }
        .navigation .accordion-body .option.color .image-wrapper.wolf-grey {
          background-color: #f7f7f7; }
        .navigation .accordion-body .option.color .image-wrapper.soar {
          background-color: #00469c; }
        .navigation .accordion-body .option.color .image-wrapper.university-red {
          background-color: #9f191f; }
        .navigation .accordion-body .option.color .image-wrapper.rio-teal {
          background-color: #066e73; }
        .navigation .accordion-body .option.color .image-wrapper.orange-blaze {
          background-color: #eb5926; }
        .navigation .accordion-body .option.color .image-wrapper.pine-green {
          background-color: #13683e; }
        .navigation .accordion-body .option.color .image-wrapper.university-blue {
          background-color: #6e9ad9; }
        .navigation .accordion-body .option.color .image-wrapper.obsidian {
          background-color: #0c1c33; }
        .navigation .accordion-body .option.color .image-wrapper.game-royal {
          background-color: #1d3e8d; }
        .navigation .accordion-body .option.color .image-wrapper.court-purple {
          background-color: #472e81; }
        .navigation .accordion-body .option.color .image-wrapper.tame-red {
          background-color: #c42126; }
        .navigation .accordion-body .option.color .image-wrapper.university-gold {
          background-color: #f0a82f; }
        .navigation .accordion-body .option.color .image-wrapper.volt {
          background-color: #d9fd17; }
        .navigation .accordion-body .option.color .image-wrapper.bright-crimson {
          background-color: #ec3c3c; }
        .navigation .accordion-body .option.color .image-wrapper.team-crimson {
          background-color: #8e1e2b; }
        .navigation .accordion-body .option.color .image-wrapper.apple-green {
          background-color: #578f4c; }
        .navigation .accordion-body .option.color .image-wrapper.photo-blue {
          background-color: #0678c0; }
        .navigation .accordion-body .option.color .image-wrapper.solar-red {
          background-color: #ff2950; }
        .navigation .accordion-body .option.color .image-wrapper.vivid-pink {
          background-color: #eb237f; }
        .navigation .accordion-body .option.color .image-wrapper.midnight-navy {
          background-color: #2f3a52; }
        .navigation .accordion-body .option.color .image-wrapper.silver {
          background-color: #C0C0C0; }
        .navigation .accordion-body .option.color .image-wrapper.gold {
          background-color: #f0c816; }

.dark .navigation {
  background-color: rgba(0, 0, 0, 0.025); }
  @media (max-width: 992px) {
    .dark .navigation {
      background-color: transparent; } }
  .dark .navigation .accordion-heading {
    background-color: rgba(0, 0, 0, 0.05); }

.settings {
  position: absolute;
  left: 630px;
  top: 20px;
  z-index: 1000; }
  @media (max-width: 992px) {
    .settings {
      left: 0;
      bottom: 55px;
      text-align: center;
      top: auto;
      margin: 0;
      width: 100%; } }
  .settings ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .settings ul li {
      display: inline; }
      .settings ul li a {
        color: #fff;
        opacity: 0.5;
        cursor: pointer;
        font-size: 20px;
        line-height: 1.65em;
        padding: 0 5px; }
        .settings ul li a:hover {
          opacity: 0.85; }

.dark .settings ul li a {
  color: #aaa; }

.customization-ui.dark {
  background: #fff !important;
  background: -webkit-linear-gradient(left top, #fff, #efefef) !important;
  background: -o-linear-gradient(bottom right, #fff, #efefef) !important;
  background: -moz-linear-gradient(bottom right, #fff, #efefef) !important;
  background: linear-gradient(to bottom right, #fff, #efefef) !important; }

.render-stats {
  position: fixed;
  right: 103px;
  top: 5px; }
  @media (max-width: 992px) {
    .render-stats {
      top: 45px; } }

.renderer-stats {
  position: fixed;
  right: 5px;
  top: 5px; }
  @media (max-width: 992px) {
    .renderer-stats {
      top: 45px; } }

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