/***********************/
/*Color Presets*/
/***********************/

:root {
    --darkest-grey: #343E46;
    --darkest-grey-rgb: 52,62,70;
    --massage-green-rgb: 184,209,73;
    --light-grey-rgb: 230,229,229;
    --massage-green: #B8D149;
    --dark-grey: #586A77;
    --dark-grey-30: rgba(88, 106, 119, 0.3);
    --light-grey: #E6E5E5;
    --light-grey-50: rgba(230,229,229,0.5);
    --dark-grey-20: rgba(88,106,119,0.2);
    --mid-tone-grey: #798893;
    --mid-tone-grey-rgb: 121 136 147;
    --massage-green-20: rgba(184, 209, 73, 0.2);
}

/***********************/
/*Containers*/
/***********************/

@media (min-width: 1600px) and (max-width: 4000px) {
    .container {
        max-width: 1440px;
        min-width: 1440px;
    }
}

@media (min-width: 1367px) and (max-width: 1599px) {
    .container {
        max-width: 1280px;
        min-width: 1280px;
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .container {
        max-width: 1180px;
        min-width: 1180px;
    }
}

/***********************/
/*Spacing*/
/***********************/

.spacing-top-full {
    margin-top: 90px;
}

.spacing-top-half {
    margin-top: 45px;
}

.spacing-top-none {
    margin-top: 0px;
}

.spacing-bottom-full {
    margin-bottom: 90px;
}

.spacing-bottom-half {
    margin-bottom: 45px;
}

.spacing-bottom-none {
    margin-bottom: 0px;
}

/***********************/
/*Typography*/
/***********************/

html, body {
    font-family: "proxima-nova";
    color: var(--darkest-grey);
}

h1 {
    font-size: 48px;
    line-height: 52px;
    font-weight: 900;
}

h2 {
    font-size: 38px;
    line-height: 40px;
    font-weight: 900;
}

h3 {
    font-size: 34px;
    line-height: 38px;
    font-weight: 900;
}

h4 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 900;
}

h5 {
    font-size: 25px;
    line-height: 33px;
    font-weight: 500;
}

p, li {
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
}

p a, li a {
    font-weight: 800;
    color: inherit;
}

p a:hover, li a:hover {
    color: var(--mid-tone-grey);
    text-decoration: none!important;
}

span.green {
    color: var(--massage-green);
}

/* Hide book now button if clinic page */

body.has-clinic-banner nav .book-nav-btn {
    display: none !important;
}

/* Fixed Location Button */

/*.schedulefixedButton {
    position: fixed;
    bottom: 2%;
    right: 3%;
    z-index: 10000;
}*/

.schedulefixedButton {
    position: fixed;
    bottom: 50px;
    right: 15px;
    z-index: 10000;
}

.schedulefixedButton p {
    font-size: 20px;
}

.schedulefixedButton a {
    position: relative;
    display: inline-block;
    background-color: var(--massage-green);
    color: var(--darkest-grey);
    font-weight: 600;
    text-decoration: none;
    padding: 10px 25px;
    border-radius: 50px;
    overflow: hidden;
    text-align:center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (min-width: 992px) {
    .schedulefixedButton a {
        border: 2px solid #ffffff;
    }
}

.schedulefixedButton a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255,255,255,0.2), rgba(255,255,255,0));
    transform: skewX(-20deg);
    transition: left 0.6s ease;
}

.schedulefixedButton a:hover::before {
    left: 125%;
}

.schedulefixedButton a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.35);
    color: var(--darkest-grey);
}

/***********************/
/* Breadcrumbs */
/***********************/

.breadCrumbs2025 {
    margin-top: 25px;
}

.breadCrumbs2025 p {
    margin-bottom: 0px;
}

.breadCrumbs2025 p a {
    font-weight: 400;
}

.breadCrumbs2025 .container .row .col-sm-12 p * {
    margin-right: 7px;
}

.breadCrumbs2025 .container .row .col-sm-12 p *:last-child {
    font-weight:700;
}

/***********************/
/*Sub Nav*/
/***********************/

.subnav-wrapper {
    display: flex;
    justify-content: end;
}

.subnav-wrapper .subnav-ul {
    border-right: 12px solid var(--dark-grey);
    border-radius: 10px;
}

.subnav-wrapper .subnav-ul li {
    background: var(--light-grey-50);
    padding-left: 0px;
    width: 230px;
    border-radius: 10px 0px 0px 10px;
    transition: all .5s ease;
}

.subnav-wrapper .subnav-ul li a {
    font-weight: 500;
    display: block;
    padding: 7px 20px 7px 13px;
}

.subnav-wrapper .subnav-ul li::before {
    display: none;
}

.subnav-wrapper .subnav-ul li:hover,
.subnav-wrapper .subnav-ul li.currentPage {
    background: var(--massage-green);
}

.subnav-wrapper .subnav-ul li:hover a,
.subnav-wrapper .subnav-ul li.currentPage a{
    color: var(--darkest-grey);
    text-shadow: 0 0 1px var(--darkest-grey);
}

.mobile-show.mobile-subnav {
    display: none;
}

/***********************/
/*Lists*/
/***********************/

/*Unordered Lists*/

ul {
    padding-left: 0px;
    list-style-position: inside;
    list-style: none;
    margin-bottom: 30px;
}

ul li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

ul li a {
    font-weight: 800;
    color: var(--darkest-grey);
    text-decoration: none;
}

ul li a:hover {
    color: var(--mid-tone-grey);
}

ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6.5px;
    transform: unset;
    width: 10px;
    height: 10px;
    background-color: var(--massage-green);
    border-radius: 50%;
}

/*Ordered Lists*/

ol,
ul.cssNumbers {
    padding-left: 0px;
    counter-reset: item;
    list-style-type: none;
    margin: 10px 0px 20px;
}

ol li > ol,
ol li > ul {
    width: 100%;
    margin-top: 6px;
    margin-left: calc(28px + 20px);
    padding-left: 0;
}

ol li,
ul.cssNumbers li {
    position: relative;
    padding-left: 0;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    word-break: break-word;
    flex-wrap: wrap;
}

ul.cssNumbers li {
    display: block;
    padding-left: 55px;
    padding-top: 14px;
    margin-bottom: 15px;
}

ol li > *:not(ol):not(ul) {
    flex: 1;
}

ul.cssNumbers {
    margin-bottom: 30px;
}

ul.cssNumbers li span.cssNumbers {
    display: none;
}

ol li::before {
    content: counter(item);
    counter-increment: item;
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    color: var(--darkest-grey);
    border: 2px solid var(--massage-green);
    border-radius: 50%;
    font-weight: bold;
    font-size: 13px;
    flex: 0 0 28px;
}

ul.cssNumbers li::before {
    content: counter(item);
    counter-increment: item;
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    color: var(--darkest-grey);
    border: 2px solid var(--massage-green);
    border-radius: 50%;
    font-weight: bold;
    font-size: 17px;
}

/*Check Lists*/

.checklist ul,
.checklist ol {
    list-style-type: none;
    padding-left: 0;
    margin-top: 20px;
}

.checklist ul li,
.checklist ol li {
    background-image: url('https://immediac.blob.core.windows.net/massageaddict2025/checkmark%202.png');
    background-position: 0 4px;
    background-repeat: no-repeat;
    padding-left: 33px;
}

