/* Support */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,500;0,700;1,300;1,500;1,700&display=swap');

.node--unpublished {
    background-color: transparent;
}

@media screen and (min-width: 768px) {
  .d-flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
  }
}

.p-relative {
    position: relative;
}

.bg-grey {background-color: #efefef;}

.w-25 {
    width: 25%;
}

.w-50 {
    width: 50%;
}

.w-75 {
    width: 75%;
}

.w-100 {
    width: 100%;
}

.w-auto {
    width: auto;
}

.h-25 {
    height: 25%;
}

.h-50 {
    height: 50%;
}

.h-75 {
    height: 75%;
}

.h-100 {
    height: 100%;
}

.h-auto {
    height: auto;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,.my-0 {
    margin-top: 0 !important;
}

.mr-0,.mx-0 {
    margin-right: 0 !important;
}

.mb-0,.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,.my-3 {
    margin-top: 1rem !important;
}

.mr-3,.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,.my-5 {
    margin-top: 3rem !important;
}

.mr-5,.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,.py-0 {
    padding-top: 0 !important;
}

.pr-0,.px-0 {
    padding-right: 0 !important;
}

.pb-0,.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,.py-3 {
    padding-top: 1rem !important;
}

.pr-3,.px-3 {
    padding-right: 1rem !important;
}

.pb-3,.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,.py-5 {
    padding-top: 3rem !important;
}

.pr-5,.px-5 {
    padding-right: 3rem !important;
}

.pb-5,.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,.px-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,.my-auto {
    margin-top: auto !important;
}

.mr-auto,.mx-auto {
    margin-right: auto !important;
}

.mb-auto,.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0 !important;
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0 !important;
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,.my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,.mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,.mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,.my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,.mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,.mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,.py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,.px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,.px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,.py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,.px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,.px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0 !important;
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin:0 !important;
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto !important;
    }
}

