/* CSS VARIABLES */
:root {
  --color-salsation: #344746;
  --color-choreology: #505941;
  --color-rootz: #f9d8ca;
  --color-moveforever: #3e3f3e;
  --color-kid: #c0c4c3;
  --StaticBlack: #000;
  --StaticBlack-RGB: 0, 0, 0;
  --StaticWhite: #fff;
  --StaticWhite-RGB: 255, 255, 255;
  --ThemeBlack: #000;
  --ThemeBlack-RGB: 0, 0, 0;
  --ThemeWhite: #fff;
  --ThemeWhite-RGB: 255, 255, 255;
  --VariantWhite: #fff;
  --VariantBackgroundWhite: #fff;
  --VariantBlack: #000;
  --RandomColor: #6d7356;
  --Background-Page: #f6f6f6;
  --BackgroundWhite: #fff;
  --Background-Modals-BG: #333;
  --DarkGrey: #333;
  --Alerts-Orange-alert: #e17613;
  --Alerts-Orange-transparency: rgba(239, 141, 50, 0.2);
  --Alerts-Red-alert: #db3056;
  --Alerts-Red-transparency: rgba(219, 48, 86, 0.2);
  --Alerts-Orange-transparency: rgba(225, 118, 19, 0.1);
  --Alerts-Green-alert: #11a871;
  --Alerts-Green-transparency: rgba(0, 166, 90, 0.2);
  --Alerts-Blue-alert: #1b7de0;
  --Alerts-Blue-transparency: rgba(27, 125, 224, 0.1);
  --Text-Dividers: rgba(0, 0, 0, 0.25);
  --Text-DividersWhite: rgba(255, 255, 255, 0.25);
  --Transparencies-Cards-transperancy: rgba(255, 255, 255, 0.08);
  --Transparencies-Table-Dividers-TableCells: rgba(0, 0, 0, 0.05);
  --White-Transparency-15: rgba(0, 0, 0, 0.15);
  --Black-Transparent-15: rgba(0, 0, 0, 0.15);
  --MobileMenu: rgba(0, 0, 0, 0.75);
  --LabelsComplete: #468c86;
  --LabelsProcessing: #a36a0b;
  --LabelsPending: #888;
  --LabelsCancelled: #993310;
  --Orange-Dark: #e17613;
  --Transparencies-Inputs-Inputs-Fill: rgba(0, 0, 0, 0.1);
  --Background-Order-Steps: #e5e5e5;
  --defaultFont: "DM Sans", sans-serif;
  --font-size--hero: 6.875rem;
  --font-size--h1: 3.5rem;
  --font-size--h2: 3rem;
  --font-size--h3: 2rem;
  --font-size--h4: 1.5rem;
  --font-size--h5: 1.25rem;
  --font-size--h6: 0.875rem;
  --font-size--body-1: 1.125rem;
  --font-size--body-2: 1rem;
  --font-size--small-text: 0.875rem;
  --font-size--tag: 0.75rem;
  --font-size--btn: 1rem;
  --font-size--nav-h1: 1.5rem;
  --font-size--nav-h2: 1.125rem;
  --font-size--nav-body: 1rem;
  --global-container: calc(100% - 32px);
}
@media (min-width: 1025px) {
  :root {
    --global-container: 980px;
  }
}
@media (min-width: 1321px) {
  :root {
    --global-container: 1296px;
  }
}
@media (max-width: 720px) {
  :root {
    --font-size--hero: 5rem;
    --font-size--h1: 2.5rem;
    --font-size--h2: 2rem;
    --font-size--h3: 1.5rem;
    --font-size--h4: 1rem;
    --font-size--nav-h2: 1rem;
  }
}

.earth-theme {
  --ThemeBlack: #000;
  --ThemeBlack-RGB: 0, 0, 0;
  --BackgroundWhite: #fff;
  --ThemeWhite: #fff;
  --ThemeWhite-RGB: 255, 255, 255;
  --Background-Page: #f6f6f6;
  --White-Transparency-15: rgba(255, 255, 255, 0.5);
  --Background-Modals-BG: #fff;
}

.air-theme:not(.blog-pages-body) {
  --ThemeBlack: #fff;
  --ThemeBlack-RGB: 255, 255, 255;
  --BackgroundWhite: rgba(255, 255, 255, 0.08);
  --ThemeWhite: #000;
  --ThemeWhite-RGB: 0, 0, 0;
  --Background-Page: #0f0f0f;
  --Text-Dividers: rgba(255, 255, 255, 0.25);
  --Black-Transparent-15: rgba(0, 0, 0, 0.5);
  --White-Transparency-15: rgba(255, 255, 255, 0.15);
  --Background-Order-Steps: #393939;
}

.variant-2 {
  --VariantBlack: #fff;
  --VariantWhite: #000;
  --VariantBackgroundWhite: rgba(255, 255, 255, 0.08);
}

.general-hero, .statssection .statssection-wrapper .statssection-right-holder strong {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--hero) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 120% !important;
  letter-spacing: -4.4px !important;
}
.general-h1 {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--h1) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 150% !important;
  letter-spacing: -1.12px !important;
}
.general-h2 {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--h2) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 150% !important;
}
.general-h3, .product-details-page .productTabs.ui-tabs .ui-tabs-anchor {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--h3) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 150% !important;
}
.general-h4, .product-details-page .product-essential .product-essential-left .prices .product-price, .statssection .statssection-wrapper .statssection-right-holder span {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--h4) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 150% !important;
}
.general-h5, .ui-dialog .ui-dialog-titlebar, .ajaxFilters.k-window.k-widget .k-header.k-window-titlebar span {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--h5) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 150% !important;
}
.general-h6, .item-box .product-item .updated-info,
.item-box .vendor-item .updated-info,
.item-box .order-item .updated-info, .filtersPanel .filter-block .toggleControl {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--h6) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 150% !important;
  text-transform: uppercase !important;
}
.general-body-1, .tier-prices .title *, .instructorshome .instructorshome-wrapper .instructorshome-holder, .statssection .statssection-wrapper .statssection-right-holder small, .statssection .statssection-wrapper .statssection-left-holder, .howitworks .howitworks-lead-holder .howitworks-block, #cancel-container .reveal-modal .address-holder .generic-radio label,
#newAddress-container .reveal-modal .address-holder .generic-radio label,
#setAddress-container .reveal-modal .address-holder .generic-radio label, .ui-dialog .ui-dialog-content, select.simple-select {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--body-1) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 150% !important;
}
.general-body-2, .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item:first-child .participants-results-item-value .participants-results-item-value-content, .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value .participants-results-item-value-content, .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-header .participants-results-header-item, .topic-page-body .master-wrapper-page .master-wrapper-content .page-body p,
.html-contact-page .master-wrapper-page .master-wrapper-content .page-body p,
.html-email-a-friend-page .master-wrapper-page .master-wrapper-content .page-body p, .product-details-page .product-essential .product-essential-right .options-list, .product-details-page .product-essential .product-essential-right .overview .attributes dt .attribute-description, table.data-table th, table.forums-table-section th, table, .bar-notification .bar-notification--holder, .eu-cookie-bar-notification .content .text, .generic-radio label, .generic-checkbox label, .filtersPanel .filter-block .filtersGroupPanel .checkbox-list li label, .switch-btn .switch-btn-txt, .pager ul li a,
.pager ul li span, .full-description,
.short-description {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--body-2) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 150% !important;
}
.general-small-text, select option, .message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error,
.password-error,
.field-validation-valid,
.username-available-status, .filtersPanel .filter-block .filtersGroupPanel .selected-options-list > li .option {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--small-text) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 120% !important;
}
.general-small-text.caps, select option.caps, .caps.message-error,
.caps.field-validation-error,
.caps.username-not-available-status,
.caps.poll-vote-error,
.caps.password-error,
.caps.field-validation-valid,
.caps.username-available-status, .filtersPanel .filter-block .filtersGroupPanel .selected-options-list > li .caps.option {
  text-transform: uppercase !important;
}
.general-tag, .item-box .product-item .class-location,
.item-box .vendor-item .class-location,
.item-box .order-item .class-location {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--tag) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 120% !important;
  letter-spacing: 0.48px !important;
  text-transform: uppercase !important;
}
.general-btn, .ui-tabs .ui-tabs-panel .buttons .button-1, .generic-button, .bar-notification .content a, .ui-dialog .ui-dialog-buttonpane .ui-button, .full-description.read-more-container + .moretxt,
.short-description.read-more-container + .moretxt, .admin-header-links a,
.admin-header-links span {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--btn) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 150% !important;
}
.general-nav-h1 {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--nav-h1) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 120% !important;
}
.general-nav-h2, .newsletter-holder .newsletter-title {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--nav-h2) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 120% !important;
}
.general-nav-body, .tier-prices .prices-table tr td input[type=text]:not(.alt-input), .k-multiselect-wrap, .generic-tabs .ui-tabs-nav .ui-tabs-tab > .ui-tabs-anchor, .tag, select, .form-fields .inputs input[type=text],
.form-fields .inputs input[type=number],
.form-fields .inputs input[type=password],
.form-fields .inputs input[type=email],
.form-fields .inputs input[type=tel],
.form-fields .inputs textarea, .form-fields .inputs label, .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu, .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header-menu-parent .header-menu .mega-menu > li > a {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--nav-body) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 120% !important;
}
.general-text-text, .blockhome .blockhome-lead-holder {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--nav-h2) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 166.667% !important;
  letter-spacing: -0.72px !important;
}
.general-inputs-big {
  font-family: var(--defaultFont) !important;
  font-size: var(--font-size--nav-h1) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: -0.96px !important;
}
.general-h4-desktop-mobile, .herosection .herosection-lead-holder .generic-button, .herosection .herosection-lead-holder .admin-header-links a, .admin-header-links .herosection .herosection-lead-holder a,
.herosection .herosection-lead-holder .admin-header-links span,
.admin-header-links .herosection .herosection-lead-holder span, .herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button, .ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button, .herosection .herosection-lead-holder .bar-notification .content a, .bar-notification .content .herosection .herosection-lead-holder a {
  font-family: var(--defaultFont) !important;
  font-size: 1.5rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 150% !important;
}

@media (max-width: 720px) {
  .g1-to-g2, .statssection .statssection-wrapper .statssection-left-holder {
    font-family: var(--defaultFont) !important;
    font-size: var(--font-size--body-2) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 150% !important;
  }
}

@media (max-width: 720px) {
  .h4-static, .product-details-page .product-essential .product-essential-left .prices .product-price {
    font-family: var(--defaultFont) !important;
    font-size: var(--font-size--h3) !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 150% !important;
  }
}

.salsationicon, .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .order-progress a::before, .ui-dialog .ui-dialog-titlebar button, .ajaxFilters.k-window.k-widget .k-header .k-window-action, .nopAjaxFilters7Spikes .close-filters span {
  display: inline-block;
  width: 24px;
  height: 24px;
  mask-size: 24px 24px;
  -webkit-mask-size: 24px 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  vertical-align: text-top;
  flex: none;
  border: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.salsationicon.light, .k-datepicker .k-picker-wrap.k-state-default > .k-select .light.k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .light.k-icon::before, .order-progress a.light::before, .ui-dialog .ui-dialog-titlebar button.light, .ajaxFilters.k-window.k-widget .k-header .light.k-window-action, .nopAjaxFilters7Spikes .close-filters span.light {
  background-color: var(--VariantWhite);
}
.salsationicon.dark, .k-datepicker .k-picker-wrap.k-state-default > .k-select .dark.k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .dark.k-icon::before, .order-progress a.dark::before, .ui-dialog .ui-dialog-titlebar button.dark, .ajaxFilters.k-window.k-widget .k-header .dark.k-window-action, .nopAjaxFilters7Spikes .close-filters span.dark {
  background-color: var(--VariantBlack);
}
.salsationicon.theme-dark, .k-datepicker .k-picker-wrap.k-state-default > .k-select .theme-dark.k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .theme-dark.k-icon::before, .order-progress a.theme-dark::before, .ui-dialog .ui-dialog-titlebar button.theme-dark, .ajaxFilters.k-window.k-widget .k-header .theme-dark.k-window-action, .nopAjaxFilters7Spikes .close-filters span.theme-dark {
  background-color: var(--ThemeBlack);
}
.salsationicon.theme-light, .k-datepicker .k-picker-wrap.k-state-default > .k-select .theme-light.k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .theme-light.k-icon::before, .order-progress a.theme-light::before, .ui-dialog .ui-dialog-titlebar button.theme-light, .ajaxFilters.k-window.k-widget .k-header .theme-light.k-window-action, .nopAjaxFilters7Spikes .close-filters span.theme-light {
  background-color: var(--ThemeWhite);
}
.salsationicon.random-color, .k-datepicker .k-picker-wrap.k-state-default > .k-select .random-color.k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .random-color.k-icon::before, .order-progress a.random-color::before, .ui-dialog .ui-dialog-titlebar button.random-color, .ajaxFilters.k-window.k-widget .k-header .random-color.k-window-action, .nopAjaxFilters7Spikes .close-filters span.random-color {
  background-color: var(--RandomColor);
}
.salsationicon--8 {
  width: 8px;
  height: 8px;
  mask-size: 8px 8px;
  -webkit-mask-size: 8px 8px;
}
.salsationicon--16 {
  width: 16px;
  height: 16px;
  mask-size: 16px 16px;
  -webkit-mask-size: 16px 16px;
}
.salsationicon--18 {
  width: 18px;
  height: 18px;
  mask-size: 18px 18px;
  -webkit-mask-size: 18px 18px;
}
.salsationicon--20 {
  width: 20px;
  height: 20px;
  mask-size: 20px 20px;
  -webkit-mask-size: 20px 20px;
}
.salsationicon--32, .nopAjaxFilters7Spikes .close-filters span {
  width: 32px;
  height: 32px;
  mask-size: 32px 32px;
  -webkit-mask-size: 32px 32px;
}
.salsationicon--40 {
  width: 40px;
  height: 40px;
  mask-size: 40px 40px;
  -webkit-mask-size: 40px 40px;
}
.salsationicon--facebook {
  mask-image: url("../img/icon-facebook.svg");
  -webkit-mask-image: url("../img/icon-facebook.svg");
}
.salsationicon--twitter {
  mask-image: url("../img/icon-twitter.svg");
  -webkit-mask-image: url("../img/icon-twitter.svg");
}
.salsationicon--course {
  mask-image: url("../img/icon-course.svg");
  -webkit-mask-image: url("../img/icon-course.svg");
}
.salsationicon--calendar, .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before {
  mask-image: url("../img/icon-calendar.svg");
  -webkit-mask-image: url("../img/icon-calendar.svg");
}
.salsationicon--language {
  mask-image: url("../img/icon-language.svg");
  -webkit-mask-image: url("../img/icon-language.svg");
}
.salsationicon--cart {
  mask-image: url("../img/icon-cart.svg");
  -webkit-mask-image: url("../img/icon-cart.svg");
}
.salsationicon--arrow-cool-right {
  mask-image: url("../img/icon-arrow-cool-right.svg");
  -webkit-mask-image: url("../img/icon-arrow-cool-right.svg");
}
.salsationicon--title-spin {
  mask-image: url("../img/icon-title-spin.svg");
  -webkit-mask-image: url("../img/icon-title-spin.svg");
}
.salsationicon--local-library {
  mask-image: url("../img/icon-local-library.svg");
  -webkit-mask-image: url("../img/icon-local-library.svg");
}
.salsationicon--user-multiple {
  mask-image: url("../img/icon-user-multiple.svg");
  -webkit-mask-image: url("../img/icon-user-multiple.svg");
}
.salsationicon--schedule, .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before {
  mask-image: url("../img/icon-schedule.svg");
  -webkit-mask-image: url("../img/icon-schedule.svg");
}
.salsationicon--hourglass {
  mask-image: url("../img/icon-hourglass.svg");
  -webkit-mask-image: url("../img/icon-hourglass.svg");
}
.salsationicon--location-on {
  mask-image: url("../img/icon-location-on.svg");
  -webkit-mask-image: url("../img/icon-location-on.svg");
}
.salsationicon--arrow-outward {
  mask-image: url("../img/icon-arrow-outward.svg");
  -webkit-mask-image: url("../img/icon-arrow-outward.svg");
}
.salsationicon--user-login {
  mask-image: url("../img/ico-user-login.svg");
  -webkit-mask-image: url("../img/ico-user-login.svg");
}
.salsationicon--user {
  mask-image: url("../img/icon-user.svg");
  -webkit-mask-image: url("../img/icon-user.svg");
}
.salsationicon--exit {
  mask-image: url("../img/icon-exit.svg");
  -webkit-mask-image: url("../img/icon-exit.svg");
}
.salsationicon--view {
  mask-image: url("../img/icon-view.svg");
  -webkit-mask-image: url("../img/icon-view.svg");
}
.salsationicon--view-off {
  mask-image: url("../img/icon-view-off.svg");
  -webkit-mask-image: url("../img/icon-view-off.svg");
}
.salsationicon--sell {
  mask-image: url("../img/icon-sell.svg");
  -webkit-mask-image: url("../img/icon-sell.svg");
}
.salsationicon--menu {
  mask-image: url("../img/icon-menu.svg");
  -webkit-mask-image: url("../img/icon-menu.svg");
}
.salsationicon--close, .ui-dialog .ui-dialog-titlebar button, .ajaxFilters.k-window.k-widget .k-header .k-window-action, .nopAjaxFilters7Spikes .close-filters span {
  mask-image: url("../img/icon-close.svg");
  -webkit-mask-image: url("../img/icon-close.svg");
}
.salsationicon--close-outline {
  mask-image: url("../img/icon-close--outline.svg");
  -webkit-mask-image: url("../img/icon-close--outline.svg");
}
.salsationicon--settings {
  mask-image: url("../img/icon-settings.svg");
  -webkit-mask-image: url("../img/icon-settings.svg");
}
.salsationicon--add {
  mask-image: url("../img/icon-add.svg");
  -webkit-mask-image: url("../img/icon-add.svg");
}
.salsationicon--remove {
  mask-image: url("../img/icon-remove.svg");
  -webkit-mask-image: url("../img/icon-remove.svg");
}
.salsationicon--information {
  mask-image: url("../img/icon-information.svg");
  -webkit-mask-image: url("../img/icon-information.svg");
}
.salsationicon--warning--alt {
  mask-image: url("../img/icon-warning--alt.svg");
  -webkit-mask-image: url("../img/icon-warning--alt.svg");
}
.salsationicon--checkmark--outline {
  mask-image: url("../img/icon-checkmark--outline.svg");
  -webkit-mask-image: url("../img/icon-checkmark--outline.svg");
}
.salsationicon--update-now {
  mask-image: url("../img/icon-update-now.svg");
  -webkit-mask-image: url("../img/icon-update-now.svg");
}
.salsationicon--chevron-down {
  mask-image: url("../img/icon-chevron-down.svg");
  -webkit-mask-image: url("../img/icon-chevron-down.svg");
}
.salsationicon--chevron-left {
  mask-image: url("../img/icon-chevron-left.svg");
  -webkit-mask-image: url("../img/icon-chevron-left.svg");
}
.salsationicon--list {
  mask-image: url("../img/icon-list.svg");
  -webkit-mask-image: url("../img/icon-list.svg");
}
.salsationicon--password {
  mask-image: url("../img/icon-password.svg");
  -webkit-mask-image: url("../img/icon-password.svg");
}
.salsationicon--security {
  mask-image: url("../img/icon-security.svg");
  -webkit-mask-image: url("../img/icon-security.svg");
}
.salsationicon--meter {
  mask-image: url("../img/icon-meter.svg");
  -webkit-mask-image: url("../img/icon-meter.svg");
}
.salsationicon--tool-kit {
  mask-image: url("../img/icon-tool-kit.svg");
  -webkit-mask-image: url("../img/icon-tool-kit.svg");
}
.salsationicon--link {
  mask-image: url("../img/icon-link.svg");
  -webkit-mask-image: url("../img/icon-link.svg");
}
.salsationicon--trash-can {
  mask-image: url("../img/icon-trash-can.svg");
  -webkit-mask-image: url("../img/icon-trash-can.svg");
}
.salsationicon--arrows-horizontal {
  mask-image: url("../img/icon-arrows-horizontal.svg");
  -webkit-mask-image: url("../img/icon-arrows-horizontal.svg");
}
.salsationicon--download {
  mask-image: url("../img/icon-download.svg");
  -webkit-mask-image: url("../img/icon-download.svg");
}
.salsationicon--edit {
  mask-image: url("../img/icon-edit.svg");
  -webkit-mask-image: url("../img/icon-edit.svg");
}
.salsationicon--document, .order-progress a.confirm-step::before {
  mask-image: url("../img/icon-document.svg");
  -webkit-mask-image: url("../img/icon-document.svg");
}
.salsationicon--localtime {
  mask-image: url("../img/icon-localtime.svg");
  -webkit-mask-image: url("../img/icon-localtime.svg");
}
.salsationicon--favorite {
  mask-image: url("../img/icon-favorite.svg");
  -webkit-mask-image: url("../img/icon-favorite.svg");
}
.salsationicon--share {
  mask-image: url("../img/icon-share.svg");
  -webkit-mask-image: url("../img/icon-share.svg");
}
.salsationicon--mail {
  mask-image: url("../img/icon-mail.svg");
  -webkit-mask-image: url("../img/icon-mail.svg");
}
.salsationicon--policy {
  mask-image: url("../img/icon-policy.svg");
  -webkit-mask-image: url("../img/icon-policy.svg");
}
.salsationicon--home, .order-progress a.address-step::before {
  mask-image: url("../img/icon-home.svg");
  -webkit-mask-image: url("../img/icon-home.svg");
}
.salsationicon--currency, .order-progress a.payment-step::before {
  mask-image: url("../img/icon-currency.svg");
  -webkit-mask-image: url("../img/icon-currency.svg");
}
.salsationicon--checkmark, .order-progress a.complete-step::before {
  mask-image: url("../img/icon-checkmark.svg");
  -webkit-mask-image: url("../img/icon-checkmark.svg");
}

.global-container {
  width: 100%;
  max-width: var(--global-container);
  margin-inline: auto;
}

.master-wrapper-page {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: var(--Background-Page);
}
.master-wrapper-page .master-wrapper-content {
  flex: 1;
  position: relative;
  z-index: 1;
}
.master-wrapper-page .master-wrapper-content .page-title {
  margin-block: 40px 24px;
  background: none;
  color: var(--ThemeBlack);
}
@media (max-width: 720px) {
  .master-wrapper-page .master-wrapper-content .page-title {
    margin-top: 0;
    margin-inline: 0;
  }
}
.master-wrapper-page .master-wrapper-content .master-column-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 30px auto auto;
}
@media (min-width: 721px) {
  .master-wrapper-page .master-wrapper-content .master-column-wrapper {
    min-height: calc(100vh - 699px);
  }
}
@media (max-width: 720px) {
  .master-wrapper-page .master-wrapper-content .master-column-wrapper {
    max-width: 100%;
  }
}
.master-wrapper-page .master-wrapper-content .master-column-wrapper .center-1 {
  width: 100%;
  margin: 0;
}
.master-wrapper-page .master-wrapper-content .master-column-wrapper .center-2 {
  margin: 50px 0 0;
  width: 100%;
}
@media (min-width: 1025px) {
  .master-wrapper-page .master-wrapper-content .master-column-wrapper .center-2 {
    width: 715px;
  }
}
@media (min-width: 1321px) {
  .master-wrapper-page .master-wrapper-content .master-column-wrapper .center-2 {
    width: calc(75% - 8px);
    margin-left: calc(8.3333333333% + 28px);
  }
}
.master-wrapper-page .master-wrapper-content .master-column-wrapper .center-3 {
  margin: 50px 0 0 36px;
  width: 100%;
}
@media (min-width: 1025px) {
  .master-wrapper-page .master-wrapper-content .master-column-wrapper .center-3 {
    width: 684px;
  }
}
@media (min-width: 1321px) {
  .master-wrapper-page .master-wrapper-content .master-column-wrapper .center-3 {
    width: calc(66.6666666667% - 8px);
    margin-left: calc(8.3333333333% + 28px);
  }
}
@media (max-width: 1024px) {
  .master-wrapper-page .master-wrapper-content .master-column-wrapper .center-3 {
    margin: 50px 0 0;
  }
}
@media (min-width: 1025px) {
  .master-wrapper-page .master-wrapper-content .master-column-wrapper .side-2 {
    width: 245px;
    margin: 0 0 120px;
  }
}
@media (min-width: 1321px) {
  .master-wrapper-page .master-wrapper-content .master-column-wrapper .side-2 {
    width: calc(16.6666666667% - 20px);
  }
}
@media (min-width: 1025px) {
  .master-wrapper-page .master-wrapper-content .master-column-wrapper .side-3 {
    width: 306px;
    margin: 0 0 120px;
  }
}
@media (min-width: 1321px) {
  .master-wrapper-page .master-wrapper-content .master-column-wrapper .side-3 {
    width: calc(25% - 20px);
  }
}
.master-wrapper-page .master-wrapper-content .master-column-wrapper .page {
  min-height: auto;
}
@media (min-width: 1025px) {
  .master-wrapper-page .master-wrapper-content .master-column-wrapper .page {
    clear: both;
    text-align: left;
  }
}

.html-vendor-list-page .master-wrapper-page::before, .html-vendor-list-page .master-wrapper-page::after,
.category-page-body .master-wrapper-page::before,
.category-page-body .master-wrapper-page::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 385px;
}
.html-vendor-list-page .master-wrapper-page::before,
.category-page-body .master-wrapper-page::before {
  background-image: url("../img/category-background.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  opacity: 0.6;
}
@media (max-width: 720px) {
  .html-vendor-list-page .master-wrapper-page::before,
  .category-page-body .master-wrapper-page::before {
    max-height: 120px;
    background-position-y: center;
  }
}
.html-vendor-list-page .master-wrapper-page::after,
.category-page-body .master-wrapper-page::after {
  background: linear-gradient(180deg, rgba(246, 246, 246, 0.2) 0%, var(--Background-Page) 40%);
}
@media (max-width: 720px) {
  .html-vendor-list-page .master-wrapper-page::after,
  .category-page-body .master-wrapper-page::after {
    max-height: 320px;
  }
}
.html-vendor-list-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .center-2,
.category-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .center-2 {
  margin-top: 0;
}

.admin-header-links {
  position: relative;
  text-align: center;
  color: var(--StaticWhite);
  background: var(--StaticBlack);
  z-index: 1050;
}
.admin-header-links .impersonate {
  display: inline-block;
}
.admin-header-links a,
.admin-header-links span {
  color: var(--StaticWhite);
}

.overlayOffCanvas {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1010;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: background-color 0.5s ease;
}

.air-theme .overlayOffCanvas {
  background-color: rgba(var(--ThemeBlack-RGB), 0.7);
}

.scrollYRemove {
  overflow: hidden !important;
  -ms-touch-action: none !important;
  -webkit-overflow-scrolling: touch !important;
}

.relative-title {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--ThemeBlack);
}
.relative-title .salsationicon, .relative-title .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .relative-title .k-icon::before,
.relative-title .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .relative-title .k-icon::before, .relative-title .order-progress a::before, .order-progress .relative-title a::before, .relative-title .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .relative-title button, .relative-title .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .relative-title .k-window-action, .relative-title .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .relative-title span {
  background-color: var(--RandomColor);
}

.full-description *,
.short-description * {
  font-family: var(--defaultFont) !important;
}
.full-description a,
.short-description a {
  text-decoration: underline;
}
.full-description p,
.short-description p {
  word-wrap: break-word;
  margin: 0;
}
.full-description p + p,
.short-description p + p {
  margin-top: 10px;
}
.full-description ul,
.short-description ul {
  margin: 12px 0;
  padding: 0 0 0 17px;
  list-style: disc;
}
.full-description ol,
.short-description ol {
  margin: 12px 0;
  padding: 0 0 0 17px;
  list-style: decimal;
}
.full-description.read-more-container,
.short-description.read-more-container {
  overflow: hidden;
  position: relative;
  margin-bottom: 0 !important;
}
.full-description.read-more-container::after,
.short-description.read-more-container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3.75rem;
  bottom: -42px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--Background-Page) 30%, var(--Background-Page) 100%);
}
.full-description.read-more-container.open::after,
.short-description.read-more-container.open::after {
  display: none;
}
.full-description.read-more-container + .moretxt,
.short-description.read-more-container + .moretxt {
  display: block;
  width: fit-content;
  margin-top: 25px;
}
.full-description.read-more-container + .moretxt::after,
.short-description.read-more-container + .moretxt::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-color: var(--ThemeBlack);
  transform: rotate(-45deg) translate(10px, 7px);
}
.full-description.read-more-container + .moretxt:not(.lesstxt),
.short-description.read-more-container + .moretxt:not(.lesstxt) {
  margin-top: 0;
}
.full-description.read-more-container + .moretxt:not(.lesstxt)::after,
.short-description.read-more-container + .moretxt:not(.lesstxt)::after {
  transform: rotate(-225deg) translate(-7px, -8px);
}

.slick-slider .slick-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-block: 24px;
}
.slick-slider .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid var(--RandomColor);
  border-radius: 50%;
  background-color: transparent;
  text-indent: -9999px;
}
.slick-slider .slick-dots li.slick-active button {
  width: 32px;
  background-color: var(--RandomColor);
  border-color: var(--RandomColor);
  border-radius: 20px;
}
.slick-slider .slick-list {
  margin: 0 -4px;
}
.slick-slider .slick-list .slick-slide {
  margin: 0 4px;
}

.d-flex {
  display: flex !important;
}