.checklist.light-cl ul li,
.checklist.light-cl ol li {
    background-image: url('https://immediac.blob.core.windows.net/massageaddict2025/light-checklist.png');
}

.checklist ul li a,
.checklist ol li a {
    color: var(--mid-tone-grey);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: var(--massage-green);
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.checklist ul li a:hover,
.checklist ol li a:hover {
    color: var(--massage-green);
    text-decoration: underline!important;
    text-decoration-color: var(--darkest-grey)!important;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px!important;
}

.checklist.large-cl ul li,
.checklist.large-cl ol li {
    background-size: 62px 54px;
    min-height: 60px;
    padding-left: 85px;
    margin-bottom: 25px;
}

.checklist.large-cl ul li :is(h1, h2, h3, h4, h5, h6),
.checklist.large-cl ol li :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 0px;
    margin-top: 0px;
}

.checklist.large-cl ul li:nth-last-of-type(1),
.checklist.large-cl ol li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.checklist.small-cl ul li,
.checklist.small-cl ol li {
    background-size: 36px 30px;
    min-height: 36px;
    padding-left: 45px;
    margin-bottom: 20px;
    padding-top: 6px;
}

.checklist.small-cl ul li:nth-last-of-type(1),
.checklist.small-cl ol li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.checklist ul li::before,
.checklist ol li::before {
    display: none;
}

/***********************/
/*Alert Box*/
/***********************/

.alert.alert-warning {
    border: 3px solid var(--massage-green);
    border-radius: 30px;
    background: var(--massage-green-20);
    font-size: 17px;
    line-height: 26px;
    padding: 40px;
    color: var(--darkest-grey);
    margin-top: 20px;
}

/***********************/
/*Buttons*/
/***********************/

.button,
button.btn.btn-default.checkout,
.checkout2 {
    border-radius: 10px;
    padding: 8px 20px 8px;
    display: inline-block;
    font-weight: 700;
    text-decoration: none !important;
    text-align: center;
    transition: all .5s ease;
}

.no-border-btn {
    border: none;
}

.button.disabled-button {
    pointer-events: none;
    opacity: 0.7;
}

/*colors*/

.green-btn-lg,
.green-btn-md,
.green-btn-sm,
.green-btn,
button.btn.btn-default.checkout,
.checkout2 {
    background: var(--massage-green);
    color: var(--darkest-grey);
}

.drk-gry-btn-lg,
.drk-gry-btn-md,
.drk-gry-btn-sm,
.drk-gry-btn {
    background: var(--darkest-grey);
    color: #ffffff;
}

.mid-gry-btn-lg,
.mid-gry-btn-md,
.mid-gry-btn-sm,
.mid-gry-btn {
    background: var(--dark-grey);
    color: #ffffff;
}

.light-gry-btn-lg,
.light-gry-btn-md,
.light-gry-btn-sm,
.light-gry-btn {
    background: var(--light-grey);
    color: var(--darkest-grey);
}

.white-btn-lg,
.white-btn-md,
.white-btn-sm,
.white-btn {
    background: #ffffff;
    color: var(--darkest-grey);
}

/*States*/

.green-btn-lg:hover,
.green-btn-md:hover,
.green-btn-sm:hover,
.green-btn:hover,
button.btn.btn-default.checkout:hover,
.modal-body #loginSubmitBtn:hover,
.modal-body #requestPwdLinkBtn:hover,
.createAccountForm .callout-button:hover,
.checkout2:hover,
.green-btn-lg:focus,
.green-btn-md:focus,
.green-btn-sm:focus,
.green-btn:focus,
.modal-body #loginSubmitBtn:focus,
button.btn.btn-default.checkout:focus,
.modal-body #requestPwdLinkBtn:focus,
.createAccountForm .callout-button:focus,
.checkout2:focus,
.green-btn-lg:focus-visible,
.green-btn-md:focus-visible,
.green-btn-sm:focus-visible,
.green-btn:focus-visible,
button.btn.btn-default.checkout:focus-visible,
.modal-body #loginSubmitBtn:focus-visible,
.modal-body #requestPwdLinkBtn:focus-visible,
.createAccountForm .callout-button:focus-visible,
.checkout2:focus-visible,
.green-btn-lg:active,
.green-btn-md:active,
.green-btn-sm:active,
.green-btn:active,
button.btn.btn-default.checkout:active,
.modal-body #loginSubmitBtn:active,
.modal-body #requestPwdLinkBtn:active,
.createAccountForm .callout-button:active,
.checkout2:active {
    background: var(--darkest-grey)!important;
    color: #ffffff;
    outline: none;
}

.drk-gry-btn-lg:hover,
.drk-gry-btn-md:hover,
.drk-gry-btn-sm:hover,
.drk-gry-btn:hover,
.hover-green:hover,
.drk-gry-btn-lg:focus,
.drk-gry-btn-md:focus,
.drk-gry-btn-sm:focus,
.drk-gry-btn:focus,
.hover-green:focus,
.drk-gry-btn-lg:focus-visible,
.drk-gry-btn-md:focus-visible,
.drk-gry-btn-sm:focus-visible,
.drk-gry-btn:focus-visible,
.hover-green:focus-visible,
.drk-gry-btn-lg:active,
.drk-gry-btn-md:active,
.drk-gry-btn-sm:active,
.drk-gry-btn:active,
.hover-green:active {
    background: var(--massage-green) !important;
    color: var(--darkest-grey) !important;
    outline: none !important;
}

.mid-gry-btn-lg:hover,
.mid-gry-btn-md:hover,
.mid-gry-btn-sm:hover,
.mid-gry-btn:hover,
.mid-gry-btn-lg:focus,
.mid-gry-btn-md:focus,
.mid-gry-btn-sm:focus,
.mid-gry-btn:focus,
.mid-gry-btn-lg:focus-visible,
.mid-gry-btn-md:focus-visible,
.mid-gry-btn-sm:focus-visible,
.mid-gry-btn:focus-visible,
.mid-gry-btn-lg:active,
.mid-gry-btn-md:active,
.mid-gry-btn-sm:active,
.mid-gry-btn:active {
    background: var(--massage-green);
    color: var(--darkest-grey);
    outline: none;
}

.light-gry-btn-lg:hover,
.light-gry-btn-md:hover,
.light-gry-btn-sm:hover,
.light-gry-btn:hover,
.light-gry-btn-lg:focus,
.light-gry-btn-md:focus,
.light-gry-btn-sm:focus,
.light-gry-btn:focus,
.light-gry-btn-lg:focus-visible,
.light-gry-btn-md:focus-visible,
.light-gry-btn-sm:focus-visible,
.light-gry-btn:focus-visible,
.light-gry-btn-lg:active,
.light-gry-btn-md:active,
.light-gry-btn-sm:active,
.light-gry-btn:active {
    background: var(--darkest-grey);
    color: #ffffff;
    outline: none;
}

