.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}
@charset 'UTF-8';
@charset 'UTF-8'; 
  #wrapper {
    margin-bottom: 10.66664rem; }
    @media screen and (max-width: 667px) {
      #wrapper {
        margin-left: 0%;
        margin-right: 0%;
        width: 91.66667%;
        margin-left: 4.16667%;   }
}
      @media screen and (min-width: 668px) and (max-width: 1000px) {
        #wrapper {
          margin-left: 0%;
          margin-right: 0%;
          width: 87.5%;
          margin-left: 4.16667%;   }
}
        @media screen and (min-width: 1001px) {
          #wrapper {
            margin-left: 0%;
            margin-right: 0%;
            width: 89.58333%;
            margin-left: 4.16667%;   }
}

  @media screen and (max-width: 667px) {
    .folio-header {
      margin-left: 0%;
      margin-right: 0%;
      width: 91.66667%;
      margin-left: 4.16667%;   }
}
    @media screen and (min-width: 668px) {
      .folio-header {
        margin-left: 0%;
        margin-right: 0%;
        width: 89.58333%;
        margin-left: 4.16667%;   }
}
      .folio-header a {
        border: 0; }
        .folio-header .collection-overlay {
          position: fixed;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          z-index: 1001;
          display: none; }
          .collection-visible .folio-header .collection-overlay {
            display: block; }
  .folio-header .folio-project-tools {
    position: relative;
    z-index: 1002;
    margin-top: 1.33333rem;
    letter-spacing: -0.5em;
    text-rendering: optimizespeed;
    *word-spacing: -0.43em;
    border-radius: 4px; }
    .folio-header .folio-project-tools > * {
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      text-rendering: auto;
      word-spacing: normal; }
      .folio-header .folio-project-tools .collection-wrapper {
        position: relative;
        display: block;
        padding-right: 1.5em;
        cursor: pointer; }
        .folio-header .folio-project-tools .collection-wrapper::after {
          content: '▼';
          position: absolute;
          right: 0px;
          top: 0.7em;
          font-size: 0.6rem;
          line-height: 1em;
          font-family: arial, helvetica; }
          .folio-header .folio-project-tools .collection-wrapper .collection-target {
            position: absolute;
            top: 2.5em;
            left: 0;
            z-index: 1002;
            background: #ececec;
            width: auto;
            opacity: 0;
            pointer-events: none;
            -moz-transition: opacity 400ms;
            -webkit-transition: opacity 400ms;
            transition: opacity 400ms;
            padding: 1.33333rem; }
            .folio-header .folio-project-tools .collection-wrapper .collection-target ul {
              list-style: none;
              margin: 0;
              padding: 0;
              white-space: nowrap; }
              .folio-header .folio-project-tools .collection-wrapper .collection-target ul a {
                display: inline-block;
                padding-top: 2px;
                border-bottom: 1px solid transparent; }
                .no-touchevents .folio-header .folio-project-tools .collection-wrapper .collection-target ul a:hover {
                  border-bottom-color: #1d1d1b; }
            @media screen and (max-width: 667px) {
              .folio-header .folio-project-tools .collection-wrapper .collection-target ul a {
                padding: 0.13333rem 4px;   }
}
            @media screen and (min-width: 668px) {
              .folio-header .folio-project-tools .collection-wrapper .collection-target {
                left: -1.33333rem;   }
}
        .collection-visible .folio-header .folio-project-tools .collection-wrapper .collection-target {
          opacity: 1;
          pointer-events: all; }
    @media screen and (max-width: 667px) {
      .folio-header .folio-project-tools > * {
        margin-right: 1rem;   }
        .folio-header .folio-project-tools .duplicate-collection {
          display: none;   }
          .folio-header .folio-project-tools .request-quote {
            display: none;   }
}
    @media screen and (min-width: 668px) {
      .folio-header .folio-project-tools {
        background: #ececec;
        margin-left: 0%;
        margin-right: 0%;
        width: 83.72093%;   }
        .folio-header .folio-project-tools > * {
          padding: 1rem 1.33333rem;   }
}
  .folio-header .project-title {
    color: #1d1d1b;
    font-weight: 900; }
    @media screen and (max-width: 667px) {
      .folio-header .project-title {
        font-size: 2.28571rem;
        line-height: 0.96;
        margin: 1.33333rem 0;   }
}
      @media screen and (min-width: 668px) {
        .folio-header .project-title {
          font-size: 6.42857rem;
          line-height: 0.96;
          margin: 2.66666rem 0;   }
}
        .folio-header .project-title input[type='text'] {
          border: 0;
          padding: 0;
          margin: 0;
          background-color: transparent;
          color: #1d1d1b;
          line-height: 1em;
          font-family: neo-display-web;
          border-bottom: 1px solid transparent; }
          .no-touchevents .folio-header .project-title input[type='text']:hover {
            border-color: #1d1d1b; }
  .folio-header .share-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    display: none; }
    .share-visible .folio-header .share-overlay {
      display: block; }
  .folio-header .current-project-tools {
    letter-spacing: -0.5em;
    text-rendering: optimizespeed;
    *word-spacing: -0.43em;
    margin-bottom: 1.33333rem;
    position: relative;
    z-index: 1000; }
    .folio-header .current-project-tools .author-label {
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      text-rendering: auto;
      word-spacing: normal; }
      .folio-header .current-project-tools .author-label strong {
        font-weight: normal; }
        @media screen and (max-width: 667px) {
          .folio-header .current-project-tools .author-label {
            margin-left: 0%;
            margin-right: 0%;
            width: 58.13953%;
            margin-bottom: 1.33333rem;   }
            .folio-header .current-project-tools .author-label strong {
              display: block;   }
}
      @media screen and (min-width: 668px) {
        .folio-header .current-project-tools .author-label {
          margin-left: 0%;
          margin-right: 0%;
          width: 32.55814%;   }
}
    .folio-header .current-project-tools .product-count {
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      text-rendering: auto;
      word-spacing: normal; }
      @media screen and (max-width: 667px) {
        .folio-header .current-project-tools .product-count {
          margin-left: 0%;
          margin-right: 0%;
          width: 37.2093%;   }
}
        @media screen and (min-width: 668px) {
          .folio-header .current-project-tools .product-count {
            margin-left: 0%;
            margin-right: 0%;
            width: 32.55814%;   }
}
    .folio-header .current-project-tools .share-wrapper {
      position: relative;
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      text-rendering: auto;
      word-spacing: normal;
      padding-right: 1.5em;
      cursor: pointer; }
      .folio-header .current-project-tools .share-wrapper .share-target {
        position: absolute;
        top: 2.6em;
        left: 0;
        background: #1d1d1b;
        width: auto;
        opacity: 0;
        pointer-events: none;
        -moz-transition: opacity 400ms;
        -webkit-transition: opacity 400ms;
        transition: opacity 400ms;
        padding: 1.33333rem;
        list-style: none;
        margin: 0;
        white-space: nowrap;
        min-width: 300px; }
        @media screen and (min-width: 1601px) {
          .folio-header .current-project-tools .share-wrapper .share-target {
            top: 2.8em;   }
}
          .folio-header .current-project-tools .share-wrapper .share-target a {
            display: inline-block;
            color: #fff;
            border-bottom: 1px solid transparent; }
            .no-touchevents .folio-header .current-project-tools .share-wrapper .share-target a:hover {
              border-bottom-color: #fff; }
        .folio-header .current-project-tools .share-wrapper .share-target label {
          display: block;
          margin-top: 0.66666rem; }
          .folio-header .current-project-tools .share-wrapper .share-target input {
            border-color: #fff;
            color: #fff; }
            .folio-header .current-project-tools .share-wrapper .share-target .share-url {
              color: #fff; }
      .share-visible .folio-header .current-project-tools .share-wrapper .share-target {
        opacity: 1;
        pointer-events: all; }
        @media screen and (max-width: 667px) {
          .folio-header .current-project-tools .share-wrapper {
            margin-left: 0%;
            margin-right: 0%;
            width: 58.13953%;   }
}
          @media screen and (min-width: 668px) {
            .folio-header .current-project-tools .share-wrapper {
              margin-left: 0%;
              margin-right: 0%;
              width: 13.95349%;   }
              .folio-header .current-project-tools .share-wrapper .share-target {
                left: -1.33333rem;   }
}
    .folio-header .current-project-tools .delete-collection {
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      text-rendering: auto;
      word-spacing: normal; }
      @media screen and (max-width: 667px) {
        .folio-header .current-project-tools .delete-collection {
          margin-left: 0%;
          margin-right: 0%;
          width: 37.2093%;   }
}
        @media screen and (min-width: 668px) {
          .folio-header .current-project-tools .delete-collection {
            margin-left: 0%;
            margin-right: 0%;
            width: 13.95349%;   }
}

  section.request {
    margin: 50px 0; }
    section.request form {
      zoom: 1; }
      section.request form::after {
        visibility: hidden;
        content: '';
        display: table;
        clear: both;
        height: 0; }
        section.request form table {
          width: 100%;
          border-bottom: 2px solid #1d1d1b; }
          section.request form table thead {
            text-align: left; }
            section.request form table tbody tr {
              border-top: 1px solid #1d1d1b; }
              section.request form table tbody tr td {
                padding: 15px 0; }
                section.request form table tbody tr td.detail {
                  width: 12%;
                  display: table-cell;
                  float: none; }
                  section.request form table tbody tr td.detail > {
                    display: inline-block; }
                section.request form table tbody tr td.title {
                  width: 68%;
                  padding-left: 15px; }
                  section.request form table tbody tr td.title p {
                    margin: 0; }
                section.request form table tbody tr td.qty {
                  width: 20%;
                  display: table-cell;
                  float: none;
                  vertical-align: middle;
                  text-align: right; }
                  section.request form table tbody tr td.qty input {
                    width: 65px;
                    margin: 1em 0; }
                    section.request form table tbody tr td.qty .errorlist {
                      list-style-type: none;
                      margin: 0;
                      padding: 0;
                      color: #de0000; }
    section.request div.fields {
      margin-top: 15px;
      padding-bottom: 20px;
      zoom: 1; }
      section.request div.fields::after {
        visibility: hidden;
        content: '';
        display: table;
        clear: both;
        height: 0; }
        @media screen and (min-width: 1001px) {
          section.request div.fields {
            width: 40%;
            margin-left: 60%;   }
}
          section.request div.fields p {
            padding: 10px 0;
            font-size: 110%;
            margin: 0; }
            section.request div.fields .field {
              float: left;
              width: 50%;
              padding-left: 15px; }
              section.request div.fields .field:nth-last-child(2) {
                width: 100%; }
                section.request div.fields .field label, section.request div.fields .field input {
                  display: block; }
                  section.request div.fields .field input {
                    padding: 10px;
                    line-height: 20px;
                    width: 100%; }
                    section.request div.fields .field textarea {
                      width: 100%;
                      display: block;
                      padding: 10px;
                      border: 1px solid #000;
                      outline: 0; }
      section.request div.fields .submit-p {
        clear: both; }
        section.request div.fields .has-errors {
          color: #de0000; }
          section.request div.fields .has-errors input {
            border-color: #de0000;
            color: #000; }
      section.request div.fields .errorlist {
        list-style-type: none;
        margin: 0;
        padding: 0;
        color: #de0000; }
        section.request div.fields p input.submit {
          background: #1d1d1b;
          color: #fff;
          border: 0;
          padding: 12px 30px 14px;
          line-height: 1em;
          border-radius: 4px;
          font-weight: 800;
          font-size: 1rem; }

  section.group {
    position: relative;
    margin-left: 0%;
    margin-right: 0%;
    width: 102.32558%;
    letter-spacing: -0.5em;
    text-rendering: optimizespeed;
    *word-spacing: -0.43em; }
    section.group .delete-group {
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      text-rendering: auto;
      word-spacing: normal;
      position: absolute;
      top: 0;
      right: 2.08333%;
      color: #aaa;
      display: none; }
      .no-touchevents section.group .delete-group:hover {
        color: #de0000; }
    .no-touchevents section.group:hover .delete-group {
      display: block; }
      section.group > h1 {
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
        text-rendering: auto;
        word-spacing: normal;
        width: 100%;
        margin-top: 2.66666rem;
        font-weight: 900;
        line-height: 1.2em;
        color: #1d1d1b; }
        section.group > h1 input {
          border: 0;
          border-bottom: 1px solid #1d1d1b !important;
          padding: 0;
          font-family: neo-display-web;
          line-height: 1.2em; }
          section.group > h1 button {
            font-size: 1.14286rem;
            line-height: 1.33333; }
            @media screen and (max-width: 667px) {
              section.group > h1 {
                font-size: 2.28571rem;
                line-height: 0.96;   }
}
              @media screen and (min-width: 668px) {
                section.group > h1 {
                  font-size: 3.42857rem;
                  line-height: 0.96;   }
}
    section.group article {
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      text-rendering: auto;
      word-spacing: normal;
      display: inline-block !important;
      vertical-align: top; }
      @media screen and (max-width: 667px) {
        section.group article {
          margin-left: 0%;
          margin-right: 0%;
          width: 47.72727%;
          margin-right: 2.27273%;   }
}
        @media screen and (min-width: 668px) {
          section.group article {
            margin-left: 0%;
            margin-right: 0%;
            width: 22.72727%;
            margin-right: 2.27273%;   }
}
          section.group article h1 {
            font-family: helvetica-neue-web, arial, helvetica;
            font-size: 1rem;
            line-height: 1.33333;
            font-weight: 500;
            margin: 0;
            margin-bottom: 0.66666rem;
            padding-bottom: 0.66666rem;
            border-bottom: 1px solid #1d1d1b;
            color: #1d1d1b;
            min-height: 3.33332rem; }
            section.group article h1 .sub-title {
              display: block; }
      section.group article .lightbox-link {
        position: relative;
        display: block;
        border: 0;
        margin-bottom: 1.33333rem; }
        section.group article .lightbox-link .thumb {
          margin-bottom: 1rem;
          padding-top: 100%;
          position: relative;
          background: #fff; }
          section.group article .lightbox-link .thumb .image {
            position: absolute;
            padding: 0 !important;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            height: auto;
            text-align: center; }
            section.group article .lightbox-link .thumb .image::before {
              display: -moz-inline-stack;
              display: inline-block;
              zoom: 1;
              vertical-align: top;
              content: '';
              height: 100%;
              vertical-align: middle; }
              section.group article .lightbox-link .thumb .image > * {
                display: -moz-inline-stack;
                display: inline-block;
                zoom: 1;
                vertical-align: top;
                vertical-align: middle; }
                section.group article .lightbox-link .thumb .image img {
                  max-width: 95%;
                  max-height: 95%;
                  width: auto;
                  height: auto;
                  vertical-align: middle;
                  position: relative; }
        section.group article .lightbox-link .upload {
          padding-top: 100% !important; }
          section.group article .lightbox-link .upload .image {
            padding-top: 0 !important;
            height: 100% !important;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: #fff;
            text-align: center; }
        section.group article .lightbox-link .zoom {
          display: block;
          position: absolute;
          bottom: 5px;
          right: 5px;
          width: 40px;
          height: 40px;
          font-size: 16px;
          line-height: 40px;
          text-align: center;
          color: #fff;
          opacity: 0;
          background-image: url('../i/zoom-gray.svg');
          background-repeat: no-repeat;
          background-position: center;
          background-size: 60%;
          background-color: #f7f7f7;
          -moz-transition: opacity 0.2s ease;
          -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease; }
          .no-touchevents section.group article .lightbox-link:hover .zoom {
            opacity: 1; }
            section.group article .lightbox-link .choose-image {
              display: none;
              position: absolute;
              top: 5px;
              left: 5px; }
              section.group article .lightbox-link .choose-image label {
                cursor: pointer;
                font-size: 0.85714rem;
                line-height: 1.4;
                color: #aaaaaa;
                padding: 7px;
                background: #f7f7f7;
                display: block; }
                .no-touchevents section.group article .lightbox-link .choose-image label:hover {
                  background: #aaaaaa;
                  color: #fff; }
              section.group article .lightbox-link .choose-image ol {
                display: none; }
        .no-touchevents section.group article .lightbox-link:hover .choose-image {
          display: block; }
      section.group article .not-image {
        display: block;
        overflow: hidden;
        color: transparent;
        text-align: center;
        padding-top: 100% !important;
        height: 0% !important;
        position: relative; }
        section.group article .not-image:before {
          content: '';
          background: #f7f7f7;
          position: absolute;
          top: 0;
          bottom: 1.33333rem;
          left: 0;
          right: 0; }
      section.group article .info {
        margin-bottom: 1.33333rem;
        font-size: 0.85714rem;
        line-height: 1.4; }
        section.group article .info .item-link {
          color: #1d1d1b;
          display: inline-block;
          border-bottom: 1px solid transparent; }
          .no-touchevents section.group article .info .item-link:hover {
            border-color: #1d1d1b; }
        section.group article .info .action .label, section.group article .info .action a {
          cursor: pointer;
          color: #aaaaaa;
          border-bottom: 1px solid transparent; }
          .no-touchevents section.group article .info .action .label:hover,
          .no-touchevents section.group article .info .action a:hover {
            border-color: #aaaaaa; }
        .no-touchevents section.group article .info .action .remove-link:hover,
        .no-touchevents section.group article .info .action .edit-link:hover {
          color: #de0000;
          border-color: #de0000; }
      .no-touchevents section.group article .info {
        opacity: 0;
        -moz-transition: opacity 0.2s ease;
        -webkit-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease; }
        .no-touchevents section.group article:hover .info {
          opacity: 1; }

  .group-placeholder {
    border: 2px dashed #999;
    height: 100px;
    margin-top: 40px;
    margin-bottom: 40px; }

    .item-placeholder {
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      text-rendering: auto;
      word-spacing: normal;
      vertical-align: top;
      margin-left: 0%;
      margin-right: 0%;
      width: 22.72727%;
      margin-right: 2.27273%;
      margin: 0 0; }

      .item-placeholder:before {
        content: " ";
        display: block;
        margin: 5px;
        height: 400px;
        border: 2px dashed #999; }

        .reference-gallery {
          margin: 1.33333rem 0; }
          .reference-gallery .image-gallery {
            margin-bottom: 1.33333rem; }
            .reference-gallery .image-gallery .carousel-cell img {
              display: block;
              height: 100%; }
            @media screen and (max-width: 667px) {
              .reference-gallery .image-gallery .carousel-cell {
                height: 300px;   }
                .reference-gallery .image-gallery .flickity-prev-next-button {
                  display: none;   }
}
            @media screen and (min-width: 668px) {
              .reference-gallery .image-gallery {
                margin-left: 0%;
                margin-right: 0%;
                width: 111.62791%;
                margin-left: -4.65116%;   }
                .reference-gallery .image-gallery .carousel-cell {
                  height: 600px;   }
                  .reference-gallery .image-gallery .flickity-prev-next-button {
                    background: #1d1d1b;
                    box-shadow: none !important;
                    top: auto;
                    bottom: 1.33333rem;
                    -moz-transition: opacity 300ms;
                    -webkit-transition: opacity 300ms;
                    transition: opacity 300ms;
                    opacity: 1;
                    pointer-events: all;   }
                    .reference-gallery .image-gallery .flickity-prev-next-button.next {
                      right: calc(4.16667% + 1.33333rem);   }
                      .reference-gallery .image-gallery .flickity-prev-next-button.previous {
                        left: 1.33333rem;   }
                        .reference-gallery .image-gallery .flickity-prev-next-button:disabled {
                          opacity: 0;
                          pointer-events: none;   }
                          .reference-gallery .image-gallery .flickity-prev-next-button svg {
                            width: 50%;
                            left: 25%;   }
                            .reference-gallery .image-gallery .flickity-prev-next-button .arrow {
                              fill: #fff;   }
}
          @media screen and (max-width: 667px) {
            .reference-gallery footer .reference {
              display: none;   }
}
          @media screen and (min-width: 668px) {
            .reference-gallery footer {
              letter-spacing: -0.5em;
              text-rendering: optimizespeed;
              *word-spacing: -0.43em;   }
              .reference-gallery footer #file-uploader {
                display: inline-block;
                vertical-align: top;
                letter-spacing: normal;
                text-rendering: auto;
                word-spacing: normal;
                margin-left: 0%;
                margin-right: 0%;
                width: 50%;
                vertical-align: middle;   }
                .reference-gallery footer .reference {
                  display: inline-block;
                  vertical-align: top;
                  letter-spacing: normal;
                  text-rendering: auto;
                  word-spacing: normal;
                  margin-left: 0%;
                  margin-right: 0%;
                  width: 50%;
                  text-align: right;
                  vertical-align: middle;   }
}

  .add-product-to-collection {
    margin-top: 1.33333rem;
    margin-bottom: 1.33333rem;
    background: #fff;
    border-radius: 4px;
    letter-spacing: -0.5em;
    text-rendering: optimizespeed;
    *word-spacing: -0.43em; }
    @media screen and (max-width: 667px) {
      .add-product-to-collection > h2 {
        display: none;   }
}
      @media screen and (min-width: 668px) {
        .add-product-to-collection > h2 {
          display: inline-block;
          vertical-align: top;
          letter-spacing: normal;
          text-rendering: auto;
          word-spacing: normal;
          vertical-align: middle;
          font-size: 1em;
          font-weight: 500;
          margin: 0;
          margin-left: 0%;
          margin-right: 0%;
          width: 18.60465%;
          padding: 1rem 1.33333rem;   }
}
    .add-product-to-collection form {
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      text-rendering: auto;
      word-spacing: normal;
      vertical-align: middle;
      background: transparent;
      position: relative; }
      @media screen and (max-width: 667px) {
        .add-product-to-collection form {
          width: 100%;   }
}
        @media screen and (min-width: 668px) {
          .add-product-to-collection form {
            margin-left: 0%;
            margin-right: 0%;
            width: 81.39535%;   }
}
          .add-product-to-collection form .states {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 100px;
            padding: 1rem 1.33333rem;
            line-height: 1rem;
            overflow: hidden;
            z-index: 100; }
            .add-product-to-collection form .clear-products {
              position: absolute;
              top: 100%;
              left: 0;
              right: 0;
              border: 0;
              -moz-transition: top 400ms;
              -webkit-transition: top 400ms;
              transition: top 400ms;
              padding: 1rem 1.33333rem;
              line-height: 1rem; }
              .add-product-to-collection form label {
                -moz-transition: top 400ms;
                -webkit-transition: top 400ms;
                transition: top 400ms;
                position: absolute;
                top: 0;
                left: 0;
                padding: 1rem 1.33333rem;
                line-height: 1rem; }
                .add-product-to-collection form.search-results-visible label {
                  top: -100%; }
                  .add-product-to-collection form.search-results-visible .clear-products {
                    top: 0; }
      .add-product-to-collection form input {
        padding: 0;
        padding: 1rem 1.33333rem;
        padding-left: 6em;
        border: 0;
        line-height: 1rem; }
    .add-product-to-collection .results {
      z-index: 100;
      display: none;
      position: absolute;
      top: 100%;
      left: 5em;
      right: 0;
      padding: 1em;
      border-radius: 0 0 4px 4px;
      background: #fff;
      border-top: 1px solid #fcfcfc;
      color: #1d1d1b; }
      .add-product-to-collection .results ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .add-product-to-collection .results li a {
          position: relative;
          display: inline-block;
          border-bottom: 1px solid transparent;
          padding-top: 2px; }
          .no-touchevents .add-product-to-collection .results li a:hover {
            border-bottom: 1px solid #1d1d1b; }
      .add-product-to-collection .results li a img {
        position: absolute;
        z-index: 10;
        width: 150px;
        height: 150px;
        top: 1px;
        margin-top: -1rem;
        border: 1px solid #fcfcfc;
        margin-right: 1em;
        right: 100%; }
    .add-product-to-collection .loader {
      z-index: 99;
      display: none;
      position: absolute;
      top: 100%;
      left: 5em;
      right: 0;
      padding: 1rem 1em;
      border-radius: 0 0 4px 4px;
      background: #fff;
      border-top: 1px solid #fcfcfc;
      color: #1d1d1b; }

  #file-uploader .qq-upload-button {
    position: relative;
    background: #fff;
    padding: 1rem 1.33333rem;
    color: #1d1d1b;
    border: 0;
    font-family: helvetica-neue-web, arial, helvetica;
    opacity: 1; }
    .no-touchevents #file-uploader .qq-upload-button:hover {
      opacity: 0.8; }
      @media screen and (max-width: 667px) {
        #file-uploader .qq-upload-button {
          width: 100%;   }
}
        @media screen and (min-width: 668px) {
          #file-uploader .qq-upload-button {
            display: inline-block;
            width: auto;   }
}
  #file-uploader .qq-upload-list {
    position: absolute;
    top: 0;
    left: 0;
    background: #f3f3f3;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 1rem 1.33333rem;
    pointer-events: none;
    list-style: none;
    color: #1d1d1b; }
    #file-uploader .qq-upload-list li {
      font-size: 1em; }

  .blocker {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    background: #fff;
    z-index: 10001; }
    .blocker .gallery {
      width: 960px;
      margin: 0 auto;
      padding-top: 65px;
      padding-bottom: 65px; }

  .inline-form {
    display: none;
    zoom: 1; }
    .inline-form::after {
      visibility: hidden;
      content: '';
      display: table;
      clear: both;
      height: 0; }
      .inline-form textarea, .inline-form input {
        display: block;
        width: 100%; }
        .inline-form button {
          border: none;
          background: transparent;
          padding: 5px 0 0 0;
          font-family: helvetica-neue-web, arial, helvetica; }
          .inline-form button.submit {
            float: left;
            text-align: left; }
            .inline-form button.cancel {
              float: right;
              text-align: right;
              color: #aaaaaa; }
              .no-touchevents .inline-form button:hover,
              .no-touchevents .inline-form button.submit:hover,
              .no-touchevents .inline-form button.cancel:hover {
                color: #1d1d1b; }
                .no-touchevents .inline-form button.cancel:hover {
                  color: #de0000; }
    .inline-form textarea {
      width: 100%;
      height: 6em;
      padding: 5px;
      font-size: inherit;
      color: inherit; }

  .instructions {
    position: relative;
    height: 400px;
    margin-top: 20px; }
    .instructions h1 {
      text-align: center;
      padding-top: 200px;
      margin: 0;
      font-size: 250%;
      color: #fff; }

  .add-group a {
    padding: 1rem 1.33333rem;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    border: 0;
    opacity: 1; }
    .no-touchevents .add-group a:hover {
      opacity: 0.8; }
      @media screen and (max-width: 667px) {
        .add-group a {
          display: block;   }
}
        @media screen and (min-width: 668px) {
          .add-group a {
            display: inline-block;
            margin-left: 0%;
            margin-right: 0%;
            width: 23.25581%;   }
}

  section.gallery {
    position: relative;
    color: #1d1d1b; }
    section.gallery a {
      color: #1d1d1b; }
      .no-touchevents section.gallery a:hover {
        border-color: #1d1d1b; }
    section.gallery header {
      zoom: 1;
      position: relative;
      z-index: 1000; }
      section.gallery header::after {
        visibility: hidden;
        content: '';
        display: table;
        clear: both;
        height: 0; }
        section.gallery header h1, section.gallery header h2 {
          font-size: 1.5em;
          line-height: 1.3334;
          padding: 0;
          margin: 0 0 0.1em; }
          section.gallery header h1 {
            font-weight: 900; }
            @media screen and (min-width: 668px) {
              section.gallery header h1 {
                font-size: 3.57143rem;
                line-height: 0.96;   }
}
    section.gallery article {
      position: relative;
      z-index: 1000;
      margin-bottom: 1.33333rem; }
      section.gallery article .comments {
        margin-top: 1.33333rem;
        max-width: 400px;
        font-size: 0.85714rem;
        line-height: 1.4; }
        section.gallery article .comments h1 {
          margin: 0;
          font-family: helvetica-neue-web, arial, helvetica;
          display: none; }
    section.gallery nav .next, section.gallery nav .previous {
      position: absolute;
      top: 50%;
      width: 50px;
      padding-top: 50px;
      margin-top: -25px;
      height: 0;
      overflow: hidden;
      background-size: contain;
      border: 0; }
      section.gallery nav .previous {
        left: -55px;
        background-image: url('../i/arrow-left-background-black.svg'); }
        section.gallery nav .next {
          right: -55px;
          background-image: url('../i/arrow-right-background-black.svg'); }
          section.gallery nav .close {
            position: absolute;
            top: 40px;
            right: 0;
            background-image: url('../i/x-black.svg');
            overflow: hidden;
            background-size: contain;
            width: 50px;
            padding-top: 48px;
            margin-top: -25px;
            height: 0;
            border: 0; }
    section.gallery ol {
      letter-spacing: -0.5em;
      text-rendering: optimizespeed;
      *word-spacing: -0.43em;
      list-style: none;
      padding: 0;
      text-align: center;
      margin-top: 1.33333rem; }
      section.gallery ol li {
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
        text-rendering: auto;
        word-spacing: normal;
        vertical-align: middle;
        margin: 0;
        padding: 0 4px; }
        section.gallery ol li img {
          max-width: 80px;
          max-height: 80px;
          cursor: pointer; }
          section.gallery ol li img.current, .no-touchevents section.gallery ol li img:hover {
            opacity: 0.6; }

  body > .modalmask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: 0.7;
    z-index: 30; }

    body > .modal {
      position: absolute;
      width: 700px;
      height: auto;
      left: 0;
      right: 0;
      margin: 0 auto;
      background: #1d1d1b;
      z-index: 40; }
      body > .modal .close {
        color: #fff;
        position: absolute;
        top: 10px;
        right: 10px;
        background: transparent;
        border: none; }
        body > .modal form {
          padding: 40px; }
          body > .modal .selection {
            position: relative;
            float: left;
            width: 105px;
            height: 105px;
            margin-right: 15px;
            margin-bottom: 15px; }
            body > .modal .selection input {
              position: absolute;
              right: 10px;
              bottom: 10px;
              z-index: 10; }
              body > .modal .selection label {
                display: block;
                border: 5px solid #fff; }
                body > .modal .selection img {
                  display: block;
                  width: 100%;
                  height: auto; }
                  body > .modal .selection input:checked + label {
                    border-color: #1d1d1b; }
      body > .modal form button {
        clear: both;
        display: block;
        margin-top: 40px;
        padding: 10px 15px;
        background: #fff;
        border-radius: 4px;
        border: none; }
        .no-touchevents body > .modal form button:hover {
          background: white; }