textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

.hide {
  display: none; }

html {
  box-sizing: border-box; }

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

.clearix {
  clear: both; }

body {
  background-color: #f9f9fb;
  font-family: 'Montserrat', sans-serif;
  font-size: 12pt;
  color: #2e2e2e; }

.alignright {
  text-align: right; }

#purchase_form {
  vertical-align: top; }
  #purchase_form .pform_field {
    display: none; }
  #purchase_form .green {
    border: 0px;
    font-weight: bold;
    font-size: 12pt;
    padding: 10px;
    font-family: 'Montserrat', sans-serif; }
    #purchase_form .green:hover {
      cursor: pointer; }
    @media screen and (max-width: 768px) {
      #purchase_form .green {
        background-color: #374827;
        font-size: 10pt;
        width: 49%;
        margin: 0px !important;
        padding: 10px;
        text-align: center;
        font-weight: bold;
        background-color: #445930;
        border-radius: 3pt; } }
.btn, .tutorial_btn, .share_form .contact-form .form-submit, .mhelp-panel .close-mhelp-panel {
  color: white;
  display: inline-block;
  font-size: 12pt;
  padding: 10px;
  line-height: 18pt;
  border-radius: 10pt;
  text-align: right;
  text-transform: uppercase;
  width: auto; }
  .btn.farright, .farright.tutorial_btn, .share_form .contact-form .farright.form-submit, .mhelp-panel .farright.close-mhelp-panel {
    margin-left: auto !important;
    display: inline-block; }
  .btn.right, .right.tutorial_btn, .share_form .contact-form .right.form-submit, .mhelp-panel .right.close-mhelp-panel {
    display: inline-block;
    width: 40%;
    text-align: center;
    margin: 0px 20px 0px auto;
    vertical-align: top; }
    .btn.right.last, .right.last.tutorial_btn, .share_form .contact-form .right.last.form-submit, .mhelp-panel .right.last.close-mhelp-panel {
      margin-right: 0px; }
  .btn.green, .green.tutorial_btn, .share_form .contact-form .green.form-submit, .mhelp-panel .green.close-mhelp-panel {
    background-color: #374827; }
    .btn.green:hover, .green.tutorial_btn:hover, .share_form .contact-form .green.form-submit:hover, .mhelp-panel .green.close-mhelp-panel:hover {
      background-color: #81a25b; }
  .btn.intro, .intro.tutorial_btn, .share_form .contact-form .intro.form-submit, .mhelp-panel .intro.close-mhelp-panel {
    margin-bottom: 30px; }
  .btn.grey, .grey.tutorial_btn, .share_form .contact-form .grey.form-submit, .mhelp-panel .grey.close-mhelp-panel {
    background-color: #eaeaf1;
    color: #2e2e2e; }
    .btn.grey:hover, .grey.tutorial_btn:hover, .share_form .contact-form .grey.form-submit:hover, .mhelp-panel .grey.close-mhelp-panel:hover {
      background-color: #81a25b;
      color: white; }

@media screen and (max-width: 768px) {
  .mobile-header {
    background-color: #374827;
    padding: 5px;
    position: fixed;
    width: 100%;
    z-index: 1000; }
    .mobile-header .farright {
      display: block;
      margin-left: auto !important;
      margin-right: 0px !important;
      background-color: #374827;
      font-size: 10pt;
      padding: 10px;
      text-align: center;
      font-weight: bold;
      background-color: #445930;
      border-radius: 3pt; } }

.appheader {
  background-color: white;
  padding: 15px 15px 10px 15px;
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
  @media screen and (max-width: 768px) {
    .appheader {
      padding-top: 60px; } }
  .appheader .logo {
    max-width: 100px;
    text-align: left;
    display: inline-block;
    vertical-align: top; }
    @media screen and (max-width: 768px) {
      .appheader .logo {
        display: block;
        margin: 10px auto; } }
  .appheader h1 {
    color: #374827;
    display: inline-block;
    margin-left: 15px;
    font-size: 20pt;
    line-height: 40pt; }
    @media screen and (max-width: 1200px) {
      .appheader h1 {
        font-size: 18pt; } }
    @media screen and (max-width: 992px) {
      .appheader h1 {
        font-size: 14pt; } }
    @media screen and (max-width: 768px) {
      .appheader h1 {
        margin: 0px auto;
        display: block;
        text-align: center; } }
  .appheader .buyorchange {
    text-align: right; }
    @media screen and (max-width: 768px) {
      .appheader .buyorchange {
        background-color: #374827;
        padding: 5px;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        z-index: 1010; } }
    @media screen and (max-width: 768px) {
      .appheader .buyorchange #change_product {
        background-color: #374827;
        font-size: 10pt;
        width: 49%;
        text-align: left;
        margin: 0px !important;
        padding: 10px;
        text-align: center;
        color: #81a25b;
        font-weight: bold;
        border-radius: 3pt; } }
    @media screen and (max-width: 768px) {
      .appheader .buyorchange #place_orderx {
        background-color: #374827;
        font-size: 10pt;
        width: 49%;
        margin: 0px !important;
        padding: 10px;
        text-align: center;
        font-weight: bold;
        background-color: #445930;
        border-radius: 3pt; } }
.control-bar {
  position: relative;
  padding: 20px 20px 10px 20px; }
  @media screen and (max-width: 768px) {
    .control-bar {
      border-bottom: 2px solid #dadae7; } }
  .control-bar .control-column {
    display: flex; }
  .control-bar .control-btn {
    border: 2px solid #374827;
    background-color: #81a25b;
    color: white;
    padding: 10px;
    font-size: 12pt;
    line-height: 22pt;
    font-weight: bold;
    width: 100%;
    height: 100%;
    border-radius: 10pt;
    text-transform: uppercase; }
    @media screen and (max-width: 768px) {
      .control-bar .control-btn {
        font-size: 10pt;
        padding: 10px;
        line-height: 15pt; } }
    .control-bar .control-btn i {
      margin-right: 5px; }
      @media screen and (max-width: 768px) {
        .control-bar .control-btn i {
          display: block;
          margin: 0px 0px 5px 0px; } }
    .control-bar .control-btn:hover {
      cursor: pointer;
      border: 2px solid #374827;
      background-color: #678149;
      color: white; }
    .control-bar .control-btn:focus {
      border: 2px solid #1e2715;
      background-color: #374827;
      color: white;
      outline: none; }
    .control-bar .control-btn.current {
      border: 2px solid #1e2715;
      background-color: #374827;
      color: white; }
    .control-bar .control-btn.hideme {
      display: none; }

.m_verge_start_tutorial {
  background-color: white;
  border: 1px solid #9ba4b1;
  border-radius: 5pt;
  padding: 5px;
  font-size: 11pt;
  color: #2e2e2e;
  text-align: center;
  position: absolute;
  left: auto;
  right: 20px; }
  .m_verge_start_tutorial i {
    margin-right: 2px; }
  .m_verge_start_tutorial:hover {
    background-color: #81a25b;
    color: white;
    cursor: pointer; }
  .m_verge_start_tutorial:focus {
    outline: none; }
  .m_verge_start_tutorial.inactive {
    display: none; }

.app-columns {
  position: relative; }

.apprun {
  padding: 20px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .apprun {
      background-color: white;
      padding-bottom: 0px;
      margin-bottom: -10px; } }
  .apprun .verge3d {
    position: relative;
    height: 60vh !important; }
    @media screen and (max-width: 768px) {
      .apprun .verge3d {
        padding: 20px;
        background-color: white;
        height: auto !important; } }
    @media screen and (max-width: 768px) {
      .apprun .verge3d iframe {
        border: 2px solid #dadae7;
        min-height: 300px; } }
    .apprun .verge3d .verge_frame_camera {
      position: absolute;
      font-family: 'Montserrat', sans-serif;
      font-weight: normal;
      top: 20px;
      left: 20px;
      background-color: white;
      border: 1px solid #9ba4b1;
      border-radius: 5pt;
      padding: 10px;
      font-size: 11pt;
      color: #2e2e2e; }
      .apprun .verge3d .verge_frame_camera i {
        margin-right: 5px; }
      .apprun .verge3d .verge_frame_camera:hover {
        background-color: #81a25b;
        color: white;
        cursor: pointer; }
      .apprun .verge3d .verge_frame_camera:focus {
        outline: none; }
      @media screen and (max-width: 768px) {
        .apprun .verge3d .verge_frame_camera {
          font-size: 8pt;
          top: auto;
          bottom: 36px;
          left: 30px;
          right: auto; } }
    .apprun .verge3d .verge_start_tutorial {
      background-color: white;
      position: absolute;
      top: 20px;
      right: 20px;
      border: 1px solid #9ba4b1;
      border-radius: 5pt;
      padding: 10px;
      font-size: 11pt;
      color: #2e2e2e; }
      .apprun .verge3d .verge_start_tutorial i {
        margin-right: 5px; }
      .apprun .verge3d .verge_start_tutorial:hover {
        background-color: #81a25b;
        color: white;
        cursor: pointer; }
      .apprun .verge3d .verge_start_tutorial:focus {
        outline: none; }
    .apprun .verge3d .verge_guidance {
      position: absolute;
      bottom: 0px;
      left: auto;
      right: auto;
      display: inline-block;
      width: 100%;
      font-size: 8pt;
      padding-bottom: 10px;
      color: #9ba4b1;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .apprun .verge3d .verge_guidance {
          position: relative;
          display: block; } }
  .apprun .welcome {
    text-align: center;
    max-width: 70%;
    margin: 0px auto;
    padding-bottom: 30px; }
    @media screen and (max-width: 768px) {
      .apprun .welcome {
        max-width: 100%; } }
    .apprun .welcome h1 {
      font-size: 25pt;
      font-weight: bold;
      margin: 10px 0px 30px 0px;
      color: #384927; }
      @media screen and (max-width: 768px) {
        .apprun .welcome h1 {
          font-size: 20pt; } }
    .apprun .welcome p {
      margin: 0px 0px 20px 0px;
      font-size: 14pt;
      line-height: 24pt;
      color: #384927; }
      @media screen and (max-width: 768px) {
        .apprun .welcome p {
          font-size: 12pt;
          line-height: 22pt; } }
  .apprun .product_picker {
    background-color: white;
    padding: 20px;
    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    position: relative;
    display: block;
    border-radius: 10pt;
    border: 3px solid white;
    height: 100%;
    color: #374827; }
    .apprun .product_picker h2 {
      text-align: center;
      font-size: 20pt; }
      .apprun .product_picker h2 .subtitle {
        display: block;
        font-size: 12pt;
        color: #2e2e2e; }
        @media screen and (max-width: 1200px) {
          .apprun .product_picker h2 .subtitle {
            font-size: 10pt; } }
      @media screen and (max-width: 1200px) {
        .apprun .product_picker h2 {
          font-size: 16pt; } }
    .apprun .product_picker .avail_in {
      text-align: center;
      margin-top: 5px; }
      .apprun .product_picker .avail_in .label {
        font-size: 9pt;
        display: block; }
      .apprun .product_picker .avail_in .sizes {
        color: #2e2e2e;
        font-size: 10pt; }
    .apprun .product_picker:hover {
      border-color: #81a25b;
      box-shadow: 0 4px 6px -2px rgba(55, 72, 39, 0.4); }

@media screen and (max-width: 768px) {
  .actions-column {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px; } }

.mhelp-panel {
  background-color: white;
  padding: 20px;
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  position: relative;
  border: 2px solid #374827;
  border-radius: 5pt;
  z-index: 1000;
  margin-top: -120px; }
  .mhelp-panel h3 {
    text-align: center;
    margin: 0px 0px 20px 0px;
    color: #374827;
    text-transform: uppercase; }
  .mhelp-panel h4 {
    text-align: center;
    margin: 10px 0px 5px 0px;
    padding-bottom: 5px;
    border-bottom: 2px solid #f9f9fb; }
  .mhelp-panel p {
    font-size: 11pt;
    text-align: center;
    line-height: 20pt;
    color: #2e2e2e; }
    .mhelp-panel p.subtitle {
      color: #616161;
      font-size: 10pt;
      line-height: 18pt; }
  .mhelp-panel .close-mhelp-panel {
    margin-top: 20px;
    background-color: #81a25b;
    width: 100%;
    text-align: center;
    font-size: 12pt;
    border-radius: 5pt;
    border: 0px; }
    .mhelp-panel .close-mhelp-panel:hover {
      background-color: #374827;
      cursor: pointer; }
  .mhelp-panel.inactive {
    display: none; }

@media screen and (max-width: 768px) {
  .mlockout {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 900; }
    .mlockout.inactive {
      display: none !important; } }

.actions-panel .action-panel {
  background-color: white;
  padding: 20px;
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  position: relative; }
  .actions-panel .action-panel .close-panel {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 15pt;
    border: 0px;
    color: #9ba4b1; }
    .actions-panel .action-panel .close-panel:hover {
      cursor: pointer;
      color: #81a25b; }
    .actions-panel .action-panel .close-panel:focus {
      border: none;
      outline: none; }
  .actions-panel .action-panel .save-panel {
    width: 100%;
    padding: 10px;
    margin-top: 20px;
    background-color: #eaeaf1;
    color: #2e2e2e;
    border: 0px;
    border-radius: 5pt;
    font-size: 12pt; }
    .actions-panel .action-panel .save-panel i {
      margin-right: 5px; }
    .actions-panel .action-panel .save-panel:hover {
      cursor: pointer;
      color: white;
      background-color: #374827; }
    .actions-panel .action-panel .save-panel:focus {
      border: none;
      outline: none; }
    .actions-panel .action-panel .save-panel.inactive {
      display: none; }
  .actions-panel .action-panel h3 {
    text-align: center;
    margin: 0px 0px 20px 0px;
    color: #374827;
    text-transform: uppercase; }
  .actions-panel .action-panel h4 {
    text-align: center;
    margin: 10px 0px 5px 0px;
    padding-bottom: 5px;
    border-bottom: 2px solid #f9f9fb; }
  .actions-panel .action-panel p {
    font-size: 11pt;
    text-align: center;
    line-height: 20pt;
    color: #2e2e2e; }
    .actions-panel .action-panel p.subtitle {
      color: #616161;
      font-size: 10pt;
      line-height: 18pt; }
  .actions-panel .action-panel.inactive {
    display: none; }
  .actions-panel .action-panel.help-panel {
    background-color: #f9f9fb;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.05); }
    .actions-panel .action-panel.help-panel p {
      margin-bottom: 20px;
      text-align: left; }
    @media screen and (max-width: 768px) {
      .actions-panel .action-panel.help-panel {
        background-color: white;
        display: none !important; } }
  @media screen and (max-width: 768px) {
    .actions-panel .action-panel {
      border: 2px solid #374827;
      border-radius: 5pt;
      z-index: 500; } }
.actions-panel .backtoslats, .actions-panel .backtoengravingslats {
  width: 100%;
  padding: 10px;
  margin-top: 20px;
  background-color: #eaeaf1;
  color: #2e2e2e;
  border: 0px;
  border-radius: 5pt;
  font-size: 12pt;
  display: block;
  text-align: center; }
  .actions-panel .backtoslats i, .actions-panel .backtoengravingslats i {
    margin-right: 5px; }
  .actions-panel .backtoslats:hover, .actions-panel .backtoengravingslats:hover {
    cursor: pointer;
    color: white;
    background-color: #374827; }
  .actions-panel .backtoslats:focus, .actions-panel .backtoengravingslats:focus {
    border: none;
    outline: none; }
  .actions-panel .backtoslats.inactive, .actions-panel .backtoengravingslats.inactive {
    display: none; }

.actions-panel .size-panel .size_picker {
  text-align: center; }
  .actions-panel .size-panel .size_picker li {
    display: inline-block;
    width: 100%;
    font-size: 10pt;
    padding: 8px 5px;
    border: 2px solid #2e2e2e;
    border-radius: 5pt;
    color: #2e2e2e;
    margin: 0px 0px 10px 0px;
    text-align: center; }
    .actions-panel .size-panel .size_picker li:hover {
      cursor: pointer;
      background-color: #81a25b;
      color: white;
      border-color: #678149; }
    .actions-panel .size-panel .size_picker li.current {
      background-color: #678149;
      color: white;
      border-color: #4d6136; }
    .actions-panel .size-panel .size_picker li .text_label_hide {
      display: none; }

.actions-panel .colour-panel .slat_picker {
  margin: 20px 0px 0px 0px; }
  .actions-panel .colour-panel .slat_picker .chair_picker {
    text-align: center;
    padding: 5px;
    font-size: 11pt;
    border: 2px solid #9ba4b1;
    border-radius: 5pt;
    margin-bottom: 10px; }
    .actions-panel .colour-panel .slat_picker .chair_picker.hide {
      display: none; }
    .actions-panel .colour-panel .slat_picker .chair_picker.lb_1200.inactive, .actions-panel .colour-panel .slat_picker .chair_picker.lb_1500.inactive {
      display: none; }
  .actions-panel .colour-panel .slat_picker .picker_slat {
    display: inline-block;
    width: 100%;
    font-size: 10pt;
    padding: 8px 5px;
    border: 2px solid #2e2e2e;
    border-radius: 0pt;
    color: white !important;
    margin: 0px 0px 10px 0px;
    text-align: center;
    font-weight: bold; }
    .actions-panel .colour-panel .slat_picker .picker_slat:last-child {
      margin-bottom: 0px; }
    .actions-panel .colour-panel .slat_picker .picker_slat.frame {
      margin-bottom: 15px; }
    .actions-panel .colour-panel .slat_picker .picker_slat.picker_slat_duo {
      width: 48%;
      margin-right: 2%; }
      @media screen and (max-width: 1150px) {
        .actions-panel .colour-panel .slat_picker .picker_slat.picker_slat_duo {
          width: 47%;
          margin-right: 3%;
          font-size: 9pt; } }
      .actions-panel .colour-panel .slat_picker .picker_slat.picker_slat_duo.duo_duo {
        margin-right: 0px; }
    .actions-panel .colour-panel .slat_picker .picker_slat.duo_alternate.duo_off.picker_slat_duo {
      margin-right: 0px; }
    .actions-panel .colour-panel .slat_picker .picker_slat.duo_alternate.duo_off.duo_duo {
      margin-right: 2%; }
    .actions-panel .colour-panel .slat_picker .picker_slat.picker_slat_trio {
      width: 31%;
      margin-right: 2%; }
      .actions-panel .colour-panel .slat_picker .picker_slat.picker_slat_trio.trio_trio {
        margin-right: 0px; }
    .actions-panel .colour-panel .slat_picker .picker_slat.fixed {
      display: none !important; }
    .actions-panel .colour-panel .slat_picker .picker_slat.na {
      display: none !important; }
    .actions-panel .colour-panel .slat_picker .picker_slat:hover {
      cursor: pointer; }
    .actions-panel .colour-panel .slat_picker .picker_slat.brown {
      background-color: #846567;
      color: black; }
    .actions-panel .colour-panel .slat_picker .picker_slat.inactive {
      display: none; }
    .actions-panel .colour-panel .slat_picker .picker_slat.current_slat {
      width: 100%; }
    .actions-panel .colour-panel .slat_picker .picker_slat .lb_1200.inactive, .actions-panel .colour-panel .slat_picker .picker_slat .lb_1500.inactive, .actions-panel .colour-panel .slat_picker .picker_slat .lb_1800.inactive {
      display: none; }

.actions-panel .colour-panel .slat_colours, .actions-panel .colour-panel .frame_colours {
  background-color: #eeeeee;
  padding: 7px;
  border-radius: 5pt; }
  .actions-panel .colour-panel .slat_colours p, .actions-panel .colour-panel .frame_colours p {
    color: #616161; }
  .actions-panel .colour-panel .slat_colours .colours, .actions-panel .colour-panel .frame_colours .colours {
    margin: 0px 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    padding-bottom: 10px; }
    .actions-panel .colour-panel .slat_colours .colours .colour_block, .actions-panel .colour-panel .frame_colours .colours .colour_block {
      display: inline-block;
      width: 45%;
      font-size: 14px;
      padding-top: 10px;
      height: 40px;
      border-radius: 5pt;
      margin-right: 5px;
      margin-top: 10px; }
      .actions-panel .colour-panel .slat_colours .colours .colour_block:hover, .actions-panel .colour-panel .frame_colours .colours .colour_block:hover {
        cursor: pointer; }
      .actions-panel .colour-panel .slat_colours .colours .colour_block:last-child, .actions-panel .colour-panel .frame_colours .colours .colour_block:last-child {
        margin-right: 0px; }
      .actions-panel .colour-panel .slat_colours .colours .colour_block.brown, .actions-panel .colour-panel .frame_colours .colours .colour_block.brown {
        background-color: #846566;
        color: white;
        text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.54); }
      .actions-panel .colour-panel .slat_colours .colours .colour_block.black, .actions-panel .colour-panel .frame_colours .colours .colour_block.black {
        background-color: #4d4d5d;
        color: white;
        text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.54); }
      .actions-panel .colour-panel .slat_colours .colours .colour_block.yellow, .actions-panel .colour-panel .frame_colours .colours .colour_block.yellow {
        background-color: #fd9f3f;
        color: white;
        text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.54); }
      .actions-panel .colour-panel .slat_colours .colours .colour_block.red, .actions-panel .colour-panel .frame_colours .colours .colour_block.red {
        background-color: #a21e30;
        color: white;
        text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.54); }
      .actions-panel .colour-panel .slat_colours .colours .colour_block.blue, .actions-panel .colour-panel .frame_colours .colours .colour_block.blue {
        background-color: #3766dd;
        color: white;
        text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.54); }
      .actions-panel .colour-panel .slat_colours .colours .colour_block.green, .actions-panel .colour-panel .frame_colours .colours .colour_block.green {
        background-color: #2c8b73;
        color: white;
        text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.54); }
      .actions-panel .colour-panel .slat_colours .colours .colour_block.forest_green, .actions-panel .colour-panel .frame_colours .colours .colour_block.forest_green {
        background-color: #006846;
        color: white;
        text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.54); }
      .actions-panel .colour-panel .slat_colours .colours .colour_block.lilac, .actions-panel .colour-panel .frame_colours .colours .colour_block.lilac {
        background-color: #9a81ac;
        color: white;
        text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.54); }
      .actions-panel .colour-panel .slat_colours .colours .colour_block.purple, .actions-panel .colour-panel .frame_colours .colours .colour_block.purple {
        background-color: #963a6c;
        color: white;
        text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.54); }
      .actions-panel .colour-panel .slat_colours .colours .colour_block.sand, .actions-panel .colour-panel .frame_colours .colours .colour_block.sand {
        background-color: #d6bbad;
        color: white;
        text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.54); }
      .actions-panel .colour-panel .slat_colours .colours .colour_block.urban_grey, .actions-panel .colour-panel .frame_colours .colours .colour_block.urban_grey {
        background-color: #878786;
        color: white;
        text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.54); }
      .actions-panel .colour-panel .slat_colours .colours .colour_block.inactive, .actions-panel .colour-panel .frame_colours .colours .colour_block.inactive {
        display: none; }
  .actions-panel .colour-panel .slat_colours.inactive, .actions-panel .colour-panel .frame_colours.inactive {
    display: none; }

.appsummary {
  padding: 20px;
  background-color: white;
  position: relative; }
  @media screen and (max-width: 768px) {
    .appsummary {
      padding-bottom: 100px;
      border-top: 2px solid #dadae7;
      background-color: #f9f9fb; } }
  .appsummary .label {
    display: block;
    font-size: 10pt;
    color: #374827;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px; }
    .appsummary .label.hidden {
      display: none; }
  .appsummary h2 {
    font-size: 30pt;
    margin: 0px;
    margin-top: -5px;
    margin-left: -2px;
    margin-right: 20px;
    padding: 0px;
    color: #2e2e2e; }
    @media screen and (max-width: 768px) {
      .appsummary h2 {
        font-size: 13pt;
        font-weight: bold;
        margin: 0px; } }
    .appsummary h2 .subname {
      display: block;
      font-size: 10pt; }
  .appsummary .sum_size {
    font-size: 14pt;
    color: #616161; }
    @media screen and (max-width: 768px) {
      .appsummary .sum_size {
        text-align: center; } }
  .appsummary .sum_size_full {
    font-size: 14pt;
    color: #616161;
    display: block;
    margin-top: 5px; }
    @media screen and (max-width: 768px) {
      .appsummary .sum_size_full {
        font-size: 13pt;
        font-weight: bold;
        color: #2e2e2e;
        text-align: center; } }
  .appsummary .sum_option {
    font-size: 10pt; }
  .appsummary .sum_colours .slat_picker {
    margin: 0px;
    padding: 0px;
    list-style-type: none; }
    .appsummary .sum_colours .slat_picker li {
      display: inline-block;
      font-size: 8pt;
      padding: 5px;
      border: 2px solid #2e2e2e;
      border-left-width: 7px;
      border-radius: 0pt;
      color: #949494;
      color: white !important;
      margin: 5px 3px 3px 0px;
      width: 60px;
      text-align: center; }
      .appsummary .sum_colours .slat_picker li.brown {
        background-color: white;
        color: #2e2e2e !important; }
      .appsummary .sum_colours .slat_picker li.na {
        display: none !important; }
      @media screen and (max-width: 768px) {
        .appsummary .sum_colours .slat_picker li {
          width: 60px; } }
    .appsummary .sum_colours .slat_picker .chair_picker {
      text-align: left;
      display: block;
      padding: 0px;
      font-size: 8pt;
      border: 0px;
      width: auto;
      font-weight: bold;
      margin-bottom: 0px;
      color: #2e2e2e !important; }
      .appsummary .sum_colours .slat_picker .chair_picker.hide {
        display: none; }
      .appsummary .sum_colours .slat_picker .chair_picker.chair_1200.inactive, .appsummary .sum_colours .slat_picker .chair_picker.chair_1500.inactive {
        display: none; }
  @media screen and (max-width: 768px) {
    .appsummary .sum_colours {
      margin-top: 0px; } }
  .appsummary .col_price {
    text-align: right; }
    @media screen and (max-width: 768px) {
      .appsummary .col_price {
        text-align: left; } }
    .appsummary .col_price .sum_price {
      font-size: 35pt;
      display: block;
      margin-top: -5px; }
      @media screen and (max-width: 768px) {
        .appsummary .col_price .sum_price {
          font-size: 20pt;
          font-weight: bold;
          margin-left: 0px;
          display: inline-block; } }
    .appsummary .col_price .sum_pricedetails {
      font-size: 14pt;
      color: #616161; }
      @media screen and (max-width: 768px) {
        .appsummary .col_price .sum_pricedetails {
          font-size: 10pt;
          margin-left: 5px;
          display: inline-block; } }
.config {
  display: none; }

.share_form {
  margin-top: 10px; }
  .share_form .contact-form input,
  .share_form .contact-form textarea {
    margin-bottom: 20px;
    font: inherit;
    width: 100%;
    border: 2px solid #374827;
    padding: 5px;
    background-color: #f9f9fb; }
    .share_form .contact-form input:not(:placeholder-shown):valid,
    .share_form .contact-form textarea:not(:placeholder-shown):valid {
      background-color: #f4feee; }
    .share_form .contact-form input:not(:placeholder-shown):invalid,
    .share_form .contact-form textarea:not(:placeholder-shown):invalid {
      background-color: #fff0f0; }
  .share_form .contact-form label,
  .share_form .contact-form button {
    display: block; }
  .share_form .contact-form label {
    margin-bottom: 5px;
    font-weight: bold; }
  .share_form .contact-form .form-submit {
    background-color: #81a25b;
    width: 100%;
    text-align: center;
    font-size: 12pt;
    border-radius: 5pt;
    border: 0px; }
    .share_form .contact-form .form-submit:hover {
      background-color: #374827;
      cursor: pointer; }
  .share_form .contact-submitted {
    background-color: #b3c79c;
    display: block;
    color: #374827 !important;
    border: 2px solid #374827;
    padding: 5px;
    margin-bottom: 10px; }
  .share_form .contact-error {
    background-color: #e57483;
    display: block;
    color: #4c0e17 !important;
    border: 2px solid #a21e30;
    padding: 5px;
    margin-bottom: 10px; }
  .share_form .js-submitted input:valid,
  .share_form .js-submitted textarea:valid {
    background-color: #f4feee; }
  .share_form .js-submitted input:invalid,
  .share_form .js-submitted textarea:invalid {
    background-color: #fff0f0; }
  .share_form .hidden {
    display: none; }

.tutorial_vid {
  margin: 20px 0px; }

.tutorial_btn {
  background-color: #374827;
  width: 100%;
  text-align: center;
  margin: 20px 0 10px 0px; }
  .tutorial_btn:hover {
    background-color: #81a25b; }
  .tutorial_btn.close {
    background-color: #eaeaf1;
    color: #2e2e2e;
    margin-top: 0px; }

.intro-footer {
  text-align: center;
  padding: 30px 30px 50px 30px; }
  .intro-footer p {
    color: #2e2e2e; }
  .intro-footer span {
    display: block;
    font-size: 10pt;
    margin-top: 30px;
    color: #7e8a9b; }