.white-btn-lg:hover,
.white-btn-md:hover,
.white-btn-sm:hover,
.white-btn:hover,
.hover-light:hover,
.light-hover-btn .button:hover,
.white-btn-lg:focus,
.white-btn-md:focus,
.white-btn-sm:focus,
.white-btn:focus,
.hover-light:focus,
.light-hover-btn .button:focus,
.white-btn-lg:focus-visible,
.white-btn-md:focus-visible,
.white-btn-sm:focus-visible,
.white-btn:focus-visible,
.hover-light:focus-visible,
.light-hover-btn .button:focus-visible,
.white-btn-lg:active,
.white-btn-md:active,
.white-btn-sm:active,
.white-btn:active,
.hover-light:active,
.light-hover-btn .button:active {
    background: var(--light-grey) !important;
    color: var(--darkest-grey) !important;
    outline: none !important;
}

/*sizes*/

.green-btn-lg,
.drk-gry-btn-lg,
.mid-gry-btn-lg,
.light-gry-btn-lg,
.white-btn-lg,
.btn-lg {
    font-size: 26px;
    line-height: 30px;
}

.green-btn-md,
.drk-gry-btn-md,
.mid-gry-btn-md,
.light-gry-btn-md,
.white-btn-md,
.btn-md,
button.btn.btn-default.checkout {
    font-size: 22px;
    line-height: 25px;
}

.green-btn-sm,
.drk-gry-btn-sm,
.mid-gry-btn-sm,
.light-gry-btn-sm,
.white-btn-sm,
.btn-sm {
    font-size: 17px;
}

/***********************/
/*Forms*/
/***********************/

.form-control {
    background: var(--light-grey-50);
    border: none;
    box-shadow: none;
    min-height: 55px;
    border-radius: 5px;
    font-size: 17px;
    padding: 6px 17px;
}

select.form-control,
select.form-control:focus {
    border-right: 15px solid transparent !important;
}

input::placeholder {
    font-size: 17px;
}

button.btn.btn-primary i {
    color: var(--darkest-grey);
    font-size: 20px;
    transition: all .5s ease;
}

.form-control:focus {
    box-shadow: none;
}

.cms-form-group-required .cms-form-label:after {
    color: var(--massage-green)!important;
}

.form-group label,
.memberInfo label {
    font-size: 16px;
    color: var(--darkest-grey);
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px;
}

.memberInfo label {
    font-size: 17px;
}

input.cms-field-submit {
    padding: 8px 30px !important;
    border-radius: 10px;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none !important;
    background: var(--massage-green);
    color: var(--darkest-grey);
    border: none;
}

input.cms-field-submit:hover,
input.cms-field-submit:focus,
input.cms-field-submit:active {
    background: var(--darkest-grey) !important;
    color: white !important;
    outline: none;
    border: none;
}

input.cms-field-submit:focus-visible {
    outline: none!important;
}

.cms-form-multifield {
  display: none;
}

.radio label {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-size: 16px;
  color: #333;
}

.radio label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--light-grey-50); 
  display: inline-block;
}

.radio input[type="radio"]:checked + .cms-form-multifield-label::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--massage-green);
  box-shadow: 0 0 0 6px var(--light-grey-50);
}

.cms-group-file label {
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
}

textarea.form-control {
    padding: 20px 17px;
}

.cms-field-file.form-control {
    width: 100%;
    height: auto;
    padding: 10px;
    border: 0;
    background: var(--light-grey-50);
    box-shadow: none;
    line-height: normal;
    vertical-align: middle;
    font-size: 17px;
}
.cms-field-file::file-selector-button {
  background: var(--massage-green);
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  border: 0;
  border-radius: 10px;
  margin-right: 15px;    
  cursor: pointer;
  transition: background .2s;
}

.cms-field-file::-webkit-file-upload-button {
  background: var(--massage-green);
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  border: 0;
  border-radius: 10px;
  margin-right: 6px;
  cursor: pointer;
  transition: background .2s;
}

.cms-field-file:hover::file-selector-button,
.cms-field-file:hover::-webkit-file-upload-button {
  background: #a4bd3c;
}

.checkbox input[type="checkbox"].cms-form-multifield,
.cancellation-label input[type="checkbox"].checkboxFloat,
.confirmedByTextMessage input[type="checkbox"].checkboxFloat {
    display: none;
}


.checkbox label,
.cancellation-label,
.confirmedByTextMessage {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    font-size: 16px;
    color: #333;
}

.checkbox label::before,
.cancellation-label::before,
.confirmedByTextMessage::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background: var(--light-grey-50);
  display: inline-block;
}


.checkbox input[type="checkbox"]:checked + .cms-form-multifield-label::before,
.cancellation-label input[type="checkbox"].checkboxFloat:checked + *::before,
.confirmedByTextMessage input[type="checkbox"].checkboxFloat:checked + *::before,
.cancellation-label input[type="checkbox"].checkboxFloat:checked::before,
.confirmedByTextMessage input[type="checkbox"].checkboxFloat:checked::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: var(--massage-green);
  box-shadow: 0 0 0 6px var(--light-grey-50);
}


/***********************/
/*Header*/
/***********************/

.main-menu .container-fluid {
    display: flex;
    align-items: end;
    justify-content: center;
    position: relative;
}

.main-menu .leftMenuWrapper {
    width: 40vw;
    display: flex !important;
    align-items: normal;
    justify-content: end;
    padding-left: 60px;
}

.main-menu ul.nav.navbar-nav {
    display: flex;
}

.leftMenuWrapper ul.nav.navbar-nav {
    float: right;
}

ul.nav.navbar-nav li.currentPage {
    font-weight: 700;
}