.d-block {
  display: block !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-column {
  flex-direction: column !important;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

@media (max-width: 1320px) {
  .w-tablet-100 {
    width: 100% !important;
  }
}

@media (max-width: 720px) {
  .w-mobile-100 {
    width: 100% !important;
  }
}

.w-min-content {
  width: min-content !important;
}

.w-auto {
  width: auto !important;
}

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

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

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

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column,
.rich_text ul {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

@media (max-width: 1320px) {
  .flex-column-tablet {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 720px) {
  .flex-column-mobile {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 1024px) {
  .flex-row-tablet {
    flex-direction: row !important;
  }
}

@media (max-width: 720px) {
  .flex-row-mobile {
    flex-direction: row !important;
  }
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.justify-self-center {
  justify-self: center !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}
@media (max-width: 720px) {
  .align-items-end.flex-column-mobile {
    align-items: flex-start !important;
  }
}

.align-items-center {
  align-items: center !important;
}
@media (max-width: 720px) {
  .align-items-center.flex-column-mobile {
    align-items: flex-start !important;
  }
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

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

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

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

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

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

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

.m-6 {
  margin: 2.5rem !important;
}

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

.m-8 {
  margin: 3.5rem !important;
}

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

.m-10 {
  margin: 4.5rem !important;
}

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

.m-initial {
  margin: 0.75rem !important;
}

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

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

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

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

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

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

.mx-5 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

.mx-6 {
  margin-right: 2.5rem !important;
  margin-left: 2.5rem !important;
}

.mx-7 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-8 {
  margin-right: 3.5rem !important;
  margin-left: 3.5rem !important;
}

.mx-9 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}

.mx-10 {
  margin-right: 4.5rem !important;
  margin-left: 4.5rem !important;
}

.mx-11 {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}

.mx-initial {
  margin-right: 0.75rem !important;
  margin-left: 0.75rem !important;
}

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

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

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

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

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

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

.my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-6 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.my-7 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-8 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.my-9 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my-10 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.my-11 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.my-initial {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

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

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

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

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

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

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

.mt-5 {
  margin-top: 2rem !important;
}

.mt-6 {
  margin-top: 2.5rem !important;
}

.mt-7 {
  margin-top: 3rem !important;
}

.mt-8 {
  margin-top: 3.5rem !important;
}

.mt-9 {
  margin-top: 4rem !important;
}

.mt-10 {
  margin-top: 4.5rem !important;
}

.mt-11 {
  margin-top: 5rem !important;
}

.mt-initial {
  margin-top: 0.75rem !important;
}

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

.me-0 {
  margin-right: 0 !important;
}

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

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

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

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

.me-5 {
  margin-right: 2rem !important;
}

.me-6 {
  margin-right: 2.5rem !important;
}

.me-7 {
  margin-right: 3rem !important;
}

.me-8 {
  margin-right: 3.5rem !important;
}

.me-9 {
  margin-right: 4rem !important;
}

.me-10 {
  margin-right: 4.5rem !important;
}

.me-11 {
  margin-right: 5rem !important;
}

.me-initial {
  margin-right: 0.75rem !important;
}

.me-auto {
  margin-right: auto !important;
}

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

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

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

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

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

.mb-5 {
  margin-bottom: 2rem !important;
}

.mb-6 {
  margin-bottom: 2.5rem !important;
}

.mb-7 {
  margin-bottom: 3rem !important;
}

.mb-8 {
  margin-bottom: 3.5rem !important;
}

.mb-9 {
  margin-bottom: 4rem !important;
}

.mb-10 {
  margin-bottom: 4.5rem !important;
}

.mb-11 {
  margin-bottom: 5rem !important;
}

.mb-initial {
  margin-bottom: 0.75rem !important;
}

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

.ms-0 {
  margin-left: 0 !important;
}

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

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

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

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

.ms-5 {
  margin-left: 2rem !important;
}

.ms-6 {
  margin-left: 2.5rem !important;
}

.ms-7 {
  margin-left: 3rem !important;
}

.ms-8 {
  margin-left: 3.5rem !important;
}

.ms-9 {
  margin-left: 4rem !important;
}

.ms-10 {
  margin-left: 4.5rem !important;
}

.ms-11 {
  margin-left: 5rem !important;
}

.ms-initial {
  margin-left: 0.75rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

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

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

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

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

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

.m-n6 {
  margin: -2.5rem !important;
}

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

.m-n8 {
  margin: -3.5rem !important;
}

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

.m-n10 {
  margin: -4.5rem !important;
}

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

.m-ninitial {
  margin: -0.75rem !important;
}

.mx-n1 {
  margin-right: -0.25rem !important;
  margin-left: -0.25rem !important;
}

.mx-n2 {
  margin-right: -0.5rem !important;
  margin-left: -0.5rem !important;
}

.mx-n3 {
  margin-right: -1rem !important;
  margin-left: -1rem !important;
}

.mx-n4 {
  margin-right: -1.5rem !important;
  margin-left: -1.5rem !important;
}

.mx-n5 {
  margin-right: -2rem !important;
  margin-left: -2rem !important;
}

.mx-n6 {
  margin-right: -2.5rem !important;
  margin-left: -2.5rem !important;
}

.mx-n7 {
  margin-right: -3rem !important;
  margin-left: -3rem !important;
}

.mx-n8 {
  margin-right: -3.5rem !important;
  margin-left: -3.5rem !important;
}

.mx-n9 {
  margin-right: -4rem !important;
  margin-left: -4rem !important;
}

.mx-n10 {
  margin-right: -4.5rem !important;
  margin-left: -4.5rem !important;
}

.mx-n11 {
  margin-right: -5rem !important;
  margin-left: -5rem !important;
}

.mx-ninitial {
  margin-right: -0.75rem !important;
  margin-left: -0.75rem !important;
}

.my-n1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

.my-n2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

.my-n3 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}

.my-n4 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important;
}

.my-n5 {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important;
}

.my-n6 {
  margin-top: -2.5rem !important;
  margin-bottom: -2.5rem !important;
}

.my-n7 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}

.my-n8 {
  margin-top: -3.5rem !important;
  margin-bottom: -3.5rem !important;
}

.my-n9 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}

.my-n10 {
  margin-top: -4.5rem !important;
  margin-bottom: -4.5rem !important;
}

.my-n11 {
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}

.my-ninitial {
  margin-top: -0.75rem !important;
  margin-bottom: -0.75rem !important;
}

.mt-n1 {
  margin-top: -0.25rem !important;
}

.mt-n2 {
  margin-top: -0.5rem !important;
}

.mt-n3 {
  margin-top: -1rem !important;
}

.mt-n4 {
  margin-top: -1.5rem !important;
}

.mt-n5 {
  margin-top: -2rem !important;
}

.mt-n6 {
  margin-top: -2.5rem !important;
}

.mt-n7 {
  margin-top: -3rem !important;
}

.mt-n8 {
  margin-top: -3.5rem !important;
}

.mt-n9 {
  margin-top: -4rem !important;
}

.mt-n10 {
  margin-top: -4.5rem !important;
}

.mt-n11 {
  margin-top: -5rem !important;
}

.mt-ninitial {
  margin-top: -0.75rem !important;
}

.me-n1 {
  margin-right: -0.25rem !important;
}

.me-n2 {
  margin-right: -0.5rem !important;
}

.me-n3 {
  margin-right: -1rem !important;
}

.me-n4 {
  margin-right: -1.5rem !important;
}

.me-n5 {
  margin-right: -2rem !important;
}

.me-n6 {
  margin-right: -2.5rem !important;
}

.me-n7 {
  margin-right: -3rem !important;
}

.me-n8 {
  margin-right: -3.5rem !important;
}

.me-n9 {
  margin-right: -4rem !important;
}

.me-n10 {
  margin-right: -4.5rem !important;
}

.me-n11 {
  margin-right: -5rem !important;
}

.me-ninitial {
  margin-right: -0.75rem !important;
}

.mb-n1 {
  margin-bottom: -0.25rem !important;
}

.mb-n2 {
  margin-bottom: -0.5rem !important;
}

.mb-n3 {
  margin-bottom: -1rem !important;
}

.mb-n4 {
  margin-bottom: -1.5rem !important;
}

.mb-n5 {
  margin-bottom: -2rem !important;
}

.mb-n6 {
  margin-bottom: -2.5rem !important;
}

.mb-n7 {
  margin-bottom: -3rem !important;
}

.mb-n8 {
  margin-bottom: -3.5rem !important;
}

.mb-n9 {
  margin-bottom: -4rem !important;
}

.mb-n10 {
  margin-bottom: -4.5rem !important;
}

.mb-n11 {
  margin-bottom: -5rem !important;
}

.mb-ninitial {
  margin-bottom: -0.75rem !important;
}

.ms-n1 {
  margin-left: -0.25rem !important;
}

.ms-n2 {
  margin-left: -0.5rem !important;
}

.ms-n3 {
  margin-left: -1rem !important;
}

.ms-n4 {
  margin-left: -1.5rem !important;
}

.ms-n5 {
  margin-left: -2rem !important;
}

.ms-n6 {
  margin-left: -2.5rem !important;
}

.ms-n7 {
  margin-left: -3rem !important;
}

.ms-n8 {
  margin-left: -3.5rem !important;
}

.ms-n9 {
  margin-left: -4rem !important;
}

.ms-n10 {
  margin-left: -4.5rem !important;
}

.ms-n11 {
  margin-left: -5rem !important;
}

.ms-ninitial {
  margin-left: -0.75rem !important;
}

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

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

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

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

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

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

.p-6 {
  padding: 2.5rem !important;
}

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

.p-8 {
  padding: 3.5rem !important;
}

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

.p-10 {
  padding: 4.5rem !important;
}

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

.p-initial {
  padding: 0.75rem !important;
}

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

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

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

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

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

.px-5 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.px-6 {
  padding-right: 2.5rem !important;
  padding-left: 2.5rem !important;
}

.px-7 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.px-8 {
  padding-right: 3.5rem !important;
  padding-left: 3.5rem !important;
}

.px-9 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.px-10 {
  padding-right: 4.5rem !important;
  padding-left: 4.5rem !important;
}

.px-11 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}

.px-initial {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}

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

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

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

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

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

.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.py-6 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.py-7 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.py-8 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.py-9 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-10 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.py-11 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.py-initial {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

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

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

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

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

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

.pt-5 {
  padding-top: 2rem !important;
}

.pt-6 {
  padding-top: 2.5rem !important;
}

.pt-7 {
  padding-top: 3rem !important;
}

.pt-8 {
  padding-top: 3.5rem !important;
}

.pt-9 {
  padding-top: 4rem !important;
}

.pt-10 {
  padding-top: 4.5rem !important;
}

.pt-11 {
  padding-top: 5rem !important;
}

.pt-initial {
  padding-top: 0.75rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

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

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

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

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

.pe-5 {
  padding-right: 2rem !important;
}

.pe-6 {
  padding-right: 2.5rem !important;
}

.pe-7 {
  padding-right: 3rem !important;
}

.pe-8 {
  padding-right: 3.5rem !important;
}

.pe-9 {
  padding-right: 4rem !important;
}

.pe-10 {
  padding-right: 4.5rem !important;
}

.pe-11 {
  padding-right: 5rem !important;
}

.pe-initial {
  padding-right: 0.75rem !important;
}

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

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

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

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

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

.pb-5 {
  padding-bottom: 2rem !important;
}

.pb-6 {
  padding-bottom: 2.5rem !important;
}

.pb-7 {
  padding-bottom: 3rem !important;
}

.pb-8 {
  padding-bottom: 3.5rem !important;
}

.pb-9 {
  padding-bottom: 4rem !important;
}

.pb-10 {
  padding-bottom: 4.5rem !important;
}

.pb-11 {
  padding-bottom: 5rem !important;
}

.pb-initial {
  padding-bottom: 0.75rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

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

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

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

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

.ps-5,
.rich_text ul {
  padding-left: 2rem !important;
}

.ps-6 {
  padding-left: 2.5rem !important;
}

.ps-7 {
  padding-left: 3rem !important;
}

.ps-8 {
  padding-left: 3.5rem !important;
}

.ps-9 {
  padding-left: 4rem !important;
}

.ps-10 {
  padding-left: 4.5rem !important;
}

.ps-11 {
  padding-left: 5rem !important;
}

.ps-initial {
  padding-left: 0.75rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4,
.rich_text ul {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 2rem !important;
}

.gap-6 {
  gap: 2.5rem !important;
}

.gap-7 {
  gap: 3rem !important;
}

.gap-8 {
  gap: 3.5rem !important;
}

.gap-9 {
  gap: 4rem !important;
}

.gap-10 {
  gap: 4.5rem !important;
}

.gap-11 {
  gap: 5rem !important;
}

.gap-initial {
  gap: 0.75rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 2rem !important;
}

.row-gap-6 {
  row-gap: 2.5rem !important;
}

.row-gap-7 {
  row-gap: 3rem !important;
}

.row-gap-8 {
  row-gap: 3.5rem !important;
}

.row-gap-9 {
  row-gap: 4rem !important;
}

.row-gap-10 {
  row-gap: 4.5rem !important;
}

.row-gap-11 {
  row-gap: 5rem !important;
}

.row-gap-initial {
  row-gap: 0.75rem !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 2rem !important;
}

.column-gap-6 {
  column-gap: 2.5rem !important;
}

.column-gap-7 {
  column-gap: 3rem !important;
}

.column-gap-8 {
  column-gap: 3.5rem !important;
}

.column-gap-9 {
  column-gap: 4rem !important;
}

.column-gap-10 {
  column-gap: 4.5rem !important;
}

.column-gap-11 {
  column-gap: 5rem !important;
}

.column-gap-initial {
  column-gap: 0.75rem !important;
}

.text-center {
  text-align: center !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 721px) {
  .mobile-version {
    display: none !important;
  }
}
@media (max-width: 720px) {
  .desktop-version {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .desktop-md {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  .mobile-md {
    display: none !important;
  }
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid var(--Text-Dividers);
  margin: 0;
  padding: 0;
}
hr.light {
  border-color: var(--Text-DividersWhite);
}

.half-column-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 720px) {
  .half-column-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.has-default::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--RandomColor);
  opacity: 0.25;
}

/*********** CSS RESET **********/
* {
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
}

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

html {
  margin: 0 !important;
  -webkit-text-size-adjust: none;
}

ol,
ul {
  list-style: none;
}

a img {
  border: none;
}

a:active {
  outline: none;
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
  margin: 0;
  border: 0;
  padding: 0;
}

input[type=button],
input[type=submit],
input[type=reset] {
  -webkit-appearance: none;
}

input::-moz-placeholder {
  opacity: 1;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 1000px #fff;
}

script {
  display: none !important;
}

img {
  vertical-align: top;
}

iframe {
  border: none;
}

/*********** GLOBAL STYLES **********/
body {
  max-width: 100%;
  font-family: var(--defaultFont);
  font-size: 1rem;
  font-style: normal;
  color: var(--ThemeBlack);
  background: var(--Background-Page);
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100vh;
  /* responsive navigation & filters scroll bug fix*/
}

a {
  color: inherit;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

button {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

img {
  max-width: 100%;
}

a img {
  opacity: 0.99;
  /*firefox scale bug fix*/
}

table {
  width: 100%;
  border-collapse: collapse;
}

textarea {
  min-height: 150px;
  white-space: normal;
}

input[type=checkbox],
input[type=radio],
input[type=checkbox] + *,
input[type=radio] + * {
  vertical-align: middle;
}

input[type=submit],
input[type=button] {
  border: none;
  cursor: pointer;
}

.earth-theme input[type=button],
.earth-theme input[type=submit],
.earth-theme button,
.earth-theme .button-1,
.earth-theme .button-2 {
  font-family: var(--defaultFont);
}

.page {
  min-height: 200px;
  /*text-align: center;*/
}

.product-grid .titlee {
  margin: 50px 0 60px;
  text-align: center;
}

.product-grid + .product-grid .title {
  margin-top: 0;
}

.product-grid .title strong {
  display: block;
  /*prevents a bug with absolute pseudo elements inside the <strong>*/
  position: relative;
  color: #333;
  text-transform: uppercase;
}

.earth-theme .product-grid .title strong {
  font-family: var(--defaultFont);
  font-size: 24px;
  font-weight: 700;
}

.page-title h1:after,
.product-grid .title strong:after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 50%;
  width: 80px;
  height: 4px;
  margin: 0 0 0 -40px;
}

.earth-theme .product-grid .title strong:afterer {
  background-color: var(--RandomColor);
}

.page-title h1:after {
  display: none;
}

.link-rss {
  display: none;
  font-size: 0 !important;
}

.category-description ul,
.manufacturer-description ul,
.topic-html-content ul,
.topic-page ul,
.post-body ul,
.custom-tab ul {
  margin: 12px 0;
  padding: 0 0 0 17px;
  list-style: disc;
}

.category-description ol,
.manufacturer-description ol,
.topic-html-content ol,
.topic-page ol,
.post-body ol,
.custom-tab ol {
  margin: 12px 0;
  padding: 0 0 0 17px;
  list-style: decimal;
}

.category-description p,
.manufacturer-description p,
.topic-html-content p,
.topic-page p,
.post-body p,
.news-body p,
.custom-tab p {
  margin: 10px 0;
  word-wrap: break-word;
}

.master-loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: #fff url("../img/loading.gif") center no-repeat;
  opacity: 0.95;
}

.ps-container > .ps-scrollbar-y-rail {
  visibility: hidden !important;
}

/*********** HEADER ***********/
.responsive-nav-wrapper .search-wrap span {
  background-position: -50px center;
}

.responsive-nav-wrapper .wishlist-opener a {
  background-position: -150px center;
}

.responsive-nav-wrapper .shopping-cart-link a {
  background-position: -200px center;
}

.store-search-box.active {
  display: block;
}

.store-search-box {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1040;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  text-align: center;
  background-color: #fff;
  padding: 30px 20px;
  font-size: 0;
  transition: all 0.3s ease;
}

.store-search-box .close {
  display: none;
  font-size: 0;
}

.search-box form {
  position: relative;
  z-index: 1;
  height: 60px;
  /*  border: 1px solid #eee;
  background-color: #fff;*/
}

.search-box form:after {
  content: "";
  display: block;
  clear: both;
}

.search-box input.search-box-text {
  float: left;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0 80px 0 20px;
  color: #bbb;
}

.earth-theme .search-box input.search-box-text {
  font-size: 18px;
}

.search-box input.search-box-text:focus {
  color: #555;
}

.search-box .search-box-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #eee;
  background: url("../img/search-button.svg") center no-repeat;
  font-size: 0;
}

.earth-theme .search-box .search-box-button {
  background-color: var(--RandomColor);
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-autocomplete {
  position: absolute;
  z-index: 0;
  width: calc(100% - 42px) !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  background-color: #fff;
  padding: 15px 0;
  text-align: left;
}

.earth-theme .ui-autocomplete li {
  font-size: 16px;
  /*reset zeroing*/
}

.ui-autocomplete li:first-child {
  border-top: none;
}

.ui-autocomplete a {
  display: block;
  padding: 30px 20px;
  color: #555;
  text-transform: uppercase;
}

.ui-autocomplete a.ui-state-focus {
  background: #f6f6f6;
}

.ui-autocomplete img {
  display: none;
  margin: 0 20px 0 0;
  vertical-align: middle;
}

/*********** LEFT/RIGHT COLUMN ***********/
.block-category-navigation .title:before {
  background-position: 0 center;
}

.block-manufacturer-navigation .title:before {
  background-position: -24px center;
}

.block-vendor-navigation .title:before {
  background-position: -48px center;
}

.block-recently-viewed-products .title:before {
  background-position: -72px center;
}

.block-popular-tags .title:before {
  background-position: -96px center;
}

.block-poll .title:before {
  background-position: -120px center;
}

.poll {
  padding: 10px 20px;
  color: #555;
}

.poll strong {
  display: block;
  margin: 0 0 15px;
  font-weight: 400;
}

.poll-options,
.poll-results {
  margin: 0 0 20px;
  overflow: hidden;
  padding: 0 0 0 1px;
}

.earth-theme .poll-results {
  font-size: 15px;
}

.poll-options li,
.poll-results li {
  display: inline-block;
  padding: 6px 0;
}

.poll-options li label {
  display: inline-block;
  margin: 0 0 0 3px;
  cursor: pointer;
}

.poll .vote-poll-button {
  min-width: 80px;
  height: 40px;
  padding: 0 20px;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.earth-theme .poll .vote-poll-button {
  background-color: var(--RandomColor);
  font-size: 14px;
}

.poll .vote-poll-button:hover {
  opacity: 0.9;
}

.poll-total-votes {
  display: block;
}

/********** CATEGORY PAGE **********/
.breadcrumb {
  margin: 0 0 50px;
  /* background-color: #58595B; */
  padding: 15px 0;
  text-align: center;
}

.breadcrumb ul {
  font-size: 0;
}

.breadcrumb li {
  display: inline-block;
}

.breadcrumb a,
.breadcrumb strong,
.breadcrumb .delimiter {
  display: inline-block;
  margin: 0 6px;
}

.earth-theme .breadcrumb a,
.earth-theme .breadcrumb strong,
.breadcrumb .delimiter {
  font-size: 14px;
  color: #f4f5f5;
}

.breadcrumb strong {
  font-weight: normal;
  color: white !important;
}

.breadcrumb .delimiter {
  color: #808080;
}

.breadcrumb a {
  color: #808080 !important;
}

.cancelled-bar {
  position: initial !important;
  bottom: initial !important;
  left: initial !important;
  transform: inherit;
  margin-bottom: 20px;
  width: auto;
}

.cancelled-bar > .content {
  /*margin-top: -12px !important;*/
  float: inherit;
}

.center-buttons {
  border-top: 1px solid #eee;
  margin: 0 auto;
  text-align: center;
}

.center-buttons input {
  display: inline-block;
  width: 25% !important;
  margin-top: 22px !important;
}

.instructor-badges {
  margin: 0 auto;
  text-align: left;
  font-size: 0px;
}

.instructor-badges li:first-child {
  margin-left: 0px;
}

.instructor-badges li {
  display: inline-block;
  width: 24%;
  font-size: 14px;
  margin-left: 1.3%;
}

#paypal-button-container {
  margin: 0 0 0 auto;
  text-align: center;
  min-width: 50%;
}

@media (max-width: 720px) {
  #paypal-button-container {
    margin-right: auto;
  }
}
#paypal-button-container > .paypal-button {
  width: 50% !important;
}

.button-container {
  display: flex;
  margin: 0 0 25px;
}

.category-description,
.manufacturer-description {
  margin: 0 0 25px;
  text-align: center;
  line-height: 28px;
}

.category-description p,
.manufacturer-description p {
  margin-top: 0;
}

input.selected {
  background-color: white !important;
  color: black !important;
}

.scrollable {
  position: relative;
  overflow-y: scroll;
  max-height: 200px;
}

.vendor-favourite-list > .save-vendor > input {
  width: 100%;
}

.item-box .product-title.no-reserved-height {
  height: auto !important;
}

.item-box .product-title + .sku {
  display: none;
}

.item-box .product-rating-box {
  margin: 0 0 10px;
  font-size: 0;
}

.item-box .rating {
  display: inline-block;
  background: url("../img/rating-sprite.svg") left top repeat-x;
  width: 80px;
  height: 16px;
}

.item-box .rating div {
  background: url("../img/rating-sprite.svg") left bottom repeat-x;
  height: 16px;
}

.earth-theme .item-box .rating div {
  background-color: var(--RandomColor);
}

.item-box .description {
  margin: 0 0 10px;
}

.item-box .product-rating-box,
.item-box .description {
  display: none;
}

.item-box .old-price {
  position: relative;
  color: #bbb;
}

.earth-theme .item-box .old-price {
  margin: 0 10px 0 0;
  font-weight: 400;
}

.item-box .old-price:after {
  content: "";
  position: absolute;
  width: 50px;
  max-width: 110%;
  height: 16px;
  background: url("../img/line-through.png") center no-repeat;
  opacity: 0.3;
}

.earth-theme .item-box .old-price:after {
  top: 5px;
  left: -1px;
}

.sub-category-grid {
  margin: 0 0 60px;
}

.sub-category-grid .item-box,
.manufacturer-grid .item-box,
.vendor-grid .item-box {
  width: 100%;
  margin-bottom: 10px;
  margin-left: 0;
}

.sub-category-grid .picture,
.manufacturer-grid .picture,
.vendor-grid .picture {
  margin: 0;
}

.sub-category-grid .picture a {
  padding-top: 65%;
}

.sub-category-grid .title {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: auto;
  margin: 0;
  text-align: center;
  font-size: 0;
  text-transform: uppercase;
}

.earth-theme .sub-category-grid .title {
  font-size: 20px;
  font-weight: 400;
}

.manufacturer-grid .title,
.vendor-grid .title {
  height: auto;
  margin: 0;
  text-align: center;
  font-size: 0;
  font-weight: 400;
  text-transform: uppercase;
}

.earth-theme .manufacturer-grid .title,
.earth-theme .vendor-grid .title {
  font-size: 16px;
}

.sub-category-grid .title a {
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 15px 30px;
  transition: all 0.5s ease;
}

.manufacturer-grid .title a,
.vendor-grid .title a {
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 15px 30px;
  transition: all 0.5s ease;
}

.earth-theme .sub-category-grid .item-box:hover .title a,
.earth-theme .manufacturer-grid .item-box:hover .title a,
.earth-theme .vendor-grid .item-box:hover .title a {
  background-color: #222;
}

.pager {
  margin: 0 0 20px;
}
.pager ul {
  text-align: center;
  font-size: 0;
}
.pager ul li {
  display: inline-block;
  vertical-align: middle;
}
.pager ul li a,
.pager ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ThemeBlack);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.pager ul li a:hover {
  color: var(--RandomColor);
}
.pager ul li.previous-page, .pager ul li.next-page {
  margin: 0 5px;
}
.pager ul li.previous-page a {
  background-position: 0 center;
}
.pager ul li.next-page a {
  background-position: -30px center;
}
.pager ul li.first-page a {
  background-color: #bbb;
  background-position: -60px center;
}
.pager ul li.last-page a {
  background-color: #bbb;
  background-position: -90px center;
}
.pager ul li.previous-page a, .pager ul li.next-page a, .pager ul li.first-page a, .pager ul li.last-page a {
  background-image: url("../img/pager-sprite.png");
  background-repeat: no-repeat;
  font-size: 0 !important;
}
.pager ul li.previous-page a:hover, .pager ul li.next-page a:hover, .pager ul li.first-page a:hover, .pager ul li.last-page a:hover {
  border: 1px solid var(--ThemeBlack);
}
.pager ul li.current-page span {
  background-color: var(--ThemeBlack);
  color: var(--ThemeWhite);
  pointer-events: none;
}

/********** PRODUCT PAGE **********/
.gallery .picture-thumbs {
  margin: 5px 0 0;
  overflow: hidden;
  text-align: center;
  font-size: 0;
}

.gallery .picture-thumbs > li {
  display: inline-block;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

.gallery .picture-thumbs > li:hover {
  border-color: #ddd;
}

.gallery .picture-thumbs a {
  display: block;
  position: relative;
  width: 98px;
  height: 98px;
  border: 4px solid #fff;
  overflow: hidden;
}

.gallery .picture-thumbs img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.mfp-bg {
  /*default zoom*/
  z-index: 1080 !important;
}

.mfp-gallery {
  /*default zoom*/
  z-index: 1090 !important;
}

.discontinued-product {
  margin: 0 0 20px;
  font-weight: 700;
  color: #ee2e56;
}

.earth-theme .discontinued-product {
  font-size: 20px;
}

.product-reviews-overview {
  margin: 0 0 25px;
}

.product-review-box .rating {
  display: inline-block;
}

.product-review-box .rating,
.product-list .item-box .rating {
  width: 80px;
  height: 16px;
  background: url("../img/rating-sprite.svg") left top repeat-x;
}

.product-review-box .rating div,
.product-list .item-box .rating div {
  height: 16px;
  background: url("../img/rating-sprite.svg") left bottom repeat-x;
}

.earth-theme .product-review-box .rating div,
.earth-theme .product-list .item-box .rating div {
  background-color: var(--RandomColor);
}

.earth-theme .product-no-reviews a {
  color: var(--RandomColor);
}

.product-review-links a {
  position: relative;
  margin: 0 10px;
  padding: 0 0 0 30px;
  line-height: 30px;
  color: #666;
}

.product-review-links a:hover {
  color: #555;
}

.earth-theme .product-review-links a {
  font-size: 14px;
}

.product-review-links .separator {
  display: none;
}

.product-review-links a:first-child:before {
  background-position: 0 center;
}

.product-review-links a:last-child:before {
  background-position: -30px center;
}

.product-review-links a:before,
.delivery .free-shipping:before,
.download-sample a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  margin: -15px 0 0;
  background-image: url("../img/product-page-sprite-1.svg");
  background-repeat: no-repeat;
}

.earth-theme .product-review-links a:before,
.earth-theme .delivery .free-shipping:before,
.earth-theme .download-sample a:before {
  background-color: var(--RandomColor);
}

.overview .short-description {
  margin: 0 0 30px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #eee;
  padding: 0 0 30px;
  line-height: 26px;
}

.overview .value,
.variant-overview .value {
  font-weight: 400;
  color: #555;
}

.earth-theme .overview .value a,
.earth-theme .variant-overview .value a {
  color: var(--RandomColor);
}

.overview .manufacturers,
.overview .availability,
.overview .additional-details,
.overview .delivery {
  margin: 0 0 30px;
}

.overview .subscribe-button,
.variant-overview .subscribe-button {
  height: 33px;
  padding: 0 0 0 35px;
  background: url("../img/product-page-sprite-2.svg") left -70px no-repeat;
}

.earth-theme .overview .subscribe-button,
.earth-theme .variant-overview .subscribe-button {
  background-color: var(--RandomColor);
}

.overview .additional-details div,
.variant-overview .additional-details div {
  margin: 5px 0;
}

.overview .free-shipping,
.variant-overview .free-shipping {
  display: inline-block;
  position: relative;
  padding: 0 0 0 35px;
  line-height: 30px;
}

.overview .free-shipping:before,
.variant-overview .free-shipping:before {
  background-position: -60px center;
}

.download-sample {
  margin: 0 0 30px;
}

.download-sample a {
  position: relative;
  padding: 0 0 0 35px;
}

.download-sample a:before {
  background-position: -90px center;
}

table .attributes {
  border: none;
  background-color: transparent;
}

.attributes .qty-box {
  margin: 0 0 0 10px;
}

.attributes .qty-box label {
  display: none;
}

.attributes .qty-box input {
  width: 50px;
}

.attributes select {
  width: auto;
  min-width: 100px;
  max-width: 100%;
}

.attributes .attribute-dropdown {
  display: inline-block;
  max-width: 100%;
}

.rental-attributes {
  margin: 0 0 -20px !important;
  border: none;
  background-color: transparent;
  padding: 25px 0;
}

.rental-attributes .attribute-item:first-child {
  margin: 0 0 10px;
}

.rental-attributes .attribute-label {
  margin: 0 0 10px;
  color: #333;
}

.rental-attributes .attribute-data span {
  display: inline-block;
  position: relative;
}

.rental-attributes .attribute-data span:after {
  content: "";
  position: absolute;
  top: 14px;
  right: 10px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ccc url("../img/dropdown-arrow-white.png") center no-repeat;
}

.rental-attributes .datepicker {
  width: 280px;
  text-align: center;
}

.ui-datepicker {
  width: 280px;
  outline: 1px solid #fff;
  background-color: #fff;
  text-align: center;
  font-size: 12px;
}

.earth-theme .ui-datepicker {
  font-size: 13px;
}

.ui-datepicker-header {
  position: relative;
  height: 40px;
  margin: 0 0 -1px;
  border: 1px solid #eee;
  background-color: #f9f9f9;
  color: #333;
}

.ui-datepicker-header a {
  position: absolute;
  top: 12px;
  z-index: 1;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #ccc;
  background-image: url("../img/calendar-sprite.png");
  background-repeat: no-repeat;
  font-size: 0;
}

.ui-datepicker-header a.ui-datepicker-prev {
  left: 10px;
  background-position: left center;
}

.ui-datepicker-header a.ui-datepicker-next {
  right: 10px;
  background-position: right center;
}

.ui-datepicker-title {
  position: relative;
  z-index: 0;
  line-height: 40px;
  font-weight: bold;
  text-transform: uppercase;
}

.ui-datepicker-calendar th {
  color: #333;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  width: 14.285%;
  border: 1px solid #eee;
  background-color: #fff;
  transition: all 0.2s ease;
}

.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a {
  display: block;
  line-height: 35px;
}

.ui-datepicker-calendar td a:hover {
  background-color: #eee;
  color: #333;
}

.earth-theme .ui-datepicker-calendar a.ui-state-active,
.earth-theme .ui-datepicker-calendar a.ui-state-active:hover {
  background-color: var(--RandomColor);
}

.attribute-squares {
  margin: -5px 0;
  font-size: 0;
}

.attribute-squares li {
  display: inline-block;
  margin: 2px;
}

.attribute-squares label {
  display: block;
  position: relative;
  margin: 0 !important;
  overflow: hidden;
}

.attribute-squares input {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.attribute-square-container {
  display: block;
  border: 2px solid transparent;
  border-radius: 50%;
  padding: 4px;
}

.attribute-squares .attribute-square {
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #ddd;
  cursor: pointer;
}

.selected-value .attribute-square-container {
  border-color: #ddd;
}

.selected-value .attribute-square:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/tick-white.png") center no-repeat;
}

.selected-value .attribute-square-container[title~=White] .attribute-square:after {
  background-image: url("../img/tick-grey.png") !important;
}

.image-squares .selected-value .attribute-square:after {
  display: none;
}

.attribute-squares .tooltip-container {
  display: none;
}

.giftcard > div {
  margin: 0 0 10px;
}

.giftcard label {
  display: block;
  margin: 0 0 5px;
}

.giftcard input,
.giftcard textarea {
  width: 350px;
  max-width: 100%;
}

.customer-entered-price {
  margin: 0 0 30px;
  overflow: hidden;
  background: #f6f6f6;
  padding: 10px;
}

.overview .customer-entered-price {
  margin-top: -30px;
}

.customer-entered-price .price-input,
.customer-entered-price .price-range {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}

.customer-entered-price .enter-price-input {
  width: 70px;
  text-align: center;
}

.customer-entered-price .price-range {
  margin: 10px;
}

.overview .min-qty-notification,
.variant-overview .min-qty-notification {
  margin: 0 0 10px;
}

.overview .quantity,
.variant-overview .quantity {
  display: inline-block;
  margin: 0 0 20px;
}

.overview .qty-label,
.variant-overview .qty-label {
  display: none;
}

.overview .quantity .increase,
.variant-overview .quantity .increase,
.overview .quantity .decrease,
.variant-overview .quantity .decrease {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 10px;
  border-radius: 50%;
  background-color: #bbb;
  background-image: url("../img/table-sprite.png");
  background-repeat: no-repeat;
  vertical-align: middle;
  font-size: 0;
  cursor: pointer;
}

.overview .quantity .increase,
.variant-overview .quantity .increase {
  background-position: left center;
}

.overview .quantity .decrease,
.variant-overview .quantity .decrease {
  background-position: right center;
}

.overview .qty-input,
.variant-overview .qty-input {
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 14px !important;
  font-weight: 400;
  color: #333;
}

.overview .qty-dropdown,
.variant-overview .qty-dropdown {
  width: 60px;
  height: 40px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #333;
}

.overview .select-box,
.variant-overview .select-box {
  font-size: 14px !important;
  color: #333;
}

.overview .pre-order-availability-date,
.variant-overview .pre-order-availability-date {
  margin: 10px 0 0;
}

.product-collateral {
  margin: 0 0 80px;
}

.product-collateral > div {
  margin: 0 0 40px;
}

.product-collateral .title {
  margin: 0 0 20px;
  color: #555;
  text-transform: uppercase;
}

.product-collateral .title strong {
  font-weight: 400;
}

.product-specs-box .data-table td {
  border-top: 1px solid #eee;
  padding: 10px 15px;
  text-align: left;
}

.product-specs-box .data-table td:first-child {
  background-color: #f9f9f9;
}

.product-specs-box .data-table .attribute-square-container {
  border: none;
  padding: 0;
}

.product-specs-box .data-table .attribute-square {
  width: 24px;
  height: 24px;
  border-radius: 0;
}

.product-tags-list li {
  display: inline-block;
}

.product-tags-list li.separator {
  margin: 0 5px 0 3px;
}

.product-tags-list a:hover {
  color: #555;
}

.variant-picture {
  position: relative;
  width: 300px;
  max-width: 100%;
  height: 300px;
  margin: 0 auto 30px;
  overflow: hidden;
  text-align: center;
}

.variant-overview {
  width: 100%;
}

.variant-overview .variant-name {
  margin: 0 0 15px;
  font-weight: 400;
  color: #555;
  text-transform: uppercase;
}

.earth-theme .variant-overview .variant-name {
  font-size: 18px;
}

.variant-overview .variant-description {
  margin: 0 0 20px;
  line-height: 26px;
}

.variant-overview .availability,
.variant-overview .additional-details,
.variant-overview .delivery {
  margin: 0 0 30px;
}

.variant-overview .attributes li {
  display: inline-block;
  margin: 5px 20px 5px 0;
}

.variant-overview .add-to-wishlist-button {
  display: none;
  width: 55px;
  height: 55px;
  margin: 20px 0 0;
  background: url("../img/variant-wishlist.svg") center no-repeat;
  font-size: 0;
}

.earth-theme .variant-overview .add-to-wishlist-button {
  background-color: var(--RandomColor);
}

.back-in-stock-subscription-page .tooltip {
  margin: 0 0 20px;
}

.back-in-stock-subscription-page .notify-me-button {
  min-width: 80px;
  height: 40px;
  background-color: #555;
  padding: 0 20px;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.back-in-stock-subscription-page .notify-me-button:hover {
  opacity: 0.9;
}

/********** PRODUCT REVIEWS **********/
.product-reviews-page h1 a:before,
.product-reviews-page h1 a:after {
  content: "''";
}

.product-reviews-page .page-body > .result {
  /*min-height: 100px;*/
  margin: 40px 0;
  text-align: center;
}

.product-reviews-page .message-error {
  margin: 0 0 20px;
  text-align: center;
}

.product-reviews-page .title {
  display: none;
}

.product-reviews-page .write-review {
  margin: 30px 0 80px;
}

.product-reviews-page .write-review form {
  width: 600px;
  max-width: 100%;
  margin: auto;
  background-color: #f9f9f9;
  padding: 40px 20px;
}

.earth-theme .write-review label {
  font-size: 15px;
  color: #555;
}

.write-review .review-rating {
  text-align: center;
}

.write-review .review-rating > label {
  display: block;
  margin: 0 0 5px;
}

.write-review .review-rating ul {
  font-size: 0;
  vertical-align: middle;
}

.write-review .review-rating li {
  display: inline-block;
  margin: 0 5px;
  cursor: default;
  vertical-align: middle;
}

.earth-theme .write-review .review-rating li.first,
.earth-theme .write-review .review-rating li.last {
  font-size: 14px;
  font-weight: 400;
  color: #555;
}

.write-review .rating-options label {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/rating-sprite.svg") center bottom no-repeat;
  font-size: 0;
  cursor: pointer;
}

.earth-theme .write-review .rating-options label {
  background-color: var(--RandomColor);
}

.write-review .rating-options input {
  position: absolute;
  z-index: -1;
  margin: 1px 0 0 1px;
  opacity: 0;
}

.write-review .rating-options input:checked + label ~ label {
  background-position: center top;
}

.write-review .review-rating + .review-rating {
  margin: 10px 0 0;
}

.write-review .review-rating .tooltip-text {
  display: none;
}

.write-review .captcha-box {
  margin: 30px 0 0;
}

.product-review-list {
  margin: 0 0 80px;
}

.product-review-item {
  border-bottom: 1px solid #eee;
  overflow: hidden;
  padding: 25px 20px 35px;
}

.product-review-item .review-item-head {
  margin: 0 0 20px;
}

.product-review-item .review-info {
  margin: 0 0 10px;
}

.product-review-item .review-info > span {
  display: block;
  margin: 0 0 5px;
}

.earth-theme .product-review-item .review-info a {
  color: var(--RandomColor);
}

.earth-theme .product-review-item .review-info .date {
  font-size: 14px;
}

.product-review-item .review-title {
  margin: 0 0 20px;
  color: #555;
}

.earth-theme .product-review-item .review-title strong {
  font-weight: 400;
}

.product-review-item .review-text {
  margin: 0 0 20px;
  line-height: 26px;
}

.review-type-rating-ext .review-title {
  margin: 5px 0 10px;
  color: #888;
}

.product-review-helpfulness > span {
  vertical-align: middle;
}

.product-review-helpfulness .question,
.product-review-helpfulness .vote-options {
  margin: 0 5px 0 0;
}

.product-review-helpfulness .vote-options > span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 2px;
  background-image: url("../img/review-voting-sprite.png");
  background-repeat: no-repeat;
  vertical-align: middle;
  font-size: 0;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.2s ease;
}

.product-review-helpfulness .vote-options > span:first-child {
  background-position: left center;
}

.product-review-helpfulness .vote-options > span:last-child {
  background-position: right center;
}

.product-review-helpfulness .vote-options > span:hover {
  opacity: 0.8;
}

.product-review-helpfulness .result {
  margin: 0 0 0 10px;
}

.product-review-item .reply {
  margin: 30px 0 0;
  padding: 20px 25px;
  background: #f9f9f9;
}

.product-review-item .reply-header {
  margin: 0 0 10px;
  color: #555;
}

.earth-theme .product-review-item .reply-header {
  font-weight: 400;
}

/********** WISHLIST & COMPARE LIST **********/
.wishlist-content {
  margin: 30px 0;
}

.wishlist-content .message-error {
  margin: 0 0 20px;
  text-align: center;
}

.wishlist-content .cart .sku {
  display: none !important;
}

.wishlist-content .buttons {
  overflow: hidden;
  background-color: #3f3f41;
  padding: 15px 20px;
  font-size: 0;
}

.wishlist-content button {
  display: block;
  width: 90%;
  max-width: 300px;
  height: 55px;
  margin: 5px auto;
  background-color: #58595b;
  padding: 0 20px;
  text-align: left;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.wishlist-content button:hover {
  opacity: 0.9;
}

.earth-theme .wishlist-content button {
  font-size: 15px;
  letter-spacing: 0.5px;
}

.earth-theme .wishlist-add-to-cart-button {
  background-color: var(--RandomColor);
}

.wishlist-content button:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 0 10px 0 -5px;
  background-image: url("../img/wishlist-sprite.svg");
  background-repeat: no-repeat;
  vertical-align: middle;
}

.wishlist-content .update-wishlist-button:before {
  background-position: 0 center;
}

.wishlist-content .wishlist-add-to-cart-button:before {
  background-position: -35px center;
}

.wishlist-content .email-a-friend-wishlist-button:before {
  background-position: -70px center;
}

.wishlist-content button span {
  vertical-align: middle;
}

.wishlist-content .tax-shipping-info {
  margin: 30px 0;
  text-align: center;
}

.wishlist-page .share-info {
  text-align: center;
}

.wishlist-page .share-info a {
  display: block;
  margin: 10px 0 0;
  font-weight: 400;
}

.earth-theme .wishlist-page .share-info a {
  color: var(--RandomColor);
}

.compare-products-page {
  overflow: hidden;
}

.compare-products-page .button-wrapper {
  margin: 0 0 30px;
}

.compare-products-page .clear-list {
  display: inline-block;
  min-width: 150px;
  height: 50px;
  padding: 0 30px;
  text-align: center;
  line-height: 50px;
  font-weight: 400;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.earth-theme .compare-products-page .clear-list {
  background-color: var(--RandomColor);
  font-size: 15px;
}

.compare-products-page .clear-list:hover {
  opacity: 0.9;
}

.compare-products-table {
  display: none;
}

.compare-products-page .remove-button {
  display: inline-block;
  height: 40px;
  background-color: #fff;
  padding: 0 15px;
  line-height: 20px;
  color: #555;
}

.earth-theme .compare-products-page .remove-button {
  font-size: 15px;
  font-weight: 300;
}

.compare-products-page .remove-button:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 3px solid #ccc;
  border-radius: 50%;
  background: #ccc url("../img/close.png") center no-repeat;
  vertical-align: middle;
}

.compare-products-page .remove-button span {
  vertical-align: middle;
}

.compare-products-page .empty {
  color: #aaa;
}

.not-found-page p {
  margin: 30px 0;
}

.topic-password {
  background-color: #f9f9f9;
  padding: 40px 20px;
  text-align: center;
}

.enter-password-title {
  margin: 0 0 15px;
  color: #555;
}

.enter-password-form {
  max-width: 440px;
  margin: auto;
}

.enter-password-form #password {
  width: 100%;
  margin: 0 0 30px;
}

.enter-password-form #button-password {
  min-width: 150px;
  height: 50px;
  padding: 0 30px;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.earth-theme .enter-password-form #button-password {
  background-color: var(--RandomColor);
  font-size: 15px;
}

.enter-password-form #button-password:hover {
  opacity: 0.9;
}

.topic-password .password-error {
  margin: 15px 0 -15px;
}

/*********** CONTACT & EMAIL A FRIEND ***********/
.contact-page,
.apply-vendor-page {
  margin: 0 0 80px;
}

.email-a-friend-page {
  margin: 20px 0 80px;
}

.contact-page .topic-block-title,
.apply-vendor-page .topic-block-title {
  display: none;
}

.contact-page .page-body > .result,
.email-a-friend-page .page-body > .result,
.apply-vendor-page .page-body > .result {
  min-height: 100px;
  margin: 40px 0;
  text-align: center;
}

.contact-page form,
.email-a-friend-page form,
.apply-vendor-page form {
  width: 600px;
  max-width: 100%;
  margin: auto;
  background-color: var(--BackgroundWhite);
  padding: 40px;
  border-radius: 20px;
}
.contact-page form .inputs label,
.email-a-friend-page form .inputs label,
.apply-vendor-page form .inputs label {
  color: var(--ThemeBlack);
}

.contact-page .message-error,
.email-a-friend-page .message-error,
.apply-vendor-page .message-error {
  margin: 0 0 20px;
  text-align: center;
}

.email-a-friend-page .title {
  margin: 0 0 40px;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
}

.earth-theme .email-a-friend-page .title h2 {
  font-size: 18px;
  font-weight: 400;
  color: var(--RandomColor);
}

/********** REGISTRATION & LOGIN (+ ACCOUNT global)  **********/
.class-mode > span,
.custom-attributes li {
  display: inline-block;
  position: relative;
  width: 49%;
}

.class-mode > span:first-child,
.custom-attributes li:nth-child(odd) {
  margin: 0 2% 0 0;
}

.class-mode > span > input,
.custom-attributes li > input {
  position: absolute;
  top: 14px;
  left: 12px;
}

.class-mode > span > label,
.custom-attributes li > label {
  display: block;
  height: 40px;
  border: 1px solid #eee;
  overflow: hidden;
  padding: 0 10px 0 30px;
  text-align: left;
  line-height: 39px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#check-availability-button {
  margin: 10px 0 0;
  background-color: transparent;
  text-transform: uppercase;
}

.earth-theme #check-availability-button {
  color: var(--RandomColor);
}

#check-availability-button:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 1px;
  background: url("../img/check-availability.svg") center no-repeat;
  vertical-align: middle;
}

.earth-theme #check-availability-button:before {
  background-color: var(--RandomColor);
}

#check-availability-button span {
  margin: 0 1px;
  vertical-align: middle;
}

