/* For Professionals */

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

@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 main {
    padding: 0;
}

main > .container {
    width: 100%;
}

.bodywrapper .layout-content .lead {
    font-weight: 400;
}

.bodywrapper .layout-content h1 {
    font-size: 70px;
    font-weight: 600;
    margin-bottom: 30px;
}

.bodywrapper .professional-search h1 {
    font-size: 36px;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 20px;
}

.bodywrapper h2 { 
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0;
}

.bodywrapper .layout-content h3 {
    font-size: 27px;
    font-weight: 600;
}

.bodywrapper .layout-content p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 10px;
}

.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 .layout-content ul {
    margin: 30px 10px;
    color: #3e4653;
    /* text-align: left; */
    font-size: 18px;
    font-weight: 400;
}


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

.bodywrapper .layout-content .pre-title,
#newsletter-sign-up .block-title-content h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .01em;
    color: #007377;
    margin-bottom: 10px;
}

#newsletter-sign-up .block-title-content h2 {
    text-align: center;
}

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

.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;
}

.bodywrapper .slider {
    margin-right: -10px;
    margin-left: -10px;
}

.bodywrapper .carousel.carousel-top {
    /* max-height: 720px; */
    overflow: hidden;
    margin-top: -25px;
    z-index: 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

.bodywrapper .carousel.carousel-top .carousel-control:hover svg polygon {
    fill: #fff;
}

@media(max-width: 991px) {
    .bodywrapper .carousel.carousel-top {
        min-height:340px;
        margin-top: 0;
        margin-bottom: 0;
        overflow: hidden;
    }
    
    .bodywrapper .layout-content h1 {
        font-size: 48px;
    }

    .bodywrapper .layout-content p {
        font-size: 16px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    
    .bodywrapper .layout-content .pre-title {
        font-size: 16px;
    }
}

.bodywrapper .carousel-image .carousel-inner {
    overflow: hidden;
}

.bodywrapper .carousel-top .carousel-inner .item {
  max-height: 900px;
}

.bodywrapper .carousel.carousel-top .carousel-indicators,
.bodywrapper .carousel.carousel-image .carousel-indicators{
    display: block;
}

.bodywrapper .carousel.carousel-top .carousel-indicators {
    padding-left: 40px;
}

.bodywrapper .carousel.carousel-image .carousel-indicators{
    left: 20px;
}

.bodywrapper .carousel.carousel-top .carousel-caption {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    left: 0;
    right: 0;
    max-width: 1140px;
    display: flex;
    align-items: center;
}

@media(min-width: 992px) {
    .bodywrapper .carousel.carousel-top .carousel-caption.float-center {
        text-align:center;
    }

    .bodywrapper .carousel.carousel-top .carousel-caption.float-center .hero-text {
        margin: 70px auto 0;
    }

    .bodywrapper .carousel.carousel-top .carousel-caption.float-right {
        overflow: hidden;
        text-align: right;
    }

    .bodywrapper .carousel.carousel-top .carousel-caption.float-right .hero-text {
        margin: 70px 0;
        float: right;
    }

    .bodywrapper .carousel.carousel-top .carousel-caption.float-right .hero-text a.button {
        float: right;
    }
}

@media(max-width: 991px) {
    .bodywrapper .carousel.carousel-top .carousel-caption {
        width:100%;
        overflow: hidden;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        padding: 0;
    }
}

.bodywrapper .carousel.carousel-top .carousel-caption .hero-text {
    width: 60%;
    /* max-width: 620px; */
    margin: 0 40px;
}

@media(max-width: 991px) {
    .bodywrapper .carousel.carousel-top .carousel-caption .hero-text {
        width: 100%;
        max-width: 480px;
        margin: 0;
        padding: 20px;
        /* text-align: center; */
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .bodywrapper .carousel.carousel-top .carousel-caption .hero-text {
        margin-left:80px;
    }
}

.bodywrapper .carousel.carousel-top .carousel-caption .hero-text .button--video span.icon {
    padding: 15px 15px;
}

.bodywrapper .carousel.carousel-top .carousel-caption .hero-text .button--video span.txt {
    display: inline-block;
    padding: 17px 30px 0;
}

.bodywrapper .carousel.carousel-top .carousel-caption .hero-text a.button {
    display: block;
    border: 0;
    margin-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
    padding: 0;
    margin-top: 5px;
    width: 100%;
    max-width: 290px;
    height: 60px;
    line-height: 60px;
    background-color: #00807e;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    margin-left: 0;
}

@media(max-width: 991px) {
    .bodywrapper .carousel.carousel-top .carousel-caption .hero-text a.button {
        /* margin:0 auto; */
        font-size: 16px;
        max-width: 230px;
        height: 45px;
        line-height: 45px;
        margin-bottom: 30px;
    }
}

.bodywrapper .carousel.carousel-top .carousel-caption .hero-text p {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    font-family: 'Barlow', Trebuchet, Arial, sans-serif;
    text-shadow: 3px 5px 10px rgba(0,0,0,0.1);
}

.bodywrapper .carousel.carousel-top .carousel-caption .hero-text .heading-plain-text p {
    text-transform: unset;
    letter-spacing: normal;
    font-weight: 500;
    margin: 40px 0;
    line-height: 1.4;
}

@media(max-width: 991px) {
    .bodywrapper .carousel.carousel-top .carousel-caption .hero-text p {
        /* display:none; */
        font-size: 16px;
    }
    
    .bodywrapper .carousel.carousel-top .carousel-caption .hero-text .heading-plain-text p {
        font-size: 16px;
    }
}

.bodywrapper .carousel.carousel-top .carousel-caption .hero-text h1 {
    font-size: 70px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1px;
    color: #fff;
    text-shadow: 3px 5px 10px rgba(0,0,0,0.2);
    font-family: 'Barlow', Trebuchet, Arial, sans-serif;
    margin: 10px 0 30px 0;
}

@media (max-width: 1199px) and (min-width:992px) {
    .bodywrapper .carousel.carousel-top .carousel-caption .hero-text h1 {
        font-size:50px;
    }

    .bodywrapper .carousel.carousel-top .carousel-indicators {
        bottom: 20px;
        left: 80px;
    }
}

@media(max-width: 991px) {
    .bodywrapper .carousel.carousel-top .carousel-caption .hero-text h1 {
        font-size:36px;
        margin: 30px 0;
    }
}

.bodywrapper .carousel-fade .carousel-inner .item::before {
    content: '';
    position: absolute;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,0.6) 33%, rgba(0,0,0,0) 66%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.6) 33%, rgba(0,0,0,0) 66%);
    background: linear-gradient(90deg, rgba(0,0,0,0.6) 33%, rgba(0,0,0,0) 66%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media(max-width: 767px) {
  .bodywrapper .carousel-fade .carousel-inner .item::before {
      background: rgb(0,0,0);
      background: -moz-linear-gradient(90deg, rgba(0,0,0,0.6) 66%, rgba(0,0,0,0) 100%);
      background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.6) 66%, rgba(0,0,0,0) 100%);
      background: linear-gradient(90deg, rgba(0,0,0,0.6) 66%, rgba(0,0,0,0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }
}
  
.bodywrapper .carousel.carousel-top .carousel-inner>.item>img,
.bodywrapper .carousel.carousel-top .carousel-inner .carousel-inner>.item>a>img {
    width: 100%;
    max-width: none;
}

@media(max-width: 991px) {
    .bodywrapper .carousel.carousel-top .carousel-indicators {
        left:20px;
        text-align: left;
        padding-left: 0;
    }
    .bodywrapper .carousel.carousel-top .carousel-inner>.item>img,
    .bodywrapper .carousel.carousel-top .carousel-inner .carousel-inner>.item>a>img {
        /* height:100%;
        width: auto; */
        min-width: 800px;
    }
}

.bodywrapper .carousel.carousel-top .carousel-inner {
    /* position: static; */
}

.video-embed {
    margin-bottom: 7.5rem;
}



.bodywrapper .carousel.carousel-top .panel {
    position: absolute;
    bottom: 7.5%;
    width: 25%;
    right: 5%;
    margin: 2.5%;
    z-index: 1030;
    display: flex;
    background-color: transparent;
    border: none;
    max-width: 300px;
}

@media (max-width: 991px) {
    .bodywrapper .carousel.carousel-top .panel {
        /* width:33.333%; */
    }

    .bodywrapper .carousel.carousel-top .media-left {
        display: none;
    }
}

@media (max-width: 767px) {
    .bodywrapper .carousel.carousel-top .panel {
        display:none;
    }
}

@media (min-width: 1200px) {
    .bodywrapper .carousel.carousel-top .panel {
        /* width:31%; */
    }
}

.bodywrapper .carousel.carousel-top .panel-default>.panel-heading {
    background-color: transparent;
    border-bottom: none;
    border-color: transparent;
}

.bodywrapper .carousel.carousel-top .panel-body {
    background-color: #fff;
    border: solid 1px #7B979A;
    padding: 0;
}

.bodywrapper .carousel.carousel-top .media-body {
    padding: 15px;
}

.bodywrapper .carousel.carousel-top .media-body .pre-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 12px;
}

.bodywrapper .carousel.carousel-top .media-body h4 {
    margin: 0 0 .25em 0;
    font-size: 16px;
}

.bodywrapper .carousel.carousel-top .media-body p {
    font-size: 13px;
}

.bodywrapper .carousel.carousel-top .media-left, 
.bodywrapper .carousel.carousel-top .media-right {
    width: 100%;
    display: block;
}

.bodywrapper .carousel.carousel-top .media-left {
    padding: 0;
}

.bodywrapper .carousel.carousel-top .close {
    background-color: #fff;
    opacity: 1;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    line-height: 20px;
    text-align: center;
    border: solid 1px #7B979A;
    font-size: 25px;
}

.bodywrapper .carousel.carousel-top .close::after {
    content: unset;
}

.bodywrapper .carousel.carousel-top .media-object {
    /* display:block; */
    /* max-width:135px; */
    width: 100%;
}

.bodywrapper .carousel.carousel-top .btn-signup {
    border: 0;
    text-align: center;
    font-size: 15px;
    margin: 5px 0 0 0;
    padding: 8px 4rem;
    color: #007377;
    font-weight: 600;
    text-decoration: underline;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .bodywrapper .carousel.carousel-top .media-body h4 {
        font-size:14px;
    }

    .bodywrapper .carousel.carousel-top .media-body p {
        font-size: 12px;
    }

    .bodywrapper .carousel.carousel-top .btn-signup {
        font-size: 13px;
    }
}





.bodywrapper .banner {
    position: relative;
    margin: 7.5vw -10px;
    padding: 0;
}

.bodywrapper .banner .banner-image {
    /* position: relative; */
    /* text-align: center; */
    /* z-index: 1; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
}

.bodywrapper .banner .banner-image img {
    width: 100%;
    height: auto;
}

.bodywrapper .banner .banner-image img.mobile {
    display: none;
}

@media(max-width: 991px) {
    .bodywrapper .banner .banner-image img.mobile {
        display:block;
    }
}

.bodywrapper .banner .banner-image img.desktop {
    display: none;
}

@media(min-width: 992px) {
    .bodywrapper .banner .banner-image img.desktop {
        display:block;
    }
}

.bodywrapper .banner .banner-overlay, 
.bodywrapper .banner .banner-image:before {
    background-blend-mode: multiply;
    /* background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0)); */
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,0.4990371148459384) 0%, rgba(0,0,0,0) 50%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.4990371148459384) 0%, rgba(0,0,0,0) 50%);
    background: linear-gradient(90deg, rgba(0,0,0,0.4990371148459384) 0%, rgba(0,0,0,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
}

@media(max-width: 991px) {
    .bodywrapper .banner .banner-overlay, 
    .bodywrapper .banner .banner-image:before {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(90deg, rgba(0,0,0,0.4990371148459384) 0%, rgba(0,0,0,0) 66%);
        background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.4990371148459384) 0%, rgba(0,0,0,0) 66%);
        background: linear-gradient(90deg, rgba(0,0,0,0.4990371148459384) 0%, rgba(0,0,0,0) 66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    }
}