.main-menu ul.nav.navbar-nav li {
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.main-menu ul.nav.navbar-nav li:not(.assisted-stretching) {
    display: flex;
}

.assisted-stretching {
    display: none;
}

ul.nav.navbar-nav li {
    font-size: 18px;
}

ul.nav.navbar-nav li::before {
    display: none;
}

.main-menu ul.nav.navbar-nav li a {
    display: flex;
    align-items: center;
    text-decoration-color: var(--massage-green) !important;
    width: 100%;
}

.main-menu ul.nav.navbar-nav > li > a:hover,
.main-menu ul.nav.navbar-nav > li > a:focus,
.main-menu ul.nav.navbar-nav > li > a:focus-visible,
.main-menu ul.nav.navbar-nav > li > a:active,
.navbar-inverse .navbar-nav>.open > a, 
.navbar-inverse .navbar-nav>.open > a:focus, 
.navbar-inverse .navbar-nav>.open > a:hover {
    text-shadow: 0 0 1px var(--darkest-grey);
    color: var(--darkest-grey);
    text-decoration: underline!important;
    text-decoration-color: var(--massage-green)!important;
    text-decoration-thickness: 2px!important;
    text-underline-offset: 5px;
    background: transparent!important;
    color: var(--darkest-grey)!important;
}

.main-menu ul.nav.navbar-nav li a .caret {
    display: none;
}

.navbar-inverse .navbar-nav > li > a {
    color: var(--darkest-grey);
    padding: 0px 20px !important;
    font-weight: 600;
}

.main-menu {
    border-top: 8px solid var(--darkest-grey);
    padding: 30px 0px;
}

.leftMenuWrapper li.RightMenu {
    display: none !important;
}

.main-menu .navbar-header, a.navbar-brand {
    width: 14vw;
}

a.navbar-brand {
    height: unset;
    position: relative;
    padding: 0px 15px;
}

img.mainLogo {
    max-width: 200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.main-menu .rightMenuWrapper {
    width: 40vw;
    display: flex !important;
    align-items: normal;
    justify-content: start;
}

.main-menu ul.nav.navbar-nav {
    display: flex;
}

.rightMenuWrapper li.LeftMenu {
    display: none !important;
}

nav.navbar.navbar-inverse {
    margin-bottom: 0px;
    background: white;
    border-color: transparent;
    border: none;
}

nav.navbar.navbar-inverse.navbar-fixed-top.headerSmall {
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

nav.navbar.navbar-inverse.navbar-fixed-top.headerSmall .book-nav-btn {
    box-shadow: 0px 6px 15px -3px rgba(0, 0, 0, 0.25);
}

.main-body-content.Site-content {
    margin-top: 140px;
}

nav .book-nav-btn {
    position: absolute;
    bottom: -60px;
    background: #ffffff;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 255px;
    text-align: center;
    padding: 5px 10px 10px 10px;
    z-index: 5;
    border-radius: 0px 0px 15px 15px;
    height: 60px;
}

nav .book-nav-btn p {
    margin-bottom: 0px;
}

nav .book-nav-btn .button {
    font-size: 22px;
    text-decoration: none;
    display: inline-block;
    transition: all .5s ease;
    width: 100%;
}

.navbar-nav > li > .dropdown-menu {
  border-radius: 0px 0px 6px 6px;
  border: none;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  padding: 8px 0;
  min-width: 180px;
  margin-left: 20px;
  border-top: 3px solid var(--massage-green);

}

.dropdown-menu > li > a {
  padding: 10px 15px;
  font-size: 17px;
  transition: all 0.2s ease;
}

@media (min-width:769px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }
}

/* Top Sub Nav */

.main-menu .sub-menu-container .container-fluid .sub-menu-wrapper {
    display: flex;
    padding-right: 50px;
    gap: 15px;
}

.main-menu .sub-menu-container .container-fluid .sub-menu-wrapper .header-sub-nav ul,
.mobileMenuWrapper .header-sub-nav ul{
    display: flex;
    margin-bottom:0px;
}

.main-menu .sub-menu-container .container-fluid .sub-menu-wrapper .header-sub-nav ul li,
.mobileMenuWrapper .header-sub-nav ul li {
    margin-bottom:0px;
    padding-left: 0px;
    margin-left: 2px;
}

.main-menu .sub-menu-container .container-fluid .sub-menu-wrapper .header-sub-nav ul li:before,
.mobileMenuWrapper .header-sub-nav ul li:before {
    display: none;
}

.main-menu .sub-menu-container .container-fluid .sub-menu-wrapper .header-sub-nav ul li a,
.mobileMenuWrapper .header-sub-nav ul li a {
    font-weight: 500;
    color: var(--mid-tone-grey);
    padding: 2px 10px 3px;
    border-radius: 50px;
}

.main-menu .sub-menu-container .container-fluid .sub-menu-wrapper .header-sub-nav ul li a:hover {
    background: var(--darkest-grey);
    color: #ffffff!important;
}

.main-menu .sub-menu-container .container-fluid .sub-menu-wrapper .header-sub-nav ul li a:hover,
.mobileMenuWrapper .header-sub-nav ul li a:hover {
    color: var(--darkest-grey);
}

.main-menu .sub-menu-container {
    width: 35%;
    margin-left: auto;
}

.main-menu .sub-menu-container .container-fluid {
    justify-content: flex-end;
    margin-bottom: -30px;
    z-index: 500;
}

.main-menu .sub-menu-container .container-fluid .sub-menu-wrapper p {
    margin-bottom: 0px;
}

.main-menu .sub-menu-container .container-fluid .sub-menu-wrapper .header-socials p a,
.mobileMenuWrapper .header-socials p a {
    color: var(--massage-green);
    font-size: 27px;
    margin-left: 4px;
}

.main-menu .sub-menu-container .container-fluid .sub-menu-wrapper .header-socials p a:hover {
    color: var(--darkest-grey);
}


/***********************/
/*Footer*/
/***********************/

footer a {
    text-decoration: none!important;
}

.footer-top.dark-grey-bg .row {
    display: flex;
}

.footer-top.dark-grey-bg {
    background: var(--darkest-grey);
    color: white;
    padding: 30px 0px;
}

.footer-bottom.light-grey-bg {
    background: var(--light-grey);
    position: relative;
    padding: 15px 0px;
}

.footer-logo {
    max-width: 165px;
}

.footer-menu {
    list-style-type: none;
    display: flex;
    gap: 35px;
    padding-left: 0px;
    margin-bottom: 0px;
}

.footer-menu li a {
    color: white;
    font-size: 18px;
}

.footer-menu li a:hover {
    color: var(--massage-green);
}

footer i {
    color: var(--massage-green);
    transition: all .5s ease;
}

p.footer-logo-tagline {
    font-size: 18px;
    margin-top: 6px;
    color: white;
}

.right-top-footer {
    display: flex;
    align-items: center;
    justify-content: end;
}

.footer-socials a {
    font-size: 24px;
    margin-right: 5px;
}

.footer-socials a:nth-last-of-type(1) {
    margin-right: 0px;
}

.footer-socials {
    margin-left: 35px;
}

footer p {
    margin-bottom: 0px;
}

footer .container-fluid {
    padding: 0px 40px;
}

footer .green-arrow {
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    margin-left: auto;
    margin-right: auto;
    width: 35px;
}

footer .green-arrow a {
    font-size: 35px;
}

.green-arrow span {
    background: var(--darkest-grey);
    border-radius: 50%;
    height: 30px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-bottom.light-grey-bg p {
    color: var(--darkest-grey);
    font-size: 16px;
}

.footer-bottom.light-grey-bg p a {
    font-weight: 600;
    color: var(--darkest-grey);
}

.right-bottom-footer {
    text-align: right;
}

.footer-bottom a:hover {
    color: var(--mid-tone-grey) !important;
}

.footer-socials p {
    width: 83px !important;
}

.footer-socials a:hover i,
.footer-socials a:focus i {
    color: var(--mid-tone-grey) !important;
}

footer.er-footer {
    margin-top: 0px;
}

.right-top-footer {
    display: block;
}

.right-top-footer ul {
    list-style-type: none;
    padding-left: 0px;
}

.right-top-footer ul li {
    margin-bottom: 15px;
    padding-left: 0px;
}

.right-top-footer ul li::before {
    display: none!important;
}

.right-top-footer ul li a {
    color: white;
    font-weight: 500!important;
}

.right-top-footer ul li a:hover {
    color: var(--massage-green);
}

.footer-top.dark-grey-bg {
    padding: 50px 0px;
}

.right-top-footer .callout-button:hover {
    background: var(--light-grey) !important;
    color: var(--darkest-grey) !important;
}

.footer-socials {
    margin-left: 0px;
    padding: 20px 0px;
}

p.footer-logo-tagline {
    margin-top: 0px;
}


/*******************/
/*Modals*/
/*******************/

.modal-content {
    border-radius: 50px 0px 50px 0px !important;
}

.modal-dialog {
    margin-top: 4%;
    width: fit-content;
    max-width: 95%;
}

.modal-body {
    padding: 80px;
}

.haveNotBeenToMA {
    display: block;
    background: transparent;
    color: unset;
    padding: unset;
    margin: unset;
    width: unset;
    border-radius: 0px;
}

.reset-password-wrapper {
    max-width: 600px;
}

/************************/
/*Updated Styles*/
/************************/

.login-wrapper {
    /*max-width: 600px;*/
    min-width: 67vw;
}

.login-wrapper .mobile-logo {
    display: none;
}

form#loginForm > .row {
    display: flex;
    align-items: stretch;
}

.login-wrapper .relative {
    position: relative;
    width: 6.666667%;
}

.login-wrapper .vertical-line {
    background: #798893;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.login-wrapper .col-lg-5.custom-5 {
    width: 46.666667%;
}

.login-wrapper .guest-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.modal-body img.modal-logo {
    margin-bottom: 0px;
    margin-left: auto;
}

.login-wrapper p.grey-btn-wrapper a.dark-grey-btn {
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
    font-size: 22px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    text-transform: none;
    border-radius: 10px;
    box-shadow: none;
    height: 60px;
    margin-bottom: 25px;
    font-family: "proxima-nova", sans-serif !important;
    background: #343E46;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-wrapper p.grey-btn-wrapper a.dark-grey-btn:hover {
    background: #bbd346;
    color: #343E46!important;
}

.login-wrapper h3.modal-title {
    color: #343E46;
    border-bottom: 1px solid #B8D149;
    text-align: left;
    font-size: 26px!important;
    line-height: 29px!important;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.login-wrapper p.btm-links {
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
}

.login-wrapper p.btm-links a {
    color: #586A77;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
}

.login-wrapper p.btm-links a:hover {
    color: #bbd346;
}

/************************/
/*Updated Styles*/
/************************/

.create-account-wrapper {
    max-width: 1150px;
}

.modal-body .extrasWrapper p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-body #loginSubmitBtn {
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
    font-size: 22px !important;
    font-weight: bold !important;
    color: #343E46 !important;
    text-transform: none;
    border-radius: 10px;
    box-shadow: none;
    height: 60px;
    margin-bottom: 25px;
    font-family: "proxima-nova", sans-serif!important;
    border: none;
    margin-top: 20px!important;
}

.modal-body #loginSubmitBtn:hover {
    color: white!important;
}

.modal-body .green-close i {
    color: #343E46;
    transition: all .5s ease;
    font-size: 22px !important;
}

.modal-body img.modal-logo {
    max-width: 200px;
    width: 100%;
}

.modal-body .green-close {
    position: absolute;
    top: -25px;
    right: -25px;
    margin: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: none;
    background: #B8D149 !important;
    transition: all .5s ease;
    opacity: 1;
}

.modal-body .green-close i {
    color: #343E46;
    transition: all .5s ease;
    text-shadow: none!important;
}

.modal-body label {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

.login-wrapper.has-guest-link {
    min-width: 600px;
}

.modal-body label span.required,
.modal-body label .greenStar{
    color: #B8D149;
}

.modal-body input[type="email"],
.modal-body input[type="password"],
.modal-body input[type="text"] {
    border-radius: 5px;
    min-height: 65px;
    background: rgba(230,229,229,0.5);
    border: none;
    padding: 0px 20px;
    width: 100%;
}

.modal-body a.input-group-addon {
    background: #343E46;
    color: white;
    width: 65px;
    border-radius: 0px 5px 5px 0px;
}

.modal-body a.input-group-addon i {
    font-size: 25px;
}

.modal-body .password-field {
    width: 100%;
}

.modal-body .extrasWrapper p {
    margin-bottom: 15px;
}

.modal-body .extrasWrapper p a {
    font-size: 18px;
    font-family: "proxima-nova", sans-serif!important;
    font-weight: bold;
    color: #343E46 !important;
}

.modal-body #continueAsGuestLink {
    padding-top: 15px;
    font-size: 18px;
    font-family: "proxima-nova", sans-serif !important;
    font-weight: bold;
    color: #586A77 !important;
    display: flex;
    align-items: center;
}

.guest-wrapper .text-wrapper {
    width: 100%;
}

.guest-wrapper p {
    font-size: 18px;
}

.modal-body #continueAsGuestLink i {
    color: #B8D149;
    margin-left: 14px;
}