.bodywrapper .support-highlight {
    background-color: #f1f1f1;
    padding-left: 60px !important;
    padding-right: 60px ! Important;
    padding-bottom: 60px;
    padding-top: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

.bodywrapper .footer--disclaimer {
    background-color: #027377;
    color: #ffffff;
    margin-top: -120px;
    padding-top: 120px;
    padding-bottom: 60px;
}

.path-support-contact-us main {
    padding-bottom: 120px;
    margin-bottom: 25px;
}

/* Warranty */

.accordion .ui-accordion,
.faqs .ui-accordion {
    border-top: 1px solid #616666;
    margin-top: 20px;
    margin-bottom: 40px;
}

.accordion .ui-accordion .ui-accordion-header,
.accordion .ui-accordion .ui-accordion-content,
.faqs .ui-accordion .ui-accordion-header,
.faqs .ui-accordion .ui-accordion-content{
    border-radius: 0!important;
    border-right: 0!important;
    border-left: 0!important;
    border-top: 0!important;
    background-color: #ffffff!important;
    border-color: #616666;
    margin: 0;
}

.accordion .ui-accordion .ui-accordion-content,
.faqs .ui-accordion .ui-accordion-content{
    padding-left: 10px;
    padding-right: 10px;
}

.accordion p {
    font-family: 'Barlow', Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 15px;
}

.faqs p, .faqs ul, .faqs ol {
    font-family: 'Barlow', Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.6;
}

.faqs ul, .faqs ol, .faqs li {
	color: #3e4653;
}
.faqs p a, .faqs ul a, .faqs ol a {
    color: #000000;
    text-decoration: underline;
}

.accordion .ui-accordion .ui-accordion-header p,
.faqs .ui-accordion .ui-accordion-header p{
    padding: 1em 2.2em;
    margin-bottom: 0;
}

.accordion .ui-accordion .ui-accordion-header,
.faqs .ui-accordion .ui-accordion-header {
    font-weight: 500;
}

.accordion .ui-state-default .ui-icon,
.faqs .ui-state-default .ui-icon {
    background-image: url('/sites/peerless/themes/custom/peerless/modules/assets/css/images/ui-icons_222222_256x240.png');
}

/*
.faqs .tab-pane {
	display: none;
}

.faqs .tab-pane.active {
    display: block;
}
*/

.faqs {
    margin-bottom: 120px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.faqs .view-header {
    width: 100%;
}
    
    
.faqs .view-filters {
    width: 100%;
}

@media screen and (min-width: 600px) {
    .faqs .view-header {
        flex-grow: 1;
        width: 100%;
    }
    
    .faqs .view-filters {
        flex-grow: 1;
        width: 100%;
    }
}

.faqs .bef-exposed-form {
    margin-bottom: 60px;
}
.faqs .form--inline {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}

.faqs .form-actions .form-submit {
    background-color: #00807e;
    width: auto;
    height: 30px;
    border: none;
    color: white;
    text-transform: uppercase;
}

.faqs .form--inline > .form-item {
    float: none;
    width: 50%;
}

.faqs .form-item-search input {
    border: 1px solid #616666;
    border-radius: 0;
    height: 30px;
    width: 100%;
}

.faqs .form-item-search input::placeholder {
    font-style: italic;
    text-transform: uppercase;
    font-weight: 500;
}

.faqs .tabs-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.faqs .tabs-nav li,
.faqs .view-header div {
    font-size: 1em;
    line-height: 1.2;
    margin-bottom: .75em;
    font-weight: 500;
}

.faqs .attachment.attachment-before {
    width: 30%;
    margin-top: 20px;
}

.faqs > .view-content {
    width: 70%;
}

.tab-pane ul {
    margin: 0;
    padding: 0;
}

.tab-pane li {
    display: block;
    text-align: left;
}

.faqs .ui-accordion {
    padding-bottom: .5em;
    padding-top: 10px;
    margin-bottom: 0;
    margin-top: 10px;
}

.faqs .ui-accordion .ui-accordion-header {
    padding-left: 2em;
    border-bottom: 0!important;
}


.field--name-body.field__item {
    padding: 10px 0px 40px;
}

.field--name-body.field__item p {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500;
}

.contact-us .field--name-body.field__item p {
    color: #fff;
}


.bodywrapper .btn-primary, 
.bodywrapper .btn-primary:hover, 
.bodywrapper  #newsletter-sign-up .form-wrapper .form-submit, 
.bodywrapper  #newsletter-sign-up .form-wrapper .form-submit:hover {
    border: none;
    border-radius: 0;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    padding: 0 5%;
    color: #ffffff!important;
    text-decoration: none;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #007377;
    text-align: center;
    text-decoration: none!important;
}

.bodywrapper .btn-sm, 
.bodywrapper .btn-sm:hover {
    line-height: 45px;
    height: 45px;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 15px;
}

.bodywrapper .contact-us .btn, 
.bodywrapper .contact-us .btn:hover {
    color: #007377!important;
    background: #fff;
}

.bodywrapper .contact-us .btn-sm, 
.bodywrapper .contact-us .btn-sm:hover {
    font-size: 1em;
    text-transform: uppercase;
}


.bodywrapper .img-label {
    position: absolute;
    bottom: 0;
    padding: 20px;
    color: #fff;
    text-shadow: 1px 1px 3px #757575;
    font-size: 3rem;
}

.bodywrapper .layout-content .bg-green .pre-title {
    color: #00B176;
}

.bodywrapper h3 {
    font-weight: 600;
}

.bodywrapper h4 {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .01em;
    margin-bottom: 20px;
}

.bodywrapper .layout-content .bg-green h4 {
    color: #00B176;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.bodywrapper .bg-grey p a {
    color: #00807e;
}


.bg-green {
    background: #08302E;
    color: #fff;
    padding-top: 5vw;
    margin-bottom: -25vw;
    padding-bottom: 20vw;
    margin-top: 90px;
}

.bg-green h1, 
.bg-green p, 
.bg-green ul, 
.bg-green li {
    color: #ffffff;
}


.img-overlay {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: .5em;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.1;
    margin: 0;
    color: #ffffff;
    background: rgba(0, 115, 119, .75);
}

.img-overlay:hover {
    color: #ffffff;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);
}

.img-overlay::after {
    /* content: "\e092"; */
    position: absolute;
    right: .5em;
    font-family: 'Glyphicons Halflings';
    background-image: url(/sites/peerless/themes/custom/peerless/css/../img/arrow-right-dropshadow.png);
    content: "";
    width: 50px;
    height: 50px;
}

@media screen and (max-width: 619px) {
    .img-overlay {
        font-size: 24px;
    }
    
    .img-overlay::after {
        width: 35px;
        height: 35px;
    }
}

.product-registration h3 {
    font-size: 36px;
    color: #616666;
    margin-bottom: 25px;
}

@media screen and (min-width: 620px) {

	.product-registration .col-sm-4 {
	    display: block;
	    height: 100%;
	}
	
	.product-registration .row {
	    position: relative;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-items: center;
	}
}

/* Customer Support */

.peerless-cust-support {
    margin: 0;
}

.bodywrapper .support-highlight {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.bodywrapper .support-highlight .headline {
    display: none;
}

.headline + .customer-support-form p {
    margin-bottom: 20px;
}

.bodywrapper .support-highlight label.control-label.blue-light {
    display: none;
}

.bodywrapper .support-highlight > div:nth-of-type(3),
.bodywrapper .support-highlight > div:nth-of-type(4),
.bodywrapper .support-highlight > div:nth-of-type(5) {
    /* display: inline-block; */
    margin: 0;
}

.bodywrapper .customer-support-form h4 {
	line-height: 35px;
	margin: 0;
    text-align: center;
}

.bodywrapper .support-highlight > div:nth-of-type(3) {
    width: 45%;
}

.bodywrapper .support-highlight > div:nth-of-type(3) .form-item-name {
	  max-width: unset;
	  width: 100%;
}

.bodywrapper .support-highlight > div:nth-of-type(4) {
    width: 15%;
}

.bodywrapper .support-highlight > div:nth-of-type(5) {
    width: 40%;
}

.bodywrapper .support-highlight > div:nth-of-type(1) {
    display: block;
    width: 100%;
}

.bodywrapper .support-highlight > div:nth-of-type(5) .form-group {
   /* display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap; */
    margin: 0;
    width: 100%;
}

.support-highlight .customer-support-form .form-item-product-type {
		width: 100%;
}

.bodywrapper .support-highlight .btn-primary, 
.bodywrapper .support-highlight .btn-primary:hover,
.bodywrapper .product-registration .btn-primary, 
.bodywrapper .product-registration .btn-primary:hover {
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    margin: 0;
    font-size: 14px;
}

.bodywrapper .support-highlight .form-item-name .form-control, 
.bodywrapper .support-highlight .dropdown-list {
    border: 1px solid #616666;
    height: 35px;
    line-height: 35px;
    color: #616666;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Barlow', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-style: italic;
}

.bodywrapper .support-highlight .dropdown-list {
    font-size: 12px;
    font-weight: 500;
    font-family: 'Barlow', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-style: italic;
    width: 100%;
}

.bodywrapper .support-highlight .dropdown-list option {
    text-transform: none;
    font-weight: 200;
    font-style: normal;
}

.bodywrapper .support-highlight .form-item-name .form-control::placeholder,
.bodywrapper .support-highlight .dropdown-list option:nth-of-type(1) {
    color: #616666;
    text-transform: uppercase;
    font-style: italic;
    font-family: 'Barlow', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 13px;
}

.bodywrapper .support-highlight .form-item-name .form-control {
    background-image: url('https://www.peerlessfaucet.com/sites/peerless/files/2024-09/search-icon.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 13px;
    padding-left: 25px;
}


@media (max-width: 767px) {
.bodywrapper .support-highlight .btn-primary, 
.bodywrapper .support-highlight .btn-primary:hover,
.bodywrapper .product-registration .btn-primary, 
.bodywrapper .product-registration .btn-primary:hover {
		width: auto;
	}
}



@media (max-width: 600px) {
    .path-support .bodywrapper .support-highlight, 
    .path-customer-support .bodywrapper .support-highlight {
        display: flex;
        justify-items: center;
        flex-direction: column;
        align-items: center;
        padding-left: 30px!important;
        padding-right: 30px!important;
    }

    .bodywrapper .support-highlight > div:nth-of-type(3), 
    .bodywrapper .support-highlight > div:nth-of-type(4), 
    .bodywrapper .support-highlight > div:nth-of-type(5) {
        width: 100%;
    }
}

.tippy-box {
    background-color: #fff;
    color: #616666;
    text-transform: none;
    font-family: Barlow, Arial, Helvetica, sans-serif;
    font-size: .8em;
    line-height: 1;
    text-align: left;
    min-width: 420px;
}
.tippy-content {
	letter-spacing: normal;
}

.tippy-arrow {
    color: #fff;
}

#tippy-1 {
    box-shadow: 1px 3px 7px 5px rgba(0, 0, 0, .2);
}




.webform-submission-form .js-form-type-webform-image-file {
    display: inline-block;
    border-bottom: none;
    margin: 0;
}

.webform-submission-form #edit-image-upload-container {
    background: transparent;
}
.webform-submission-form .form-item-product-image-1 label, 
.webform-submission-form .form-item-product-image-2 label, 
.webform-submission-form .form-item-product-image-3 label, 
.webform-submission-form .form-type-webform-image-file::before {
    top: unset;
    min-width: unset;
    line-height: 45px;
    padding: 0 15px;
}

.webform-element-help--title {
    font-size: 24px;
    line-height: 1.8;
    font-weight: 700;
    color: #3e4653;
    font-family: Barlow, Trebuchet, Arial, sans-serif;
}

.webform-element-help:focus, 
.webform-element-help:active, 
.webform-element-help:hover {
    border-color: #00807e;
    background: #00807e;
}

.webform-submission-form .form-item-product-image-1 .file--image {
    position: relative;
    left: unset;
    top: unset;
}

.webform-submission-form .form-item-product-image-1 label.option {
    background: transparent;
    text-transform: none;
    letter-spacing: normal;
    padding: 0 10px;
}

/*.webform-submission-form .form-item-product-image-1 .form-checkbox {
    opacity: 1; 
    width: 16px;
    height: 16px;
}*/

.webform-submission-form .image_file .form-file {
	display: none;
}

.webform-submission-form .image_file .form-submit, 
.webform-submission-form .image_file .form-submit:hover,
.webform-submission-form .webform-multiple-add .form-submit, 
.webform-submission-form .webform-multiple-add .form-submit:hover {
		font-weight: 300;
    text-transform: none;
    background-color: #3e4653;
    border: none;
    border-radius: 0;
    padding: 0 10px;
    line-height: 45px;
    min-width: unset;
    top: unset;
    letter-spacing: normal;
    height: 45px;
}

.webform-submission-form .form-type-checkbox label {
  font-family: Roboto;
  font-size: 16px;
  color: #1f1f1f;
  line-height: 1.63;
  font-weight: normal;
  position: relative;
  padding-left: 10px;
  display: inline-block;
}

@media (max-width: 768px) {
  .webform-submission-form .form-type-checkbox label {
    left: 10px;
  }
}

.webform-submission-form .form-type-checkbox {
  padding-left: 10px;
}

.webform-submission-form .form-type-checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 5px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #4d4d4d;
  border-radius: 0px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out,color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out,color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out,color 0.15s ease-in-out;
}

.webform-submission-form .form-type-checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  left: -1px;
  top: 1px;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 3px;
  font-size: 11px;
  color: #00807e;
}

.path-support-product-registration #edit-productregistration, 
.path-support-product-registration #edit-register {
    display: none;
}

.product-registration-form {
    margin-bottom: 120px;
}



.path-support-warranty .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media(min-width: 768px) {
    .path-support-warranty .container-fluid {
        width:740px
    }
}

@media(min-width: 992px) {
    .path-support-warranty .container-fluid {
        width:960px
    }
}

@media(min-width: 1200px) {
    .path-support-warranty .container-fluid {
        width:1160px
    }
}