.bodywrapper .banner .banner-txt {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10% 5vw;
    width: 75%;
    position: relative;
    z-index: 10;
}

@media(max-width: 619px) {
  .bodywrapper .banner .banner-txt {
      padding: 15% 2.5vw;
      width: 100%;
  }
}

.bodywrapper .banner .banner-txt--title {
    font-family: 'Barlow', Trebuchet, Arial, sans-serif;
    font-size: 6rem;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.05;
    color: #fff;
    text-shadow: 3px 5px 10px rgba(0,0,0,0.2);
    margin: 0;
    letter-spacing: normal;
}

.bodywrapper .banner .banner-txt--title sup {
    font-size: 50px;
}

@media(max-width: 991px) {
    .bodywrapper .banner .banner-txt--title {
        font-size:44px;
    }

    .bodywrapper .banner .banner-txt--title sup {
        font-size: 25px;
    }
}

.bodywrapper .banner .banner-txt--description {
    font-family: 'Barlow', Trebuchet, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: .9px;
    color: #fff;
    text-shadow: 3px 5px 10px rgba(0,0,0,0.1);
    text-transform: uppercase;
}

@media(max-width: 991px) {
    .bodywrapper .banner .banner-txt--description {
        font-size:18px;
    }
}

.bodywrapper .banner a.button {
    display: block;
    border: 0;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
    padding: 0;
    margin-top: 20px;
    width: 100%;
    max-width: 290px;
    height: 60px;
    line-height: 60px;
    background-color: #00807e;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    margin-left: 0;
}