.modal-body .mb-0 {
    margin-bottom: 0px;
}

.modal-body .green-close:hover {
    opacity: 1;
    background: #343E46!important;
}

.modal-body .green-close:hover i {
    color: white!important;
}

.modal-body .align-right {
    text-align: right;
}

.modal-body .back-to-login p a {
    font-size: 18px;
    font-family: "proxima-nova", sans-serif!important;
    font-weight: bold;
    color: #586A77 !important;
    display: flex !important;
    align-items: center;
}

.modal-body .back-to-login p a i {
    color: #B8D149;
    margin-right: 14px;
}

.modal-body #requestPwdLinkBtn,
.createWrapper .callout-button,
.guest-buttons .callout-button,
.createAccountForm .callout-button {
    margin-bottom: 0px !important;
    margin: unset;
    margin-left: auto;
    padding: 0px 20px;
    width: fit-content;
    text-align: center;
    font-size: 17px !important;
    font-weight: bold !important;
    color: #343E46 !important;
    text-transform: none;
    border-radius: 10px;
    box-shadow: none;
    height: 50px;
    margin-bottom: 25px;
    font-family: "proxima-nova", sans-serif !important;
    border: none;
}

.createAccountForm .callout-button {
    float: right!important;;
}

.guest-buttons .callout-button-secondary,
.guest-buttons .callout-button {
    margin-left: unset;
}

.guest-buttons .callout-button-secondary {
    color: white !important;
}

.modal-body #requestPwdLinkBtn:hover,
.createWrapper .callout-button:hover,
.guest-buttons .callout-button:hover {
    color: white !important;
}

.guest-buttons .callout-button-secondary:hover {
    color: #343E46 !important;
    background: #bbd346 !important;
}

.modal-body .back-to-login p {
    margin-bottom: 0px;
}

.modal-body .align-bottom {
    display: flex;
    clear: both;
    align-items: end;
}

.resend-btn {
    margin-bottom: 25px !important;
    margin: unset;
    margin-left: auto;
    padding: 10px;
    width: fit-content;
    text-align: center;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #343E46 !important;
    text-transform: none;
    border-radius: 10px;
    box-shadow: none;
    height: unset;
    font-family: "proxima-nova", sans-serif !important;
    transition: all .5s ease;
}


.resend-btn:hover {
    color: white !important;
    background: #4c6170;
}

.modal-body .section-title {
    margin-top: 0px;
    font-size: 28px;
    font-weight: 900;
    font-family: "proxima-nova", sans-serif !important;
    margin-bottom: 25px;
    color: #343E46;
}

/********************************/
/* Error Popup - bootbox */
/********************************/

.bootbox.modal.fade.bootbox-alert.in {
    background: rgba(0, 0, 0, 0.5);
}

.bootbox .modal-body {
    padding: 10px;
}

.bootbox .modal-dialog {
    margin-top: 5%;
}

.bootbox .bootbox-body {
    padding: 40px 40px 20px;
    font-size: 18px;
}