#username-availabilty {
  display: block;
}

#username-availabilty:empty {
  display: none;
}

.custom-attributes .option-list,
.vendor-attributes .option-list {
  display: inline-block;
  /*should be inline-block, otherwise the "required" symbol will drop on a new line*/
  width: 100%;
  text-align: left;
  white-space: normal;
}

.vat-status,
.vat-note {
  display: block;
  margin: 5px 0 0;
  text-align: center;
  font-size: 12px;
  /*reset zeroing*/
  white-space: normal;
}

.account-page .button-1,
.registration-result-page .button-1,
.user-agreement-page .button-1 {
  min-width: 150px;
  height: 50px;
  padding: 0 30px;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.earth-theme .account-page .button-1,
.earth-theme .registration-result-page .button-1,
.earth-theme .user-agreement-page .button-1 {
  background-color: var(--RandomColor);
  font-size: 15px;
}

.account-page .button-1:hover,
.registration-result-page .button-1:hover,
.user-agreement-page .button-1:hover {
  opacity: 0.9;
}

.registration-result-page .result,
.account-activation-page .result {
  min-height: 50px;
  margin: 40px 0;
  text-align: center;
}

.checkout-as-guest-button {
  display: block;
  margin: -10px auto 20px;
}

/********** ACCOUNT PAGES  **********/
.add-more-external-records {
  text-align: center;
}

.add-more-external-records a {
  display: block;
  margin: 5px 0;
  font-weight: 400;
}

.earth-theme .add-more-external-records a {
  color: var(--RandomColor);
}

.email-to-revalidate,
.email-to-revalidate-note {
  margin: 0 5px;
  vertical-align: middle;
}

.earth-theme .email-to-revalidate,
.earth-theme .email-to-revalidate-note {
  font-size: 15px;
}

.recurring-payments .button-2 {
  padding: 5px 20px;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.earth-theme .recurring-payments .button-2 {
  background-color: var(--RandomColor);
  font-size: 13px;
}

.recurring-payments .button-2:hover {
  opacity: 0.9;
}

.return-request-list-page .section,
.price-match-requests-page .section {
  max-width: 500px;
  margin: 0 auto 40px;
  background-color: #58595b;
  padding: 30px 20px;
  text-align: center;
}

.return-request-list-page a,
.price-match-requests-page a {
  margin: 0 5px;
}

.return-request-list-page a + span {
  vertical-align: middle;
}

.earth-theme .return-request-list-page a,
.earth-theme .price-match-requests-page a {
  font-weight: 400;
  color: var(--RandomColor);
}

.return-request-list-page .comments {
  margin: 15px 0 0;
}

.downloadable-products-page .data-table {
  margin: 20px 0 0;
}

.earth-theme .downloadable-products-page .product a {
  font-weight: 400;
  color: var(--RandomColor);
}

.earth-theme .downloadable-products-page .download a {
  font-weight: 400;
  color: var(--RandomColor);
}

.user-agreement-page .page-body {
  max-width: 500px;
  margin: 20px auto 0;
  background-color: #f9f9f9;
  padding: 20px;
}

.user-agreement-page .terms-of-agreement {
  margin: 0 0 20px;
  text-align: center;
}

.user-agreement-page .terms-of-agreement input {
  margin: 0 5px 0 0;
  vertical-align: baseline;
}

.user-agreement-page .buttons {
  border-top: 1px solid #eee;
  padding: 20px 0 0;
}

.back-in-stock-subscription-list-page .description,
.forum-subscriptions-page .description {
  margin: 0 0 35px;
  text-align: center;
}

.back-in-stock-subscription-list-page .data-table,
.forum-subscriptions-page .data-table {
  margin: 0 0 40px;
}

.back-in-stock-subscription-list-page .buttons,
.forum-subscriptions-page .buttons {
  margin: 40px 0 0;
}

.reward-points-overview {
  margin: 0 0 35px;
  text-align: center;
}

.reward-points-history {
  margin: 0 0 80px;
}

.reward-points-history .title {
  margin: 0 0 30px;
}

.reward-points-history .date {
  /*white-space: nowrap;*/
  text-align: left;
}

.check-gift-card-balance-page .page-body,
.vendorinfo-page .page-body {
  width: 600px;
  max-width: 100%;
  margin: auto;
  background-color: #58595b;
  padding: 40px 20px;
}

.check-gift-card-balance-page .form-fields,
.vendorinfo-page .form-fields {
  border: none;
  padding: 0 !important;
}

.avatar-page .message-error {
  margin: 0 0 15px;
}

.avatar-page .image {
  margin: 0 0 15px;
}

.avatar-page input[type=file] {
  width: 180px;
  overflow: hidden;
}

.center-t {
  margin: 0 auto;
  text-align: center;
}

.bg-gray {
  background: #aaa !important;
}

.avatar-page .buttons {
  margin: 30px 0;
  font-size: 0;
}

.avatar-page .upload-avatar-button,
.avatar-page .remove-avatar-button {
  min-width: 140px !important;
  margin: 0 5px;
}

.avatar-page .remove-avatar-button {
  height: 50px;
  background-color: #aaa;
  padding: 0 20px;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.earth-theme .avatar-page .remove-avatar-button {
  font-size: 15px;
  line-height: 51px;
}

.avatar-page .remove-avatar-button:hover {
  opacity: 0.9;
}

.check-gift-card-balance-page .result {
  margin: 0 0 20px;
  text-align: center;
  font-weight: 400;
  color: #333;
}

.check-gift-card-balance-page .message-error {
  margin: 0 0 20px;
  text-align: center;
}

.vendorinfo-page .vendor-picture {
  margin: 15px 0 -15px;
  text-align: center;
}

.vendorinfo-page .vendor-picture input {
  display: none;
}

.account-page .no-data {
  text-align: center;
}

/********** SHOPPING CART **********/
.order-progress {
  margin: 0 0 20px;
  font-size: 0;
}

.order-progress .active-step a {
  cursor: pointer;
}

.order-progress .active-step a {
  background-color: var(--RandomColor);
}

.order-progress .inactive-step a {
  cursor: default;
}

.product-grid.cross-sells {
  margin-top: 80px;
}

/********** CHECKOUT **********/
.shipping-method .method-list,
.payment-method .method-list {
  margin: 0 0 30px;
}

.shipping-method .method-list li,
.payment-method .method-list li {
  border-bottom: 1px solid var(--Transparencies-Table-Dividers-TableCells);
  padding: 20px 20px 25px;
}

.shipping-method .method-list li label,
.payment-method .method-list li label {
  color: var(--ThemeBlack);
  cursor: pointer;
}

.shipping-method .method-description {
  margin: 5px 0 0 20px;
}

/*.payment-method .payment-description {
	display: none;
}*/
.payment-method .use-reward-points {
  margin: 0 0 30px;
  outline: 20px solid #fff;
  background-color: #fff;
  text-align: center;
}

.payment-method .use-reward-points input {
  margin: 0 5px 0 0;
  vertical-align: baseline;
}

.payment-info {
  max-width: 640px;
  margin: auto;
  padding: 15px 20px 30px;
  background-color: #f9f9f9;
}

.payment-info .info {
  margin: 0 0 30px;
  border-bottom: 1px solid #eee;
  padding: 15px 20px 30px;
  line-height: 25px;
}

.payment-info .info td {
  display: block;
  width: 100%;
  padding: 5px;
}

.payment-info .info td select,
.payment-info .info td input {
  min-width: 70px;
}

.payment-info #CreditCardType,
.payment-info #PurchaseOrderNumber {
  min-width: 230px;
}

.payment-info #CardholderName,
.payment-info #CardNumber {
  width: 100% !important;
}

.confirm-order .terms-of-service {
  width: 94%;
}

.confirm-order + .order-summary {
  margin: 60px 0 0;
}

.order-completed {
  max-width: 640px;
  margin: auto;
  padding: 30px 20px;
  background-color: #58595b;
}

.order-completed .details {
  margin: 0 0 30px;
  border-bottom: 1px solid #eee;
  text-align: center;
}

.order-completed .details-link {
  display: block;
  margin: 15px 0 0;
}

.earth-theme .order-completed .details a {
  color: var(--RandomColor);
  font-weight: 400;
}

/*********** ORDER DETAILS & RETURN REQUEST ***********/
.html-order-details-page .master-wrapper-page .master-wrapper-content .master-column-wrapper {
  margin-top: 24px;
  gap: 24px;
}
.html-order-details-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .side-2 {
  display: none !important;
}
.html-order-details-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .center-2 {
  margin-top: 0;
  margin-left: 0;
}
.html-order-details-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .center-2 .page-title {
  margin-block: 0 32px;
}
.html-order-details-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .center-2 .page {
  margin-bottom: 120px;
}

.order-review-data,
.order-details-area,
.shipment-details-area {
  margin: 0 0 60px;
  overflow: hidden;
}

.order-review-data ul,
.order-details-area ul,
.shipment-details-area ul {
  display: flex;
  padding: 40px;
  flex-direction: column;
  gap: 40px;
  border-radius: 20px;
  background: var(--BackgroundWhite);
}
@media (max-width: 720px) {
  .order-review-data ul,
  .order-details-area ul,
  .shipment-details-area ul {
    padding: 16px;
    gap: 24px;
  }
}
.order-review-data ul.shipping-info,
.order-details-area ul.shipping-info,
.shipment-details-area ul.shipping-info {
  gap: 8px;
}
@media (max-width: 720px) {
  .order-review-data ul.shipping-info,
  .order-details-area ul.shipping-info,
  .shipment-details-area ul.shipping-info {
    gap: 8px;
  }
}
.order-review-data ul.billing-info,
.order-details-area ul.billing-info,
.shipment-details-area ul.billing-info {
  flex-direction: row;
}
@media (max-width: 1024px) {
  .order-review-data ul.billing-info,
  .order-details-area ul.billing-info,
  .shipment-details-area ul.billing-info {
    flex-direction: column;
  }
}
.order-review-data ul.billing-info > *,
.order-details-area ul.billing-info > *,
.shipment-details-area ul.billing-info > * {
  flex: 1;
}

.order-details-page .button-1,
.order-details-page .button-2 {
  min-width: 150px;
  height: 55px;
  margin: 5px;
  background-color: #aaa;
  padding: 0 20px;
  text-align: center;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.order-details-page .button-1:hover,
.order-details-page .button-2:hover {
  opacity: 0.9;
}

.earth-theme .order-details-page .button-1,
.earth-theme .order-details-page .button-2 {
  font-size: 15px;
  letter-spacing: 0.5px;
}

.earth-theme .order-details-page .button-1 {
  background-color: var(--RandomColor);
}

.order-details-page,
.shipment-details-page {
  margin: 0 0 80px;
}

.order-details-page .buttons {
  margin: 50px 0 -20px;
  font-size: 0;
}

.order-details-page .buttons a {
  display: inline-block;
  min-width: 120px;
  height: 45px;
  padding: 0 20px;
  line-height: 45px;
}

.order-details-page .order-overview {
  margin: 0 0 40px;
  line-height: 26px;
}

.earth-theme .order-details-page .order-total .general-h4, .earth-theme .order-details-page .order-total .product-details-page .product-essential .product-essential-left .prices .product-price, .product-details-page .product-essential .product-essential-left .prices .earth-theme .order-details-page .order-total .product-price, .earth-theme .order-details-page .order-total .statssection .statssection-wrapper .statssection-right-holder span, .statssection .statssection-wrapper .statssection-right-holder .earth-theme .order-details-page .order-total span {
  color: var(--RandomColor);
}

.order-details-page .data-table a,
.shipment-details-page .data-table a {
  font-style: normal;
}

.earth-theme .order-details-page .shipments a {
  color: var(--RandomColor);
}

.order-details-page .tax-shipping-info {
  margin: 0 0 10px;
}

.order-details-page .totals {
  max-width: 500px;
  margin: 0 0 30px auto;
  padding: 25px 20px;
}
@media (max-width: 720px) {
  .order-details-page .totals {
    max-width: none;
  }
}

.order-details-page .totals .general-h4, .order-details-page .totals .product-details-page .product-essential .product-essential-left .prices .product-price, .product-details-page .product-essential .product-essential-left .prices .order-details-page .totals .product-price, .order-details-page .totals .statssection .statssection-wrapper .statssection-right-holder span, .statssection .statssection-wrapper .statssection-right-holder .order-details-page .totals span {
  color: var(--RandomColor) !important;
}

.order-details-page .actions {
  margin: 35px 0 0;
  overflow: hidden;
  font-size: 0;
  text-align: right;
}

.return-request-page {
  margin: 20px 0 80px;
}

.return-request-page .data-table a {
  font-weight: 400;
  color: #555;
}

.return-request-page .data-table select {
  min-width: 80px;
}

.return-request-page .section {
  margin: 0 0 60px;
}

.return-request-page .fieldset {
  margin: 0 0 30px;
}

.return-request-page .form-fields {
  max-width: 600px;
  margin: auto;
  background-color: #f9f9f9;
  padding: 20px;
}

.return-request-page .qq-upload-button {
  width: auto;
  height: 40px;
  border: 1px solid #eee;
  background-color: #fff;
  padding: 10px;
}

/*********** SEARCH & SITEMAP ***********/
.search-page .search-input,
.forum-search-page .search-input {
  width: 600px;
  max-width: 100%;
  margin: auto;
  background-color: #f9f9f9;
  padding: 30px 20px;
}

.search-input .fieldset {
  margin: 0 0 30px;
}

.search-input input[type=checkbox] {
  margin: 0 8px 0 -10px;
}

.search-input input + label {
  display: inline;
  margin: 0;
}

.advanced-search {
  margin: 30px 0 0;
  border-top: 1px solid #eee;
  padding: 30px 0 0;
}

.advanced-search .price-range {
  display: block;
}

.advanced-search .price-from,
.advanced-search .price-to {
  width: 49% !important;
  max-width: 150px;
}

.advanced-search .price-from {
  margin: 0 2% 0 0;
}

.search-results .warning,
.search-results .no-result {
  display: block;
  margin: 10px 0 0;
  text-align: center;
}

.search-results .warning {
  color: #ee2e56;
}

.search-results .no-result {
  color: #555;
}

.sitemap-page {
  margin: 10px 0 70px;
}

.sitemap-page .description {
  margin: 0 0 40px;
}

.sitemap-page .entity {
  margin: 0 0 50px;
}

.sitemap-page .entity-title {
  margin: 0 0 15px;
  text-transform: uppercase;
  color: #333;
}

.earth-theme .sitemap-page .entity-title h2 {
  font-size: 16px;
  font-weight: 400;
}

.sitemap-page .entity-body {
  border-top: 1px solid #eee;
  background-color: #f9f9f9;
  padding: 15px;
}

.sitemap-page ul {
  font-size: 0;
}

.sitemap-page li {
  display: inline-block;
}

.sitemap-page li:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 18px;
  vertical-align: middle;
  background-color: #ddd;
}

.sitemap-page li:last-child:after {
  display: none;
}

.sitemap-page a {
  display: inline-block;
  margin: 0 10px;
  padding: 10px;
  vertical-align: middle;
}

.earth-theme .sitemap-page a {
  font-size: 16px;
  /*reset zeroing*/
}

.sitemap-page a:hover {
  color: #333;
}

/********** BLOG & NEWS **********/
.year strong {
  display: block;
  position: relative;
  padding: 10px 25px 10px 20px;
  font-weight: 400;
  color: #555;
  cursor: pointer;
}

.earth-theme .year strong {
  font-size: 15px;
}

.year strong.with-subcategories:after {
  content: "";
  position: absolute;
  right: 14px;
  width: 6px;
  height: 9px;
  background: url("../img/arrow-grey.png") right center no-repeat;
  transition: all 0.2s ease;
}

.earth-theme .year strong.with-subcategories:after {
  top: 17px;
}

.year strong.with-subcategories.opened:after {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.year .sublist li:last-child {
  margin: 0 0 5px;
}

.blog-page .post,
.news-items .news-item {
  margin: 0 auto 60px;
}

.post-head .post-title,
.news-head .news-title,
.blogpost-page .post-date,
.news-item-page .news-date {
  display: block;
  margin: 0 0 20px;
  /*border-bottom: 1px solid #eee;*/
  background-color: #58595b;
  padding: 15px 10px;
  font-weight: 400;
  text-transform: uppercase;
  color: #555;
}

.post-head .post-date,
.news-head .news-date {
  display: block;
  margin: 0 0 10px;
  padding: 0 20px;
  color: #bbb;
}

.earth-theme .post-head .post-date,
.earth-theme .news-head .news-date {
  font-size: 14px;
  font-weight: 400;
}

.post-body,
.news-body {
  margin: 0 0 25px;
  padding: 0 20px;
  line-height: 26px;
}

.earth-theme .post-body a,
.earth-theme .news-body a {
  color: var(--RandomColor);
}

.blog-links {
  margin: 0 0 30px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #eee;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.blog-links .comments a,
.blog-links .tags ul {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.blog-page .tags label,
.blogpost-page .tags label {
  display: none;
}

.blog-page .tags ul,
.blogpost-page .tags ul {
  text-align: left;
  font-size: 0;
  margin: 0;
  padding: 0;
}

.blog-page .tags li,
.blogpost-page .tags li {
  display: inline-block;
}

.earth-theme .blog-page .tags li,
.earth-theme .blogpost-page .tags li {
  font-size: 16px;
}

.blog-page .tags li.separator,
.blogpost-page .tags li.separator {
  margin: 0 8px 0 2px;
}

.blog-posts .buttons,
.news-items .buttons {
  overflow: hidden;
  padding: 0 20px;
}

.blog-posts .read-more,
.news-items .read-more {
  display: inline-block;
  height: 40px;
  padding: 0 25px;
  line-height: 40px;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.earth-theme .blog-posts .read-more,
.earth-theme .news-items .read-more {
  background-color: var(--RandomColor);
  font-size: 13px;
  font-weight: 400;
}

.blog-posts .read-more:hover,
.news-items .read-more:hover {
  opacity: 0.9;
}

.new-comment {
  margin: 60px 0 80px;
}

.new-comment .notifications {
  margin: 0 0 15px;
  text-align: center;
}

.new-comment form {
  width: 600px;
  max-width: 100%;
  margin: auto;
  border-top: 1px solid #eee;
  background-color: #f9f9f9;
  padding: 40px 20px;
}

.new-comment .form-fields {
  margin: 0 0 40px;
}

.new-comment .button-1 {
  min-width: 150px;
  height: 50px;
  padding: 0 30px;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.comment-list {
  margin: 0 0 80px;
}

.comment-list .title {
  margin: 0 0 15px;
  color: #555;
  text-transform: uppercase;
}

.comment-list .title strong {
  font-weight: 400;
}

.blog-comment,
.news-comment {
  margin: 0 0 -1px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #eee;
  padding: 20px;
}

.comment-info {
  width: 200px;
  margin: 0 auto 10px;
}

.comment-info .username {
  display: block;
  margin: 0 0 15px;
  text-align: center;
  color: #555;
  text-transform: uppercase;
}

.earth-theme .comment-info .username {
  font-size: 14px;
  font-weight: 400;
}

.comment-info .avatar {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
}

.comment-info .avatar a {
  display: block;
}

.comment-info .avatar img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.comment-time {
  margin: 0 0 10px;
  font-size: 0;
  color: #bbb;
}

.comment-time label {
  display: none;
}

.earth-theme .comment-time span {
  font-size: 14px;
}

.comment-title {
  display: none;
  margin: 0 0 10px;
  color: #555;
}

.earth-theme .comment-title strong {
  font-weight: 400;
}

.earth-theme .comment-body {
  line-height: 26px;
}

.news-list-homepage {
  margin: 0 0 60px;
  padding: 50px 0;
}

.earth-theme .news-list-homepage {
  background: url("../img/news-banner-2.jpg") center top repeat-y;
}

.news-list-homepage .title {
  margin: 0 0 60px;
}

.news-list-homepage .news-items {
  width: 94%;
  margin: auto;
}

.news-list-homepage .news-item {
  display: none;
  margin: 0 auto 50px;
  border: 15px solid #fff;
  background-color: #58595b;
  padding: 40px 20px;
  text-align: left;
}

.news-list-homepage .news-item:first-child {
  display: block;
}

.news-list-homepage .news-title {
  padding: 0 !important;
  color: #333;
}

.news-list-homepage .news-date {
  padding: 0 !important;
}

.news-list-homepage .news-body {
  max-height: 130px;
  overflow: hidden;
  padding: 0 !important;
}

.news-list-homepage .buttons {
  padding: 0 !important;
  text-align: left;
}

.news-list-homepage .read-more {
  height: auto;
  background: url("../img/arrow-long.png") right center no-repeat !important;
  padding: 0 110px 0 0;
  line-height: normal;
}

.earth-theme .news-list-homepage .read-more {
  color: var(--RandomColor);
}

.news-list-homepage .view-all {
  text-align: center;
}

.news-list-homepage .view-all a {
  background-image: url("../img/arrow-white.png");
  background-repeat: no-repeat;
  padding: 0 16px;
  font-weight: 400;
}

.earth-theme .news-list-homepage .view-all a {
  background-position: right 8px;
}

/********** FORUM & PROFILE **********/
.forum-page .forum-name,
.forum-topic-page .topic-name,
.forums-main-page .topic-block-title,
.forum-group-page .forums-table-section-title,
.active-discussions-page .forums-table-section-title {
  margin: 50px 0 60px;
  text-align: center;
}

.forum-page .forum-name h1,
.forum-topic-page .topic-name h1,
.forums-main-page .topic-block-title h2,
.forum-group-page .forums-table-section-title a,
.active-discussions-page .forums-table-section-title strong {
  display: block;
  /*prevents a bug with absolute pseudo elements inside inline elements*/
  position: relative;
  color: #333;
  text-transform: uppercase;
}

.earth-theme .forum-page .forum-name h1,
.earth-theme .forum-topic-page .topic-name h1,
.earth-theme .forums-main-page .topic-block-title h2,
.earth-theme .forum-group-page .forums-table-section-title a,
.earth-theme .active-discussions-page .forums-table-section-title strong {
  font-size: 24px;
  font-weight: 400;
}

.forum-page .forum-name h1:after,
.forum-topic-page .topic-name h1:after,
.forums-main-page .topic-block-title h2:after,
.forum-group-page .forums-table-section-title a:after,
.active-discussions-page .forums-table-section-title strong:after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 50%;
  width: 80px;
  height: 4px;
  margin: 0 0 0 -40px;
}

.earth-theme .forum-page .forum-name h1:after,
.earth-theme .forum-topic-page .topic-name h1:after,
.earth-theme .forums-main-page .topic-block-title h2:after,
.earth-theme .forum-group-page .forums-table-section-title a:after,
.earth-theme .active-discussions-page .forums-table-section-title strong:after {
  background-color: var(--RandomColor);
}

/* forum header */
.forums-header {
  margin: 0 0 80px;
}

.current-time {
  margin: 0 0 15px;
  text-align: center;
  color: #555;
  text-transform: uppercase;
}

.earth-theme .current-time {
  font-size: 15px;
}

.forum-search-box form {
  width: 90%;
  max-width: 400px;
  height: 50px;
  margin: auto;
  border-width: 2px 0;
  padding: 0 50px 0 0;
}

.forum-search-box .basic {
  height: 100%;
}

.forum-search-box .search-box-text {
  padding: 0 10px !important;
}

.earth-theme .forum-search-box .search-box-text {
  font-size: 17px !important;
}

.forum-search-box .search-box-button {
  width: 50px;
  border: none;
}

.forum-search-box .advanced {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  text-align: center;
}

.earth-theme .forum-search-box .advanced {
  font-weight: 400;
  color: var(--RandomColor);
  text-transform: lowercase;
}

/* forum group */
.forums-table-section {
  margin: 0 0 50px;
}

.forums-table-section-title {
  margin: 0 0 15px;
  text-align: center;
  color: #555;
  text-transform: uppercase;
}

.earth-theme .forums-table-section-title > a,
.earth-theme .forums-table-section-title strong {
  font-size: 18px;
  font-weight: 400;
}

.forums-table-section th.forum-details {
  padding: 15px 20px;
}

.forums-table-section td {
  border-bottom: 1px solid #eee;
  text-align: center;
}

.forums-table-section .image div {
  width: 50px;
  height: 35px;
  margin: auto;
  background: url("../img/folder-sprite.svg") 0 center no-repeat;
}

.forums-table-section .image div.sticky {
  background-position: -100px center;
}

.forums-table-section .image div.announcement {
  background-position: -50px center;
}

.forums-table-section .forum-title,
.forums-table-section .topic-title {
  font-weight: 400;
  text-transform: uppercase;
  color: #555;
}

.forums-table-section .topic-type {
  display: none;
}

.forums-table-section .latest-post {
  white-space: nowrap;
}

.forums-table-section .view-all {
  background-color: #f9f9f9;
  padding: 15px;
  text-align: center;
}

.forums-table-section .view-all a {
  display: inline-block;
  min-width: 80px;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  font-weight: 400;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.earth-theme .forums-table-section .view-all a {
  background-color: var(--RandomColor);
  font-size: 14px;
}

.forums-table-section .view-all a:hover {
  opacity: 0.9;
}

.active-discussions .pager.upper {
  display: none;
}

/* forum-page, topic-page */
.forum-page .forum-description {
  margin: -20px 0 40px;
  text-align: center;
}

.forum-actions,
.topic-actions {
  margin: 0 0 20px;
  text-align: center;
  font-size: 0;
}

.forum-actions .actions a,
.topic-actions .actions a {
  display: inline-block;
  min-width: 120px;
  height: 40px;
  margin: 0 5px 10px;
  padding: 0 20px;
  font-size: 14px;
  line-height: 40px;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.earth-theme .forum-actions .actions a,
.earth-theme .topic-actions .actions a {
  background-color: var(--RandomColor);
  font-weight: 400;
}

.forum-actions .actions a:hover,
.topic-actions .actions a:hover {
  opacity: 0.9;
}

.forum-actions .pager.upper,
.topic-actions .pager.upper {
  display: none;
}

.topic-actions.lower .actions {
  display: none;
}

/* topic post */
.topic-post {
  margin: 0 0 50px;
}

.topic-post .post-info {
  margin: 0 0 30px;
}

.topic-post .username {
  display: block;
  border-bottom: 1px solid #eee;
  background-color: #f9f9f9;
  padding: 10px 0;
  line-height: 25px;
  font-weight: 400;
  color: #555;
}

.topic-post .avatar {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 20px auto;
  overflow: hidden;
}

.topic-post .avatar img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.topic-post .user-stats li {
  display: inline-block;
  margin: 0 10px;
}

.topic-post .pm-button,
.profile-info-box .pm-button {
  display: inline-block;
  margin: 5px 0 0;
  padding: 0 20px;
  font-size: 14px;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.earth-theme .topic-post .pm-button,
.earth-theme .profile-info-box .pm-button {
  color: var(--RandomColor);
  font-weight: 400;
}

.topic-post .pm-button:hover,
.profile-info-box .pm-button:hover {
  opacity: 0.9;
}

.topic-post .pm-button:before,
.profile-info-box .pm-button:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 5px 0 -5px;
  background: url("../img/forum-sprite.svg") 0 center no-repeat;
  vertical-align: middle;
}

.earth-theme .topic-post .pm-button:before,
.earth-theme .profile-info-box .pm-button:before {
  background-color: var(--RandomColor);
}

.topic-post .pm-button span,
.profile-info-box .pm-button span {
  vertical-align: middle;
  line-height: 40px;
}

.topic-post .post-head {
  border-bottom: 1px solid #eee;
  background-color: #f9f9f9;
  padding: 10px 0;
}

.topic-post .post-time {
  display: none;
  line-height: 25px;
}

.topic-post .post-time label,
.topic-post .post-time span {
  vertical-align: baseline;
}

.topic-post .post-actions {
  font-size: 0;
}

.topic-post .post-actions > div {
  display: inline-block;
}

.topic-post .post-actions a {
  display: inline-block;
  margin: 0 5px;
}

.topic-post .post-actions a:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 5px 0 0;
  background-image: url("../img/forum-sprite.svg");
  background-repeat: no-repeat;
  vertical-align: middle;
}

.earth-theme .topic-post .post-actions a:before {
  background-color: var(--RandomColor);
}

.topic-post .post-actions .edit-post-button:before {
  background-position: -25px center;
}

.topic-post .post-actions .delete-post-button:before {
  background-position: -50px center;
}

.topic-post .post-actions .quote-post-button:before {
  background-position: -75px center;
}

.topic-post .post-actions .post-link-button {
  vertical-align: middle;
}

.earth-theme .topic-post .post-actions .post-link-button {
  font-size: 15px;
  /*reset zeroing*/
  color: var(--RandomColor);
}

.topic-post .post-actions .post-link-button:before {
  display: none !important;
}

.topic-post .post-actions a span {
  display: inline-block;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  color: #555;
}

.earth-theme .topic-post .post-actions a span {
  font-size: 15px;
  /*reset zeroing*/
}

.topic-post .post-body {
  /*topic post-body also gets style from blog post-body*/
  margin: 0;
  padding: 20px 20px 0;
}

.topic-post .post-body b,
.topic-post .post-body strong {
  color: #555;
}

.topic-post .user-posted-image,
.latest-posts .user-posted-image {
  max-width: 100%;
  height: auto;
}

.topic-post .quote,
.latest-posts .quote {
  margin: 10px 0 0;
  border-bottom: 1px solid #eee;
  background-color: #f9f9f9;
  padding: 20px;
}

.topic-post .post-vote {
  margin: 20px 0 0;
  overflow: hidden;
}

.topic-post .post-vote span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #aaa;
  background-image: url("../img/table-sprite.png");
  background-repeat: no-repeat;
  vertical-align: middle;
}

.topic-post .post-vote .vote.up {
  background-position: 0 center;
}

.topic-post .post-vote .vote.down {
  background-position: -20px center;
}

.topic-post .post-vote strong {
  margin: 0 10px;
  vertical-align: middle;
  font-weight: 400;
}

.earth-theme .topic-post .post-vote strong {
  color: var(--RandomColor);
}

.topic-post .signature {
  margin: 25px 0 0;
  border-top: 1px solid #eee;
  padding: 15px 0 0;
  font-style: italic;
  color: #aaa;
}

/* forum edit & send message */
.forum-edit-page .page-body,
.move-topic-page .page-body,
.private-message-send-page .page-body {
  width: 600px;
  max-width: 100%;
  margin: auto;
  background-color: #f9f9f9;
  padding: 30px 20px;
}

.forum-edit-page .inputs:first-child {
  display: none;
}

.forum-edit-page strong {
  display: block;
  border-bottom: 1px solid #eee;
  padding: 0 0 10px;
}

.forum-edit-page strong,
.private-message-send-page a {
  font-size: 18px;
  font-weight: 400;
  color: #555;
  text-transform: uppercase;
}

.forum-edit-page .buttons,
.move-topic-page .buttons,
.private-message-send-page .buttons {
  margin: -10px 0 0;
  text-align: center;
  font-size: 0;
}

.forum-edit-page .buttons input,
.move-topic-page .buttons input,
.private-messages .buttons input {
  display: block;
  width: 90%;
  max-width: 300px;
  height: 50px;
  margin: 5px auto;
  background-color: #aaa;
  padding: 0 20px;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.earth-theme .forum-edit-page .buttons input,
.earth-theme .move-topic-page .buttons input,
.earth-theme .private-messages .buttons input {
  font-size: 15px;
  line-height: 51px;
}

.forum-edit-page .buttons input:hover,
.move-topic-page .buttons input:hover,
.private-messages .buttons input:hover {
  opacity: 0.9;
}

.forum-edit-page .toolbar,
.private-message-send-page .toolbar {
  margin: 0 0 12px;
}

.forum-edit-page .inputs.reversed label {
  margin: 5px 0 0;
  white-space: normal;
}

/* inbox & view message */
.private-messages-page {
  margin: 20px 0 80px;
}

.private-messages-page .ui-tabs-panel {
  background-color: transparent;
  padding: 0 !important;
}

.earth-theme .private-messages-page td.date {
  font-size: 15px;
  white-space: nowrap;
}

.earth-theme .private-messages-page .pm-unread {
  font-weight: 400;
  color: var(--RandomColor);
}

.private-messages-page .buttons {
  background-color: #f9f9f9;
  padding: 15px 20px;
  font-size: 0;
}

.earth-theme .private-messages-page input.button-1 {
  background-color: var(--RandomColor);
}

.private-message-send-page .inputs:first-child label {
  display: none;
}

.private-message-view-page .message-head {
  border-bottom: 1px solid #eee;
  padding: 0 0 30px;
  text-align: center;
}

.private-message-view-page .message-head li {
  margin: 5px 0;
}

.private-message-view-page .message-head .sender span,
.private-message-view-page .message-head .recipient span {
  color: #333;
}

.private-message-view-page .message-body {
  padding: 30px 15px;
  text-align: justify;
  line-height: 26px;
}

.private-message-view-page .buttons {
  border-top: 1px solid #eee;
  background-color: #f9f9f9;
  padding: 20px;
  font-size: 0;
}

.earth-theme .private-message-view-page input.reply-pm-button {
  background-color: var(--RandomColor);
}

.private-message-view-page input.back-pm-button {
  margin: 20px auto 0;
  background-color: transparent;
  padding: 0;
  color: #888;
}

/* profile page  */
.profile-page {
  margin: 20px 0 80px;
}

.profile-page .ui-tabs-panel {
  background-color: transparent;
  padding: 0 !important;
}

.profile-info-box {
  overflow: hidden;
  text-align: center;
}

.profile-info-box .avatar {
  margin: 0 0 15px;
}

.profile-info-box .title {
  margin: 0 0 10px;
  text-transform: uppercase;
  color: #555;
}

.profile-info-box .pm-button {
  margin: 15px 0 0;
}

.profile-page .topic {
  margin: 0 0 40px;
}

.profile-page .topic-title {
  margin: 0 0 10px;
  border-bottom: 1px solid #eee;
  background: #f9f9f9;
  padding: 15px 20px;
  text-transform: uppercase;
}

.profile-page .topic-title a {
  margin: 0 0 0 3px;
  color: #555;
}

.earth-theme .profile-page .topic-title a {
  font-weight: 400;
}

.profile-page .topic-body {
  padding: 10px 20px;
  line-height: 26px;
}

.profile-page .topic-data {
  padding: 10px 20px;
}

.profile-page .topic-data span {
  color: #555;
}

.home-search .home-search-text-div {
  margin: 250px auto 70px auto;
  width: 100%;
}

.wrap-drop span {
  margin-right: 30px;
}

.upcoming-events-item {
  position: relative;
  width: 100%;
  max-width: 250px;
  margin: 0 auto 50px;
}

.dropdown-btn-div {
  margin-top: 0;
  margin-bottom: 50px;
  position: relative;
}

.stick .w-100-vw-480 {
  width: 100vw;
}

.v-center {
  display: flex;
  align-items: center;
  text-align: left;
}

.mt-30-1000-min {
  margin-top: 30px;
}

.m-20-between-720 {
  margin: 20px 0;
}

.m-20-between-720:first-of-type {
  margin: 0;
}

.m-20-between-720:last-of-type {
  margin: 0;
}

.home-online-classes {
  background-image: url("../img/online-classes-background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.video-change .item-box .picture a {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: unset;
}

.video-change .item-box .picture img {
  position: unset;
  top: unset;
  right: unset;
  bottom: unset;
  left: unset;
  max-width: unset;
  width: 100%;
  margin: auto;
}

html .video-change .slick-track {
  display: flex;
  align-items: stretch;
  margin-bottom: 80px;
}

html .video-change .slick-slide {
  height: auto;
}

html .video-change .slick-slide .item-box,
html .slick-slide .item-box > div,
html .slick-slide .item-box > div > div,
html .slick-slide .item-box > div > div > a {
  height: 100%;
}

html .video-change .slick-slide .item-box > div > div > a {
  display: flex;
  align-items: center;
}

.video-change.jCarouselMainWrapper {
  /* background-color: #000000; */
  padding-top: 80px;
}

.video-change strong.carousel-strong {
  color: white !important;
  font-family: "Montserrat";
  font-size: 38px !important;
  font-weight: 700 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 5px;
  text-align: center;
}

.video-change strong.carousel-strong:after {
  width: 0 !important;
  height: 0 !important;
}

.already-in-wishlist {
  width: 55px;
  height: 50px;
  border: none;
  display: inline-block;
  background-color: #58595b;
  vertical-align: middle;
  background: url("../img/variant-wishlist-selected-pink.svg") no-repeat top left;
}

.already-in-wishlist-upcomming {
  width: 55px !important;
  height: 50px !important;
  border: none;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../img/variant-wishlist-selected-white.svg");
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.table-btn {
  width: 100%;
  padding: 10px;
  color: white;
}

.linkbutton.selected {
  background: linear-gradient(to right, var(--RandomColor) 0%, #ff3366 0) !important;
  opacity: 0.9;
}

.m5 {
  margin: 5px;
}

.waiting {
  margin: 20px auto;
  text-align: center;
}

.waiting label {
  text-align: center !important;
  text-transform: uppercase;
}

.prog-days {
  display: inline !important;
  margin-left: 10px !important;
  font-weight: 400 !important;
}

.no-center {
  text-align: initial !important;
}

select,
option {
  font: -moz-pull-down-menu;
}

.wish-btn {
  display: inline-block;
  /* background-color: #58595B;  */
  width: 50px;
  height: 49px;
  margin-left: 5px;
}

.item-box .buttons .wish-btn button {
  padding: 0 !important;
  height: 40px;
  margin: 0 !important;
  margin-top: 6px !important;
  /* background-color: transparent!important; */
}

.item-box .add-info .buttons .wish-btn .add-to-wishlist-button::before {
  background: url("../img/variant-wishlist.svg") center no-repeat;
  background-color: #6d7356;
  background-size: 50px;
}

.mb-20 {
  margin-bottom: 20px;
}

.col-sm-9 {
  width: 85%;
}

.w-20 {
  width: 20%;
}

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

.mb-30 {
  margin-bottom: 30px;
}

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

.no-t-border {
  border: none !important;
}

.mt-10 {
  margin-top: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.table-btn {
  font-size: 14px;
}

.align-center {
  margin: 0 auto;
  text-align: center;
}

.bold-upper-border {
  border: solid 2px;
  border-radius: 20px;
  padding: 10px;
  border-color: #e31870;
  color: #e31870;
  text-transform: uppercase;
  font-size: 14px;
}

.black-text {
  color: #424242;
}

.f-14 td {
  font-size: 14px;
}

.f-14-headers th a {
  font-size: 14px;
  font-weight: 700;
}

.linkable a {
  color: blue;
  text-decoration: underline;
}

.sel-type select {
  min-height: 100%;
}

.icon {
  width: 20px;
  height: 20px;
  border: none;
  background-color: #58595b;
  background-image: "../img/variant-wishlist-selected-pink.svg";
}

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

[class*=vendor-block-] .inputs > label:first-of-type {
  font-weight: 700 !important;
}

.product-item .details .add-info .prices:empty {
  display: none;
}

.overview .class-location,
.overview .class-lang,
.overview .event-type {
  color: white !important;
}

.product-item .details .product-title .class-price-range {
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: normal;
  color: var(--RandomColor);
}

.buy-now-btn {
  position: absolute;
  bottom: -20px;
}

.item-box .buy-now-btn :before {
  width: initial !important;
  background-image: none !important;
}

.center-widget {
  margin: 0 auto;
  text-align: center;
}

.center-widget .html-widget {
  width: 50%;
  display: inline-block;
  margin-top: 80px;
  margin-bottom: 80px;
}

.shop-text h2 {
  margin-bottom: 16px;
}

/*.banner-list {
  margin-bottom: 20px;
}

.mid-banners h2 {
  text-align: center;
  margin-bottom: 16px;
}

.mid-banners h2:after {
  content: "";
  background: black;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 1px;
}

.banner-list li {
  display: inline-block;
  width: 49%;
  margin-top: 26px;
}

.banner-list li:hover {
  opacity: 0.8;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.banner-list li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.banner-list li a span {
  position: absolute;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.banner-list li:nth-child(2),
.banner-list li:nth-child(4) {
  float: right;
}

.banner-list2 {
  margin-bottom: 40px;
}

.banner-list2 li {
  display: inline-block;
  width: 31%;
  margin-top: 26px;
}

.banner-list2 li:hover {
  opacity: 0.8;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.banner-list2 li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.banner-list2 li a span {
  position: absolute;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.banner-list2 li:nth-child(3) {
  float: right;
}

.banner-list2 li:nth-child(2) {
  margin-left: 46px;
}

.bottom-banners {
  margin-top: 60px;
  margin-bottom: 40px;
  list-style-type: none;
  display: block;
  float: left;
  height: 100%;
  width: 100%;
}

.bottom-banner-list li {
  list-style: none;
  height: 100%;
  display: block;
  float: left;
  width: 100%;
}

.bottom-banner-list li .left-image {
  display: inline-block;
  width: 50%;
}

.bottom-banner-list li .right-content {
  float: right;
  height: 100%;
  width: 48%;
}

.bottom-banner-list li .right-content*/
/*,
h3,
p,
button*/ /*{
  margin-left: 20px;
}*/
.order-completed-continue-button {
  margin-right: 20px;
}

@media (min-width: 1025px) {
  #specificationFiltersDropDown10 {
    max-height: 350px;
    overflow-y: scroll;
  }
}
.mh-100 {
  min-height: 100px;
}

@media (max-width: 426px) {
  .footable-first-column {
    width: 10% !important;
  }
  .footable-last-column {
    font-size: 12px;
  }
  .cart .product-name {
    font-size: 12px;
  }
}
.level-under-name {
  float: left;
  text-transform: capitalize;
  font-weight: 400;
  margin-left: 0px;
  margin-top: 5px;
}

.mb-20 {
  margin-bottom: 20px;
}

.free-sub {
  padding-left: 16px;
  padding-top: 5px;
}

/* RELATED INAME */
.html-product-details-page .related-products-grid.product-grid .product-item .details .related-iname .class-info {
  display: block;
}

.html-product-details-page .related-products-grid.product-grid .product-item .product-title.related-iname,
.html-product-details-page .related-products-grid.product-grid .product-item .add-info.related-iname {
  text-align: left;
}

.earth-theme .item-box .product-title.related-iname {
  height: auto;
}

.vendor-li-subs {
  display: inline-block;
  margin: 15px 0 15px 0;
}

@media (min-width: 1025px) {
  .contact-us {
    margin-top: 0 !important;
  }
}
.p-10 {
  padding: 10px 10px;
}

@media (max-width: 426px) {
  .bar-notification {
    width: 80%;
  }
  .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in,
  .mce-container.mce-panel.mce-foot {
    width: 100% !important;
  }
  .mce-textbox.mce-placeholder {
    width: 88% !important;
  }
  .mce-textbox.mce-last.mce-abs-layout-item {
    width: 254px !important;
  }
  .mce-widget.mce-btn.mce-primary.mce-first.mce-abs-layout-item {
    left: 290px !important;
  }
  .mce-widget.mce-btn.mce-last.mce-abs-layout-item {
    left: 350px !important;
  }
  .order-completed .buttons {
    display: grid;
  }
  .order-completed-continue-button {
    margin-top: 20px;
  }
}
.upcomming-floating-et:hover {
  cursor: pointer;
}

.order-edit-button:hover,
.delete-address-button:hover {
  opacity: 0.9 !important;
}

.home-salsation-programs {
  background-color: #58595b !important;
}

.k-content,
.k-panel > li.k-item,
.k-panelbar > li.k-item,
.k-tiles {
  background-color: transparent;
}

.k-block,
.k-content,
.k-dropdown .k-input,
.k-popup,
.k-toolbar {
  color: #fff;
}

.k-autocomplete,
.k-draghandle,
.k-dropdown-wrap,
.k-grid-header,
.k-grouping-header,
.k-numeric-wrap,
.k-panelbar .k-tabstrip-items .k-item,
.k-picker-wrap,
.k-progressbar,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-textbox,
.k-toolbar {
  background-color: #3f3f41;
}

.earth-theme.variant-2 .menu-title-wrapper span,
.earth-theme .alternate-products .item-box button:before,
.earth-theme .alternate-products .quick-view-button:before,
.earth-theme.variant-2 .spc-categories .navigation li:after,
.earth-theme .feeds-nav-item.active:after {
  background-color: var(--RandomColor);
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* begin :: homepage */
.search-box form {
  font-size: 0px;
  height: 62px;
}

.search-box form input[type=text] {
  width: 70% !important;
}

.search-box form .country-ddl {
  height: 100%;
}

.home-upcoming-events .product-grid {
  margin-bottom: 0px;
}

iframe.myVideo {
  pointer-events: none;
  border-style: hidden;
}

/* end :: homepage */
/* global */
.write-review .review-rating {
  position: relative;
  width: 440px;
  max-width: 100%;
  margin: 0 auto 15px;
  text-align: center;
  white-space: nowrap;
  font-size: 0;
}

.earth-theme .write-review label {
  font-family: var(--defaultFont);
  text-align: left;
}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
  height: 50px;
  padding: 0px 15px;
}

.earth-theme input[type=text],
.earth-theme input[type=number],
.earth-theme input[type=password],
.earth-theme input[type=email],
.earth-theme input[type=tel],
.earth-theme textarea {
  font-family: var(--defaultFont);
}

/* checkbox */
.checkbox [type=checkbox]:not(:checked),
.checkbox [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}

.checkbox [type=checkbox]:not(:checked) + label,
.checkbox [type=checkbox]:checked + label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}

.checkbox [type=checkbox]:not(:checked) + label:before,
.checkbox [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: solid 2px var(--RandomColor);
  background: #58595b;
  border-radius: 4px;
}

.checkbox [type=checkbox]:not(:checked) + label:after,
.checkbox [type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.2s;
  width: 6px;
  height: 9px;
}

.checkbox [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
}

.checkbox [type=checkbox]:checked + label:before {
  background: var(--RandomColor);
}

.checkbox [type=checkbox]:checked + label:after {
  opacity: 1;
}

.checkbox [type=checkbox]:disabled + label {
  cursor: default;
}

.checkbox [type=checkbox]:disabled + label:before {
  border-color: #d8d8d8;
  background-color: #d8d8d8;
}

.checkbox [type=checkbox]:not(:checked) + span,
.checkbox [type=checkbox]:checked + span {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}

.checkbox [type=checkbox]:not(:checked) + span:before,
.checkbox [type=checkbox]:checked + span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: solid 2px var(--RandomColor);
  background: #58595b;
  border-radius: 4px;
}

.checkbox [type=checkbox]:not(:checked) + span:after,
.checkbox [type=checkbox]:checked + span:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.2s;
  width: 6px;
  height: 9px;
}

.checkbox [type=checkbox]:not(:checked) + span:after {
  opacity: 0;
}

.checkbox [type=checkbox]:checked + span:before {
  background: var(--RandomColor);
}

.checkbox [type=checkbox]:checked + span:after {
  opacity: 1;
}

.checkbox [type=checkbox]:disabled + span {
  cursor: default;
}

.checkbox [type=checkbox]:disabled + span:before {
  border-color: #d8d8d8;
  background-color: #d8d8d8;
}

.inputfile {
  text-align: left;
}

.inputfile .image {
  margin: 10px auto;
  text-align: center;
}

.inputfile .image img {
  width: 100%;
}

.inputfile .upload-file-info {
  font-size: 10px;
}

.inputfile .actions {
  text-align: right;
}

/* menu principal */
.earth-theme .responsive-nav-wrapper .filters-button span {
  margin: 5px 0 -10px -5px;
  background-image: url("../img/filters-button.svg");
  background-color: transparent;
}

/* breadcrumb */
.breadcrumb {
  padding: 16px 0px;
  margin-bottom: 30px;
  background-color: #58595b !important;
}

.earth-theme .breadcrumb a,
.earth-theme .breadcrumb strong {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.earth-theme .breadcrumb strong {
  font-weight: bold;
}

.earth-theme .breadcrumb a {
  color: white;
}

/* lista de eventos e classes*/
.item-box .quick-view-button:before {
  background-image: url("../img/product-box-sprite.svg");
  background-position: right top;
}

.earth-theme .product-list .quick-view-button:before {
  background-position: right bottom;
}

.related-products-grid.product-grid {
  background-color: #58595b;
  padding: 60px 0px;
}

.related-products-grid.product-grid .title {
  margin-top: 0px;
  margin-bottom: 60px;
}

.related-products-grid.product-grid .item-grid {
  text-align: center;
}

.product-details-page .item-box {
  float: none;
  display: inline-block;
  vertical-align: top;
}

/* classes */
.category-page .filters-button span {
  opacity: 0;
}

.category-page .filters-button {
  background: #c58649 url("../img/filters-button.svg") no-repeat center center;
}

.html-category-page .category-description {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.88px;
  color: white;
  margin-bottom: 15px;
  text-align: left;
}

.also-purchased-products-grid .product-item .details .add-info .prices .price {
  font-weight: 700;
}

/* product details*/
.vendorsubscriptions a.linkbutton::before,
.vendorsubscriptions a.linkbutton::after {
  background: none !important;
}

.html-home-page .home-search-text-div .country-ddl {
  font-family: "Oswald";
  text-transform: uppercase;
  font-weight: 500;
  min-width: 180px;
  font-size: 16px;
  letter-spacing: 1px;
  color: white;
  border-radius: 0px;
}

.html-home-page .home-search-text-div .country-ddl:focus {
  color: var(--RandomColor);
}

.html-home-page .home-search-text-div .country-ddl#SelectedCountry {
  border-left: none;
  border-right: none;
}

.html-home-page .search-box form input[type=text]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

.html-home-page .search-box form input[type=text]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
}

.html-home-page .search-box form input[type=text]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: white;
}

.html-home-page .home-upcoming-events .picture-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  opacity: 0.6;
  background-image: linear-gradient(to bottom, #3f3f41, #3f3f41);
}

.html-home-page .home-upcoming-events .buttons.desktop {
  z-index: 250;
}

#small-searchterms {
  color: white !important;
}

.home-upcoming-events .quick-view-button a,
.product-grid .quick-view-button a {
  height: auto;
  padding-top: 5px;
}

#homepage-videos {
  padding: 60px 0px;
  background-size: cover;
}

#homepage-videos .nop-jcarousel {
  margin-bottom: 0px;
}

#homepage-videos .title.has-navigation {
  margin-bottom: 60px;
}