@media(max-width: 991px) {
    .bodywrapper .banner a.button {
        margin:0 auto;
    }
}

.main .container .row .layout-content {
    padding: 0;
}


.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;
}

.bg-green li {
    text-align: left;
}



#newsletter-sign-up .form-actions {
    text-align: center;
    margin: 0;
}

#newsletter-sign-up .form-wrapper h2 {
    font-size: 32px;
}

#newsletter-sign-up .form-wrapper #edit-actions {
    width: 100%;
    display: block;
    text-align: center;
    clear: both;
    position: relative;
    float: left;
}

#newsletter-sign-up .form-wrapper .form-item {
    display: block;
    margin: .5em 0;
    float: left;
    width: 100%;
}

#newsletter-sign-up .form-wrapper .form-item-full-name-first,
#newsletter-sign-up .form-wrapper .form-item-full-name-last,
#newsletter-sign-up .form-wrapper .form-item-phone-number,
#newsletter-sign-up .form-wrapper .form-item-first-name, 
#newsletter-sign-up .form-wrapper .form-item-last-name {
    margin: .5em 1%;
    width: 47.5%;
}

#newsletter-sign-up .form-wrapper .form-item-address-address,
#newsletter-sign-up .form-wrapper .form-item-email,
#newsletter-sign-up .form-wrapper .form-item-email-address {
    width: 97%;
    margin: .5em 1%;
}