.bootbox .bootbox-accept {
    padding: 0px 20px;
    width: fit-content;
    text-align: center;
    font-size: 17px !important;
    font-weight: bold !important;
    color: #343E46 !important;
    text-transform: none;
    border-radius: 10px;
    box-shadow: none;
    margin-bottom: 25px;
    font-family: "proxima-nova", sans-serif !important;
    transition: all .5s ease;
    margin-bottom: 0px;
    background: var(--massage-green);
    color: var(--darkest-grey);
    border-radius: 10px;
    padding: 8px 20px 8px;
    display: inline-block;
    font-weight: 700;
    text-decoration: none !important;
    text-align: center;
    border: none;
    margin-right: 10px;
}

.bootbox .bootbox-accept:hover {
    color: white !important;
    background: #4c6170!important;
    text-decoration: none!important;
}

.bootbox .bootbox-close-button {
    position: absolute;
    top: -25px;
    right: -25px;
    margin: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: none;
    background: #B8D149 !important;
    transition: all .5s ease;
    margin-right: 0px !important;
    color: #343E46;
    transition: all .5s ease;
    opacity: 1;
    text-shadow: none !important;
    font-size: 30px!important;
    font-size: 32px;
}

.bootbox .bootbox-close-button:hover {
    opacity: 1;
    background: #343E46 !important;
    color: white !important;
    opacity: 1;
}



#globalModal .modal-dialog.modal-lg {
    max-width: 900px !important;
    width: 100% !important;
}

#globalModal .modal-dialog {
    max-width: 600px !important;
    width: 100% !important;
}

#globalModal .modal-dialog.modal-sm {
    max-width: 400px !important;
    width: 100% !important;
}

.popup-theme-red .modal-content {
    border: 3px solid #9f152a;
}

.popup-theme-red .close {
    background: #9f152a!important;
}

.popup-theme-red .close i {
    color: #ffffff;
}

.popup-theme-red .modal-body :is(h1,h2,h3,h4,h5,h6) {
    color: #9f152a;
}

.popup-theme-green .modal-content {
    border: 3px solid var(--massage-green);
}

.popup-theme-green .close i {
    color: var(--darkest-grey);
}

/* Hide Button */

body.hide-nav-btn nav .book-nav-btn {
    display: none;
}

/*Media Queries*/

@media (min-width: 1451px) and (max-width: 1600px) {
    /***********************/
    /*Header*/
    /***********************/

}

@media (min-width: 1367px) and (max-width: 1450px) {
    /***********************/
    /*Header*/
    /***********************/

    .main-menu .leftMenuWrapper {
        padding-left: 30px;
        width: 43vw;
    }

    .main-menu .rightMenuWrapper {
        width: 43vw;
    }

    .navbar-inverse .navbar-nav > li > a {
        padding: 0px 15px !important;
    }

}

@media (min-width: 1200px) and (max-width: 1366px) {

    /***********************/
    /*Header*/
    /***********************/

    .main-menu .leftMenuWrapper {
        padding-left: 30px;
        width: 43vw;
    }

    .main-menu .rightMenuWrapper {
        width: 43vw;
    }

    .navbar-inverse .navbar-nav > li > a {
        padding: 0px 15px !important;
    }

    .main-menu {
        padding: 15px 0px 30px;
    }

    /* Top Sub Nav */

    .main-menu .sub-menu-container .container-fluid {
        margin-bottom: -15px;
    }

    .main-body-content.Site-content {
        margin-top: 125px;
    }

    /***********************/
    /*Footer*/
    /***********************/

    .right-top-footer {
        flex-direction: column-reverse;
        align-items: end;
        justify-content: center;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    /***********************/
    /*Header*/
    /***********************/

    .main-menu .leftMenuWrapper {
        padding-left: 0px;
    }

    ul.nav.navbar-nav li {
        font-size: 16px;
    }

    .main-menu .leftMenuWrapper {
        width: 45vw;
    }

    .main-menu .rightMenuWrapper {
        width: 45vw;
    }

    .navbar-inverse .navbar-nav > li > a {
        padding: 0px 10px !important;
    }

    .main-menu {
        padding: 15px 0px 30px;
    }

    /* Top Sub Nav */

    .main-menu .sub-menu-container .container-fluid {
        margin-bottom: -15px;
    }

    .main-menu .sub-menu-container .container-fluid .sub-menu-wrapper .header-socials p a {
        font-size: 22px;
        margin-left: 2px;
    }

    .main-menu .sub-menu-container .container-fluid .sub-menu-wrapper .header-sub-nav ul li a {
        font-size: 15px;
    }

    .main-menu .sub-menu-container .container-fluid .sub-menu-wrapper {
        padding-right: 10px;
        gap: 5px;
    }

    .main-body-content.Site-content {
        margin-top: 115px;
    }

    /***********************/
    /*Typography*/
    /***********************/

    h1 {
        font-size: 38px;
        line-height: 43px;
    }

    h2 {
        font-size: 30px;
        line-height: 33px;
    }

    h3 {
        font-size: 24px;
        line-height: 27px;
    }

    h4 {
        font-size: 22px;
        line-height: 26px;
    }

    h5 {
        font-size: 18px;
        line-height: 23px;
    }

    /***********************/
    /*Lists*/
    /***********************/

    /*Checklist*/

    .checklist.large-cl ul li, .checklist.large-cl ol li {
        background-size: 52px 44px;
        min-height: 50px;
        padding-left: 65px;
    }

    /****************************/
    /* Footer */
    /****************************/

    .right-top-footer ul li {
        margin-bottom: 11px;
        font-size: 16px;
        line-height: 22px;
    }

    .right-top-footer {
        flex-direction: column-reverse;
        align-items: end;
        justify-content: center;
    }

    .footer-menu li a {
        font-size: 16px;
    }

    .footer-socials a {
        font-size: 22px;
    }

    .footer-socials p {
        width: unset !important;
    }

    p.footer-logo-tagline {
        font-size: 16px;
    }

    .footer-bottom.light-grey-bg p {
        font-size: 14px;
    }

    .footer-menu {
        gap: 20px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    /***********************/
    /*Sub Nav*/
    /***********************/

    .subnav-wrapper .subnav-ul li {
        width: 170px;
        font-size: 15px;
        line-height: 20px;
    }

    /***********************/
    /*Typography*/
    /***********************/

    h1 {
        font-size: 38px;
        line-height: 43px;
    }

    h2 {
        font-size: 30px;
        line-height: 33px;
    }

    h3 {
        font-size: 24px;
        line-height: 27px;
    }

    h4 {
        font-size: 22px;
        line-height: 26px;
    }

    h5 {
        font-size: 18px;
        line-height: 23px;
    }

    /***********************/
    /*Spacing*/
    /***********************/

    .spacing-top-full {
        margin-top: 45px;
    }

    .spacing-top-half {
        margin-top: 22.5px;
    }

    .spacing-top-none {
        margin-top: 0px;
    }

    .spacing-bottom-full {
        margin-bottom: 45px;
    }

    .spacing-bottom-half {
        margin-bottom: 22.5px;
    }

    .spacing-bottom-none {
        margin-bottom: 0px;
    }

    /***********************/
    /*Lists*/
    /***********************/

    /*Checklist*/

    .checklist.large-cl ul li, .checklist.large-cl ol li {
        background-size: 52px 44px;
        min-height: 50px;
        padding-left: 65px;
    }

    /****************************/
    /* Footer */
    /****************************/

    .footer-top.dark-grey-bg .row {
        display: block;
    }

    .right-top-footer {
        margin-top: 45px;
    }

    .right-top-footer ul li {
        margin-bottom: 7px;
        font-size: 16px;
    }

    .right-top-footer {
        flex-direction: column-reverse;
        align-items: end;
        justify-content: center;
    }

    .footer-menu li a {
        font-size: 16px;
    }

    .footer-socials a {
        font-size: 22px;
    }

    .footer-socials p {
        width: unset !important;
    }

    .footer-logo {
        max-width: 135px;
    }

    p.footer-logo-tagline {
        font-size: 15px;
        line-height: 17px;
    }

    .footer-bottom.light-grey-bg p {
        font-size: 14px;
    }

    .footer-menu {
        gap: 20px;
    }

    .footer-bottom.light-grey-bg {
        padding: 25px 0px 15px;
    }

    footer {
        margin-top: 60px;
    }
}

@media (max-width: 992px) {

    .main-menu .rightMenuWrapper, .main-menu .leftMenuWrapper {
        display: none !important;
    }

    /*nav .book-nav-btn {
        display: none;
    }*/

    nav .book-nav-btn {
        display: block;
        position: relative;
        bottom: 0;
        width: auto;
        padding: 0px;
        margin: 0px;
        height: unset;
        background: transparent;
    }

    nav .book-nav-btn a.button {
        border-radius: 0px !important;
        background: var(--massage-green) !important;
        color: var(--darkest-grey) !important;
        font-size: 19px;
    }

    .schedulefixedButton {
        bottom: 0px;
        right: 0px;
        z-index: 10000;
        left: 0px;
    }

    .schedulefixedButton a {
        width: 100%;
        border-radius: 0px;
        line-height: 25px;
    }

    .schedulefixedButton p {
        margin-bottom: 0px;
        line-height: 0px;
    }

    .main-menu .navbar-header {
        width: 100%;
    }

    button.navbar-toggle {
        margin-right: 0px;
    }

    a.navbar-brand {
        width: 180px;
        padding-left: 0px;
    }

    .main-menu {
        padding: 20px 0px;
    }

  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
      text-align: center;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }

  #nav-icon4 {
      width: 40px;
      height: 30px;
      position: relative;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      cursor: pointer;
      background: none;
      border: none!important;
      margin: 0px;
      z-index: 50000;
      margin-top: 12px;
      box-shadow: none;
    }

    #nav-icon4 span {
      display: block;
      position: absolute;
      height: 5px;
      width: 100%;
      background: var(--darkest-grey);
      border-radius: 4px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
    }

    #nav-icon4 span:nth-child(1) {
      top: 0px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }

    #nav-icon4 span:nth-child(2) {
      top: 8px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }

    #nav-icon4 span:nth-child(3) {
      top: 20px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }

    #nav-icon4.open span:nth-child(1) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 0px;
      left: 8px;
      background: var(--massage-green);
    }

    #nav-icon4.open span:nth-child(2) {
      width: 0%;
      opacity: 0;
    }

    #nav-icon4.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 25px;
      left: 8px;
      background: var(--massage-green);
    }

    .nav-icon-wrapper {
        flex: 1;
        z-index: 5001;
    }

    div#topNavbar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 5000;
        background: var(--darkest-grey);
        min-height: 100dvh;
        max-height: 100dvh;
        height: 100dvh;
        align-items: center;
        justify-content: center;
        padding-top: 115px;
    }

    body.overflowHide {
        overflow: hidden;
    }

    nav ul.nav.navbar-nav {
        display: block!important;
        margin: auto;
    }

    ul.nav.navbar-nav li a {
        padding: 10px 13px 10px 13px!important;
    }

    ul.nav.navbar-nav li a {
        color: white;
        padding-bottom: 20px;
    }

    nav ul.nav.navbar-nav li .greenBtn {
        width: fit-content;
        color: var(--darkest-grey);
        margin-left: auto;
        margin-right: auto;
    }

    /* Header Sub Menu */

    .sub-menu-container.desktop-view {
        display: none;
    }

    .mobileMenuWrapper .header-sub-nav ul li a {
        color: var(--light-grey);
    }

    .sub-menu-wrapper.mobile-only {
        display: flex;
        justify-content: center;
        margin-top: 25px;
    }

    .mobileMenuWrapper .header-sub-nav ul li {
        margin-left: 5px;
    }

    .main-body-content.Site-content {
        margin-top: 152px;
    }

    body.hide-nav-btn .main-body-content.Site-content {
        margin-top: 109px;
    }

}