@media (max-width: 720px) {
  #homepage-videos .title.has-navigation {
    margin-bottom: 50px;
  }
}
#homepage-videos .carousel-item,
#homepage-videos .slick-list {
  height: 180px;
}

#homepage-videos .carousel-strong {
  font-size: 28px !important;
  font-weight: bold !important;
  letter-spacing: 3.68px;
}

.home-about-salsation .video {
  width: 100%;
}

.check-gift-card-balance-page .page-body,
.vendorinfo-page .page-body {
  width: 100%;
}

button.add-to-wishlist-button.active {
  background: url("../img/variant-wishlist-selected-pink.svg") center no-repeat;
}

.product-social-buttons .instagram a {
  background-position: -120px center;
}

.earth-theme .order-details-page .billing-info .title,
.earth-theme .order-review-data li.title {
  font-weight: bold;
}

.order-details-page .order-details-area ul {
  text-align: left;
}
.order-details-page .order-details-area .order-overview {
  padding: 25px 20px;
}
.order-details-page .order-details-area .billing-info,
.order-details-page .order-details-area .order-overview {
  display: flex;
  gap: 24px;
  width: 100%;
  border-radius: 20px;
  background: var(--BackgroundWhite);
  margin: 0;
  justify-content: space-between;
  max-width: unset;
}
.order-details-page .products .table-wrapper {
  border-radius: 20px;
}

.order-details-page .order-overview {
  margin-top: 40px;
}

.order-details-page .buttons {
  margin-bottom: 0px;
}

.order-review-data ul {
  text-align: left;
}

.order-completed {
  max-width: 94%;
}

.contact-page form,
.email-a-friend-page form,
.apply-vendor-page form {
  width: 100%;
}

/* video homepage */
.homepagetopvideo-wrapper {
  position: relative;
  overflow: hidden;
  max-height: 100vh;
  max-height: calc(100vh - 96px);
}

.homepagetopvideo-inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.homepagetopvideo-inner iframe.myVideo {
  position: absolute;
  left: 0px;
  top: -100%;
  bottom: -100%;
  width: 100%;
  height: 100%;
  margin: auto;
}

.home-search .home-search-text-div {
  width: 100%;
  margin: 0px;
}

.html-home-page .search-box .wrap-drop span {
  font-size: 16px;
  font-family: "Oswald";
  font-weight: 500;
}

.already-in-wishlist-upcomming:hover {
  background-image: url("../img/variant-wishlist-selected-white.png");
}

/* state */
.badge {
  display: block;
  border: solid 2px #888888;
  font-family: Oswald;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.74px;
  color: #888888;
  padding: 3px 15px;
  text-transform: uppercase;
}

@media (max-width: 720px) {
  .badge {
    display: inline-block;
  }
  .breadcrumb {
    display: none;
  }
}
@media (min-width: 1025px) {
  /* global */
  .breadcrumb {
    margin-top: 0px;
  }
  /* ACCOUNT PAGE */
  .checkout-data .payment-method {
    margin: 0px;
  }
  .checkout-page .section .title {
    text-align: left;
  }
  .checkout-page.order-completed-page .title {
    text-align: center;
  }
  .home-about-salsation .video {
    width: 48%;
  }
}
@media (min-width: 1025px) and (max-width: 1320px) {
  .desktop-nav-wrapper-inner .header-menu-parent {
    flex: 1;
  }
  .desktop-nav-wrapper-inner .header-menu-parent .header-menu > ul > li > a {
    padding: 10px 15px;
  }
  .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent {
    flex: 0 0 auto;
    width: auto;
  }
}
@media (max-width: 1024px) {
  .block.block-recently-viewed-products {
    display: none;
  }
}
@media (max-width: 720px) {
  .vendor-grid .item-box {
    width: 100%;
  }
  .vendor-grid .item-box .picture {
    flex: 0 0 100px;
    max-width: 100px;
    height: 100px;
  }
  .vendor-grid .item-box .info {
    flex: 1;
    margin-top: 0;
    margin-left: 10px;
  }
}
/* PRODUCT PAGE IMAGE */
.earth-theme .blog-page .post-title {
  color: var(--RandomColor);
  font-weight: bold;
}

/** Adicionado em 09-27-2021 - Popup estimate shipping **/
.estimate-shipping-popup {
  position: relative;
  max-width: 800px;
  margin: auto;
  background-color: #3f3f41;
  padding: 25px;
  transform: scale(0.8);
  transition: all 0.2s ease;
  opacity: 0;
}

.estimate-shipping-popup strong {
  visibility: hidden;
}

.mfp-ready .estimate-shipping-popup {
  transform: scale(1);
  opacity: 1;
}

.mfp-removing .estimate-shipping-popup {
  transform: scale(0.8);
  opacity: 0;
}

.estimate-shipping-popup-zoom-in {
  z-index: 1090 !important;
}

.estimate-shipping-popup-zoom-in.mfp-removing {
  transition: all 0.3s ease;
  opacity: 0;
}

.estimate-shipping-popup .mfp-close {
  position: absolute;
  top: 10px !important;
  right: 10px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  overflow: hidden;
  background: #ccc url(../img/close-sprite.svg) center bottom no-repeat;
  font-size: 0;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.estimate-shipping-popup .mfp-close:hover {
  opacity: 0.9;
}

.estimate-shipping-row {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  position: relative;
}

.estimate-shipping-row-item {
  flex: 0 1 100%;
}

.mfp-container .address-item {
  margin: 10px 0 0;
}

.mfp-container .address-item + div {
  padding: 0 0 0 15px;
}

.estimate-shipping-address-control {
  width: 100%;
  height: 40px;
}

.mfp-container .address-item .required {
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 8px 8px 0;
  border-style: dashed solid dashed;
  vertical-align: top;
  font-size: 0;
}

.mfp-container .shipping-options {
  position: relative;
  margin: 10px 0 30px;
}

.mfp-container .shipping-header-item {
  align-self: flex-end;
  border: none !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mfp-container .shipping-options-body {
  display: table;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #eee;
  border-collapse: collapse;
}

.mfp-container .shipping-option {
  display: table-row;
  cursor: pointer;
}

.mfp-container .shipping-option.active {
  font-weight: 400;
  color: var(--RandomColor);
}

.mfp-container .shipping-option > div {
  display: table-cell;
  border-top: 1px solid #eee;
  padding: 11px;
}

.mfp-container .shipping-item {
  border-right: 1px solid #eee;
  overflow: hidden;
  padding: 8px 0;
  overflow-wrap: break-word;
}

.estimate-shipping-row-item-radio {
  flex: 0 0 30px;
  width: 24px;
}

.estimate-shipping-radio {
  display: none;
}

.estimate-shipping-radio + label {
  display: inline-block;
  position: relative;
  bottom: 1px;
  width: 14px;
  height: 14px;
  border: 1px solid #eee;
  border-radius: 50%;
  font-size: 0;
}

.estimate-shipping-radio:checked + label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50px;
  background-color: #eee;
}

.apply-shipping-button-container {
  text-align: center;
}

.apply-shipping-button {
  min-width: 180px;
  height: 40px;
  margin: 5px auto;
  padding: 0 20px;
  text-align: center;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.apply-shipping-button:hover {
  opacity: 0.9;
}

.mfp-container .no-shipping-options {
  padding: 30px 15px;
  text-align: center;
}

.mfp-container .message-failure {
  margin: 10px 0 -5px;
}

@media all and (max-width: 600px) {
  .estimate-shipping-popup {
    padding: 25px 3%;
  }
  .mfp-container .shipping-address {
    flex-flow: column;
  }
  .mfp-container .address-item {
    width: 100%;
  }
  .mfp-container .address-item + div {
    padding: 0;
  }
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #3f3f41;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 15px;
  background-color: #3f3f41;
  border: 1px solid rgba(160, 160, 160, 0.5019607843);
  border-top: 0px solid transparent !important;
  border-bottom: 0px solid transparent !important;
}

*::-webkit-scrollbar-track {
  border: 3px solid transparent;
  border-top: 0px solid transparent !important;
  border-bottom: 0px solid transparent !important;
}

*::-webkit-scrollbar-thumb {
  background-color: #58595b;
  border-radius: 6px;
}

#faq-program {
  background-color: var(--RandomColor) !important;
}

#faq-program .more-info {
  color: var(--RandomColor) !important;
}

.page .vendor-page {
  margin-bottom: 3rem;
}

.generic-button, .bar-notification .content a, .ui-dialog .ui-dialog-buttonpane .ui-button, .admin-header-links a,
.admin-header-links span {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 0.875rem 1rem;
  max-height: 64px;
  box-sizing: border-box;
  border-radius: 40px;
  border: none;
  align-self: flex-start;
}
.generic-button.filled, .bar-notification .content a.filled, .ui-dialog .ui-dialog-buttonpane .ui-button, .admin-header-links a.filled,
.admin-header-links span.filled {
  height: 52px;
  color: var(--VariantWhite);
  background-color: var(--RandomColor);
  text-align: center;
  justify-content: center;
}
.generic-button.filled:hover, .bar-notification .content a.filled:hover, .ui-dialog .ui-dialog-buttonpane .ui-button:hover, .admin-header-links a.filled:hover,
.admin-header-links span.filled:hover, .generic-button.filled:focus, .bar-notification .content a.filled:focus, .ui-dialog .ui-dialog-buttonpane .ui-button:focus, .admin-header-links a.filled:focus,
.admin-header-links span.filled:focus {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}
.generic-button.filled:disabled, .bar-notification .content a.filled:disabled, .ui-dialog .ui-dialog-buttonpane .ui-button:disabled, .admin-header-links a.filled:disabled,
.admin-header-links span.filled:disabled, .generic-button.filled.disabled, .bar-notification .content a.filled.disabled, .ui-dialog .ui-dialog-buttonpane .disabled.ui-button, .admin-header-links a.filled.disabled,
.admin-header-links span.filled.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.generic-button.filled.dark, .bar-notification .content a.filled.dark, .ui-dialog .ui-dialog-buttonpane .dark.ui-button, .admin-header-links a.filled.dark,
.admin-header-links span.filled.dark {
  color: var(--VariantWhite);
  background-color: var(--VariantBlack);
}
.generic-button.filled.dark:hover, .bar-notification .content a.filled.dark:hover, .ui-dialog .ui-dialog-buttonpane .dark.ui-button:hover, .admin-header-links a.filled.dark:hover,
.admin-header-links span.filled.dark:hover {
  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2);
}
.generic-button.filled.dark .icon-wrapper, .bar-notification .content a.filled.dark .icon-wrapper, .ui-dialog .ui-dialog-buttonpane .dark.ui-button .icon-wrapper, .admin-header-links a.filled.dark .icon-wrapper,
.admin-header-links span.filled.dark .icon-wrapper {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.generic-button.filled.light, .bar-notification .content a.filled.light, .ui-dialog .ui-dialog-buttonpane .light.ui-button, .admin-header-links a.filled.light,
.admin-header-links span.filled.light {
  color: var(--StaticBlack);
  background-color: var(--StaticWhite);
}
.generic-button.filled.light:hover, .bar-notification .content a.filled.light:hover, .ui-dialog .ui-dialog-buttonpane .light.ui-button:hover, .admin-header-links a.filled.light:hover,
.admin-header-links span.filled.light:hover {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}
.generic-button.filled.light .icon-wrapper, .bar-notification .content a.filled.light .icon-wrapper, .ui-dialog .ui-dialog-buttonpane .light.ui-button .icon-wrapper, .admin-header-links a.filled.light .icon-wrapper,
.admin-header-links span.filled.light .icon-wrapper {
  background-color: var(--StaticBlack);
}
.generic-button.filled.light .icon-wrapper .salsation-icon, .bar-notification .content a.filled.light .icon-wrapper .salsation-icon, .ui-dialog .ui-dialog-buttonpane .light.ui-button .icon-wrapper .salsation-icon, .admin-header-links a.filled.light .icon-wrapper .salsation-icon,
.admin-header-links span.filled.light .icon-wrapper .salsation-icon {
  background-color: var(--StaticWhite);
}
.generic-button.filled.theme, .bar-notification .content a.filled.theme, .ui-dialog .ui-dialog-buttonpane .theme.ui-button, .admin-header-links a.filled.theme,
.admin-header-links span.filled.theme {
  color: var(--ThemeBlack);
  background-color: var(--BackgroundWhite);
}
.generic-button.filled.theme:hover, .bar-notification .content a.filled.theme:hover, .ui-dialog .ui-dialog-buttonpane .theme.ui-button:hover, .admin-header-links a.filled.theme:hover,
.admin-header-links span.filled.theme:hover {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}
.generic-button.filled.theme .salsation-icon, .bar-notification .content a.filled.theme .salsation-icon, .ui-dialog .ui-dialog-buttonpane .theme.ui-button .salsation-icon, .admin-header-links a.filled.theme .salsation-icon,
.admin-header-links span.filled.theme .salsation-icon {
  background-color: var(--ThemeBlack);
}
.generic-button.outlined, .bar-notification .content a.outlined, .ui-dialog .ui-dialog-buttonpane .outlined.ui-button, .admin-header-links a.outlined,
.admin-header-links span.outlined {
  height: 52px;
  color: var(--ThemeBlack);
  border: 2px solid var(--RandomColor);
  text-align: center;
  justify-content: center;
  padding-block: 0.75rem;
  background: transparent;
}
.generic-button.unfilled, .bar-notification .content a.unfilled, .ui-dialog .ui-dialog-buttonpane .unfilled.ui-button, .admin-header-links a.unfilled,
.admin-header-links span.unfilled {
  height: 52px;
  color: var(--ThemeBlack);
  text-align: center;
  justify-content: center;
  padding-block: 0.75rem;
  background: transparent;
}
.generic-button.narrow, .bar-notification .content a.narrow, .ui-dialog .ui-dialog-buttonpane .narrow.ui-button, .admin-header-links a.narrow,
.admin-header-links span.narrow {
  padding-block: 0.75rem !important;
}
.generic-button.big, .bar-notification .content a.big, .ui-dialog .ui-dialog-buttonpane .big.ui-button, .admin-header-links a.big,
.admin-header-links span.big {
  height: 64px;
  padding: 1.25rem 1.5rem !important;
}
.generic-button.big.with-icon, .bar-notification .content a.big.with-icon, .ui-dialog .ui-dialog-buttonpane .big.with-icon.ui-button, .admin-header-links a.big.with-icon,
.admin-header-links span.big.with-icon {
  padding-right: 1rem !important;
}
.generic-button.single-link, .bar-notification .content a, .ui-dialog .ui-dialog-buttonpane .single-link.ui-button, .ui-dialog .ui-dialog-buttonpane .bar-notification .content a.ui-button, .bar-notification .content .ui-dialog .ui-dialog-buttonpane a.ui-button, .admin-header-links a.single-link,
.admin-header-links span.single-link {
  position: relative;
  width: fit-content;
  padding: 0;
  border-radius: 0;
  background: none;
}
.generic-button.single-link:hover, .bar-notification .content a:hover, .ui-dialog .ui-dialog-buttonpane .single-link.ui-button:hover, .admin-header-links a.single-link:hover,
.admin-header-links span.single-link:hover, .generic-button.single-link:focus, .bar-notification .content a:focus, .ui-dialog .ui-dialog-buttonpane .single-link.ui-button:focus, .admin-header-links a.single-link:focus,
.admin-header-links span.single-link:focus {
  box-shadow: 0 1px 0 0px currentColor;
}
.generic-button.single-link.dark, .bar-notification .content a.dark, .ui-dialog .ui-dialog-buttonpane .single-link.dark.ui-button, .admin-header-links a.single-link.dark,
.admin-header-links span.single-link.dark {
  color: var(--ThemeBlack);
}
.generic-button.single-link.light, .bar-notification .content a.light, .ui-dialog .ui-dialog-buttonpane .single-link.light.ui-button, .admin-header-links a.single-link.light,
.admin-header-links span.single-link.light {
  color: var(--ThemeWhite);
}
.generic-button.simple-button, .bar-notification .content a.simple-button, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button, .admin-header-links a.simple-button,
.admin-header-links span.simple-button {
  padding: 0;
  border-radius: 0;
  background: none;
  vertical-align: middle;
  align-self: center;
}
.generic-button.simple-button:hover, .bar-notification .content a.simple-button:hover, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:hover, .admin-header-links a.simple-button:hover,
.admin-header-links span.simple-button:hover, .generic-button.simple-button:focus, .bar-notification .content a.simple-button:focus, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:focus, .admin-header-links a.simple-button:focus,
.admin-header-links span.simple-button:focus {
  color: var(--RandomColor);
}
.generic-button.simple-button:hover .salsationicon, .generic-button.simple-button:hover .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .generic-button.simple-button:hover .k-icon::before,
.generic-button.simple-button:hover .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .generic-button.simple-button:hover .k-icon::before, .generic-button.simple-button:hover .order-progress a::before, .order-progress .generic-button.simple-button:hover a::before, .bar-notification .content a.simple-button:hover .salsationicon, .bar-notification .content a.simple-button:hover .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .bar-notification .content a.simple-button:hover .k-icon::before,
.bar-notification .content a.simple-button:hover .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .bar-notification .content a.simple-button:hover .k-icon::before, .bar-notification .content a.simple-button:hover .order-progress a::before, .order-progress .bar-notification .content a.simple-button:hover a::before, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:hover .salsationicon, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:hover .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:hover .k-icon::before,
.ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:hover .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:hover .k-icon::before, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:hover .order-progress a::before, .order-progress .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:hover a::before, .generic-button.simple-button:hover .ui-dialog .ui-dialog-titlebar button, .bar-notification .content a.simple-button:hover .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:hover .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .generic-button.simple-button:hover button, .ui-dialog .ui-dialog-titlebar .bar-notification .content a.simple-button:hover button, .bar-notification .content .ui-dialog .ui-dialog-titlebar a.simple-button:hover button, .ui-dialog .ui-dialog-titlebar .ui-dialog-buttonpane .simple-button.ui-button:hover button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-titlebar .simple-button.ui-button:hover button, .generic-button.simple-button:hover .ajaxFilters.k-window.k-widget .k-header .k-window-action, .bar-notification .content a.simple-button:hover .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:hover .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .generic-button.simple-button:hover .k-window-action, .ajaxFilters.k-window.k-widget .k-header .bar-notification .content a.simple-button:hover .k-window-action, .bar-notification .content .ajaxFilters.k-window.k-widget .k-header a.simple-button:hover .k-window-action, .ajaxFilters.k-window.k-widget .k-header .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:hover .k-window-action, .ui-dialog .ui-dialog-buttonpane .ajaxFilters.k-window.k-widget .k-header .simple-button.ui-button:hover .k-window-action, .generic-button.simple-button:hover .nopAjaxFilters7Spikes .close-filters span, .bar-notification .content a.simple-button:hover .nopAjaxFilters7Spikes .close-filters span, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:hover .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .generic-button.simple-button:hover span, .nopAjaxFilters7Spikes .close-filters .bar-notification .content a.simple-button:hover span, .bar-notification .content .nopAjaxFilters7Spikes .close-filters a.simple-button:hover span, .nopAjaxFilters7Spikes .close-filters .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:hover span, .ui-dialog .ui-dialog-buttonpane .nopAjaxFilters7Spikes .close-filters .simple-button.ui-button:hover span, .admin-header-links a.simple-button:hover .salsationicon, .admin-header-links a.simple-button:hover .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links a.simple-button:hover .k-icon::before,
.admin-header-links a.simple-button:hover .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links a.simple-button:hover .k-icon::before, .admin-header-links a.simple-button:hover .order-progress a::before, .order-progress .admin-header-links a.simple-button:hover a::before, .admin-header-links a.simple-button:hover .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .admin-header-links a.simple-button:hover button, .admin-header-links a.simple-button:hover .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .admin-header-links a.simple-button:hover .k-window-action, .admin-header-links a.simple-button:hover .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .admin-header-links a.simple-button:hover span,
.admin-header-links span.simple-button:hover .salsationicon,
.admin-header-links span.simple-button:hover .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-datepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links span.simple-button:hover .k-icon::before,
.admin-header-links span.simple-button:hover .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links span.simple-button:hover .k-icon::before,
.admin-header-links span.simple-button:hover .order-progress a::before,
.order-progress .admin-header-links span.simple-button:hover a::before,
.admin-header-links span.simple-button:hover .ui-dialog .ui-dialog-titlebar button,
.ui-dialog .ui-dialog-titlebar .admin-header-links span.simple-button:hover button,
.admin-header-links span.simple-button:hover .ajaxFilters.k-window.k-widget .k-header .k-window-action,
.ajaxFilters.k-window.k-widget .k-header .admin-header-links span.simple-button:hover .k-window-action,
.admin-header-links span.simple-button:hover .nopAjaxFilters7Spikes .close-filters span,
.nopAjaxFilters7Spikes .close-filters .admin-header-links span.simple-button:hover span, .generic-button.simple-button:focus .salsationicon, .generic-button.simple-button:focus .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .generic-button.simple-button:focus .k-icon::before,
.generic-button.simple-button:focus .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .generic-button.simple-button:focus .k-icon::before, .generic-button.simple-button:focus .order-progress a::before, .order-progress .generic-button.simple-button:focus a::before, .bar-notification .content a.simple-button:focus .salsationicon, .bar-notification .content a.simple-button:focus .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .bar-notification .content a.simple-button:focus .k-icon::before,
.bar-notification .content a.simple-button:focus .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .bar-notification .content a.simple-button:focus .k-icon::before, .bar-notification .content a.simple-button:focus .order-progress a::before, .order-progress .bar-notification .content a.simple-button:focus a::before, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:focus .salsationicon, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:focus .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:focus .k-icon::before,
.ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:focus .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:focus .k-icon::before, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:focus .order-progress a::before, .order-progress .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:focus a::before, .generic-button.simple-button:focus .ui-dialog .ui-dialog-titlebar button, .bar-notification .content a.simple-button:focus .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:focus .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .generic-button.simple-button:focus button, .ui-dialog .ui-dialog-titlebar .bar-notification .content a.simple-button:focus button, .bar-notification .content .ui-dialog .ui-dialog-titlebar a.simple-button:focus button, .ui-dialog .ui-dialog-titlebar .ui-dialog-buttonpane .simple-button.ui-button:focus button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-titlebar .simple-button.ui-button:focus button, .generic-button.simple-button:focus .ajaxFilters.k-window.k-widget .k-header .k-window-action, .bar-notification .content a.simple-button:focus .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:focus .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .generic-button.simple-button:focus .k-window-action, .ajaxFilters.k-window.k-widget .k-header .bar-notification .content a.simple-button:focus .k-window-action, .bar-notification .content .ajaxFilters.k-window.k-widget .k-header a.simple-button:focus .k-window-action, .ajaxFilters.k-window.k-widget .k-header .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:focus .k-window-action, .ui-dialog .ui-dialog-buttonpane .ajaxFilters.k-window.k-widget .k-header .simple-button.ui-button:focus .k-window-action, .generic-button.simple-button:focus .nopAjaxFilters7Spikes .close-filters span, .bar-notification .content a.simple-button:focus .nopAjaxFilters7Spikes .close-filters span, .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:focus .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .generic-button.simple-button:focus span, .nopAjaxFilters7Spikes .close-filters .bar-notification .content a.simple-button:focus span, .bar-notification .content .nopAjaxFilters7Spikes .close-filters a.simple-button:focus span, .nopAjaxFilters7Spikes .close-filters .ui-dialog .ui-dialog-buttonpane .simple-button.ui-button:focus span, .ui-dialog .ui-dialog-buttonpane .nopAjaxFilters7Spikes .close-filters .simple-button.ui-button:focus span, .admin-header-links a.simple-button:focus .salsationicon, .admin-header-links a.simple-button:focus .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links a.simple-button:focus .k-icon::before,
.admin-header-links a.simple-button:focus .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links a.simple-button:focus .k-icon::before, .admin-header-links a.simple-button:focus .order-progress a::before, .order-progress .admin-header-links a.simple-button:focus a::before, .admin-header-links a.simple-button:focus .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .admin-header-links a.simple-button:focus button, .admin-header-links a.simple-button:focus .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .admin-header-links a.simple-button:focus .k-window-action, .admin-header-links a.simple-button:focus .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .admin-header-links a.simple-button:focus span,
.admin-header-links span.simple-button:focus .salsationicon,
.admin-header-links span.simple-button:focus .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-datepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links span.simple-button:focus .k-icon::before,
.admin-header-links span.simple-button:focus .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links span.simple-button:focus .k-icon::before,
.admin-header-links span.simple-button:focus .order-progress a::before,
.order-progress .admin-header-links span.simple-button:focus a::before,
.admin-header-links span.simple-button:focus .ui-dialog .ui-dialog-titlebar button,
.ui-dialog .ui-dialog-titlebar .admin-header-links span.simple-button:focus button,
.admin-header-links span.simple-button:focus .ajaxFilters.k-window.k-widget .k-header .k-window-action,
.ajaxFilters.k-window.k-widget .k-header .admin-header-links span.simple-button:focus .k-window-action,
.admin-header-links span.simple-button:focus .nopAjaxFilters7Spikes .close-filters span,
.nopAjaxFilters7Spikes .close-filters .admin-header-links span.simple-button:focus span {
  background: var(--RandomColor);
}
.generic-button.simple-button.dark, .bar-notification .content a.simple-button.dark, .ui-dialog .ui-dialog-buttonpane .simple-button.dark.ui-button, .admin-header-links a.simple-button.dark,
.admin-header-links span.simple-button.dark {
  color: var(--ThemeBlack);
}
.generic-button .icon-wrapper, .bar-notification .content a .icon-wrapper, .ui-dialog .ui-dialog-buttonpane .ui-button .icon-wrapper, .admin-header-links a .icon-wrapper,
.admin-header-links span .icon-wrapper {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.generic-button .salsationicon, .generic-button .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .generic-button .k-icon::before,
.generic-button .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .generic-button .k-icon::before, .generic-button .order-progress a::before, .order-progress .generic-button a::before, .bar-notification .content a .salsationicon, .bar-notification .content a .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .bar-notification .content a .k-icon::before,
.bar-notification .content a .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .bar-notification .content a .k-icon::before, .bar-notification .content a .order-progress a::before, .order-progress .bar-notification .content a a::before, .ui-dialog .ui-dialog-buttonpane .ui-button .salsationicon, .ui-dialog .ui-dialog-buttonpane .ui-button .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .ui-dialog .ui-dialog-buttonpane .ui-button .k-icon::before,
.ui-dialog .ui-dialog-buttonpane .ui-button .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .ui-dialog .ui-dialog-buttonpane .ui-button .k-icon::before, .ui-dialog .ui-dialog-buttonpane .ui-button .order-progress a::before, .order-progress .ui-dialog .ui-dialog-buttonpane .ui-button a::before, .generic-button .ui-dialog .ui-dialog-titlebar button, .bar-notification .content a .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-buttonpane .ui-button .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .generic-button button, .ui-dialog .ui-dialog-titlebar .bar-notification .content a button, .bar-notification .content .ui-dialog .ui-dialog-titlebar a button, .ui-dialog .ui-dialog-titlebar .ui-dialog-buttonpane .ui-button button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-titlebar .ui-button button, .generic-button .ajaxFilters.k-window.k-widget .k-header .k-window-action, .bar-notification .content a .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ui-dialog .ui-dialog-buttonpane .ui-button .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .generic-button .k-window-action, .ajaxFilters.k-window.k-widget .k-header .bar-notification .content a .k-window-action, .bar-notification .content .ajaxFilters.k-window.k-widget .k-header a .k-window-action, .ajaxFilters.k-window.k-widget .k-header .ui-dialog .ui-dialog-buttonpane .ui-button .k-window-action, .ui-dialog .ui-dialog-buttonpane .ajaxFilters.k-window.k-widget .k-header .ui-button .k-window-action, .generic-button .nopAjaxFilters7Spikes .close-filters span, .bar-notification .content a .nopAjaxFilters7Spikes .close-filters span, .ui-dialog .ui-dialog-buttonpane .ui-button .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .generic-button span, .nopAjaxFilters7Spikes .close-filters .bar-notification .content a span, .bar-notification .content .nopAjaxFilters7Spikes .close-filters a span, .nopAjaxFilters7Spikes .close-filters .ui-dialog .ui-dialog-buttonpane .ui-button span, .ui-dialog .ui-dialog-buttonpane .nopAjaxFilters7Spikes .close-filters .ui-button span, .admin-header-links a .salsationicon, .admin-header-links a .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links a .k-icon::before,
.admin-header-links a .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links a .k-icon::before, .admin-header-links a .order-progress a::before, .order-progress .admin-header-links a a::before, .admin-header-links a .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .admin-header-links a button, .admin-header-links a .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .admin-header-links a .k-window-action, .admin-header-links a .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .admin-header-links a span,
.admin-header-links span .salsationicon,
.admin-header-links span .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-datepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links span .k-icon::before,
.admin-header-links span .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links span .k-icon::before,
.admin-header-links span .order-progress a::before,
.order-progress .admin-header-links span a::before,
.admin-header-links span .ui-dialog .ui-dialog-titlebar button,
.ui-dialog .ui-dialog-titlebar .admin-header-links span button,
.admin-header-links span .ajaxFilters.k-window.k-widget .k-header .k-window-action,
.ajaxFilters.k-window.k-widget .k-header .admin-header-links span .k-window-action,
.admin-header-links span .nopAjaxFilters7Spikes .close-filters span,
.nopAjaxFilters7Spikes .close-filters .admin-header-links span span {
  transition: inherit;
}

.ui-tabs .ui-tabs-panel .buttons .button-1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  min-width: auto;
  height: auto;
  padding: 1.25rem 1rem 1.25rem 1.5rem;
  box-sizing: border-box;
  border-radius: 40px;
  border: none;
  color: var(--VariantWhite);
  background-color: var(--VariantBlack) !important;
  text-transform: none;
}
.ui-tabs .ui-tabs-panel .buttons .button-1:hover, .ui-tabs .ui-tabs-panel .buttons .button-1:focus {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}
.ui-tabs .ui-tabs-panel .buttons .button-1:disabled, .ui-tabs .ui-tabs-panel .buttons .button-1.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.switch-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
  transition: all 0.3s;
}
.switch-btn:disabled, .switch-btn.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.switch-btn .switch {
  position: relative;
  flex: 0 0 33px;
  max-width: 33px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}