#newsletter-sign-up .form-wrapper .form-item-address-city {
    width: 64%;
    margin: .5em 1%;
}

#newsletter-sign-up .form-wrapper .form-item-address-address-2,
#newsletter-sign-up .form-wrapper .form-item-address-state-province,
#newsletter-sign-up .form-wrapper .form-item-address-postal-code,
#newsletter-sign-up .form-wrapper .form-item-address-country {
    width: 31%;
    margin: .5em 1%;
}

#newsletter-sign-up .form-wrapper .form-item .form-text, 
#newsletter-sign-up .form-wrapper .form-item .form-select, 
#newsletter-sign-up .form-wrapper .form-item .form-tel,
#newsletter-sign-up .form-wrapper .form-item .form-email {
    border: 1px #939590 solid;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    color: #3e4653;
    font-size: 18px;
    height: 44px;
}

#newsletter-sign-up .form-wrapper .form-type-checkbox {
    margin: .5em 1.5%;
    width: 45%;
}

@media(max-width: 991px) {
  #newsletter-sign-up .form-wrapper .form-type-checkbox {
      margin: .5em 1.5%;
      width: 95%;
  }
}

#newsletter-sign-up .form-wrapper .form-item .form-checkbox:checked:before {
    border-top: 1px solid #00B176;
    border-right: 1px solid #00B176;
    border-bottom: 1px solid #00B176;
}

#newsletter-sign-up .form-wrapper .form-item label {
    display: none;
}

#newsletter-sign-up .form-wrapper .form-item .form-text::placeholder,
#newsletter-sign-up .form-wrapper .form-item .form-email::placeholder {
    color: #9A9A9A;
    font-weight: 300;
    font-size: 16px;
}

#newsletter-sign-up .form-type-checkbox .description {
    margin: 0 0 0 3em;
}

#newsletter-sign-up .webform-submission-form option {
    color: #9A9A9A;
}