.arrowDownBtn {
    display: none !important;
}

@media (max-width: 992px) {
    span.caret {
        display: none;
    }

    .arrowDownBtn {
        display: block !important;
    }

    ul.nav.navbar-nav {
        width: 100%;
    }

    ul.nav.navbar-nav > li:nth-of-type(1) {
        border-top: 2px solid rgba(255,255,255,0.2);
    }

    ul.nav.navbar-nav li {
        border-bottom: 2px solid rgba(255,255,255,0.2);
        display: block!important;
    }

    ul.nav.navbar-nav li.dropdown > a {
        float: left;
    }

    .nav > li {
        width: 100% !important;
    }

    li.dropdown {
        overflow: auto;
    }

    li.dropdown a.dropdown-toggle:nth-of-type(1) {
        width: 90%!important;
    }

    li.dropdown a.dropdown-toggle:nth-of-type(2) {
        width: 10%!important;
    }

    nav.navbar.navbar-inverse li a {
        text-align: left;
        padding-left: 20px;
    }

    .arrowDownBtn {
        padding-left: 0px !important;
        text-align: center !important;
        background: rgba(255,255,255,0.1);
        padding: 7px 0px !important;
    }

    .arrowDownBtn:hover, .arrowDownBtn:focus {
        background: rgba(255,255,255,0.8)!important;
    }

    .arrowDownBtn i {
        font-size: 30px;
        color: var(--massage-green);
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        color: var(--massage-green);
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav > .open > a.arrowDownBtn, .navbar-inverse .navbar-nav > .open > a.arrowDownBtn:focus, .navbar-inverse .navbar-nav > .open > a.arrowDownBtn:hover {
        background: rgba(255,255,255,0.5)!important;
    }

    ul.dropdown-menu {
        clear: both;
    }

    ul.dropdown-menu li:nth-last-of-type(1) {
        border-bottom: none!important;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 12px 15px 12px 21px;
    }

    ul.nav.navbar-nav li a:nth-of-type(1) {
        padding: 15px 13px 15px 13px !important;
    }

    .navbar-inverse .navbar-nav > .open > a.arrowDownBtn i {
        transform: rotate(180deg);
    }

    .main-menu ul.nav.navbar-nav li {
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-nav > li > .dropdown-menu {
        margin-left: 0px;
    }

    .navbar-inverse .navbar-nav > .open > a, 
    .navbar-inverse .navbar-nav > .open > a:focus, 
    .navbar-inverse .navbar-nav > .open > a:hover {
        color: white !important;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
        padding-left: 35px !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /* LARGE */
    #globalModal .modal-dialog.modal-lg {
        width: 90% !important;
    }

    /* MEDIUM (default) */
    #globalModal .modal-dialog {
        width: 90% !important;
    }

    /* SMALL */
    #globalModal .modal-dialog.modal-sm {
        width: 90% !important;
    }
}

