@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width 300ms ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}/*# sourceMappingURL=dropzone.css.map */
/* MIXINS */
form.formCalculation label.is-invalid {
  font-size: 11px;
  color: #dc3545;
  margin-top: 5px; }
form.formCalculation div.zipcodeNotification {
  font-size: 11px;
  margin-top: 5px; }
form.formCalculation small {
  font-size: 12px; }
form.formCalculation .beforePrice {
  position: relative; }
  form.formCalculation .beforePrice:after {
    content: "";
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 1px solid #333;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
form.formCalculation div.totalPrice {
  display: flex;
  font-size: 12px;
  align-items: end; }
  form.formCalculation div.totalPrice div.setTotalPrice {
    margin: 0 7px 0 0;
    font-weight: 700;
    font-size: 20px; }
  form.formCalculation div.totalPrice span.vat {
    margin: 0 0 3px 0; }
form.formCalculation .form-check {
  margin-right: 0px !important; }
  form.formCalculation .form-check .form-check-input.is-invalid + label {
    color: #fff; }
  form.formCalculation .form-check .form-check-label {
    font-size: 12px; }
form.formCalculation .calculatorFooter {
  text-align: right; }
  form.formCalculation .calculatorFooter div.savingRow {
    margin-bottom: 5px;
    font-size: 16px; }
    form.formCalculation .calculatorFooter div.savingRow .savingPrice {
      font-size: 18px;
      background: #333333;
      color: #fff;
      -webkit-border-radius: 0.25rem;
      -moz-border-radius: 0.25rem;
      border-radius: 0.25rem;
      padding: 3px 5px; }
  form.formCalculation .calculatorFooter div.sandingPriceRow {
    font-size: 16px; }
    form.formCalculation .calculatorFooter div.sandingPriceRow .actionPrice {
      font-size: 18px; }
  form.formCalculation .calculatorFooter div.treatmentRow {
    margin-top: 5px;
    font-size: 14px; }

.loaderWrapper {
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
  z-index: 10; }

.loaderWS {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%); }
  .loaderWS:before, .loaderWS:after {
    content: "";
    display: block;
    position: absolute;
    border: 4px solid #333;
    opacity: 1;
    border-radius: 50%;
    animation: loaderWS 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
  .loaderWS:after {
    animation-delay: -0.5s; }

@keyframes loaderWS {
  0% {
    top: 40px;
    left: 40px;
    width: 0;
    height: 0;
    opacity: 0; }
  4.9% {
    top: 40px;
    left: 40px;
    width: 0;
    height: 0;
    opacity: 0; }
  5% {
    top: 40px;
    left: 40px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% {
    top: 0px;
    left: 0px;
    width: 80px;
    height: 80px;
    opacity: 0; } }

/*# sourceMappingURL=stylesheet.css.map */
/* MIXINS */
@font-face {
  font-family: "parket-schuren-amsterdam";
  src: url("../fonts/parket-schuren-amsterdam.eot");
  src: url("../fonts/parket-schuren-amsterdam.eot?#iefix") format("embedded-opentype"), url("../fonts/parket-schuren-amsterdam.woff") format("woff"), url("../fonts/parket-schuren-amsterdam.ttf") format("truetype"), url("../fonts/parket-schuren-amsterdam.svg#parket-schuren-amsterdam") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "parket-schuren-amsterdam" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="psa-icon-"]:before,
[class*=" psa-icon-"]:before {
  font-family: "parket-schuren-amsterdam" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.psa-icon-afgerond:before {
  content: "\61"; }

.psa-icon-fotos:before {
  content: "\62"; }

.psa-icon-houtsoort:before {
  content: "\63"; }

.psa-icon-overzicht:before {
  content: "\64"; }

.psa-icon-plinten:before {
  content: "\65"; }

.psa-icon-specificaties:before {
  content: "\66"; }

.psa-icon-kleuren:before {
  content: "\67"; }

.psa-icon-info-circled:before {
  content: "\68"; }

.psa-icon-search:before {
  content: "\69"; }

.psa-icon-type-vloer:before {
  content: "\6a"; }

.btn-previous {
  opacity: 0.8; }
  .btn-previous:hover {
    opacity: 1; }

.btn-finish {
  background: #27c97a !important;
  box-shadow: 0 0 0 5px rgba(39, 201, 122, 0.3) !important; }

.form-switch .form-check .form-check-input:checked {
  background-color: #27c97a !important;
  border-color: #27c97a !important; }
.form-check .form-check-input:checked {
  background-color: #be1e2d !important;
  border-color: #be1e2d !important; }

.form-check-label {
  line-height: 20px;
  cursor: pointer; }

div.btn.disabled {
  display: none; }

.dropzone.upload-field {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 300px;
  padding: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px dashed #333333;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #f9f9f9;
  color: #001427;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer; }
  .dropzone.upload-field .upload-icon {
    height: 40px;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: inherit; }
  .dropzone.upload-field .upload-title-label {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600; }
  .dropzone.upload-field .dz-message {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
.dropzone .dz-preview.dz-image-preview {
  background-color: #f9f9f9; }
  .dropzone .dz-preview.dz-image-preview .dz-image {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
  .dropzone .dz-preview.dz-image-preview .dz-progress {
    opacity: 0 !important; }
.dropzone a.dz-remove {
  color: #be1e2d;
  text-decoration: none;
  margin-top: 5px;
  font-size: 14px; }

.informationIcon {
  cursor: pointer;
  color: #008ae1;
  text-align: center;
  font-size: 18px;
  text-decoration: none; }
  .informationIcon i:after {
    content: "";
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 75%;
    height: 65%;
    position: absolute;
    left: 12.5%;
    top: 25%;
    z-index: -1; }

.wizard-container .tab-content {
  position: relative;
  background: #fff;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
  .wizard-container .tab-content label.labelSmall {
    margin-bottom: 5px;
    min-height: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .wizard-container .tab-content input[type="radio"] {
    visibility: hidden; }
  .wizard-container .tab-content h2 {
    margin-bottom: 15px; }

div.switch {
  width: 100%;
  height: 40px; }
  div.switch input {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden; }
    div.switch input:checked + label:before {
      content: "NEE";
      padding-left: 0;
      padding-right: 50%;
      background: rgba(0, 0, 0, 0.1); }
    div.switch input:checked + label:after {
      content: "JA";
      margin-left: 50%;
      -webkit-border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      border-radius: 0 5px 5px 0; }
    div.showInputWrapper div.switch input:checked {
      display: block; }
      div.showInputWrapper div.switch input:checked input {
        display: block; }
    div.switch input + label {
      display: block;
      position: relative;
      cursor: pointer;
      outline: none;
      width: 100% !important;
      height: 100%;
      padding: 0 !important;
      background: none !important;
      overflow: hidden;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #ddd;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      div.switch input + label:before, div.switch input + label:after {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        line-height: 40px; }
      div.switch input + label:before {
        content: "JA";
        color: rgba(0, 0, 0, 0.3);
        padding-left: 50%;
        text-align: center;
        background: rgba(0, 0, 0, 0.1);
        z-index: 1;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -ms-transition: background 0.4s;
        -o-transition: background 0.4s; }
      div.switch input + label:after {
        content: "NEE";
        background: #be1e2d;
        color: #fff;
        text-align: center;
        width: 50%;
        z-index: 2;
        -webkit-transition: margin 0.2s;
        -moz-transition: margin 0.2s;
        -ms-transition: margin 0.2s;
        -o-transition: margin 0.2s;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px; }

div.showInputWrapper {
  display: none; }
  div.showInputWrapper input {
    display: none; }

div#QuoteWizardContainer {
  margin-top: 50px; }
  div#QuoteWizardContainer .progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    border-radius: 0; }
    div#QuoteWizardContainer .progress .progress-bar {
      background: #be1e2d; }
  div#QuoteWizardContainer .wizard-container .the-content {
    position: relative;
    background: #fff;
    margin: 0 auto 60px;
    padding: 40px;
    font-size: 14px;
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); }
    div#QuoteWizardContainer .wizard-container .the-content .tab-pane {
      padding: 0 0 40px; }
      div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items.fourItems {
        grid-template-columns: repeat(4, 1fr); }
      div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items.fiveItems {
        grid-template-columns: repeat(5, 1fr); }
      div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items.sixItems {
        grid-template-columns: repeat(6, 1fr); }
      div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.item div.image img {
        min-height: 100px; }
      div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.item div.content h3 {
        padding: 10px 0px;
        font-size: 14px;
        line-height: 18px; }
      div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.item:hover div.content h3 {
        padding: 15px 0px; }
      div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items .informationIcon {
        position: absolute;
        padding: 10px;
        right: 0;
        top: 0;
        z-index: 2;
        cursor: pointer;
        color: #008ae1;
        text-align: center;
        font-size: 20px;
        text-decoration: none; }
        div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items .informationIcon i {
          display: flex; }
          div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items .informationIcon i:after {
            content: "";
            background: #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            width: 17px;
            height: 17px;
            position: absolute;
            left: 12px;
            top: 12px;
            z-index: -1; }
      div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper {
        width: 100%;
        position: relative; }
        div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper div.item {
          width: 100%;
          cursor: pointer; }
        div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="radio"], div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="checkbox"] {
          position: absolute;
          left: 0;
          right: 0;
          visibility: hidden;
          pointer-events: none; }
          div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="radio"]:checked + label div.item div.content, div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="checkbox"]:checked + label div.item div.content {
            overflow: hidden; }
            div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="radio"]:checked + label div.item div.content h3, div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="checkbox"]:checked + label div.item div.content h3 {
              background: #27c97a !important;
              color: #fff !important; }
              div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="radio"]:checked + label div.item div.content h3:before, div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="checkbox"]:checked + label div.item div.content h3:before {
                color: rgba(255, 255, 255, 0.3);
                display: inline-flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                content: "\2713";
                position: absolute;
                margin: 0;
                top: 50%;
                left: -5px;
                font-size: 80px;
                -ms-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%); }
          div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="radio"]:checked ~ div.showInputWrapper, div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="checkbox"]:checked ~ div.showInputWrapper {
            display: block; }
            div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="radio"]:checked ~ div.showInputWrapper input, div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="checkbox"]:checked ~ div.showInputWrapper input {
              display: block; }
      div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.showInputWrapper {
        display: none; }
        div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.showInputWrapper input {
          display: none; }
    div#QuoteWizardContainer .wizard-container .the-content .progression {
      position: absolute;
      bottom: 100%;
      left: 0;
      width: 100%;
      display: flex;
      flex-flow: row wrap; }
      div#QuoteWizardContainer .wizard-container .the-content .progression > .step {
        position: relative;
        margin-left: 0;
        margin-right: 10px;
        background: #f9f9f9;
        color: #231f20;
        list-style: none;
        flex: 1; }
        div#QuoteWizardContainer .wizard-container .the-content .progression > .step a {
          cursor: default;
          position: relative;
          display: flex;
          flex-flow: row wrap;
          align-content: center;
          width: 100%;
          text-decoration: none;
          color: #231f20; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step a.checked {
            color: #be1e2d; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step a.active {
            color: #27c97a; }
        div#QuoteWizardContainer .wizard-container .the-content .progression > .step:last-child {
          margin-right: 0px; }
        div#QuoteWizardContainer .wizard-container .the-content .progression > .step .step-icon {
          position: relative;
          display: block;
          width: 52px;
          height: 52px; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step .step-icon i {
            position: absolute;
            top: 46%;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            font-size: 26px; }
        div#QuoteWizardContainer .wizard-container .the-content .progression > .step .step-content {
          display: block;
          width: calc(100% - 52px);
          font-size: 15px;
          padding: 8px 0;
          font-weight: 700; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step .step-content .step-count {
            display: block;
            line-height: 18px;
            font-size: 16px; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step .step-content .step-desc {
            display: block;
            line-height: 18px; }
    div#QuoteWizardContainer .wizard-container .the-content .tab-content {
      background: transparent;
      margin-bottom: 0;
      padding: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
    div#QuoteWizardContainer .wizard-container .the-content .title {
      font-size: 18px;
      margin-bottom: 10px; }
    div#QuoteWizardContainer .wizard-container .the-content .sub-title {
      display: block;
      margin-bottom: 15px; }
    div#QuoteWizardContainer .wizard-container .the-content .input-list {
      position: relative;
      margin-bottom: 15px; }
      div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group {
        position: relative;
        display: flex;
        flex-flow: row wrap;
        margin: 0 0 15px 0; }
        div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group.grey {
          background: rgba(190, 30, 45, 0.05); }
        div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group:after {
          position: absolute;
          top: 50%;
          left: -10px;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 20px;
          height: 20px;
          line-height: 20px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          background: #fff;
          color: #fff;
          font-family: "parket-schuren-amsterdam" !important;
          content: '\66';
          text-align: center;
          border: 1px solid #ddd;
          pointer-events: none; }
        div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group input {
          position: absolute;
          visibility: hidden;
          opacity: 0; }
        div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label {
          display: flex;
          flex-flow: row wrap;
          align-items: center;
          padding: 10px 15px;
          border: 1px solid #ddd;
          cursor: pointer;
          width: 100%;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s; }
          div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label i, div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label img.icon {
            display: block;
            width: 28px;
            height: 28px;
            font-size: 26px;
            text-align: center; }
            div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label i:before, div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label img.icon:before {
              vertical-align: top; }
          div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label .content {
            display: block;
            width: calc(100% - 52px);
            margin-left: 20px;
            font-size: 12px; }
            div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label .content span {
              font-size: 16px;
              font-weight: 700;
              display: block; }
            div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label .content div {
              text-transform: lowercase; }
              div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label .content div::first-letter {
                text-transform: uppercase; }
          div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label:hover {
            border-color: #be1e2d; }
        div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group:last-child {
          margin-bottom: 0; }
        div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group.active label {
          border-color: #be1e2d; }
        div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group.active:after {
          background: #be1e2d;
          border-color: #be1e2d; }
    div#QuoteWizardContainer .wizard-container .the-content .stepButtons {
      position: relative;
      margin: 20px 0 0 0;
      height: 36px; }
      div#QuoteWizardContainer .wizard-container .the-content .stepButtons > div {
        position: absolute;
        background: #be1e2d;
        color: #fff;
        height: 36px;
        line-height: 36px;
        padding: 0 15px;
        font-size: 16px;
        text-transform: uppercase;
        display: inline-block; }
        div#QuoteWizardContainer .wizard-container .the-content .stepButtons > div i {
          text-transform: none;
          display: inline-block;
          width: 36px;
          height: 36px;
          text-align: center; }
        div#QuoteWizardContainer .wizard-container .the-content .stepButtons > div.prev {
          left: -20px;
          background: #ebebeb;
          color: #231f20; }
        div#QuoteWizardContainer .wizard-container .the-content .stepButtons > div.next {
          right: -20px; }
  div#QuoteWizardContainer .wizard-container .wizard-footer {
    border-top: 1px solid #ddd;
    padding-top: 40px;
    display: flex;
    justify-content: space-between; }