#newsletter-sign-up .webform-submission-form h3 {
    font-family: Barlow,Trebuchet,Arial,sans-serif;
    color: #3e4653;
    line-height: 1.1;
    margin-bottom: 30px;
}

#newsletter-sign-up .webform-submission-form .webform-element-description {
    width: auto;
    line-height: 15px;
    font-size: 1.2em;
    color: #9A9A9A;
    height: 27px;
    display: flex;
    align-items: center;
}

#newsletter-sign-up .webform-submission-form .webform-element-description a {
    text-decoration: underline;
}


#newsletter-sign-up .form-wrapper .form-item .form-checkbox {
    border-left: 3px #007377 solid;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    background-color: rgba(123,151,154,.1);
    width: 27px;
    height: 27px;
    display: inline;
    margin: 0 0 0 -3px;
    text-shadow: none;
    position: absolute;
    z-index: 1;
    opacity: 1;
}

#newsletter-sign-up .form-wrapper .form-item .form-checkbox:before {
    border-left: 3px #007377 solid;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f3f4f6;
    border-right: 2px solid #f3f4f6;
    border-bottom: 1px solid #f3f4f6;
    background-color: rgba(123,151,154,.1);
    width: 27px;
    height: 27px;
    content: "";
    position: absolute;
}

.bodywrapper .carousel--product-collection {
    color: #007377;
    font-size: 18px;
}


@media(max-width: 619px) {
  #newsletter-sign-up .form-wrapper .form-item {
      width: 100%;
  }
  .w-50 {
    width: 100%;
  }
  
  .w-75 {
      width: 100%;
  }

}

/* Inherited from For Pros CSS */

#block-professionalssearchblock > div > h1 {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 5px;
    display: none;
}

#block-professionalssearchblock h3 {
    font-size: 24px;
    font-weight: normal;
    display: none;
}

#block-professionalssearchblock .professional-search {
    margin: 0 auto;
    /* text-align: center; */
}

#block-professionalssearchblock .form-radios {
    overflow: hidden;
    list-style: none;
    margin-bottom: 26px;
    display: flex;
    justify-content: flex-start /* center */;
    float: none;
    flex-wrap: wrap;
}

@media (min-width: 992px) {
    #block-professionalssearchblock .form-radios {
        padding-left:0px/* 40px */;
    }
}

#block-professionalssearchblock .form-radios .form-type-radio {
    list-style: none;
    float: left;
    margin-right: 10px;
}

#block-professionalssearchblock .form-radio {
    float: left;
    margin-right: 10px;
}

#block-professionalssearchblock .form-radio + label {
    position: relative;
    display: block;
    width: 152px;
    height: 162px;
    padding: 125px 5px 5px !important;
    border: 1px solid #ddd;
    color: #666;
    background-color: #ddd;
    background-repeat: no-repeat;
    font-size: 12px;
    line-height: normal !important;
    font-weight: normal;
}

#block-professionalssearchblock .form-type-radio:nth-child(1) label {
    background-image: url('/sites/peerless/themes/custom/peerless/css/../img/detailed-product-info.jpg');
}

#block-professionalssearchblock .form-type-radio:nth-child(2) label {
    background-image: url('/sites/peerless/themes/custom/peerless/css/../img/specifications.png');
}

#block-professionalssearchblock .form-type-radio:nth-child(3) label {
    background-image: url('/sites/peerless/themes/custom/peerless/css/../img/maintenance-installation.png');
}

#block-professionalssearchblock .form-type-radio:nth-child(4) label {
    background-image: url('/sites/peerless/themes/custom/peerless/css/../img/parts-info.png');
}

#block-professionalssearchblock .form-type-radio [type="radio"]:checked + label {
    background-color: #009181;
    color: white;
    border: 1px solid #009181;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkitbox-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#block-professionalssearchblock .form-type-radio [type="radio"]:checked + label::after {
    display: block;
    position: absolute;
    width: 63px;
    height: 66px;
    top: 27px;
    left: 45px;
    background: url('/sites/peerless/themes/custom/peerless/css/../img/checkmark-big.png') no-repeat;
    content: "";
}

#block-professionalssearchblock .form-type-radio [type="radio"]:not(:checked) + label::before,
#block-professionalssearchblock .form-type-radio [type="radio"]:checked + label::before {
    display: none;
}

.node--type-static-pages .field--name-field-heading h2 {
    text-align: center;
}


.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;
    }
}