@media (max-width: 455px) {

    li.dropdown a.dropdown-toggle:nth-of-type(1) {
        width: 85%!important;
    }

    li.dropdown a.dropdown-toggle:nth-of-type(2) {
        width: 15% !important;
    }
}


@media (max-width: 767px) {

    .sub-menu-wrapper.mobile-only {
        flex-direction: column;
        align-items: center;
    }

    .mobileMenuWrapper .header-sub-nav ul li:first-child a {
        padding-left: 0px;
    }

    /***********************/
    /*Subnav*/
    /***********************/

    .mobile-subnav .subnav-bar {
        background: #2f3b43;
        padding: 14px 16px;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .subnav-bar.open { /* optional visual state if you want to tweak */ }

    .mobile-subnav .subnav-title {
        margin: 0;
        color: #fff;
        font-weight: 600;
    }

    .mobile-subnav .hamburger {
        border: 0;
        background: transparent;
        padding: 0px;
        margin: 0;
    }

    .mobile-subnav .hamburger .hamb-line {
        display:block;
        width:24px;
        height:3px;
        background:#fff;
        margin:4px 0;
        transition:transform .25s ease, opacity .2s ease;
    }

    #subnav-toggle.open .hamb-line:nth-child(1){
        transform: translateY(7px) rotate(45deg);
    }

    #subnav-toggle.open .hamb-line:nth-child(2){
        opacity:0;
    }

    #subnav-toggle.open .hamb-line:nth-child(3){
        transform: translateY(-7px) rotate(-45deg);
    }

    .subnav-navbar-collapse{
        background:#fff;
        border-top:1px solid rgba(0,0,0,.08);
    }

    .mobile-subnav-wrapper{ margin:0; }
    .mobile-subnav-wrapper > li > a{
        display:block;
        padding:12px 16px;
    }

    .mobile-subnav ul.mobile-subnav-wrapper.nav.navbar-nav {
        background: var(--light-grey-50);
    }

    .spacing-top-full .subnav-padding {
        margin-top: 45px;
    }

    .spacing-top-half .subnav-padding {
        margin-top: 22.5px;
    }

    .spacing-top-none .subnav-padding {
        margin-top: 0px;
    }

    .mobile-show.mobile-subnav {
        display: block;
    }

    .mobile-subnav ul.mobile-subnav-wrapper.nav.navbar-nav li {
        padding-left: 0px;
        border-bottom: 2px solid rgb(var(--mid-tone-grey-rgb) / 50%);
        margin-bottom: 0px;
    }

    .mobile-subnav ul.mobile-subnav-wrapper.nav.navbar-nav li:nth-last-of-type(1) {
        border-bottom: none;
    }

    .mobile-subnav ul.mobile-subnav-wrapper.nav.navbar-nav li a {
        color: var(--darkest-grey);
        font-weight: 500;
        text-align:left;
    }

    /***********************/
    /*Typography*/
    /***********************/

    h1 {
        font-size: 37px;
        line-height: 42px;
    }

    h2 {
        font-size: 29px;
        line-height: 32px;
    }

    h3 {
        font-size: 23px;
        line-height: 26px;
    }

    h4 {
        font-size: 21px;
        line-height: 25px;
    }

    h5 {
        font-size: 19px;
        line-height: 24px;
    }

    /***********************/
    /*Spacing*/
    /***********************/

    .spacing-top-full {
        margin-top: 45px;
    }

    .spacing-top-half {
        margin-top: 22.5px;
    }

    .spacing-top-none {
        margin-top: 0px;
    }

    .spacing-bottom-full {
        margin-bottom: 45px;
    }

    .spacing-bottom-half {
        margin-bottom: 22.5px;
    }

    .spacing-bottom-none {
        margin-bottom: 0px;
    }

    /***********************/
    /*Buttons*/
    /***********************/

    .green-btn-lg,
    .drk-gry-btn-lg,
    .mid-gry-btn-lg,
    .light-gry-btn-lg,
    .white-btn-lg {
        font-size: 23px;
    }

    .green-btn-md,
    .drk-gry-btn-md,
    .mid-gry-btn-md,
    .light-gry-btn-md,
    .white-btn-md {
        font-size: 20px;
    }

    .green-btn-sm,
    .drk-gry-btn-sm,
    .mid-gry-btn-sm,
    .light-gry-btn-sm,
    .white-btn-sm {
        font-size: 17px;
    }

    /****************************/
    /* Footer */
    /****************************/

    .right-top-footer {
        margin-top: 60px;
    }

    footer {
        margin-top: 60px;
    }

    footer .container-fluid {
        padding: 0px 15px;
    }

    .footer-bottom {
        text-align: center;
        padding: 30px 0px 55px !important;
    }

    .right-bottom-footer {
        text-align: center;
        margin-top: 10px;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        padding-top: 10px;
    }

    .footer-top.dark-grey-bg .row {
        display: block;
    }

    .right-top-footer {
        margin-top: 25px;
        margin-bottom: 20px;
        display: block;
    }

    .footer-menu {
        display: block;
    }

    .footer-menu li {
        margin-bottom: 6px;
    }

    .footer-socials {
        margin-left: 0px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

        .modal-dialog {
        max-width: 90%!important;
        width: 90%;
        margin: auto;
        margin-top: 40px;
    }

    .modal-dialog .col-md-12 {
        float: none;
        clear: both;
    }

    .modal-body {
        padding: 60px 40px;
    }

    .login-wrapper,
    .reset-password-wrapper {
        max-width: 100%;
    }

    .modal-body .align-bottom {
        display: flex;
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    .back-to-login {
        margin-top: 20px;
    }

    .modal-body .col-sm-6,
    .modal-body .col-sm-12 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .guest-buttons {
        justify-content: flex-start;
        margin-top: 30px;
    }

    .modal-body #requestPwdLinkBtn, 
    .createWrapper .callout-button, 
    .guest-buttons .callout-button, 
    .createAccountForm .callout-button {
        margin-left: unset;
    }

    /************************/
    /*Updated Styles*/
    /************************/

    .guest-wrapper img.modal-logo,
    .login-wrapper .vertical-line {
        display: none;
    }

    form#loginForm > .row {
        display: block;
    }

    .login-wrapper .col-lg-5.custom-5 {
        width: unset;
    }

    .login-wrapper .mobile-logo {
        display: block;
        margin-bottom: 30px;
        text-align: center;
    }

    .login-wrapper h3.modal-title {
        font-size: 21px !important;
        line-height: 24px !important;
        margin-bottom: 15px;
    }

    .modal-body input[type="email"], 
    .modal-body input[type="password"], 
    .modal-body input[type="text"] {
        min-height: 50px;
    }

    .modal-body #loginSubmitBtn,
    .login-wrapper p.grey-btn-wrapper a.dark-grey-btn {
        font-size: 19px !important;
        height: 45px;
    }

    .login-wrapper .guest-wrapper {
        margin-top: 40px;
    }

    .modal-body {
        padding: 60px 25px;
    }

    .modal-body a.input-group-addon i {
        font-size: 20px;
    }

    .login-wrapper.has-guest-link {
        min-width: 67vw;
    }
}