@media screen and (max-width: 991px) {
  div#QuoteWizardContainer .wizard-container .the-content .progression .step > a {
    width: auto; }
    div#QuoteWizardContainer .wizard-container .the-content .progression .step > a .step-content .step-desc {
      display: none; }
    div#QuoteWizardContainer .wizard-container .the-content .progression .step > a.active .step-content {
      padding: 8px 8px 8px 0; }
      div#QuoteWizardContainer .wizard-container .the-content .progression .step > a.active .step-content .step-desc {
        display: block; } }
@media screen and (max-width: 767px) {
  div#QuoteWizardContainer {
    margin-top: 80px; }
    div#QuoteWizardContainer .wizard-container .the-content {
      padding: 30px 15px; }
      div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items.fourItems {
        grid-template-columns: repeat(2, 1fr); }
      div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items.fiveItems {
        grid-template-columns: repeat(2, 1fr); }
      div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items.sixItems {
        grid-template-columns: repeat(2, 1fr); }
      div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a {
        display: block;
        width: auto; }
        div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-icon {
          width: auto;
          min-width: 52px;
          text-align: center;
          padding: 0 8px; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-icon i {
            /*font-size: 20px;*/ }
        div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-content {
          width: auto;
          text-align: center;
          font-size: 13px;
          line-height: 16px;
          padding: 8px;
          padding-top: 0;
          display: block; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-content .step-count {
            font-size: 13px;
            line-height: 16px; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-content .step-desc {
            display: none; }
        div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a.active .step-content {
          padding: 8px;
          padding-top: 0; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a.active .step-content .step-count {
            display: inline-block;
            text-align: center; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a.active .step-content .step-desc {
            display: inline-block; }

  .dropzone.upload-field {
    min-height: 250px; }

  .wizard-footer .btn {
    font-size: 14px; } }
@media screen and (max-width: 500px) {
  div#QuoteWizardContainer {
    margin-top: 80px; }
    div#QuoteWizardContainer .wizard-container .the-content .progression {
      margin: 0 -5px;
      width: calc(100% + 10px); }
      div#QuoteWizardContainer .wizard-container .the-content .progression > .step {
        margin: 0 5px; }
        div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a {
          display: block;
          width: auto; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-icon {
            width: 100%;
            min-width: 0; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-content .step-count {
            display: block; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-content .step-desc {
            display: none; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a.active .step-content .step-count {
            display: block; }
          div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a.active .step-content .step-desc {
            display: none; }
      div#QuoteWizardContainer .wizard-container .the-content .progression.steps-total-3 > .step {
        width: calc((100% / 3) - 10px); }
      div#QuoteWizardContainer .wizard-container .the-content .progression.steps-total-4 > .step {
        width: calc((100% / 4) - 10px); }
      div#QuoteWizardContainer .wizard-container .the-content .progression.steps-total-5 > .step {
        width: calc((100% / 5) - 10px); }
      div#QuoteWizardContainer .wizard-container .the-content .progression.steps-total-6 > .step {
        width: calc((100% / 6) - 10px); } }

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