.switch-btn .switch::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--StaticWhite);
}
.switch-btn.active .switch {
  background-color: var(--RandomColor);
}
.switch-btn.active .switch::before {
  left: auto;
  right: 1px;
}
.switch-btn .switch-btn-txt {
  display: block;
  color: var(--ThemeBlack);
  text-align: left;
}

.master-header-wrapper .desktop-nav-wrapper {
  display: table;
  position: relative;
  top: 0;
  z-index: 1020;
  width: 100%;
  min-height: 80px;
  padding: 30px 0;
  text-align: center;
  font-size: 0;
  transition: top 0.3s ease;
}
@media (min-width: 1025px) {
  .master-header-wrapper .desktop-nav-wrapper {
    padding-inline: 15px;
  }
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: var(--global-container);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}
@media (min-width: 1321px) {
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner {
    gap: 24px;
  }
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header {
  text-align: center;
  flex: 0 0 120px;
  max-width: 120px;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-logo {
  padding: 0;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-logo a {
  display: inline-block;
  max-width: 240px;
  line-height: 0;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-logo img {
  max-width: 100%;
  width: 120px;
  height: 60px;
  aspect-ratio: 1;
  background-color: transparent;
  filter: invert(1);
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-options {
  display: none;
  position: fixed;
  top: 64px !important;
  left: 16px;
  right: 16px;
  max-width: calc(100vw - 32px);
  width: 100%;
  padding: 24px;
  background: var(--DarkGrey);
  border-radius: 20px;
  transition: all 0.3s ease;
  z-index: 1040;
}
@media (min-width: 721px) {
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-options {
    position: absolute;
    top: 100% !important;
    left: auto;
    width: min-content;
    z-index: auto;
  }
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-options #wishlistlink,
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-options #topcartlink {
  display: none;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-options .header-selectors-wrapper {
  border-bottom: 1px solid #eee;
  background-color: #58595b;
  padding: 30px 20px;
  font-size: 0;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-options .header-selectors-wrapper > div {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-options .header-selectors-wrapper select {
  min-width: 110px;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-options .header-selectors-wrapper .select-box {
  font-size: 13px !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-options.active {
  display: block;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-options .header-links-wrapper .header-links ul {
  display: flex;
  flex-direction: column;
  gap: 48px;
  min-width: max-content;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-options .header-links-wrapper .header-links ul li {
  position: relative;
  display: flex;
  gap: 8px;
  color: var(--StaticWhite);
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-options .header-links-wrapper .header-links ul li:not(:first-child)::after {
  content: "";
  position: absolute;
  left: 0;
  top: -24px;
  width: 100%;
  height: 1px;
  background-color: var(--Text-DividersWhite);
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-options .header-links-wrapper .header-links ul li a {
  display: flex;
  gap: 8px;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .language-list {
  max-width: 100%;
  font-size: 0;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .language-list li {
  display: inline-block;
  margin: 0 1px;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .language-list a {
  display: block;
  position: relative;
  width: 32px;
  height: 40px;
  line-height: 0;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .language-list img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media (min-width: 1321px) {
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header-menu-parent {
    padding: 0 20px;
  }
}
@media (min-width: 1025px) {
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header-menu-parent .header-menu .mega-menu {
    display: flex;
    align-items: center;
    width: max-content;
    padding: 8px;
    border-radius: 80px;
    background: var(--StaticWhite);
  }
}
@media (min-width: 1321px) {
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header-menu-parent .header-menu .mega-menu {
    gap: 16px;
  }
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header-menu-parent .header-menu .mega-menu > li > a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  color: var(--StaticBlack);
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header-menu-parent .header-menu .mega-menu > li.external-link > a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  mask-size: 24px 24px;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-image: url("../img/icon-arrow-outward.svg");
  background-color: var(--StaticBlack);
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header-menu-parent .header-menu .mega-menu > li.external-link:last-child > a {
  color: var(--StaticWhite);
  background-color: var(--StaticBlack);
  border-radius: 24px;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header-menu-parent .header-menu .mega-menu > li.external-link:last-child > a::after {
  background-color: var(--StaticWhite);
}
@media all and (min-width: 1025px) {
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent {
    flex: 0 0 auto;
  }
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (min-width: 1321px) {
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper {
    gap: 24px;
  }
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .menu-title {
  display: block;
  position: static;
  display: block;
  width: 32px;
  height: 32px;
  -webkit-mask-size: 32px 32px;
  mask-size: 32px 32px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-image: url("../img/icon-menu.svg");
  mask-image: url("../img/icon-menu.svg");
  background-color: var(--ThemeBlack);
  background-image: none;
  border: none;
}
@media (min-width: 1025px) {
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .menu-title {
    display: none;
  }
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .shopping-cart-link {
  position: relative;
  flex: 0 0 auto;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .shopping-cart-link > a {
  position: static;
  display: block;
  width: 32px;
  height: 32px;
  mask-size: 32px 32px;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-image: url("../img/icon-cart.svg");
  background-color: var(--ThemeBlack);
  background-image: none;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .shopping-cart-link > a.not-empty {
  mask-image: url("../img/icon-cart-active.svg");
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .shopping-cart-link .cart-qty {
  position: absolute;
  top: 0;
  left: 100%;
  color: var(--ThemeBlack);
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 85.714%;
  letter-spacing: -0.56px;
  text-transform: uppercase;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button {
  cursor: pointer;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu {
  padding-block: 0.75rem;
  gap: 0.5rem;
}
@media (max-width: 1320px) {
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu {
    max-width: 32px;
    padding: 0;
    font-size: 0 !important;
    gap: 0;
    background: none;
  }
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .salsationicon, .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .k-icon::before,
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
  .k-timepicker .k-picker-wrap.k-state-default > .k-select .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .k-icon::before, .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .order-progress a::before, .order-progress .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu a::before, .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu button, .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .k-window-action, .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu span {
    width: 32px;
    height: 32px;
    mask-size: 32px 32px;
    -webkit-mask-size: 32px 32px;
    background-color: var(--ThemeBlack);
  }
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logged {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  background: none;
  padding: 0;
  max-width: 160px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 767px) {
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logged {
    max-width: 130px;
  }
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logged .user-holder {
  background: none;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logged .user-holder .avatar-holder {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 2px solid var(--ThemeBlack);
  overflow: hidden;
  vertical-align: middle;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logged .user-holder .avatar-holder img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logged .log-account-menu {
  color: var(--ThemeBlack);
  background: none;
}
@media (min-width: 1025px) and (max-width: 1320px) {
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logged .log-account-menu {
    display: none;
  }
}
@media (max-width: 426px) {
  .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logged .log-account-menu {
    display: none;
  }
}
.master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logged.default .user-holder .avatar-holder {
  display: block;
  mask-size: 32px 32px;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-image: url("../img/ico-user-login.svg");
  background-color: var(--ThemeBlack);
  background-image: none;
  border: none;
  border-radius: 0;
}

.air-theme:not(.blog-pages-body) .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-logo img {
  filter: none;
}

@media (min-width: 1025px) {
  /* HEADER MENU, Air-1&2, Earth-1 */
  .earth-theme.variant-1 .close-menu,
  .earth-theme.variant-1 .header-menu .plus-button,
  .earth-theme.variant-1 .header-menu .back-button {
    display: none;
  }
  .earth-theme.variant-1 .top-menu {
    display: block;
  }
  /* HEADER DROPDOWNS */
  .store-search-box {
    z-index: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.75);
    padding: 0;
  }
  .desktop-device.scrollYRemove .store-search-box {
    width: calc(100% - 17px);
  }
  .store-search-box .close {
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 22px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #ccc url("../img/close.png") center no-repeat;
    cursor: pointer;
  }
  .store-search-box form {
    position: absolute;
    top: 28%;
    right: 0;
    left: 0;
    width: 600px;
    height: 80px;
    margin: auto;
    border-width: 2px 0;
    border-color: #ccc;
    padding: 10px 0;
  }
  .search-box .search-box-button {
    border: none;
  }
  .search-box .ui-autocomplete {
    width: 600px !important;
    border-top: 10px solid #fff;
    /* pseudo offset */
  }
  .header-selectors-wrapper {
    padding: 20px;
  }
  .header-selectors-wrapper > div {
    margin-top: 10px;
  }
}
@media (max-width: 1024px) {
  .header-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1070;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--MobileMenu);
    text-align: left;
    transition: all 0.3s ease;
  }
  .header-menu.open, .header-menu.active {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }
  .notAndroid23 .header-menu {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .notAndroid23 .header-menu.open, .notAndroid23 .header-menu.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .android23 .header-menu {
    left: -100%;
  }
  .android23 .header-menu.open, .android23 .header-menu.active {
    left: 0;
  }
}
@media (min-width: 481px) and (max-width: 1024px) {
  .header-menu {
    width: 450px;
  }
  .header-menu.open, .header-menu.active {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }
  .notAndroid23 .header-menu {
    -webkit-transform: translateX(-450px);
    -ms-transform: translateX(-450px);
    transform: translateX(-450px);
  }
  .notAndroid23 .header-menu.open, .notAndroid23 .header-menu.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .android23 .header-menu {
    left: -450px;
  }
  .android23 .header-menu.open, .android23 .header-menu.active {
    left: 0;
  }
}
@media (max-width: 1024px) {
  .header-menu {
    display: flex;
    flex-direction: column;
    padding-bottom: 24px;
  }
  .header-menu .mobile-menu--holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 16px;
  }
  .header-menu .mobile-menu--holder .mobile-menu--logo {
    max-width: 120px;
    flex: 0 0 120px;
  }
  .header-menu .close-menu,
  .header-menu .back-button {
    display: block;
    border: none;
    background: none;
  }
  .header-menu .mega-menu-responsive {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-block: 24px;
  }
  .header-menu .mega-menu-responsive li {
    position: relative;
    text-align: center;
  }
  .header-menu .mega-menu-responsive li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    font-size: var(--font-size--h5);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    color: var(--StaticWhite);
  }
  .header-menu .mega-menu-responsive li.external-link > a::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    mask-size: 24px 24px;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-image: url("../img/icon-arrow-outward.svg");
    background-color: var(--StaticWhite);
  }
  .header-menu .plus-button {
    position: absolute;
    right: -48px;
    bottom: -4px;
    z-index: 1;
    float: right;
    width: 40px;
    height: 40px;
    border: 8px solid #58595b;
    border-radius: 50%;
    background: #58595b url("../img/arrow-white.png") center no-repeat;
    cursor: pointer;
  }
  .header-menu .back-button {
    margin: 0;
  }
  .header-menu .back-button:after {
    display: none;
  }
  .header-menu .mobile-menu--bottom {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .header-menu .mobile-menu--bottom .social-holder {
    flex: 1;
    flex-direction: column;
    justify-content: end;
  }
  .header-menu .mobile-menu--bottom .social-holder .social-sharing {
    align-items: center;
    padding-block: 24px;
  }
}
.home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header .header-logo img {
  filter: none;
}
.home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .menu-title {
  background-color: var(--StaticWhite);
}
.home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .shopping-cart-link > a {
  background-color: var(--StaticWhite);
}
.home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .shopping-cart-link .cart-qty {
  color: var(--StaticWhite);
}
@media (max-width: 1320px) {
  .home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .salsationicon, .home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .k-icon::before,
  .home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
  .k-timepicker .k-picker-wrap.k-state-default > .k-select .home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .k-icon::before, .home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .order-progress a::before, .order-progress .home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu a::before, .home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu button, .home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .k-window-action, .home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logout-menu span {
    background-color: var(--StaticWhite);
  }
}
.home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logged .user-holder .avatar-holder {
  border: 2px solid var(--StaticWhite);
}
.home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logged .log-account-menu {
  color: var(--StaticWhite);
}
.home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper .personal-button .logged.default .user-holder .avatar-holder {
  background-color: var(--StaticWhite);
}
.home-page-body .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .language-selector .simple-select {
  color: var(--StaticWhite);
  background-image: url("../img/icon-select-white.svg");
}

.scrollYRemove.custom-modal .master-header-wrapper {
  z-index: 1;
}
.scrollYRemove .desktop-nav-wrapper-inner .header-logo,
.scrollYRemove .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent {
  pointer-events: none;
  opacity: 0.5;
}
@media (min-width: 1025px) {
  .scrollYRemove .desktop-nav-wrapper-inner .header-menu {
    pointer-events: none;
    opacity: 0.5;
  }
}

/* FOOTER */
.footer-wrapper {
  overflow: hidden;
}
.footer-wrapper .footer {
  background-color: var(--StaticBlack);
  padding: 30px 20px 30px;
  text-align: center;
}
@media (max-width: 720px) {
  .footer-wrapper .footer {
    padding: 24px 16px;
  }
}
.footer-wrapper .footer .footer-middle {
  margin: 0;
}
.footer-wrapper .footer .footer-middle .center {
  overflow: hidden;
  background-color: transparent;
}
@media all and (min-width: 1025px) {
  .footer-wrapper .footer .footer-middle .center {
    position: relative;
    min-height: auto;
    width: 980px;
    margin: auto;
  }
}
@media all and (min-width: 1321px) {
  .footer-wrapper .footer .footer-middle .center {
    width: 1296px;
    margin: auto;
  }
}
.footer-wrapper .footer .footer-middle .center .footer-holder {
  display: flex;
  gap: 24px;
}
@media (max-width: 1321px) {
  .footer-wrapper .footer .footer-middle .center .footer-holder {
    flex-direction: column;
  }
}
.footer-wrapper .footer .footer-middle .center .footer-holder .footer-logo {
  flex: 0 0 auto;
  width: 16.66666667%;
}
@media (max-width: 1024px) {
  .footer-wrapper .footer .footer-middle .center .footer-holder .footer-logo {
    width: 100%;
  }
}
.footer-wrapper .footer .footer-middle .center .footer-holder .footer-logo .logo {
  display: block;
  max-width: 160px;
}
@media (max-width: 1024px) {
  .footer-wrapper .footer .footer-middle .center .footer-holder .footer-logo .logo {
    margin-inline: auto;
  }
}
.footer-wrapper .footer .footer-middle .center .footer-holder .footer-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 1321px) {
  .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content {
    margin-top: 24px;
    gap: 40px;
  }
}
.footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper {
  display: flex;
  gap: 16px;
}
@media (min-width: 1025px) {
  .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper {
    align-items: center;
    padding: 8px;
    border-radius: 80px;
    background: var(--StaticWhite);
  }
}
.footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 1025px) {
  .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }
}
.footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav .list {
  display: flex;
  flex: 1;
}
@media (min-width: 1321px) {
  .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav .list {
    gap: 1rem;
  }
}
@media (max-width: 1024px) {
  .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav .list {
    flex-direction: column;
    text-align: left;
  }
}
.footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav .list > li > a {
  display: block;
  padding: 12px 16px;
  color: var(--StaticWhite);
}
@media (min-width: 1025px) {
  .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav .list > li > a {
    color: var(--StaticBlack);
  }
}
@media (max-width: 1024px) {
  .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav .generic-button, .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav .bar-notification .content a, .bar-notification .content .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav a, .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav .ui-dialog .ui-dialog-buttonpane .ui-button, .ui-dialog .ui-dialog-buttonpane .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav .ui-button, .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav .admin-header-links a, .admin-header-links .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav a,
  .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav .admin-header-links span,
  .admin-header-links .footer-wrapper .footer .footer-middle .center .footer-holder .footer-content .nav-wrapper .footer-nav span {
    background: none !important;
  }
}
@media (max-width: 1024px) {
  .footer-wrapper .footer .footer-middle .center .nav-wrapper,
  .footer-wrapper .footer .footer-middle .center .social-holder {
    position: relative;
  }
  .footer-wrapper .footer .footer-middle .center .nav-wrapper::after,
  .footer-wrapper .footer .footer-middle .center .social-holder::after {
    content: "";
    position: absolute;
    bottom: -24px;
    width: 100%;
    height: 1px;
    background-color: var(--Text-DividersWhite);
  }
}
.footer-wrapper .footer .footer-middle .center .footer-lower {
  display: flex;
  gap: 1rem;
  flex: 1;
  align-items: center;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .footer-wrapper .footer .footer-middle .center .footer-lower {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
  }
}
.footer-wrapper .footer .footer-middle .center .footer-lower .list {
  display: flex;
  gap: 1rem;
  flex: 1;
}
.footer-wrapper .footer .footer-middle .center .footer-lower .list > li > a {
  display: block;
  padding: 8px 0;
  color: var(--StaticWhite);
}
@media (max-width: 720px) {
  .footer-wrapper .footer .footer-middle .center .footer-lower .list > li > a {
    font-size: 14px !important;
  }
}
.footer-wrapper .footer .footer-middle .center .footer-lower .footer-text {
  color: rgba(var(--StaticWhite-RGB), 0.6);
}
@media (min-width: 1025px) {
  .footer-wrapper .footer .footer-middle .center .footer-lower .footer-text {
    text-align: right;
  }
}
@media (max-width: 720px) {
  .footer-wrapper .footer .footer-middle .center .footer-lower .footer-text {
    font-size: 0.875rem !important;
    text-align: left;
  }
}

.scroll-back-button {
  display: none;
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 1010;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
  background: url("../img/scroll-button.svg") no-repeat center 45%, var(--RandomColor);
  text-transform: uppercase;
  box-shadow: 0 0 10px var(--StaticBlack);
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.scroll-back-button:hover {
  opacity: 0.8;
}

.newsletter-holder {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: left;
  color: var(--StaticWhite);
}
.newsletter-holder .newsletter-subscribe {
  display: block !important;
}
.newsletter-holder .newsletter-subscribe .newsletter-email {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  height: 48px;
  padding: 8px 8px 8px 16px;
  background-color: var(--Transparencies-Cards-transperancy);
  border-radius: 40px;
  overflow: hidden;
  z-index: 1;
}
@media all and (min-width: 1025px) {
  .newsletter-holder .newsletter-subscribe .newsletter-email {
    width: 416px;
    margin: auto;
  }
}
.newsletter-holder .newsletter-subscribe .newsletter-email .newsletter-subscribe-text {
  flex: 1;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  color: var(--StaticWhite);
  background-color: transparent;
}
.newsletter-holder .newsletter-subscribe .newsletter-email .newsletter-subscribe-text::placeholder {
  color: var(--StaticWhite);
  opacity: 0.6;
}
.newsletter-holder .newsletter-subscribe .newsletter-email .newsletter-subscribe-button {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border: none;
  background: var(--StaticBlack) url("../img/arrow-cool-right.svg") center center no-repeat;
  font-size: 0;
  border-radius: 50%;
}
.newsletter-holder .newsletter-subscribe .newsletter-email .options {
  clear: both;
  line-height: 32px;
  text-transform: lowercase;
  opacity: 0;
}
.newsletter-holder .newsletter-validation,
.newsletter-holder .newsletter-result {
  margin: 0;
}
.newsletter-holder .newsletter-validation .please-wait {
  display: none !important;
}

.block {
  text-align: left;
  margin: 0 0 10px;
}
@media (min-width: 1025px) {
  .block {
    margin: 0 0 20px;
  }
}
@media (min-width: 1025px) {
  .block:last-child {
    margin: 0;
  }
}
.block .title {
  position: relative;
  padding: 15px 10px;
  color: var(--ThemeBlack);
  text-transform: uppercase;
  cursor: pointer;
}
@media (min-width: 1025px) {
  .block .title {
    display: none;
    padding: 15px 20px;
    cursor: default;
  }
}
@media (max-width: 1024px) {
  .block .title {
    color: white;
  }
}
.block .title::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 5px 0 0;
  background-image: url("../img/block-nav-sprite.svg");
  background-repeat: no-repeat;
  vertical-align: middle;
}
.block.block-recently-viewed-products {
  color: var(--ThemeBlack);
}
.block.block-recently-viewed-products .title {
  display: block;
  padding: 8px 0;
  margin-bottom: 24px;
}
.block.block-recently-viewed-products .title::before {
  display: none;
}
.block.block-recently-viewed-products .listbox {
  padding: 0;
}
.block.block-recently-viewed-products .listbox .list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.block.block-recently-viewed-products .listbox .list > li {
  display: flex;
  gap: 16px;
}
.block.block-recently-viewed-products .listbox .list > li .product-picture {
  display: block;
  vertical-align: top;
  flex: 0 0 50px;
  position: relative;
  width: 50px;
  max-width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}
.block.block-recently-viewed-products .listbox .list > li .product-picture > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block.block-recently-viewed-products .listbox .list > li .product-name {
  flex: 1;
  padding: 0;
  color: var(--ThemeBlack);
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* ACCOUNT PAGES */
.block-account-navigation {
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .block-account-navigation {
    width: 278px;
    flex: 0 0 278px;
    margin: 0 0 120px;
  }
}
.block-account-navigation .listbox {
  display: block;
  padding: 0;
}
@media (max-width: 1024px) {
  .block-account-navigation .listbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--ThemeWhite);
    overflow-y: auto;
    z-index: 1;
  }
}
@media (min-width: 481px) and (max-width: 1024px) {
  .block-account-navigation .listbox {
    max-width: 450px;
  }
  .block-account-navigation .listbox::before {
    content: "";
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
  }
}
.block-account-navigation .listbox .list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 24px 16px;
  background-color: var(--BackgroundWhite);
  border-radius: 20px;
  overflow: hidden;
}
.block-account-navigation .listbox .list li.active a {
  pointer-events: none;
  background-color: var(--Black-Transparent-15);
}
.block-account-navigation .listbox .list li.active a:hover, .block-account-navigation .listbox .list li.active a:focus {
  color: var(--ThemeBlack);
}
.block-account-navigation .listbox .list li a {
  display: flex;
  align-items: center;
  gap: 16px;
  max-height: 51px;
  padding: 12px 16px;
  color: var(--ThemeBlack);
  border-radius: 24px;
}
.block-account-navigation .listbox .list li a:hover, .block-account-navigation .listbox .list li a:focus {
  color: var(--RandomColor);
}
.block-account-navigation .salsation-mytraining a:before {
  background-image: url("../img/my-agenda.svg");
}
.block-account-navigation .customer-info a:before {
  background-image: url("../img/my-information.svg");
}
.block-account-navigation .customer-orders a:before {
  background-image: url("../img/orders.svg");
}
.block-account-navigation .customer-addresses a:before {
  background-image: url("../img/addresses.svg");
}
.block-account-navigation .change-password a:before {
  background-image: url("../img/change-my-password.svg");
}
.block-account-navigation .customer-avatar a:before {
  background-image: url("../img/avatar-menu.svg");
}
.block-account-navigation .customer-gdpr a:before {
  background-image: url("../img/gdpr.svg");
}
.block-account-navigation .my-pathway a:before {
  background-image: url("../img/my-pathway.svg");
}
.block-account-navigation .salsation-myteaching a:before {
  background-image: url("../img/manage.svg");
}
.block-account-navigation .customer-vendor-info a:before {
  background-image: url("../img/my-profile.svg");
}
.block-account-navigation .reward-points a:before {
  background-image: url("../img/reward-points.svg");
}
.block-account-navigation .warning-notification {
  width: 10px;
  height: 10px;
  margin-left: auto;
  background-color: var(--Orange-Dark);
  border-radius: 50%;
}

@media (max-width: 1024px) {
  .air-theme .block-account-navigation .listbox .list {
    background-color: var(--StaticBlack);
  }
}
@media (max-width: 1024px) {
  .air-theme .block-account-navigation .listbox .list li.active a {
    color: var(--ThemeWhite);
    background-color: var(--ThemeBlack);
  }
}

.filtersPanel {
  background: none !important;
}
.filtersPanel .filter-block {
  padding-bottom: 24px;
  border-bottom: 2px solid rgba(var(--ThemeBlack-RGB), 0.3);
}
@media (min-width: 1025px) {
  .filtersPanel .filter-block {
    margin: 0 0 32px;
  }
}
.filtersPanel .filter-block .title {
  display: block;
}
.filtersPanel .filter-block .toggleControl {
  padding: 8px 32px 8px 0;
  color: var(--ThemeBlack);
}
.filtersPanel .filter-block .toggleControl::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0;
  width: 24px;
  height: 24px;
  mask-size: 24px 24px;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-image: url("../img/icon-remove.svg");
  background: var(--ThemeBlack);
}
@media (max-width: 720px) {
  .filtersPanel .filter-block .toggleControl::after {
    top: 13px;
  }
}
.filtersPanel .filter-block .toggleControl.closed::after {
  mask-image: url("../img/icon-add.svg");
}
.filtersPanel .filter-block .clearFilterOptions {
  top: 7px;
  right: 32px;
  width: 20px;
  height: 20px;
  margin: 0;
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-image: url("../img/icon-close.svg");
  background: var(--ThemeBlack);
}
@media (max-width: 720px) {
  .filtersPanel .filter-block .clearFilterOptions {
    top: 15px;
  }
}
.filtersPanel .filter-block .filtersGroupPanel {
  margin: 16px 0 0;
  padding: 0;
}
.filtersPanel .filter-block .filtersGroupPanel .checkbox-list li label {
  padding: 8px 0 8px 32px;
  color: var(--ThemeBlack);
}
.filtersPanel .filter-block .filtersGroupPanel .checkbox-list li label::before {
  top: 7px;
  left: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  border-color: var(--ThemeBlack);
  border-radius: 2px;
}
.filtersPanel .filter-block .filtersGroupPanel .checkbox-list li.checked label::before {
  background: none;
}
.filtersPanel .filter-block .filtersGroupPanel .checkbox-list li.checked label::after {
  content: "";
  position: absolute;
  top: 11px;
  left: 4px;
  width: 16px;
  height: 16px;
  background: var(--RandomColor);
}
.filtersPanel .filter-block .filtersGroupPanel .selected-options-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.filtersPanel .filter-block .filtersGroupPanel .selected-options-list > li {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 0;
  max-width: fit-content;
}
.filtersPanel .filter-block .filtersGroupPanel .selected-options-list > li label {
  display: none;
}
.filtersPanel .filter-block .filtersGroupPanel .selected-options-list > li .option {
  display: flex;
  padding: 2px 4px 2px 8px;
  align-items: center;
  gap: 4px;
  margin: 0;
  color: var(--ThemeBlack);
  border-radius: 16px;
  border: 1px solid rgba(var(--ThemeBlack-RGB), 0.3);
}
.filtersPanel .filter-block .filtersGroupPanel .selected-options-list > li .option::after {
  width: 20px;
  height: 20px;
  margin: 0;
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-image: url("../img/icon-close.svg");
  background: var(--ThemeBlack);
  border-radius: 0;
}

@media (max-width: 1024px) {
  .nopAjaxFilters7Spikes {
    background-color: var(--BackgroundWhite) !important;
  }
}
@media (max-width: 480px) {
  .nopAjaxFilters7Spikes {
    width: 100% !important;
  }
}
.nopAjaxFilters7Spikes .close-filters {
  display: flex;
  justify-self: flex-end;
  margin: 0;
  padding: 16px;
  background: none;
  border: none;
}
.nopAjaxFilters7Spikes .close-filters span {
  background-image: none;
}

@media (max-width: 1024px) {
  .air-theme:not(.blog-pages-body) .nopAjaxFilters7Spikes {
    background-color: var(--MobileMenu) !important;
  }
}

@media (max-width: 480px) {
  .notAndroid23 .nopAjaxFilters7Spikes {
    transform: translateX(-100%) !important;
  }
  .notAndroid23 .nopAjaxFilters7Spikes.open, .notAndroid23 .nopAjaxFilters7Spikes.active {
    transform: translateX(0) !important;
  }
  .android23 .nopAjaxFilters7Spikes {
    left: -100% !important;
  }
  .android23 .nopAjaxFilters7Spikes.open, .android23 .nopAjaxFilters7Spikes.active {
    left: 0 !important;
  }
}
.ajaxFilters.k-window.k-widget {
  max-width: calc(100vw - 32px);
  border-radius: 16px;
  color: var(--ThemeBlack);
  background-color: var(--ThemeWhite);
  padding: 40px 50px !important;
  text-align: left;
}
@media (max-width: 720px) {
  .ajaxFilters.k-window.k-widget {
    padding: 20px !important;
  }
}
.ajaxFilters.k-window.k-widget .k-header {
  background: none;
  border: none;
  color: var(--ThemeBlack);
  padding: 0;
}
.ajaxFilters.k-window.k-widget .k-header.k-window-titlebar span {
  color: var(--ThemeBlack);
  text-transform: none;
}
.ajaxFilters.k-window.k-widget .k-header .k-window-action {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 0;
  opacity: 1;
  background-color: var(--ThemeBlack) !important;
}
@media (max-width: 720px) {
  .ajaxFilters.k-window.k-widget .k-header .k-window-action {
    top: 20px;
    right: 20px;
  }
}
.ajaxFilters.k-window.k-widget .k-header .k-window-action:hover {
  opacity: 0.9;
}
.ajaxFilters.k-window.k-widget .k-header .k-window-action span {
  display: none;
}
.ajaxFilters.k-window.k-widget .k-content {
  padding: 0;
  color: var(--ThemeBlack);
}

body .k-overlay {
  background-color: rgba(var(--ThemeBlack-RGB), 0.7);
}

.generic-input-holder {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  width: 100%;
  height: 48px;
  padding: 8px 8px 8px 16px;
  background-color: var(--BackgroundWhite);
  border-radius: 40px;
  overflow: hidden;
  z-index: 1;
}
.generic-input-holder.big {
  height: auto;
}
.generic-input-holder.transparent {
  background-color: transparent;
  border: 1px solid var(--VariantWhite);
}
.generic-input-holder.transparent .generic-input-text {
  color: var(--VariantWhite);
}
.generic-input-holder.transparent .generic-input-text::placeholder {
  color: var(--VariantWhite);
  opacity: 1;
}
.generic-input-holder .generic-input-text {
  flex: 1;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  color: var(--ThemeBlack);
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.generic-input-holder .generic-input-text::placeholder {
  color: var(--ThemeBlack);
  opacity: 0.6;
}
.generic-input-holder .generic-input-button {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border: none;
  background: var(--StaticBlack) url("../img/arrow-cool-right.svg") center center no-repeat;
  font-size: 0;
  border-radius: 50%;
}
.generic-input-holder .generic-input-button.big {
  width: 48px;
  height: 48px;
  background-size: 24px;
}
.generic-input-holder .options {
  clear: both;
  line-height: 32px;
  text-transform: lowercase;
  opacity: 0;
}
.generic-input-holder.alt-background {
  background-color: var(--BackgroundWhite);
}

.generic-checkbox {
  position: relative;
}
.generic-checkbox input {
  position: absolute;
  opacity: 0;
}
.generic-checkbox input:checked ~ label::before {
  background: none;
}
.generic-checkbox input:checked ~ label::after {
  content: "";
  position: absolute;
  top: 11px;
  left: 4px;
  width: 16px;
  height: 16px;
  background: var(--RandomColor);
}
.generic-checkbox input:checked ~ label.no-label::after {
  top: 4px;
}
.generic-checkbox label {
  display: block;
  padding: 8px 0 8px 32px;
  color: var(--ThemeBlack);
}
.generic-checkbox label::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 2px solid;
  border-color: var(--ThemeBlack);
  border-radius: 2px;
}
.generic-checkbox label.no-label {
  width: 24px;
  height: 24px;
  padding: 0;
}
.generic-checkbox label.no-label::before {
  top: 0;
}

.generic-radio {
  position: relative;
}
.generic-radio input {
  position: absolute;
  opacity: 0;
}
.generic-radio input:checked ~ label::before {
  background: none;
}
.generic-radio input:checked ~ label::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 5px;
  width: 14px;
  height: 14px;
  background: var(--RandomColor);
  border-radius: 50%;
}
.generic-radio label {
  display: block;
  padding: 8px 0 8px 32px;
  color: var(--ThemeBlack);
}
.generic-radio label::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 2px solid;
  border-color: var(--ThemeBlack);
  border-radius: 50%;
}

.form-fields {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 720px) {
  .form-fields {
    gap: 24px;
  }
}
.form-fields .inputs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.form-fields .inputs label {
  display: block;
  width: 100%;
  color: var(--VariantWhite);
}
.form-fields .inputs label.dark {
  color: var(--ThemeBlack);
}
.form-fields .inputs label.static-dark {
  color: var(--StaticBlack);
}
.form-fields .inputs.reversed {
  margin-bottom: 25px;
}
.form-fields .inputs.reversed label {
  color: #888;
}
.form-fields .inputs input[type=password] {
  padding-right: 56px !important;
}
.form-fields .inputs .password-toggle {
  position: absolute;
  top: 18px;
  right: 16px;
}
.form-fields .inputs .required {
  display: none;
}
.form-fields .inputs input[type=text],
.form-fields .inputs input[type=number],
.form-fields .inputs input[type=password],
.form-fields .inputs input[type=email],
.form-fields .inputs input[type=tel],
.form-fields .inputs textarea {
  width: 100%;
  height: 60px;
  padding: 18px 16px;
  font-family: var(--defaultFont);
  color: var(--VariantBlack);
  background-color: var(--VariantBackgroundWhite);
  border: 2px solid var(--VariantBackgroundWhite);
  border-radius: 40px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.form-fields .inputs input[type=text]:disabled,
.form-fields .inputs input[type=text] .disabled,
.form-fields .inputs input[type=number]:disabled,
.form-fields .inputs input[type=number] .disabled,
.form-fields .inputs input[type=password]:disabled,
.form-fields .inputs input[type=password] .disabled,
.form-fields .inputs input[type=email]:disabled,
.form-fields .inputs input[type=email] .disabled,
.form-fields .inputs input[type=tel]:disabled,
.form-fields .inputs input[type=tel] .disabled,
.form-fields .inputs textarea:disabled,
.form-fields .inputs textarea .disabled {
  opacity: 0.6;
  pointer-events: none;
}
.form-fields .inputs input[type=text]::placeholder,
.form-fields .inputs input[type=number]::placeholder,
.form-fields .inputs input[type=password]::placeholder,
.form-fields .inputs input[type=email]::placeholder,
.form-fields .inputs input[type=tel]::placeholder,
.form-fields .inputs textarea::placeholder {
  color: var(--VariantBlack);
  opacity: 0.6;
}
.form-fields .inputs input[type=text]:-webkit-autofill, .form-fields .inputs input[type=text]:-webkit-autofill:hover, .form-fields .inputs input[type=text]:-webkit-autofill:focus, .form-fields .inputs input[type=text]:-webkit-autofill:active,
.form-fields .inputs input[type=number]:-webkit-autofill,
.form-fields .inputs input[type=number]:-webkit-autofill:hover,
.form-fields .inputs input[type=number]:-webkit-autofill:focus,
.form-fields .inputs input[type=number]:-webkit-autofill:active,
.form-fields .inputs input[type=password]:-webkit-autofill,
.form-fields .inputs input[type=password]:-webkit-autofill:hover,
.form-fields .inputs input[type=password]:-webkit-autofill:focus,
.form-fields .inputs input[type=password]:-webkit-autofill:active,
.form-fields .inputs input[type=email]:-webkit-autofill,
.form-fields .inputs input[type=email]:-webkit-autofill:hover,
.form-fields .inputs input[type=email]:-webkit-autofill:focus,
.form-fields .inputs input[type=email]:-webkit-autofill:active,
.form-fields .inputs input[type=tel]:-webkit-autofill,
.form-fields .inputs input[type=tel]:-webkit-autofill:hover,
.form-fields .inputs input[type=tel]:-webkit-autofill:focus,
.form-fields .inputs input[type=tel]:-webkit-autofill:active,
.form-fields .inputs textarea:-webkit-autofill,
.form-fields .inputs textarea:-webkit-autofill:hover,
.form-fields .inputs textarea:-webkit-autofill:focus,
.form-fields .inputs textarea:-webkit-autofill:active {
  -webkit-box-shadow: none !important;
}
.form-fields .inputs input[type=text]:focus,
.form-fields .inputs input[type=number]:focus,
.form-fields .inputs input[type=password]:focus,
.form-fields .inputs input[type=email]:focus,
.form-fields .inputs input[type=tel]:focus,
.form-fields .inputs textarea:focus {
  border-color: var(--VariantBlack);
}
.form-fields .inputs input[type=text].alt-input,
.form-fields .inputs input[type=number].alt-input,
.form-fields .inputs input[type=password].alt-input,
.form-fields .inputs input[type=email].alt-input,
.form-fields .inputs input[type=tel].alt-input,
.form-fields .inputs textarea.alt-input {
  background-color: rgba(var(--ThemeBlack-RGB), 0.1);
  border: 1px solid rgba(var(--ThemeBlack-RGB), 0.15);
  color: var(--ThemeBlack);
}
.form-fields .inputs input[type=text].alt-input::placeholder,
.form-fields .inputs input[type=number].alt-input::placeholder,
.form-fields .inputs input[type=password].alt-input::placeholder,
.form-fields .inputs input[type=email].alt-input::placeholder,
.form-fields .inputs input[type=tel].alt-input::placeholder,
.form-fields .inputs textarea.alt-input::placeholder {
  color: var(--ThemeBlack);
}
.form-fields .inputs input[type=text].alt-input:-webkit-autofill, .form-fields .inputs input[type=text].alt-input:-webkit-autofill:hover, .form-fields .inputs input[type=text].alt-input:-webkit-autofill:focus, .form-fields .inputs input[type=text].alt-input:-webkit-autofill:active,
.form-fields .inputs input[type=number].alt-input:-webkit-autofill,
.form-fields .inputs input[type=number].alt-input:-webkit-autofill:hover,
.form-fields .inputs input[type=number].alt-input:-webkit-autofill:focus,
.form-fields .inputs input[type=number].alt-input:-webkit-autofill:active,
.form-fields .inputs input[type=password].alt-input:-webkit-autofill,
.form-fields .inputs input[type=password].alt-input:-webkit-autofill:hover,
.form-fields .inputs input[type=password].alt-input:-webkit-autofill:focus,
.form-fields .inputs input[type=password].alt-input:-webkit-autofill:active,
.form-fields .inputs input[type=email].alt-input:-webkit-autofill,
.form-fields .inputs input[type=email].alt-input:-webkit-autofill:hover,
.form-fields .inputs input[type=email].alt-input:-webkit-autofill:focus,
.form-fields .inputs input[type=email].alt-input:-webkit-autofill:active,
.form-fields .inputs input[type=tel].alt-input:-webkit-autofill,
.form-fields .inputs input[type=tel].alt-input:-webkit-autofill:hover,
.form-fields .inputs input[type=tel].alt-input:-webkit-autofill:focus,
.form-fields .inputs input[type=tel].alt-input:-webkit-autofill:active,
.form-fields .inputs textarea.alt-input:-webkit-autofill,
.form-fields .inputs textarea.alt-input:-webkit-autofill:hover,
.form-fields .inputs textarea.alt-input:-webkit-autofill:focus,
.form-fields .inputs textarea.alt-input:-webkit-autofill:active {
  -webkit-box-shadow: none !important;
}
.form-fields .inputs input[type=text].input-validation-error,
.form-fields .inputs input[type=number].input-validation-error,
.form-fields .inputs input[type=password].input-validation-error,
.form-fields .inputs input[type=email].input-validation-error,
.form-fields .inputs input[type=tel].input-validation-error,
.form-fields .inputs textarea.input-validation-error {
  border: 2px solid var(--Alerts-Red-alert);
}
.form-fields .inputs textarea {
  min-height: 200px;
  border-radius: 20px;
  resize: none;
}
.form-fields .inputs .textarea-holder {
  border-radius: 20px;
  border: 1px solid rgba(var(--ThemeBlack-RGB), 0.15) !important;
  overflow: hidden;
}
.form-fields .inputs .textarea-holder .mce-panel {
  background: rgba(var(--ThemeBlack-RGB), 0.1) !important;
  color: var(--ThemeBlack);
  border: none !important;
}
.form-fields .inputs .field-validation-valid,
.form-fields .inputs .username-available-status,
.form-fields .inputs .new-comment .result {
  color: var(--Alerts-Green-alert);
}
.form-fields .inputs .field-validation-valid:empty {
  display: none;
}
.form-fields .inputs.price-input .text-box {
  background-color: rgba(var(--ThemeBlack-RGB), 0.1);
  border: 1px solid rgba(var(--ThemeBlack-RGB), 0.15);
  color: var(--ThemeBlack);
}
.form-fields .inputs.price-input .text-box::placeholder {
  color: var(--ThemeBlack);
  opacity: 0.6;
}
.form-fields .inputs.price-input .text-box:focus {
  border-color: var(--ThemeBlack);
}
.form-fields .inputs.price-input .text-box:-webkit-autofill, .form-fields .inputs.price-input .text-box:-webkit-autofill:hover, .form-fields .inputs.price-input .text-box:-webkit-autofill:focus, .form-fields .inputs.price-input .text-box:-webkit-autofill:active {
  -webkit-box-shadow: none !important;
}

.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error,
.password-error {
  color: var(--Alerts-Red-alert);
  margin-top: -8px;
}

.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error,
.password-error,
.field-validation-valid,
.username-available-status {
  display: block;
}

select ~ .field-validation-error {
  margin-top: 8px;
}

.captcha-box {
  margin: 0 0 25px;
  text-align: center;
  line-height: 0;
}

.captcha-box > div {
  display: inline-block;
}

.captcha-box input {
  height: auto;
}

select {
  max-width: 100%;
  height: 48px;
  padding: 12px 40px 12px 16px;
  font-family: var(--defaultFont);
  color: var(--ThemeBlack);
  border: none;
  border-radius: 40px;
  background: var(--BackgroundWhite) url("../img/icon-select.svg") no-repeat right 8px center;
  appearance: none;
}
select option {
  background: var(--BackgroundWhite);
  color: var(--StaticBlack);
}
select option:hover {
  background-color: var(--RandomColor);
}
select::-ms-expand {
  display: none;
}
select.simple-select {
  text-transform: uppercase;
  color: var(--ThemeBlack);
  padding-inline: 10px 26px;
  background: transparent url("../img/icon-select.svg") no-repeat right center;
}
select.simple-select.white {
  background-image: url("../img/icon-select-white.svg");
}
select.simple-select option {
  padding-inline: 10px;
}
select:not(.simple-select).input-validation-error {
  border-color: var(--Alerts-Red-alert) !important;
}

.alt-dropdown select {
  height: 60px;
  padding: 18px 40px 18px 16px;
  background-color: rgba(var(--ThemeBlack-RGB), 0.1);
  border: 1px solid rgba(var(--ThemeBlack-RGB), 0.15);
  color: var(--ThemeBlack);
}

.air-theme:not(.blog-pages-body) select {
  background-image: url("../img/icon-select-white.svg");
}

.tabs-navigation {
  max-width: 100%;
  overflow-x: auto;
}
.tabs-navigation .tabs-navigation-list {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  gap: 16px;
  border-radius: 80px;
  background: var(--BackgroundWhite);
  width: max-content;
}
.tabs-navigation .tabs-navigation-list .tabs-navigation-item > a {
  display: block;
  padding: 8px 16px;
  color: var(--ThemeBlack);
  border-radius: 24px;
}
.tabs-navigation .tabs-navigation-list .tabs-navigation-item > button {
  display: block;
  padding: 8px 16px;
  color: var(--ThemeBlack);
  border-radius: 24px;
  background-color: transparent;
  border: none;
}
.tabs-navigation .tabs-navigation-list .tabs-navigation-item > button:hover {
  color: var(--RandomColor);
}
.tabs-navigation .tabs-navigation-list .tabs-navigation-item.active > a {
  color: var(--VariantWhite);
  background-color: var(--RandomColor);
}
.tabs-navigation .tabs-navigation-list .tabs-navigation-item.active > button {
  color: var(--StaticWhite);
  background-color: var(--RandomColor);
}

.search-holder {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}
@media (min-width: 1025px) and (max-width: 1320px) {
  .search-holder {
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (max-width: 720px) {
  .search-holder {
    width: 100%;
  }
}
@media (max-width: 720px) {
  .search-holder .search-input-form {
    flex: 1;
  }
}
.search-holder .fieldset {
  margin: 0;
}
@media (min-width: 1025px) {
  .search-holder .basic-search .generic-input-holder {
    width: 230px;
  }
}

.product-selectors .product-viewmode,
.product-selectors .product-page-size,
.product-selectors .product-filters {
  display: none;
}
.product-selectors .product-sorting > span {
  display: none;
}

.tabs-search-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media (min-width: 1025px) and (max-width: 1320px) {
  .tabs-search-wrapper {
    align-items: flex-start;
  }
}
@media (max-width: 720px) {
  .tabs-search-wrapper {
    margin-bottom: 16px;
  }
}

.grid-list .item-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 16px;
}
@media (min-width: 721px) {
  .grid-list .item-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}
@media (min-width: 1321px) {
  .grid-list .item-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.grid-list .item-grid .no-results {
  grid-column: 1/-1;
}

.item-box {
  border-radius: 16px;
  overflow: hidden;
}
.item-box .product-item,
.item-box .vendor-item,
.item-box .order-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  min-height: 100%;
}
@media (max-width: 720px) {
  .item-box .product-item,
  .item-box .vendor-item,
  .item-box .order-item {
    flex-direction: row;
    background-color: var(--BackgroundWhite);
  }
}
.item-box .product-item .picture,
.item-box .vendor-item .picture,
.item-box .order-item .picture {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
@media (max-width: 720px) {
  .item-box .product-item .picture,
  .item-box .vendor-item .picture,
  .item-box .order-item .picture {
    flex: 0 0 120px;
    width: 120px;
    height: 120px;
    padding-block: 0 30px;
    box-sizing: content-box;
  }
}
.item-box .product-item .picture .picture-inner img,
.item-box .vendor-item .picture .picture-inner img,
.item-box .order-item .picture .picture-inner img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-box .product-item .class-location,
.item-box .vendor-item .class-location,
.item-box .order-item .class-location {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  padding: 13px 8px;
  border-top-left-radius: 8px;
  text-align: center;
  color: var(--StaticBlack);
  background: var(--StaticWhite);
}
@media (max-width: 720px) {
  .item-box .product-item .class-location,
  .item-box .vendor-item .class-location,
  .item-box .order-item .class-location {
    width: 100%;
    padding-block: 8px;
    left: 0;
    border-radius: 0;
    transform: translateY(100%);
  }
}
.item-box .product-item .updated-info,
.item-box .vendor-item .updated-info,
.item-box .order-item .updated-info {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  padding: 4px 16px;
  border-bottom-right-radius: 8px;
  text-align: center;
  color: var(--StaticBlack);
  background: var(--Alerts-Orange-alert);
  z-index: 1;
}
@media (max-width: 720px) {
  .item-box .product-item .updated-info,
  .item-box .vendor-item .updated-info,
  .item-box .order-item .updated-info {
    position: static;
    width: 100%;
    text-align: left;
    border-radius: 0;
  }
}
.item-box .product-item .details,
.item-box .vendor-item .details,
.item-box .order-item .details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  flex: 1;
  width: 100%;
  padding: 16px;
  background-color: var(--BackgroundWhite);
}
@media (max-width: 720px) {
  .item-box .product-item .details,
  .item-box .vendor-item .details,
  .item-box .order-item .details {
    max-width: calc(100% - 120px);
    gap: 16px;
    padding-block: 8px;
    background-color: transparent;
  }
}
.item-box .product-item .details.details-training,
.item-box .vendor-item .details.details-training,
.item-box .order-item .details.details-training {
  gap: 0;
}
.item-box .product-item .details .details-holder,
.item-box .vendor-item .details .details-holder,
.item-box .order-item .details .details-holder {
  width: 100%;
}
.item-box .product-item .details .details-holder .class-info,
.item-box .vendor-item .details .details-holder .class-info,
.item-box .order-item .details .details-holder .class-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.item-box .product-item .details .details-holder .class-info .class-user-name > a,
.item-box .vendor-item .details .details-holder .class-info .class-user-name > a,
.item-box .order-item .details .details-holder .class-info .class-user-name > a {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-box .product-item .details .sku,
.item-box .vendor-item .details .sku,
.item-box .order-item .details .sku {
  display: none;
}
.item-box .product-item .details .add-info,
.item-box .vendor-item .details .add-info,
.item-box .order-item .details .add-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}
@media (max-width: 720px) {
  .item-box .product-item .details .add-info,
  .item-box .vendor-item .details .add-info,
  .item-box .order-item .details .add-info {
    flex-direction: row-reverse;
  }
}
.item-box .product-item .details .add-info .buttons,
.item-box .vendor-item .details .add-info .buttons,
.item-box .order-item .details .add-info .buttons {
  flex: 1;
  display: flex;
}
@media (max-width: 720px) {
  .item-box .product-item .details .add-info .buttons,
  .item-box .vendor-item .details .add-info .buttons,
  .item-box .order-item .details .add-info .buttons {
    justify-content: flex-end;
  }
}
.item-box .product-item .details .add-info .buttons .tag,
.item-box .vendor-item .details .add-info .buttons .tag,
.item-box .order-item .details .add-info .buttons .tag {
  margin-inline: auto;
}
.item-box .product-item .details .add-info .prices:empty,
.item-box .vendor-item .details .add-info .prices:empty,
.item-box .order-item .details .add-info .prices:empty {
  display: none;
}
.item-box .product-item .details .add-info .prices .price,
.item-box .vendor-item .details .add-info .prices .price,
.item-box .order-item .details .add-info .prices .price {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.item-box .product-item .details .add-info .prices .price.range-price-holder,
.item-box .vendor-item .details .add-info .prices .price.range-price-holder,
.item-box .order-item .details .add-info .prices .price.range-price-holder {
  gap: 0;
  align-items: end;
}
@media (max-width: 720px) {
  .item-box .product-item .details .add-info .prices .price.range-price-holder,
  .item-box .vendor-item .details .add-info .prices .price.range-price-holder,
  .item-box .order-item .details .add-info .prices .price.range-price-holder {
    flex-direction: row;
    gap: 8px;
    align-items: center;
  }
}
.item-box .product-item .details .add-info .prices .tier-tag,
.item-box .vendor-item .details .add-info .prices .tier-tag,
.item-box .order-item .details .add-info .prices .tier-tag {
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
}
@media (max-width: 720px) {
  .item-box .product-item .details .generic-button.filled, .item-box .product-item .details .bar-notification .content a.filled, .bar-notification .content .item-box .product-item .details a.filled, .item-box .product-item .details .ui-dialog .ui-dialog-buttonpane .ui-button, .ui-dialog .ui-dialog-buttonpane .item-box .product-item .details .ui-button, .item-box .product-item .details .admin-header-links a.filled, .admin-header-links .item-box .product-item .details a.filled,
  .item-box .product-item .details .admin-header-links span.filled,
  .admin-header-links .item-box .product-item .details span.filled,
  .item-box .vendor-item .details .generic-button.filled,
  .item-box .vendor-item .details .bar-notification .content a.filled,
  .bar-notification .content .item-box .vendor-item .details a.filled,
  .item-box .vendor-item .details .ui-dialog .ui-dialog-buttonpane .ui-button,
  .ui-dialog .ui-dialog-buttonpane .item-box .vendor-item .details .ui-button,
  .item-box .vendor-item .details .admin-header-links a.filled,
  .admin-header-links .item-box .vendor-item .details a.filled,
  .item-box .vendor-item .details .admin-header-links span.filled,
  .admin-header-links .item-box .vendor-item .details span.filled,
  .item-box .order-item .details .generic-button.filled,
  .item-box .order-item .details .bar-notification .content a.filled,
  .bar-notification .content .item-box .order-item .details a.filled,
  .item-box .order-item .details .ui-dialog .ui-dialog-buttonpane .ui-button,
  .ui-dialog .ui-dialog-buttonpane .item-box .order-item .details .ui-button,
  .item-box .order-item .details .admin-header-links a.filled,
  .admin-header-links .item-box .order-item .details a.filled,
  .item-box .order-item .details .admin-header-links span.filled,
  .admin-header-links .item-box .order-item .details span.filled {
    height: auto;
    background: none;
    border-radius: 0;
    padding: 0;
    color: var(--ThemeBlack);
  }
}
.item-box .product-item.unavailable,
.item-box .vendor-item.unavailable,
.item-box .order-item.unavailable {
  opacity: 0.7;
}
@media all and (min-width: 721px) {
  .item-box .vendor-item .picture {
    padding-top: 75%;
  }
}
.item-box .vendor-item .details .details-holder {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media all and (min-width: 721px) {
  .item-box .product-rating-box {
    display: block;
    margin: 0 0 15px;
  }
  .item-box .description {
    display: block;
    margin: 0 0 20px;
    line-height: 25px;
  }
}
.air-theme:not(.blog-pages-body) .item-box .product-item .class-location,
.air-theme:not(.blog-pages-body) .item-box .vendor-item .class-location {
  background: var(--StaticBlack);
  color: var(--StaticWhite);
}

.details-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tags {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
  margin: 1.5rem 0;
}

.tag {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  text-transform: uppercase;
  box-sizing: content-box;
  border-radius: 40px;
  border: none;
}
.tag-soldout {
  color: var(--ThemeBlack);
  border: 2px solid var(--ThemeBlack);
}
.tag-general {
  font-family: var(--defaultFont);
  font-size: var(--font-size--tag);
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  padding: 0.5rem;
  color: var(--StaticBlack);
  background-color: var(--StaticWhite);
  border-radius: 8px;
}
.tag-basic {
  padding: 0.5rem;
  color: var(--StaticBlack);
  background-color: var(--StaticWhite);
  border-radius: 8px;
}
.tag-status {
  padding: 0.25rem 0.5rem;
  color: var(--StaticWhite);
}
.tag-status.complete {
  background-color: var(--LabelsComplete);
}
.tag-status.pending {
  background-color: var(--LabelsPending);
}
.tag-status.processing {
  background-color: var(--LabelsProcessing);
}
.tag-status.cancelled {
  background-color: var(--LabelsCancelled);
}
.tag-filter {
  padding: 0.125rem 0.5rem;
  border-radius: 16px;
  border: 1px solid var(--Text-Dividers, rgba(0, 0, 0, 0.3));
  transition: all 0.15s ease-in-out;
}
.tag-filter:hover {
  background-color: var(--color-kid);
}

.eu-cookie-bar-notification {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-block: 16px;
  background-color: var(--StaticWhite);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 1050;
}
@media all and (min-width: 721px) {
  .eu-cookie-bar-notification {
    padding-block: 40px;
  }
}
.eu-cookie-bar-notification .content {
  display: flex;
  align-items: flex-end;
  gap: 150px;
}
@media (max-width: 1024px) {
  .eu-cookie-bar-notification .content {
    gap: 24px;
  }
}
@media (max-width: 720px) {
  .eu-cookie-bar-notification .content {
    flex-direction: column;
  }
}
.eu-cookie-bar-notification .content .text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  color: var(--StaticBlack);
}
.eu-cookie-bar-notification .content .buttons {
  flex: 0 0 auto;
  display: flex;
  gap: 24px;
}
.eu-cookie-bar-notification .content .buttons .outlined {
  color: var(--StaticBlack);
}

.social-holder {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 720px) {
  .social-holder {
    flex-direction: column;
    gap: 24px;
  }
}
.social-holder .social-sharing {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: left;
  color: var(--StaticWhite);
}
.social-holder .social-sharing ul {
  display: flex;
  gap: 24px;
}
.social-holder .social-sharing ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--Text-DividersWhite);
}
.social-holder .social-sharing ul li a::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  mask-size: 24px 24px;
  mask-repeat: no-repeat;
  mask-position: center center;
  background-color: var(--StaticWhite);
}
.social-holder .social-sharing ul li a:hover::before, .social-holder .social-sharing ul li a:focus::before {
  background-color: var(--RandomColor);
}
.social-holder .social-sharing ul li a.facebook::before {
  mask-image: url("../img/icon-facebook.svg");
}
.social-holder .social-sharing ul li a.twitter::before {
  mask-image: url("../img/icon-twitter.svg");
}
.social-holder .social-sharing ul li a.pinterest::before {
  mask-image: url("../img/icon-pinterest.svg");
}
.social-holder .social-sharing ul li a.instagram::before {
  mask-image: url("../img/icon-instagram.svg");
}
.social-holder .social-sharing ul li a.vimeo::before {
  mask-image: url("../img/icon-vimeo.svg");
}
.social-holder .social-sharing ul li a.google::before {
  mask-image: url("../img/icon-google.svg");
}
.social-holder .social-sharing ul li a.youtube::before {
  mask-image: url("../img/icon-youtube.svg");
}
.social-holder .social-sharing ul li a.rss::before {
  mask-image: url("../img/icon-rss.svg");
}

.ui-dialog {
  width: 715px !important;
  max-width: calc(100% - 32px);
  border-radius: 16px;
  background-color: var(--ThemeWhite);
  padding: 40px 50px;
  position: fixed !important;
  top: 50vh !important;
  left: 50vw !important;
  transform: translate(-50%, -50%);
  z-index: 1050;
}
@media (max-width: 720px) {
  .ui-dialog {
    padding: 20px;
  }
}
.ui-dialog .ui-dialog-titlebar {
  padding-right: 40px;
  margin-bottom: 40px;
}
@media (max-width: 720px) {
  .ui-dialog .ui-dialog-titlebar {
    margin-bottom: 20px;
  }
}
.ui-dialog .ui-dialog-titlebar button {
  position: absolute;
  top: 40px;
  right: 40px;
  background-color: var(--ThemeBlack);
  font-size: 0;
}
@media (max-width: 720px) {
  .ui-dialog .ui-dialog-titlebar button {
    top: 20px;
    right: 20px;
  }
}
.ui-dialog .ui-dialog-titlebar button:hover {
  opacity: 0.9;
}
.ui-dialog .ui-dialog-titlebar button span {
  display: none;
}
.ui-dialog .ui-dialog-content {
  height: auto !important;
  min-height: 0 !important;
  max-height: 50vh !important;
  padding: 0;
  overflow-y: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  margin-top: 32px;
}
.ui-dialog .ui-dialog-buttonpane .ui-button {
  min-width: 150px;
}
.ui-dialog .page {
  min-height: 0;
}
.ui-dialog .page-title {
  display: none;
}
.ui-dialog .page-body {
  text-align: center;
}

#cancel-container,
#newAddress-container,
#setAddress-container {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  position: fixed;
  display: none;
  background-color: rgba(var(--ThemeBlack-RGB), 0.7);
}
#cancel-container:target,
#newAddress-container:target,
#setAddress-container:target {
  visibility: visible;
  display: block;
}
#cancel-container .reveal-modal,
#newAddress-container .reveal-modal,
#setAddress-container .reveal-modal {
  position: relative;
  top: 50vh !important;
  padding: 40px 50px;
  margin: 0 auto;
  width: 715px !important;
  max-width: calc(100% - 32px);
  max-height: 90vh;
  border-radius: 16px;
  background-color: var(--ThemeWhite);
  transform: translateY(-50%);
}
@media (max-width: 720px) {
  #cancel-container .reveal-modal,
  #newAddress-container .reveal-modal,
  #setAddress-container .reveal-modal {
    padding: 20px;
  }
}
#cancel-container .reveal-modal .content-holder,
#newAddress-container .reveal-modal .content-holder,
#setAddress-container .reveal-modal .content-holder {
  max-height: calc(90vh - 82px);
}
#cancel-container .reveal-modal .content-holder .inner-content,
#newAddress-container .reveal-modal .content-holder .inner-content,
#setAddress-container .reveal-modal .content-holder .inner-content {
  overflow-y: auto;
}
#cancel-container .reveal-modal .content-holder .inner-content .form-fields .inputs label,
#newAddress-container .reveal-modal .content-holder .inner-content .form-fields .inputs label,
#setAddress-container .reveal-modal .content-holder .inner-content .form-fields .inputs label {
  color: var(--ThemeBlack);
}
#cancel-container .reveal-modal .address-holder,
#newAddress-container .reveal-modal .address-holder,
#setAddress-container .reveal-modal .address-holder {
  width: 100%;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid var(--Text-Dividers);
}
#cancel-container .reveal-modal .address-holder .generic-radio input:checked ~ label::after,
#newAddress-container .reveal-modal .address-holder .generic-radio input:checked ~ label::after,
#setAddress-container .reveal-modal .address-holder .generic-radio input:checked ~ label::after {
  top: 13px;
}
#cancel-container .reveal-modal .address-holder .generic-radio label,
#newAddress-container .reveal-modal .address-holder .generic-radio label,
#setAddress-container .reveal-modal .address-holder .generic-radio label {
  color: var(--ThemeBlack) !important;
}
#cancel-container .reveal-modal .address-holder .generic-radio label::before,
#newAddress-container .reveal-modal .address-holder .generic-radio label::before,
#setAddress-container .reveal-modal .address-holder .generic-radio label::before {
  top: 8px;
}

#newAddress-container .reveal-modal {
  width: 514px !important;
}

.generic-form-section {
  position: relative;
}
@media (max-width: 720px) {
  .generic-form-section {
    display: flex;
    flex-direction: column-reverse;
    gap: 32px;
  }
}
.generic-form-section::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--RandomColor);
  z-index: -1;
}
.generic-form-section .image-mask-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50vw);
  width: 484px;
  max-width: calc(50vw - 12px);
  height: 100%;
}
@media (max-width: 720px) {
  .generic-form-section .image-mask-wrapper {
    position: relative;
    left: -16px;
    max-width: none;
    width: 100vw;
    transform: none;
  }
}
.generic-form-section .image-mask-wrapper .image-mask-holder {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 720px) {
  .generic-form-section .image-mask-wrapper .image-mask-holder {
    width: 100vw;
    height: auto;
  }
}
.generic-form-section .image-mask-wrapper .image-mask-holder > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mask-image: url("../img/shapes/form-image-shape.svg");
  -webkit-mask-image: url("../img/shapes/form-image-shape.svg");
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: bottom right;
  -webkit-mask-position: bottom right;
  mask-composite: exclude;
  -webkit-mask-composite: exclude;
}
@media (max-width: 720px) {
  .generic-form-section .image-mask-wrapper .image-mask-holder > img {
    position: static;
    width: 100vw;
    max-width: 100vw;
    height: 640px;
  }
}
.generic-form-section .form-holder {
  position: relative;
  width: calc(41.6666666667% - 14px);
  left: calc(50% + 12px);
}
@media (max-width: 1320px) {
  .generic-form-section .form-holder {
    width: calc(50% - 12px);
  }
}
@media (max-width: 720px) {
  .generic-form-section .form-holder {
    width: 100%;
    left: auto;
  }
}

/*********** NOTIFICATIONS & POPUPS  ***********/
.bar-notification {
  display: none;
  position: fixed;
  top: 12%;
  left: 50%;
  width: 550px;
  max-width: calc(100vw - 32px);
  color: var(--StaticBlack);
  background-color: var(--StaticWhite);
  border-radius: 8px;
  overflow: hidden;
  transform: translateX(-50%);
  z-index: 1080;
}
@media (max-width: 1024px) {
  .bar-notification {
    top: 22% !important;
  }
}
@media (max-width: 720px) {
  .bar-notification {
    top: 5% !important;
  }
}
.bar-notification.static {
  position: static;
  width: 100%;
  transform: none;
  z-index: auto;
}
.bar-notification .bar-notification--holder {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 50px;
}
.bar-notification .bar-notification--holder::before, .bar-notification .bar-notification--holder::after {
  content: "";
  position: absolute;
  top: 0;
}
.bar-notification .bar-notification--holder::before {
  left: 0;
  width: 8px;
  height: 100%;
}
.bar-notification .bar-notification--holder::after {
  top: 11px;
  left: 24px;
  display: inline-block;
  width: 18px;
  height: 18px;
  mask-size: 18px 18px;
  -webkit-mask-size: 18px 18px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--StaticBlack);
  vertical-align: text-top;
  flex: none;
  border: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.bar-notification.success .bar-notification--holder {
  background-color: var(--Alerts-Green-transparency);
}
.bar-notification.success .bar-notification--holder::before {
  background-color: var(--Alerts-Green-alert);
}
.bar-notification.success .bar-notification--holder::after {
  mask-image: url("../img/icon-checkmark--outline.svg");
}
.bar-notification.warning .bar-notification--holder {
  background-color: var(--Alerts-Orange-transparency);
}
.bar-notification.warning .bar-notification--holder::before {
  background-color: var(--Alerts-Orange-alert);
}
.bar-notification.warning .bar-notification--holder::after {
  mask-image: url("../img/icon-warning--alt.svg");
}
.bar-notification.error .bar-notification--holder {
  background-color: var(--Alerts-Red-transparency);
}
.bar-notification.error .bar-notification--holder::before {
  background-color: var(--Alerts-Red-alert);
}
.bar-notification.error .bar-notification--holder::after {
  mask-image: url("../img/icon-close--outline.svg");
}
.bar-notification.alert .bar-notification--holder {
  background-color: var(--Alerts-Blue-transparency);
}
.bar-notification.alert .bar-notification--holder::before {
  background-color: var(--Alerts-Blue-alert);
}
.bar-notification.alert .bar-notification--holder::after {
  mask-image: url("../img/icon-information.svg");
}
.bar-notification .close {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: auto;
  mask-size: 18px 18px;
  mask-repeat: no-repeat;
  mask-image: url("../img/icon-close.svg");
  background-color: var(--StaticBlack);
  vertical-align: text-top;
  flex: none;
  border: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.bar-notification .close:hover {
  opacity: 0.9;
}

.noscript {
  background-color: #ff9;
  padding: 10px;
  text-align: center;
}

.ajax-loading-block-window {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100% !important;
  height: 100% !important;
  background: #fff url("../img/loading.gif") center no-repeat;
  opacity: 0.9;
}

@media all and (min-width: 1321px) {
  .flyout-cart {
    width: 500px;
  }
}
.flyout-cart .count {
  color: var(--ThemeBlack);
}
@media all and (min-width: 1025px) {
  .flyout-cart {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 400px;
    margin-top: 5px;
    border-radius: 20px;
    background: var(--Background-Modals-BG);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: all 0.3s ease;
  }
}
@media all and (min-width: 1321px) {
  .flyout-cart {
    width: 500px;
  }
}
@media all and (min-width: 1025px) {
  .flyout-cart.active {
    display: block;
  }
  .flyout-cart .mini-shopping-cart {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    color: var(--StaticWhite);
  }
  .flyout-cart .mini-shopping-cart .items {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .flyout-cart .mini-shopping-cart .items .item {
    display: flex;
    gap: 16px;
    width: 100%;
    color: var(--ThemeBlack);
  }
  .flyout-cart .mini-shopping-cart .picture {
    position: relative;
    flex: 0 0 126px;
    width: 126px;
    height: 126px;
  }
  .flyout-cart .mini-shopping-cart .picture img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .flyout-cart .mini-shopping-cart .product {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    text-align: left;
  }
  .flyout-cart .mini-shopping-cart .attributes {
    display: none;
  }
  .flyout-cart .mini-shopping-cart .quantity {
    font-size: 13px;
  }
}

table {
  border-collapse: separate;
  border-spacing: 0;
}
table.data-table th,
table.data-table td, table.forums-table-section th,
table.forums-table-section td {
  padding: 12px 8px;
}
table.data-table th:first-child,
table.data-table td:first-child, table.forums-table-section th:first-child,
table.forums-table-section td:first-child {
  padding-left: 24px;
}
table.data-table th:last-child,
table.data-table td:last-child, table.forums-table-section th:last-child,
table.forums-table-section td:last-child {
  padding-right: 24px;
}
table.data-table th, table.forums-table-section th {
  color: var(--ThemeWhite);
  text-align: left;
  white-space: nowrap;
  background-color: var(--ThemeBlack);
  border: none;
}
table.data-table th:first-child, table.forums-table-section th:first-child {
  border-top-left-radius: 20px;
}
table.data-table th:last-child, table.forums-table-section th:last-child {
  border-top-right-radius: 20px;
}
table.data-table td, table.forums-table-section td {
  border-left: 1px solid var(--Transparencies-Table-Dividers-TableCells);
  border-top: 1px solid var(--Transparencies-Table-Dividers-TableCells);
  background-color: var(--BackgroundWhite);
}
table.data-table tbody tr:last-child td:first-child, table.forums-table-section tbody tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
}
table.data-table tbody tr:last-child td:last-child, table.forums-table-section tbody tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}
@media (min-width: 721px) {
  table.data-table.customerorders-table th,
  table.data-table.customerorders-table td, table.forums-table-section.customerorders-table th,
  table.forums-table-section.customerorders-table td {
    padding-inline: 32px;
  }
  table.data-table.customerorders-table th:first-child,
  table.data-table.customerorders-table td:first-child, table.forums-table-section.customerorders-table th:first-child,
  table.forums-table-section.customerorders-table td:first-child {
    padding-left: 48px;
  }
  table.data-table.customerorders-table th:last-child,
  table.data-table.customerorders-table td:last-child, table.forums-table-section.customerorders-table th:last-child,
  table.forums-table-section.customerorders-table td:last-child {
    padding-right: 48px;
  }
}

.table-wrapper {
  max-width: calc(100vw - 32px);
  overflow-x: auto;
}

.separator {
  height: 2px;
  align-self: stretch;
  background: var(--Text-Dividers, rgba(0, 0, 0, 0.3));
}

.item-listing {
  display: flex;
  flex-direction: column;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-listing .inputs_refactor {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-block: 8px;
}
.item-listing .inputs_refactor .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.item-listing .inputs_refactor .info .name {
  color: var(--ThemeBlack);
  opacity: 0.6;
}
.item-listing .inputs_refactor .actions {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 0 0 auto;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.order-progress {
  margin: 34px 0 64px;
  text-align: center;
}
@media (max-width: 1024px) {
  .order-progress {
    margin-block: 0 24px;
  }
}
@media (max-width: 720px) {
  .order-progress ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
@media (max-width: 720px) and (max-width: 720px) {
  .order-progress ul:before {
    content: "";
    display: block;
    position: absolute;
    top: 34px;
    z-index: -1;
    width: 100%;
    height: 1px;
    background-color: rgba(var(--ThemeBlack-RGB), 0.15);
  }
}
.order-progress li {
  display: inline-block;
  width: 15%;
}
@media (max-width: 720px) {
  .order-progress li {
    width: auto;
  }
}
@media (min-width: 721px) {
  .order-progress li:before {
    content: "";
    display: block;
    position: relative;
    top: 34px;
    z-index: -1;
    height: 1px;
    background-color: rgba(var(--ThemeBlack-RGB), 0.15);
  }
}
.order-progress li:first-child:before {
  margin-left: 50%;
}
.order-progress li:last-child:before {
  margin-right: 50%;
}
.order-progress a {
  position: relative;
  display: inline-block;
  width: 65px;
  height: 65px;
  border: 1px solid rgba(var(--ThemeBlack-RGB), 0.15);
  border-radius: 50%;
  color: var(--LabelsPending);
  background-color: var(--Background-Order-Steps);
}
.order-progress a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.order-progress .active-step a {
  color: var(--StaticWhite);
  border-color: transparent;
}
.order-progress a span {
  position: relative;
  top: 75px;
  text-transform: uppercase;
}

.ui-tabs .ui-tabs-nav li a {
  display: block;
  transition: all 0.2s ease;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover a:after, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .ui-tabs .ui-tabs-nav li.ui-state-active.ui-tabs-active a:after {
  background-color: var(--RandomColor);
}
.ui-tabs .ui-tabs-panel p {
  margin: 0;
  line-height: 26px;
}
.ui-tabs .ui-tabs-panel .buttons {
  margin-top: 32px;
}
@media (max-width: 720px) {
  .ui-tabs .ui-tabs-panel .buttons {
    margin-top: 24px;
  }
}
.ui-tabs .ui-tabs-panel #contact-us-tab p {
  color: var(--VariantWhite);
}
.ui-tabs .ui-tabs-panel #contact-us-tab .form-fields .inputs input[type=text],
.ui-tabs .ui-tabs-panel #contact-us-tab .form-fields .inputs input[type=number],
.ui-tabs .ui-tabs-panel #contact-us-tab .form-fields .inputs input[type=password],
.ui-tabs .ui-tabs-panel #contact-us-tab .form-fields .inputs input[type=email],
.ui-tabs .ui-tabs-panel #contact-us-tab .form-fields .inputs input[type=tel],
.ui-tabs .ui-tabs-panel #contact-us-tab .form-fields .inputs textarea {
  background-color: var(--StaticWhite);
  border: 2px solid var(--StaticWhite);
  color: var(--StaticBlack);
}
.ui-tabs .ui-tabs-panel #contact-us-tab .form-fields .inputs input[type=text]::placeholder,
.ui-tabs .ui-tabs-panel #contact-us-tab .form-fields .inputs input[type=number]::placeholder,
.ui-tabs .ui-tabs-panel #contact-us-tab .form-fields .inputs input[type=password]::placeholder,
.ui-tabs .ui-tabs-panel #contact-us-tab .form-fields .inputs input[type=email]::placeholder,
.ui-tabs .ui-tabs-panel #contact-us-tab .form-fields .inputs input[type=tel]::placeholder,
.ui-tabs .ui-tabs-panel #contact-us-tab .form-fields .inputs textarea::placeholder {
  color: var(--StaticBlack);
}
.ui-tabs .ui-tabs-hide {
  display: none;
}

div:not(.form-holder) > .productTabs .ui-tabs-nav {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  gap: 16px;
  border-radius: 80px;
  background: var(--BackgroundWhite);
}
div:not(.form-holder) > .productTabs .ui-tabs-nav .ui-tabs-tab > .ui-tabs-anchor {
  display: block;
  padding: 8px 16px;
  color: var(--ThemeBlack);
  border-radius: 24px;
}
div:not(.form-holder) > .productTabs .ui-tabs-nav .ui-tabs-tab.ui-state-active > .ui-tabs-anchor {
  color: var(--VariantWhite);
  background-color: var(--RandomColor);
}

.generic-tabs .ui-tabs-nav {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  gap: 16px;
  width: max-content;
  border-radius: 80px;
  background: var(--BackgroundWhite);
}
.generic-tabs .ui-tabs-nav .ui-tabs-tab > .ui-tabs-anchor {
  display: block;
  padding: 8px 16px;
  color: var(--ThemeBlack);
  border-radius: 24px;
}
.generic-tabs .ui-tabs-nav .ui-tabs-tab.ui-state-active > .ui-tabs-anchor {
  color: var(--VariantWhite);
  background-color: var(--RandomColor);
}

.k-autocomplete,
.k-block,
.k-calendar-container,
.k-colorpicker,
.k-combobox,
.k-datepicker,
.k-datetimepicker,
.k-drag-clue,
.k-dropdown,
.k-dropdown-wrap,
.k-editor-inline,
.k-gantt-views > .k-current-view,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-inline-block,
.k-list-container,
.k-multiselect,
.k-numeric-wrap,
.k-numerictextbox,
.k-picker-wrap,
.k-slider-selection,
.k-slider-track,
.k-split-button .k-gantt-views,
.k-textbox,
.k-tile,
.k-timepicker,
.k-tooltip,
.k-touch-scrollbar,
.k-treeview .k-in,
.k-upload,
.k-window,
.k-window-action,
.k-window-titleless .k-window-content {
  border: none;
}

.k-toolbar .k-split-button,
span.k-colorpicker,
span.k-combobox,
span.k-datepicker,
span.k-datetimepicker,
span.k-dropdown,
span.k-dropdowntree,
span.k-numerictextbox,
span.k-timepicker {
  background: none;
}

.k-datepicker,
.k-timepicker {
  width: 100%;
  color: var(--ThemeBlack);
}
.k-datepicker .k-picker-wrap.k-state-default,
.k-timepicker .k-picker-wrap.k-state-default {
  background: none;
  border: none;
  border-radius: 40px;
  padding: 0;
  overflow: hidden;
}
.k-datepicker .k-picker-wrap.k-state-default.k-state-focused,
.k-timepicker .k-picker-wrap.k-state-default.k-state-focused {
  box-shadow: none !important;
}
.k-datepicker .k-picker-wrap.k-state-default input,
.k-timepicker .k-picker-wrap.k-state-default input {
  padding-right: 50px;
}
.k-datepicker .k-picker-wrap.k-state-default > .k-select,
.k-timepicker .k-picker-wrap.k-state-default > .k-select {
  width: 50px;
  border: none;
}
.k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon {
  width: 100%;
  height: 100%;
}
.k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before {
  content: "";
}
.k-datepicker .k-picker-wrap.k-state-default.k-state-hover > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default.k-state-focused > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default.k-state-hover > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default.k-state-focused > .k-select .k-icon::before {
  background-color: var(--RandomColor);
}

.k-calendar .k-link {
  color: var(--StaticBlack);
}

.k-block,
.k-content,
.k-dropdown .k-input,
.k-popup,
.k-toolbar,
.k-widget {
  color: var(--ThemeBlack);
}

.k-widget {
  background: none;
}

.k-popup {
  box-shadow: none !important;
}
.k-popup .k-list {
  color: var(--StaticBlack);
}

.k-multiselect-wrap {
  padding: 12px 16px !important;
  font-family: var(--defaultFont);
  background-color: rgba(var(--ThemeBlack-RGB), 0.1);
  border: 1px solid rgba(var(--ThemeBlack-RGB), 0.15);
  color: var(--ThemeBlack);
  border-radius: 40px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.k-multiselect-wrap::placeholder {
  color: var(--ThemeBlack);
}

.k-multiselect.k-state-hover, .k-multiselect.k-state-focused {
  border-radius: 0;
  background: transparent;
  box-shadow: none !important;
}
.k-multiselect.k-state-hover > .k-multiselect-wrap, .k-multiselect.k-state-focused > .k-multiselect-wrap {
  border-radius: 40px;
  border-color: inherit;
  background: inherit;
  color: inherit;
  box-shadow: none !important;
}
.k-multiselect > .k-multiselect-wrap .k-clear-value.k-i-close {
  top: 50%;
  transform: translateY(-50%);
}

.home-page-body .master-wrapper-page .master-wrapper-content {
  margin-top: -124px;
}
.home-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper {
  width: 100%;
  margin-top: 0;
}

.herosection {
  width: 100%;
  height: 800px;
}
@media (max-width: 720px) {
  .herosection {
    height: auto;
    padding-bottom: 75px;
  }
}
.herosection::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) -0.77%, #000 99.98%);
}
.herosection .herosection-wrapper {
  height: 100%;
}
.herosection .hero-background-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.herosection .herosection-lead-holder {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.herosection .herosection-lead-holder .herosection-title {
  position: relative;
  color: var(--StaticWhite);
  padding-top: 170px;
}
@media (max-width: 720px) {
  .herosection .herosection-lead-holder .herosection-title {
    height: auto;
    padding-top: 215px;
  }
}
.herosection .herosection-lead-holder .generic-button, .herosection .herosection-lead-holder .admin-header-links a, .admin-header-links .herosection .herosection-lead-holder a,
.herosection .herosection-lead-holder .admin-header-links span,
.admin-header-links .herosection .herosection-lead-holder span, .herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button, .ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button, .herosection .herosection-lead-holder .bar-notification .content a, .bar-notification .content .herosection .herosection-lead-holder a {
  align-self: flex-start;
  padding-right: 0.5rem;
}
.herosection .herosection-lead-holder .generic-button .salsationicon, .herosection .herosection-lead-holder .admin-header-links a .salsationicon, .admin-header-links .herosection .herosection-lead-holder a .salsationicon,
.herosection .herosection-lead-holder .admin-header-links span .salsationicon,
.admin-header-links .herosection .herosection-lead-holder span .salsationicon, .herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button .salsationicon, .ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button .salsationicon, .herosection .herosection-lead-holder .bar-notification .content a .salsationicon, .bar-notification .content .herosection .herosection-lead-holder a .salsationicon, .herosection .herosection-lead-holder .generic-button .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .herosection .herosection-lead-holder .generic-button span, .herosection .herosection-lead-holder .admin-header-links a .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .herosection .herosection-lead-holder .admin-header-links a span, .admin-header-links .herosection .herosection-lead-holder a .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .admin-header-links .herosection .herosection-lead-holder a span,
.herosection .herosection-lead-holder .admin-header-links span .nopAjaxFilters7Spikes .close-filters span,
.nopAjaxFilters7Spikes .close-filters .herosection .herosection-lead-holder .admin-header-links span span,
.admin-header-links .herosection .herosection-lead-holder span .nopAjaxFilters7Spikes .close-filters span,
.nopAjaxFilters7Spikes .close-filters .admin-header-links .herosection .herosection-lead-holder span span, .herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button span, .ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button span, .herosection .herosection-lead-holder .bar-notification .content a .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .herosection .herosection-lead-holder .bar-notification .content a span, .bar-notification .content .herosection .herosection-lead-holder a .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .bar-notification .content .herosection .herosection-lead-holder a span, .herosection .herosection-lead-holder .generic-button .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .herosection .herosection-lead-holder .generic-button .k-window-action, .herosection .herosection-lead-holder .admin-header-links a .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .herosection .herosection-lead-holder .admin-header-links a .k-window-action, .admin-header-links .herosection .herosection-lead-holder a .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .admin-header-links .herosection .herosection-lead-holder a .k-window-action,
.herosection .herosection-lead-holder .admin-header-links span .ajaxFilters.k-window.k-widget .k-header .k-window-action,
.ajaxFilters.k-window.k-widget .k-header .herosection .herosection-lead-holder .admin-header-links span .k-window-action,
.admin-header-links .herosection .herosection-lead-holder span .ajaxFilters.k-window.k-widget .k-header .k-window-action,
.ajaxFilters.k-window.k-widget .k-header .admin-header-links .herosection .herosection-lead-holder span .k-window-action, .herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button .k-window-action, .ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button .k-window-action, .herosection .herosection-lead-holder .bar-notification .content a .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .herosection .herosection-lead-holder .bar-notification .content a .k-window-action, .bar-notification .content .herosection .herosection-lead-holder a .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .bar-notification .content .herosection .herosection-lead-holder a .k-window-action, .herosection .herosection-lead-holder .generic-button .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .herosection .herosection-lead-holder .generic-button button, .herosection .herosection-lead-holder .admin-header-links a .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .herosection .herosection-lead-holder .admin-header-links a button, .admin-header-links .herosection .herosection-lead-holder a .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .admin-header-links .herosection .herosection-lead-holder a button,
.herosection .herosection-lead-holder .admin-header-links span .ui-dialog .ui-dialog-titlebar button,
.ui-dialog .ui-dialog-titlebar .herosection .herosection-lead-holder .admin-header-links span button,
.admin-header-links .herosection .herosection-lead-holder span .ui-dialog .ui-dialog-titlebar button,
.ui-dialog .ui-dialog-titlebar .admin-header-links .herosection .herosection-lead-holder span button, .herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button .ui-dialog-titlebar button, .herosection .herosection-lead-holder .ui-dialog .ui-dialog-titlebar .ui-dialog-buttonpane .ui-button button, .ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button button, .herosection .herosection-lead-holder .bar-notification .content a .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .herosection .herosection-lead-holder .bar-notification .content a button, .bar-notification .content .herosection .herosection-lead-holder a .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .bar-notification .content .herosection .herosection-lead-holder a button, .herosection .herosection-lead-holder .generic-button .order-progress a::before, .order-progress .herosection .herosection-lead-holder .generic-button a::before, .herosection .herosection-lead-holder .admin-header-links a .order-progress a::before, .order-progress .herosection .herosection-lead-holder .admin-header-links a a::before, .admin-header-links .herosection .herosection-lead-holder a .order-progress a::before, .order-progress .admin-header-links .herosection .herosection-lead-holder a a::before,
.herosection .herosection-lead-holder .admin-header-links span .order-progress a::before,
.order-progress .herosection .herosection-lead-holder .admin-header-links span a::before,
.admin-header-links .herosection .herosection-lead-holder span .order-progress a::before,
.order-progress .admin-header-links .herosection .herosection-lead-holder span a::before, .herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button .order-progress a::before, .order-progress .herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button a::before, .ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button .order-progress a::before, .order-progress .ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button a::before, .herosection .herosection-lead-holder .bar-notification .content a .order-progress a::before, .order-progress .herosection .herosection-lead-holder .bar-notification .content a a::before, .bar-notification .content .herosection .herosection-lead-holder a .order-progress a::before, .order-progress .bar-notification .content .herosection .herosection-lead-holder a a::before, .herosection .herosection-lead-holder .generic-button .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .herosection .herosection-lead-holder .generic-button .k-icon::before, .herosection .herosection-lead-holder .admin-header-links a .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .herosection .herosection-lead-holder .admin-header-links a .k-icon::before, .admin-header-links .herosection .herosection-lead-holder a .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links .herosection .herosection-lead-holder a .k-icon::before,
.herosection .herosection-lead-holder .admin-header-links span .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-datepicker .k-picker-wrap.k-state-default > .k-select .herosection .herosection-lead-holder .admin-header-links span .k-icon::before,
.admin-header-links .herosection .herosection-lead-holder span .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-datepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links .herosection .herosection-lead-holder span .k-icon::before, .herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button .k-icon::before, .ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button .k-icon::before, .herosection .herosection-lead-holder .bar-notification .content a .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .herosection .herosection-lead-holder .bar-notification .content a .k-icon::before, .bar-notification .content .herosection .herosection-lead-holder a .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .bar-notification .content .herosection .herosection-lead-holder a .k-icon::before,
.herosection .herosection-lead-holder .generic-button .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .herosection .herosection-lead-holder .generic-button .k-icon::before,
.herosection .herosection-lead-holder .admin-header-links a .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .herosection .herosection-lead-holder .admin-header-links a .k-icon::before,
.admin-header-links .herosection .herosection-lead-holder a .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links .herosection .herosection-lead-holder a .k-icon::before,
.herosection .herosection-lead-holder .admin-header-links span .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .herosection .herosection-lead-holder .admin-header-links span .k-icon::before,
.admin-header-links .herosection .herosection-lead-holder span .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .admin-header-links .herosection .herosection-lead-holder span .k-icon::before,
.herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .herosection .herosection-lead-holder .ui-dialog .ui-dialog-buttonpane .ui-button .k-icon::before,
.ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .ui-dialog .ui-dialog-buttonpane .herosection .herosection-lead-holder .ui-button .k-icon::before,
.herosection .herosection-lead-holder .bar-notification .content a .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .herosection .herosection-lead-holder .bar-notification .content a .k-icon::before,
.bar-notification .content .herosection .herosection-lead-holder a .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .bar-notification .content .herosection .herosection-lead-holder a .k-icon::before {
  background-color: var(--StaticWhite);
}

.blockhome {
  width: 100%;
  height: 708px;
  padding-block: 90px;
  background-color: var(--RandomColor);
}
@media (max-width: 720px) {
  .blockhome {
    height: auto;
    padding-block: 40px;
  }
}
.blockhome .blockhome-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width: 720px) {
  .blockhome .blockhome-wrapper {
    flex-direction: column-reverse;
    gap: 24px;
  }
}
.blockhome .blockhome-lead-holder {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 41.6666666667%;
  margin-left: 8.3333333333%;
  color: var(--VariantWhite);
}
@media (max-width: 1320px) {
  .blockhome .blockhome-lead-holder {
    width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 720px) {
  .blockhome .blockhome-lead-holder {
    width: 100%;
    align-items: flex-start;
  }
}
.blockhome .blockhome-lead-holder .blockhome-title {
  position: relative;
  color: var(--VariantWhite);
}
.blockhome .blockhome-background-img {
  position: absolute;
  right: 0;
  left: auto;
  top: 90px;
  width: calc(50% - 24px);
  height: calc(100% - 180px);
  -o-object-fit: cover;
  object-fit: cover;
  mask-image: url("../img/shapes/homeblock-shape-right.svg");
  -webkit-mask-image: url("../img/shapes/homeblock-shape-right.svg");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center right;
  -webkit-mask-position: center right;
  mask-composite: exclude;
  -webkit-mask-composite: exclude;
}
@media (max-width: 720px) {
  .blockhome .blockhome-background-img {
    position: relative;
    top: auto;
    right: -16px;
    width: calc(100% + 16px);
    max-width: none;
    height: auto;
    mask-size: cover;
    mask-position: 0;
  }
}
.blockhome + .blockhome {
  background-color: var(--StaticBlack);
}
@media (max-width: 720px) {
  .blockhome + .blockhome .blockhome-wrapper {
    flex-direction: column;
  }
}
.blockhome + .blockhome .blockhome-wrapper .blockhome-lead-holder {
  margin-left: 58.3333333333%;
  color: var(--StaticWhite);
}
@media (max-width: 1320px) {
  .blockhome + .blockhome .blockhome-wrapper .blockhome-lead-holder {
    margin-left: 50%;
  }
}
@media (max-width: 720px) {
  .blockhome + .blockhome .blockhome-wrapper .blockhome-lead-holder {
    margin-left: 0;
  }
}
.blockhome + .blockhome .blockhome-wrapper .blockhome-lead-holder .blockhome-title {
  color: var(--StaticWhite);
}
.blockhome + .blockhome .blockhome-wrapper .blockhome-background-img {
  right: auto;
  left: 0;
  mask-image: url("../img/shapes/homeblock-shape-left.svg");
  -webkit-mask-image: url("../img/shapes/homeblock-shape-left.svg");
  mask-position: center left;
  -webkit-mask-position: center left;
}
@media (max-width: 720px) {
  .blockhome + .blockhome .blockhome-wrapper .blockhome-background-img {
    left: -16px;
  }
}

.howitworks {
  width: 100%;
  padding-block: 90px;
  background-color: var(--StaticWhite);
  text-align: center;
}
@media (max-width: 720px) {
  .howitworks {
    padding-block: 40px;
  }
}
.howitworks .howitworks-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.howitworks .howitworks-wrapper .generic-button, .howitworks .howitworks-wrapper .admin-header-links a, .admin-header-links .howitworks .howitworks-wrapper a,
.howitworks .howitworks-wrapper .admin-header-links span,
.admin-header-links .howitworks .howitworks-wrapper span, .howitworks .howitworks-wrapper .ui-dialog .ui-dialog-buttonpane .ui-button, .ui-dialog .ui-dialog-buttonpane .howitworks .howitworks-wrapper .ui-button, .howitworks .howitworks-wrapper .bar-notification .content a, .bar-notification .content .howitworks .howitworks-wrapper a {
  align-self: center;
}
.howitworks .howitworks-wrapper .howitworks-item .howitworks-block-holder {
  position: relative;
  width: 90px;
  height: 90px;
}
.howitworks .howitworks-wrapper .howitworks-item .howitworks-block-holder::before {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  display: inline-block;
  width: 112px;
  height: 90px;
  mask-size: 112px 90px;
  -webkit-mask-size: 112px 90px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--RandomColor);
  vertical-align: text-top;
  border: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  mask-image: url("../img/shapes/1.svg");
}
.howitworks .howitworks-wrapper .howitworks-item .howitworks-block-holder .howitworks-block-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.howitworks .howitworks-wrapper .howitworks-item:first-child .howitworks-block .howitworks-block-holder::before {
  mask-image: url("../img/shapes/1.svg");
}
.howitworks .howitworks-wrapper .howitworks-item:nth-child(2) .howitworks-block-holder::before {
  top: -10px;
  width: 109px;
  height: 112px;
  mask-size: 109px 112px;
  -webkit-mask-size: 109px 112px;
  mask-image: url("../img/shapes/2.svg");
}
.howitworks .howitworks-wrapper .howitworks-item:last-child .howitworks-block-holder::before {
  top: -3px;
  mask-image: url("../img/shapes/3.svg");
}
.howitworks .howitworks-lead-holder .howitworks-block {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 306px;
  margin-inline: auto;
  padding-block: 10px;
  color: var(--StaticBlack);
}
@media (max-width: 720px) {
  .howitworks .howitworks-lead-holder .howitworks-block {
    gap: 16px;
  }
}
.howitworks .howitworks-lead-holder .howitworks-block .howitworks-block-img {
  max-height: 112px;
  width: auto;
}
@media (max-width: 720px) {
  .howitworks .howitworks-lead-holder .howitworks-block .howitworks-block-title {
    font-size: 1.5rem !important;
  }
}

.dualsection {
  display: flex;
  width: 100%;
}
@media (max-width: 1024px) {
  .dualsection {
    flex-direction: column;
  }
}
.dualsection .dualsection-left-holder,
.dualsection .dualsection-right-holder {
  flex: 1 0 0;
  padding-block: 90px;
  text-align: center;
}
@media (max-width: 720px) {
  .dualsection .dualsection-left-holder,
  .dualsection .dualsection-right-holder {
    padding-block: 40px;
  }
}
.dualsection .dualsection-left-holder .dualsection-content,
.dualsection .dualsection-right-holder .dualsection-content {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
}
@media (max-width: 720px) {
  .dualsection .dualsection-left-holder .dualsection-content,
  .dualsection .dualsection-right-holder .dualsection-content {
    gap: 40px;
  }
}
.dualsection .dualsection-left-holder .generic-button, .dualsection .dualsection-left-holder .admin-header-links a, .admin-header-links .dualsection .dualsection-left-holder a,
.dualsection .dualsection-left-holder .admin-header-links span,
.admin-header-links .dualsection .dualsection-left-holder span, .dualsection .dualsection-left-holder .ui-dialog .ui-dialog-buttonpane .ui-button, .ui-dialog .ui-dialog-buttonpane .dualsection .dualsection-left-holder .ui-button, .dualsection .dualsection-left-holder .bar-notification .content a, .bar-notification .content .dualsection .dualsection-left-holder a,
.dualsection .dualsection-right-holder .generic-button,
.dualsection .dualsection-right-holder .admin-header-links a,
.admin-header-links .dualsection .dualsection-right-holder a,
.dualsection .dualsection-right-holder .admin-header-links span,
.admin-header-links .dualsection .dualsection-right-holder span,
.dualsection .dualsection-right-holder .ui-dialog .ui-dialog-buttonpane .ui-button,
.ui-dialog .ui-dialog-buttonpane .dualsection .dualsection-right-holder .ui-button,
.dualsection .dualsection-right-holder .bar-notification .content a,
.bar-notification .content .dualsection .dualsection-right-holder a {
  align-self: center;
}
.dualsection .dualsection-left-holder .dualsection-img,
.dualsection .dualsection-right-holder .dualsection-img {
  width: 482px;
  height: 482px;
  -o-object-fit: cover;
  object-fit: cover;
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-composite: exclude;
  -webkit-mask-composite: exclude;
  margin-bottom: 10px;
}
@media (max-width: 720px) {
  .dualsection .dualsection-left-holder .dualsection-img,
  .dualsection .dualsection-right-holder .dualsection-img {
    width: 280px;
    height: 280px;
  }
}
.dualsection .dualsection-left-holder {
  background-color: var(--RandomColor);
}
.dualsection .dualsection-left-holder #dualleft-title {
  color: var(--VariantWhite);
}
.dualsection .dualsection-left-holder .dualsection-img {
  mask-image: url("../img/shapes/homedual-shape-left.svg");
  -webkit-mask-image: url("../img/shapes/homedual-shape-left.svg");
}
.dualsection .dualsection-right-holder {
  background-color: var(--StaticBlack);
}
.dualsection .dualsection-right-holder #dualright-title {
  color: var(--StaticWhite);
}
.dualsection .dualsection-right-holder .dualsection-img {
  mask-image: url("../img/shapes/homedual-shape-right.svg");
  -webkit-mask-image: url("../img/shapes/homedual-shape-right.svg");
}

.statssection {
  display: flex;
  width: 100%;
  color: var(--StaticWhite);
  background-color: var(--StaticBlack);
}
.statssection .statssection-wrapper {
  display: flex;
  gap: 24px;
}
@media (max-width: 1024px) {
  .statssection .statssection-wrapper {
    flex-direction: column;
    gap: 0;
  }
}
.statssection .statssection-wrapper .statssection-title {
  line-height: normal !important;
}
.statssection .statssection-wrapper .statssection-left-holder,
.statssection .statssection-wrapper .statssection-right-holder {
  display: flex;
  flex-direction: column;
  padding-block: 160px;
}
@media (max-width: 1024px) {
  .statssection .statssection-wrapper .statssection-left-holder,
  .statssection .statssection-wrapper .statssection-right-holder {
    padding-block: 40px;
  }
}
.statssection .statssection-wrapper .statssection-left-holder {
  width: 41.6666666667%;
  gap: 40px;
  margin-left: 8.3333333333%;
}
@media (max-width: 720px) {
  .statssection .statssection-wrapper .statssection-left-holder {
    gap: 24px;
  }
}
@media (max-width: 1320px) {
  .statssection .statssection-wrapper .statssection-left-holder {
    width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .statssection .statssection-wrapper .statssection-left-holder {
    width: 66.6666666667%;
    margin-left: 16.6666666667%;
  }
}
@media (max-width: 720px) {
  .statssection .statssection-wrapper .statssection-left-holder {
    width: 100%;
    margin-left: 0;
    padding-bottom: 0;
  }
}
.statssection .statssection-wrapper .statssection-right-holder {
  flex: 1;
  text-align: center;
}
.statssection .statssection-wrapper .statssection-right-holder * {
  display: block;
}
.statssection .statssection-wrapper .statssection-right-holder small {
  margin-top: 22px;
}
@media (max-width: 720px) {
  .statssection .statssection-wrapper .statssection-right-holder small {
    margin-top: 4px;
  }
}
.statssection .statssection-wrapper .statssection-right-holder span {
  margin-top: 16px;
}
@media (max-width: 720px) {
  .statssection .statssection-wrapper .statssection-right-holder span {
    margin-top: 4px;
  }
}
.statssection .statssection-wrapper .statssection-right-holder strong {
  color: var(--RandomColor);
}
@media (min-width: 1025px) and (max-width: 1320px) {
  .statssection .statssection-wrapper .statssection-right-holder strong {
    font-size: 80px !important;
  }
}
@media (max-width: 720px) {
  .statssection .statssection-wrapper .statssection-right-holder strong {
    font-size: 64px !important;
  }
}
.statssection .statssection-wrapper .statssection-right-holder strong:last-of-type {
  margin-top: 82px;
}
@media (max-width: 720px) {
  .statssection .statssection-wrapper .statssection-right-holder strong:last-of-type {
    margin-top: 32px;
  }
}

.instructorshome {
  background-color: var(--RandomColor);
}
.instructorshome .instructorshome-wrapper {
  display: flex;
  justify-content: center;
  padding-block: 90px;
}
@media (max-width: 720px) {
  .instructorshome .instructorshome-wrapper {
    padding-block: 40px;
  }
}
.instructorshome .instructorshome-wrapper .instructorshome-holder {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(50% - 24px);
  color: var(--VariantWhite);
  text-align: center;
}
@media (max-width: 1024px) {
  .instructorshome .instructorshome-wrapper .instructorshome-holder {
    width: 75%;
  }
}
@media (max-width: 720px) {
  .instructorshome .instructorshome-wrapper .instructorshome-holder {
    width: 100%;
  }
}
.instructorshome .instructorshome-wrapper .instructorshome-holder .instructorshome-title {
  line-height: normal !important;
  letter-spacing: -2.24px !important;
}
.instructorshome .instructorshome-wrapper .instructorshome-holder .instructorshome-txt {
  margin-block: 60px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 720px) {
  .instructorshome .instructorshome-wrapper .instructorshome-holder .instructorshome-txt {
    margin-block: 52px 32px;
  }
}
@media (max-width: 720px) {
  .instructorshome .instructorshome-wrapper .instructorshome-holder .instructorshome-txt *:not(.instructorshome-title) {
    display: none;
  }
}
.instructorshome .instructorshome-wrapper .instructorshome-holder .instructorhome-gallery {
  display: flex;
  gap: 40px;
}
@media (max-width: 720px) {
  .instructorshome .instructorshome-wrapper .instructorshome-holder .instructorhome-gallery {
    gap: 8px;
  }
}
.instructorshome .instructorshome-wrapper .instructorshome-holder .instructorhome-gallery img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
@media (max-width: 720px) {
  .instructorshome .instructorshome-wrapper .instructorshome-holder .instructorhome-gallery img {
    width: 60px;
    height: 60px;
  }
}
.instructorshome .instructorshome-wrapper .instructorshome-holder .instructorhome-gallery .anywhere-slider {
  background: none;
}

.auth .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper {
  padding-bottom: 0;
}
.auth .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .header-menu-parent {
  display: none;
}
.auth .master-wrapper-page .master-header-wrapper .desktop-nav-wrapper .desktop-nav-wrapper-inner .responsive-nav-wrapper-parent .responsive-nav-wrapper {
  display: none;
}
.auth .master-wrapper-page .auth-page {
  display: flex;
  justify-content: space-between;
  padding-block: 50px 80px;
}
@media (max-width: 720px) {
  .auth .master-wrapper-page .auth-page {
    padding-block: 24px;
  }
}
.auth .master-wrapper-page .auth-page .auth-img-wrapper {
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
}
.auth .master-wrapper-page .auth-page .auth-img-wrapper .auth-img-holder {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.auth .master-wrapper-page .auth-page .auth-img-wrapper .auth-img-holder > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mask-image: url("../img/shapes/login-shape.svg");
  -webkit-mask-image: url("../img/shapes/login-shape.svg");
  mask-size: 100%;
  -webkit-mask-size: 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: bottom right;
  -webkit-mask-position: bottom right;
  mask-composite: exclude;
  -webkit-mask-composite: exclude;
}
.auth .master-wrapper-page .auth-page .auth-content-wrapper {
  flex: 1;
  max-width: 491px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1320px) {
  .auth .master-wrapper-page .auth-page .auth-content-wrapper {
    max-width: calc(50% - 12px);
  }
}
@media (max-width: 1024px) {
  .auth .master-wrapper-page .auth-page .auth-content-wrapper {
    max-width: 491px;
    margin-inline: auto;
  }
}
@media (max-width: 720px) {
  .auth .master-wrapper-page .auth-page .auth-content-wrapper {
    max-width: 100%;
  }
}
.auth .master-wrapper-page .auth-page .auth-content-wrapper .form-fields {
  gap: 24px;
}
.auth .master-wrapper-page .auth-page .auth-content-wrapper .form-fields .inputs label {
  color: var(--ThemeBlack);
}
@media (max-width: 1024px) {
  .auth .master-wrapper-page .auth-page .auth-content-wrapper .form-fields #gender {
    flex-direction: column;
  }
}
.auth .master-wrapper-page .auth-page .external-authentication {
  overflow: hidden;
  text-align: center;
}
.auth .master-wrapper-page .auth-page .external-authentication .title {
  display: none;
}
.auth .master-wrapper-page .auth-page .external-authentication fieldset {
  float: none !important;
}
.auth .master-wrapper-page .auth-page .date-picker-wrapper {
  display: flex;
  gap: 16px;
}
@media (max-width: 720px) {
  .auth .master-wrapper-page .auth-page .date-picker-wrapper {
    gap: 8px;
  }
}
.auth .master-wrapper-page .auth-page .date-picker-wrapper select {
  flex: 1 0 0;
}
.auth .master-wrapper-page .auth-page .phone-inputs-wrapper {
  gap: 0 !important;
}
.auth .master-wrapper-page .auth-page .phone-inputs-wrapper .inputs {
  flex: 1;
}
.auth .master-wrapper-page .auth-page .phone-inputs-wrapper .inputs input {
  border-radius: 0 60px 60px 0;
}
.auth .master-wrapper-page .auth-page .phone-inputs-wrapper .inputs:first-child {
  flex: 0 0 100%;
  max-width: 120px;
}
.auth .master-wrapper-page .auth-page .phone-inputs-wrapper .inputs:first-child select {
  border-radius: 60px 0 0 60px;
}

.product-details-page .productTabs {
  position: relative;
  padding-block: 86px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 720px) {
  .product-details-page .productTabs {
    padding-block: 40px 0;
    gap: 32px;
  }
}
.product-details-page .productTabs.ui-tabs .ui-tabs-anchor {
  color: var(--VariantWhite);
  pointer-events: none;
}
.product-details-page .productTabs.ui-tabs .form-fields {
  margin-bottom: 32px;
}
@media (max-width: 720px) {
  .product-details-page .productTabs.ui-tabs .form-fields {
    margin-bottom: 24px;
  }
}
.product-details-page .product-essential {
  display: flex;
  margin-bottom: 120px;
}
@media (max-width: 1320px) {
  .product-details-page .product-essential {
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .product-details-page .product-essential {
    margin-bottom: 64px;
  }
}
@media (max-width: 720px) {
  .product-details-page .product-essential {
    flex-direction: column;
    margin-bottom: 32px;
  }
}
.product-details-page .product-essential .product-essential-left {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 0 0 306px;
  max-width: 306px;
  align-self: flex-start;
}
@media (min-width: 721px) {
  .product-details-page .product-essential .product-essential-left {
    position: sticky;
    top: 0;
  }
}
@media (max-width: 720px) {
  .product-details-page .product-essential .product-essential-left {
    flex: 0 0 100%;
    gap: 32px;
    max-width: none;
    width: 100%;
    margin-left: 0;
  }
}
.product-details-page .product-essential .product-essential-left .gallery {
  width: 100%;
  float: none;
  margin-bottom: 0;
}
.product-details-page .product-essential .product-essential-left .gallery .picture {
  position: relative;
  width: 100%;
  padding-top: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  font-size: 0;
}
.product-details-page .product-essential .product-essential-left .gallery .picture img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-details-page .product-essential .product-essential-left .price-holder {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-details-page .product-essential .product-essential-left .price-holder .tier-tag {
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
}
.product-details-page .product-essential .product-essential-left .prices .product-price {
  color: var(--ThemeBlack);
}
.product-details-page .product-essential .product-essential-left .product-buttons-wrapper {
  width: 100%;
}
@media (max-width: 720px) {
  .product-details-page .product-essential .product-essential-left .product-buttons-wrapper {
    order: 1;
  }
}
.product-details-page .product-essential .product-essential-left .product-buttons-wrapper .generic-button, .product-details-page .product-essential .product-essential-left .product-buttons-wrapper .admin-header-links a, .admin-header-links .product-details-page .product-essential .product-essential-left .product-buttons-wrapper a,
.product-details-page .product-essential .product-essential-left .product-buttons-wrapper .admin-header-links span,
.admin-header-links .product-details-page .product-essential .product-essential-left .product-buttons-wrapper span, .product-details-page .product-essential .product-essential-left .product-buttons-wrapper .ui-dialog .ui-dialog-buttonpane .ui-button, .ui-dialog .ui-dialog-buttonpane .product-details-page .product-essential .product-essential-left .product-buttons-wrapper .ui-button, .product-details-page .product-essential .product-essential-left .product-buttons-wrapper .bar-notification .content a, .bar-notification .content .product-details-page .product-essential .product-essential-left .product-buttons-wrapper a {
  width: 100%;
}
.product-details-page .product-essential .product-essential-left .product-buttons-wrapper .add-to-cart-button::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  mask-size: 24px 24px;
  -webkit-mask-size: 24px 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../img/icon-cart.svg");
  mask-image: url("../img/icon-cart.svg");
  background-color: var(--VariantWhite);
  vertical-align: text-top;
  flex: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.product-details-page .product-essential .product-essential-right {
  flex: 1;
  margin-left: calc(8.3333333333% + 26px);
  max-width: calc(91.6666666667% - 26px - 306px);
}
@media (max-width: 720px) {
  .product-details-page .product-essential .product-essential-right {
    flex: 0 0 100%;
    max-width: none;
    width: 100%;
    margin-left: 0;
  }
}
.product-details-page .product-essential .product-essential-right .page-title {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 0;
}
.product-details-page .product-essential .product-essential-right .page-title .instructor-level {
  flex: 0 0 auto;
}
.product-details-page .product-essential .product-essential-right .overview {
  display: flex;
  flex-direction: column;
  gap: 56px;
  width: 100%;
}
@media (max-width: 720px) {
  .product-details-page .product-essential .product-essential-right .overview {
    gap: 32px;
  }
}
.product-details-page .product-essential .product-essential-right .overview .product-detail-card {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 40px;
  border-radius: 20px;
  background: var(--BackgroundWhite);
}
@media (max-width: 720px) {
  .product-details-page .product-essential .product-essential-right .overview .product-detail-card {
    gap: 16px;
    padding: 24px;
  }
}
.product-details-page .product-essential .product-essential-right .overview .product-detail-card .details-holder {
  display: flex;
  gap: 16px;
}
.product-details-page .product-essential .product-essential-right .overview .product-detail-card .details-holder .details-txt {
  flex: 1;
  display: flex;
  gap: 24px;
}
@media (max-width: 720px) {
  .product-details-page .product-essential .product-essential-right .overview .product-detail-card .details-holder .details-txt {
    flex-direction: column;
    gap: 8px;
  }
}
.product-details-page .product-essential .product-essential-right .overview .product-detail-card .details-holder .details-txt .group-left {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 0 0;
}
.product-details-page .product-essential .product-essential-right .overview .product-detail-card .details-holder .details-txt .group-right {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1 0 0;
}
@media (max-width: 720px) {
  .product-details-page .product-essential .product-essential-right .overview .product-detail-card .details-holder .details-txt .group-right {
    gap: 8px;
  }
}
.product-details-page .product-essential .product-essential-right .overview .product-detail-card .details-holder .details-txt .group-right .info-prod {
  display: flex;
  flex-direction: column;
}
.product-details-page .product-essential .product-essential-right .overview .product-detail-card .details-holder .details-map {
  flex: 0 0 340px;
  width: 340px;
}
@media (max-width: 1320px) {
  .product-details-page .product-essential .product-essential-right .overview .product-detail-card .details-holder .details-map {
    display: none;
  }
}
.product-details-page .product-essential .product-essential-right .overview .product-detail-card .details-holder .details-map iframe {
  width: 100%;
  max-height: 191px;
  border-radius: 20px;
}
.product-details-page .product-essential .product-essential-right .overview .product-detail-description {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product-details-page .product-essential .product-essential-right .overview .attributes dt {
  margin-bottom: 24px;
}
.product-details-page .product-essential .product-essential-right .overview .attributes dt .text-prompt {
  margin-bottom: 24px;
}
.product-details-page .product-essential .product-essential-right .overview .attributes dt .attribute-description {
  padding-block: 8px 16px;
}
.product-details-page .product-essential .product-essential-right .overview .giftcard-inputs {
  flex-direction: column;
}
@media (min-width: 1200px) {
  .product-details-page .product-essential .product-essential-right .overview .giftcard-inputs {
    flex-direction: row;
  }
}
.product-details-page .product-essential .product-essential-right .overview .giftcard .inputs label {
  color: var(--ThemeBlack);
}
.product-details-page .product-essential .product-essential-right .product-social-buttons {
  display: flex;
  align-items: center;
  gap: 48px;
}
.product-details-page .product-essential .product-essential-right .product-social-buttons .product-social-buttons-holder {
  display: flex;
  align-items: center;
  gap: 16px;
}
.product-details-page .product-essential .product-essential-right .product-social-buttons .product-social-buttons-holder ul {
  display: flex;
  align-items: center;
  gap: 24px;
}
.product-details-page .product-essential .product-essential-right .product-social-buttons .email-friend-wrapper .email-a-friend {
  display: flex;
  align-items: center;
  gap: 16px;
}
.product-details-page .product-essential .product-essential-right .product-social-buttons .email-friend-wrapper .email-a-friend .email-a-friend-button {
  display: inline-block;
  width: 24px;
  height: 24px;
  mask-size: 24px 24px;
  -webkit-mask-size: 24px 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--ThemeBlack);
  vertical-align: text-top;
  flex: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  mask-image: url("../img/icon-mail.svg");
  -webkit-mask-image: url("../img/icon-mail.svg");
}
.product-details-page .product-variant-holder {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 24px;
}
.product-details-page .product-variant-holder #product-variant-lines {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 8px;
}
@media (max-width: 1320px) {
  .product-details-page .product-variant-holder #product-variant-lines {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  .product-details-page .product-variant-holder #product-variant-lines {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.product-details-page .product-variant-holder #product-variant-lines .product-variant-line .variant-overview_ {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  background-color: var(--BackgroundWhite);
  border-radius: 20px;
}

.details-txt-group {
  display: flex;
  align-items: start;
  gap: 8px;
}
.details-txt-group .salsationicon, .details-txt-group .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .details-txt-group span, .details-txt-group .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .details-txt-group .k-window-action, .details-txt-group .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .details-txt-group button, .details-txt-group .order-progress a::before, .order-progress .details-txt-group a::before, .details-txt-group .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .details-txt-group .k-icon::before,
.details-txt-group .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .details-txt-group .k-icon::before {
  margin-top: 3px;
}

.attributes .option-list .attribute-item--holder {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  background-color: var(--BackgroundWhite);
  border-radius: 20px;
}
.attributes .option-list .attribute-item--holder .description:empty {
  display: none;
}

.tier-prices {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 56px 0;
}
@media (max-width: 720px) {
  .tier-prices {
    margin-block: 0;
  }
}
.tier-prices .title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tier-prices .title::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  mask-size: 20px 20px;
  -webkit-mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../img/icon-sell.svg");
  mask-image: url("../img/icon-sell.svg");
  background-color: var(--ThemeBlack);
  vertical-align: text-top;
  flex: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.tier-prices .prices-table {
  overflow: hidden;
}
.tier-prices .prices-table tr:last-of-type th,
.tier-prices .prices-table tr:last-of-type td {
  border: none;
}
.tier-prices .prices-table tr th {
  padding: 0 8px;
}
.tier-prices .prices-table tr th:first-of-type {
  padding-left: 0;
}
.tier-prices .prices-table tr th:last-of-type {
  width: 100%;
  padding-right: 0;
  text-align: right;
  text-transform: uppercase;
}
.tier-prices .prices-table tr td {
  padding: 20px 8px;
  white-space: nowrap;
  border-bottom: 1px solid rgba(var(--ThemeBlack-RGB), 0.3);
}
.tier-prices .prices-table tr td:first-of-type {
  padding-left: 0;
}
.tier-prices .prices-table tr td:last-of-type {
  width: 100%;
  padding-right: 0;
  text-align: right;
  text-transform: uppercase;
}
.tier-prices .prices-table tr td input[type=text]:not(.alt-input) {
  width: 100%;
  height: 60px;
  padding: 18px 16px;
  font-family: var(--defaultFont);
  border-radius: 40px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  background-color: rgba(var(--ThemeBlack-RGB), 0.1);
  border: 1px solid rgba(var(--ThemeBlack-RGB), 0.15);
  color: var(--ThemeBlack);
}
.tier-prices .prices-table tr td input[type=text]:not(.alt-input)::placeholder {
  color: var(--ThemeBlack);
  opacity: 0.6;
}
.tier-prices .prices-table tr td input[type=text]:not(.alt-input):focus {
  border-color: var(--ThemeBlack);
}
.tier-prices .prices-table tr td input[type=text]:not(.alt-input).input-validation-error {
  border: 2px solid var(--Alerts-Red-alert);
}

.product-details-page .prices label {
  display: none;
}

.product-details-page .old-product-price,
.product-details-page .non-discounted-price {
  font-size: 20px;
  color: #bbb;
}

.product-details-page .old-product-price span,
.product-details-page .non-discounted-price span {
  position: relative;
}

.product-details-page .old-product-price span:after,
.product-details-page .non-discounted-price span:after {
  content: "";
  position: absolute;
  width: 70px;
  max-width: 120%;
  height: 18px;
  background: url("../img/line-through-big.png") center no-repeat;
  opacity: 0.3;
}

.product-details-page .rental-price {
  vertical-align: middle;
  font-size: 16px;
  color: #bbb;
}

.product-details-page .rental-price + .product-price,
.product-details-page .rental-price ~ .tax-shipping-info {
  vertical-align: middle;
}

.product-details-page .prices .tax-shipping-info,
.product-details-page .prices .base-price-pangv {
  color: #aaa;
}

.vendor-page-body .vendor-container {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8.3333333333% + 26px);
  margin-block: 36px 120px;
}
@media (max-width: 720px) {
  .vendor-page-body .vendor-container {
    flex-direction: column;
  }
}
.vendor-page-body .vendor-container .vendor-left {
  display: flex;
  flex-direction: column;
  gap: 48px;
  flex: 0 0 306px;
  max-width: 306px;
}
@media (max-width: 1024px) {
  .vendor-page-body .vendor-container .vendor-left {
    flex: 0 0 200px;
    max-width: 200px;
  }
}
@media (max-width: 720px) {
  .vendor-page-body .vendor-container .vendor-left {
    flex: 0 0 100%;
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
}
.vendor-page-body .vendor-container .vendor-left .vendor-photo {
  position: relative;
  width: 100%;
  padding-top: 91.5%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  font-size: 0;
}
.vendor-page-body .vendor-container .vendor-left .vendor-photo img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vendor-page-body .vendor-container .vendor-left .vendor-details {
  margin-top: -24px;
}
.vendor-page-body .vendor-container .vendor-left .vendor-buttons-wrapper {
  width: 100%;
}
.vendor-page-body .vendor-container .vendor-left .vendor-buttons-wrapper .generic-button, .vendor-page-body .vendor-container .vendor-left .vendor-buttons-wrapper .admin-header-links a, .admin-header-links .vendor-page-body .vendor-container .vendor-left .vendor-buttons-wrapper a,
.vendor-page-body .vendor-container .vendor-left .vendor-buttons-wrapper .admin-header-links span,
.admin-header-links .vendor-page-body .vendor-container .vendor-left .vendor-buttons-wrapper span, .vendor-page-body .vendor-container .vendor-left .vendor-buttons-wrapper .ui-dialog .ui-dialog-buttonpane .ui-button, .ui-dialog .ui-dialog-buttonpane .vendor-page-body .vendor-container .vendor-left .vendor-buttons-wrapper .ui-button, .vendor-page-body .vendor-container .vendor-left .vendor-buttons-wrapper .bar-notification .content a, .bar-notification .content .vendor-page-body .vendor-container .vendor-left .vendor-buttons-wrapper a {
  width: 100%;
}
.vendor-page-body .vendor-container .vendor-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.vendor-page-body .vendor-container .vendor-right .vendor-attributes {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.vendor-page-body .vendor-container .vendor-right .vendor-attributes .vendor-attributes-holder {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .vendor-page-body .vendor-container .vendor-right .vendor-attributes .vendor-attributes-holder {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}
.vendor-page-body .vendor-container .vendor-right .vendor-attributes .vendor-attributes-holder .vendor-attribute-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.vendor-page-body .vendor-container .vendor-right .vendor-attributes .vendor-attributes-holder .vendor-attribute-item .vendor-attribute-img-holder {
  flex: 0 0 160px;
  width: 160px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 720px) {
  .vendor-page-body .vendor-container .vendor-right .vendor-attributes .vendor-attributes-holder .vendor-attribute-item .vendor-attribute-img-holder {
    flex: 0 0 140px;
    width: 140px;
  }
}
.vendor-page-body .vendor-container .vendor-right .vendor-attributes .vendor-attributes-holder .vendor-attribute-item .vendor-attribute-img-holder::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(var(--StaticBlack-RGB), 0.15);
  z-index: -1;
}
.vendor-page-body .vendor-container .vendor-right .vendor-attributes .vendor-attributes-holder .vendor-attribute-item .vendor-attribute-img-holder img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.vendor-page-body .vendor-container .vendor-right .vendor-attributes .vendor-attributes-holder .vendor-attribute-item .vendor-attribute-img-holder .vendor-program {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: var(--StaticWhite);
}
.vendor-page-body .vendor-container .vendor-right .vendor-detail-description {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.featuring-events-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 40px;
}
.featuring-events-section .product-selectors .product-viewmode {
  display: block;
}
.featuring-events-section .grid-list .item-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}
@media (min-width: 721px) {
  .featuring-events-section .grid-list .item-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1025px) {
  .featuring-events-section .grid-list .item-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1321px) {
  .featuring-events-section .grid-list .item-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.air-theme:not(.blog-pages-body) .trouper-holder img {
  filter: invert(1);
}

.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .page-title {
  margin-bottom: 0;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper {
  margin-top: 0;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page {
  margin: 0 0 60px;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .message-error {
  margin: 0 0 30px;
  text-align: center;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .selected-checkout-attributes {
  display: none;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .btn-holder {
  margin-block: -65px 58px;
}
@media (max-width: 1024px) {
  .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .btn-holder {
    margin-top: 0;
  }
}
@media (max-width: 720px) {
  .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .btn-holder {
    flex-direction: column;
    margin-bottom: 24px;
  }
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-options .checkout-attributes {
  margin: 40px 0;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-options .checkout-attributes dt {
  margin: 0 0 5px;
  font-weight: 400;
  color: #555;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-options .checkout-attributes dd {
  margin: 0 0 15px;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-options .checkout-attributes dd li {
  display: inline-block;
  margin: 5px;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-options .checkout-attributes select {
  min-width: 200px;
  max-width: 94%;
  margin: 5px 0;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-options .checkout-attributes .attribute-squares li {
  margin: 5px 0;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-options .selected-checkout-attributes {
  margin: 20px 0;
}
@media (max-width: 1024px) {
  .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-container {
    flex-direction: column;
  }
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .table-wrapper {
  width: 75%;
}
@media (max-width: 1024px) {
  .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .table-wrapper {
    width: 100%;
  }
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart {
  margin-top: -16px;
  border-spacing: 0 16px;
  border-collapse: separate;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .cart-item-row {
  vertical-align: top;
  overflow: hidden;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .cart-item-row td {
  background-color: var(--BackgroundWhite);
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .cart-item-row td:last-child {
  padding-right: 40px;
  border-radius: 0 16px 16px 0;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart td {
  min-width: 140px;
  border: none;
  padding: 40px 16px;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .product {
  text-align: left;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .product .attributes {
  margin-top: 16px;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .remove-from-cart,
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .add-to-cart {
  min-width: auto;
  padding-left: 40px;
  border-radius: 16px 0 0 16px;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .product-picture {
  text-align: center;
  font-size: 0;
}
@media (max-width: 720px) {
  .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .product-picture {
    min-width: 0;
    padding-inline: 0;
  }
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .product-picture a {
  display: inline-block;
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .product-picture a {
    width: 0;
    height: 0;
  }
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .product-picture img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .edit-item a {
  font-weight: 400;
  color: #f74258;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .edit-item a:hover {
  text-decoration: underline;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .message-error {
  margin: 0 !important;
  text-align: left !important;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .quantity {
  text-align: center;
  white-space: nowrap;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .quantity select {
  min-width: 80px;
  background-color: var(--Background-Page);
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .increase,
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .decrease {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #bbb;
  background-image: url("../img/table-sprite.png");
  background-repeat: no-repeat;
  vertical-align: middle;
  font-size: 0;
  cursor: pointer;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .increase {
  background-position: left center;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .decrease {
  background-position: right center;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .unit-price {
  font-weight: 400;
  white-space: nowrap;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .qty-input {
  width: 50px;
  height: 40px;
  margin: 0 8px;
  text-align: center;
  font-size: 14px !important;
  font-weight: 400;
  color: #333;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .qty-dropdown {
  width: 60px;
  font-size: 14px !important;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .subtotal {
  font-weight: 400;
  white-space: nowrap;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .subtotal .discount {
  white-space: normal;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart .discount-additional-info {
  font-size: 14px;
  font-weight: 300;
  margin: 5px 0 0;
  white-space: normal;
  color: #888;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-box {
  width: 100%;
  padding: 24px;
  background-color: var(--BackgroundWhite);
  border-radius: 20px;
  overflow: hidden;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 25%;
}
@media (max-width: 1024px) {
  .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer {
    width: 100%;
    flex-direction: row;
  }
}
@media (max-width: 720px) {
  .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .totals {
    flex: 1;
  }
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .total-info .cart-total .cart-total-right {
  text-align: right;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .total-info .cart-total tbody tr td {
  padding: 8px 0;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .total-info .cart-total tbody tr:first-child {
  border-bottom: 1px solid var(--Text-Dividers);
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .total-info .cart-total tbody tr:first-child td {
  padding-block: 0 24px;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .total-info .cart-total tbody tr:first-child + tr td {
  padding-top: 24px;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .terms-of-service {
  padding-block: 20px 8px;
  border-top: 1px solid var(--Text-Dividers);
}
@media (max-width: 1024px) {
  .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals {
    flex: 1;
  }
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title .salsationicon, .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title span, .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title .k-window-action, .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title button, .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title .order-progress a::before, .order-progress .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title a::before, .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title .k-icon::before,
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title .k-icon::before {
  transition: all 0.3s ease-in-out;
}
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title.closed .salsationicon, .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title.closed .nopAjaxFilters7Spikes .close-filters span, .nopAjaxFilters7Spikes .close-filters .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title.closed span, .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title.closed .ajaxFilters.k-window.k-widget .k-header .k-window-action, .ajaxFilters.k-window.k-widget .k-header .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title.closed .k-window-action, .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title.closed .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title.closed button, .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title.closed .order-progress a::before, .order-progress .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title.closed a::before, .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title.closed .k-datepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before, .k-datepicker .k-picker-wrap.k-state-default > .k-select .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title.closed .k-icon::before,
.shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title.closed .k-timepicker .k-picker-wrap.k-state-default > .k-select .k-icon::before,
.k-timepicker .k-picker-wrap.k-state-default > .k-select .shopping-cart-page-body .master-wrapper-page .master-wrapper-content .master-column-wrapper .shopping-cart-page .cart-footer .cart-collaterals .title.closed .k-icon::before {
  transform: rotate(180deg);
}

.shopping-cart-page .quick-buy {
  background-color: var(--White-Transparency-15);
  border-radius: 12px;
  margin-bottom: 80px;
  padding: 40px;
  gap: 64px;
}
.shopping-cart-page .quick-buy table thead th {
  padding: 8px 16px;
}
.shopping-cart-page .quick-buy table tbody td {
  padding: 24px;
}
.shopping-cart-page .quick-buy .footable-first-column {
  background-color: unset;
}
.shopping-cart-page .quick-buy .total-info .cart-total .cart-total-right {
  text-align: right;
}
.shopping-cart-page .quick-buy .total-info .cart-total tbody tr td {
  padding: 8px 0;
}
.shopping-cart-page .quick-buy .total-info .cart-total tbody tr:first-child {
  border-bottom: 1px solid var(--Text-Dividers);
}
.shopping-cart-page .quick-buy .total-info .cart-total tbody tr:first-child td {
  padding-block: 0 24px;
}
.shopping-cart-page .quick-buy .total-info .cart-total tbody tr:first-child + tr td {
  padding-top: 24px;
}
.shopping-cart-page .quick-buy .addon-buttons p {
  font-family: var(--defaultFont);
  font-size: var(--font-size--body-2);
}

.cart-total .giftcard-remaining {
  display: none;
}

.topic-page-body .master-wrapper-page .master-wrapper-content .page-title,
.topic-page-body .master-wrapper-page .master-wrapper-content .center-1,
.html-contact-page .master-wrapper-page .master-wrapper-content .page-title,
.html-contact-page .master-wrapper-page .master-wrapper-content .center-1,
.html-email-a-friend-page .master-wrapper-page .master-wrapper-content .page-title,
.html-email-a-friend-page .master-wrapper-page .master-wrapper-content .center-1 {
  max-width: calc(66.6666666667% - 24px);
  margin-inline: auto;
}
@media (max-width: 1320px) {
  .topic-page-body .master-wrapper-page .master-wrapper-content .page-title,
  .topic-page-body .master-wrapper-page .master-wrapper-content .center-1,
  .html-contact-page .master-wrapper-page .master-wrapper-content .page-title,
  .html-contact-page .master-wrapper-page .master-wrapper-content .center-1,
  .html-email-a-friend-page .master-wrapper-page .master-wrapper-content .page-title,
  .html-email-a-friend-page .master-wrapper-page .master-wrapper-content .center-1 {
    max-width: calc(83.3333333333% - 24px);
  }
}
@media (max-width: 720px) {
  .topic-page-body .master-wrapper-page .master-wrapper-content .page-title,
  .topic-page-body .master-wrapper-page .master-wrapper-content .center-1,
  .html-contact-page .master-wrapper-page .master-wrapper-content .page-title,
  .html-contact-page .master-wrapper-page .master-wrapper-content .center-1,
  .html-email-a-friend-page .master-wrapper-page .master-wrapper-content .page-title,
  .html-email-a-friend-page .master-wrapper-page .master-wrapper-content .center-1 {
    max-width: 100%;
  }
}
.topic-page-body .master-wrapper-page .master-wrapper-content .page-body,
.html-contact-page .master-wrapper-page .master-wrapper-content .page-body,
.html-email-a-friend-page .master-wrapper-page .master-wrapper-content .page-body {
  margin-bottom: 120px;
}
@media (max-width: 1024px) {
  .topic-page-body .master-wrapper-page .master-wrapper-content .page-body,
  .html-contact-page .master-wrapper-page .master-wrapper-content .page-body,
  .html-email-a-friend-page .master-wrapper-page .master-wrapper-content .page-body {
    margin-bottom: 64px;
  }
}
@media (max-width: 720px) {
  .topic-page-body .master-wrapper-page .master-wrapper-content .page-body,
  .html-contact-page .master-wrapper-page .master-wrapper-content .page-body,
  .html-email-a-friend-page .master-wrapper-page .master-wrapper-content .page-body {
    margin-bottom: 32px;
  }
}
.topic-page-body .master-wrapper-page .master-wrapper-content .page-body a,
.html-contact-page .master-wrapper-page .master-wrapper-content .page-body a,
.html-email-a-friend-page .master-wrapper-page .master-wrapper-content .page-body a {
  text-decoration: underline;
}
.topic-page-body .master-wrapper-page .master-wrapper-content .page-body p img,
.html-contact-page .master-wrapper-page .master-wrapper-content .page-body p img,
.html-email-a-friend-page .master-wrapper-page .master-wrapper-content .page-body p img {
  height: auto;
  margin-bottom: 40px;
}
.topic-page-body .master-wrapper-page .master-wrapper-content .page-body iframe,
.html-contact-page .master-wrapper-page .master-wrapper-content .page-body iframe,
.html-email-a-friend-page .master-wrapper-page .master-wrapper-content .page-body iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper {
  margin-top: 24px;
  gap: 24px;
}
@media (max-width: 1024px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper {
    flex-direction: column;
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .side-2 {
  display: none !important;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .center-2 {
  margin-top: 0;
  margin-left: 0;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .center-2 .page-title {
  margin-block: 0 32px;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .center-2 .page {
  margin-bottom: 120px;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .account-page .fieldset .inputs label {
  color: var(--ThemeBlack);
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .change-password-page .fieldset .form-fields {
  flex-direction: row;
}
@media (max-width: 1024px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .change-password-page .fieldset .form-fields {
    flex-direction: column;
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .change-password-page .fieldset .inputs label {
  color: var(--ThemeBlack);
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results {
  border-radius: 20px;
  overflow: hidden;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-header .participants-results-header-item {
  padding: 8px;
  white-space: nowrap;
  min-width: 50px;
  color: var(--ThemeWhite);
}
@media (min-width: 1025px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--BackgroundWhite);
    z-index: -1;
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item {
  margin-bottom: 0;
  clear: both;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value {
  vertical-align: middle;
  min-width: 50px;
}
@media (max-width: 1024px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 12px 16px;
    background: var(--BackgroundWhite);
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value.participants-results-item-attended, .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value.participants-results-item-icon.payment, .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value.participants-results-item-icon.exchange, .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value.participants-results-item-icon.delete, .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value.participants-results-item-instructor {
    justify-content: center;
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value.participants-results-item-attended:empty, .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value.participants-results-item-icon.payment:empty, .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value.participants-results-item-icon.exchange:empty, .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value.participants-results-item-icon.delete:empty, .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value.participants-results-item-instructor:empty {
    display: none;
  }
}
@media (max-width: 1024px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value .participants-results-item-value-content {
    flex: 1;
    text-align: right;
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item:first-child .participants-results-item-value {
  position: relative;
}
@media (min-width: 1025px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item:first-child .participants-results-item-value:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 100vh;
    background-color: var(--Transparencies-Table-Dividers-TableCells);
    transform: translateY(-50%);
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item:first-child .participants-results-item-value:not(:first-child).participants-results-item-icon ~ .participants-results-item-icon::before {
    display: none;
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item:not(:first-child) {
  border-top: 1px solid var(--Transparencies-Table-Dividers-TableCells);
}
@media (min-width: 1025px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results {
    position: relative;
    display: table;
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results::after {
    content: "";
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--ThemeBlack);
    z-index: -1;
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-header .participants-results-header-item {
    display: table-cell;
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list {
    display: table-row-group;
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item {
    display: table-row;
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value {
    display: table-cell;
    padding: 8px;
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-list .participants-results-item .participants-results-item-value:last-child {
    padding-right: 24px;
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-item-value .participants-results-header-item {
    display: none;
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-item-order,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-item-level,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-item-location {
    width: 60px;
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-item-icon {
    width: 50px;
    text-align: center;
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-item-attended {
    width: 120px;
    min-width: 120px !important;
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-item-instructor {
    width: 135px;
  }
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-item-name,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .participants-results .participants-results-item-amount {
    width: 20%;
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .table-box-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 40px;
  border-radius: 20px;
  background-color: var(--BackgroundWhite);
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .table-box-info .table-box-info-holder {
  display: grid;
  width: 50%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
}
@media (max-width: 720px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .table-box-info .table-box-info-holder {
    width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 1320px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .image-block-direction,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .image-block-direction,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .image-block-direction,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .image-block-direction {
    flex-direction: column;
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .image-block,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .image-block,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .image-block,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .image-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 350px;
  flex: 0 0 350px;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .image-block .image-holder,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .image-block .image-holder,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .image-block .image-holder,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .image-block .image-holder {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 16px;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .image-block .image-holder:hover .choose-file,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .image-block .image-holder:hover .choose-file,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .image-block .image-holder:hover .choose-file,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .image-block .image-holder:hover .choose-file {
  opacity: 1;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .image-block .image-holder .choose-file,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .image-block .image-holder .choose-file,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .image-block .image-holder .choose-file,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .image-block .image-holder .choose-file {
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Black-Transparent-15);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .image-block .image-holder .image,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .image-block .image-holder .image,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .image-block .image-holder .image,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .image-block .image-holder .image {
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .image-block .image-holder .image img,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .image-block .image-holder .image img,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .image-block .image-holder .image img,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .image-block .image-holder .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset {
  display: flex;
  padding: 40px;
  flex-direction: column;
  gap: 40px;
  border-radius: 20px;
  background: var(--BackgroundWhite);
}
@media (max-width: 720px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset {
    padding: 16px;
    gap: 24px !important;
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .form-fields .inputs label,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .form-fields .inputs label,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .form-fields .inputs label,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .form-fields .inputs label {
  color: var(--ThemeBlack);
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .form-fields.grid,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .form-fields.grid,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .form-fields.grid,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .form-fields.grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 56px;
}
@media (max-width: 720px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .form-fields,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .form-fields,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .form-fields,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .form-fields {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }
}
@media (min-width: 1321px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .form-fields.identification-selectors,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .form-fields.identification-selectors,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .form-fields.identification-selectors,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .form-fields.identification-selectors {
    max-width: calc(100% - 350px - 56px);
  }
}
@media (max-width: 1320px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .form-fields.identification-selectors,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .form-fields.identification-selectors,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .form-fields.identification-selectors,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .form-fields.identification-selectors {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 32px;
  }
}
@media (max-width: 720px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .form-fields.identification-selectors,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .form-fields.identification-selectors,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .form-fields.identification-selectors,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .form-fields.identification-selectors {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .date-picker-wrapper,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .date-picker-wrapper,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .date-picker-wrapper,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .date-picker-wrapper {
  display: flex;
  gap: 16px;
}
@media (max-width: 720px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .date-picker-wrapper,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .date-picker-wrapper,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .date-picker-wrapper,
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .date-picker-wrapper {
    gap: 8px;
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .date-picker-wrapper select,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .date-picker-wrapper select,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .date-picker-wrapper select,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .date-picker-wrapper select {
  flex: 1 0 0;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .phone-inputs-wrapper,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .phone-inputs-wrapper,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .phone-inputs-wrapper,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .phone-inputs-wrapper {
  gap: 0 !important;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .phone-inputs-wrapper .inputs,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .phone-inputs-wrapper .inputs,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .phone-inputs-wrapper .inputs,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .phone-inputs-wrapper .inputs {
  flex: 1;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .phone-inputs-wrapper .inputs input,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .phone-inputs-wrapper .inputs input,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .phone-inputs-wrapper .inputs input,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .phone-inputs-wrapper .inputs input {
  border-radius: 0 60px 60px 0;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .phone-inputs-wrapper .inputs:first-child,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .phone-inputs-wrapper .inputs:first-child,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .phone-inputs-wrapper .inputs:first-child,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .phone-inputs-wrapper .inputs:first-child {
  flex: 0 0 100%;
  max-width: 120px;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .fieldset .phone-inputs-wrapper .inputs:first-child select,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .fieldset .phone-inputs-wrapper .inputs:first-child select,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .fieldset .phone-inputs-wrapper .inputs:first-child select,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .fieldset .phone-inputs-wrapper .inputs:first-child select {
  border-radius: 60px 0 0 60px;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .personaldetails .address-holder,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .address-holder,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateclasses .address-holder,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .createupdateevent .address-holder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  gap: 16px;
  border-radius: 20px;
  border: 1px solid var(--Text-Dividers);
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex-shrink: 0;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-info {
  display: flex;
  gap: 24px;
}
@media (max-width: 1024px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-info {
    flex-direction: column;
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-info .program {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
  align-self: stretch;
  border-radius: 20px;
  background: var(--BackgroundWhite);
  flex: 1.5;
}
@media (max-width: 720px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-info .program {
    padding: 24px;
    gap: 24px !important;
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-info .program .mypathway-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-info .banner {
  flex: 1;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-info .banner .slider-wrapper,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-info .banner .anywhere-slider,
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-info .banner .picture-slide {
  height: 100%;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-info .banner .anywhere-slider {
  max-width: 350px !important;
  max-height: 350px !important;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-info .banner .anywhere-slider .slick-slide img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  max-width: 350px;
  height: 350px;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-info .banner img {
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
  max-width: 350px;
  height: 350px;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-options {
  display: flex;
  padding: 40px;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  align-self: stretch;
  border-radius: 20px;
  background: var(--BackgroundWhite);
}
@media (max-width: 720px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-options {
    padding: 24px;
    gap: 24px !important;
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-options .items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
@media (max-width: 1320px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-options .items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }
}
@media (max-width: 720px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-options .items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-options .items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-options .items li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-options .items li .elipse {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  background-color: var(--Black-Transparent-15);
  border-radius: 50%;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .vendorsubscriptions .public-badge {
  display: flex;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .vendorsubscriptions .public-badge img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .vendorsubscriptions .list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-block: auto;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .vendor-attributes .vendor-holder {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 1320px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .vendor-attributes .vendor-holder {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .vendor-attributes .v-attributes {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .vendor-attributes .v-attributes .info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 230px;
  border-radius: 50%;
  aspect-ratio: 1;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .vendor-attributes .v-attributes .info::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--Black-Transparent-15);
  z-index: 1;
  pointer-events: none;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .vendor-attributes .v-attributes .info .v-name {
  color: var(--StaticWhite);
  z-index: 2;
  position: relative;
  text-transform: lowercase;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .vendor-attributes .v-attributes .info .tag-general {
  z-index: 2;
}
.html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .gdpr-tools-page .fieldset {
  display: flex;
  gap: 40px;
  padding: 40px;
  flex-direction: column;
  border-radius: 20px;
  background: var(--BackgroundWhite);
}
@media (max-width: 720px) {
  .html-account-page .master-wrapper-page .master-wrapper-content .master-column-wrapper .gdpr-tools-page .fieldset {
    padding: 16px;
    gap: 24px !important;
  }
}
.html-account-page #order-list-parent .filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 24px;
  padding-bottom: 32px;
}
@media (max-width: 720px) {
  .html-account-page #order-list-parent .filters {
    margin-top: 16px;
  }
}

.html-account-page .earth-theme .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-info .program .tabs-navigation-list {
  background: var(--White-Transparency-15);
}

.air-theme .master-wrapper-page .master-wrapper-content .master-column-wrapper .publicdetails .vendorsubscriptions .public-badge img {
  filter: invert(1);
}
.air-theme .master-wrapper-page .master-wrapper-content .master-column-wrapper .mypathway .page-body .pathway-options .items li .elipse {
  background-color: var(--White-Transparency-15);
}

@media (max-width: 1024px) {
  .html-order-details-page .master-wrapper-page .master-wrapper-content .master-column-wrapper {
    flex-direction: column;
  }
}

.html-blog-page .blog-pages-body .blog_filter {
  display: none;
}
@media (max-width: 1024px) {
  .html-blog-page .blog-pages-body .blog_filter {
    display: block;
    position: absolute;
    top: 0;
  }
}
@media (max-width: 1024px) {
  .html-blog-page .blog-pages-body .master-column-wrapper {
    flex-direction: column;
  }
}
.html-blog-page .blog-pages-body .master-column-wrapper .filters .close-filter {
  display: none;
  position: absolute;
  right: 24px;
  top: 24px;
}
@media (max-width: 1024px) {
  .html-blog-page .blog-pages-body .master-column-wrapper .filters {
    width: 0;
    overflow: hidden;
    height: 0;
    transition: width 0.3s ease-in-out;
  }
  .html-blog-page .blog-pages-body .master-column-wrapper .filters.active .close-filter {
    display: block;
  }
}
.html-blog-page .blog-pages-body .master-column-wrapper .filters.active {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  padding: 24px;
}
@media (min-width: 481px) {
  .html-blog-page .blog-pages-body .master-column-wrapper .filters .block {
    width: 100%;
  }
}
.html-blog-page .blog-pages-body .master-column-wrapper .blog-page {
  margin-top: -50px;
}
.html-blog-page .blog-pages-body .master-column-wrapper .blog-page .post {
  margin: 0 !important;
}
.html-blog-page .blog-pages-body .master-column-wrapper .blog-page .shared-links {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.html-blog-page .blog-pages-body .master-column-wrapper .blog-posts {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post-content {
  display: flex;
  justify-content: space-between;
}
.html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post-content-details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post-content .generic-button, .html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post-content .admin-header-links a, .admin-header-links .html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post-content a,
.html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post-content .admin-header-links span,
.admin-header-links .html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post-content span, .html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post-content .ui-dialog .ui-dialog-buttonpane .ui-button, .ui-dialog .ui-dialog-buttonpane .html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post-content .ui-button, .html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post-content .bar-notification .content a, .bar-notification .content .html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post-content a {
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post-content {
    flex-direction: column;
  }
}
.html-blog-page .blog-pages-body .master-column-wrapper .blog-posts .post-image {
  display: flex;
  width: 100%;
  max-height: 568px;
  object-fit: cover;
}
.html-blog-page .blog-pages-body .master-column-wrapper .blog-comment {
  background-color: var(--BackgroundWhite);
}

.address-list-page .address-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  min-height: 100%;
  padding: 24px;
  background-color: var(--BackgroundWhite);
}
.address-list-page .address-item .info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.address-edit-page .fieldset {
  display: flex;
  padding: 40px;
  flex-direction: column;
  border-radius: 20px;
  background: var(--BackgroundWhite);
}
.address-edit-page .fieldset .form-fields .inputs label {
  color: var(--ThemeBlack);
}

.checkout-data {
  margin: 24 0 80px 0;
  display: flex;
  gap: 40px;
  justify-content: space-between;
}
.checkout-data .opc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
}
.checkout-data .opc .tab-section {
  display: flex;
  padding: 40px 24px;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  align-self: stretch;
  border-radius: 12px;
  background: var(--White-Transparency-15);
}
.checkout-data .opc .tab-section .step-billing {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid var(--Text-Dividers);
  width: 100%;
}
.checkout-data .opc .tab-section .new-address-modal-content .inputs {
  width: 100%;
}
.checkout-data .opc .tab-section .new-address-modal-content .inputs label {
  color: var(--ThemeBlack);
}
.checkout-data .number {
  display: none;
  width: 40px;
  height: 40px;
  padding: 6px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: var(--RandomColor);
  color: var(--VariantBlack);
}
.checkout-data .payment-method {
  margin: auto;
  padding: 15px 20px 30px;
  max-width: unset;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.checkout-data .payment-method .method-list {
  padding-inline: 16px;
}
.checkout-data .payment-method .method-list .method-name {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 720px) {
  .checkout-data .payment-method .method-list .method-name {
    flex-direction: column;
    align-items: flex-start;
  }
}
.checkout-data .payment-method .cart-total td {
  padding-inline: 16px;
}
.checkout-data .payment-method .table-wrapper,
.checkout-data .payment-method .cart-options, .checkout-data .payment-method-form {
  background-color: var(--White-Transparency-15);
  padding: 40px 8px;
  border-radius: 12px;
}
.checkout-data .payment-method-form .payment-logo {
  width: 80px;
}
.checkout-data .payment-method-form .payment-logo .payment-img {
  width: 100%;
  object-fit: none;
  aspect-ratio: 1;
}
.checkout-page {
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .checkout-page {
    flex-direction: column;
  }
}
.checkout-page .cart {
  margin-top: -16px;
  border-spacing: 0 16px;
  border-collapse: separate;
}
.checkout-page .cart .cart-item-row {
  vertical-align: top;
  overflow: hidden;
}
.checkout-page .cart .cart-item-row td {
  background-color: unset;
}
.checkout-page .cart .cart-item-row td:last-child {
  border-radius: 0 16px 16px 0;
  text-align: right;
}
.checkout-page .cart th {
  min-width: 140px;
  padding-inline: 16px;
}
.checkout-page .cart th:last-child {
  text-align: right;
}
.checkout-page .cart td {
  min-width: 140px;
  border: none;
  padding: 40px 16px;
}
.checkout-page .cart .product {
  text-align: left;
}
.checkout-page .cart .product .attributes {
  margin-top: 16px;
}
.checkout-page .cart .remove-from-cart,
.checkout-page .cart .add-to-cart {
  min-width: auto;
  padding-left: 40px;
  border-radius: 16px 0 0 16px;
}
.checkout-page .cart .product-picture {
  text-align: center;
  font-size: 0;
}
@media (max-width: 720px) {
  .checkout-page .cart .product-picture {
    min-width: 0;
    padding-inline: 0;
  }
}
.checkout-page .cart .product-picture a {
  display: inline-block;
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .checkout-page .cart .product-picture a {
    width: 0;
    height: 0;
  }
}
.checkout-page .cart .product-picture img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.checkout-page .cart .edit-item a {
  font-weight: 400;
  color: #f74258;
}
.checkout-page .cart .edit-item a:hover {
  text-decoration: underline;
}
.checkout-page .cart .message-error {
  margin: 0 !important;
  text-align: left !important;
}
.checkout-page .cart .quantity {
  text-align: center;
  white-space: nowrap;
}
.checkout-page .cart .quantity select {
  min-width: 80px;
  background-color: var(--Background-Page);
}
.checkout-page .cart .unit-price {
  font-weight: 400;
  white-space: nowrap;
}
.checkout-page .cart .qty-input {
  width: 50px;
  height: 40px;
  margin: 0 8px;
  text-align: center;
  font-size: 14px !important;
  font-weight: 400;
  color: var(--Background-Modals-BG);
}
.checkout-page .cart .qty-dropdown {
  width: 60px;
  font-size: 14px !important;
}
.checkout-page .cart .subtotal {
  font-weight: 400;
  white-space: nowrap;
}
.checkout-page .cart .subtotal .discount {
  white-space: normal;
}
.checkout-page .cart .discount-additional-info {
  font-size: 14px;
  font-weight: 300;
  margin: 5px 0 0;
  white-space: normal;
  color: var(--LabelsPending);
}
.checkout-page .cart-footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 25%;
}
@media (max-width: 1024px) {
  .checkout-page .cart-footer {
    display: none;
    width: 100%;
    flex-direction: row;
  }
}
@media (max-width: 720px) {
  .checkout-page .cart-footer {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .checkout-page .cart-footer .totals {
    flex: 1;
  }
}
.checkout-page .cart-footer .cart-box {
  width: 100%;
  padding: 24px;
  background-color: var(--BackgroundWhite);
  border-radius: 20px;
  overflow: hidden;
}
.checkout-page .cart-footer .cart-box .total-info .cart-total .cart-total-right {
  text-align: right;
}
.checkout-page .cart-footer .cart-box .total-info .cart-total tbody tr td {
  padding: 8px 0;
}
.checkout-page .cart-footer .cart-box .total-info .cart-total tbody tr:first-child {
  border-bottom: 1px solid var(--Text-Dividers);
}
.checkout-page .cart-footer .cart-box .total-info .cart-total tbody tr:first-child td {
  padding-block: 0 24px;
}
.checkout-page .cart-footer .cart-box .total-info .cart-total tbody tr:first-child + tr td {
  padding-top: 24px;
}
.checkout-page .billing-addresses {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 1024px) {
  .checkout-page .billing-addresses {
    flex-direction: column;
  }
}
.checkout-page .billing-addresses .new-billing-address {
  flex: 0 0 440px;
}
.checkout-page .billing-addresses .select-billing-address {
  flex: 1;
}
.checkout-page .billing-addresses .address-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 16px;
}
@media (min-width: 721px) {
  .checkout-page .billing-addresses .address-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}
@media (min-width: 1321px) {
  .checkout-page .billing-addresses .address-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.checkout-page .billing-addresses .address-grid .address-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
  min-height: 100%;
  padding: 24px;
  background-color: var(--BackgroundWhite);
  border-radius: 16px;
  overflow: hidden;
}
.checkout-page .billing-addresses .address-grid .address-item .address-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 4px;
}
.checkout-page .order-review-data .billing-info {
  background-color: unset;
  border-radius: 16px;
}
.checkout-page .order-review-data .billing-info .title {
  text-align: start;
}
.checkout-page .order-summary-content .cart-container .cart-footer {
  display: none;
}
.checkout-page .enter-address {
  display: flex;
  padding: 40px;
  flex-direction: column;
  gap: 40px;
  border-radius: 20px;
  background: var(--BackgroundWhite);
}
@media (max-width: 720px) {
  .checkout-page .enter-address {
    padding: 24px;
    gap: 24px;
  }
}
.checkout-page .enter-address .inputs label {
  color: var(--ThemeBlack);
}
.checkout-page .order-completed {
  background-color: var(--White-Transparency-15);
  border-radius: 12px;
}
.checkout-payment .payment-info {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: unset;
}
.checkout-payment .payment-info .info {
  padding: 0;
  margin: 0;
}
.checkout-payment .payment-info .info #paypal-button-container {
  margin: 30px;
}