@charset "UTF-8";
/*
Template Name: Buzz - Buzz Media Limited
Author: Buzz Dev Theme

Website: https://buzz.tt/
Contact: enrique@buzz.tt
File: Main Css File
*/
@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700,900");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap");
@font-face {
  font-family: "Cerebri Sans,sans-serif";
  src: url("../fonts/cerebrisans-light.eot");
  src: local("Cerebri-sans Light"), url("../fonts/cerebrisans-light.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "Cerebri Sans,sans-serif";
  src: url("../fonts/cerebrisans-regular.eot");
  src: local("Cerebri-sans Regular"), url("../fonts/cerebrisans-regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Cerebri Sans,sans-serif";
  src: url("../fonts/cerebrisans-medium.eot");
  src: local("Cerebri-sans Medium"), url("../fonts/cerebrisans-medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "Cerebri Sans,sans-serif";
  src: url("../fonts/cerebrisans-semibold.eot");
  src: local("Cerebri-sans Semibold"), url("../fonts/cerebrisans-semibold.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "Cerebri Sans,sans-serif";
  src: url("../fonts/cerebrisans-bold.eot");
  src: local("Cerebri-sans Bold"), url("../fonts/cerebrisans-bold.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "PFIsotextPro-Bold";
  src: url("../fonts/PFISOTEXTPRO-BOLD.OTF");
}
@font-face {
  font-family: "PFBeauSansPro-Bold";
  src: url("../fonts/PFBEAUSANSPRO-BOLD.TTF");
}
@font-face {
  font-family: "PFBeauSansPro-SemiBold";
  src: url("../fonts/PFBEAUSANSPRO-SEBOLD.TTF");
}
@font-face {
  font-family: "PFBeauSansPro-Light";
  src: url("../fonts/PFBEAUSANSPRO-LIGHT.TTF");
}
@font-face {
  font-family: "PFDinTextCompPro-Medium";
  src: url("../fonts/PFDINTEXTCOMPPRO-MEDIUM.TTF");
}
@font-face {
  font-family: "PFDinTextCondPro-Regular";
  src: url("../fonts/PFDINTEXTCONDPRO-REGULAR_0.TTF");
}
@font-face {
  font-family: "PFDinTextCondPro-Light";
  src: url("../fonts/PFDINTEXTCONDPRO-LIGHT_0.TTF");
}
@font-face {
  font-family: "PFDinTextCondPro-Medium";
  src: url("../fonts/PFDINTEXTCONDPRO-MEDIUM_0.TTF");
}
@font-face {
  font-family: "AvenirNextRoundedPro";
  src: url("../fonts/Avenir_Next_Rounded_Pro/AvenirNextRoundedPro-Reg.woff") format("woff");
  src: url("../fonts/Avenir_Next_Rounded_Pro/AvenirNextRoundedPro-Reg.ttf") format("truetype"), url("../fonts/Avenir_Next_Rounded_Pro/AvenirNextRoundedPro-Reg.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir_Next_Rounded_Pro/AvenirNextRoundedPro-Reg.svg#AvenirNextRoundedPro") format("svg");
}
@font-face {
  font-family: "AvenirNextRoundedPro-Bold";
  src: url("../fonts/Avenir_Next_Rounded_Pro/AvenirNextRoundedPro-Bold.woff") format("woff");
  src: url("../fonts/Avenir_Next_Rounded_Pro/AvenirNextRoundedPro-Bold.ttf") format("truetype"), url("../fonts/Avenir_Next_Rounded_Pro/AvenirNextRoundedPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir_Next_Rounded_Pro/AvenirNextRoundedPro-Bold.svg#AvenirNextRoundedPro") format("svg");
}
@font-face {
  font-family: "AvenirNextRoundedPro-Med";
  src: url("../fonts/Avenir_Next_Rounded_Pro/AvenirNextRoundedPro-Med.woff") format("woff");
  src: url("../fonts/Avenir_Next_Rounded_Pro/AvenirNextRoundedPro-Med.ttf") format("truetype"), url("../fonts/Avenir_Next_Rounded_Pro/AvenirNextRoundedPro-Med.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir_Next_Rounded_Pro/AvenirNextRoundedPro-Med.svg#AvenirNextRoundedPro") format("svg");
}
@font-face {
  font-family: "AvenirNextRoundedPro-Demi";
  src: url("../fonts/AvenirNextLTPro-Demi.otf") format("otf");
}
@font-face {
  font-family: "kredit front";
  src: url("../fonts/kredit-front.ttf");
}
@font-face {
  font-family: "AvenirLTPro-Black";
  src: url("../fonts/AvenirLTPro/AvenirLTPro-Black.otf");
}
@font-face {
  font-family: "AvenirLTPro-Book";
  src: url("../fonts/AvenirLTPro/AvenirLTPro-Book.otf");
}
@font-face {
  font-family: "AvenirLTPro-Heavy";
  src: url("../fonts/AvenirLTPro/AvenirLTPro-Heavy.otf");
}
@font-face {
  font-family: "AvenirLTPro-Light";
  src: url("../fonts/AvenirLTPro/AvenirLTPro-Light.otf");
}
@font-face {
  font-family: "AvenirLTPro-Medium";
  src: url("../fonts/AvenirLTPro/AvenirLTPro-Medium.otf");
}
@font-face {
  font-family: "AvenirNextLTPro-Bold";
  src: url("../fonts/AvenirNextLTPro-Bold.otf");
}
@font-face {
  font-family: "AvenirNextLTPro-Light";
  src: url("../fonts/AvenirNextLTPro-Light.otf");
}
@font-face {
  font-family: "AvenirNextLTPro-Medium";
  src: url("../fonts/AvenirNextLTPro-Medium.otf");
}
@font-face {
  font-family: "AvenirNextLTPro-Regular";
  src: url("../fonts/AvenirNextLTPro-Regular.otf");
}
@font-face {
  font-family: "AvenirNextLTPro-Demi";
  src: url("../fonts/AvenirNextLTPro-Demi.otf");
}
:root {
  --ct-gray-100-rgb: 243, 247, 249;
  --ct-gray-200-rgb: 247, 247, 247;
  --ct-gray-300-rgb: 222, 226, 230;
  --ct-gray-400-rgb: 206, 212, 218;
  --ct-gray-500-rgb: 173, 181, 189;
  --ct-gray-600-rgb: 152, 166, 173;
  --ct-gray-700-rgb: 108, 117, 125;
  --ct-gray-800-rgb: 52, 58, 64;
  --ct-gray-900-rgb: 50, 58, 70;
  --ct-box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
  --ct-box-shadow-sm: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
  --ct-box-shadow-lg: 0 0 45px 0 rgba(0, 0, 0, 0.12);
  --ct-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --ct-component-active-color: #fff;
  --ct-component-active-bg: #101114;
  --ct-text-muted: #98a6ad;
  --ct-blockquote-footer-color: #98a6ad;
  --ct-hr-color: #e5e8eb;
  --ct-input-btn-focus-color: rgba(16, 17, 20, 0.25);
  --ct-form-text-color: var(--ct-text-muted);
  --ct-input-bg: #fff;
  --ct-input-disabled-bg: #fff;
  --ct-input-color: #6c757d;
  --ct-input-border-color: #ced4da;
  --ct-input-box-shadow: var(--ct-box-shadow-inset);
  --ct-input-focus-bg: var(--ct-input-bg);
  --ct-input-focus-border-color: #b9bfc4;
  --ct-input-focus-color: var(--ct-input-color);
  --ct-input-placeholder-color: #adb5bd;
  --ct-input-plaintext-color: #6c757d;
  --ct-form-check-input-bg: #fff;
  --ct-form-check-input-border: 1px solid #adb5bd;
  --ct-form-check-input-checked-color: var(--ct-component-active-color);
  --ct-form-check-input-checked-bg-color: var(--ct-component-active-bg);
  --ct-form-check-input-checked-border-color: var(--ct-form-check-input-checked-bg-color);
  --ct-form-check-input-indeterminate-color: var(--ct-component-active-color);
  --ct-form-check-input-indeterminate-bg-color: var(--ct-component-active-bg);
  --ct-form-check-input-indeterminate-border-color: var(--ct-form-check-input-indeterminate-bg-color);
  --ct-form-switch-color: #dee2e6;
  --ct-input-group-addon-color: var(--ct-input-color);
  --ct-input-group-addon-bg: #f7f7f7;
  --ct-input-group-addon-border-color: #ced4da;
  --ct-form-select-color: var(--ct-input-color);
  --ct-form-select-bg: var(--ct-input-bg);
  --ct-form-select-disabled-color: #98a6ad;
  --ct-form-select-disabled-bg: #f7f7f7;
  --ct-form-select-disabled-border-color: ;
  --ct-form-select-indicator-color: #343a40;
  --ct-form-range-track-bg: #dee2e6;
  --ct-form-range-track-box-shadow: var(--ct-box-shadow-inset);
  --ct-form-range-thumb-box-shadow: 0 .1rem .25rem rgba(0, 0, 0, 0.1);
  --ct-form-range-thumb-active-bg: #b7b8b9;
  --ct-form-range-thumb-disabled-bg: #adb5bd;
  --ct-form-file-button-color: var(--ct-input-color);
  --ct-form-file-button-bg: var(--ct-input-group-addon-bg);
  --ct-form-file-button-hover-bg: #ebebeb;
  --ct-thumbnail-bg: #f5f6f8;
  --ct-thumbnail-border-color: #dee2e6;
  --ct-thumbnail-box-shadow: var(--ct-box-shadow-sm);
  --ct-figure-caption-color: #98a6ad;
  --ct-breadcrumb-divider-color: #ced4da;
  --ct-breadcrumb-active-color: #adb5bd;
  --ct-carousel-control-color: #fff;
  --ct-carousel-indicator-active-bg: #fff;
  --ct-carousel-caption-color: #fff;
  --ct-carousel-dark-indicator-active-bg: #000;
  --ct-carousel-dark-caption-color: #000;
  --ct-btn-close-color: #000;
  --ct-kbd-color: #fff;
  --ct-kbd-bg: #323a46;
  --ct-pre-color: #323a46;
  --ct-bg-leftbar: #fff;
  --ct-bg-leftbar-dark: #38414a;
  --ct-bg-leftbar-brand: #2892fd;
  --ct-bg-leftbar-gradient: #683ba9;
  --ct-twocolumn-sidebar-bg: #fff;
  --ct-twocolumn-sidebar-iconview-bg: #3499ff;
  --ct-menu-item-color-dark: #9097a7;
  --ct-menu-item-hover-color-dark: #c8cddc;
  --ct-menu-item-active-color-dark: #fff;
  --ct-menu-item: #6e768e;
  --ct-menu-item-hover: #101114;
  --ct-menu-item-active: #101114;
  --ct-menu-sub-item-active: #101114;
  --ct-menuitem-active-bg: rgba(16, 17, 20, 0.07);
  --ct-hori-menu-item-color: #6e7488;
  --ct-rightbar-bg: #fff;
  --ct-bg-topbar-light: #fff;
  --ct-bg-topbar-dark: #38414a;
  --ct-app-search-box-bg: rgba(255, 255, 255, 0.07);
  --ct-box-shadow-condensed: 3px 5px 10px 0 rgba(154, 161, 171, 0.2);
  --ct-footer-bg: #eeeff3;
  --ct-auth-bg: #fff;
  --ct-auth-bg-alt: #2892fd;
  --ct-apex-grid-color: #f9f9fd;
  --ct-chat-primary-user-bg: #fef5e4;
  --ct-chat-secondary-user-bg: #f1f3fa;
  --ct-heading-color: #343a40;
  --ct-card-overlay-color: #3e4852;
  --ct-card-overlay-bg: rgba(255, 255, 255, 0.8);
  --ct-input-light-bg: #f3f7f9;
  --ct-lighten-300: #edeff1;
}
:root .table, :root .table-bordered, :root .table-striped, :root .jsgrid-table {
  --ct-table-color: #6c757d;
  --ct-table-bg: transparent;
  --ct-table-accent-bg: transparent;
  --ct-table-striped-color: var(--ct-table-color);
  --ct-table-striped-bg: #f3f7f9;
  --ct-table-active-color: var(--ct-table-color);
  --ct-table-active-bg: #f3f7f9;
  --ct-table-hover-color: var(--ct-table-color);
  --ct-table-hover-bg: #f3f7f9;
  --ct-table-border-color: #dee2e6;
  --ct-table-group-separator-color: #dee2e6;
  --ct-table-caption-color: var(--ct-text-muted);
}
:root .btn {
  --ct-btn-box-shadow: 0px 2px 6px 0px;
  --ct-btn-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-link-color: #101114;
  --ct-btn-link-hover-color: #1c66b1;
  --ct-btn-link-disabled-color: #98a6ad;
}
:root .nav {
  --ct-nav-link-disabled-color: #98a6ad;
  --ct-nav-tabs-border-color: #dee2e6;
  --ct-nav-tabs-link-hover-border-color: #f7f7f7 #f7f7f7 var(--ct-nav-tabs-border-color);
  --ct-nav-tabs-link-active-color: #6c757d;
  --ct-nav-tabs-link-active-bg: #fff;
  --ct-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 var(--ct-nav-tabs-link-active-bg);
}
:root .navbar {
  --ct-navbar-light-color: rgba(0, 0, 0, 0.55);
  --ct-navbar-light-hover-color: rgba(0, 0, 0, 0.7);
  --ct-navbar-light-active-color: rgba(0, 0, 0, 0.9);
  --ct-navbar-light-disabled-color: rgba(0, 0, 0, 0.3);
  --ct-navbar-light-toggler-border-color: rgba(0, 0, 0, 0.1);
}
:root .navbar-dark {
  --ct-navbar-dark-color: rgba(255, 255, 255, 0.55);
  --ct-navbar-dark-hover-color: rgba(255, 255, 255, 0.75);
  --ct-navbar-dark-active-color: #fff;
  --ct-navbar-dark-disabled-color: rgba(255, 255, 255, 0.25);
  --ct-navbar-dark-toggler-border-color: rgba(255, 255, 255, 0.1);
}
:root .dropdown-menu, :root .select2-dropdown, :root .selectize-dropdown, :root .autocomplete-suggestions, :root .daterangepicker, :root .ql-toolbar, :root .dd-list, :root .popover-content, :root .clockpicker-popover, :root .flatpickr-calendar, :root .message-list, :root .mail-list, :root .right-bar {
  --ct-dropdown-color: #6c757d;
  --ct-dropdown-bg: #fff;
  --ct-dropdown-border-color: #ecf0f2;
  --ct-dropdown-divider-bg: #f7f7f7;
  --ct-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.175);
  --ct-dropdown-link-color: #6c757d;
  --ct-dropdown-link-hover-color: ;
  --ct-dropdown-link-hover-bg: #f3f7f9;
  --ct-dropdown-link-active-color: #323a46;
  --ct-dropdown-link-active-bg: #f3f7f9;
  --ct-dropdown-link-disabled-color: #98a6ad;
}
:root .dropdown-menu-dark, :root .select2-dropdown, :root .selectize-dropdown, :root .autocomplete-suggestions, :root .daterangepicker, :root .ql-toolbar, :root .dd-list, :root .popover-content, :root .clockpicker-popover, :root .flatpickr-calendar, :root .message-list, :root .mail-list, :root .right-bar {
  --ct-dropdown-dark-color: #dee2e6;
  --ct-dropdown-dark-bg: #343a40;
  --ct-dropdown-dark-border-color: var(--ct-dropdown-border-color);
  --ct-dropdown-dark-divider-bg: var(--ct-dropdown-divider-bg);
  --ct-dropdown-dark-link-color: var(--ct-dropdown-dark-color);
  --ct-dropdown-dark-link-hover-color: #fff;
  --ct-dropdown-dark-link-hover-bg: rgba(255, 255, 255, 0.15);
  --ct-dropdown-dark-link-active-color: var(--ct-dropdown-link-active-color);
  --ct-dropdown-dark-link-active-bg: var(--ct-dropdown-link-active-bg);
  --ct-dropdown-dark-link-disabled-color: #adb5bd;
  --ct-dropdown-dark-header-color: #adb5bd;
}
:root .pagination {
  --ct-pagination-color: #323a46;
  --ct-pagination-bg: #fff;
  --ct-pagination-border-color: #dee2e6;
  --ct-pagination-focus-color: #1c66b1;
  --ct-pagination-focus-bg: #f7f7f7;
  --ct-pagination-focus-box-shadow: 0 0 0 0.15rem var(--ct-input-btn-focus-color);
  --ct-pagination-hover-color: #323a46;
  --ct-pagination-hover-bg: #f7f7f7;
  --ct-pagination-hover-border-color: #dee2e6;
  --ct-pagination-disabled-color: #98a6ad;
  --ct-pagination-disabled-bg: #fff;
  --ct-pagination-disabled-border-color: #dee2e6;
}
:root .card, :root .card-header, :root .timeline, :root .gal-box, :root #preloader {
  --ct-card-border-color: #f7f7f7;
  --ct-card-box-shadow: var(--ct-box-shadow-sm);
  --ct-card-cap-bg: #fff;
  --ct-card-bg: #fff;
}
:root .accordion {
  --ct-accordion-color: #6c757d;
  --ct-accordion-border-color: rgba(0, 0, 0, 0.125);
  --ct-accordion-button-active-bg: #e7e7e8;
  --ct-accordion-button-active-color: #0e0f12;
  --ct-accordion-button-focus-border-color: var(--ct-input-focus-border-color);
  --ct-accordion-button-focus-box-shadow: 0 0 0 0.15rem var(--ct-input-btn-focus-color);
}
:root .tooltip {
  --ct-tooltip-color: #fff;
  --ct-tooltip-bg: #000;
}
:root .popover {
  --ct-popover-bg: #fff;
  --ct-popover-border-color: #dee2e6;
  --ct-popover-box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 0.2);
  --ct-popover-header-bg: #f0f0f0;
  --ct-popover-header-color: ;
  --ct-popover-body-color: #6c757d;
  --ct-popover-arrow-color: #fff;
  --ct-popover-arrow-outer-color: #dee2e6;
}
:root .toast {
  --ct-toast-background-color: rgba(255, 255, 255, 0.85);
  --ct-toast-border-color: rgba(0, 0, 0, 0.1);
  --ct-toast-box-shadow: var(--ct-box-shadow);
  --ct-toast-header-color: #98a6ad;
  --ct-toast-header-background-color: rgba(255, 255, 255, 0.85);
  --ct-toast-header-border-color: rgba(0, 0, 0, 0.05);
}
:root .badge {
  --ct-badge-color: #fff;
}
:root .modal, :root .modal-backdrop, :root .offcanvas, :root .offcanvas-backdrop {
  --ct-modal-content-bg: #fff;
  --ct-modal-content-box-shadow-xs: 0 .25rem .5rem rgba(0, 0, 0, 0.5);
  --ct-modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba(0, 0, 0, 0.5);
  --ct-modal-backdrop-bg: #323a46;
  --ct-modal-header-border-color: #f4f5f9;
  --ct-modal-footer-border-color: #f4f5f9;
}
:root .offcanvas, :root .offcanvas-xxl, :root .offcanvas-xl, :root .offcanvas-lg, :root .offcanvas-md, :root .offcanvas-sm {
  --ct-offcanvas-bg: #f7f7f7;
  --ct-offcanvas-border-color: transparent;
}
:root .progress, :root .irs {
  --ct-progress-bg: #eef0f2;
  --ct-progress-box-shadow: var(--ct-box-shadow-inset);
  --ct-progress-bar-color: #fff;
  --ct-progress-bar-bg: #101114;
}
:root .list-group {
  --ct-list-group-color: ;
  --ct-list-group-bg: #fff;
  --ct-list-group-border-color: rgba(0, 0, 0, 0.125);
  --ct-list-group-hover-bg: #f3f7f9;
  --ct-list-group-disabled-color: #98a6ad;
  --ct-list-group-disabled-bg: #fff;
  --ct-list-group-action-color: #6c757d;
  --ct-list-group-action-active-color: #6c757d;
  --ct-list-group-action-active-bg: #f7f7f7;
}

body[data-theme=dark] {
  --ct-gray-100: #323a46;
  --ct-gray-200: #36404a;
  --ct-gray-300: #424e5a;
  --ct-gray-400: #5d7186;
  --ct-gray-500: #8c98a5;
  --ct-gray-600: #cedeef;
  --ct-gray-700: #dee2e6;
  --ct-gray-800: #f7f7f7;
  --ct-gray-900: #f3f7f9;
  --ct-gray-100-rgb: 50, 58, 70;
  --ct-gray-200-rgb: 54, 64, 74;
  --ct-gray-300-rgb: 66, 78, 90;
  --ct-gray-400-rgb: 93, 113, 134;
  --ct-gray-500-rgb: 140, 152, 165;
  --ct-gray-600-rgb: 206, 222, 239;
  --ct-gray-700-rgb: 222, 226, 230;
  --ct-gray-800-rgb: 247, 247, 247;
  --ct-gray-900-rgb: 243, 247, 249;
  --ct-body-bg: #303841;
  --ct-body-color: #94a0ad;
  --ct-body-bg-rgb: 48, 56, 65;
  --ct-body-color-rgb: 148, 160, 173;
  --ct-light: #424e5a;
  --ct-light-rgb: 66, 78, 90;
  --ct-dark: #f3f7f9;
  --ct-dark-rgb: 243, 247, 249;
  --ct-link-color: #101114;
  --ct-link-hover-color: #101114;
  --ct-border-color: #424e5a;
  --ct-box-shadow: 0px 0px 35px 0px rgba(66, 72, 80, 0.15);
  --ct-box-shadow-sm: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
  --ct-box-shadow-lg: 0 0 45px 0 rgba(0, 0, 0, 0.12);
  --ct-box-shadow-inset: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.075);
  --ct-component-active-color: #fff;
  --ct-component-active-bg: #101114;
  --ct-text-muted: #8c98a5;
  --ct-blockquote-footer-color: #cedeef;
  --ct-hr-color: #424e5a;
  --ct-mark-bg: #fcf8e3;
  --ct-input-btn-focus-color: rgba(16, 17, 20, 0.25);
  --ct-form-text-color: var(--ct-text-muted);
  --ct-input-bg: #3b4651;
  --ct-input-disabled-bg: #3b4651;
  --ct-input-color: var(--ct-body-color);
  --ct-input-border-color: #424e5a;
  --ct-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  --ct-input-focus-bg: var(--ct-input-bg);
  --ct-input-focus-border-color: #475461;
  --ct-input-focus-color: var(--ct-body-color);
  --ct-input-placeholder-color: #586877;
  --ct-input-plaintext-color: var(--ct-body-color);
  --ct-form-check-input-bg: #3b4651;
  --ct-form-check-input-border: 1px solid #5d7186;
  --ct-form-check-input-checked-color: var(--ct-component-active-color);
  --ct-form-check-input-checked-bg-color: var(--ct-component-active-bg);
  --ct-form-check-input-checked-border-color: var(--ct-form-check-input-checked-bg-color);
  --ct-form-check-input-indeterminate-color: var(--ct-component-active-color);
  --ct-form-check-input-indeterminate-bg-color: var(--ct-component-active-bg);
  --ct-form-check-input-indeterminate-border-color: var(--ct-form-check-input-indeterminate-bg-color);
  --ct-form-switch-color: #5d7186;
  --ct-input-group-addon-color: var(--ct-body-color);
  --ct-input-group-addon-bg: #36404a;
  --ct-input-group-addon-border-color: #424e5a;
  --ct-form-select-color: var(--ct-body-color);
  --ct-form-select-bg: var(--ct-input-bg);
  --ct-form-select-disabled-color: #cedeef;
  --ct-form-select-disabled-bg: #36404a;
  --ct-form-select-disabled-border-color: ;
  --ct-form-select-indicator-color: #f7f7f7;
  --ct-form-range-track-bg: #424e5a;
  --ct-form-range-track-box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  --ct-form-range-thumb-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  --ct-form-range-thumb-active-bg: #b7b8b9;
  --ct-form-range-thumb-disabled-bg: #8c98a5;
  --ct-form-file-button-color: var(--ct-body-color);
  --ct-form-file-button-bg: var(--ct-input-group-addon-bg);
  --ct-form-file-button-hover-bg: #333d46;
  --ct-thumbnail-bg: #424e5a;
  --ct-thumbnail-border-color: #424e5a;
  --ct-thumbnail-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  --ct-figure-caption-color: #cedeef;
  --ct-breadcrumb-divider-color: #5d7186;
  --ct-breadcrumb-active-color: #8c98a5;
  --ct-carousel-control-color: #fff;
  --ct-carousel-indicator-active-bg: #fff;
  --ct-carousel-caption-color: #fff;
  --ct-carousel-dark-indicator-active-bg: #000;
  --ct-carousel-dark-caption-color: #000;
  --ct-btn-close-color: #f7f7f7;
  --ct-code-color: #f672a7;
  --ct-kbd-color: #fff;
  --ct-kbd-bg: #424e5a;
  --ct-pre-color: #f3f7f9;
  --ct-bg-leftbar: #fff;
  --ct-bg-leftbar-dark: #37424c;
  --ct-bg-leftbar-brand: #2892fd;
  --ct-bg-leftbar-gradient: #683ba9;
  --ct-twocolumn-sidebar-bg: #fff;
  --ct-twocolumn-sidebar-iconview-bg: #3499ff;
  --ct-menu-item-color-dark: #9097a7;
  --ct-menu-item-hover-color-dark: #c8cddc;
  --ct-menu-item-active-color-dark: #fff;
  --ct-menu-item: #6e768e;
  --ct-menu-item-hover: #2892fd;
  --ct-menu-item-active: #2892fd;
  --ct-menu-sub-item-active: #2892fd;
  --ct-menuitem-active-bg: rgba(40, 146, 253, 0.07);
  --ct-hori-menu-item-color: #919eab;
  --ct-rightbar-bg: #3b4651;
  --ct-bg-topbar-light: #3c4752;
  --ct-bg-topbar-dark: #3c4752;
  --ct-app-search-box-bg: #323a46;
  --ct-box-shadow-condensed: 3px 5px 10px 0 rgb(50, 58, 66);
  --ct-footer-bg: #2b323a;
  --ct-auth-bg: #36404a;
  --ct-auth-bg-alt: #3e4852;
  --ct-apex-grid-color: #3e4852;
  --ct-chat-primary-user-bg: #404c58;
  --ct-chat-secondary-user-bg: #404c58;
  --ct-heading-color: #acbfd2;
  --ct-card-overlay-color: #fff;
  --ct-card-overlay-bg: rgba(255, 255, 255, 0.1);
  --ct-input-light-bg: #3b4550;
  --ct-lighten-300: #4d5b69;
}
body[data-theme=dark] .table, body[data-theme=dark] .table-bordered, body[data-theme=dark] .table-striped, body[data-theme=dark] .jsgrid-table {
  --ct-table-color: var(--ct-body-color);
  --ct-table-bg: transparent;
  --ct-table-accent-bg: transparent;
  --ct-table-striped-color: var(--ct-body-color);
  --ct-table-striped-bg: #3b4651;
  --ct-table-active-color: var(--ct-body-color);
  --ct-table-active-bg: #3b4651;
  --ct-table-hover-color: var(--ct-body-color);
  --ct-table-hover-bg: #3b4651;
  --ct-table-border-color: #424e5a;
  --ct-table-group-separator-color: #424e5a;
  --ct-table-caption-color: var(--ct-text-muted);
}
body[data-theme=dark] .btn {
  --ct-btn-box-shadow: 0px 2px 6px 0px;
  --ct-btn-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-link-color: #101114;
  --ct-btn-link-hover-color: #1c66b1;
  --ct-btn-link-disabled-color: #cedeef;
}
body[data-theme=dark] .nav {
  --ct-nav-link-disabled-color: #cedeef;
  --ct-nav-tabs-border-color: #424e5a;
  --ct-nav-tabs-link-hover-border-color: #36404a #36404a var(--ct-nav-tabs-border-color);
  --ct-nav-tabs-link-active-color: #dee2e6;
  --ct-nav-tabs-link-active-bg: #424e5a;
  --ct-nav-tabs-link-active-border-color: #424e5a #424e5a var(--ct-nav-tabs-link-active-bg);
}
body[data-theme=dark] .navbar {
  --ct-navbar-light-color: rgba(247, 247, 247, 0.5);
  --ct-navbar-light-hover-color: rgba(247, 247, 247, 0.7);
  --ct-navbar-light-active-color: rgba(247, 247, 247, 0.9);
  --ct-navbar-light-disabled-color: rgba(247, 247, 247, 0.3);
  --ct-navbar-light-toggler-border-color: rgba(247, 247, 247, 0.1);
}
body[data-theme=dark] .navbar-dark {
  --ct-navbar-dark-color: rgba(255, 255, 255, 0.55);
  --ct-navbar-dark-hover-color: rgba(255, 255, 255, 0.75);
  --ct-navbar-dark-active-color: #fff;
  --ct-navbar-dark-disabled-color: rgba(255, 255, 255, 0.25);
  --ct-navbar-dark-toggler-border-color: rgba(255, 255, 255, 0.1);
}
body[data-theme=dark] .dropdown-menu, body[data-theme=dark] .select2-dropdown, body[data-theme=dark] .selectize-dropdown, body[data-theme=dark] .autocomplete-suggestions, body[data-theme=dark] .daterangepicker, body[data-theme=dark] .ql-toolbar, body[data-theme=dark] .dd-list, body[data-theme=dark] .popover-content, body[data-theme=dark] .clockpicker-popover, body[data-theme=dark] .flatpickr-calendar, body[data-theme=dark] .message-list, body[data-theme=dark] .mail-list, body[data-theme=dark] .right-bar {
  --ct-dropdown-color: var(--ct-body-color);
  --ct-dropdown-bg: #3b4651;
  --ct-dropdown-border-color: #414d59;
  --ct-dropdown-divider-bg: #475461;
  --ct-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
  --ct-dropdown-link-color: var(--ct-body-color);
  --ct-dropdown-link-hover-color: ;
  --ct-dropdown-link-hover-bg: #424e5a;
  --ct-dropdown-link-active-color: #f3f7f9;
  --ct-dropdown-link-active-bg: #424e5a;
  --ct-dropdown-link-disabled-color: #5d7186;
}
body[data-theme=dark] .dropdown-menu-dark, body[data-theme=dark] .select2-dropdown, body[data-theme=dark] .selectize-dropdown, body[data-theme=dark] .autocomplete-suggestions, body[data-theme=dark] .daterangepicker, body[data-theme=dark] .ql-toolbar, body[data-theme=dark] .dd-list, body[data-theme=dark] .popover-content, body[data-theme=dark] .clockpicker-popover, body[data-theme=dark] .flatpickr-calendar, body[data-theme=dark] .message-list, body[data-theme=dark] .mail-list, body[data-theme=dark] .right-bar {
  --ct-dropdown-dark-color: #424e5a;
  --ct-dropdown-dark-bg: #f7f7f7;
  --ct-dropdown-dark-border-color: var(--ct-dropdown-border-color);
  --ct-dropdown-dark-divider-bg: var(--ct-dropdown-divider-bg);
  --ct-dropdown-dark-link-color: var(--ct-dropdown-dark-color);
  --ct-dropdown-dark-link-hover-color: #fff;
  --ct-dropdown-dark-link-hover-bg: rgba(255, 255, 255, 0.15);
  --ct-dropdown-dark-link-active-color: var(--ct-dropdown-link-active-color);
  --ct-dropdown-dark-link-active-bg: var(--ct-dropdown-link-active-bg);
  --ct-dropdown-dark-link-disabled-color: #8c98a5;
  --ct-dropdown-dark-header-color: #8c98a5;
}
body[data-theme=dark] .pagination {
  --ct-pagination-color: #f3f7f9;
  --ct-pagination-bg: #3b4651;
  --ct-pagination-border-color: #424e5a;
  --ct-pagination-focus-color: #f3f7f9;
  --ct-pagination-focus-bg: #424e5a;
  --ct-pagination-focus-box-shadow: 0 0 0 0.15rem var(--ct-input-btn-focus-color);
  --ct-pagination-hover-color: #f3f7f9;
  --ct-pagination-hover-bg: #424e5a;
  --ct-pagination-hover-border-color: #475461;
  --ct-pagination-disabled-color: #cedeef;
  --ct-pagination-disabled-bg: #424e5a;
  --ct-pagination-disabled-border-color: #424e5a;
}
body[data-theme=dark] .card, body[data-theme=dark] .card-header, body[data-theme=dark] .timeline, body[data-theme=dark] .gal-box, body[data-theme=dark] #preloader {
  --ct-card-border-color: #36404a;
  --ct-card-box-shadow: var(--ct-box-shadow-sm);
  --ct-card-cap-bg: #424e5a;
  --ct-card-bg: #36404a;
}
body[data-theme=dark] .accordion {
  --ct-accordion-color: var(--ct-body-color);
  --ct-accordion-border-color: rgba(0, 0, 0, 0.125);
  --ct-accordion-button-active-bg: #e7e7e8;
  --ct-accordion-button-active-color: #0e0f12;
  --ct-accordion-button-focus-border-color: var(--ct-input-focus-border-color);
  --ct-accordion-button-focus-box-shadow: 0 0 0 0.15rem var(--ct-input-btn-focus-color);
}
body[data-theme=dark] .tooltip {
  --ct-tooltip-color: #fff;
  --ct-tooltip-bg: #000;
}
body[data-theme=dark] .popover {
  --ct-popover-bg: #3c4853;
  --ct-popover-border-color: #424e5a;
  --ct-popover-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
  --ct-popover-header-bg: #323a46;
  --ct-popover-header-color: ;
  --ct-popover-body-color: #cedeef;
  --ct-popover-arrow-color: #3c4853;
  --ct-popover-arrow-outer-color: #4c5a67;
}
body[data-theme=dark] .toast {
  --ct-toast-background-color: rgba(54, 64, 74, 0.85);
  --ct-toast-border-color: rgba(0, 0, 0, 0.1);
  --ct-toast-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  --ct-toast-header-color: #cedeef;
  --ct-toast-header-background-color: rgba(50, 58, 70, 0.85);
  --ct-toast-header-border-color: rgba(0, 0, 0, 0.05);
}
body[data-theme=dark] .badge {
  --ct-badge-color: #fff;
}
body[data-theme=dark] .modal, body[data-theme=dark] .modal-backdrop, body[data-theme=dark] .offcanvas, body[data-theme=dark] .offcanvas-backdrop {
  --ct-modal-content-bg: #36404a;
  --ct-modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
  --ct-modal-content-box-shadow-sm-up: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
  --ct-modal-backdrop-bg: #f3f7f9;
  --ct-modal-header-border-color: #414d59;
  --ct-modal-footer-border-color: #414d59;
}
body[data-theme=dark] .offcanvas, body[data-theme=dark] .offcanvas-xxl, body[data-theme=dark] .offcanvas-xl, body[data-theme=dark] .offcanvas-lg, body[data-theme=dark] .offcanvas-md, body[data-theme=dark] .offcanvas-sm {
  --ct-offcanvas-bg: #3a444e;
  --ct-offcanvas-border-color: transparent;
}
body[data-theme=dark] .progress, body[data-theme=dark] .irs {
  --ct-progress-bg: #424e5a;
  --ct-progress-box-shadow: var(--ct-box-shadow-inset);
  --ct-progress-bar-color: #fff;
  --ct-progress-bar-bg: #101114;
}
body[data-theme=dark] .list-group {
  --ct-list-group-color: ;
  --ct-list-group-bg: #36404a;
  --ct-list-group-border-color: #424e5a;
  --ct-list-group-hover-bg: #3b4651;
  --ct-list-group-disabled-color: #cedeef;
  --ct-list-group-disabled-bg: var(--ct-list-group-bg);
  --ct-list-group-action-color: #8c98a5;
  --ct-list-group-action-active-color: var(--ct-body-color);
  --ct-list-group-action-active-bg: #36404a;
}

html {
  position: relative;
  min-height: 100%;
}
html.placeholder {
  opacity: 1;
  cursor: default;
}

body {
  padding-bottom: 60px;
  overflow-x: hidden;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
}

.page-title-box {
  overflow: hidden;
}

.lg-backdrop.in {
  opacity: 0.7;
}

.autocomplete-suggestions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #999;
  background: #FFF;
  cursor: default;
  overflow: auto;
  -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}

.autocomplete-no-suggestion {
  padding: 2px 5px;
}

.autocomplete-selected {
  background: #F0F0F0;
}

.autocomplete-suggestions strong {
  font-weight: bold;
  color: #000;
}

.autocomplete-group {
  padding: 2px 5px;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  display: block;
  border-bottom: 1px solid #000;
}

input.autocomplete {
  font-size: 28px;
  padding: 10px;
  border: 1px solid #CCC;
  display: block;
  margin: 20px 0;
}

.organizer-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}
.organizer-container .organizer {
  width: 100%;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.organizer-container .organizer .org-head {
  width: 60%;
}
.organizer-container .organizer .org-action {
  width: 40%;
  text-align: right;
}
.organizer-container .organizer:hover {
  background: #f2f2f2;
}

a {
  outline: none !important;
}

.accordion .card-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.accordion .card-header::after {
  content: "\f078";
  /* fa-chevron-down */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.accordion .card-header::after.collapsed::after {
  content: "\f077";
  /* fa-chevron-up */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

hr.core-section-underline {
  width: 8rem;
  height: 2px;
  margin: 1rem 0 !important;
  border: none;
  border-bottom: 2px solid #ffca03 !important;
}

/* TYPEAHEAD PLUGIN */
.tokenfield .form-control {
  background: #f3f7f9;
  border: 1px solid #f7f7f7;
}
.tokenfield .form-control:focus, .tokenfield .form-control.focus {
  box-shadow: none;
  background: #fff;
}
.tokenfield .token {
  background: #1c1f25;
  color: #9797a6;
  border: none;
}
.tokenfield .token-input {
  font-size: 13px;
}

.typeahead,
.tt-query,
.tt-hint {
  height: 30px;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 30px;
  border: 2px solid #f7f7f7;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}
.typeahead:focus {
  border: 2px solid #4fc6e1;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #adb5bd;
}

.tt-dropdown-menu {
  width: 422px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #ffca03;
  cursor: pointer;
}
.tt-suggestion.tt-cursor p:hover,
.tt-suggestion.tt-cursor td:hover {
  color: #101114;
}
.tt-suggestion p {
  margin: 0;
}

.multiple-dataset {
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  font-weight: bold;
  margin-top: 5px;
}

.app-search .twitter-typeahead {
  display: flex !important;
}

.empty-message {
  padding: 4px 10px;
}

.thumb-xs {
  max-width: 24px !important;
  width: 100%;
}

.thumb-sm {
  height: auto;
  max-width: 32px;
  width: 100%;
}

.thumb-md {
  height: auto;
  max-width: 45px;
  width: 100%;
}

.thumb-50 {
  height: auto;
  max-width: 50px;
  width: 100%;
}

.thumb-lg {
  height: auto;
  max-width: 88px;
  width: 100%;
}

.thumb-xl {
  height: auto;
  width: 180px;
  max-width: 100%;
}

.general-template .content {
  margin-bottom: 100px !important;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounce1 {
  -webkit-animation: bounce 8s ease-in-out 0s infinite;
  animation: bounce 8s ease-in-out 0s infinite;
}

.bounce2 {
  -webkit-animation: bounce 8s ease-in-out 0.3s infinite;
  animation: bounce 8s ease-in-out 0.3s infinite;
}

.bounce3 {
  -webkit-animation: bounce 8s ease-in-out 0.6s infinite;
  animation: bounce 8s ease-in-out 0.6s infinite;
}

.banner-landing {
  max-height: 500px;
  position: relative;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
}
.banner-landing .ls-circle-timer {
  top: auto !important;
  bottom: 10px !important;
}
.banner-landing .ls-nav-next,
.banner-landing .ls-nav-prev {
  border-radius: 100% !important;
}

@media only screen and (max-width: 1440px) {
  .banner-landing {
    max-height: 450px;
    position: relative;
    overflow: hidden;
  }
}
@media only screen and (max-width: 960px) {
  .banner-landing {
    max-height: 300px;
    position: relative;
    overflow: hidden;
  }
}
/*Featured event Carousel*/
.featured-events {
  /*Featured events*/
}
.featured-events .owl-item {
  width: 372px !important;
  max-width: 372px !important;
}
.featured-events .owl-item li {
  width: 365px !important;
}
.featured-events .owl-item li .ev-card .card-img {
  height: auto;
}
.featured-events .owl-item li .ev-card .card-det {
  height: auto;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: #fff;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.featured-events .owl-item li .ev-card:hover > .card-det {
  opacity: 1;
}
.featured-events .owl-stage-outer {
  padding-bottom: 10px;
  padding-left: 15px;
}
.featured-events .featured-swag {
  width: 84px;
  height: 24px;
  left: 10px;
  top: 10px;
  position: absolute;
  border-radius: 2px;
  background: #ffca03;
  border: 1px solid #fff;
  font-size: 13px;
  z-index: 2;
  color: #101114;
}

@media (max-width: 768px) {
  .landing-page {
    padding-top: 70px;
  }
}
.landing-page .landing-icons picture {
  min-height: 90px;
}
.landing-page .home-video-block {
  position: relative;
}
.landing-page .home-video-block:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("/static/images/sell/case-study-background.png");
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 1;
  top: 0;
}
.landing-page .home-video-block .container {
  position: relative;
  z-index: 2;
}
.landing-page .home-video-block .casestudy-slider-container .case-study .item .cs-container {
  position: relative;
  padding-bottom: 50px;
}
.landing-page .home-video-block .casestudy-slider-container .case-study .item .cs-container .cs-img-container {
  display: flex;
  position: relative;
  justify-content: center;
}
.landing-page .home-video-block .casestudy-slider-container .case-study .item .cs-container .cs-img-container img {
  position: relative;
  z-index: 1;
}
.landing-page .home-video-block .casestudy-slider-container .case-study .item .cs-container .cs-text-overlay {
  display: none;
  width: 300px;
  position: absolute;
  left: 40%;
  top: 40%;
  z-index: 3;
  transition: all 0.8s ease-in-out;
}
.landing-page .home-video-block .casestudy-slider-container .case-study .item .cs-container:hover .cs-text-overlay {
  display: flex;
}
.landing-page .buzz-cloud-landing {
  position: relative;
}
.landing-page .buzz-cloud-landing .container {
  position: relative;
  z-index: 2;
}
.landing-page .buzz-cloud-landing:before {
  display: flex;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("/static/images/sell/buzz-cloud-bg.webp");
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 1;
}
@media (max-width: 768px) {
  .landing-page .buzz-cloud-landing:before {
    background-size: 200%;
    background-position: center bottom;
  }
}

.landing-2024 {
  background: #fff;
}
.landing-2024 .hero {
  min-height: 760px;
  z-index: 1;
  position: relative;
}
.landing-2024 .hero .hero-mobile {
  background: url("/static/images/sell/landing/Slide_01.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 468px;
}
@media (max-width: 768px) {
  .landing-2024 .hero {
    min-height: 468px;
  }
}
.landing-2024 .home-stats-block .stat-numb {
  font-size: 2rem;
  background-clip: text;
  color: #101114;
  background: #101114;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  /* For Safari compatibility */
  -moz-background-clip: text;
  /* For Safari compatibility */
  -webkit-text-fill-color: transparent;
  /* For Safari compatibility */
  -moz-text-fill-color: transparent;
  /* For Safari compatibility */
  background-image: linear-gradient(to bottom, #101114 0%, #ff5400 80%);
}
.landing-2024 .home-stats-block .stat-text {
  font-size: 0.938rem !important;
}
@media (max-width: 768px) {
  .landing-2024 .home-stats-block .stat-numb {
    font-size: 1.375rem !important;
  }
  .landing-2024 .home-stats-block .stat-text {
    font-size: 0.75rem !important;
  }
}
.landing-2024 .buzz-cloud-landing {
  position: relative;
  overflow: hidden;
}
.landing-2024 .buzz-cloud-landing .container,
.landing-2024 .buzz-cloud-landing .bc-landing-top {
  position: relative;
  z-index: 3;
}
.landing-2024 .buzz-cloud-landing .container .prof-block-img,
.landing-2024 .buzz-cloud-landing .bc-landing-top .prof-block-img {
  min-width: 1296px;
}
@media (max-width: 768px) {
  .landing-2024 .buzz-cloud-landing .container .prof-block-img,
  .landing-2024 .buzz-cloud-landing .bc-landing-top .prof-block-img {
    min-width: 500px;
    left: -20%;
    position: relative;
  }
}
.landing-2024 .buzz-cloud-landing:before {
  display: flex;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("/static/images/sell/buzz-cloud-bg.webp");
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 1;
}
@media (max-width: 768px) {
  .landing-2024 .buzz-cloud-landing:before {
    background-size: 200%;
    background-position: center 300px;
  }
}
.landing-2024 .home-cs-block {
  position: relative;
}
.landing-2024 .home-cs-block:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("/static/images/sell/case-study-background.png");
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 1;
  top: 0;
}
.landing-2024 .home-cs-block .container {
  position: relative;
  z-index: 2;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .item {
  max-height: 380px;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .item .cs-container {
  position: relative;
  padding-bottom: 50px;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .item .cs-container .cs-img-container {
  display: flex;
  position: relative;
  justify-content: center;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .item .cs-container .cs-img-container img {
  position: relative;
  z-index: 1;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .item .cs-container .cs-text-overlay {
  display: none;
  width: 300px;
  position: absolute;
  left: 40%;
  top: 40%;
  z-index: 3;
  transition: all 0.8s ease-in-out;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .item .cs-container:hover .cs-text-overlay {
  display: flex;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #101114;
  margin: 0;
  position: absolute;
  top: -30px;
  z-index: 5;
  cursor: pointer;
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .owl-buttons .owl-prev {
  right: 10%;
  position: absolute;
  top: 90%;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .owl-buttons .owl-prev a.flex-prev {
  left: -30px;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .owl-buttons .owl-prev a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f104";
  font-weight: 900;
  font-size: 24px;
  line-height: 24px;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .owl-buttons .owl-next {
  right: 8%;
  position: absolute;
  top: 90%;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .owl-buttons .owl-next a.flex-next {
  right: -30px;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study .owl-buttons .owl-next a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
  font-size: 24px;
  line-height: 24px;
}
.landing-2024 .home-cs-block .casestudy-slider-container .case-study:hover .owl-buttons {
  opacity: 1;
}
.landing-2024 .home-content-block {
  position: relative;
}
.landing-2024 .home-content-block #slider {
  height: 650px;
  overflow: hidden;
  z-index: 999;
}
.landing-2024 .home-content-block .slider-content {
  height: 650px;
  width: 10000px;
  font-weight: 300;
}
.landing-2024 .home-content-block .slider-item {
  position: relative;
  height: 650px;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
  -moz-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
  -ms-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
  transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
  transition: all 0.5s;
}
.landing-2024 .home-content-block .slider-item:after {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  content: "";
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
}
.landing-2024 .home-content-block .slider-item:first-child {
  margin-left: -123px;
}
.landing-2024 .home-content-block .image {
  float: left;
  position: relative;
  transition: all 0.5s;
  cursor: pointer;
}
.landing-2024 .home-content-block .item-img-1,
.landing-2024 .home-content-block .item-img-2 {
  height: 650px;
  width: 200%;
  top: 0px;
  position: absolute;
  left: -115px;
  background-size: 1200px 650px !important;
  -webkit-transform: translate3d(0, 0, 0) skew(20deg, 0deg);
  -moz-transform: translate3d(0, 0, 0) skew(20deg, 0deg);
  -ms-transform: translate3d(0, 0, 0) skew(20deg, 0deg);
  transform: translate3d(0, 0, 0) skew(20deg, 0deg);
  transition: all 0.5s;
}
.landing-2024 .home-content-block .item-img-2 {
  opacity: 0;
}
.landing-2024 .home-content-block .item-text {
  position: absolute;
}
.landing-2024 .home-content-block .image-text {
  top: 45%;
  left: 20%;
  position: absolute;
  font-size: 17px;
  color: #fff;
  transition: all 0.5s;
}
.landing-2024 .home-content-block .image-text-2 {
  top: 50%;
  left: 20%;
  position: absolute;
  color: #fff;
  transition: all 0.5s;
  opacity: 0;
}
.landing-2024 .home-content-block .image.image-last .image-text {
  width: 120px;
}
.landing-2024 .home-content-block .image:hover .image-text {
  font-size: 22px;
}
.landing-2024 .home-content-block .image:hover .image-text-2 {
  font-size: 18px;
  opacity: 1;
}
.landing-2024 .home-content-block .image.image-last:hover .image-text {
  width: 100%;
}
@media (min-width: 1400px) {
  .landing-2024 .home-content-block .image:nth-child(2) .item-img-1 {
    left: -400px;
  }
  .landing-2024 .home-content-block .image:last-child .item-img-1,
  .landing-2024 .home-content-block .image:last-child .item-img-2 {
    left: -320px;
  }
  .landing-2024 .home-content-block .image:last-child .image-text {
    left: 0px;
  }
  .landing-2024 .home-content-block .image:last-child .image-text-2 {
    left: 20%;
  }
  .landing-2024 .home-content-block .image:last-child:hover .image-text {
    left: 20%;
  }
  .landing-2024 .home-content-block .image:last-child:hover .image-text-2 {
    left: 20%;
  }
}
@media (max-width: 1400px) {
  .landing-2024 .home-content-block .image:first-child .image-text {
    left: 5%;
  }
  .landing-2024 .home-content-block .image-text {
    left: 0px;
  }
  .landing-2024 .home-content-block .image:last-child .image-text {
    left: -70px;
  }
  .landing-2024 .home-content-block .image:last-child .image-text-2 {
    left: -70px;
  }
  .landing-2024 .home-content-block .image:hover .image-text {
    left: 20%;
  }
  .landing-2024 .home-content-block .image:nth-child(1) .item-img-2 {
    background-position-x: -300px !important;
  }
  .landing-2024 .home-content-block .image:nth-child(2) .item-img-1,
  .landing-2024 .home-content-block .image:nth-child(2) .item-img-2 {
    background-position-x: -1000px !important;
  }
  .landing-2024 .home-content-block .image:nth-child(2) .item-img-2 {
    background-position-x: -400px !important;
  }
  .landing-2024 .home-content-block .image:nth-child(3) .item-img-2 {
    background-position-x: -400px !important;
  }
  .landing-2024 .home-content-block .image:nth-child(4) .item-img-1 {
    background-position-x: -200px !important;
  }
  .landing-2024 .home-content-block .image:nth-child(4) .item-img-2 {
    background-position-x: -400px !important;
  }
}
@media (max-width: 700px) {
  .landing-2024 .home-content-block .item-img-1,
  .landing-2024 .home-content-block .item-img-2 {
    height: 450px;
  }
  .landing-2024 .home-content-block .image-text {
    font-size: 18px;
  }
  .landing-2024 .home-content-block .image-text-2 {
    font-size: 12px;
  }
  .landing-2024 .home-content-block .image:not(:last-child) .image-text {
    left: -50px;
  }
  .landing-2024 .home-content-block .image:not(:last-child) .image-text-2 {
    left: -20px;
  }
  .landing-2024 .home-content-block .image:hover .image-text {
    left: 5%;
  }
  .landing-2024 .home-content-block .image:hover .image-text-2 {
    left: 0%;
  }
  .landing-2024 .home-content-block .image:nth-child(2) .item-img-2 {
    background-position-x: -650px !important;
  }
  .landing-2024 .home-content-block .image:nth-child(3) .item-img-2 {
    background-position-x: -550px !important;
  }
  .landing-2024 .home-content-block .image:nth-child(4) .item-img-1 {
    background-position-x: -250px !important;
  }
  .landing-2024 .home-content-block .image:nth-child(4) .item-img-2 {
    background-position-x: -550px !important;
  }
}
.landing-2024 .home-content-block .card-img-overlay {
  background: -moz-linear-gradient(bottom, #101114 10%, transparent 60%);
  background: -webkit-linear-gradient(bottom, #101114 10%, transparent 60%);
  background: -o-linear-gradient(bottom, #101114 10%, transparent 60%);
  background: -ms-linear-gradient(bottom, #101114 10%, transparent 60%);
  background: linear-gradient(bottom, #101114 10%, transparent 60%);
}

.buzz-expert-services h2:after {
  content: "";
  height: 4px;
  width: 50px;
  background-color: #ED212D;
  display: block;
  margin-top: 10px;
}
.buzz-expert-services .expert-page {
  position: relative;
  height: 80vh;
}
.buzz-expert-services .expert-page:after {
  display: flex;
  width: 100%;
  height: 1135px;
  content: "";
  background-image: url("/static/images/sell/expert/header-bg-img.png");
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 1;
  background-position: center;
  border-radius: 20px;
  top: 0;
}
.buzz-expert-services .expert-page .container {
  z-index: 3;
}
.buzz-expert-services .exp-section-2 {
  position: relative;
}
.buzz-expert-services .exp-section-2 .container {
  z-index: 2;
  position: relative;
}
@media (min-width: 768px) {
  .buzz-expert-services .exp-section-2 .container {
    margin-top: -200px;
  }
}
.buzz-expert-services .exp-section-3 svg {
  max-width: 30px;
  width: 100%;
}

.exp-cloud-page .experience-cloud {
  height: 60vh;
  position: relative;
  overflow: visible;
}
.exp-cloud-page .experience-cloud:before {
  display: flex;
  width: 100%;
  height: 1135px;
  content: "";
  background-image: url("/static/images/sell/header-bg-img.png");
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 1;
  background-position: center;
  border-radius: 20px;
  top: 0;
}
.exp-cloud-page .experience-cloud .container {
  z-index: 3;
}
.exp-cloud-page .exp-cloud-section-2 {
  position: relative;
}
.exp-cloud-page .exp-cloud-section-2 .container {
  z-index: 2;
  position: relative;
}
@media (min-width: 768px) {
  .exp-cloud-page .exp-cloud-section-2 .container {
    margin-top: -150px;
  }
}
.exp-cloud-page .exp-customize-block {
  position: relative;
  overflow: hidden;
}
.exp-cloud-page .exp-customize-block:before {
  display: flex;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("/static/images/sell/theme-section-bg.png");
  background-repeat: no-repeat;
  position: absolute;
  background-size: cover;
  z-index: 1;
}
.exp-cloud-page .exp-customize-block .container {
  position: relative;
  z-index: 3;
}
.exp-cloud-page .exp-customize-block .owl-carousel {
  position: relative;
  z-index: 2;
}
.exp-cloud-page .exp-customize-block .owl-carousel.owl-loaded {
  display: flex;
  flex-direction: column;
}
.exp-cloud-page .exp-customize-block .owl-carousel .owl-stage-outer {
  order: 2;
}
.exp-cloud-page .exp-customize-block .owl-carousel .owl-dots {
  order: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .exp-cloud-page .exp-customize-block .owl-carousel .owl-dots {
    display: none;
  }
}
.exp-cloud-page .exp-customize-block .owl-carousel .owl-dots .owl-dot {
  margin: 0 5px;
}
.exp-cloud-page .exp-customize-block .owl-carousel .owl-dots .owl-dot button {
  background: none;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  border: none;
  padding: 8px 14px;
  transition: all 0.5s ease-in-out;
}
.exp-cloud-page .exp-customize-block .owl-carousel .owl-dots .owl-dot button:focus {
  outline: none;
}
.exp-cloud-page .exp-customize-block .owl-carousel .owl-dots .owl-dot.active button, .exp-cloud-page .exp-customize-block .owl-carousel .owl-dots .owl-dot:hover button {
  background: #fff;
  color: #ED212D;
}

.cc-page .commerce-cloud {
  height: 60vh;
  position: relative;
  overflow: visible;
}
.cc-page .commerce-cloud:before {
  display: flex;
  width: 100%;
  height: 1135px;
  content: "";
  background-image: url("/static/images/sell/header-bg-img.png");
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 1;
  background-position: center;
  border-radius: 20px;
  top: 0;
}
.cc-page .commerce-cloud.buzz-store {
  height: 100vh;
}
.cc-page .commerce-cloud.buzz-store:before {
  background-image: url("/static/images/sell/buzz-store/header-bg-img.png");
}
.cc-page .commerce-cloud .container {
  z-index: 3;
}
.cc-page .cc-section-2 {
  position: relative;
}
.cc-page .cc-section-2 .container {
  z-index: 2;
  position: relative;
}
@media (min-width: 768px) {
  .cc-page .cc-section-2 .container {
    margin-top: -150px;
  }
}
@media (max-width: 768px) {
  .cc-page {
    overflow: hidden;
  }
}

.bc-page .business-cloud {
  height: 60vh;
  position: relative;
  overflow: visible;
}
.bc-page .business-cloud:before {
  display: flex;
  width: 100%;
  height: 1135px;
  content: "";
  background-image: url("/static/images/sell/header-bg-img.png");
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 1;
  background-position: center;
  border-radius: 20px;
  top: 0;
}
.bc-page .business-cloud .container {
  z-index: 3;
}
.bc-page .bc-section-2 {
  position: relative;
}
.bc-page .bc-section-2 .container {
  z-index: 2;
  position: relative;
}
@media (min-width: 768px) {
  .bc-page .bc-section-2 .container {
    margin-top: -150px;
  }
}

.buzz-team {
  background: #fff;
}
.buzz-team .team-header {
  height: 60vh;
  position: relative;
  overflow: visible;
}
.buzz-team .team-header:before {
  display: flex;
  width: 100%;
  height: 1135px;
  content: "";
  background-image: url("/static/images/sell/team/header-bg-img.png");
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 1;
  background-position: center;
  border-radius: 20px;
  top: 0;
}
.buzz-team .team-header .container {
  z-index: 3;
}
.buzz-team .bc-section-2 {
  position: relative;
}
.buzz-team .bc-section-2 .container {
  z-index: 2;
  position: relative;
}
@media (min-width: 768px) {
  .buzz-team .bc-section-2 .container {
    margin-top: -150px;
  }
}
.buzz-team .team-block .bteam {
  position: relative;
}
.buzz-team .team-block .bteam .team-img {
  position: relative;
  z-index: 3;
}
.buzz-team .team-block .bteam .team-img img {
  box-shadow: 0px 17.57px 35.14px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.buzz-team .team-block .bteam .team-bio {
  position: relative;
  z-index: 2;
  background: #F1F1F5;
  border-radius: 10px;
}
.buzz-team .team-block .bteam .team-bio h2:after {
  content: "";
  height: 4px;
  width: 50px;
  background-color: #ED212D;
  display: block;
  margin-top: 10px;
}
.buzz-team .team-block .bteam .team-bio p {
  margin-bottom: 0;
}

.home-movies {
  position: relative;
  overflow: hidden;
}
.home-movies .movies-tabs li {
  border-bottom: 3px solid transparent;
}
.home-movies .movies-tabs li.active, .home-movies .movies-tabs li:hover {
  border-bottom: 3px solid #ffca03;
}
.home-movies .movies-tabs li.active a, .home-movies .movies-tabs li:hover a {
  color: #fff;
}
.home-movies .movies-tabs li a {
  padding: 8px 15px;
  color: #f3f7f9;
}
.home-movies .movie-home-bg,
.home-movies .movie-home-bg-coming-soon {
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
  position: absolute;
  height: 1200px;
  width: 100%;
  top: -300px;
  left: 0;
  opacity: 0.2;
}
.home-movies .coming-soon,
.home-movies .now-showing {
  display: inline-block;
  left: 0;
  list-style: none outside none;
  padding: 0;
  position: relative;
}
.home-movies .coming-soon.owl-carousel,
.home-movies .now-showing.owl-carousel {
  background: transparent;
}
.home-movies .coming-soon li,
.home-movies .now-showing li {
  width: 270px;
  display: inline-block;
  margin-left: 0;
}
.home-movies .coming-soon li img,
.home-movies .now-showing li img {
  width: 100%;
}
.home-movies .coming-soon .owl-item li img,
.home-movies .now-showing .owl-item li img {
  height: 380px;
}
.home-movies .coming-soon .owl-buttons,
.home-movies .now-showing .owl-buttons {
  opacity: 1;
}
.home-movies .coming-soon .owl-buttons div,
.home-movies .now-showing .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
}
.home-movies .coming-soon .owl-buttons a,
.home-movies .now-showing .owl-buttons a {
  background: #ffca03;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #101114;
  margin: 0;
  position: absolute;
  top: -10px;
  z-index: 5;
  cursor: pointer;
  padding: 16px;
}
.home-movies .coming-soon .owl-buttons .owl-prev,
.home-movies .now-showing .owl-buttons .owl-prev {
  left: 0;
  position: absolute;
  top: 50%;
}
.home-movies .coming-soon .owl-buttons .owl-prev a,
.home-movies .now-showing .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.home-movies .coming-soon .owl-buttons .owl-prev a.flex-prev,
.home-movies .now-showing .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.home-movies .coming-soon .owl-buttons .owl-prev a:before,
.home-movies .now-showing .owl-buttons .owl-prev a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f104";
  font-weight: 900;
  font-size: 24px;
  line-height: 24px;
}
.home-movies .coming-soon .owl-buttons .owl-next,
.home-movies .now-showing .owl-buttons .owl-next {
  right: 0;
  position: absolute;
  top: 50%;
}
.home-movies .coming-soon .owl-buttons .owl-next a.flex-next,
.home-movies .now-showing .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.home-movies .coming-soon .owl-buttons .owl-next a:before,
.home-movies .now-showing .owl-buttons .owl-next a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
  font-size: 24px;
  line-height: 24px;
}

.featured-events .f-ev.ev-card .card-img {
  height: auto;
}
.featured-events .f-ev.ev-card .card-det {
  height: 135px;
}

.landing-2020 {
  background: #fff;
}
.landing-2020 .products-landing-block .owl-carousel {
  max-height: 250px;
  overflow: hidden;
}
.landing-2020 .products-landing-block .owl-carousel .item .card {
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}
.landing-2020 .products-landing-block .owl-carousel .item .card .card-img-top {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  transform: translateZ(0px);
  transition-duration: 500ms;
  transition-property: transform;
}
.landing-2020 .products-landing-block .owl-carousel .item .card:hover {
  box-shadow: var(--ct-box-shadow-lg);
}
.landing-2020 .products-landing-block .owl-carousel .item .card:hover .card-img-top {
  transform: scale(1.2);
}
.landing-2020 .products-landing-block .owl-carousel .item .card .tprod-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.landing-2020 .products-landing-block .owl-carousel .item .card .card-body {
  min-height: 95px;
}
.landing-2020 .products-landing-block .owl-carousel:hover .owl-buttons {
  display: block;
}
.landing-2020 .products-landing-block .owl-carousel .owl-buttons {
  opacity: 1;
  display: none;
}
.landing-2020 .products-landing-block .owl-carousel .owl-buttons.disabled {
  display: none;
}
.landing-2020 .products-landing-block .owl-carousel .owl-buttons:hover {
  opacity: 1;
}
.landing-2020 .products-landing-block .owl-carousel .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  text-align: center;
}
.landing-2020 .products-landing-block .owl-carousel .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #101114;
  margin: 0;
  position: absolute;
  top: -10px;
  z-index: 5;
  cursor: pointer;
  width: 32px;
  height: 32px;
  text-align: center;
  border-radius: 100%;
}
.landing-2020 .products-landing-block .owl-carousel .owl-buttons .owl-prev {
  left: 50px;
  position: absolute;
  top: 50%;
}
.landing-2020 .products-landing-block .owl-carousel .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.landing-2020 .products-landing-block .owl-carousel .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.landing-2020 .products-landing-block .owl-carousel .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 900;
  line-height: 32px;
  text-transform: none;
}
.landing-2020 .products-landing-block .owl-carousel .owl-buttons .owl-next {
  right: 50px;
  position: absolute;
  top: 50%;
}
.landing-2020 .products-landing-block .owl-carousel .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.landing-2020 .products-landing-block .owl-carousel .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 900;
  line-height: 32px;
  text-transform: none;
}
.landing-2020 .products-landing-block .nav li a {
  border-bottom: 1px solid transparent;
}
.landing-2020 .products-landing-block .nav li a.active {
  border-bottom: 1px solid #fff;
}
.landing-2020 .events-landing-block .nav li a {
  border-bottom: 1px solid transparent;
}
.landing-2020 .events-landing-block .nav li a.active {
  border-bottom: 1px solid #fff;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .card {
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  position: relative;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .card .event-price span {
  position: absolute;
  top: 40%;
  left: 10px;
  border-radius: 10px;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .card:hover {
  box-shadow: var(--ct-box-shadow-lg);
}
.landing-2020 .events-landing-block .trending-events .owl-carousel:hover .owl-buttons {
  display: block;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .owl-buttons {
  opacity: 1;
  display: none;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .owl-buttons.disabled {
  display: none;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .owl-buttons:hover {
  opacity: 1;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  text-align: center;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #101114;
  margin: 0;
  position: absolute;
  top: -10px;
  z-index: 5;
  cursor: pointer;
  width: 32px;
  height: 32px;
  text-align: center;
  border-radius: 100%;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .owl-buttons .owl-prev {
  left: 50px;
  position: absolute;
  top: 50%;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 900;
  line-height: 32px;
  text-transform: none;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .owl-buttons .owl-next {
  right: 50px;
  position: absolute;
  top: 50%;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.landing-2020 .events-landing-block .trending-events .owl-carousel .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 900;
  line-height: 32px;
  text-transform: none;
}
.landing-2020 .collections-grid .owl-carousel .card {
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.landing-2020 .collections-grid .owl-carousel .card .card-img-top {
  max-height: 180px;
}
.landing-2020 .collections-grid .owl-carousel .card:hover {
  box-shadow: var(--ct-box-shadow-lg);
}
.landing-2020 .collections-grid .owl-carousel:hover .owl-buttons {
  display: block;
}
.landing-2020 .collections-grid .owl-carousel .owl-buttons {
  opacity: 1;
  display: none;
}
.landing-2020 .collections-grid .owl-carousel .owl-buttons.disabled {
  display: none;
}
.landing-2020 .collections-grid .owl-carousel .owl-buttons:hover {
  opacity: 1;
}
.landing-2020 .collections-grid .owl-carousel .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  text-align: center;
}
.landing-2020 .collections-grid .owl-carousel .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #101114;
  margin: 0;
  position: absolute;
  top: -10px;
  z-index: 5;
  cursor: pointer;
  width: 32px;
  height: 32px;
  text-align: center;
  border-radius: 100%;
}
.landing-2020 .collections-grid .owl-carousel .owl-buttons .owl-prev {
  left: 50px;
  position: absolute;
  top: 50%;
}
.landing-2020 .collections-grid .owl-carousel .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.landing-2020 .collections-grid .owl-carousel .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.landing-2020 .collections-grid .owl-carousel .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 900;
  line-height: 32px;
  text-transform: none;
}
.landing-2020 .collections-grid .owl-carousel .owl-buttons .owl-next {
  right: 50px;
  position: absolute;
  top: 50%;
}
.landing-2020 .collections-grid .owl-carousel .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.landing-2020 .collections-grid .owl-carousel .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 900;
  line-height: 32px;
  text-transform: none;
}

.events-landing {
  background-color: #fff;
}
.events-landing .banner-events {
  max-height: 500px;
  overflow: hidden;
}
.events-landing .search-block {
  position: relative;
  z-index: 55;
}
.events-landing .search-block .input-group-append .btn {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.events-landing .trending-events .card {
  position: relative;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.events-landing .trending-events .card .event-price span {
  position: absolute;
  top: 40%;
  left: 10px;
  border-radius: 10px;
}
.events-landing .events-category-block-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  grid-gap: 22px;
  grid-auto-rows: minmax(150px, auto);
  grid-auto-flow: dense;
  width: 100%;
}
.events-landing .events-category-block-container .events-category-block {
  grid-column-end: span 1;
  grid-row-end: span 1;
  margin-bottom: 0;
  max-height: 200px;
  position: relative;
  overflow: hidden;
}
.events-landing .events-category-block-container .events-category-block .card-img {
  border-radius: 10px;
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 60px);
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
  transform: translate3d(-10px, 0, 0) scale(1.1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.events-landing .events-category-block-container .events-category-block .card-body {
  background-color: rgba(0, 0, 0, 0.5);
}
.events-landing .events-category-block-container .events-category-block:hover .card-img {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.events-landing .events-category-block-container .events-category-block.gap-2 {
  grid-column-end: span 1;
  grid-row-end: span 2;
  max-height: 420px;
}

.venues {
  background-color: #fff;
}
.venues .banner-venues {
  max-height: 500px;
  overflow: hidden;
}

.venue-details .gallery-block .get-det {
  width: 20%;
  display: inline-block;
  vertical-align: top;
}
.venue-details .gallery-block .get-det .block {
  margin: 0 10px 10px 0;
  text-align: left;
  border: 0;
  transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -webkit-transition: all 500ms;
}
@media (min-width: 760px) {
  .venue-details .gallery-block .get-det {
    width: 33.33%;
  }
}

/*Category block landing page*/
.categories-home {
  max-width: 1140px !important;
}
.categories-home .cat-home-container {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.categories-home .cat-home-container a.cat-block-4 {
  text-align: center;
  margin: 15px;
  flex-grow: 1;
  width: calc(25% - 30px);
  z-index: 2;
}
.categories-home .cat-home-container a.cat-block-3 {
  text-align: center;
  margin: 15px;
  flex-grow: 1;
  width: calc(33.33% - 30px);
  z-index: 2;
}
.categories-home .cat-home-container a .pref {
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.categories-home .cat-home-container a .pref .cat-home {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.2);
}
.categories-home .cat-home-container a .pref .cat-home h4 {
  margin-top: 60px;
  color: #fff;
}
.categories-home .cat-home-container a .pref .cat-home p {
  color: #fff;
}
.categories-home .cat-home-container a .pref:hover .cat-home, .categories-home .cat-home-container a .pref:focus .cat-home, .categories-home .cat-home-container a .pref:active .cat-home {
  background-color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 768px) {
  .categories-home .cat-home-container a.cat-block-4 {
    flex-grow: 1;
    width: calc(100% - 30px);
  }
  .categories-home .cat-home-container a.cat-block-3 {
    flex-grow: 1;
    width: calc(100% - 30px);
  }
  .categories-home .cat-home-container a.cat-block-3 img {
    width: 100%;
  }
  .categories-home .cat-home-container a .pref img {
    width: 100%;
  }
}

.org-app {
  max-height: 400px;
  overflow: hidden;
}

.all-events-filters ul li.active a {
  font-weight: bold;
  text-decoration: underline;
}
.all-events-filters ul li a {
  padding: 5px 0;
}

.home-filter {
  padding: 15px 15px 0;
}
.home-filter ul li a {
  font-size: 14px;
}
.home-filter ul li a i {
  font-size: 18px;
}
.home-filter ul li h4 a {
  font-size: 18px;
}
.home-filter .nav-tabs {
  border-bottom: none;
}
.home-filter .nav-tabs li a {
  background: #fff;
  border-color: #f3f7f9;
  color: #6c757d;
  font-size: 14px;
}
.home-filter .nav-tabs li a:hover {
  background: #F7F7F7;
  border-color: #ddd;
  color: #333;
}
.home-filter .nav-tabs li.active a:hover, .home-filter .nav-tabs li.active a:focus {
  background: #F7F7F7;
  border-color: #ddd;
  color: #333;
}
.home-filter .nav-tabs.nav-justified li a {
  border-bottom: 1px solid transparent;
}

.profile-tabs {
  padding: 15px 15px 3px;
}
.profile-tabs a {
  color: #666;
  border-bottom: 3px solid transparent;
}
.profile-tabs a.active, .profile-tabs a:hover {
  border-bottom: 3px solid #ffca03;
  color: #101114;
}

.man-menu-2 {
  padding: 15px 15px 0;
}

.profile-menu a {
  border-bottom: 3px solid transparent;
  color: #92929D;
}
.profile-menu a.active, .profile-menu a:hover {
  border-bottom: 3px solid #101114;
  color: #101114;
}
.profile-menu a.active svg path, .profile-menu a:hover svg path {
  fill: #101114;
}

.home-filter ul li,
.profile-tabs ul li,
.man-menu-2 ul li,
.search-strip ul li,
.mail-nav ul li {
  line-height: 33px;
}
.home-filter ul li a,
.profile-tabs ul li a,
.man-menu-2 ul li a,
.search-strip ul li a,
.mail-nav ul li a {
  padding: 8px 15px;
  color: #666;
  border-bottom: 3px solid transparent;
}
.home-filter ul li a.active, .home-filter ul li a:hover,
.profile-tabs ul li a.active,
.profile-tabs ul li a:hover,
.man-menu-2 ul li a.active,
.man-menu-2 ul li a:hover,
.search-strip ul li a.active,
.search-strip ul li a:hover,
.mail-nav ul li a.active,
.mail-nav ul li a:hover {
  border-bottom: 3px solid #ffca03;
  color: #101114;
}

.user {
  /*Billing info*/
}
.user .content-body {
  display: block;
  padding: 40px 15px;
  position: relative;
  vertical-align: top;
  margin-top: 50px;
}
.user .page-header {
  background: none repeat scroll 0 0 #171717;
  border-bottom: medium none;
  height: 50px;
  padding: 0;
  z-index: 1001;
  margin: -40px -40px 40px;
  top: 40px;
}
.user .page-header h2 {
  color: #fff;
}
.user .edit-photo a {
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.7);
  top: 25%;
  left: 30%;
  padding: 30px 30px;
  width: 80px;
  height: 80px;
}
.user .thumb-info {
  position: relative;
}
.user .thumb-info .edit-photo {
  display: none;
}
.user .thumb-info .edit-photo a i {
  font-size: 20px;
}
.user .thumb-info:hover .edit-photo {
  display: block;
}
.user .thumb-info .thumb-info-title {
  background: none repeat scroll 0 0 rgba(36, 27, 28, 0.9);
  bottom: 10%;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  left: 0;
  letter-spacing: -1px;
  padding: 9px 11px;
  position: absolute;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  z-index: 1;
}
.user .thumb-info .thumb-info-inner {
  display: block;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}
.user .thumb-info .thumb-info-type {
  background-color: #8261a7;
  border-radius: 2px;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 8px -2px -15px;
  padding: 2px 9px;
  text-transform: none;
}
.user .thumb-info .card {
  background: #fff;
}
.user .thumb-info .card .panel-card {
  border-bottom: 1px solid #f3f7f9 !important;
}
.user .thumb-info .card .panel-body .ev-b .ev-p {
  border: 1px solid #323a46;
}
.user .thumb-info .card .panel-footer {
  background: #fff;
  border-top: 1px solid #f3f7f9;
}
.user .thumb-info .card .panel-footer .btn:hover {
  color: #fff;
  background: #323a46;
  opacity: 1;
}
.user hr {
  background-image: -webkit-linear-gradient(left, transparent, rgba(151, 151, 166, 0.2), transparent);
  background-image: -moz-linear-gradient(left, transparent, rgba(151, 151, 166, 0.2), transparent);
  background-image: -ms-linear-gradient(left, transparent, rgba(151, 151, 166, 0.2), transparent);
  background-image: -o-linear-gradient(left, transparent, rgba(151, 151, 166, 0.2), transparent);
  border: 0 none;
  height: 1px;
  margin: 22px 0;
}
.user hr.short {
  margin: 11px 0;
}
.user hr.dotted {
  border-bottom: 1px dotted #323a46;
  height: 0;
}
.user .card .socials ul {
  display: inline-block;
}
.user .card .socials ul li {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #101114;
  background: #ddddde;
  text-align: center;
  line-height: 26px;
  margin-right: 5px;
}
.user .card .socials ul li.fb {
  background: #3b5998;
  color: #fff;
}
.user .card .socials ul li.tw {
  background: #00aced;
  color: #fff;
}
.user .card .socials ul li.ig {
  background: #bc2a8d;
  color: #fff;
}
.user .card .socials ul li.in {
  background: #007bb6;
  color: #fff;
}
.user .card .socials ul li.li {
  background: #1060A6;
  color: #fff;
}
.user .card .socials ul li.web {
  background: #3a4149;
  color: #fff;
}
.user .card .socials ul li .fa {
  line-height: 26px;
}
.user .widget-toggle-expand .widget-header {
  margin: 0;
  padding: 5px 0;
  position: relative;
}
.user .widget-toggle-expand .widget-header h6 {
  font-size: 1.3rem;
  margin: 0;
  padding: 0;
}
.user .widget-toggle-expand .widget-header .widget-toggle {
  color: #b4b4b4;
  cursor: pointer;
  font-size: 2.1rem;
  line-height: 2.1rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: rotate(45deg);
  transition-duration: 0.2s;
  transition-property: transform;
  transition-timing-function: linear;
}
.user .progress {
  background: #f5f5f5;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset;
  -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset;
  -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset;
}
.user .progress.light {
  background: linear-gradient(#f6f7f8, #f6f7f8 10%, whitesmoke 11%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
.user .progress-xs {
  height: 7px;
}
.user .progress-xs .progress-bar {
  direction: ltr !important;
  text-indent: -9999px;
}
.user .progress-bar {
  border-radius: 4px;
  box-shadow: none;
}
.user ul.simple-todo-list li {
  padding: 0 0 0 20px;
  position: relative;
}
.user ul.simple-todo-list li.completed:before {
  content: "\f00c";
  font-family: FontAwesome;
  left: 0;
  position: absolute;
  top: 3px;
  z-index: 1;
}
.user .tab-content {
  padding: 0 15px;
}
.user .simple-compose-box {
  background: none;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.user .simple-compose-box textarea {
  color: #dee2e6;
  background: #f3f7f9;
  border-color: transparent;
  box-shadow: none;
}
.user .simple-compose-box textarea:focus {
  background-color: #fff;
}
.user .simple-compose-box .compose-box-footer {
  background-color: #fff;
  border-radius: 0 0 2px 2px;
}
.user .simple-compose-box .compose-box-footer:after {
  clear: both;
  content: "";
  display: table;
}
.user .simple-compose-box .compose-box-footer .compose-toolbar {
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 0 3px;
}
.user .simple-compose-box .compose-box-footer .compose-toolbar li {
  display: inline-block;
}
.user .simple-compose-box .compose-box-footer .compose-toolbar li a {
  color: #b3b7bd;
  display: block;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}
.user .simple-compose-box .compose-box-footer .compose-btn {
  float: right;
  list-style: none outside none;
  margin: 0;
  padding: 3px;
}
.user .user-timeline {
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.user .user-timeline:last-child {
  border-bottom: none;
}
.user .user-timeline h5 {
  margin-top: 0;
  margin-bottom: 0;
}
.user .user-status {
  overflow: hidden;
}
.user .user-status p a {
  color: #ffca03;
}
.user .ev-card {
  border: 1px solid #f3f7f9;
}
.user .user-movie {
  overflow: hidden;
}
.user .user-movie li:first-child {
  margin-right: 0;
}
.user input,
.user textarea {
  background: #fcfcfc;
  border-color: #ccc;
  color: #333;
}
.user input:focus,
.user textarea:focus {
  background: #fff;
  border-color: #ddd;
}
.user textarea {
  border: 1px solid #f3f7f9;
}
.user #edit .form-control :focus {
  border: 1px solid #101114;
}
.user #edit .input-group-addon {
  color: #9797a6;
  background-color: #363C44;
  border-color: #363C44;
}
.user #edit .nav-tabs li a {
  border: 1px solid #ddd;
}
.user .pref {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  background: #f3f7f9;
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
  position: relative;
  height: 135px;
  cursor: pointer;
  width: 135px;
}
.user .pref h4 {
  vertical-align: middle;
  height: 100%;
}
.user .pref.active {
  display: block;
  background: #ffca03;
}
.user .settings .nav-tabs {
  border-bottom: none;
}
.user .settings .nav-tabs > li {
  margin-bottom: 0;
}
.user .settings .nav-tabs > li a {
  border-radius: 0;
}
.user .settings .nav-tabs > li a:hover {
  background: #f3f7f9;
  border-color: #f3f7f9;
  color: #323a46;
}
.user .settings .nav-tabs > li.active a {
  border-bottom: none;
}
.user .settings .nav-tabs > li.active a:hover, .user .settings .nav-tabs > li.active a:focus {
  border-bottom: none;
}
.user .settings #sidebar-menu li a {
  margin-left: 0;
  padding-left: 0;
}
.user .settings #sidebar-menu li ul {
  border-radius: 5px;
}
.user .settings #sidebar-menu li ul li a {
  margin: 0 5px;
  padding: 0 10px 0 38px;
}
.user .prof-pic .dropdown-menu > li > a:hover {
  background: #101114;
}
.user .prof-pic .cover img {
  height: 64px;
}
.user .p-block .p-img {
  padding: 5px;
}
.user .p-block .p-img img {
  height: 45px;
  width: 45px;
}
.user .gallery-block .block {
  border: none;
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
}
.user .user-profile .tabs {
  background: transparent;
}
.user .user-profile #events .list-inline li,
.user .user-profile #f-ing .list-inline li,
.user .user-profile #fav .list-inline li {
  line-height: 33px;
}
.user .user-profile #events .list-inline li a,
.user .user-profile #f-ing .list-inline li a,
.user .user-profile #fav .list-inline li a {
  padding: 8px 15px;
  font-size: 16px;
  border-bottom: 3px solid transparent;
}
.user .user-profile #events .list-inline li a:hover, .user .user-profile #events .list-inline li a.active,
.user .user-profile #f-ing .list-inline li a:hover,
.user .user-profile #f-ing .list-inline li a.active,
.user .user-profile #fav .list-inline li a:hover,
.user .user-profile #fav .list-inline li a.active {
  border-bottom-color: #ffca03;
  color: #101114;
}
.user .billing div a h4 {
  height: 150px;
  padding: 60px;
}
.user .billing .nav-tabs > li > a {
  background: #f3f7f9;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #323a46;
}
.user .billing .nav-tabs > li.active a {
  background: #fff;
  color: #dee2e6;
}
.user .billing .nav-tabs > li.active a:hover, .user .billing .nav-tabs > li.active a:focus {
  background: #fff;
  color: #dee2e6;
}
.user .user-cover {
  height: 250px;
  margin-top: 50px;
  background: #101114;
  position: relative;
}
.user .user-cover .prof-container {
  position: relative;
  z-index: 5;
  height: 80%;
}
.user .user-cover .banner {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
}
.user .user-cover .h-strip {
  background: #fff;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.user .user-cover .h-strip .prof-pic {
  top: 10px;
  display: block;
  margin-right: 10px;
  position: relative;
  border: 5px solid #f3f7f9;
}
.user .user-cover .h-strip h4 {
  display: inline-block;
  margin-top: 65px;
  max-width: 128px;
}
.user .user-cover .h-strip .menu ul {
  position: relative;
}
.user .user-cover .h-strip .menu .active > a {
  background: none;
  border: none;
  color: #101114 !important;
}
.user .user-cover .h-strip .u-buttons {
  margin-top: 70px;
}
.user .subscriptions-holder {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-right: -15px;
  margin-left: -15px;
}
.user .subscriptions-holder .subscription {
  padding: 20px;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
  flex: 1;
}
.user .subscriptions-holder .subscription .status {
  border-radius: 50px;
  height: 10px;
  width: 10px;
  line-height: 10px;
  position: relative;
  display: inline-block;
  margin: 0 auto;
}
.user .subscriptions-holder .subscription .status.active {
  background-color: #006666;
}
.user .subscriptions-holder .subscription .status.trial {
  background-color: #fdc45e;
}
.user .subscriptions-holder .subscription .status.cancelled {
  background-color: #f75964;
}

.profile-side-menu ul li {
  position: relative;
}
.profile-side-menu ul li a {
  font-size: 12px;
  line-height: 26px;
  padding: 4px 7px 4px 25px;
}
.profile-side-menu ul li i {
  position: absolute;
  top: 5px;
  left: 0;
}
.profile-side-menu .menu-icon a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
}
.profile-side-menu .menu-icon.menu-profile a:before {
  background: url("/static/images/site/new-icons/icons8-customer.png") no-repeat;
  background-size: 18px 18px;
}
.profile-side-menu .menu-icon.menu-bill a:before {
  background: url("/static/images/site/new-icons/icons8-money.png") no-repeat;
  background-size: 18px 18px;
}
.profile-side-menu .menu-icon.menu-trans a:before {
  background: url("/static/images/site/new-icons/icons8-bill.png") no-repeat;
  background-size: 18px 18px;
}
.profile-side-menu .menu-icon.menu-book a:before {
  background: url("/static/images/site/new-icons/icons8-ticket.png") no-repeat;
  background-size: 18px 18px;
}
.profile-side-menu .menu-icon.menu-wish a:before {
  background: url("/static/images/site/new-icons/icons8-addition-symbol.png") no-repeat;
  background-size: 18px 18px;
}
.profile-side-menu .menu-icon.menu-sub a:before {
  background: url("/static/images/site/new-icons/icons8-renew.png") no-repeat;
  background-size: 18px 18px;
}
.profile-side-menu .menu-icon.menu-set a:before {
  background: url("/static/images/site/new-icons/icons8-settings.png") no-repeat;
  background-size: 18px 18px;
}

.status {
  border-radius: 50px;
  height: 10px;
  width: 10px;
  line-height: 10px;
  position: relative;
  display: inline-block;
  margin: 0 5px 0 auto;
  background: #e9ecef;
}
.status.completed, .status.paid, .status.active {
  background: #5ad092;
}
.status.cancelled {
  background: #f75964;
}
.status.past-due {
  background: #ED134D;
}
.status.refunded {
  background: #fcbabf;
}
.status.reserved, .status.read {
  background: #6658dd;
}
.status.pending, .status.not-paid, .status.inactive {
  background: #feb679;
}
.status.processing, .status.sent {
  background: #4fc6e1;
}
.status.will_pay_offline, .status.will-pay-offline, .status.Will_pay_offline {
  background: #6658dd;
}
.status.has_paid_offline, .status.has-paid-offline, .status.Has_paid_offline {
  background: #a9e7c6;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
  padding: 0 10px !important;
}

.f-block {
  border: 1px solid #f3f7f9;
  border-radius: 4px;
  padding-bottom: 10px;
  display: block;
  width: 100%;
  height: 115px;
  max-width: 250px;
  overflow: hidden;
}
.f-block .f-org-pic {
  padding: 0;
}
.f-block ul li {
  overflow-wrap: break-word;
}

.my-bookings .booking-holder {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.my-bookings .booking-holder .booking {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.my-bookings .booking-holder .booking .booking-date {
  flex: 1;
}
.my-bookings .booking-holder .booking .booking-company,
.my-bookings .booking-holder .booking .booking-service {
  flex: 1.5;
}
.my-bookings .booking-holder .booking .booking-duration,
.my-bookings .booking-holder .booking .booking-action,
.my-bookings .booking-holder .booking .booking-time {
  flex: 0.5;
}

.addresses .address-holder {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-right: -15px;
  margin-left: -15px;
  justify-content: flex-start;
}
.addresses .address-holder .address {
  width: calc(100% - 30px);
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px;
  padding: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
}
.addresses .address-holder .address.new {
  border: 3px dashed #f3f7f9;
  justify-content: center;
  align-items: center;
}
.addresses .address-holder .address .address-action {
  margin-top: auto;
}

.mail-nav ul li {
  margin: 0 15px;
}
.mail-nav.page-title-3 {
  height: 85px;
  min-height: 85px;
}

.mail-filter {
  position: relative;
  display: inline-block;
}

.stick-top-left,
.stick-top-right,
.stick-top-left-right {
  top: 0;
  position: absolute;
  padding: 5px;
}

.stick-bottom-left,
.stick-bottom-right,
.stick-bottom-left-right {
  bottom: 0;
  position: absolute;
  padding: 5px;
}

.stick-top-right,
.stick-bottom-right,
.stick-top-left-right,
.stick-bottom-left-right {
  right: 0;
  z-index: 14;
}

.stick-top-left,
.stick-bottom-left,
.stick-top-left-right,
.stick-bottom-left-right {
  left: 0;
}

.list-email a:first-child {
  border-top: medium none;
}
.list-email h2,
.list-email h3,
.list-email h4,
.list-email h5,
.list-email h6 {
  margin-bottom: 5px;
  margin-top: 0;
}
.list-email p {
  color: #a3a8a8;
  line-height: 1.3;
  margin-bottom: 0;
}

.mail-more,
.mail-more.active {
  border-radius: 50%;
  color: #727272;
  cursor: pointer;
  font-size: 15px;
  height: 24px !important;
  line-height: 24px !important;
  text-align: center;
  transition: background 280ms ease-out 0s, color 280ms ease-out 0s;
  width: 24px !important;
  display: inline-block;
}

.mail-more:hover,
.open .mail-more {
  background-color: #ddd;
  color: #111;
}

.set-dropdown {
  left: auto;
  top: auto;
  float: right;
  right: 0;
  min-width: 80px;
  z-index: 20;
}

.messages {
  padding: 15px;
}
.messages .message {
  margin: 10px 0;
  overflow: hidden;
  position: relative;
}
.messages .message .user-picture {
  border-radius: 50%;
  height: 45px;
  left: 0;
  position: absolute;
  top: 15px;
  width: 45px;
}
.messages .message .message-text {
  border-radius: 25px;
  clear: both;
  float: right;
  font-size: 16px;
  margin-bottom: 2px;
  padding: 10px 20px;
  position: relative;
}
.messages .message .message-text:before, .messages .message .message-text:after {
  border-radius: 100%;
}
.messages .message .message-text:first-child {
  margin-top: 15px;
}
.messages .message .message-text:first-child:before, .messages .message .message-text:first-child:after {
  content: "";
  height: 20px;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: -1;
}
.messages .message.left {
  transform-origin: left center 0;
}
.messages .message.left .message-text {
  background-color: #f0f0f0;
  color: rgba(0, 0, 0, 0.87);
  float: left;
  margin-left: 55px;
  margin-right: 70px;
}
.messages .message.left .message-text:before {
  background-color: #f0f0f0;
  border-radius: 0;
  left: -16px;
}
.messages .message.left .message-text:after {
  background-color: #fff;
  height: 50px;
  left: -50px;
  top: -1px;
  width: 50px;
}
.messages .message.right {
  transform-origin: right center 0;
}
.messages .message.right .user-picture {
  left: auto;
  right: 0;
}
.messages .message.right .message-text {
  background-color: #2095f2;
  color: #fff;
  float: right;
  margin-left: 70px;
  margin-right: 55px;
}
.messages .message.right .message-text:before {
  background-color: #2095f2;
  border-radius: 0;
  right: -16px;
}
.messages .message.right .message-text:after {
  background-color: #fff;
  height: 50px;
  right: -49px;
  top: -1px;
  width: 50px;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 99999999;
}

.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block !important;
}

/*Countdown timer*/
#timer {
  width: 100%;
  height: 55px;
  position: relative;
}

.numbs {
  font-size: 24px;
  font-family: "Alarm Clock";
  font-weight: bold;
  text-align: left;
  color: #522F91;
}

#d {
  background: #f3f7f9;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #f3f7f9;
}

#h {
  background: #f3f7f9;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #f3f7f9;
}

#m {
  background: #f3f7f9;
  border: 1px solid #f3f7f9;
  padding: 5px 10px;
  border-radius: 4px;
}

#s {
  background: #f3f7f9;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #f3f7f9;
}

.labs {
  font-size: 9px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #dee2e6;
  text-transform: uppercase;
}

#dl {
  padding: 0;
  margin: 0;
}

#hl {
  padding: 0;
  margin: 0;
}

#ml {
  padding: 0;
  margin: 0;
}

#sl {
  padding: 0;
  margin: 0;
}

/*filter*/
.filter li a {
  padding: 8px 15px;
  font-size: 11px;
}
.filter li a:hover {
  background: #0c0d0e;
  border-radius: 5px;
}
.filter li.active a {
  background: #0c0d0e;
  border-radius: 5px;
}

/*Organizer profile*/
/*Banner area*/
.org-prof-banner {
  background-color: #101114;
  height: auto;
  position: relative;
  overflow: hidden;
  margin: 50px 0 0;
}
.org-prof-banner .custom-fade {
  background: -moz-linear-gradient(bottom, #101114 10%, transparent 60%);
  background: -webkit-linear-gradient(bottom, #101114 10%, transparent 60%);
  background: -o-linear-gradient(bottom, #101114 10%, transparent 60%);
  background: -ms-linear-gradient(bottom, #101114 10%, transparent 60%);
  background: linear-gradient(bottom, #101114 10%, transparent 60%);
}
.org-prof-banner .title {
  color: #fff;
  width: 100%;
  z-index: 100;
  position: relative;
}
.org-prof-banner .title .info h1 {
  margin-top: 10px;
  margin-bottom: 5px;
}
.org-prof-banner .title .info p {
  margin-bottom: 5px;
}
.org-prof-banner > img {
  position: absolute;
  top: 0;
  opacity: 0.6;
  left: 0;
  z-index: 0;
}

.info-strip {
  background: #fff;
  z-index: 9;
  position: relative;
}
.info-strip .socials li .fa {
  line-height: 26px;
}
.info-strip .nav {
  margin-top: 35px;
}

.org-prof {
  position: relative;
  z-index: 9;
}
.org-prof .prof-pic {
  position: relative;
  width: 240px;
  margin: 20px auto 0;
}
.org-prof .prof-pic .msg {
  width: 25px;
  height: 25px;
  text-align: center;
  position: absolute;
  background: #5ad092;
  border-radius: 50%;
  border: 2px solid #101114;
  right: 15px;
  bottom: -8px;
}
.org-prof .prof-pic .msg a {
  line-height: 20px;
  position: relative;
  color: #101114;
}

.rating {
  position: relative;
}
.rating input.rating {
  display: none;
}
.rating ul {
  position: relative;
}
.rating ul li {
  display: inline-block;
  font-size: 8px;
  padding: 0 0 0 10px;
  border-right: 1px solid #1C1F25;
  text-transform: uppercase;
}
.rating ul:last-child li {
  border-right: none;
}
.rating .rating-input i {
  cursor: pointer;
  font-size: 1.5em;
  color: #ffca03;
}

/*Organizer event tab*/
.org-prof .tab-content .tab-pane {
  display: none;
}
.org-prof .tab-content .tab-pane.active {
  display: block;
}
.org-prof #events .org-ev.list-inline li {
  border-bottom: 3px solid transparent;
  line-height: 33px;
}
.org-prof #events .org-ev.list-inline li a {
  padding: 8px 15px;
  font-size: 16px;
}
.org-prof #events .org-ev.list-inline li.active, .org-prof #events .org-ev.list-inline li:hover {
  border-bottom-color: #ffca03;
}
.org-prof #events .org-ev.list-inline li.active a, .org-prof #events .org-ev.list-inline li:hover a {
  color: #101114;
}
.org-prof #events .org-event {
  border-bottom: 1px solid #f3f7f9;
}
.org-prof #events .org-event:last-child {
  border-bottom: none;
}
.org-prof #events .org-event .ev-img {
  overflow: hidden;
  max-height: 200px;
}
.org-prof .nav-tabs {
  border-bottom: 1px solid #101114;
}
.org-prof .nav-tabs > li > a {
  background: #101114;
  color: #9797a6;
}
.org-prof .nav-tabs > li > a:hover {
  border-color: #101114 #101114 transparent;
  background: #323a46;
  color: #fff;
}
.org-prof .nav-tabs > li.active a {
  border-color: #101114 #101114 transparent;
  background: #323a46;
  color: #fff;
}
.org-prof .nav-tabs > li.active a:hover, .org-prof .nav-tabs > li.active a:focus {
  border-color: #101114 #101114 transparent;
  background: #323a46;
  color: #fff;
}

.followers img {
  width: 36px;
}
.followers ul {
  display: table;
}
.followers ul li {
  padding-left: 0;
  padding-right: 5px;
  float: left;
}

.secure-block-container {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.secure-block-container .secure-block {
  background: #fff;
  margin: 15px;
  width: calc(33.33% - 30px);
  padding: 20px;
}
@media (max-width: 768px) {
  .secure-block-container .secure-block {
    width: calc(100% - 30px);
  }
}
.secure-block-container .secure-block p {
  margin-bottom: 0;
}

.wallet .total-bal {
  font-size: 40px;
  line-height: 42px;
}
.wallet .dashboard-link-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.wallet .dashboard-link-container .dashboard-link {
  padding: 15px;
  background: #fff;
  margin-right: 10px;
  margin-left: 10px;
  width: calc(20% - 20px);
  text-align: center;
  border-bottom: 3px solid transparent;
}
@media (max-width: 768px) {
  .wallet .dashboard-link-container .dashboard-link {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 468px) {
  .wallet .dashboard-link-container .dashboard-link {
    width: calc(100% - 20px);
  }
}
.wallet .dashboard-link-container .dashboard-link i {
  display: block;
  padding-bottom: 10px;
  font-size: 25px;
}
.wallet .dashboard-link-container .dashboard-link:hover, .wallet .dashboard-link-container .dashboard-link.active, .wallet .dashboard-link-container .dashboard-link:focus {
  border-bottom: 3px solid #006666;
  color: #006666;
}
.wallet .credit-card-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.wallet .credit-card-container .credit-card {
  padding: 20px;
  width: calc(33.33% - 20px);
  height: 200px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
  position: relative;
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
}
.wallet .credit-card-container .credit-card .card-logo {
  position: absolute;
  opacity: 1;
  right: 5%;
  top: 8%;
}
.wallet .credit-card-container .credit-card .card-logo img {
  width: 60px;
}
.wallet .credit-card-container .credit-card .card-lower {
  width: 80%;
  position: absolute;
  left: 10%;
  bottom: 30px;
}
.wallet .credit-card-container .credit-card .card-lower .card-chip {
  width: 50px;
  height: 35px;
  border-radius: 5px;
  background: #CCC;
  position: relative;
}
.wallet .credit-card-container .credit-card .card-lower .card-chip:before {
  content: " ";
  display: block;
  width: 70%;
  height: 60%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #d9d9d9;
  position: absolute;
  top: 20%;
}
.wallet .credit-card-container .credit-card .card-lower .card-number {
  font-size: 24px;
  clear: both;
  margin-bottom: 30px;
  color: #fff;
}
.wallet .credit-card-container .credit-card .card-lower .card-name {
  text-transform: uppercase;
  font-size: 20px;
  max-height: 45px;
  line-height: 20px;
  position: absolute;
  bottom: 0;
  width: 190px;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}
.wallet .credit-card-container .credit-card .card-lower .card-exp {
  letter-spacing: 0;
  position: relative;
  float: right;
  width: 25%;
  color: #fff;
}
.wallet .credit-card-container .credit-card .card-lower .card-exp:before, .wallet .credit-card-container .credit-card .card-lower .card-exp:after {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 7px;
  white-space: pre;
  display: block;
  opacity: 0.5;
}
.wallet .credit-card-container .credit-card .card-lower .card-exp:before {
  content: attr(data-before);
  margin-bottom: 2px;
  font-size: 7px;
  text-transform: uppercase;
}
.wallet .credit-card-container .credit-card .card-lower .card-exp:after {
  position: absolute;
  content: attr(data-after);
  text-align: right;
  right: 100%;
  margin-right: 5px;
  margin-top: 2px;
  bottom: 0;
}
.wallet .credit-card-container .credit-card.mastercard {
  background-color: #101114;
}
.wallet .credit-card-container .credit-card.visa {
  background-color: #0061A8;
}
.wallet .amount-input .amount-custom {
  background: none;
  border: none;
  font-size: 50px;
  line-height: 55px;
  height: 60px;
}
.wallet .amount-input .input-group-addon {
  background: transparent;
  border: none;
  font-size: 50px;
  line-height: 50px;
  height: 50px;
}
.wallet .recent-transactions.table-padded {
  border-collapse: separate;
  border-spacing: 0 5px;
}
.wallet .recent-transactions thead tr th {
  background: transparent;
  text-transform: uppercase;
  padding: 15px 10px;
}
.wallet .recent-transactions tbody tr:hover {
  box-shadow: 0 2px 5px rgba(69, 101, 173, 0.1);
  transform: translateY(-1px) scale(1.01);
}
.wallet .recent-transactions tbody tr td {
  background: #fff;
  padding: 15px 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.03);
  border-top: none;
}
.wallet .recent-transactions tbody tr td:last-child {
  border-right: none;
}

.redactor-air,
.redactor-toolbar {
  z-index: 98 !important;
}

.pay-services-menu img {
  max-width: 30px;
}
.pay-services-menu li.tab a {
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
  text-transform: none;
}
.pay-services-menu li.tab a div .pay-icon {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  text-align: center;
}
.pay-services-menu li.tab a div .pay-icon svg {
  display: block;
  max-height: 30px;
  max-width: 30px;
}
.pay-services-menu li.tab a div .pay-icon svg path {
  color: #98a6ad;
  fill: #ced4da;
}
.pay-services-menu.nav.nav-tabs > li.active > a {
  background: transparent;
}
.pay-services-menu .indicator {
  background-color: #5ad092;
}

.store-block {
  border-bottom: 1px solid #f3f7f9;
  padding-bottom: 10px;
  padding-top: 10px;
}
.store-block:first-child {
  padding-top: 0;
}
.store-block:last-child {
  border-bottom: none;
}
.store-block .store-top ul {
  margin-right: -5px;
}
.store-block .store-top ul li {
  vertical-align: top;
  padding-left: 0;
  padding-right: 1px;
}
.store-block .store-top ul li h6 {
  max-width: 95px;
  overflow: hidden;
  max-height: 15px;
}
.store-block .store-bottom ul {
  margin-right: -5px;
}
.store-block .store-bottom ul li {
  width: 23.8%;
  padding-left: 0;
  padding-right: 1px;
}

.buzz-business {
  background-color: #fff;
}
.buzz-business .trusted-by {
  margin-top: -150px;
  z-index: 2;
  position: relative;
}
@media (max-width: 768px) {
  .buzz-business .trusted-by {
    margin-top: 0;
  }
  .buzz-business .trusted-by .text-white {
    color: #101114 !important;
  }
}
.buzz-business h2 {
  font-size: 48px;
  color: #101114;
}
.buzz-business h2:after {
  content: "";
  height: 4px;
  width: 50px;
  background-color: #ED212D;
  display: block;
  margin-top: 10px;
}
.buzz-business .business-block-left h1:after {
  content: "";
  height: 4px;
  width: 50px;
  background-color: #ED212D;
  display: block;
}

@media print {
  .noprint {
    visibility: hidden;
  }
}
.business-header {
  position: relative;
}
.business-header.buzz-cloud {
  background: url("/static/images/sell/landing/header-background.webp") no-repeat #101114;
  background-size: cover;
}
@media (max-width: 767px) {
  .business-header {
    height: auto !important;
  }
}
.business-header h1 {
  font-family: "AvenirNextLTPro-Demi", sans-serif;
  font-size: 3rem;
}
.business-header p {
  font-family: "AvenirNextLTPro", sans-serif;
}
.business-header.commerce-sell, .business-header.commerce-manage {
  height: 60vh;
}
@media (max-width: 767px) {
  .business-header.commerce-sell, .business-header.commerce-manage {
    height: auto;
  }
}
.business-header.commerce-webstore {
  background: none;
  height: 70vh;
}
#onlinePBlock:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  height: 100%;
  width: 370px;
  background: url("/static/images/sell/payment-fees-bg.png") no-repeat;
  right: -150px;
}
#onlinePBlock .card {
  position: relative;
  z-index: 2;
}

.business-block-left {
  position: relative;
}
.business-block-left .container {
  z-index: 3;
  position: relative;
}
.business-block-left.business-cloud {
  height: 850px;
  z-index: 2;
}
@media (max-width: 767px) {
  .business-block-left.business-cloud {
    height: auto;
  }
}
.business-block-left.commerce-cloud {
  height: 850px;
  z-index: 2;
}
@media (max-width: 767px) {
  .business-block-left.commerce-cloud {
    height: auto;
  }
}
.business-block-left.experience-cloud {
  height: 850px;
  z-index: 2;
}
@media (max-width: 767px) {
  .business-block-left {
    height: auto;
  }
}

.business-block-right {
  position: relative;
}
.business-block-right .container {
  z-index: 3;
  position: relative;
}

.business-sell-block {
  height: 600px;
  background-image: url("/static/images/sell/buzz-exp-cloud-cta-img.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.business-sell-block.alt {
  margin-top: -200px;
}
@media (max-width: 768px) {
  .business-sell-block {
    background-image: none;
  }
}

.buzz-business-cloud {
  background-color: #fff;
}
.buzz-business-cloud a:hover {
  color: #ff5400;
}
.buzz-business-cloud h2 {
  font-family: "AvenirNextLTPro-Demi", sans-serif;
  font-size: 48px;
  color: #101114;
}
.buzz-business-cloud h2:after {
  content: "";
  height: 4px;
  width: 50px;
  background-color: #ED212D;
  display: block;
  margin-top: 10px;
}
.buzz-business-cloud .cloud-apps-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -15px;
  margin-right: -15px;
}
.buzz-business-cloud .cloud-apps-container .cloud-app {
  width: calc(100% - 30px);
  display: flex;
  flex-direction: row;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  padding: 40px;
  border-radius: 10px;
}
@media (min-width: 576px) {
  .buzz-business-cloud .cloud-apps-container .cloud-app {
    width: calc(50% - 30px);
  }
}
.buzz-business-cloud .cloud-apps-container.business .cloud-app {
  flex-direction: column;
  border: 2px solid #F8F8F8;
  border-radius: 10px;
}
.buzz-business-cloud .cloud-apps-container.business .cloud-app svg {
  box-shadow: 0px 9px 22px rgba(0, 0, 0, 0.07);
}
.buzz-business-cloud .cloud-apps-container.business .cloud-app .app-icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.buzz-business-cloud .cloud-apps-container.business .cloud-app .app-icon i {
  font-size: 27px;
}
@media (min-width: 768px) {
  .buzz-business-cloud .cloud-apps-container.business .cloud-app {
    width: calc(33.33% - 30px);
  }
}
.buzz-business-cloud.theme-store-sell .theme-filter .btn-link.mixitup-control-active, .buzz-business-cloud.theme-store-sell .theme-filter .btn-link:hover {
  background: linear-gradient(76.56deg, #ED212D 9.99%, #FF5400 95.11%, #FE6829 243.81%);
  box-shadow: 0px 8px 20px rgba(14, 63, 108, 0.1);
  border-radius: 5.00477px;
  color: #fff;
}
.buzz-business-cloud.theme-store-sell .support-block {
  position: relative;
  z-index: 1;
}
.buzz-business-cloud.theme-store-sell .support-block .card-img-overlay {
  z-index: 3;
}
.buzz-business-cloud.theme-store-sell .support-block .support-content {
  z-index: 2;
  position: absolute;
  bottom: -400px;
}
.buzz-business-cloud.theme-store-sell .reveal {
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}
.buzz-business-cloud.theme-store-sell .reveal.active {
  transform: translateY(0);
  opacity: 1;
}
.buzz-business-cloud.expert-services .expert-services-head {
  background: url("/static/images/sell/expert-sevices-bg.webp") no-repeat;
  min-height: 900px;
}
.buzz-business-cloud.expert-services .support-block {
  position: relative;
  z-index: 1;
}
.buzz-business-cloud.expert-services .support-block .card-img-overlay {
  z-index: 3;
}
.buzz-business-cloud.expert-services .support-block .support-content {
  z-index: 2;
  position: absolute;
  bottom: -400px;
}
.buzz-business-cloud.expert-services .themes-slider_controls .owl-buttons {
  opacity: 1;
  display: block;
}
.buzz-business-cloud.expert-services .themes-slider_controls .owl-buttons.disabled {
  display: none;
}
.buzz-business-cloud.expert-services .themes-slider_controls .owl-buttons div {
  color: #fff;
  display: flex;
  font-size: 12px;
  opacity: 1;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
}
.buzz-business-cloud.expert-services .themes-slider_controls .owl-buttons a {
  background: #fff;
  border: 1px solid #101114;
  color: #101114;
  margin: 0;
  position: absolute;
  z-index: 5;
  cursor: pointer;
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 100%;
}
.buzz-business-cloud.expert-services .themes-slider_controls .owl-buttons .owl-prev {
  right: 75px;
  position: absolute;
  top: 25px;
}
.buzz-business-cloud.expert-services .themes-slider_controls .owl-buttons .owl-prev a {
  background-position: 0 100%;
}
.buzz-business-cloud.expert-services .themes-slider_controls .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.buzz-business-cloud.expert-services .themes-slider_controls .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: 900;
  line-height: 58px;
  text-transform: none;
}
.buzz-business-cloud.expert-services .themes-slider_controls .owl-buttons .owl-next {
  right: 0;
  position: absolute;
  top: 25px;
}
.buzz-business-cloud.expert-services .themes-slider_controls .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.buzz-business-cloud.expert-services .themes-slider_controls .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: 900;
  line-height: 58px;
  text-transform: none;
}
.buzz-business-cloud.design-branding .customer-eg figure {
  overflow: visible;
  background: #FAFAFA;
  border-radius: 30px;
}
.buzz-business-cloud .owl-theme .owl-buttons {
  opacity: 1;
}
.buzz-business-cloud .owl-theme .owl-buttons div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin: 5px;
  opacity: 1;
  padding: 3px 10px;
}
.buzz-business-cloud .owl-theme .owl-buttons a {
  background: #fff;
  border: medium none;
  color: #101114;
  display: block;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 100%;
  position: absolute;
  top: -35px;
  width: 48px;
  z-index: 5;
  cursor: pointer;
  box-shadow: var(--ct-box-shadow);
}
.buzz-business-cloud .owl-theme .owl-buttons .owl-prev {
  position: absolute;
  right: 22px;
  bottom: 10px;
}
.buzz-business-cloud .owl-theme .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.buzz-business-cloud .owl-theme .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 900;
  line-height: 48px;
  text-transform: none;
}
.buzz-business-cloud .owl-theme .owl-buttons .owl-next {
  right: -30px;
  position: absolute;
  bottom: 10px;
}
.buzz-business-cloud .owl-theme .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 900;
  line-height: 48px;
  text-transform: none;
}
.buzz-business-cloud.com-sell-page {
  margin-bottom: 0 !important;
}
.buzz-business-cloud.com-sell-page p {
  font-family: "AvenirNextLTPro-Medium";
}
.buzz-business-cloud.com-sell-page .start-selling {
  border-radius: 20px !important;
}
.buzz-business-cloud.com-sell-page .start-selling .card-img {
  border-radius: 20px;
}
.buzz-business-cloud .faq-call-to-action {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  min-height: 520px;
  justify-content: space-between;
}
.buzz-business-cloud .faq-call-to-action.bc-faq {
  background: url("/static/images/sell/faqs/bc/faqs-section.png") no-repeat;
}
.buzz-business-cloud .faq-call-to-action.cc-faq {
  background: url("/static/images/sell/faqs/cc/faqs-section.png") no-repeat;
}
.buzz-business-cloud .faq-call-to-action.ec-faq {
  background: url("/static/images/sell/faqs/ec/faqs-section.png") no-repeat;
}

@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}
.business-cloud.pay-pricing {
  margin-bottom: 105px !important;
}
.business-cloud.pay-pricing h1 {
  font-family: "AvenirNextRoundedPro";
}
.business-cloud.pay-pricing .plan-features ul li {
  line-height: 30px;
}
.business-cloud.pay-pricing .pricing-container .pricing-header {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.business-cloud.pay-pricing .pricing-container .pricing-header .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px 15px;
  z-index: 3;
  box-shadow: none;
  width: calc(25% - 30px);
  position: relative;
}
.business-cloud.pay-pricing .pricing-container .pricing-header .plan a {
  z-index: 3;
  position: relative;
}
.business-cloud.pay-pricing .pricing-container .pricing-header .plan:nth-child(2), .business-cloud.pay-pricing .pricing-container .pricing-header .plan:nth-child(3), .business-cloud.pay-pricing .pricing-container .pricing-header .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container .pricing-header .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container .pricing-header .plan:nth-child(6), .business-cloud.pay-pricing .pricing-container .pricing-header .plan:last-child {
  width: calc(15% - 30px);
}
.business-cloud.pay-pricing .pricing-container .pricing-header .plan:nth-child(4) {
  background: #FFF6F3;
}
.business-cloud.pay-pricing .pricing-container .pricing-body {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px 15px;
  width: calc(25% - 30px);
  position: relative;
  z-index: 3;
  box-shadow: none;
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan a {
  z-index: 3;
  position: relative;
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan i {
  background: rgba(237, 28, 36, 0.1);
  border-radius: 100%;
  color: #56CDC1;
  font-size: 11px;
  padding: 5px;
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(2), .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(3), .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(6), .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(7), .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(8), .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(9), .business-cloud.pay-pricing .pricing-container .pricing-body .plan:last-child {
  width: calc(15% - 30px);
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(2), .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(3) {
  background: #fff;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(2) h2,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(2) h3,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(2) h4,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(2) h5,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(2) h6,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(2) p, .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(3) h2,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(3) h3,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(3) h4,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(3) h5,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(3) h6,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(3) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(9), .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(6) {
  background: #fff;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(9) h2,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(9) h3,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(9) h4,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(9) h5,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(9) h6,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(9) p, .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(6) h2,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(6) h3,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(6) h4,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(6) h5,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(6) h6,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(6) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(8) {
  background: #FFF6F3;
  margin: 0 15px;
  color: #101114;
  border-left: 2px solid #101114;
  border-right: 2px solid #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(5) h2,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(5) h3,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(5) h4,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(5) h5,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(5) h6,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(5) p, .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(8) h2,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(8) h3,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(8) h4,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(8) h5,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(8) h6,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(8) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(7) {
  background: #FFF;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(4) h2,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(4) h3,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(4) h4,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(4) h5,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(4) h6,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(4) p, .business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(7) h2,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(7) h3,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(7) h4,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(7) h5,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(7) h6,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:nth-child(7) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:last-child {
  background: #F1F1F5;
  color: #101114;
  margin: 0 15px;
}
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:last-child h2,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:last-child h3,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:last-child h4,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:last-child h5,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:last-child h6,
.business-cloud.pay-pricing .pricing-container .pricing-body .plan:last-child p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-body:first-child .plan:nth-child(2), .business-cloud.pay-pricing .pricing-container .pricing-body:first-child .plan:nth-child(3), .business-cloud.pay-pricing .pricing-container .pricing-body:first-child .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container .pricing-body:first-child .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container .pricing-body:first-child .plan:nth-child(6), .business-cloud.pay-pricing .pricing-container .pricing-body:first-child .plan:nth-child(7), .business-cloud.pay-pricing .pricing-container .pricing-body:first-child .plan:nth-child(8), .business-cloud.pay-pricing .pricing-container .pricing-body:first-child .plan:nth-child(9), .business-cloud.pay-pricing .pricing-container .pricing-body:first-child .plan:last-child {
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  padding: 20px 15px 10px;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
  position: relative;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer.hover-container:hover:before {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: hsla(0, 0%, 0%, 0.05);
  top: 0;
  border-radius: 6px;
  content: "";
  height: 100%;
  z-index: 2;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer.hover-container:hover p a {
  position: relative;
  z-index: 3;
  cursor: pointer;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px 15px;
  width: calc(25% - 30px);
  position: relative;
  font-size: 13px;
  box-shadow: none;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan a {
  z-index: 3;
  position: relative;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan i {
  border-radius: 100%;
  color: #101114;
  font-size: 14px;
  padding: 5px;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(2), .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(3), .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(6), .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(7), .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(8), .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(9), .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:last-child {
  width: calc(15% - 30px);
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(2) {
  background: #fff;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(2) h2,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(2) h3,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(2) h4,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(2) h5,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(2) h6,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(2) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(3) {
  background: #FAFAFC;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(3) h2,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(3) h3,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(3) h4,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(3) h5,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(3) h6,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(3) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(7) {
  background: #FFF6F3;
  margin: 0 15px;
  color: #101114;
  border-left: 2px solid #101114;
  border-right: 2px solid #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(4) h2,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(4) h3,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(4) h4,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(4) h5,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(4) h6,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(4) p, .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(7) h2,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(7) h3,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(7) h4,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(7) h5,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(7) h6,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(7) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(8) {
  background: #FFF;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(5) h2,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(5) h3,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(5) h4,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(5) h5,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(5) h6,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(5) p, .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(8) h2,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(8) h3,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(8) h4,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(8) h5,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(8) h6,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(8) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(6), .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(9) {
  background: #FFF;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(6) h2,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(6) h3,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(6) h4,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(6) h5,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(6) h6,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(6) p, .business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(9) h2,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(9) h3,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(9) h4,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(9) h5,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(9) h6,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:nth-child(9) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:last-child {
  background: #F1F1F5;
  color: #101114;
  margin: 0 15px;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:last-child h2,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:last-child h3,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:last-child h4,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:last-child h5,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:last-child h6,
.business-cloud.pay-pricing .pricing-container .pricing-footer .plan:last-child p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(2), .business-cloud.pay-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(3), .business-cloud.pay-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(6), .business-cloud.pay-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(7), .business-cloud.pay-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(8), .business-cloud.pay-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(9), .business-cloud.pay-pricing .pricing-container .pricing-footer:last-child .plan:last-child {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  padding: 10px 15px 20px;
}
.business-cloud.pay-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(7) {
  border-bottom: 2px solid #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-header {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-header .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px 15px;
  z-index: 3;
  box-shadow: none;
  width: calc(25% - 30px);
  position: relative;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-header .plan a {
  z-index: 3;
  position: relative;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-header .plan:nth-child(2), .business-cloud.pay-pricing .pricing-container-v2 .pricing-header .plan:nth-child(3), .business-cloud.pay-pricing .pricing-container-v2 .pricing-header .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container-v2 .pricing-header .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container-v2 .pricing-header .plan:nth-child(6), .business-cloud.pay-pricing .pricing-container-v2 .pricing-header .plan:last-child {
  width: calc(18% - 30px);
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-header .plan:nth-child(4) {
  background: #FFF7EC;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px 15px;
  width: calc(25% - 30px);
  position: relative;
  z-index: 3;
  box-shadow: none;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan a {
  z-index: 3;
  position: relative;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan i {
  background: rgba(237, 28, 36, 0.1);
  border-radius: 100%;
  color: #56CDC1;
  font-size: 11px;
  padding: 5px;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(2), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(3), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(6), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(7), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(8), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(9), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:last-child {
  width: calc(18% - 30px);
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(2), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(3) {
  background: #fff;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(2) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(2) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(2) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(2) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(2) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(2) p, .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(3) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(3) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(3) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(3) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(3) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(3) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(9), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(6) {
  background: #fff;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(9) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(9) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(9) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(9) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(9) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(9) p, .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(6) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(6) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(6) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(6) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(6) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(6) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(7) {
  background: #FFF7EC;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(5) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(5) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(5) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(5) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(5) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(5) p, .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(7) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(7) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(7) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(7) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(7) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(7) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(8) {
  background: #FFF;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(4) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(4) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(4) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(4) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(4) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(4) p, .business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(8) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(8) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(8) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(8) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(8) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:nth-child(8) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:last-child {
  background: #FFF7EC;
  color: #101114;
  margin: 0 15px;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:last-child h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:last-child h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:last-child h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:last-child h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:last-child h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body .plan:last-child p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-body:first-child .plan:nth-child(2), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body:first-child .plan:nth-child(3), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body:first-child .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body:first-child .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body:first-child .plan:nth-child(6), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body:first-child .plan:nth-child(7), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body:first-child .plan:nth-child(8), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body:first-child .plan:nth-child(9), .business-cloud.pay-pricing .pricing-container-v2 .pricing-body:first-child .plan:last-child {
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  padding: 20px 15px 10px;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
  position: relative;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer.hover-container:hover:before {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: hsla(0, 0%, 0%, 0.05);
  top: 0;
  border-radius: 6px;
  content: "";
  height: 100%;
  z-index: 2;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer.hover-container:hover p a {
  position: relative;
  z-index: 3;
  cursor: pointer;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px 15px;
  width: calc(25% - 30px);
  position: relative;
  font-size: 13px;
  box-shadow: none;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan a {
  z-index: 3;
  position: relative;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan i {
  border-radius: 100%;
  color: #ff5400;
  font-size: 14px;
  padding: 5px;
  background: rgba(255, 84, 0, 0.1);
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(2), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(3), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(6), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(7), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(8), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(9), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:last-child {
  width: calc(18% - 30px);
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(2) {
  background: #fff;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(2) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(2) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(2) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(2) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(2) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(2) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(3) {
  background: #fff;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(3) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(3) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(3) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(3) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(3) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(3) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(7) {
  background: #FFF7EC;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(4) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(4) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(4) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(4) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(4) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(4) p, .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(7) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(7) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(7) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(7) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(7) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(7) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(8) {
  background: #FFF;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(5) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(5) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(5) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(5) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(5) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(5) p, .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(8) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(8) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(8) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(8) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(8) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(8) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(6), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(9) {
  background: #FFF;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(6) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(6) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(6) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(6) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(6) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(6) p, .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(9) h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(9) h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(9) h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(9) h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(9) h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:nth-child(9) p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:last-child {
  background: #fff;
  color: #101114;
  margin: 0 15px;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:last-child h2,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:last-child h3,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:last-child h4,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:last-child h5,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:last-child h6,
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer .plan:last-child p {
  color: #101114;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer:last-child .plan:nth-child(2), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer:last-child .plan:nth-child(3), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer:last-child .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer:last-child .plan:nth-child(5), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer:last-child .plan:nth-child(6), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer:last-child .plan:nth-child(7), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer:last-child .plan:nth-child(8), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer:last-child .plan:nth-child(9), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer:last-child .plan:last-child {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  padding: 10px 15px 20px;
}
.business-cloud.pay-pricing .pricing-container-v2 .pricing-footer:last-child .plan:nth-child(4), .business-cloud.pay-pricing .pricing-container-v2 .pricing-footer:last-child .plan:nth-child(7) {
  border-bottom: 2px solid #101114;
}
.business-cloud .pricing-container-holder {
  position: relative;
}
.business-cloud #special1 {
  position: relative;
  overflow: hidden;
  background-color: #F8F8F8;
}
@media (min-width: 1000px) {
  .business-cloud #special1 .hoverBg {
    position: absolute;
    top: 10px;
    left: 0;
    width: 1000px;
    height: 1000px;
    -webkit-animation: crescendo 5s infinite alternate;
    animation: crescendo 5s infinite alternate;
  }
}
.business-cloud #special1 .hoverBg img {
  width: 100%;
  left: -600px;
  position: relative;
}
@keyframes crescendo {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
  }
}
.business-cloud .pricing-container-sm {
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
}
.business-cloud .pricing-container-sm .plan {
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px;
  padding: 20px;
  z-index: 3;
  box-shadow: none;
  width: calc(100% - 30px);
  border-radius: 10px;
}
.business-cloud .pricing-container-sm .plan .fa-ul li {
  line-height: 1.5;
}
.business-cloud .pricing-container-sm .plan.Standard {
  background: #FAFAFC;
  color: #101114;
}
.business-cloud .pricing-container-sm .plan.Standard h2,
.business-cloud .pricing-container-sm .plan.Standard h3,
.business-cloud .pricing-container-sm .plan.Standard h4,
.business-cloud .pricing-container-sm .plan.Standard h5,
.business-cloud .pricing-container-sm .plan.Standard h6,
.business-cloud .pricing-container-sm .plan.Standard p {
  color: #101114;
}
.business-cloud .pricing-container-sm .plan.Pro {
  background: #FFF;
  color: #101114;
}
.business-cloud .pricing-container-sm .plan.Pro h2,
.business-cloud .pricing-container-sm .plan.Pro h3,
.business-cloud .pricing-container-sm .plan.Pro h4,
.business-cloud .pricing-container-sm .plan.Pro h5,
.business-cloud .pricing-container-sm .plan.Pro h6,
.business-cloud .pricing-container-sm .plan.Pro p {
  color: #101114;
}
.business-cloud .pricing-container-sm .plan.Premium {
  background: #FFF;
  color: #101114;
}
.business-cloud .pricing-container-sm .plan.Premium h2,
.business-cloud .pricing-container-sm .plan.Premium h3,
.business-cloud .pricing-container-sm .plan.Premium h4,
.business-cloud .pricing-container-sm .plan.Premium h5,
.business-cloud .pricing-container-sm .plan.Premium h6,
.business-cloud .pricing-container-sm .plan.Premium p {
  color: #101114;
}
.business-cloud .pricing-container-sm .plan:last-child {
  background: #333333;
  color: #fff;
}
.business-cloud .pricing-container-sm .plan:last-child h2,
.business-cloud .pricing-container-sm .plan:last-child h3,
.business-cloud .pricing-container-sm .plan:last-child h4,
.business-cloud .pricing-container-sm .plan:last-child h5,
.business-cloud .pricing-container-sm .plan:last-child h6,
.business-cloud .pricing-container-sm .plan:last-child p {
  color: #fff;
}
.business-cloud .pricing-features-table .features-table-head {
  position: relative;
  transition: all 0.3s ease-in-out;
}
.business-cloud .pricing-features-table .features-table-head tr {
  display: none;
  max-width: 1140px;
}
.business-cloud .pricing-features-table .features-table-head.sticky tr {
  position: fixed;
  width: 100%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  left: 50%;
  display: table;
  top: 50px;
  background: #fff;
}
.business-cloud .pricing-features-table .features-table-head.sticky + tbody {
  padding-top: 100px;
}
.business-cloud .pricing-features-table .table-separator td {
  border-bottom: 1px solid #006666;
}
.business-cloud .pricing-features-table tr td {
  width: 25%;
}
.business-cloud .features-container {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.business-cloud .features-container .feature-block {
  margin-right: 15px;
  margin-left: 15px;
  padding: 15px;
  width: calc(33.33% - 30px);
}
.business-cloud .features-container .feature-block ul li {
  line-height: 30px;
}
.business-cloud .features-container .feature-block ul li i {
  color: #006666;
}
.business-cloud.shops-pricing {
  margin-bottom: 105px !important;
}
.business-cloud.shops-pricing h1 {
  font-family: "AvenirNextRoundedPro";
}
.business-cloud.shops-pricing .plan-features ul li {
  line-height: 30px;
}
.business-cloud.shops-pricing .pricing-container .pricing-header {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.business-cloud.shops-pricing .pricing-container .pricing-header .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px 15px;
  z-index: 3;
  box-shadow: none;
  width: calc(25% - 30px);
  position: relative;
}
.business-cloud.shops-pricing .pricing-container .pricing-header .plan a {
  z-index: 3;
  position: relative;
}
.business-cloud.shops-pricing .pricing-container .pricing-header .plan:nth-child(2), .business-cloud.shops-pricing .pricing-container .pricing-header .plan:nth-child(3), .business-cloud.shops-pricing .pricing-container .pricing-header .plan:nth-child(4), .business-cloud.shops-pricing .pricing-container .pricing-header .plan:nth-child(5), .business-cloud.shops-pricing .pricing-container .pricing-header .plan:nth-child(6), .business-cloud.shops-pricing .pricing-container .pricing-header .plan:last-child {
  width: calc(15% - 30px);
}
.business-cloud.shops-pricing .pricing-container .pricing-header .plan:nth-child(3) {
  background: #FAFAFC;
}
.business-cloud.shops-pricing .pricing-container .pricing-header .plan:nth-child(4) {
  background: #FFF6F3;
}
.business-cloud.shops-pricing .pricing-container .pricing-body {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.business-cloud.shops-pricing .pricing-container .pricing-body .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px 15px;
  width: calc(25% - 30px);
  position: relative;
  z-index: 3;
  box-shadow: none;
}
.business-cloud.shops-pricing .pricing-container .pricing-body .plan a {
  z-index: 3;
  position: relative;
}
.business-cloud.shops-pricing .pricing-container .pricing-body .plan i {
  background: rgba(237, 28, 36, 0.1);
  border-radius: 100%;
  color: #56CDC1;
  font-size: 11px;
  padding: 5px;
}
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(2), .business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(3), .business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(4), .business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(5), .business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(6), .business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(7), .business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(8), .business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(9), .business-cloud.shops-pricing .pricing-container .pricing-body .plan:last-child {
  width: calc(15% - 30px);
}
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(2) {
  background: #fff;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(2) h2,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(2) h3,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(2) h4,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(2) h5,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(2) h6,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(2) p {
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(4), .business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(5) {
  background: #FAFAFC;
}
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(9), .business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(6) {
  background: #fff;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(9) h2,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(9) h3,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(9) h4,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(9) h5,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(9) h6,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(9) p, .business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(6) h2,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(6) h3,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(6) h4,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(6) h5,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(6) h6,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(6) p {
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(5), .business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(8) {
  background: #FFF6F3;
  margin: 0 15px;
  color: #101114;
  border-left: 2px solid #101114;
  border-right: 2px solid #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(5) h2,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(5) h3,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(5) h4,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(5) h5,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(5) h6,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(5) p, .business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(8) h2,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(8) h3,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(8) h4,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(8) h5,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(8) h6,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:nth-child(8) p {
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:last-child {
  background: #F1F1F5;
  color: #101114;
  margin: 0 15px;
}
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:last-child h2,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:last-child h3,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:last-child h4,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:last-child h5,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:last-child h6,
.business-cloud.shops-pricing .pricing-container .pricing-body .plan:last-child p {
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-body:first-child .plan:nth-child(2), .business-cloud.shops-pricing .pricing-container .pricing-body:first-child .plan:nth-child(3), .business-cloud.shops-pricing .pricing-container .pricing-body:first-child .plan:nth-child(4), .business-cloud.shops-pricing .pricing-container .pricing-body:first-child .plan:nth-child(5), .business-cloud.shops-pricing .pricing-container .pricing-body:first-child .plan:nth-child(6), .business-cloud.shops-pricing .pricing-container .pricing-body:first-child .plan:nth-child(7), .business-cloud.shops-pricing .pricing-container .pricing-body:first-child .plan:nth-child(8), .business-cloud.shops-pricing .pricing-container .pricing-body:first-child .plan:nth-child(9), .business-cloud.shops-pricing .pricing-container .pricing-body:first-child .plan:last-child {
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  padding: 20px 15px 10px;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
  position: relative;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer.hover-container:hover:before {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: hsla(0, 0%, 0%, 0.05);
  top: 0;
  border-radius: 6px;
  content: "";
  height: 100%;
  z-index: 2;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer.hover-container:hover p a {
  position: relative;
  z-index: 3;
  cursor: pointer;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px 15px;
  width: calc(25% - 30px);
  position: relative;
  font-size: 13px;
  box-shadow: none;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan a {
  z-index: 3;
  position: relative;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan i {
  border-radius: 100%;
  color: #101114;
  font-size: 14px;
  padding: 5px;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(2), .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(3), .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(4), .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(5), .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6), .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(7), .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(8), .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(9), .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:last-child {
  width: calc(15% - 30px);
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(2) {
  background: #fff;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(2) h2,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(2) h3,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(2) h4,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(2) h5,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(2) h6,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(2) p {
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(3) {
  background: #FAFAFC;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(3) h2,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(3) h3,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(3) h4,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(3) h5,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(3) h6,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(3) p {
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(4), .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(7) {
  background: #FFF6F3;
  margin: 0 15px;
  color: #101114;
  border-left: 2px solid #101114;
  border-right: 2px solid #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(4) h2,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(4) h3,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(4) h4,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(4) h5,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(4) h6,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(4) p, .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(7) h2,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(7) h3,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(7) h4,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(7) h5,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(7) h6,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(7) p {
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6), .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(8) {
  background: #FFF;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6) h2,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6) h3,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6) h4,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6) h5,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6) h6,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6) p, .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(8) h2,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(8) h3,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(8) h4,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(8) h5,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(8) h6,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(8) p {
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6), .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(9) {
  background: #FFF;
  margin: 0 15px;
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6) h2,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6) h3,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6) h4,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6) h5,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6) h6,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(6) p, .business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(9) h2,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(9) h3,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(9) h4,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(9) h5,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(9) h6,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:nth-child(9) p {
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:last-child {
  background: #F1F1F5;
  color: #101114;
  margin: 0 15px;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:last-child h2,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:last-child h3,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:last-child h4,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:last-child h5,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:last-child h6,
.business-cloud.shops-pricing .pricing-container .pricing-footer .plan:last-child p {
  color: #101114;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(2), .business-cloud.shops-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(3), .business-cloud.shops-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(4), .business-cloud.shops-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(5), .business-cloud.shops-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(6), .business-cloud.shops-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(7), .business-cloud.shops-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(8), .business-cloud.shops-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(9), .business-cloud.shops-pricing .pricing-container .pricing-footer:last-child .plan:last-child {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  padding: 10px 15px 20px;
}
.business-cloud.shops-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(4), .business-cloud.shops-pricing .pricing-container .pricing-footer:last-child .plan:nth-child(7) {
  border-bottom: 2px solid #101114;
}
.business-cloud.experience-pricing #support-block {
  border-radius: 20px;
  min-height: 600px;
  background: url("/static/images/sell/faqs/live-chat-bg-m.webp") no-repeat center center;
  background-size: cover;
}
@media (min-width: 768px) {
  .business-cloud.experience-pricing #support-block {
    background: url("/static/images/sell/faqs/live-chat-bg.webp") no-repeat center center;
    background-size: cover;
  }
}
.business-cloud.experience-pricing .faq-call-to-action {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  min-height: 520px;
  justify-content: space-between;
}
.business-cloud.experience-pricing .faq-call-to-action.ec-faq {
  background: url("/static/images/sell/faqs/ec/faqs-section.png") no-repeat;
}
.business-cloud.experience-pricing .ticketing-pricing {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.business-cloud.experience-pricing .ticket {
  background: #CECECE;
  color: #101114;
  border-radius: 16px;
  max-width: 100%;
  margin-bottom: 30px;
  min-height: 260px;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  padding: 0;
  background: linear-gradient(98.74deg, #FFFFFF -21.99%, #CECECE 202.49%);
}
.business-cloud.experience-pricing .ticket-paid {
  background: #101114;
  background: linear-gradient(262.49deg, #000000 -1.27%, #101114 200%);
}
.business-cloud.experience-pricing .ticket-paid .ticketed-events-fee-row {
  background: linear-gradient(90deg, #FFFFFF -14.99%, #FF5400 87.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* fallback for non-webkit browsers */
  color: transparent;
}
.business-cloud.experience-pricing .ticket-paid .ticketed-events-title,
.business-cloud.experience-pricing .ticket-paid .ticketed-events-sub,
.business-cloud.experience-pricing .ticket-paid .ticketed-events-per-ticket,
.business-cloud.experience-pricing .ticket-paid .ticketed-events-sub-title {
  color: #fff;
}
.business-cloud.experience-pricing .ticketed-events-inner {
  display: flex;
  width: 100%;
  align-items: stretch;
}
.business-cloud.experience-pricing .ticketed-events-left {
  width: 180px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.business-cloud.experience-pricing .ticketed-events-dash {
  border-left: 3px dashed #fff;
  height: 80%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.business-cloud.experience-pricing .ticketed-events-left:before,
.business-cloud.experience-pricing .ticketed-events-left:after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: #fafafc;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.business-cloud.experience-pricing .ticketed-events-left:before {
  top: -16px;
}
.business-cloud.experience-pricing .ticketed-events-left:after {
  bottom: -16px;
}
.business-cloud.experience-pricing .ticketed-events-content {
  flex: 1;
  padding: 32px 32px 24px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.business-cloud.experience-pricing .ticketed-events-title {
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 18px;
  letter-spacing: 0.01em;
}
.business-cloud.experience-pricing .ticketed-events-fee-row {
  display: flex;
  align-items: flex-end;
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.business-cloud.experience-pricing .ticketed-events-fee-row {
  display: flex;
  align-items: flex-end;
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 8px;
  background: linear-gradient(90deg, #FFFFFF -54.58%, #101114 87.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  /* fallback for non-webkit browsers */
  color: transparent;
}
.business-cloud.experience-pricing .ticketed-events-fee-main {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1;
}
.business-cloud.experience-pricing .ticketed-events-fee-percent {
  font-size: 1.5rem;
  font-weight: 400;
  margin-left: 2px;
}
.business-cloud.experience-pricing .ticketed-events-plus {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 12px 0 12px;
}
.business-cloud.experience-pricing .ticketed-events-fee-currency {
  font-size: 1.2rem;
  vertical-align: super;
  font-weight: 400;
  margin-right: 2px;
}
.business-cloud.experience-pricing .ticketed-events-fee-usd {
  font-size: 1.1rem;
  font-weight: 400;
  margin-left: 4px;
  color: #ff6a1a;
  vertical-align: middle;
}
.business-cloud.experience-pricing .ticketed-events-per-ticket {
  font-size: 1.1rem;
  font-weight: 400;
  margin-bottom: 18px;
}
.business-cloud.experience-pricing .ticketed-events-sub {
  font-size: 0.98rem;
  opacity: 0.85;
  margin-top: 10px;
  line-height: 1.5;
}
.business-cloud.experience-pricing .ticketed-events-sub-title {
  font-weight: 700;
  font-size: 1.05rem;
}

.pay-product-page .landing-section h2:after {
  content: "";
  height: 4px;
  width: 50px;
  background-color: #ED212D;
  display: block;
  margin-top: 10px;
}
.pay-product-page .owl-carousel .owl-buttons {
  opacity: 0;
}
.pay-product-page .owl-carousel .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
}
.pay-product-page .owl-carousel .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #101114;
  margin: 0;
  position: absolute;
  top: -30px;
  z-index: 5;
  cursor: pointer;
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
.pay-product-page .owl-carousel .owl-buttons .owl-prev {
  left: 0;
  position: absolute;
  top: 50%;
}
.pay-product-page .owl-carousel .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.pay-product-page .owl-carousel .owl-buttons .owl-prev a.flex-prev {
  left: -30px;
}
.pay-product-page .owl-carousel .owl-buttons .owl-prev a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f104";
  font-weight: 900;
  font-size: 24px;
  line-height: 24px;
}
.pay-product-page .owl-carousel .owl-buttons .owl-next {
  right: 0;
  position: absolute;
  top: 50%;
}
.pay-product-page .owl-carousel .owl-buttons .owl-next a.flex-next {
  right: -30px;
}
.pay-product-page .owl-carousel .owl-buttons .owl-next a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
  font-size: 24px;
  line-height: 24px;
}
.pay-product-page .owl-carousel:hover .owl-buttons {
  opacity: 1;
}
.pay-product-page .business-apps-more {
  background: url("/static/images/backgrounds/business-apps-bg.png") no-repeat #fff;
  background-position-x: 0;
}
@media (min-width: 767px) {
  .pay-product-page .business-apps-more {
    min-height: 600px;
  }
}

.error-page.f04 {
  height: 100vh;
  background: #fff;
}
.error-page.f04 .f04-top h1 {
  font-weight: 500;
  font-size: 15em;
  color: #101114;
  line-height: 220px;
  margin-top: 0;
  text-shadow: 1px 1px #fff;
}
.error-page.f04 .f04-top h2 {
  font-size: 4em;
  font-weight: 300;
  line-height: 54px;
}
.error-page.f04 .f04-top h4 {
  font-size: 30px !important;
  font-weight: normal;
  line-height: 38px !important;
}

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

.beta-index {
  background: #fff;
}
.beta-index .beta-header {
  background: url("/static/images/bg-image.jpg") no-repeat;
  background-size: cover;
  height: 100vh;
  z-index: 1;
  position: relative;
}
.beta-index .beta-header .buzzpayme__subscribe-response .success {
  color: #5ad092;
}
.beta-index .beta-header .buzzpayme__subscribe-response .error {
  color: #f75964;
}
.beta-index .beta-header .buzzpayme__subscribe-response .error a {
  color: #f75964;
}
@media (max-width: 768px) {
  .beta-index .beta-header {
    height: auto;
  }
}
.beta-index .beta-header .container {
  z-index: 1;
  position: relative;
}
.beta-index .beta-header h1 {
  font-family: "AvenirNextLTPro-Bold";
  font-size: 65px;
  line-height: 80px;
  padding-bottom: 20px;
  color: #fff;
}
@media (max-width: 768px) {
  .beta-index .beta-header h1 {
    font-size: 40px;
  }
}
.beta-index .beta-header h3 {
  line-height: 2rem;
}
.beta-index .beta-header input {
  height: 55px;
  font-size: 20px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.beta-index .beta-header .input-group-append .btn {
  font-size: 15px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.my-tickets .ticket-new {
  background: #fff;
  padding: 20px 30px;
  position: relative;
  border-radius: 10px;
  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.3));
}
.my-tickets .ticket-new .ticket-content {
  position: relative;
  z-index: 3;
}

.feed-block-container {
  display: flex;
  margin-right: -10px;
  margin-left: -10px;
  flex-direction: row;
  align-items: center;
}
.feed-block-container a {
  margin-left: 10px;
  margin-right: 10px;
  width: calc(50% - 20px);
  padding: 20px 0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.shops-grid .item {
  box-shadow: var(--ct-box-shadow-lg);
  background: #fff;
  border-radius: 0.25rem;
  height: 300px;
  margin: 0 0 20px;
  position: relative;
  border-bottom: 3px solid transparent;
}
.shops-grid .item .store-home-block {
  display: flex;
  flex-direction: column;
  height: 300px;
}
.shops-grid .item .store-home-block .store-background {
  height: 95px;
  margin-bottom: -40px;
  overflow: hidden;
  text-align: center;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.shops-grid .item .store-home-block .store-background img {
  display: inline-block;
  margin: 0 -100px;
  width: auto;
  height: 100%;
}
.shops-grid .item .store-home-block .store-block-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.shops-grid .item .store-home-block .store-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shops-grid .item .store-home-block .store-logo img {
  background-color: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 120px;
}
.shops-grid .item .store-home-block .store-name-wrapper {
  display: block;
}
.shops-grid .item .store-home-block .store-name-wrapper .store-name {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  padding-right: 15px;
}
.shops-grid .item .store-products {
  position: absolute;
  z-index: 2;
  text-align: center;
  height: 80px;
  width: 100%;
  margin-top: -6.5rem;
}
.shops-grid .item .store-products a {
  border: 1px solid #eee;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: inline-block;
  height: 80px;
  margin: 5px;
  overflow: hidden;
  width: 80px;
}
.shops-grid .item .store-products a img {
  height: 80px;
  width: 80px;
}
.shops-grid .item:hover {
  border-bottom: 3px solid #101114;
}
.shops-grid:hover .owl-buttons {
  display: block;
}
.shops-grid .owl-buttons {
  opacity: 0;
  display: none;
}
.shops-grid .owl-buttons.disabled {
  display: none;
}
.shops-grid .owl-buttons:hover {
  opacity: 1;
}
.shops-grid .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
  border-radius: 100%;
  width: 64px;
  height: 64px;
  text-align: center;
}
.shops-grid .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #101114;
  margin: 0;
  position: absolute;
  top: -10px;
  z-index: 5;
  cursor: pointer;
  width: 64px;
  height: 64px;
  text-align: center;
  border-radius: 100%;
}
.shops-grid .owl-buttons .owl-prev {
  left: -32px;
  position: absolute;
  top: 40%;
}
.shops-grid .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.shops-grid .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.shops-grid .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 34px;
  font-weight: 900;
  line-height: 64px;
  text-transform: none;
}
.shops-grid .owl-buttons .owl-next {
  right: -32px;
  position: absolute;
  top: 40%;
}
.shops-grid .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.shops-grid .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 34px;
  font-weight: 900;
  line-height: 64px;
  text-transform: none;
}

.trending-products-container {
  display: flex;
  flex-direction: row;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.trending-products-container .trending-product-block {
  width: calc(50% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .trending-products-container .trending-product-block {
    width: calc(33.33% - 30px);
  }
}
.trending-products-container .trending-product-block .tprod-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.feed-collections .item p,
.feed-departments .item p {
  min-height: 42px;
}
.feed-collections .item .card,
.feed-departments .item .card {
  transition: 0.5s ease-in-out;
}
.feed-collections .item:hover .card,
.feed-departments .item:hover .card {
  box-shadow: none !important;
}
.feed-collections:hover .owl-buttons,
.feed-departments:hover .owl-buttons {
  display: block;
}
.feed-collections .owl-buttons,
.feed-departments .owl-buttons {
  opacity: 1;
  display: none;
}
.feed-collections .owl-buttons:hover,
.feed-departments .owl-buttons:hover {
  opacity: 1;
}
.feed-collections .owl-buttons div,
.feed-departments .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
  border-radius: 100%;
  width: 31px;
  height: 31px;
  text-align: center;
}
.feed-collections .owl-buttons a,
.feed-departments .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #101114;
  margin: 0;
  position: absolute;
  top: -10px;
  z-index: 5;
  cursor: pointer;
  width: 31px;
  height: 31px;
  text-align: center;
  border-radius: 100%;
}
.feed-collections .owl-buttons .owl-prev,
.feed-departments .owl-buttons .owl-prev {
  left: -15px;
  position: absolute;
  top: 50%;
}
.feed-collections .owl-buttons .owl-prev a,
.feed-departments .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.feed-collections .owl-buttons .owl-prev a.flex-prev,
.feed-departments .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.feed-collections .owl-buttons .owl-prev a:before,
.feed-departments .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 21px;
  font-weight: 900;
  line-height: 31px;
  text-transform: none;
}
.feed-collections .owl-buttons .owl-next,
.feed-departments .owl-buttons .owl-next {
  right: -15px;
  position: absolute;
  top: 50%;
}
.feed-collections .owl-buttons .owl-next a.flex-next,
.feed-departments .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.feed-collections .owl-buttons .owl-next a:before,
.feed-departments .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 21px;
  font-weight: 900;
  line-height: 31px;
  text-transform: none;
}

.bseller h4,
.bseller h5 {
  color: #101114;
}

.feed-menu .nav-link:hover {
  background-color: #101114;
  color: #fff;
}

.trending-filter a {
  border-bottom: 1px solid transparent;
}
.trending-filter a.active, .trending-filter a:hover {
  border-bottom: 1px solid #101114;
}

.side-menu-new .nav-link.active, .side-menu-new .nav-link:hover {
  background-color: #f3f7f9;
}

.stories-block-container .story {
  overflow: hidden;
}
.stories-block-container .story .card-img {
  border-radius: 10px !important;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}
.stories-block-container .story .card-img-overlay img {
  border-radius: 100%;
  border: 2px solid #fff;
}
.stories-block-container .story:hover .card-img {
  opacity: 0.5;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.autocomplete-suggestions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #999;
  background: #FFF;
  cursor: default;
  overflow: auto;
  -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}

.autocomplete-no-suggestion {
  padding: 2px 5px;
}

.autocomplete-selected {
  background: #F0F0F0;
}

.autocomplete-suggestions strong {
  font-weight: bold;
  color: #000;
}

.autocomplete-group {
  padding: 2px 5px;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  display: block;
  border-bottom: 1px solid #000;
}

input.autocomplete {
  font-size: 28px;
  padding: 10px;
  border: 1px solid #CCC;
  display: block;
  margin: 20px 0;
}

.select2-container--default .select2-selection--single {
  padding: 0.45rem 0.9rem;
  height: calc(1.5em + 0.9rem + 2px) !important;
}

.workshops.content {
  background-color: #fff;
  margin-bottom: 0 !important;
}
.workshops.content .workshop-header {
  background: url("/static/images/sell/workshops/workshops-header-bg.webp") no-repeat #fff;
  max-width: 1730px;
  margin: 0 auto;
  border-radius: 20px;
}

.about-us.content {
  background-color: #fff;
  margin-bottom: 0 !important;
}
.about-us.content .about-us-header {
  background: url("/static/images/sell/about-us-header.jpg") no-repeat #fff;
  max-width: 1730px;
  margin: 0 auto;
  border-radius: 20px;
}
.about-us.content .about-us-bg-block {
  background: url("/static/images/about-bg.png") no-repeat #fff;
  background-size: cover;
  background-position: center center;
}
.about-us.content .values-block {
  position: relative;
  z-index: 1;
}
.about-us.content .values-block:before {
  content: "";
  background: url("/static/images/head-image-about.png") no-repeat;
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 200%;
  left: -250px;
  top: -180px;
}
@media (max-width: 768px) {
  .about-us.content .values-block:before {
    display: none;
  }
}
@media (max-width: 768px) {
  .about-us.content .values-block {
    overflow: hidden;
  }
}
.about-us.content .values-block .card-img-overlay {
  z-index: 3;
}
@media (max-width: 768px) {
  .about-us.content .values-block .card-img-overlay {
    position: relative;
  }
}
.about-us.content .values-block .values-content {
  z-index: 2;
  position: relative;
}
.about-us.content .values-block .values-content .about-card {
  background: rgba(27, 32, 35, 0.5);
  backdrop-filter: blur(43.947px);
}
@media (min-width: 768px) {
  .about-us.content .values-block .values-content {
    position: absolute;
    bottom: -200px;
  }
}
@media (max-width: 768px) {
  .about-us.content .pb-200 {
    padding-bottom: 0;
  }
  .about-us.content .pt-200 {
    padding-top: 0;
  }
  .about-us.content .card-img {
    position: absolute;
    top: -50%;
    left: -50%;
    height: 100%;
    width: 1260px;
  }
}
.about-us.content .timeline-holder .timeline .timeline-icon {
  top: 10%;
  background: #fff;
}
.about-us.content .timeline-holder .timeline .timeline-icon i {
  color: #ED212D;
}
@media (min-width: 768px) {
  .about-us.content .timeline-holder .t12::before {
    content: url("/static/images/sell/about/2012.png");
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .about-us.content .timeline-holder .t15::after {
    content: url("/static/images/sell/about/2015.png");
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .about-us.content .timeline-holder .t16::before {
    content: url("/static/images/sell/about/2016.png");
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .about-us.content .timeline-holder .t17::after {
    content: url("/static/images/sell/about/2017.png");
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .about-us.content .timeline-holder .t18::before {
    content: url("/static/images/sell/about/2018.png");
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .about-us.content .timeline-holder .t19::after {
    content: url("/static/images/sell/about/2019.png");
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .about-us.content .timeline-holder .t20::before {
    content: url("/static/images/sell/about/2020.png");
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .about-us.content .timeline-holder .t22::after {
    content: url("/static/images/sell/about/2022.png");
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .about-us.content .timeline-holder .t23::before {
    content: url("/static/images/sell/about/2023.png");
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

.careers.content-page {
  background-color: #fff;
}
.careers.content-page .careers-header {
  background: url("/static/images/sell/careers-header.jpg") no-repeat #fff;
  max-width: 1730px;
  margin: 0 auto;
  border-radius: 20px;
}
.careers.content-page .careers-card {
  position: relative;
}
.careers.content-page .careers-card .card-img-overlay .content-career {
  background: rgba(27, 32, 35, 0.5);
  backdrop-filter: blur(43.947px);
  z-index: 2;
  position: absolute;
  right: 0;
  max-width: 800px;
  border-radius: 20px;
  height: 413px;
  padding: 50px 70px;
}

.career-details.content-page {
  background-color: #fff;
}
.career-details.content-page .career-details-header {
  background: url("/static/images/sell/careers-details-header.jpg") no-repeat;
  max-width: 1730px;
  margin: 0 auto;
  border-radius: 20px;
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 280px;
}
.career-details.content-page .career-details-header .badge {
  background-color: rgba(255, 255, 255, 0.3) !important;
  background-image: none;
  padding: 8px 16px;
}
.contact-us-page .faq-call-to-action {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  min-height: 520px;
  justify-content: space-between;
}
.contact-us-page .faq-call-to-action.buzz-faq {
  background: url("/static/images/sell/faqs/buzz/faqs-section.png") no-repeat;
}
.contact-us-page #support-block {
  border-radius: 20px;
  min-height: 600px;
  background: url("/static/images/sell/faqs/live-chat-bg-m.webp") no-repeat center center;
  background-size: cover;
}
@media (min-width: 768px) {
  .contact-us-page #support-block {
    background: url("/static/images/sell/faqs/live-chat-bg.webp") no-repeat center center;
    background-size: cover;
  }
}

.tours-landing-holder {
  background: url("/static/images/sell/tours/dubai-landing-bg.jpg") no-repeat #fff;
  background-size: cover;
  background-position: center;
  min-height: 860px;
}
.tours-landing-holder .tours-content {
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(35px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 10px;
}

.tours p,
.tours ul,
.tours li {
  font-size: 17px;
}
.tours .lg-slider .item img {
  max-height: 540px;
}
.tours .thumb-slider .owl-item .item img {
  width: 70px;
  height: 70px;
  border: 2px solid transparent;
}
.tours .thumb-slider .owl-item.current .item img {
  border: 2px solid #fff;
}
.tours .thumb-slider.owl-theme .owl-buttons {
  opacity: 1;
  display: block;
}
.tours .thumb-slider.owl-theme .owl-buttons.disabled {
  display: none;
}
.tours .thumb-slider.owl-theme .owl-buttons div {
  color: #fff;
  display: flex;
  font-size: 12px;
  opacity: 1;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
}
.tours .thumb-slider.owl-theme .owl-buttons a {
  background: #fff;
  border: 1px solid #fff;
  color: #101114;
  margin: 0;
  position: absolute;
  z-index: 5;
  cursor: pointer;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 100%;
}
.tours .thumb-slider.owl-theme .owl-buttons .owl-prev {
  left: -20px;
  position: absolute;
  top: 50%;
}
.tours .thumb-slider.owl-theme .owl-buttons .owl-prev a {
  background-position: 0 100%;
}
.tours .thumb-slider.owl-theme .owl-buttons .owl-prev a.flex-prev {
  left: 0;
  align-items: center;
  justify-content: center;
  display: flex;
}
.tours .thumb-slider.owl-theme .owl-buttons .owl-next {
  right: -20px;
  position: absolute;
  top: 50%;
}
.tours .thumb-slider.owl-theme .owl-buttons .owl-next a.flex-next {
  right: 0;
  align-items: center;
  justify-content: center;
  display: flex;
}

.ev-pro {
  position: relative;
  max-height: 650px;
  height: 70vh;
  overflow-y: hidden;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ev-pro .ev-img.banner {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 0;
}
.ev-pro .ev-img.banner img {
  width: 100%;
}
@media (max-width: 768px) {
  .ev-pro .ev-img.banner img {
    height: 100%;
    width: auto;
    position: relative;
    left: -60%;
    max-width: none;
  }
}
.ev-pro .bg-overlay {
  background: -moz-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 64%, rgba(16, 17, 20, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 64%, rgba(16, 17, 20, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 64%, rgba(16, 17, 20, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00999999", endColorstr="#101114", GradientType=0);
  /* IE6-9 */
  position: absolute;
  width: 100%;
  height: 70vh;
  z-index: 1;
  left: 0;
  top: 0;
}
.ev-pro .pro-head-bottom {
  position: relative;
  z-index: 2;
}
.ev-pro .pro-head-bottom #timer {
  width: 100%;
  height: 55px;
  position: relative;
}
.ev-pro .pro-head-bottom #timer ul li {
  padding-right: 20px;
  vertical-align: middle;
  position: relative;
}
.ev-pro .pro-head-bottom #timer ul li .count-colon {
  color: #fff;
  font-size: 20px;
}
.ev-pro .pro-head-bottom .numbs {
  font-size: 40px;
  font-family: "Alarm Clock";
  font-weight: bold;
  text-align: left;
}
.ev-pro .pro-head-bottom #d,
.ev-pro .pro-head-bottom #h,
.ev-pro .pro-head-bottom #m,
.ev-pro .pro-head-bottom #s {
  background: transparent;
  padding: 5px 10px;
  border-radius: 4px;
  border: none;
}
.ev-pro .pro-head-bottom .labs {
  font-size: 9px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.ev-pro .pro-head-bottom #dl,
.ev-pro .pro-head-bottom #hl,
.ev-pro .pro-head-bottom #ml,
.ev-pro .pro-head-bottom #sl {
  padding: 0;
  margin: 0;
}

.pro-2019 .inner-wrapper .preview-event,
.pro-2019 .inner-wrapper .past-event {
  position: absolute;
  width: 100%;
  z-index: 2;
  opacity: 0.5;
}
.pro-2019 .inner-wrapper:hover .preview-event,
.pro-2019 .inner-wrapper:hover .past-event {
  opacity: 1;
}
.pro-2019 .heading-bgtitle {
  -webkit-transform: translateX(-90px);
  -moz-transform: translateX(-90px);
  -ms-transform: translateX(-90px);
  -o-transform: translateX(-90px);
  transform: translateX(-90px);
  color: #f3f3f3;
  padding-top: 35px;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.pro-2019 .heading-subtitle {
  position: relative;
  z-index: 1;
}
.pro-2019 #timer {
  width: 100%;
  position: relative;
}
.pro-2019 .numbs {
  font-size: 80px;
  font-weight: bold;
  text-align: center;
  color: #522F91;
}
.pro-2019 #d,
.pro-2019 #h,
.pro-2019 #m,
.pro-2019 #s {
  background: transparent;
  padding: 0;
  border-radius: 4px;
  border: none;
}
.pro-2019 .labs {
  font-size: 9px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.pro-2019 .speaker-container .speaker-block {
  background: transparent !important;
  background-color: transparent !important;
}
.pro-2019 .speaker-container .speaker-block:hover {
  box-shadow: var(--ct-box-shadow-condensed);
}
.pro-2019 .ticket-holder-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  align-items: center;
  justify-content: center;
}
.pro-2019 .ticket-holder-container .ticket {
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 40px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.pro-2019 .ticket-holder-container .ticket:hover {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
}
.pro-2019 .ticket-holder-container .ticket .ticket-header {
  padding: 57px 15px 40px;
  background: #6658dd;
  position: relative;
  text-align: center;
}
.pro-2019 .ticket-holder-container .ticket .ticket-header .ticket-punch {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 50px;
  height: 25px;
  -webkit-border-radius: 0 0 50px 50px;
  -moz-border-radius: 0 0 50px 50px;
  border-radius: 0 0 50px 50px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: transparent;
}
.pro-2019 .ticket-holder-container .ticket .ticket-header .ticket-price-cur {
  margin-right: 0;
  vertical-align: top;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.pro-2019 .ticket-holder-container .ticket .ticket-header .ticket-price {
  display: inline-block;
  line-height: 1;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  min-height: 80px;
}
.pro-2019 .ticket-holder-container .ticket .ticket-header .ticket-price small {
  font-size: 30px;
  font-weight: 400;
}
.pro-2019 .ticket-holder-container .ticket .ticket-header .ticket-desc {
  font-weight: 400;
  text-align: center;
  color: #fff;
}
.pro-2019 .ticket-holder-container .ticket .ticket-content {
  padding: 43px 35px 40px;
  font-size: 16px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  color: #232323;
  text-align: center;
}
.pro-2019 .ticket-holder-container .ticket .ticket-footer {
  text-align: center;
}
.pro-2019 .ticket-holder-container .ticket .ticket-footer .button-container {
  margin-top: 0;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*rtl:options:
{
    "aliases": {
        "left-side-menu": "left-side-menu"
    }
}*/
#wrapper {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.content-page {
  margin-left: 240px;
  overflow: hidden;
  padding: 0 15px 65px 15px;
  min-height: 80vh;
  margin-top: 70px;
}

.left-side-menu {
  width: 240px;
  background: #fff;
  bottom: 0;
  padding: 20px 0;
  position: fixed;
  transition: all 0.1s ease-out;
  top: 70px;
  box-shadow: var(--ct-box-shadow);
}
.left-side-menu.paymanager-left #sidebar-menu > ul {
  padding: 0 0.75rem 1rem 0.75rem;
}
.left-side-menu.paymanager-left #sidebar-menu > ul > li > a {
  padding: 0.375rem 0.9375rem;
  border-radius: 0.25rem;
}
.left-side-menu.paymanager-left #sidebar-menu > ul > li > a:hover, .left-side-menu.paymanager-left #sidebar-menu > ul > li > a:focus, .left-side-menu.paymanager-left #sidebar-menu > ul > li > a:active {
  color: #ff5400;
  text-decoration: none;
  background-color: rgba(0, 39, 77, 0.04);
}
.left-side-menu.paymanager-left #sidebar-menu > ul > li > a:hover svg path, .left-side-menu.paymanager-left #sidebar-menu > ul > li > a:focus svg path, .left-side-menu.paymanager-left #sidebar-menu > ul > li > a:active svg path {
  fill: #ff5400;
}
.left-side-menu.paymanager-left #sidebar-menu > ul > li > a:hover .bc-icon svg path, .left-side-menu.paymanager-left #sidebar-menu > ul > li > a:focus .bc-icon svg path, .left-side-menu.paymanager-left #sidebar-menu > ul > li > a:active .bc-icon svg path {
  fill: #FE0000;
}
.left-side-menu.paymanager-left #sidebar-menu .menuitem-active {
  background-color: rgba(0, 39, 77, 0.04);
  border-radius: 0.25rem;
}
.left-side-menu.paymanager-left #sidebar-menu .menuitem-active > a {
  color: #ff5400;
}
.left-side-menu.paymanager-left #sidebar-menu .menuitem-active > a svg path {
  fill: #ff5400;
}
.left-side-menu.paymanager-left #sidebar-menu .menuitem-active > a i {
  color: #ff5400;
}
.left-side-menu.paymanager-left #sidebar-menu .menuitem-active .active {
  color: #ff5400;
}
.left-side-menu.paymanager-left #sidebar-menu .menuitem-active .active svg path {
  fill: #ff5400;
}
.left-side-menu.paymanager-left #sidebar-menu .menuitem-active .active i {
  color: #ff5400;
}
.left-side-menu.paymanager-left #sidebar-menu .menuitem-active .menuitem-active {
  background-color: transparent;
}

#sidebar-menu > ul {
  list-style: none;
  padding: 0;
}
#sidebar-menu > ul > li > a {
  color: var(--ct-menu-item);
  display: block;
  padding: 12px 20px;
  position: relative;
  transition: all 0.4s;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
  font-size: 0.95rem;
}
#sidebar-menu > ul > li > a:hover, #sidebar-menu > ul > li > a:focus, #sidebar-menu > ul > li > a:active {
  color: var(--ct-menu-item-hover);
  text-decoration: none;
}
#sidebar-menu > ul > li > a > span {
  vertical-align: middle;
}
#sidebar-menu > ul > li > a i {
  display: inline-block;
  line-height: 1.0625rem;
  margin: 0 10px 0 3px;
  text-align: center;
  vertical-align: middle;
  width: 16px;
  font-size: 18px;
}
#sidebar-menu > ul > li > a svg {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  margin-right: 10px;
}
#sidebar-menu > ul > li > a .bc-icon {
  filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.2));
}
#sidebar-menu > ul > li > a .bc-icon svg {
  margin: 0;
}
#sidebar-menu > ul > li > a .drop-arrow {
  float: right;
}
#sidebar-menu > ul > li > a .drop-arrow i {
  margin-right: 0;
}
#sidebar-menu > ul > li > a.mm-active {
  color: var(--ct-menu-item-active);
}
#sidebar-menu > ul > li ul {
  padding-left: 34px;
  list-style: none;
}
#sidebar-menu > ul > li ul ul {
  padding-left: 20px;
}
#sidebar-menu .badge {
  margin-top: 4px;
}
#sidebar-menu .menu-title {
  padding: 10px 20px;
  letter-spacing: 0.05em;
  pointer-events: none;
  cursor: default;
  font-size: 0.6875rem;
  text-transform: uppercase;
  color: var(--ct-menu-item);
  font-weight: 600;
}
#sidebar-menu .menuitem-active > a {
  color: var(--ct-menu-item-active);
}
#sidebar-menu .menuitem-active .active {
  color: var(--ct-menu-item-active);
}

.nav-second-level li a {
  padding: 8px 20px;
  color: var(--ct-menu-item);
  display: block;
  position: relative;
  transition: all 0.4s;
  font-size: 0.875rem;
}
.nav-second-level li a:focus, .nav-second-level li a:hover {
  color: var(--ct-menu-item-hover);
}
.nav-second-level li.active > a {
  color: var(--ct-menu-item-active);
}

.menu-arrow {
  transition: transform 0.15s;
  position: absolute;
  right: 20px;
  display: inline-block;
  font-family: "Material Design Icons";
  text-rendering: auto;
  line-height: 1.5rem;
  font-size: 1.1rem;
  transform: translate(0, 0);
}
.menu-arrow:before {
  content: "\f0142";
}

[dir=rtl] .menu-arrow:before {
  content: "\f0141";
}

li > a[aria-expanded=true] > span.menu-arrow {
  transform: rotate(90deg);
}
li.menuitem-active > a:not(.collapsed) > span.menu-arrow {
  transform: rotate(90deg);
}

body[data-leftbar-size=condensed] .logo-box {
  width: 70px !important;
}
body[data-leftbar-size=condensed] .logo span.logo-lg {
  display: none;
}
body[data-leftbar-size=condensed] .logo span.logo-sm {
  display: block;
}
body[data-leftbar-size=condensed] .left-side-menu {
  position: absolute;
  padding-top: 0;
  width: 70px !important;
  z-index: 5;
}
body[data-leftbar-size=condensed] .left-side-menu.paymanager-left #sidebar-menu > ul {
  padding: 0;
}
body[data-leftbar-size=condensed] .left-side-menu .simplebar-mask,
body[data-leftbar-size=condensed] .left-side-menu .simplebar-content-wrapper {
  overflow: visible !important;
}
body[data-leftbar-size=condensed] .left-side-menu .simplebar-scrollbar {
  display: none !important;
}
body[data-leftbar-size=condensed] .left-side-menu .simplebar-offset {
  bottom: 0 !important;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu .menu-title,
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu .menu-arrow,
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu .label,
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu .badge {
  display: none !important;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu .nav.collapse {
  height: inherit !important;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li {
  position: relative;
  white-space: nowrap;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a {
  padding: 15px 20px;
  min-height: 54px;
  transition: none;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a:hover, body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a:active, body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a:focus {
  color: var(--ct-menu-item-hover);
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a i {
  font-size: 1.3rem;
  margin-right: 20px;
  margin-left: 5px;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a svg {
  width: 18px;
  height: 18px;
  margin-left: 6px;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a span {
  display: none;
  padding-left: 25px;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > a {
  position: relative;
  width: calc(190px + 70px);
  color: var(--ct-menu-item-active);
  background-color: var(--ct-gray-100);
  box-shadow: inset var(--ct-box-shadow-condensed);
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > a span {
  display: inline;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover a.open :after,
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover a.active :after {
  display: none;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse,
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapsing {
  display: block !important;
  height: auto !important;
  transition: none !important;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul,
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapsing > ul {
  display: block !important;
  left: 70px;
  position: absolute;
  width: 190px;
  box-shadow: var(--ct-box-shadow-condensed);
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul ul,
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapsing > ul ul {
  box-shadow: var(--ct-box-shadow-condensed);
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul a,
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapsing > ul a {
  box-shadow: none;
  padding: 8px 20px;
  position: relative;
  width: 190px;
  z-index: 6;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul a:hover,
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapsing > ul a:hover {
  color: var(--ct-menu-item-hover);
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul ul {
  padding: 5px 0;
  z-index: 9999;
  display: none;
  background-color: var(--ct-bg-leftbar);
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul ul li:hover > .collapse,
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul ul li:hover > .collapsing {
  display: block !important;
  height: auto !important;
  transition: none !important;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul ul li:hover > .collapse > ul,
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul ul li:hover > .collapsing > ul {
  display: block;
  left: 190px;
  margin-top: -36px;
  position: absolute;
  width: 190px;
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul ul li > a span.pull-right {
  position: absolute;
  right: 20px;
  top: 12px;
  transform: rotate(270deg);
}
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul ul li.active a {
  color: var(--ct-menu-item-active);
}
body[data-leftbar-size=condensed] .content-page {
  margin-left: 70px !important;
}
@media (min-width: 992px) {
  body[data-leftbar-size=condensed] .footer {
    left: 70px !important;
  }
}
body[data-leftbar-size=condensed] .user-box {
  display: none !important;
}

@media (min-width: 768px) {
  body[data-leftbar-size=condensed]:not([data-layout=compact]) {
    min-height: 1750px;
  }
}
@media (max-width: 767.98px) {
  .pro-user-name {
    display: none;
  }
}
@media (max-width: 991.98px) {
  body {
    overflow-x: hidden;
    padding-bottom: 80px;
  }
  .left-side-menu {
    display: none;
    z-index: 10 !important;
  }
  .sidebar-enable .left-side-menu {
    display: block;
  }
  .content-page,
  body[data-leftbar-size=condensed] .content-page {
    margin-left: 0 !important;
    padding: 0 10px;
  }
  .footer {
    left: 0 !important;
  }
}
/* =============
  Small Menu
============= */
body[data-leftbar-size=compact]:not([data-leftbar-size=condensed]) .logo-box {
  width: 160px !important;
}
body[data-leftbar-size=compact]:not([data-leftbar-size=condensed]) .left-side-menu {
  width: 160px !important;
  text-align: center;
}
body[data-leftbar-size=compact]:not([data-leftbar-size=condensed]) .left-side-menu #sidebar-menu > ul > li > a > i {
  display: block;
  font-size: 18px;
  line-height: 24px;
  width: 100%;
  margin: 0;
}
body[data-leftbar-size=compact]:not([data-leftbar-size=condensed]) .left-side-menu #sidebar-menu > ul > li > a svg {
  display: block;
  margin: 0 auto 5px auto;
}
body[data-leftbar-size=compact]:not([data-leftbar-size=condensed]) .left-side-menu #sidebar-menu > ul ul {
  padding-left: 0;
}
body[data-leftbar-size=compact]:not([data-leftbar-size=condensed]) .left-side-menu #sidebar-menu > ul ul a {
  padding: 10px 20px;
}
body[data-leftbar-size=compact]:not([data-leftbar-size=condensed]) .left-side-menu .menu-arrow,
body[data-leftbar-size=compact]:not([data-leftbar-size=condensed]) .left-side-menu .badge {
  display: none !important;
}
body[data-leftbar-size=compact]:not([data-leftbar-size=condensed]) .left-side-menu + .content-page {
  margin-left: 160px;
}
body[data-leftbar-size=compact]:not([data-leftbar-size=condensed]) .left-side-menu + .content-page .footer {
  left: 160px;
}
body[data-leftbar-size=compact]:not([data-leftbar-size=condensed]) .left-side-menu .menu-title {
  background-color: var(--ct-gray-100);
}

body[data-leftbar-color=dark]:not([data-layout-mode=detached]) .logo-box {
  background-color: var(--ct-bg-leftbar-dark);
}
body[data-leftbar-color=dark]:not([data-layout-mode=detached]) .logo-box .logo-dark {
  display: none;
}
body[data-leftbar-color=dark]:not([data-layout-mode=detached]) .logo-box .logo-light {
  display: block;
}

body[data-leftbar-color=dark] .left-side-menu {
  background-color: var(--ct-bg-leftbar-dark);
  box-shadow: none;
}
body[data-leftbar-color=dark] .left-side-menu #sidebar-menu > ul > li > a {
  color: var(--ct-menu-item-color-dark);
}
body[data-leftbar-color=dark] .left-side-menu #sidebar-menu > ul > li > a:hover, body[data-leftbar-color=dark] .left-side-menu #sidebar-menu > ul > li > a:focus, body[data-leftbar-color=dark] .left-side-menu #sidebar-menu > ul > li > a:active {
  color: var(--ct-menu-item-hover-color-dark);
}
body[data-leftbar-color=dark] .left-side-menu #sidebar-menu .menu-title {
  color: var(--ct-gray-500);
}
body[data-leftbar-color=dark] .left-side-menu #sidebar-menu .menuitem-active > a {
  color: var(--ct-menu-item-active);
}
body[data-leftbar-color=dark] .left-side-menu #sidebar-menu .menuitem-active .active {
  color: var(--ct-menu-item-active);
}
body[data-leftbar-color=dark] .left-side-menu .nav-second-level li a,
body[data-leftbar-color=dark] .left-side-menu .nav-thrid-level li a {
  color: var(--ct-menu-item-color-dark);
}
body[data-leftbar-color=dark] .left-side-menu .nav-second-level li a:focus, body[data-leftbar-color=dark] .left-side-menu .nav-second-level li a:hover,
body[data-leftbar-color=dark] .left-side-menu .nav-thrid-level li a:focus,
body[data-leftbar-color=dark] .left-side-menu .nav-thrid-level li a:hover {
  background-color: transparent;
  color: var(--ct-menu-item-hover-color-dark);
}
body[data-leftbar-color=dark] .left-side-menu .nav-second-level li.active > a,
body[data-leftbar-color=dark] .left-side-menu .nav-thrid-level li.active > a {
  color: var(--ct-menu-item-active-color-dark);
}
body[data-leftbar-color=dark] .left-side-menu .user-box .dropdown > a {
  color: #fff !important;
}
body[data-leftbar-color=dark][data-leftbar-size=condensed] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {
  background-color: var(--ct-bg-leftbar-dark);
  box-shadow: none;
}
body[data-leftbar-color=dark][data-leftbar-size=condensed] #wrapper .left-side-menu #sidebar-menu .mm-active .active {
  color: var(--ct-menu-item-active);
}
body[data-leftbar-color=dark][data-leftbar-size=compact] #wrapper .left-side-menu .menu-title {
  background-color: rgba(255, 255, 255, 0.03);
}

body[data-leftbar-color=brand] .logo-box,
body[data-leftbar-color=gradient] .logo-box {
  background-color: var(--ct-bg-leftbar-brand);
}
body[data-leftbar-color=brand] .menuitem-active > a,
body[data-leftbar-color=gradient] .menuitem-active > a {
  color: #fff !important;
}
body[data-leftbar-color=brand] .left-side-menu,
body[data-leftbar-color=gradient] .left-side-menu {
  background-color: var(--ct-bg-leftbar-brand);
  box-shadow: none;
}
body[data-leftbar-color=brand] .left-side-menu #sidebar-menu > ul > li > a,
body[data-leftbar-color=gradient] .left-side-menu #sidebar-menu > ul > li > a {
  color: rgba(255, 255, 255, 0.7);
}
body[data-leftbar-color=brand] .left-side-menu #sidebar-menu > ul > li > a:hover, body[data-leftbar-color=brand] .left-side-menu #sidebar-menu > ul > li > a:focus, body[data-leftbar-color=brand] .left-side-menu #sidebar-menu > ul > li > a:active,
body[data-leftbar-color=gradient] .left-side-menu #sidebar-menu > ul > li > a:hover,
body[data-leftbar-color=gradient] .left-side-menu #sidebar-menu > ul > li > a:focus,
body[data-leftbar-color=gradient] .left-side-menu #sidebar-menu > ul > li > a:active {
  color: rgba(255, 255, 255, 0.9);
}
body[data-leftbar-color=brand] .left-side-menu #sidebar-menu > ul > li > a.mm-active,
body[data-leftbar-color=gradient] .left-side-menu #sidebar-menu > ul > li > a.mm-active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.07);
}
body[data-leftbar-color=brand] .left-side-menu #sidebar-menu .menu-title,
body[data-leftbar-color=gradient] .left-side-menu #sidebar-menu .menu-title {
  color: rgba(255, 255, 255, 0.6);
}
body[data-leftbar-color=brand] .left-side-menu #sidebar-menu .mm-active .active,
body[data-leftbar-color=gradient] .left-side-menu #sidebar-menu .mm-active .active {
  color: #fff;
}
body[data-leftbar-color=brand] .left-side-menu .nav-second-level li a,
body[data-leftbar-color=brand] .left-side-menu .nav-thrid-level li a,
body[data-leftbar-color=gradient] .left-side-menu .nav-second-level li a,
body[data-leftbar-color=gradient] .left-side-menu .nav-thrid-level li a {
  color: rgba(255, 255, 255, 0.7);
}
body[data-leftbar-color=brand] .left-side-menu .nav-second-level li a:focus, body[data-leftbar-color=brand] .left-side-menu .nav-second-level li a:hover,
body[data-leftbar-color=brand] .left-side-menu .nav-thrid-level li a:focus,
body[data-leftbar-color=brand] .left-side-menu .nav-thrid-level li a:hover,
body[data-leftbar-color=gradient] .left-side-menu .nav-second-level li a:focus,
body[data-leftbar-color=gradient] .left-side-menu .nav-second-level li a:hover,
body[data-leftbar-color=gradient] .left-side-menu .nav-thrid-level li a:focus,
body[data-leftbar-color=gradient] .left-side-menu .nav-thrid-level li a:hover {
  background-color: transparent;
  color: #fff;
}
body[data-leftbar-color=brand] .left-side-menu .nav-second-level li.active > a,
body[data-leftbar-color=brand] .left-side-menu .nav-thrid-level li.active > a,
body[data-leftbar-color=gradient] .left-side-menu .nav-second-level li.active > a,
body[data-leftbar-color=gradient] .left-side-menu .nav-thrid-level li.active > a {
  color: var(--ct-menu-item-active-color-dark);
}
body[data-leftbar-color=brand] .left-side-menu .user-box .dropdown > a,
body[data-leftbar-color=gradient] .left-side-menu .user-box .dropdown > a {
  color: #fff !important;
}
body[data-leftbar-color=brand][data-leftbar-size=condensed] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a,
body[data-leftbar-color=gradient][data-leftbar-size=condensed] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {
  background-color: var(--ct-bg-leftbar-brand);
  box-shadow: none;
  color: #fff;
}
body[data-leftbar-color=brand][data-leftbar-size=condensed] #wrapper .left-side-menu #sidebar-menu .mm-active .active,
body[data-leftbar-color=gradient][data-leftbar-size=condensed] #wrapper .left-side-menu #sidebar-menu .mm-active .active {
  color: var(--ct-menu-item-active);
}
body[data-leftbar-color=brand][data-leftbar-size=condensed] #wrapper .left-side-menu .menuitem-active .menuitem-active a.active,
body[data-leftbar-color=gradient][data-leftbar-size=condensed] #wrapper .left-side-menu .menuitem-active .menuitem-active a.active {
  color: var(--ct-menu-item-active) !important;
}
body[data-leftbar-color=brand][data-leftbar-size=condensed] #wrapper .left-side-menu .nav-second-level li a,
body[data-leftbar-color=brand][data-leftbar-size=condensed] #wrapper .left-side-menu .nav-thrid-level li a,
body[data-leftbar-color=gradient][data-leftbar-size=condensed] #wrapper .left-side-menu .nav-second-level li a,
body[data-leftbar-color=gradient][data-leftbar-size=condensed] #wrapper .left-side-menu .nav-thrid-level li a {
  color: var(--ct-menu-item);
}
body[data-leftbar-color=brand][data-leftbar-size=compact] #wrapper .left-side-menu .menu-title,
body[data-leftbar-color=gradient][data-leftbar-size=compact] #wrapper .left-side-menu .menu-title {
  background-color: rgba(255, 255, 255, 0.05);
}

body[data-leftbar-color=gradient] .logo-box,
body[data-leftbar-color=gradient] .left-side-menu {
  background: var(--ct-bg-leftbar-gradient);
  background-image: linear-gradient(270deg, rgba(64, 149, 216, 0.15), transparent);
}
body[data-leftbar-color=gradient][data-leftbar-size=condensed] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {
  background: var(--ct-bg-leftbar-gradient);
}
body[data-leftbar-color=gradient][data-leftbar-size=condensed] #wrapper .left-side-menu #sidebar-menu .mm-active .active {
  color: var(--ct-menu-item-active);
}
body[data-leftbar-color=gradient][data-leftbar-size=condensed] #wrapper .left-side-menu .nav-second-level li a,
body[data-leftbar-color=gradient][data-leftbar-size=condensed] #wrapper .left-side-menu .nav-thrid-level li a {
  color: var(--ct-menu-item);
}

.user-box {
  display: none;
}

.user-pro-dropdown {
  background-color: var(--ct-gray-100);
  box-shadow: none;
  padding: 15px 5px;
  width: 90%;
  margin-left: 5% !important;
  margin-top: 10px !important;
}
.user-pro-dropdown .dropdown-item {
  border-radius: 3px;
}
.user-pro-dropdown .dropdown-item:hover {
  background-color: #101114;
  color: #fff;
}

@media (min-width: 992px) {
  body[data-layout-mode=detached] .navbar-custom .container-fluid {
    max-width: 95%;
  }
  body[data-layout-mode=detached] #wrapper {
    max-width: 95%;
    margin: 0 auto;
  }
  body[data-layout-mode=detached] .left-side-menu {
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
  }
  body[data-layout-mode=detached] .content-page {
    padding-bottom: 30px;
  }
  body[data-layout-mode=detached] .logo-box {
    background-color: transparent;
    background-image: none;
  }
}

body[data-sidebar-user=true] .user-box {
  display: block;
}

body[data-sidebar-icon=twotones] #sidebar-menu > ul > li > a i {
  color: #6658dd;
}
body[data-sidebar-icon=twotones] #sidebar-menu > ul > li > a svg {
  width: 18px;
  height: 18px;
  margin-left: 3px;
  margin-right: 10px;
  color: #6658dd;
  fill: rgba(102, 88, 221, 0.2);
}
body[data-sidebar-icon=twotones][data-leftbar-color=brand] #sidebar-menu > ul > li > a i, body[data-sidebar-icon=twotones][data-leftbar-color=gradient] #sidebar-menu > ul > li > a i {
  color: var(--ct-gray-100);
}
body[data-sidebar-icon=twotones][data-leftbar-color=brand] #sidebar-menu > ul > li > a svg, body[data-sidebar-icon=twotones][data-leftbar-color=gradient] #sidebar-menu > ul > li > a svg {
  color: var(--ct-gray-100);
  fill: rgba(var(--ct-gray-100-rgb), 0.2);
}

body[data-leftbar-color=brand]:not([data-layout-mode=detached]) .logo-box .logo-dark,
body[data-leftbar-color=gradient]:not([data-layout-mode=detached]) .logo-box .logo-dark {
  display: none;
}
body[data-leftbar-color=brand]:not([data-layout-mode=detached]) .logo-box .logo-light,
body[data-leftbar-color=gradient]:not([data-layout-mode=detached]) .logo-box .logo-light {
  display: block;
}

.logo {
  display: block;
  line-height: 70px;
}
.logo span.logo-lg {
  display: block;
}
.logo span.logo-sm {
  display: none;
}
.logo .logo-lg-text-dark {
  color: var(--ct-gray-900);
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
}
.logo .logo-lg-text-light {
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
}

.logo-box {
  height: 70px;
  width: 240px;
  float: left;
  transition: all 0.1s ease-out;
}
.logo-box .logo {
  line-height: 70px;
}

.logo-light {
  display: block;
}

.logo-dark {
  display: none;
}

.navbar-custom {
  background-color: #101114;
  box-shadow: var(--ct-box-shadow);
  padding: 0 10px 0 0;
  position: fixed;
  left: 0;
  right: 0;
  height: 70px;
  z-index: 1001;
  /* Search */
}
.navbar-custom.commerce-cloud-header {
  background-color: transparent;
  box-shadow: none;
}
.navbar-custom.commerce-cloud-header.white-header {
  background: #fff;
  color: #101114;
}
.navbar-custom.commerce-cloud-header.white-header .topnav-menu .nav-link {
  color: #101114;
}
.navbar-custom.commerce-cloud-header.white-header .logo svg path {
  fill: #101114;
}
.navbar-custom .topnav-menu > li {
  float: left;
}
.navbar-custom .topnav-menu .nav-link {
  padding: 0 15px;
  color: rgba(255, 255, 255, 0.6);
  min-width: 32px;
  display: block;
  line-height: 70px;
  text-align: center;
  max-height: 70px;
}
.navbar-custom .dropdown .nav-link.show {
  background-color: rgba(255, 255, 255, 0.3);
}
.navbar-custom .container-fluid {
  padding: 0;
}
.navbar-custom .app-search {
  height: 70px;
  display: table;
  max-width: 180px;
  margin-right: 20px;
}
.navbar-custom .app-search .app-search-box {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.navbar-custom .app-search .app-search-box .input-group {
  flex-wrap: nowrap;
}
.navbar-custom .app-search .app-search-box input::-webkit-input-placeholder {
  font-size: 0.8125rem;
  color: rgba(16, 17, 20, 0.9);
}
.navbar-custom .app-search .app-search-box input::placeholder {
  font-size: 0.8125rem;
  color: rgba(16, 17, 20, 0.9);
}
.navbar-custom .app-search .app-search-box input::-ms-input-placeholder {
  font-size: 0.8125rem;
  color: rgba(16, 17, 20, 0.9);
}
.navbar-custom .app-search .form-control {
  border: none;
  height: 38px;
  padding-left: 20px;
  padding-right: 0;
  color: #fff;
  background-color: var(--ct-app-search-box-bg);
  box-shadow: none;
  border-radius: 10px 0 0 10px;
}
.navbar-custom .app-search .input-group-text {
  margin-left: 0 !important;
  z-index: 4;
}
.navbar-custom .app-search .btn {
  background-color: var(--ct-app-search-box-bg);
  border-color: transparent;
  color: rgba(255, 255, 255, 0.3);
  border-radius: 0 10px 10px 0;
  box-shadow: none !important;
}
.navbar-custom.experience {
  background-color: #ffca03;
  /* Search */
}
.navbar-custom.experience .topnav-menu .nav-link {
  color: #101114;
}
.navbar-custom.experience .app-search {
  transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}
.navbar-custom.experience .app-search .app-search-box input::-webkit-input-placeholder {
  color: rgba(16, 17, 20, 0.7);
}
.navbar-custom.experience .app-search .form-control {
  color: #101114;
}
.navbar-custom.experience .app-search:focus .form-control, .navbar-custom.experience .app-search:active .form-control, .navbar-custom.experience .app-search:focus-within .form-control {
  background-color: #fff;
}
.navbar-custom.experience .app-search:focus .btn, .navbar-custom.experience .app-search:active .btn, .navbar-custom.experience .app-search:focus-within .btn {
  background-color: #101114;
  color: #fff;
}
.navbar-custom.experience .app-search .btn {
  color: rgba(16, 17, 20, 0.7);
}
.navbar-custom.experience .button-menu-mobile {
  color: #101114;
}
.navbar-custom.bg-transparent .topnav-menu .nav-link {
  color: #101114;
}
@media (max-width: 768px) {
  .navbar-custom.bg-transparent {
    background-color: #101114 !important;
  }
  .navbar-custom.bg-transparent #mobile-menu {
    background-color: #101114;
  }
  .navbar-custom.bg-transparent #mobile-menu ul {
    width: 100%;
  }
  .navbar-custom.bg-transparent #mobile-menu ul li a {
    text-align: left;
  }
  .navbar-custom.bg-transparent #mobile-menu ul li a img {
    max-width: 30px;
  }
  .navbar-custom.bg-transparent .lines span {
    background-color: #fff !important;
  }
}
.navbar-custom.pay-main-menu .container {
  position: relative;
}
.navbar-custom.pay-main-menu .container .dropdown-megamenu.show {
  top: 70px !important;
  right: 0 !important;
  left: auto !important;
}
.navbar-custom.pay-main-menu.checkout-custom {
  position: relative;
  box-shadow: none;
}
.navbar-custom.shops {
  background-color: #ff5400;
}
.navbar-custom.shops .app-search {
  transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}
.navbar-custom.shops .app-search .app-search-box input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.navbar-custom.shops .app-search .form-control {
  color: #101114;
}
.navbar-custom.shops .app-search:focus .form-control, .navbar-custom.shops .app-search:active .form-control, .navbar-custom.shops .app-search:focus-within .form-control {
  background-color: #fff;
}
.navbar-custom.shops .app-search:focus .btn, .navbar-custom.shops .app-search:active .btn, .navbar-custom.shops .app-search:focus-within .btn {
  background-color: #101114;
  color: #fff;
}
.navbar-custom.shops .app-search .btn {
  color: rgba(16, 17, 20, 0.3);
}
.navbar-custom.business .app-search .app-search-box input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.navbar-custom.business .app-search .form-control {
  color: #101114;
}
.navbar-custom.business .app-search:focus .form-control, .navbar-custom.business .app-search:active .form-control, .navbar-custom.business .app-search:focus-within .form-control {
  background-color: #fff;
}
.navbar-custom.business .app-search:focus .btn, .navbar-custom.business .app-search:active .btn, .navbar-custom.business .app-search:focus-within .btn {
  background-color: #101114;
  color: #fff;
}
.navbar-custom.business .app-search .btn {
  color: rgba(16, 17, 20, 0.3);
}
.navbar-custom .button-menu-mobile {
  border: none;
  color: #fff;
  display: inline-block;
  height: 70px;
  line-height: 70px;
  width: 60px;
  background-color: transparent;
  font-size: 24px;
  cursor: pointer;
}
.navbar-custom .button-menu-mobile.disable-btn {
  display: none;
}

/* Notification */
.noti-scroll {
  max-height: 230px;
}

.notification-list {
  margin-left: 0;
}
.notification-list .noti-title {
  background-color: transparent;
  padding: 15px 20px;
}
.notification-list .noti-icon-badge {
  display: inline-block;
  position: absolute;
  top: 16px;
  right: 10px;
}
.notification-list .notify-item {
  padding: 12px 20px;
}
.notification-list .notify-item .notify-icon {
  float: left;
  height: 36px;
  width: 36px;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  margin-right: 10px;
  border-radius: 50%;
  color: #fff;
}
.notification-list .notify-item .notify-details {
  margin-bottom: 5px;
  overflow: hidden;
  margin-left: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ct-gray-800);
}
.notification-list .notify-item .notify-details b {
  font-weight: 500;
}
.notification-list .notify-item .notify-details small {
  display: block;
}
.notification-list .notify-item .notify-details span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.notification-list .notify-item .user-msg {
  margin-left: 45px;
  white-space: normal;
  line-height: 16px;
}
.notification-list .profile-dropdown .notify-item {
  padding: 7px 20px;
}

.noti-icon {
  font-size: 21px;
  vertical-align: middle;
}

.profile-dropdown {
  min-width: 240px;
}
.profile-dropdown i {
  vertical-align: middle;
  margin-right: 5px;
}

.nav-user {
  padding: 0 12px !important;
}
.nav-user img {
  height: 32px;
  width: 32px;
}

.fullscreen-enable [data-toggle=fullscreen] .fe-maximize::before {
  content: "\e88d";
}

@media (max-width: 991.98px) {
  .logo-box {
    width: 70px !important;
    padding-right: 0 !important;
  }
  .logo-box .logo-lg {
    display: none !important;
  }
  .logo-box .logo-sm {
    display: block !important;
  }
}
@media (max-width: 600px) {
  .navbar-custom .dropdown {
    position: static;
  }
  .navbar-custom .dropdown .dropdown-menu {
    left: 10px !important;
    right: 10px !important;
  }
}
body[data-topbar-color=dark] .navbar-custom .logo-lg svg path,
body[data-topbar-color=dark] .navbar-custom .logo-sm svg path {
  fill: #fff;
}
body[data-topbar-color=dark] .navbar-custom .btn-outline-white {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
}
body[data-topbar-color=dark] .navbar-custom .btn-outline-white:hover, body[data-topbar-color=dark] .navbar-custom .btn-outline-white.show {
  background-color: rgba(255, 255, 255, 0.3);
}
body[data-topbar-color=dark] .navbar-custom .btn-outline-primary {
  border-color: #fff !important;
  color: #fff;
}
body[data-topbar-color=dark] .navbar-custom .btn-outline-primary:hover {
  border-color: #fff;
  background-color: #fff;
  color: #101114;
}

body[data-topbar-color=light] .navbar-custom {
  background-color: #fff !important;
  box-shadow: var(--ct-box-shadow-sm);
  /* Search */
}
body[data-topbar-color=light] .navbar-custom .btn-outline-white {
  background-color: transparent;
  border-color: transparent;
  color: #101114;
}
body[data-topbar-color=light] .navbar-custom .btn-outline-white:hover, body[data-topbar-color=light] .navbar-custom .btn-outline-white.show, body[data-topbar-color=light] .navbar-custom .btn-outline-white.active {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.3);
  color: #ff5400 !important;
}
body[data-topbar-color=light] .navbar-custom .btn-outline-white.signup {
  background-color: #ff5400;
  color: #fff;
}
body[data-topbar-color=light] .navbar-custom .btn-outline-white.signup:hover, body[data-topbar-color=light] .navbar-custom .btn-outline-white.signup.show {
  background-color: #e64c00;
  border-color: #e64c00;
  color: #fff !important;
}
body[data-topbar-color=light] .navbar-custom .topnav-menu .nav-link {
  color: var(--ct-gray-700);
}
@media (min-width: 1300px) {
  body[data-topbar-color=light] .navbar-custom .app-search .app-search-box input {
    width: 280px;
  }
}
body[data-topbar-color=light] .navbar-custom .dropdown .nav-link.show {
  background-color: rgba(var(--ct-gray-900), 0.03);
}
body[data-topbar-color=light] .navbar-custom .button-menu-mobile {
  color: var(--ct-gray-900);
}
body[data-topbar-color=light] .navbar-custom .app-search input::placeholder {
  color: var(--ct-gray-500) !important;
}
body[data-topbar-color=light] .navbar-custom .app-search .form-control {
  color: var(--ct-gray-900);
  background-color: var(--ct-gray-100);
  border-color: var(--ct-gray-100);
}
body[data-topbar-color=light] .navbar-custom .app-search .btn {
  background-color: var(--ct-gray-100);
  color: var(--ct-gray-400);
}
body[data-topbar-color=light] .logo-lg svg path,
body[data-topbar-color=light] .logo-sm svg path {
  fill: #101114;
}
body[data-topbar-color=light] .topnav-menu .nav-link {
  color: #101114;
  border-bottom: 3px solid transparent;
}
body[data-topbar-color=light] .topnav-menu .nav-link svg path {
  fill: #101114;
}
body[data-topbar-color=light] .topnav-menu .nav-link.active, body[data-topbar-color=light] .topnav-menu .nav-link:hover {
  border-bottom: 3px solid #101114;
}
body[data-topbar-color=light] .logo-dark {
  display: block;
}
body[data-topbar-color=light] .logo-light {
  display: none;
}
body[data-topbar-color=light] .navbar-custom.landing {
  background-color: rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(35px);
  /* Search */
}
@media (max-width: 768px) {
  body[data-topbar-color=light] .navbar-custom.landing {
    background-color: #101114 !important;
  }
  body[data-topbar-color=light] .navbar-custom.landing #mobile-nav {
    background-color: #101114;
  }
  body[data-topbar-color=light] .navbar-custom.landing #mobile-nav ul {
    width: 100%;
  }
  body[data-topbar-color=light] .navbar-custom.landing #mobile-nav ul li a {
    text-align: left;
  }
  body[data-topbar-color=light] .navbar-custom.landing #mobile-nav ul li a img {
    max-width: 30px;
  }
  body[data-topbar-color=light] .navbar-custom.landing .lines span {
    background-color: #fff !important;
  }
}
body[data-topbar-color=light] .navbar-custom.landing .topnav-menu .nav-link {
  color: rgba(255, 255, 255, 0.75);
}
body[data-topbar-color=light] .navbar-custom.landing .topnav-menu .nav-link.active, body[data-topbar-color=light] .navbar-custom.landing .topnav-menu .nav-link:hover {
  color: #fff;
  font-weight: 600;
  border-bottom: 3px solid #fff;
}
body[data-topbar-color=light] .navbar-custom.landing .topnav-menu .nav-link svg path {
  fill: #fff;
}
body[data-topbar-color=light] .navbar-custom.landing .logo-lg svg path,
body[data-topbar-color=light] .navbar-custom.landing .logo-sm svg path {
  fill: #fff;
}
body[data-topbar-color=light] .navbar-custom.landing .app-search input::placeholder {
  color: var(--ct-gray-500) !important;
}
body[data-topbar-color=light] .navbar-custom.landing .app-search .form-control {
  color: var(--ct-gray-900);
  background-color: #fff;
  border-color: var(--ct-gray-100);
}
body[data-topbar-color=light] .navbar-custom.landing .app-search .btn {
  background-color: #101114;
  color: #fff;
  background-image: none;
}
body[data-topbar-color=light] .navbar-custom.bg-transparent {
  background-color: transparent !important;
}
body[data-topbar-color=light] .navbar-custom.bg-transparent .topnav-menu .nav-link {
  color: rgba(255, 255, 255, 0.75) !important;
}
body[data-topbar-color=light] .navbar-custom.bg-transparent .topnav-menu .nav-link.active, body[data-topbar-color=light] .navbar-custom.bg-transparent .topnav-menu .nav-link:hover {
  color: #fff !important;
  font-weight: 600;
  border-bottom: 3px solid #fff;
}
body[data-topbar-color=light] .navbar-custom.bg-transparent .topnav-menu .nav-link svg path {
  fill: #fff !important;
}
body[data-topbar-color=light] .navbar-custom.bg-transparent .logo-lg svg path,
body[data-topbar-color=light] .navbar-custom.bg-transparent .logo-sm svg path {
  fill: #fff;
}
body[data-topbar-color=light] .navbar-custom.bg-transparent .btn-outline-white {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
}
body[data-topbar-color=light] .navbar-custom.bg-transparent .btn-outline-white.signup {
  background-color: #fff;
  color: #ff5400;
}
body[data-topbar-color=light] .navbar-custom.bg-transparent .btn-outline-white.signup:hover, body[data-topbar-color=light] .navbar-custom.bg-transparent .btn-outline-white.signup.show {
  background-color: #ff5400;
  color: #fff;
}
body[data-topbar-color=light] .navbar-custom.bg-transparent .btn-outline-white:hover, body[data-topbar-color=light] .navbar-custom.bg-transparent .btn-outline-white.show {
  background-color: rgba(255, 255, 255, 0.3);
}
body[data-topbar-color=light] .navbar-custom.bg-transparent .btn-outline-primary {
  border-color: #fff !important;
  color: #fff;
}
body[data-topbar-color=light] .navbar-custom.bg-transparent .btn-outline-primary:hover {
  border-color: #fff;
  background-color: #fff;
  color: #101114;
}

@media (max-width: 991.98px) {
  body[data-layout-mode=horizontal] .navbar-toggle {
    border: 0;
    position: relative;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }
  body[data-layout-mode=horizontal] .navbar-toggle .lines {
    width: 25px;
    display: block;
    position: relative;
    height: 16px;
    transition: all 0.5s ease;
    margin-top: calc(54px / 2);
  }
  body[data-layout-mode=horizontal] .navbar-toggle span {
    height: 2px;
    width: 100%;
    background-color: var(--ct-gray-700);
    display: block;
    margin-bottom: 5px;
    transition: transform 0.5s ease;
  }
  body[data-layout-mode=horizontal] .navbar-toggle.open span {
    position: absolute;
  }
  body[data-layout-mode=horizontal] .navbar-toggle.open span:first-child {
    top: 7px;
    transform: rotate(45deg);
  }
  body[data-layout-mode=horizontal] .navbar-toggle.open span:nth-child(2) {
    visibility: hidden;
  }
  body[data-layout-mode=horizontal] .navbar-toggle.open span:last-child {
    width: 100%;
    top: 7px;
    transform: rotate(-45deg);
  }
}
.topnav .nav-link {
  color: #101114;
}

body[data-layout-mode=horizontal] .button-menu-mobile {
  display: none;
}
body[data-layout-mode=horizontal] .logo-box {
  width: auto;
  padding-right: 50px;
  background-color: transparent;
}
@media (min-width: 992px) and (max-width: 1366px) {
  body[data-layout-mode=horizontal] .logo-box {
    padding-left: 20px;
  }
}

@media (max-width: 360px) {
  .navbar-custom .topnav-menu .nav-link {
    padding: 0 12px;
  }
  .navbar-custom .button-menu-mobile {
    width: 45px;
  }
}
body[data-layout-mode=two-column][data-topbar-color=dark] .navbar-custom .logo-box .logo-light {
  display: none;
}
body[data-layout-mode=two-column][data-topbar-color=dark] .navbar-custom .logo-box .logo-dark {
  display: block;
}
body[data-layout-mode=two-column][data-topbar-color=dark][data-leftbar-color=dark] .navbar-custom .logo-box .logo-light {
  display: block;
}
body[data-layout-mode=two-column][data-topbar-color=dark][data-leftbar-color=dark] .navbar-custom .logo-box .logo-dark {
  display: none;
}
body[data-layout-mode=two-column][data-topbar-color=dark][data-leftbar-color=brand] .navbar-custom .logo-box .logo-light, body[data-layout-mode=two-column][data-topbar-color=dark][data-leftbar-color=gradient] .navbar-custom .logo-box .logo-light {
  display: block;
}
body[data-layout-mode=two-column][data-topbar-color=dark][data-leftbar-color=brand] .navbar-custom .logo-box .logo-dark, body[data-layout-mode=two-column][data-topbar-color=dark][data-leftbar-color=gradient] .navbar-custom .logo-box .logo-dark {
  display: none;
}

#search-suggestions {
  max-height: 300px;
  overflow-y: auto;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  left: 0;
  max-width: auto;
  min-width: 280px;
}
#search-suggestions .nav {
  margin-bottom: 10px;
}
#search-suggestions .nav-link {
  font-size: 14px;
  line-height: 15px;
  color: #6c757d;
}
#search-suggestions .nav-link.active {
  color: #101114;
}
#search-suggestions .tab-content {
  max-height: 200px;
  overflow-y: auto;
}
#search-suggestions .dropdown-item {
  padding: 5px 10px;
  font-size: 14px;
}

@media (min-width: 1200px) {
  body[data-layout-mode=horizontal] .container-fluid {
    max-width: 100%;
  }
  body[data-layout-mode=horizontal] .navbar-custom {
    padding: 0 24px;
  }
}
body[data-layout-mode=horizontal] .content-page {
  margin-left: 0 !important;
}

.topnav {
  background: #fff;
  box-shadow: var(--ct-box-shadow);
  margin-top: 70px;
  padding: 0 calc(24px / 2);
  position: fixed;
  left: 0;
  right: 0;
  z-index: 100;
}
.topnav .topnav-menu {
  margin: 0;
  padding: 0;
}
.topnav .navbar-nav .nav-link {
  font-size: 0.95rem;
  position: relative;
  line-height: 22px;
  padding: calc(33px / 2) 1.1rem;
  color: var(--ct-hori-menu-item-color);
  font-family: "AvenirNextLTPro-Medium", sans-serif;
}
.topnav .navbar-nav .nav-link i {
  font-size: 15px;
  display: inline-block;
}
.topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {
  color: var(--ct-menu-item-hover);
  background-color: transparent;
}
.topnav .navbar-nav .nav-item.dropdown.active > a.dropdown-toggle {
  color: var(--ct-menu-item-active);
}

@media (min-width: 992px) {
  .topnav {
    height: 55px;
  }
  .topnav .navbar-nav .nav-item:first-of-type .nav-link {
    padding-left: 0;
  }
  .topnav .dropdown-item {
    padding: 0.5rem 1.25rem;
    min-width: 180px;
    margin: 0 0.3rem;
    width: auto;
  }
  .topnav .dropdown-item.active {
    background-color: transparent;
    color: var(--ct-menu-item-active);
  }
  .topnav .dropdown.mega-dropdown .mega-dropdown-menu {
    left: 0px;
    right: auto;
  }
  .topnav .dropdown .dropdown-menu {
    padding: 0.3rem 0;
    margin-top: 0;
    border-radius: 0 0 0.25rem 0.25rem;
  }
  .topnav .dropdown .dropdown-menu .arrow-down::after {
    right: 20px;
    transform: rotate(-135deg) translateY(-50%);
    position: absolute;
  }
  .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {
    position: absolute;
    top: 0 !important;
    left: 100%;
    display: none;
  }
  .topnav .dropdown:hover > .nav-link {
    color: var(--ct-menu-item-hover);
  }
  .topnav .dropdown:hover > .dropdown-menu {
    display: block;
  }
  .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-item {
    color: var(--ct-menu-item-active);
  }
  .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {
    display: block;
  }
  .navbar-toggle {
    display: none;
  }
  body[data-layout-mode=horizontal] .content-page {
    padding: 55px 15px 65px 15px;
  }
}
.arrow-down {
  display: inline-block;
}
.arrow-down:after {
  border-color: initial;
  border-style: solid;
  border-width: 0 0 1px 1px;
  content: "";
  height: 0.4em;
  display: inline-block;
  right: 5px;
  top: 50%;
  margin-left: 10px;
  transform: rotate(-45deg) translateY(-50%);
  transform-origin: top;
  transition: all 0.3s ease-out;
  width: 0.4em;
}

@media (max-width: 1199.98px) {
  .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {
    right: 100%;
    left: auto;
  }
}
@media (max-width: 991.98px) {
  .topnav {
    max-height: 360px;
    overflow-y: auto;
    padding: 0;
  }
  .topnav .navbar-nav .nav-link {
    padding: 0.75rem 1.1rem;
  }
  .topnav .dropdown .dropdown-menu {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding-left: 15px;
  }
  .topnav .dropdown .dropdown-item {
    position: relative;
    background-color: transparent;
  }
  .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {
    color: var(--ct-menu-item-active);
  }
  .topnav .arrow-down::after {
    right: 15px;
    position: absolute;
  }
}
@media (min-width: 992px) {
  body[data-layout-mode=horizontal][data-topbar-color=light] .topnav {
    background-color: #101114;
  }
  body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.7);
  }
  body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-link:focus, body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.9);
  }
  body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-link.active {
    color: #fff;
  }
  body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-item:hover .nav-link {
    color: #fff;
  }
  body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav > .dropdown.active > a {
    color: rgba(255, 255, 255, 0.9) !important;
  }
}
body[data-layout-mode=horizontal][data-layout-width=boxed] .topnav {
  max-width: 1300px;
  margin: 70px auto 0;
}

body[data-layout-mode=two-column] .left-side-menu {
  width: calc(70px + 220px);
  background-color: transparent;
  box-shadow: none;
}
body[data-layout-mode=two-column].paymanager-left, body[data-layout-mode=two-column].shopsmanager-left {
  z-index: 3;
}
body[data-layout-mode=two-column].paymanager-left .simplebar-content, body[data-layout-mode=two-column].shopsmanager-left .simplebar-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body[data-layout-mode=two-column].paymanager-left .simplebar-content #two-col-sidenav-main-pay,
body[data-layout-mode=two-column].paymanager-left .simplebar-content #two-col-sidenav-main-shops, body[data-layout-mode=two-column].shopsmanager-left .simplebar-content #two-col-sidenav-main-pay,
body[data-layout-mode=two-column].shopsmanager-left .simplebar-content #two-col-sidenav-main-shops {
  flex: 2;
}
body[data-layout-mode=two-column] .sidebar-icon-menu {
  position: fixed;
  width: 70px;
  z-index: 500;
  top: 0;
  bottom: 0;
  padding-bottom: 20px;
  background-color: var(--ct-twocolumn-sidebar-iconview-bg);
}
body[data-layout-mode=two-column] .sidebar-icon-menu.shops {
  background-color: #ff5400;
  background: url("/static/images/backgrounds/buzz-shops-sidemenu-bg.jpg") no-repeat;
}
body[data-layout-mode=two-column] .sidebar-icon-menu.pay {
  background-color: #006666;
  background: url("/static/images/backgrounds/pay-glass-menu-03.jpg") no-repeat;
}
body[data-layout-mode=two-column] .sidebar-icon-menu .logo {
  display: block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
}
body[data-layout-mode=two-column] .sidebar-icon-menu .nav {
  background-color: transparent;
  margin: 24px auto;
}
body[data-layout-mode=two-column] .sidebar-icon-menu .nav .nav-link {
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 2px auto;
  padding: 0px;
  border-radius: 50%;
}
body[data-layout-mode=two-column] .sidebar-icon-menu .nav .nav-link.active {
  background-color: rgba(255, 255, 255, 0.12);
}
body[data-layout-mode=two-column] .sidebar-icon-menu .nav .nav-link svg {
  color: #fff;
  fill: rgba(255, 255, 255, 0.12);
  height: 22px;
  width: 22px;
}
body[data-layout-mode=two-column] .sidebar-main-menu {
  display: block;
  position: fixed;
  width: 220px;
  background-color: var(--ct-twocolumn-sidebar-bg);
  top: 70px;
  bottom: 0;
  left: 70px;
  padding: 30px 5px;
  box-shadow: var(--ct-box-shadow);
  transition: all 0.1s ease-out;
}
body[data-layout-mode=two-column] .sidebar-main-menu .sidebar-menu-body {
  padding: 20px;
}
body[data-layout-mode=two-column] .sidebar-main-menu .menu-title {
  color: var(--ct-gray-500) !important;
  margin: 0;
  padding: 10px 20px;
  letter-spacing: 0.05em;
  font-size: 0.7rem;
  text-transform: uppercase;
  font-weight: 600;
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav > .nav-item > .nav-link {
  color: var(--ct-menu-item);
  font-size: 0.95rem;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav > .nav-item .menu-arrow {
  right: 10px;
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav .nav-link {
  position: relative;
  color: var(--ct-menu-item);
  padding: 6px 15px;
  border-radius: 3px;
  margin: 3px 5px;
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav .nav-link:hover, body[data-layout-mode=two-column] .sidebar-main-menu .nav .nav-link:focus, body[data-layout-mode=two-column] .sidebar-main-menu .nav .nav-link.active {
  color: var(--ct-menu-item-active);
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav .menuitem-active > a.nav-link {
  color: var(--ct-menu-item-active);
  background-color: var(--ct-menuitem-active-bg);
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav .menuitem-active a.active {
  color: var(--ct-menu-item-active);
}
body[data-layout-mode=two-column] .sidebar-main-menu #sidebar-menu .menu-arrow {
  top: 7px;
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav-second-level {
  padding-left: 15px;
  list-style: none;
}
@media (min-width: 992px) {
  body[data-layout-mode=two-column] .navbar-custom {
    left: 70px !important;
    padding-left: 0px;
  }
  body[data-layout-mode=two-column] .navbar-custom .logo-box {
    width: 220px;
  }
  body[data-layout-mode=two-column] .navbar-custom .logo-box .logo-sm {
    display: none;
  }
  body[data-layout-mode=two-column][data-leftbar-size=condensed] .logo-box {
    width: 0 !important;
  }
}
body[data-layout-mode=two-column][data-leftbar-color=light] .logo-box {
  background-color: var(--ct-twocolumn-sidebar-bg);
}
@media (min-width: 992px) {
  body[data-layout-mode=two-column] .content-page {
    margin-left: calc(70px + 220px);
  }
  body[data-layout-mode=two-column] .footer {
    left: calc(70px + 220px);
  }
  body[data-layout-mode=two-column][data-leftbar-size=condensed] .sidebar-main-menu {
    display: none;
  }
}
body[data-layout-mode=two-column] .twocolumn-menu-item,
body[data-layout-mode=two-column] .twocolumn-menu-item-pay,
body[data-layout-mode=two-column] .twocolumn-menu-item-shops {
  display: none;
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .sidebar-main-menu {
  background-color: var(--ct-bg-leftbar-dark);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .sidebar-main-menu .nav > .nav-item > .nav-link {
  color: var(--ct-menu-item-color-dark);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .sidebar-main-menu .nav .nav-link:hover, body[data-layout-mode=two-column][data-leftbar-color=dark] .sidebar-main-menu .nav .nav-link:focus, body[data-layout-mode=two-column][data-leftbar-color=dark] .sidebar-main-menu .nav .nav-link.active {
  color: var(--ct-menu-item-hover-color-dark);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .sidebar-main-menu .nav .menuitem-active > a.nav-link {
  color: var(--ct-menu-item-active);
  background-color: var(--ct-menuitem-active-bg);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .sidebar-main-menu .nav .menuitem-active a.active {
  color: var(--ct-menu-item-active);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumn {
  background-color: var(--ct-bg-leftbar-dark);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumn .nav > .nav-item > .nav-link {
  color: var(--ct-menu-item-color-dark);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumn .nav .nav-link:hover, body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumn .nav .nav-link:focus, body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumn .nav .nav-link.active {
  color: var(--ct-menu-item-hover-color-dark);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumn .nav .menuitem-active > a.nav-link {
  color: var(--ct-menu-item-active);
  background-color: rgba(var(--ct-menu-item-active), 0.07);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumn .nav .menuitem-active a.active {
  color: var(--ct-menu-item-active);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumnSub {
  background-color: var(--ct-bg-leftbar-dark);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumnSub .nav > .nav-item > .nav-link {
  color: var(--ct-menu-item-color-dark);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumnSub .nav .nav-link:hover, body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumnSub .nav .nav-link:focus, body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumnSub .nav .nav-link.active {
  color: var(--ct-menu-item-hover-color-dark);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumnSub .nav .menuitem-active > a.nav-link {
  color: var(--ct-menu-item-active);
  background-color: rgba(var(--ct-menu-item-active), 0.07);
}
body[data-layout-mode=two-column][data-leftbar-color=dark] .customMenuTwoColumnSub .nav .menuitem-active a.active {
  color: var(--ct-menu-item-active);
}
body[data-layout-mode=two-column][data-leftbar-color=brand] .sidebar-main-menu .nav > .nav-item > .nav-link, body[data-layout-mode=two-column][data-leftbar-color=gradient] .sidebar-main-menu .nav > .nav-item > .nav-link {
  color: rgba(255, 255, 255, 0.7);
}
body[data-layout-mode=two-column][data-leftbar-color=brand] .sidebar-main-menu .nav .nav-link:hover, body[data-layout-mode=two-column][data-leftbar-color=brand] .sidebar-main-menu .nav .nav-link:focus, body[data-layout-mode=two-column][data-leftbar-color=brand] .sidebar-main-menu .nav .nav-link.active, body[data-layout-mode=two-column][data-leftbar-color=gradient] .sidebar-main-menu .nav .nav-link:hover, body[data-layout-mode=two-column][data-leftbar-color=gradient] .sidebar-main-menu .nav .nav-link:focus, body[data-layout-mode=two-column][data-leftbar-color=gradient] .sidebar-main-menu .nav .nav-link.active {
  color: rgba(255, 255, 255, 0.9);
}
body[data-layout-mode=two-column][data-leftbar-color=brand] .sidebar-main-menu {
  background-color: var(--ct-bg-leftbar-brand);
}
body[data-layout-mode=two-column][data-leftbar-color=gradient] .sidebar-main-menu {
  background: var(--ct-bg-leftbar-gradient);
  background-image: linear-gradient(270deg, rgba(64, 149, 216, 0.15), transparent);
}
body[data-layout-mode=two-column][data-layout-width=boxed] .navbar-custom {
  max-width: calc(1300px - 70px);
}
body[data-layout-mode=two-column][data-layout-width=boxed] .sidebar-main-menu {
  position: absolute;
  top: 0;
}
body[data-layout-mode=two-column][data-layout-width=boxed]:not([data-leftbar-size=condensed]) .footer {
  max-width: calc(1300px - calc(70px + 220px));
}

@media (max-width: 990px) {
  .icon-c-logo path {
    fill: #101114;
  }
  .business-cloud .icon-c-logo path {
    fill: #fff;
  }
}
.customMenuTwoColumn {
  position: fixed;
  z-index: 999999;
  box-shadow: var(--ct-box-shadow-lg);
  bottom: 20px;
  min-width: 220px;
  border-radius: 10px;
  background: #fff;
  left: 60px;
  min-height: 400px;
}
.customMenuTwoColumn .secondaryProfile {
  position: fixed;
  z-index: 999999;
  background: #fff;
  box-shadow: var(--ct-box-shadow-lg);
}
.customMenuTwoColumn .nav.flex-column {
  height: 100%;
  justify-content: space-evenly;
}

.customMenuTwoColumnSub {
  position: fixed;
  z-index: 9999999;
  box-shadow: var(--ct-box-shadow-lg);
  bottom: 20px;
  min-width: 220px;
  border-radius: 10px;
  background: #fff;
  left: 270px;
  min-height: 400px;
}
.customMenuTwoColumnSub .secondaryProfile {
  position: fixed;
  z-index: 999999;
  background: #fff;
  box-shadow: var(--ct-box-shadow-lg);
}
.customMenuTwoColumnSub .nav.flex-column {
  height: 100%;
  justify-content: space-evenly;
}

.page-title-box .page-title {
  font-size: 1.25rem;
  margin: 0;
  line-height: 75px;
  color: var(--ct-gray-900);
}
.page-title-box .page-title-right {
  float: right;
  margin-top: 22px;
}
.page-title-box .breadcrumb {
  padding-top: 5px;
}

@media (max-width: 767.98px) {
  .page-title-box .page-title {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 70px;
  }
  .page-title-box .breadcrumb {
    display: none;
  }
}
@media (max-width: 640px) {
  .page-title-box .page-title-right {
    display: none;
  }
}
@media (max-width: 419px) {
  .page-title-box .breadcrumb {
    display: none;
  }
}
.footer {
  bottom: 0;
  padding: 19px 15px 20px;
  position: absolute;
  right: 0;
  color: var(--ct-text-muted);
  left: 240px;
  background-color: #fff;
}
.footer a:hover, .footer a:focus {
  color: #FF5400 !important;
}
.footer .footer-links a {
  color: var(--ct-text-muted);
  margin-left: 1.5rem;
  transition: all 0.4s;
}
.footer .footer-links a:hover {
  color: #ff5400;
}
.footer .footer-links a:first-of-type {
  margin-left: 0;
}

.footer-alt {
  left: 0 !important;
  text-align: center;
  background-color: transparent;
}

@media (max-width: 767.98px) {
  .footer {
    left: 0 !important;
    text-align: center;
  }
}
body[data-layout-mode=horizontal] .footer {
  left: 0 !important;
}
body[data-layout-mode=horizontal][data-layout-width=boxed] .footer {
  max-width: 1300px !important;
}

@media (min-width: 992px) {
  body[data-layout-mode=detached] .footer {
    position: inherit;
    margin: 0 10px;
  }
}

.right-bar {
  background-color: var(--ct-rightbar-bg);
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
  display: block;
  position: fixed;
  transition: all 200ms ease-out;
  width: 390px;
  z-index: 9999;
  float: right !important;
  right: -400px;
  top: 0;
  bottom: 0;
  border-top-left-radius: 10px;
}
.right-bar .rightbar-title {
  background-color: #fff;
  padding: 27px 25px;
  color: #101114;
  box-shadow: 0px 2.17356px 10.86778px 0px rgba(0, 0, 0, 0.08);
}
.right-bar .user-box {
  padding: 25px;
  text-align: center;
}
.right-bar .user-box .user-img {
  position: relative;
  height: 64px;
  width: 64px;
  margin: 0 auto 15px auto;
}
.right-bar .user-box .user-img .user-edit {
  position: absolute;
  right: -5px;
  bottom: 0px;
  height: 24px;
  width: 24px;
  background-color: #fff;
  line-height: 24px;
  border-radius: 50%;
  box-shadow: var(--ct-box-shadow-lg);
}
.right-bar .user-box h5 {
  margin-bottom: 2px;
}
.right-bar .user-box h5 a {
  color: var(--ct-gray-900);
}
.right-bar .notification-item .noti-user-item {
  padding: 0.75rem 1rem;
}
.right-bar .notification-item .noti-user-item:hover {
  background-color: var(--ct-dropdown-link-hover-bg);
}
.right-bar .notification-item .user-status {
  position: absolute;
  right: 0px;
  bottom: -4px;
  font-size: 10px;
}
.right-bar .notification-item .user-status.online {
  color: #5ad092;
}
.right-bar .notification-item .user-status.away {
  color: #fdc45e;
}
.right-bar .notification-item .user-status.busy {
  color: #f75964;
}
.right-bar .notify-icon {
  width: 40px;
  height: 40px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  margin-right: 12px;
  border-radius: 12px;
}

.rightbar-overlay {
  background-color: rgba(var(--ct-gray-900-rgb), 0.2);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 9998;
  transition: all 0.2s ease-out;
}

.right-bar-enabled .right-bar {
  right: 0;
}
.right-bar-enabled .rightbar-overlay {
  display: block;
}

@media (max-width: 767.98px) {
  .right-bar {
    overflow: auto;
  }
  .right-bar .slimscroll-menu {
    height: auto !important;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1470px;
  }
  .container-md {
    max-width: 1140px;
  }
}
body[data-layout-width=boxed] #wrapper {
  max-width: 1300px;
  margin: 0 auto;
  box-shadow: var(--ct-box-shadow-lg);
}
body[data-layout-width=boxed] .navbar-custom {
  max-width: 1300px;
  margin: 0 auto;
}
body[data-layout-width=boxed] .footer {
  margin: 0 auto;
  max-width: calc(1300px - 240px);
}
body[data-layout-width=boxed][data-leftbar-size=condensed] .footer {
  max-width: calc(1300px - 70px);
}
body[data-layout-width=boxed][data-leftbar-size=compact] .footer {
  max-width: calc(1300px - 160px);
}

@media (min-width: 768px) {
  body[data-layout-width=boxed][data-leftbar-size=condensed] .content-page {
    min-height: calc(1750px - 70px);
  }
}
@media (min-width: 1200px) {
  body[data-menu-position=scrollable]:not([data-leftbar-size=condensed]):not([data-leftbar-size=compact]):not([data-layout-mode=two-column]) {
    padding-bottom: 0;
  }
  body[data-menu-position=scrollable]:not([data-leftbar-size=condensed]):not([data-leftbar-size=compact]):not([data-layout-mode=two-column]) #wrapper {
    display: flex;
  }
  body[data-menu-position=scrollable]:not([data-leftbar-size=condensed]):not([data-leftbar-size=compact]):not([data-layout-mode=two-column]) .navbar-custom,
  body[data-menu-position=scrollable]:not([data-leftbar-size=condensed]):not([data-leftbar-size=compact]):not([data-layout-mode=two-column]) .topnav {
    position: absolute;
  }
  body[data-menu-position=scrollable]:not([data-leftbar-size=condensed]):not([data-leftbar-size=compact]):not([data-layout-mode=two-column]) .left-side-menu {
    position: relative;
    min-width: 240px;
    max-width: 240px;
    padding: 20px 0 calc(70px + 20px);
  }
  body[data-menu-position=scrollable]:not([data-leftbar-size=condensed]):not([data-leftbar-size=compact]):not([data-layout-mode=two-column]) .content-page {
    margin-left: 0;
    width: 100%;
    padding-bottom: 60px;
  }
}
.width-xs {
  min-width: 80px;
}

.width-sm {
  min-width: 100px;
}

.width-md {
  min-width: 120px;
}

.width-lg {
  min-width: 140px;
}

.width-xl {
  min-width: 160px;
}

.font-family-primary {
  font-family: "IBM Plex Sans", sans-serif;
}

.font-family-secondary {
  font-family: "AvenirNextLTPro-Medium", sans-serif;
}

.sp-line-1,
.sp-line-2,
.sp-line-3,
.sp-line-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.sp-line-1 {
  -webkit-line-clamp: 1;
}

.sp-line-2 {
  -webkit-line-clamp: 2;
}

.sp-line-3 {
  -webkit-line-clamp: 3;
}

.sp-line-4 {
  -webkit-line-clamp: 4;
}

.icon-dual {
  color: var(--ct-text-muted);
  fill: rgba(var(--ct-gray-600-rgb), 0.12);
}

.icon-dual-primary {
  color: #2892fd;
  fill: rgba(40, 146, 253, 0.16);
}

.icon-dual-secondary {
  color: #6c757d;
  fill: rgba(108, 117, 125, 0.16);
}

.icon-dual-success {
  color: #5ad092;
  fill: rgba(90, 208, 146, 0.16);
}

.icon-dual-info {
  color: #4fc6e1;
  fill: rgba(79, 198, 225, 0.16);
}

.icon-dual-warning {
  color: #fdc45e;
  fill: rgba(253, 196, 94, 0.16);
}

.icon-dual-danger {
  color: #f75964;
  fill: rgba(247, 89, 100, 0.16);
}

.icon-dual-light {
  color: #f3f7f9;
  fill: rgba(243, 247, 249, 0.16);
}

.icon-dual-dark {
  color: #323a46;
  fill: rgba(50, 58, 70, 0.16);
}

.icon-dual-pink {
  color: #f672a7;
  fill: rgba(246, 114, 167, 0.16);
}

.icon-dual-blue {
  color: #6658dd;
  fill: rgba(102, 88, 221, 0.16);
}

.icons-xs {
  height: 16px;
  width: 16px;
}

.icons-sm {
  height: 24px;
  width: 24px;
}

.icons-md {
  height: 32px;
  width: 32px;
}

.icons-lg {
  height: 40px;
  width: 40px;
}

.icons-xl {
  height: 48px;
  width: 48px;
}

.icons-xxl {
  height: 60px;
  width: 60px;
}

.item-hovered:hover {
  background-color: var(--ct-dropdown-link-hover-bg);
}

.py-200 {
  padding: 200px 0;
}

.pt-200 {
  padding-top: 200px;
}

.pb-200 {
  padding-bottom: 200px;
}

@media (max-width: 768px) {
  .pb-200 {
    padding-bottom: 0;
  }
}
.mt-70 {
  margin-top: 70px;
}

.social-list-item {
  height: 2rem;
  width: 2rem;
  line-height: calc(2rem - 2px);
  display: block;
  border: 2px solid var(--ct-gray-500);
  border-radius: 50%;
  color: var(--ct-gray-500);
}

.widget-flat {
  position: relative;
  overflow: hidden;
}
.widget-flat i.widget-icon {
  font-size: 36px;
}

.inbox-widget .inbox-item {
  border-bottom: 1px solid var(--ct-gray-300);
  overflow: hidden;
  padding: 0.625rem 0;
  position: relative;
}
.inbox-widget .inbox-item:last-of-type {
  border-bottom: none;
}
.inbox-widget .inbox-item .inbox-item-img {
  display: block;
  float: left;
  margin-right: 15px;
  width: 40px;
}
.inbox-widget .inbox-item .inbox-item-img img {
  width: 40px;
}
.inbox-widget .inbox-item .inbox-item-author {
  color: var(--ct-heading-color);
  display: block;
  margin-bottom: 3px;
  font-weight: 600;
}
.inbox-widget .inbox-item .inbox-item-text {
  color: var(--ct-text-muted);
  display: block;
  font-size: 0.8125rem;
  margin: 0;
  overflow: hidden;
}
.inbox-widget .inbox-item .inbox-item-date {
  color: var(--ct-gray-600);
  font-size: 0.6875rem;
  position: absolute;
  right: 5px;
  top: 10px;
}

/* Chat widget */
.conversation-list {
  list-style: none;
  padding: 0 15px;
}
.conversation-list li {
  margin-bottom: 20px;
}
.conversation-list li .conversation-actions {
  float: right;
  display: none;
}
.conversation-list li:hover .conversation-actions {
  display: block;
}
.conversation-list .chat-avatar {
  float: left;
  text-align: center;
  width: 42px;
}
.conversation-list .chat-avatar img {
  border-radius: 100%;
  width: 100%;
}
.conversation-list .chat-avatar i {
  font-size: 12px;
  font-style: normal;
}
.conversation-list .ctext-wrap {
  background: var(--ct-chat-secondary-user-bg);
  border-radius: 3px;
  display: inline-block;
  padding: 12px;
  position: relative;
}
.conversation-list .ctext-wrap i {
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  position: relative;
}
.conversation-list .ctext-wrap p {
  margin: 0;
  padding-top: 3px;
}
.conversation-list .ctext-wrap:after {
  left: -10px;
  top: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: var(--ct-chat-secondary-user-bg);
  border-width: 6px;
  margin-right: -1px;
  border-right-color: var(--ct-chat-secondary-user-bg);
}
.conversation-list .conversation-text {
  float: left;
  font-size: 12px;
  margin-left: 12px;
  width: 70%;
}
.conversation-list .odd .chat-avatar {
  float: right !important;
}
.conversation-list .odd .conversation-text {
  float: right !important;
  margin-right: 12px;
  text-align: right;
  width: 70% !important;
}
.conversation-list .odd .ctext-wrap {
  background-color: var(--ct-chat-primary-user-bg);
}
.conversation-list .odd .ctext-wrap:after {
  border-color: transparent;
  border-left-color: var(--ct-chat-primary-user-bg);
  border-top-color: var(--ct-chat-primary-user-bg);
  right: -10px !important;
  left: auto;
}
.conversation-list .odd .conversation-actions {
  float: left;
}

.badge {
  box-shadow: var(--ct-components-shadow);
}

.badge-light {
  color: #343a40;
}

.badge-buzz {
  background-color: #ffca03;
  color: #101114;
}

.badge-buzz-orange {
  background-color: #ff5400;
  color: #fff;
}

.badge-processing {
  background-color: rgba(253, 196, 94, 0.4);
  color: #101114;
}

.badge-primary {
  background-color: rgba(16, 17, 20, 0.4);
}

.badge-info {
  background-color: rgba(30, 192, 207, 0.1);
  color: #4fc6e1;
}

.badge-danger {
  background-color: rgba(247, 89, 100, 0.4);
}

.badge-pink {
  background-color: rbga(#f672a7, 0.4);
}

.badge-blue {
  background-color: rgba(102, 88, 221, 0.4);
}

.badge-success-light {
  background: rgba(45, 202, 115, 0.1);
  color: #5ad092 !important;
}

.badge-dark {
  background-color: rgba(50, 58, 70, 0.5);
}

.badge-soft-primary {
  color: #2892fd;
  background-color: rgba(40, 146, 253, 0.18);
  box-shadow: none;
}

.badge-outline-primary {
  color: #2892fd;
  border: 1px solid #2892fd;
  background-color: transparent;
  box-shadow: none;
}

.badge-soft-secondary {
  color: #6c757d;
  background-color: rgba(108, 117, 125, 0.18);
  box-shadow: none;
}

.badge-outline-secondary {
  color: #6c757d;
  border: 1px solid #6c757d;
  background-color: transparent;
  box-shadow: none;
}

.badge-soft-success {
  color: #5ad092;
  background-color: rgba(90, 208, 146, 0.18);
  box-shadow: none;
}

.badge-outline-success {
  color: #5ad092;
  border: 1px solid #5ad092;
  background-color: transparent;
  box-shadow: none;
}

.badge-soft-info {
  color: #4fc6e1;
  background-color: rgba(79, 198, 225, 0.18);
  box-shadow: none;
}

.badge-outline-info {
  color: #4fc6e1;
  border: 1px solid #4fc6e1;
  background-color: transparent;
  box-shadow: none;
}

.badge-soft-warning {
  color: #fdc45e;
  background-color: rgba(253, 196, 94, 0.18);
  box-shadow: none;
}

.badge-outline-warning {
  color: #fdc45e;
  border: 1px solid #fdc45e;
  background-color: transparent;
  box-shadow: none;
}

.badge-soft-danger {
  color: #f75964;
  background-color: rgba(247, 89, 100, 0.18);
  box-shadow: none;
}

.badge-outline-danger {
  color: #f75964;
  border: 1px solid #f75964;
  background-color: transparent;
  box-shadow: none;
}

.badge-soft-light {
  color: #f3f7f9;
  background-color: rgba(243, 247, 249, 0.18);
  box-shadow: none;
}

.badge-outline-light {
  color: #f3f7f9;
  border: 1px solid #f3f7f9;
  background-color: transparent;
  box-shadow: none;
}

.badge-soft-dark {
  color: #323a46;
  background-color: rgba(50, 58, 70, 0.18);
  box-shadow: none;
}

.badge-outline-dark {
  color: #323a46;
  border: 1px solid #323a46;
  background-color: transparent;
  box-shadow: none;
}

.badge-soft-pink {
  color: #f672a7;
  background-color: rgba(246, 114, 167, 0.18);
  box-shadow: none;
}

.badge-outline-pink {
  color: #f672a7;
  border: 1px solid #f672a7;
  background-color: transparent;
  box-shadow: none;
}

.badge-soft-blue {
  color: #6658dd;
  background-color: rgba(102, 88, 221, 0.18);
  box-shadow: none;
}

.badge-outline-blue {
  color: #6658dd;
  border: 1px solid #6658dd;
  background-color: transparent;
  box-shadow: none;
}

.form-check.form-check-primary .form-check-input:checked {
  background-color: #2892fd !important;
  border-color: #2892fd !important;
}

.form-check.form-check-secondary .form-check-input:checked {
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}

.form-check.form-check-success .form-check-input:checked {
  background-color: #5ad092 !important;
  border-color: #5ad092 !important;
}

.form-check.form-check-info .form-check-input:checked {
  background-color: #4fc6e1 !important;
  border-color: #4fc6e1 !important;
}

.form-check.form-check-warning .form-check-input:checked {
  background-color: #fdc45e !important;
  border-color: #fdc45e !important;
}

.form-check.form-check-danger .form-check-input:checked {
  background-color: #f75964 !important;
  border-color: #f75964 !important;
}

.form-check.form-check-light .form-check-input:checked {
  background-color: #f3f7f9 !important;
  border-color: #f3f7f9 !important;
}

.form-check.form-check-dark .form-check-input:checked {
  background-color: #323a46 !important;
  border-color: #323a46 !important;
}

.form-check.form-check-pink .form-check-input:checked {
  background-color: #f672a7 !important;
  border-color: #f672a7 !important;
}

.form-check.form-check-blue .form-check-input:checked {
  background-color: #6658dd !important;
  border-color: #6658dd !important;
}

.radio label {
  display: inline-block;
  padding-left: 8px;
  position: relative;
  font-weight: normal;
  margin-bottom: 0;
}
.radio label::before {
  -o-transition: border 0.5s ease-in-out;
  -webkit-transition: border 0.5s ease-in-out;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #98a6ad;
  content: "";
  display: inline-block;
  height: 18px;
  left: 0;
  margin-left: -18px;
  position: absolute;
  transition: border 0.5s ease-in-out;
  width: 18px;
  outline: none !important;
}
.radio label::after {
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -webkit-transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  background-color: #6c757d;
  border-radius: 50%;
  content: " ";
  display: inline-block;
  height: 10px;
  left: 6px;
  margin-left: -20px;
  position: absolute;
  top: 4px;
  transform: scale(0, 0);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  width: 10px;
}
.radio input[type=radio] {
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  outline: none !important;
}
.radio input[type=radio]:disabled + label {
  opacity: 0.65;
}
.radio input[type=radio]:focus + label::before {
  outline-offset: -2px;
  outline: 5px auto -webkit-focus-ring-color;
  outline: thin dotted;
}
.radio input[type=radio]:checked + label::after {
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type=radio]:disabled + label::before {
  cursor: not-allowed;
}

.radio.radio-inline {
  margin-top: 0;
}

.radio.radio-single label {
  height: 17px;
}

.radio-primary input[type=radio] + label::after {
  background-color: #2892fd;
}
.radio-primary input[type=radio]:checked + label::before {
  border-color: #2892fd;
}
.radio-primary input[type=radio]:checked + label::after {
  background-color: #2892fd;
}

.radio-secondary input[type=radio] + label::after {
  background-color: #6c757d;
}
.radio-secondary input[type=radio]:checked + label::before {
  border-color: #6c757d;
}
.radio-secondary input[type=radio]:checked + label::after {
  background-color: #6c757d;
}

.radio-success input[type=radio] + label::after {
  background-color: #5ad092;
}
.radio-success input[type=radio]:checked + label::before {
  border-color: #5ad092;
}
.radio-success input[type=radio]:checked + label::after {
  background-color: #5ad092;
}

.radio-info input[type=radio] + label::after {
  background-color: #4fc6e1;
}
.radio-info input[type=radio]:checked + label::before {
  border-color: #4fc6e1;
}
.radio-info input[type=radio]:checked + label::after {
  background-color: #4fc6e1;
}

.radio-warning input[type=radio] + label::after {
  background-color: #fdc45e;
}
.radio-warning input[type=radio]:checked + label::before {
  border-color: #fdc45e;
}
.radio-warning input[type=radio]:checked + label::after {
  background-color: #fdc45e;
}

.radio-danger input[type=radio] + label::after {
  background-color: #f75964;
}
.radio-danger input[type=radio]:checked + label::before {
  border-color: #f75964;
}
.radio-danger input[type=radio]:checked + label::after {
  background-color: #f75964;
}

.radio-light input[type=radio] + label::after {
  background-color: #f3f7f9;
}
.radio-light input[type=radio]:checked + label::before {
  border-color: #f3f7f9;
}
.radio-light input[type=radio]:checked + label::after {
  background-color: #f3f7f9;
}

.radio-dark input[type=radio] + label::after {
  background-color: #323a46;
}
.radio-dark input[type=radio]:checked + label::before {
  border-color: #323a46;
}
.radio-dark input[type=radio]:checked + label::after {
  background-color: #323a46;
}

.radio-pink input[type=radio] + label::after {
  background-color: #f672a7;
}
.radio-pink input[type=radio]:checked + label::before {
  border-color: #f672a7;
}
.radio-pink input[type=radio]:checked + label::after {
  background-color: #f672a7;
}

.radio-blue input[type=radio] + label::after {
  background-color: #6658dd;
}
.radio-blue input[type=radio]:checked + label::before {
  border-color: #6658dd;
}
.radio-blue input[type=radio]:checked + label::after {
  background-color: #6658dd;
}

.ribbon-box {
  position: relative;
  /* Ribbon two */
}
.ribbon-box .ribbon {
  position: relative;
  clear: both;
  padding: 5px 12px;
  margin-bottom: 15px;
  box-shadow: 2px 5px 10px rgba(var(--ct-gray-900-rgb), 0.15);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.ribbon-box .ribbon:before {
  content: " ";
  border-style: solid;
  border-width: 10px;
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
  margin-bottom: -10px;
  z-index: -1;
}
.ribbon-box .ribbon.float-start {
  margin-left: -30px;
  border-radius: 0 3px 3px 0;
}
.ribbon-box .ribbon.float-end {
  margin-right: -30px;
  border-radius: 3px 0 0 3px;
}
.ribbon-box .ribbon.float-end:before {
  right: 0;
}
.ribbon-box .ribbon.float-center span {
  margin: 0 auto 20px auto;
}
.ribbon-box .ribbon-content {
  clear: both;
}
.ribbon-box .ribbon-primary {
  background: #2892fd;
}
.ribbon-box .ribbon-primary:before {
  border-color: #0278f0 transparent transparent;
}
.ribbon-box .ribbon-secondary {
  background: #6c757d;
}
.ribbon-box .ribbon-secondary:before {
  border-color: #545b62 transparent transparent;
}
.ribbon-box .ribbon-success {
  background: #5ad092;
}
.ribbon-box .ribbon-success:before {
  border-color: #37c078 transparent transparent;
}
.ribbon-box .ribbon-info {
  background: #4fc6e1;
}
.ribbon-box .ribbon-info:before {
  border-color: #25b7d8 transparent transparent;
}
.ribbon-box .ribbon-warning {
  background: #fdc45e;
}
.ribbon-box .ribbon-warning:before {
  border-color: #fcb22c transparent transparent;
}
.ribbon-box .ribbon-danger {
  background: #f75964;
}
.ribbon-box .ribbon-danger:before {
  border-color: #f52837 transparent transparent;
}
.ribbon-box .ribbon-light {
  background: #f3f7f9;
}
.ribbon-box .ribbon-light:before {
  border-color: #d1e0e8 transparent transparent;
}
.ribbon-box .ribbon-dark {
  background: #323a46;
}
.ribbon-box .ribbon-dark:before {
  border-color: #1d2128 transparent transparent;
}
.ribbon-box .ribbon-pink {
  background: #f672a7;
}
.ribbon-box .ribbon-pink:before {
  border-color: #f34289 transparent transparent;
}
.ribbon-box .ribbon-blue {
  background: #6658dd;
}
.ribbon-box .ribbon-blue:before {
  border-color: #3f2ed4 transparent transparent;
}
.ribbon-box .ribbon-two {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.ribbon-box .ribbon-two span {
  font-size: 13px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  width: 100px;
  display: block;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
  position: absolute;
  top: 19px;
  left: -21px;
  font-weight: 600;
}
.ribbon-box .ribbon-two span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  z-index: -1;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.ribbon-box .ribbon-two span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.ribbon-box .ribbon-two-primary span {
  background: #2892fd;
}
.ribbon-box .ribbon-two-primary span:before {
  border-left: 3px solid #026cd7;
  border-top: 3px solid #026cd7;
}
.ribbon-box .ribbon-two-primary span:after {
  border-right: 3px solid #026cd7;
  border-top: 3px solid #026cd7;
}
.ribbon-box .ribbon-two-secondary span {
  background: #6c757d;
}
.ribbon-box .ribbon-two-secondary span:before {
  border-left: 3px solid #494f54;
  border-top: 3px solid #494f54;
}
.ribbon-box .ribbon-two-secondary span:after {
  border-right: 3px solid #494f54;
  border-top: 3px solid #494f54;
}
.ribbon-box .ribbon-two-success span {
  background: #5ad092;
}
.ribbon-box .ribbon-two-success span:before {
  border-left: 3px solid #31ac6c;
  border-top: 3px solid #31ac6c;
}
.ribbon-box .ribbon-two-success span:after {
  border-right: 3px solid #31ac6c;
  border-top: 3px solid #31ac6c;
}
.ribbon-box .ribbon-two-info span {
  background: #4fc6e1;
}
.ribbon-box .ribbon-two-info span:before {
  border-left: 3px solid #21a5c2;
  border-top: 3px solid #21a5c2;
}
.ribbon-box .ribbon-two-info span:after {
  border-right: 3px solid #21a5c2;
  border-top: 3px solid #21a5c2;
}
.ribbon-box .ribbon-two-warning span {
  background: #fdc45e;
}
.ribbon-box .ribbon-two-warning span:before {
  border-left: 3px solid #fca812;
  border-top: 3px solid #fca812;
}
.ribbon-box .ribbon-two-warning span:after {
  border-right: 3px solid #fca812;
  border-top: 3px solid #fca812;
}
.ribbon-box .ribbon-two-danger span {
  background: #f75964;
}
.ribbon-box .ribbon-two-danger span:before {
  border-left: 3px solid #f31020;
  border-top: 3px solid #f31020;
}
.ribbon-box .ribbon-two-danger span:after {
  border-right: 3px solid #f31020;
  border-top: 3px solid #f31020;
}
.ribbon-box .ribbon-two-light span {
  background: #f3f7f9;
}
.ribbon-box .ribbon-two-light span:before {
  border-left: 3px solid #c0d5e0;
  border-top: 3px solid #c0d5e0;
}
.ribbon-box .ribbon-two-light span:after {
  border-right: 3px solid #c0d5e0;
  border-top: 3px solid #c0d5e0;
}
.ribbon-box .ribbon-two-dark span {
  background: #323a46;
}
.ribbon-box .ribbon-two-dark span:before {
  border-left: 3px solid #121519;
  border-top: 3px solid #121519;
}
.ribbon-box .ribbon-two-dark span:after {
  border-right: 3px solid #121519;
  border-top: 3px solid #121519;
}
.ribbon-box .ribbon-two-pink span {
  background: #f672a7;
}
.ribbon-box .ribbon-two-pink span:before {
  border-left: 3px solid #f12a7a;
  border-top: 3px solid #f12a7a;
}
.ribbon-box .ribbon-two-pink span:after {
  border-right: 3px solid #f12a7a;
  border-top: 3px solid #f12a7a;
}
.ribbon-box .ribbon-two-blue span {
  background: #6658dd;
}
.ribbon-box .ribbon-two-blue span:before {
  border-left: 3px solid #3827c1;
  border-top: 3px solid #3827c1;
}
.ribbon-box .ribbon-two-blue span:after {
  border-right: 3px solid #3827c1;
  border-top: 3px solid #3827c1;
}

@media print {
  .left-side-menu,
  .right-bar,
  .page-title-box,
  .navbar-custom,
  .footer {
    display: none;
  }
  .card-body,
  .content-page,
  .right-bar,
  .content,
  body {
    padding: 0;
    margin: 0;
  }
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ct-card-bg);
  z-index: 9999;
}

#status {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}

.spinner {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid var(--ct-gray-300);
  border-right: 5px solid var(--ct-gray-300);
  border-bottom: 5px solid var(--ct-gray-300);
  border-left: 5px solid #101114;
  transform: translateZ(0);
  animation: SpinnerAnimation 1.1s infinite linear;
}

.spinner,
.spinner:after {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

@keyframes SpinnerAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.modal-title {
  margin-top: 0;
  color: #101114;
}

.modal-full-width {
  width: 95%;
  max-width: none;
}

.modal-top {
  margin: 0 auto;
}

.btn-close {
  border: 1px solid transparent;
  opacity: 1;
  background: url("/static/images/site/black-close.svg") no-repeat center;
  background-size: 1em;
}
.btn-close:hover, .btn-close:focus, .btn-close:active {
  border: 1px solid #101114;
  box-shadow: 0px 4px 4px rgba(23, 31, 70, 0.1);
}

.modal-right {
  position: absolute;
  right: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  height: 100%;
  margin: 0;
  background-color: #fff;
  align-content: center;
  transform: translate(25%, 0) !important;
}
.modal-right button.btn-close {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1;
}

.modal {
  z-index: 10014;
}
.modal .modal-content {
  background-color: #fff;
}
.modal.show .modal-right,
.modal.show .modal-left {
  transform: translate(0, 0) !important;
}

.modal-bottom {
  display: flex;
  flex-flow: column nowrap;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  margin: 0 auto;
  align-content: center;
}

.modal-colored-header {
  color: #fff;
  border-radius: 0;
}
.modal-colored-header .btn-close {
  color: #fff !important;
}

.modal-backdrop {
  background-color: #000;
}

a {
  color: #101114;
}

button:focus {
  outline: none;
}

.btn {
  --ct-btn-font-family: $font-family-secondary;
  border-radius: 0.5rem;
  background-image: none !important;
}
.btn .mdi:before {
  margin-top: -1px;
}
.btn i {
  display: inline-block;
}

.btn-white,
.btn-outline-light {
  --ct-btn-color: var(--ct-gray-900);
  --ct-btn-hover-bg: var(--ct-gray-100);
  --ct-btn-border-color: var(--ct-gray-300);
  --ct-btn-hover-border-color: var(--ct-gray-100);
}

.btn-label {
  margin: -0.55rem 0.9rem -0.55rem -0.9rem;
  padding: 0.6rem 0.9rem;
  background-color: rgba(var(--ct-gray-900-rgb), 0.1);
}

.btn-label-right {
  margin: -0.45rem -0.9rem -0.45rem 0.9rem;
  padding: 0.45rem 0.9rem;
  background-color: rgba(var(--ct-gray-900-rgb), 0.1);
  display: inline-block;
}

.btn-xs {
  padding: 0.2rem 0.6rem;
  font-size: 0.75rem;
  border-radius: 0.15rem;
}

.btn-primary {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-primary-rgb), 0.5);
}

.btn-secondary {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-secondary-rgb), 0.5);
}

.btn-success {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-success-rgb), 0.5);
}

.btn-info {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-info-rgb), 0.5);
}

.btn-warning {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-warning-rgb), 0.5);
}

.btn-danger {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-danger-rgb), 0.5);
}

.btn-light {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-light-rgb), 0.5);
}

.btn-dark {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-dark-rgb), 0.5);
}

.btn-pink {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-pink-rgb), 0.5);
}

.btn-blue {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-blue-rgb), 0.5);
}

.btn-soft-primary {
  --ct-btn-color: var(--ct-primary);
  --ct-btn-bg: rgba(var(--ct-primary-rgb), 0.18);
  --ct-btn-border-color: rgba(var(--ct-primary-rgb), 0.12);
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-primary);
  --ct-btn-hover-border-color: var(--ct-primary);
  --ct-btn-focus-shadow-rgb: var(--ct-primary-rgb);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-primary);
  --ct-btn-active-border-color: var(--ct-primary);
  --ct-btn-active-shadow: var(--ct-btn-active-box-shadow);
  --ct-btn-disabled-color: var(--ct-primary);
}

.btn-soft-secondary {
  --ct-btn-color: var(--ct-secondary);
  --ct-btn-bg: rgba(var(--ct-secondary-rgb), 0.18);
  --ct-btn-border-color: rgba(var(--ct-secondary-rgb), 0.12);
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-secondary);
  --ct-btn-hover-border-color: var(--ct-secondary);
  --ct-btn-focus-shadow-rgb: var(--ct-secondary-rgb);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-secondary);
  --ct-btn-active-border-color: var(--ct-secondary);
  --ct-btn-active-shadow: var(--ct-btn-active-box-shadow);
  --ct-btn-disabled-color: var(--ct-secondary);
}

.btn-soft-success {
  --ct-btn-color: var(--ct-success);
  --ct-btn-bg: rgba(var(--ct-success-rgb), 0.18);
  --ct-btn-border-color: rgba(var(--ct-success-rgb), 0.12);
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-success);
  --ct-btn-hover-border-color: var(--ct-success);
  --ct-btn-focus-shadow-rgb: var(--ct-success-rgb);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-success);
  --ct-btn-active-border-color: var(--ct-success);
  --ct-btn-active-shadow: var(--ct-btn-active-box-shadow);
  --ct-btn-disabled-color: var(--ct-success);
}

.btn-soft-info {
  --ct-btn-color: var(--ct-info);
  --ct-btn-bg: rgba(var(--ct-info-rgb), 0.18);
  --ct-btn-border-color: rgba(var(--ct-info-rgb), 0.12);
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-info);
  --ct-btn-hover-border-color: var(--ct-info);
  --ct-btn-focus-shadow-rgb: var(--ct-info-rgb);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-info);
  --ct-btn-active-border-color: var(--ct-info);
  --ct-btn-active-shadow: var(--ct-btn-active-box-shadow);
  --ct-btn-disabled-color: var(--ct-info);
}

.btn-soft-warning {
  --ct-btn-color: var(--ct-warning);
  --ct-btn-bg: rgba(var(--ct-warning-rgb), 0.18);
  --ct-btn-border-color: rgba(var(--ct-warning-rgb), 0.12);
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-warning);
  --ct-btn-hover-border-color: var(--ct-warning);
  --ct-btn-focus-shadow-rgb: var(--ct-warning-rgb);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-warning);
  --ct-btn-active-border-color: var(--ct-warning);
  --ct-btn-active-shadow: var(--ct-btn-active-box-shadow);
  --ct-btn-disabled-color: var(--ct-warning);
}

.btn-soft-danger {
  --ct-btn-color: var(--ct-danger);
  --ct-btn-bg: rgba(var(--ct-danger-rgb), 0.18);
  --ct-btn-border-color: rgba(var(--ct-danger-rgb), 0.12);
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-danger);
  --ct-btn-hover-border-color: var(--ct-danger);
  --ct-btn-focus-shadow-rgb: var(--ct-danger-rgb);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-danger);
  --ct-btn-active-border-color: var(--ct-danger);
  --ct-btn-active-shadow: var(--ct-btn-active-box-shadow);
  --ct-btn-disabled-color: var(--ct-danger);
}

.btn-soft-light {
  --ct-btn-color: var(--ct-light);
  --ct-btn-bg: rgba(var(--ct-light-rgb), 0.18);
  --ct-btn-border-color: rgba(var(--ct-light-rgb), 0.12);
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-light);
  --ct-btn-hover-border-color: var(--ct-light);
  --ct-btn-focus-shadow-rgb: var(--ct-light-rgb);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-light);
  --ct-btn-active-border-color: var(--ct-light);
  --ct-btn-active-shadow: var(--ct-btn-active-box-shadow);
  --ct-btn-disabled-color: var(--ct-light);
}

.btn-soft-dark {
  --ct-btn-color: var(--ct-dark);
  --ct-btn-bg: rgba(var(--ct-dark-rgb), 0.18);
  --ct-btn-border-color: rgba(var(--ct-dark-rgb), 0.12);
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-dark);
  --ct-btn-hover-border-color: var(--ct-dark);
  --ct-btn-focus-shadow-rgb: var(--ct-dark-rgb);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-dark);
  --ct-btn-active-border-color: var(--ct-dark);
  --ct-btn-active-shadow: var(--ct-btn-active-box-shadow);
  --ct-btn-disabled-color: var(--ct-dark);
}

.btn-soft-pink {
  --ct-btn-color: var(--ct-pink);
  --ct-btn-bg: rgba(var(--ct-pink-rgb), 0.18);
  --ct-btn-border-color: rgba(var(--ct-pink-rgb), 0.12);
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-pink);
  --ct-btn-hover-border-color: var(--ct-pink);
  --ct-btn-focus-shadow-rgb: var(--ct-pink-rgb);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-pink);
  --ct-btn-active-border-color: var(--ct-pink);
  --ct-btn-active-shadow: var(--ct-btn-active-box-shadow);
  --ct-btn-disabled-color: var(--ct-pink);
}

.btn-soft-blue {
  --ct-btn-color: var(--ct-blue);
  --ct-btn-bg: rgba(var(--ct-blue-rgb), 0.18);
  --ct-btn-border-color: rgba(var(--ct-blue-rgb), 0.12);
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-blue);
  --ct-btn-hover-border-color: var(--ct-blue);
  --ct-btn-focus-shadow-rgb: var(--ct-blue-rgb);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-blue);
  --ct-btn-active-border-color: var(--ct-blue);
  --ct-btn-active-shadow: var(--ct-btn-active-box-shadow);
  --ct-btn-disabled-color: var(--ct-blue);
}

body[data-theme=dark] .btn-light {
  --ct-btn-color: var(--ct-gray-900);
  --ct-btn-bg: var(--ct-gray-300);
  --ct-btn-border-color: var(--ct-gray-300);
  --ct-btn-hover-color: var(--ct-gray-900);
  --ct-btn-hover-bg: var(--ct-gray-300);
  --ct-btn-hover-border-color: var(--ct-gray-300);
  --ct-btn-active-color: var(--ct-gray-900);
  --ct-btn-active-bg: var(--ct-gray-300);
  --ct-btn-active-border-color: var(--ct-gray-300);
}
body[data-theme=dark] .btn-outline-dark {
  --ct-btn-color: var(--ct-gray-900);
}
body[data-theme=dark] .btn-outline-light,
body[data-theme=dark] .btn-outline-dark {
  --ct-btn-hover-color: var(--ct-gray-900);
  --ct-btn-color: var(--ct-gray-900);
}
body[data-theme=dark] .btn-soft-dark {
  --ct-btn-hover-bg: var(--ct-light);
  --ct-btn-hover-border-color: var(--ct-light);
}

.btn-pay {
  background-color: #006666;
  color: #fff;
}
.btn-pay:hover {
  background: #003333;
  color: #fff;
}

.btn-sell-1 {
  background-color: #ff5400;
  color: #fff;
  border: 1px solid #ff5400;
  background-image: none;
}
.btn-sell-1:hover {
  background-color: #e64c00;
  color: #fff !important;
}

.btn-sell-1-outline {
  background-color: #fff;
  border: 1px solid #ff5400;
  color: #ff5400;
  box-shadow: 0px 4px 4px rgba(23, 31, 70, 0.1);
}
.btn-sell-1-outline:hover {
  color: #fff;
  background-color: #ff5400;
}

.btn-sell-outline {
  background-color: #fff;
  color: #ED212D;
  border: 1px solid #ED212D;
}
.btn-sell-outline:hover {
  background-color: #ED212D;
  color: #fff;
}

.btn-sell-light {
  background-color: rgba(255, 84, 0, 0.062745098);
  border: 1px solid rgba(255, 84, 0, 0.062745098);
  color: #ff5400;
}
.btn-sell-light:hover {
  background-color: #ff5400;
  color: #fff;
  border-color: #ff5400;
}

.btn-sell-gradient {
  color: #fff;
  background-image: linear-gradient(90deg, #FF5400 0%, #FFC5AA 100%) !important;
}
.btn-sell-gradient:hover {
  background-color: #e64c00;
  color: #fff !important;
}

.btn-fb {
  background-color: #3b5998;
  color: #fff;
}

.btn-tw {
  background-color: #00aced;
  color: #fff;
}

.btn-ln {
  background-color: #007bb6;
  color: #fff;
}

.btn-ig {
  background-color: #bc2a8d;
  color: #fff;
}

.btn-yellow {
  background-color: #ffca03;
  color: #fff;
}
.btn-yellow:hover {
  background: #101114;
  color: #fff !important;
}
.btn-yellow:focus, .btn-yellow.active {
  box-shadow: none;
}

.btn-power {
  background-color: #ED134D;
  color: #fff !important;
}

.btn-white {
  background-color: #fff;
  color: #101114;
  background-image: none;
}
.btn-white:hover {
  background-color: #fff;
  color: #ff5400;
  border-color: #fff;
  background-image: none;
}

.btn-outline-white {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
  background-image: none;
}
.btn-outline-white:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff !important;
  background-image: none;
}

.btn-primary {
  transition: all 0.3s ease-in-out;
  background-color: #101114;
  box-shadow: 0px 4px 4px rgba(23, 31, 70, 0.1);
  border-color: #101114;
  background-image: none;
  --ct-btn-active-bg: #6c757d;
  --ct-btn-active-color: #fff;
  --ct-btn-active-border-color: #101114;
  --ct-btn-disabled-bg: #101114;
  --ct-btn-disabled-border-color: #101114;
  --ct-btn-focus-shadow-rgb: 0, 0, 0;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #fff;
  border-color: #101114;
  color: #101114 !important;
}

.btn-danger {
  box-shadow: 0px 4px 4px rgba(23, 31, 70, 0.1);
}
.btn-danger:hover, .btn-danger:focus {
  background-color: #fff;
  border-color: #f1556c;
  color: #f1556c !important;
}

.btn-outline-primary {
  border-color: #101114 !important;
  color: #101114;
  box-shadow: 0px 4px 4px rgba(23, 31, 70, 0.1);
}
.btn-outline-primary:hover, .btn-outline-primary.show {
  background-color: #101114;
  color: #fff !important;
}
.btn-outline-primary:hover svg path, .btn-outline-primary.show svg path {
  fill: #fff;
}

.btn-light.disabled, .btn-light:disabled {
  color: #ced4da;
}

.btn-gradient-sell {
  background-color: linear-gradient(76.56deg, #ED212D 9.99%, #FF5400 95.11%, #FE6829 243.81%);
  box-shadow: 0px 8px 20px rgba(14, 63, 108, 0.1);
  border-radius: 5.00477px;
  color: #fff;
}
.btn-gradient-sell:hover {
  background: linear-gradient(76.56deg, #FE6829 9.99%, #FF5400 95.11%, #ED212D 243.81%);
  color: #fff;
}

.btn-outline-light {
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  border-color: #323a46;
  color: #323a46;
}

.btn-light {
  box-shadow: 0px 4px 4px rgba(23, 31, 70, 0.1);
}
.btn-light:hover {
  background-color: #fff;
  border-color: #323a46;
  color: #323a46 !important;
}

.border-primary {
  border-color: #101114 !important;
}

.dropdown-menu {
  padding: 0.3rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  /*rtl:remove*/
  animation-name: DropDownSlide;
  /*rtl:remove*/
  animation-duration: 0.3s;
  /*rtl:remove*/
  animation-fill-mode: both;
  top: 100%;
  background-color: #fff;
}
.dropdown-menu.show {
  /*rtl:remove*/
  top: 100% !important;
}
.dropdown-menu i {
  display: inline-block;
}

.dropdown-menu-end {
  right: 0 !important;
  left: auto !important;
}

.dropdown-menu[data-popper-placement^=right],
.dropdown-menu[data-popper-placement^=top],
.dropdown-menu[data-popper-placement^=left] {
  top: auto !important;
  animation: none !important;
}

@keyframes DropDownSlide {
  100% {
    transform: translateY(0);
  }
  0% {
    transform: translateY(15px);
  }
}
@media (min-width: 600px) {
  .dropdown-lg {
    width: 320px;
  }
}
.dropdown-mega {
  position: static !important;
}

.dropdown-megamenu {
  padding: 20px;
  left: 20px !important;
  right: 20px !important;
  background-position: right bottom;
  background-repeat: no-repeat;
}

html[dir=rtl] .dropdown-megamenu {
  left: 60px !important;
  right: -20px !important;
}

.megamenu-list li {
  padding: 5px 20px 5px 25px;
  position: relative;
}
.megamenu-list li a {
  color: #72747b;
}
.megamenu-list li a:hover {
  color: #101114;
}
.megamenu-list li:before {
  content: "\f0142";
  position: absolute;
  left: 0;
  font-family: "Material Design Icons";
}

html[dir=ltr] .megamenu-list li:before {
  content: "\f0141";
}

.dropdown-icon-item {
  display: block;
  border-radius: 3px;
  line-height: 34px;
  text-align: center;
  padding: 15px 0 9px;
  display: block;
  border: 1px solid transparent;
  color: #72747b;
}
.dropdown-icon-item img {
  height: 24px;
}
.dropdown-icon-item span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-icon-item:hover {
  background-color: var(--ct-dropdown-link-hover-bg);
}

.dropdown-mega-menu-xl .expert-services-menu-bottom {
  background-image: url("/static/images/sell/expert-services-menu-bg.png");
}
.dropdown-mega-menu-xl .expert-services-menu-bottom a:hover, .dropdown-mega-menu-xl .expert-services-menu-bottom a:focus, .dropdown-mega-menu-xl .expert-services-menu-bottom a.active {
  background-image: none;
  color: #101114 !important;
  background-color: transparent;
}

@media (min-width: 992px) {
  .dropdown-mega-menu-xl {
    width: 40rem;
  }
  .dropdown-mega-menu-lg {
    width: 26rem;
  }
}
.card {
  box-shadow: var(--ct-card-box-shadow);
  margin-bottom: 24px;
  background-color: #fff;
}

.card-drop {
  font-size: 20px;
  line-height: 0;
  color: inherit;
}

.card-widgets {
  float: right;
  height: 16px;
}
.card-widgets > a {
  color: inherit;
  font-size: 18px;
  display: inline-block;
  line-height: 1;
}
.card-widgets > a.collapsed i:before {
  content: "\f0415";
}

.card-title,
.card-header {
  margin-top: 0;
}

.card-disabled {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0.25rem;
  background: var(--ct-card-overlay-bg);
  cursor: progress;
}
.card-disabled .card-portlets-loader {
  background-color: var(--ct-card-overlay-color);
  animation: rotatebox 1.2s infinite ease-in-out;
  height: 30px;
  width: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 3px;
  margin-left: -12px;
  margin-top: -12px;
}

@keyframes rotatebox {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.card-box {
  background-color: #fff;
  padding: 1.5rem;
  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
  margin-bottom: 24px;
  border-radius: 0.25rem;
}

.header-title {
  font-size: 1rem;
  margin: 0 0 7px 0;
}

.sub-header {
  font-size: 0.875rem;
  margin-bottom: 24px;
  color: #98a6ad;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
}

.font-10 {
  font-size: 10px !important;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-18, .career-details.content-page .job-description p {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-21 {
  font-size: 21px !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-23 {
  font-size: 23px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-36 {
  font-size: 36px !important;
}

.font-48 {
  font-size: 48px !important;
}

.fw-medium {
  font-weight: 500;
}

.fw-semibold {
  font-weight: 600;
}

.fw-bold {
  font-weight: 700;
}

.font-demi {
  font-family: "AvenirNextLTPro-Demi", sans-serif !important;
}

.font-avenir-bold, .pay-product-page .landing-section h2 {
  font-family: "AvenirNextLTPro-Bold", sans-serif !important;
}

.font-pf-beau {
  font-family: "PFBeauSansPro-SemiBold", sans-serif !important;
}

.font-12 {
  font-size: 0.75rem !important;
}

.font-13 {
  font-size: 0.813rem !important;
}

.font-14 {
  font-size: 0.875rem !important;
}

.font-15 {
  font-size: 0.938rem !important;
}

.font-16 {
  font-size: 1rem !important;
}

.font-17 {
  font-size: 1.063rem !important;
}

.font-18, .career-details.content-page .job-description p {
  font-size: 1.125rem !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-21 {
  font-size: 21px !important;
}

.font-22 {
  font-size: 1.375rem !important;
}

.font-24 {
  font-size: 1.5rem !important;
}

.font-25 {
  font-size: 1.563rem !important;
}

.font-26 {
  font-size: 1.625rem !important;
}

.font-30 {
  font-size: 1.875rem !important;
}

.font-32 {
  font-size: 2rem !important;
}

.font-36 {
  font-size: 2.25rem !important;
}

.font-40 {
  font-size: 2.5rem !important;
}

.font-44 {
  font-size: 2.75rem !important;
}

.font-45 {
  font-size: 2.813rem !important;
}

.font-50, .pay-product-page .landing-section h2 {
  font-size: 3.125rem;
}

.font-56 {
  font-size: 3.5rem !important;
}

@media (max-width: 768px) {
  .font-30 {
    font-size: 1.125rem;
  }
  .font-50, .pay-product-page .landing-section h2 {
    font-size: 1.875rem;
  }
}
.text-yellow {
  color: #ffca03;
}

.text-dark {
  color: #101114 !important;
}

.text-power {
  color: #ED134D;
}

.text-pay {
  color: #006666;
}

.text-pay-2 {
  color: #0C5858 !important;
}

.text-pay-red {
  color: #f9b3bd;
}

.text-red {
  color: #ED212D;
}

.text-orange {
  color: #ff5400 !important;
}

.text-hover-orange:hover {
  color: #ff5400;
}

.text-purple {
  color: #7e57c2;
}

.text-fb {
  color: #3b5998;
}

.text-tw {
  color: #00aced;
}

.text-ln {
  color: #007bb6;
}

.text-gradient-sell {
  background: linear-gradient(90deg, #ED212D 44.13%, #FF5400 73.72%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

label.error {
  color: #f1556c;
}

.text-underline {
  text-decoration: underline;
}

.text-brown {
  color: #712500;
}

label {
  font-weight: 600;
  user-select: none;
}
label.form-check-label {
  cursor: pointer;
}

.form-control,
.form-select {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #adb5bd;
}

.form-control-light {
  background-color: var(--ct-input-light-bg) !important;
  border-color: var(--ct-input-light-bg) !important;
}

input.form-control[type=color],
input.form-control[type=range] {
  min-height: 39px;
}

.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.custom-select:invalid:focus,
.form-control:invalid:focus,
.custom-select.is-valid:focus,
.form-control.is-valid:focus,
.custom-select:valid:focus,
.form-control:valid:focus {
  box-shadow: none !important;
}

.form-check-input {
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.form-check-input:checked {
  background-color: #101114;
}

.input-group-text {
  background-color: var(--ct-input-light-bg);
  border: 1px solid var(--ct-input-light-bg);
}

.input-group .btn {
  box-shadow: none;
}

.comment-area-box .form-control {
  border-color: var(--ct-gray-300);
  border-radius: 0.2rem 0.2rem 0 0;
}
.comment-area-box .comment-area-btn {
  background-color: var(--ct-gray-100);
  padding: 10px;
  border: 1px solid var(--ct-gray-300);
  border-top: none;
  border-radius: 0 0 0.2rem 0.2rem;
}

.search-bar .form-control {
  padding-left: 40px;
  padding-right: 20px;
  border-radius: 30px;
}
.search-bar span {
  position: absolute;
  z-index: 10;
  font-size: 16px;
  line-height: calc(1.5em + 0.9rem + 2px);
  left: 13px;
  top: -2px;
  color: #98a6ad;
}

.password-eye:before {
  font-family: feather !important;
  content: "\e86a";
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  vertical-align: middle;
  line-height: 1.2;
  font-size: 16px;
}

.show-password .password-eye:before {
  content: "\e86e";
}

.bg-soft-primary {
  background-color: rgba(16, 17, 20, 0.25);
}

.bg-soft-secondary {
  background-color: rgba(114, 116, 123, 0.25);
}

.bg-soft-success {
  background-color: rgba(1, 200, 83, 0.25);
}

.bg-soft-info {
  background-color: rgba(79, 198, 225, 0.25);
}

.bg-soft-warning {
  background-color: rgba(247, 184, 75, 0.25);
}

.bg-soft-danger {
  background-color: rgba(241, 85, 108, 0.25);
}

.bg-soft-light {
  background-color: rgba(241, 245, 247, 0.25);
}

.bg-soft-dark {
  background-color: rgba(50, 58, 70, 0.25);
}

.bg-soft-pink {
  background-color: rgba(246, 114, 167, 0.25);
}

.bg-soft-blue {
  background-color: rgba(74, 129, 212, 0.25);
}

/*Backgrounds*/
.bg-yellow {
  background: #ffca03;
}

.bg-black {
  background-color: #101114 !important;
}

.bg-pay {
  background: #006666 !important;
}

.bg-power {
  background: #ED134D;
}

.bg-orange {
  background-color: #ff5400 !important;
}

.bg-shops-red {
  background-color: #ED212D !important;
}

.bg-blue {
  background-color: #060e19;
}

.bg-white-1 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.bg-light-blue {
  background-color: #C8EBFF;
}

.bg-light-blue2 {
  background-color: #F0F3FF;
}

.bg-light-orange {
  background-color: #FFF6EF;
}

.bg-gradient-admin {
  background: rgb(255, 202, 3);
  background: linear-gradient(90deg, rgb(255, 202, 3) 0%, rgb(255, 84, 0) 20%, rgb(237, 19, 77) 43%, rgb(31, 189, 196) 86%, rgb(16, 17, 20) 100%);
}

.parallax-1 {
  background: url("/static/images/site/general/parallax1.jpg") no-repeat fixed;
  background-size: cover;
}

.parallax-2 {
  background: url("/static/images/site/general/buzz-home-2.jpg") no-repeat fixed;
  background-size: cover;
}

.sell {
  background: url("/static/images/site/general/about.png") fixed;
  background-size: cover;
}
.sell h1 {
  font-size: 40px;
  line-height: 44px;
}

.personalize {
  background: url("/static/images/site/general/sign-in.jpg") no-repeat;
}

.custom-accordion .accordion-arrow {
  font-size: 1.2rem;
  position: absolute;
  right: 0;
}
.custom-accordion a.collapsed i.accordion-arrow:before {
  content: "\f0142";
}

.accordion-item {
  background-color: #fff;
}

.breadcrumb-item > a {
  color: #72747b;
}
.breadcrumb-item + .breadcrumb-item::before {
  font-family: "Material Design Icons";
}

.nav-tabs > li > a,
.nav-pills > li > a {
  color: var(--ct-gray-700);
  font-weight: 600;
}

.nav-pills > a {
  color: var(--ct-gray-700);
  font-weight: 600;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: auto;
}

.navtab-bg .nav-link {
  background-color: #edeff1;
  margin: 0 5px;
}

.nav-bordered {
  border-bottom: 2px solid rgba(var(--ct-gray-600-rgb), 0.2) !important;
}
.nav-bordered .nav-item {
  margin-bottom: -1px;
}
.nav-bordered li a {
  border: 0 !important;
  padding: 10px 20px;
}
.nav-bordered a.active {
  border-bottom: 2px solid #101114 !important;
}

.tab-content {
  padding: 20px 0 0 0;
}

.pagination-rounded .page-link {
  border-radius: 30px !important;
  margin: 0 6px;
  border: none;
}
.pagination-rounded .page-item:last-child .page-link {
  margin-right: 0px;
}

.pagination a {
  line-height: 1.25 !important;
}

.authentication-bg.enlarged {
  min-height: 100px;
}

.bg-pattern {
  background-image: url("../images/bg-pattern-2.png");
  background-size: cover;
}

body.authentication-bg {
  background-color: #2892fd;
  background-size: cover;
  background-position: center;
}

body.authentication-bg-pattern {
  background-image: url("/static/images/backgrounds/bg-pattern.png");
}

.logout-icon {
  width: 140px;
}

.auth-fluid {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 100vh;
  flex-direction: row;
  align-items: stretch;
  background: url("/static/images/backgrounds/auth-bg.jpg") center;
  background-size: cover;
}
.auth-fluid.paymanager {
  background: url("/static/images/backgrounds/auth-bg-2.jpg") right;
}
.auth-fluid .auth-fluid-form-box {
  max-width: 480px;
  border-radius: 0;
  z-index: 2;
  padding: 3rem 2rem;
  background-color: #ffffff;
  position: relative;
  width: 100%;
}
.auth-fluid .auth-fluid-right {
  padding: 6rem 3rem;
  flex: 1;
  position: relative;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

.auth-brand {
  margin-bottom: 2rem;
}

.auth-user-testimonial {
  position: absolute;
  margin: 0 auto;
  padding: 0 1.75rem;
  bottom: 3rem;
  left: 0;
  right: 0;
}
.auth-user-testimonial p.lead {
  font-size: 1.125rem;
  margin: 0 auto 20px auto;
  max-width: 700px;
}

@media (min-width: 992px) {
  .auth-brand {
    position: absolute;
    top: 3rem;
  }
}
@media (max-width: 991.98px) {
  .auth-fluid {
    display: block;
  }
  .auth-fluid .auth-fluid-form-box {
    max-width: 100%;
    min-height: 100vh;
  }
  .auth-fluid .auth-fluid-right {
    display: none;
  }
}
.auth-logo .logo-light {
  display: none !important;
}
.auth-logo .logo-dark {
  display: block !important;
}

body[data-theme=dark] .auth-logo .logo-light {
  display: block !important;
}
body[data-theme=dark] .auth-logo .logo-dark {
  display: none !important;
}

.button-list {
  margin-left: -8px;
  margin-bottom: -12px;
}
.button-list .btn {
  margin-bottom: 12px;
  margin-left: 8px;
}

.grid-structure .grid-container {
  background-color: var(--ct-gray-100);
  margin-bottom: 10px;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 10px 20px;
}

.icons-list-demo div.col-sm-6 {
  cursor: pointer;
  line-height: 45px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
.icons-list-demo div.col-sm-6 p {
  margin-bottom: 0;
  line-height: inherit;
}
.icons-list-demo i {
  text-align: center;
  vertical-align: middle;
  font-size: 22px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-right: 12px;
  color: #98a6ad;
  border-radius: 3px;
  display: inline-block;
  transition: all 0.2s;
}
.icons-list-demo .col-md-4 {
  border-radius: 3px;
  background-clip: padding-box;
  margin-bottom: 10px;
}
.icons-list-demo .col-md-4:hover, .icons-list-demo .col-md-4:hover i {
  color: #101114;
}
.icons-list-demo .icon-item svg {
  margin-right: 10px;
}
.icons-list-demo .icon-item span {
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}

.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: 0.5rem;
  overflow: auto;
}

.text-error {
  color: #101114;
  text-shadow: rgba(16, 17, 20, 0.3) 5px 1px, rgba(16, 17, 20, 0.2) 10px 3px;
  font-size: 84px;
  line-height: 90px;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
}

.error-text-box {
  font-size: 10rem;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
  min-height: 200px;
}
.error-text-box .text {
  fill: none;
  stroke-width: 6;
  stroke-linejoin: round;
  stroke-dasharray: 30 100;
  stroke-dashoffset: 0;
  animation: stroke 9s infinite linear;
}
.error-text-box .text:nth-child(5n+1) {
  stroke: #f1556c;
  animation-delay: -1.2s;
}
.error-text-box .text:nth-child(5n+2) {
  stroke: #f7b84b;
  animation-delay: -2.4s;
}
.error-text-box .text:nth-child(5n+3) {
  stroke: #101114;
  animation-delay: -3.6s;
}
.error-text-box .text:nth-child(5n+4) {
  stroke: #4fc6e1;
  animation-delay: -4.8s;
}
.error-text-box .text:nth-child(5n+5) {
  stroke: #01c853;
  animation-delay: -6s;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: -400;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .error-text-box .text {
    fill: #f1556c;
    stroke: #f1556c;
    stroke-width: 6;
    stroke-dasharray: 0 0;
    stroke-dashoffset: 0;
    animation: none;
  }
}
.logout-checkmark {
  width: 100px;
  margin: 0 auto;
  padding: 20px 0;
}
.logout-checkmark .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  animation: dash 2s ease-in-out;
}
.logout-checkmark .spin {
  animation: spin 2s;
  transform-origin: 50% 50%;
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes text {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.faq-question-q-box {
  height: 30px;
  width: 30px;
  color: #101114;
  text-align: center;
  border-radius: 50%;
  float: left;
  font-weight: 700;
  line-height: 30px;
  background-color: rgba(16, 17, 20, 0.15);
}

.faq-question {
  margin-top: 0;
  margin-left: 50px;
  font-weight: 400;
  font-size: 16px;
}

.faq-answer {
  margin-left: 50px;
  color: #98a6ad;
}

.faqs .faqs-header {
  background: url("/static/images/sell/faqs/faqs-header-m.webp") no-repeat #fff;
  position: relative;
  max-width: 1730px;
  margin: 0 auto;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .faqs .faqs-header {
    background: url("/static/images/sell/faqs/faqs-header.webp") no-repeat #fff;
    background-size: cover;
  }
}
.faqs .faqs-header .logo-img {
  position: absolute;
  bottom: 0;
  right: 10%;
}
.faqs .faqs-content .accordion .card-header .custom-accordion-title {
  color: #ff5400;
}
.faqs .faqs-content .accordion .card-header .custom-accordion-title.collapse {
  color: #101114;
}
.faqs .faqs-content .accordion .card-header .custom-accordion-title i:after {
  content: "";
}
.faqs .faqs-content #support-block {
  border-radius: 20px;
  min-height: 600px;
  background: url("/static/images/sell/faqs/live-chat-bg-m.webp") no-repeat center center;
  background-size: cover;
}
@media (min-width: 768px) {
  .faqs .faqs-content #support-block {
    background: url("/static/images/sell/faqs/live-chat-bg.webp") no-repeat center center;
    background-size: cover;
  }
}

.svg-computer {
  stroke-dasharray: 1134;
  stroke-dashoffset: -1134;
  animation: draw-me 5s infinite;
  animation-direction: normal;
  height: 160px;
}

@keyframes draw-me {
  from {
    stroke-dashoffset: -1134;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .svg-computer {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: none;
    animation-direction: normal;
  }
}
.timeline {
  margin-bottom: 50px;
  position: relative;
}
.timeline:before {
  background-color: var(--ct-gray-300);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 30px;
  width: 2px;
  z-index: 0;
}
.timeline .time-show {
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative;
}
.timeline .timeline-box {
  background: #fff;
  display: block;
  margin: 15px 0;
  position: relative;
  padding: 20px;
  border-radius: 0.25rem;
  box-shadow: none;
}
.timeline .timeline-album {
  margin-top: 12px;
}
.timeline .timeline-album a {
  display: inline-block;
  margin-right: 5px;
}
.timeline .timeline-album img {
  height: 36px;
  width: auto;
  border-radius: 3px;
}

@media (min-width: 768px) {
  .timeline .time-show {
    margin-right: -69px;
    text-align: right;
  }
  .timeline .timeline-box {
    margin-left: 45px;
  }
  .timeline .timeline-icon {
    background: var(--ct-gray-300);
    border-radius: 50%;
    display: block;
    height: 20px;
    left: -54px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 20px;
  }
  .timeline .timeline-icon i {
    color: var(--ct-gray-600);
    font-size: 13px;
    position: absolute;
    left: 4px;
    margin-top: 1px;
  }
  .timeline .timeline-desk {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
  .timeline-item {
    display: table-row;
  }
  .timeline-item:before {
    content: "";
    display: block;
    width: 50%;
  }
  .timeline-item .timeline-desk .arrow {
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff !important;
    border-top: 12px solid transparent;
    display: block;
    height: 0;
    left: -12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    width: 0;
  }
  .timeline-item.timeline-item-left:after {
    content: "";
    display: block;
    width: 50%;
  }
  .timeline-item.timeline-item-left .timeline-desk .arrow-alt {
    border-bottom: 12px solid transparent;
    border-left: 12px solid #fff !important;
    border-top: 12px solid transparent;
    display: block;
    height: 0;
    left: auto;
    margin-top: -12px;
    position: absolute;
    right: -12px;
    top: 50%;
    width: 0;
  }
  .timeline-item.timeline-item-left .timeline-desk .album {
    float: right;
    margin-top: 20px;
  }
  .timeline-item.timeline-item-left .timeline-desk .album a {
    float: right;
    margin-left: 5px;
  }
  .timeline-item.timeline-item-left .timeline-icon {
    left: auto;
    right: -56px;
  }
  .timeline-item.timeline-item-left:before {
    display: none;
  }
  .timeline-item.timeline-item-left .timeline-box {
    margin-right: 45px;
    margin-left: 0;
    text-align: right;
  }
}
@media (max-width: 767.98px) {
  .timeline .time-show {
    text-align: center;
    position: relative;
  }
  .timeline .timeline-icon {
    display: none;
  }
}
.timeline-sm {
  padding-left: 110px;
}
.timeline-sm .timeline-sm-item {
  position: relative;
  padding-bottom: 20px;
  padding-left: 40px;
  border-left: 2px solid var(--ct-gray-300);
}
.timeline-sm .timeline-sm-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: -7px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #101114;
}
.timeline-sm .timeline-sm-item .timeline-sm-date {
  position: absolute;
  left: -104px;
}

@media (max-width: 420px) {
  .timeline-sm {
    padding-left: 0px;
  }
  .timeline-sm .timeline-sm-date {
    position: relative !important;
    display: block;
    left: 0px !important;
    margin-bottom: 10px;
  }
}
.inbox-leftbar {
  width: 240px;
  float: left;
  padding: 0 20px 20px 10px;
  position: relative;
}
.inbox-leftbar:before {
  border-right: 5px solid var(--ct-body-bg);
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  bottom: -1.5rem;
}

.inbox-rightbar {
  margin: -1.5rem 0 -1.5rem 250px;
  border-left: 5px solid var(--ct-body-bg);
  padding: 1.5rem 0 1.5rem 25px;
}

.message-list {
  display: block;
  padding-left: 0;
}
.message-list li {
  position: relative;
  display: block;
  height: 51px;
  line-height: 50px;
  cursor: default;
  transition-duration: 0.3s;
}
.message-list li a {
  color: #72747b;
}
.message-list li:hover {
  background: var(--ct-dropdown-link-hover-bg);
  transition-duration: 0.05s;
}
.message-list li .col-mail {
  float: left;
  position: relative;
}
.message-list li .col-mail-1 {
  width: 320px;
}
.message-list li .col-mail-1 .star-toggle,
.message-list li .col-mail-1 .checkbox-wrapper-mail,
.message-list li .col-mail-1 .dot {
  display: block;
  float: left;
}
.message-list li .col-mail-1 .dot {
  border: 4px solid transparent;
  border-radius: 100px;
  margin: 22px 26px 0;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
}
.message-list li .col-mail-1 .checkbox-wrapper-mail {
  margin: 15px 10px 0 20px;
}
.message-list li .col-mail-1 .star-toggle {
  margin-top: 18px;
  color: var(--ct-gray-500);
  margin-left: 10px;
}
.message-list li .col-mail-1 .title {
  position: absolute;
  top: 0;
  left: 100px;
  right: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0;
  line-height: 50px;
}
.message-list li .col-mail-2 {
  position: absolute;
  top: 0;
  left: 320px;
  right: 0;
  bottom: 0;
}
.message-list li .col-mail-2 .subject,
.message-list li .col-mail-2 .date {
  position: absolute;
  top: 0;
}
.message-list li .col-mail-2 .subject {
  left: 0;
  right: 110px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.message-list li .col-mail-2 .date {
  right: 0;
  width: 100px;
  padding-left: 10px;
}
.message-list li.active,
.message-list li.mail-selected {
  background: var(--ct-gray-100);
  transition-duration: 0.05s;
}
.message-list li.active,
.message-list li.active:hover {
  box-shadow: inset 3px 0 0 #4fc6e1;
}
.message-list li.unread a {
  font-weight: 600;
  color: var(--ct-gray-800);
}
.message-list .checkbox-wrapper-mail {
  cursor: pointer;
  height: 20px;
  width: 20px;
  position: relative;
  display: inline-block;
  box-shadow: inset 0 0 0 2px var(--ct-gray-400);
  border-radius: 3px;
}
.message-list .checkbox-wrapper-mail input {
  opacity: 0;
  cursor: pointer;
}
.message-list .checkbox-wrapper-mail input:checked ~ label {
  opacity: 1;
}
.message-list .checkbox-wrapper-mail label {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  cursor: pointer;
  background: var(--ct-gray-600);
  opacity: 0;
  margin-bottom: 0 !important;
  transition-duration: 0.05s;
}
.message-list .checkbox-wrapper-mail label:active {
  background: #87949b;
}

.mail-list a {
  color: #72747b;
  padding: 9px 10px;
  display: block;
  font-size: 15px;
}

.reply-box {
  border: 2px solid var(--ct-gray-100);
}

@media (max-width: 648px) {
  .inbox-leftbar {
    width: 100%;
    float: none;
    padding: 0 20px;
  }
  .inbox-leftbar:before {
    border-right: none;
  }
  .inbox-rightbar {
    padding-top: 40px;
    margin: 0;
    border: 0;
    padding-left: 0;
  }
  .message-list li .col-mail-1 .checkbox-wrapper-mail {
    margin-left: 0;
  }
}
@media (max-width: 520px) {
  .inbox-rightbar > .btn-group {
    margin-bottom: 10px;
  }
  .message-list li .col-mail-1 {
    width: 150px;
  }
  .message-list li .col-mail-1 .title {
    left: 80px;
  }
  .message-list li .col-mail-2 {
    left: 160px;
  }
  .message-list li .col-mail-2 .date {
    text-align: right;
    padding-right: 10px;
    padding-left: 20px;
  }
}
.sitemap {
  list-style: none;
  padding-left: 0;
}
.sitemap > li > ul {
  margin-top: 1rem;
  padding-left: 0;
}
.sitemap li {
  line-height: 1.5rem;
  vertical-align: top;
  list-style: none;
  position: relative;
}
.sitemap li a {
  text-decoration: none;
  color: #72747b;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sitemap li a i {
  display: inline-block;
}
.sitemap li a:hover {
  color: #101114;
}
.sitemap ul {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
  padding-top: 10px;
}
.sitemap ul li {
  position: relative;
}
.sitemap ul li a {
  margin-left: 2rem;
}
.sitemap ul li:before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border-bottom: 1px solid var(--ct-gray-300);
  border-left: 1px solid var(--ct-gray-300);
  position: absolute;
  top: -1rem;
}

.search-result-box .tab-content {
  padding: 30px 30px 10px 30px;
  box-shadow: none;
}
.search-result-box .search-item {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--ct-gray-100);
  margin-bottom: 20px;
}
.search-result-box .nav-bordered .nav-link {
  padding: 10px 5px !important;
  margin-right: 10px;
}

.card-pricing {
  position: relative;
}
.card-pricing .card-pricing-plan-name {
  padding-bottom: 20px;
}
.card-pricing .card-pricing-icon {
  font-size: 22px;
  background-color: rgba(16, 17, 20, 0.1);
  height: 60px;
  display: inline-block;
  width: 60px;
  line-height: 62px;
  border-radius: 50%;
}
.card-pricing .card-pricing-price {
  padding: 30px 0 0;
}
.card-pricing .card-pricing-price span {
  font-size: 40%;
  color: #98a6ad;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.card-pricing .card-pricing-features {
  color: #98a6ad;
  list-style: none;
  margin: 0;
  padding: 20px 0 0 0;
}
.card-pricing .card-pricing-features li {
  padding: 10px;
}

.card-pricing-recommended {
  background-color: #101114;
  color: #fff;
}
.card-pricing-recommended .card-pricing-icon {
  background-color: rgba(255, 255, 255, 0.1);
}
.card-pricing-recommended .card-pricing-features, .card-pricing-recommended .card-pricing-price span {
  color: rgba(255, 255, 255, 0.7);
}

.filter-menu {
  margin-bottom: 20px;
}
.filter-menu a {
  transition: all 0.3s ease-out;
  color: var(--ct-gray-900);
  border-radius: 3px;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 500;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
}
.filter-menu a:hover {
  background-color: rgba(16, 17, 20, 0.15);
  color: #101114;
}
.filter-menu a.active {
  background-color: #101114;
  color: #fff;
}

.gal-box {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
}
.gal-box .image-popup {
  padding: 10px;
  display: block;
}
.gal-box .image-popup img {
  cursor: zoom-in;
}
.gal-box .gall-info {
  padding: 15px;
  border-top: 1px solid var(--ct-gray-200);
  position: relative;
}
.gal-box .gall-info h4 {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gal-box .gall-info .gal-like-btn {
  position: absolute;
  right: 15px;
  font-size: 22px;
  top: 24px;
}

.counter-number {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
}
.counter-number span {
  font-size: 15px;
  font-weight: 400;
  display: block;
}

.coming-box {
  float: left;
  width: 25%;
}

.svg-rocket {
  height: 80px;
}

.rocket-clouds__bubble,
.rocket-clouds__cloud,
.rocket-rocket,
.rocket-inner__rocket-and-lines {
  fill: #fff;
}

.post-user-comment-box {
  background-color: var(--ct-gray-100);
  margin: 0 -0.75rem;
  padding: 1rem;
  margin-top: 20px;
}

.product-box {
  position: relative;
  overflow: hidden;
}
.product-box .product-action {
  position: absolute;
  right: 0;
  top: 0;
  padding: 1.5rem 1.5rem 0 1.5rem;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease 0s;
}
.product-box:hover .product-action {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.product-box .product-info {
  padding-top: 1.5rem;
}
.product-box .product-price-tag {
  height: 48px;
  line-height: 48px;
  font-weight: 700;
  font-size: 20px;
  background-color: var(--ct-gray-100);
  text-align: center;
  padding: 0 10px;
  border-radius: 3px;
}

.product-thumb {
  padding: 3px;
  margin-top: 3px;
}
.product-thumb.active {
  background-color: var(--ct-gray-700) !important;
}

.task-item {
  padding-left: 12px;
  position: relative;
}
.task-item:before {
  content: "\f01db";
  font-family: "Material Design Icons";
  position: absolute;
  left: 0;
  font-size: 19px;
  top: -3px;
}

.tasklist {
  min-height: 40px;
  margin-bottom: 0;
}
.tasklist li {
  background-color: #fff;
  border: 1px solid var(--ct-gray-300);
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 3px;
  box-shadow: none;
}
.tasklist li:last-of-type {
  margin-bottom: 0;
}
.tasklist li .btn-sm {
  padding: 2px 8px;
  font-size: 12px;
}
.tasklist .form-check {
  margin-left: 20px;
  margin-top: 5px;
}
.tasklist .form-check .form-check-input {
  margin-left: 0;
}

.task-placeholder {
  border: 1px dashed var(--ct-gray-300) !important;
  background-color: var(--ct-gray-100) !important;
  padding: 20px;
}

/*!
* metismenu - v2.7.9
* A jQuery menu plugin
* https://github.com/onokumus/metismenu#readme
*
* Made by Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
* Under MIT License
*/
.metismenu .arrow {
  float: right;
  line-height: 1.42857;
}

*[dir=rtl] .metismenu .arrow {
  float: left;
}

/*
 * Require Bootstrap 3.x
 * https://github.com/twbs/bootstrap
*/
.metismenu .glyphicon.arrow:before {
  content: "\e079";
}

.metismenu .active > a > .glyphicon.arrow:before {
  content: "\e114";
}

/*
 * Require Font-Awesome
 * http://fortawesome.github.io/Font-Awesome/
*/
.metismenu .fa.arrow:before {
  content: "\f104";
}

.metismenu .active > a > .fa.arrow:before {
  content: "\f107";
}

/*
 * Require Ionicons
 * http://ionicons.com/
*/
.metismenu .ion.arrow:before {
  content: "\f3d2";
}

.metismenu .active > a > .ion.arrow:before {
  content: "\f3d0";
}

.metismenu .plus-times {
  float: right;
}

*[dir=rtl] .metismenu .plus-times {
  float: left;
}

.metismenu .fa.plus-times:before {
  content: "\f067";
}

.metismenu .active > a > .fa.plus-times {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.metismenu .plus-minus {
  float: right;
}

*[dir=rtl] .metismenu .plus-minus {
  float: left;
}

.metismenu .fa.plus-minus:before {
  content: "\f067";
}

.metismenu .active > a > .fa.plus-minus:before {
  content: "\f068";
}

.metismenu .collapse {
  display: none;
}

.metismenu .collapse.in {
  display: block;
}

.metismenu .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: 0.35s;
  transition-property: height, visibility;
}

.metismenu .has-arrow {
  position: relative;
}

.metismenu .has-arrow::after {
  position: absolute;
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: initial;
  right: 1em;
  -webkit-transform: rotate(-45deg) translate(0, -50%);
  transform: rotate(-45deg) translate(0, -50%);
  -webkit-transform-origin: top;
  transform-origin: top;
  top: 50%;
  transition: all 0.3s ease-out;
}

*[dir=rtl] .metismenu .has-arrow::after {
  right: auto;
  left: 1em;
  -webkit-transform: rotate(135deg) translate(0, -50%);
  transform: rotate(135deg) translate(0, -50%);
}

.metismenu .active > .has-arrow::after,
.metismenu .has-arrow[aria-expanded=true]::after {
  -webkit-transform: rotate(-135deg) translate(0, -50%);
  transform: rotate(-135deg) translate(0, -50%);
}

*[dir=rtl] .metismenu .active > .has-arrow::after,
*[dir=rtl] .metismenu .has-arrow[aria-expanded=true]::after {
  -webkit-transform: rotate(225deg) translate(0, -50%);
  transform: rotate(225deg) translate(0, -50%);
}


/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  transition: all 0.5s ease-out;
  transition-property: transform, opacity;
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
  transition: none !important;
}

.waves-button,
.waves-circle {
  transform: translateZ(0);
  mask-image: radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
  padding: 0;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

.waves-float {
  mask-image: none;
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  transition: all 300ms;
}

.waves-float:active {
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}

.irs-bar {
  position: absolute;
  display: block;
  width: 0;
}

.irs-shadow {
  position: absolute;
  display: none;
  width: 0;
}

.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1;
}
.irs-handle.type_last {
  z-index: 2;
}

.irs-min,
.irs-max {
  position: absolute;
  display: block;
  cursor: default;
}

.irs-min {
  left: 0;
}

.irs-max {
  right: 0;
}

.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  cursor: default;
  white-space: nowrap;
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  width: 100%;
  height: 20px;
}

.irs-with-grid .irs-grid {
  display: block;
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: var(--ct-gray-700);
}
.irs-grid-pol.small {
  height: 4px;
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  /*rtl:ignore*/
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: var(--ct-gray-700);
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  z-index: 2;
}

.lt-ie9 .irs-disable-mask {
  background: var(--ct-gray-700);
  filter: alpha(opacity=0);
  cursor: not-allowed;
}

.irs-disabled {
  opacity: 0.4;
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}

.irs--flat {
  height: 40px;
}
.irs--flat.irs-with-grid {
  height: 60px;
}
.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: var(--ct-progress-bg);
  border-radius: 4px;
}
.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #101114;
}
.irs--flat .irs-bar--single {
  /*rtl:ignore*/
  border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: var(--ct-progress-bg);
}
.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent;
}
.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: black !important;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: var(--ct-gray-700);
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: var(--ct-progress-bg);
  border-radius: 4px;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  color: #fff;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #101114;
  border-radius: 4px;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #101114;
}
.irs--flat .irs-grid-pol {
  background-color: var(--ct-progress-bg);
}
.irs--flat .irs-grid-text {
  color: var(--ct-gray-700);
}

.irs--modern .irs-line {
  border: none;
  background: var(--ct-progress-bg);
}
.irs--modern .irs-bar {
  background: #101114;
  background: linear-gradient(to bottom, #101114 0%, black 100%);
}
.irs--modern .irs-min,
.irs--modern .irs-max {
  top: 0;
  padding: 1px 3px;
  color: var(--ct-gray-700);
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: var(--ct-progress-bg);
  border-radius: 4px;
}

.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single,
.irs--sharp .irs-min,
.irs--sharp .irs-max,
.irs--sharp .irs-handle,
.irs--sharp .irs-bar {
  background-color: #101114;
}
.irs--sharp .irs-line {
  background: var(--ct-progress-bg);
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before,
.irs--sharp .irs-handle > i:first-child {
  border-top-color: #101114;
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
  background-color: black;
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single,
.irs--round .irs-bar {
  background-color: #101114;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before,
.irs--round .irs-bar:before {
  border-top-color: #101114;
}
.irs--round .irs-handle {
  background-color: var(--ct-progress-bg);
  border: 4px solid #101114;
  box-shadow: 0 1px 3px rgba(16, 17, 20, 0.3);
}
.irs--round .irs-min,
.irs--round .irs-max {
  color: var(--ct-gray-700);
  background-color: var(--ct-gray-300);
}
.irs--round .irs-line {
  background: var(--ct-progress-bg);
}

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single,
.irs--square .irs-bar {
  background-color: var(--ct-progress-bg);
}
.irs--square .irs-handle {
  border: 3px solid #101114;
  background-color: var(--ct-progress-bg);
}
.irs--square .irs-line {
  background: var(--ct-progress-bg);
}
.irs--square .irs-min,
.irs--square .irs-max {
  top: 0;
  padding: 1px 3px;
  color: var(--ct-gray-700);
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: var(--ct-progress-bg);
  border-radius: 4px;
}

.calendar {
  float: left;
  margin-bottom: 0;
}

#calendar .table-bordered td,
#calendar .table-bordered th {
  border: 1px solid #dee2e6;
}

.none-border .modal-footer {
  border-top: none;
}

.fc-toolbar {
  margin: 10px 0 5px 0;
}
.fc-toolbar .fc-toolbar-title {
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-transform: uppercase;
}

.fc-day-grid-event .fc-time {
  font-weight: 500;
}

.fc-event-time,
.fc-event-title {
  color: #fff;
}

th.fc-col-header-cell {
  padding: 0.3rem 0;
}

.fc-day {
  background: transparent;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
  z-index: 0;
}

.fc th.fc-widget-header {
  background: var(--ct-gray-300);
  font-size: 13px;
  line-height: 20px;
  padding: 10px 0;
  text-transform: uppercase;
  font-weight: 500;
}

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: var(--ct-gray-300);
}
.fc-unthemed td.fc-today,
.fc-unthemed .fc-divider {
  background: var(--ct-gray-300);
}

.fc-button {
  background: var(--ct-gray-300);
  border: none;
  color: var(--ct-gray-700);
  text-transform: capitalize;
  box-shadow: none;
  border-radius: 3px;
  margin: 0 3px;
  padding: 6px 12px;
  height: auto;
}

.fc-text-arrow {
  font-family: inherit;
  font-size: 1rem;
}

.fc-state-hover,
.fc-state-highlight,
.fc-cell-overlay {
  background: var(--ct-gray-300);
}

.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  background-color: #101114;
  color: #fff;
  text-shadow: none;
}

.fc-unthemed .fc-today {
  background: #fff;
}

.fc-event {
  border-radius: 2px;
  border: none;
  cursor: move;
  font-size: 0.8125rem;
  margin: 5px 7px;
  padding: 5px 5px;
  text-align: center;
}

.external-event {
  cursor: move;
  margin: 10px 0;
  padding: 8px 10px;
  color: #fff;
  border-radius: 4px;
}

.fc-basic-view td.fc-week-number span {
  padding-right: 8px;
}
.fc-basic-view td.fc-day-number {
  padding-right: 8px;
}
.fc-basic-view .fc-content {
  color: #fff;
}

.fc-time-grid-event .fc-content {
  color: #fff;
}

.fc-content-skeleton .fc-day-top .fc-day-number {
  float: right;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 20px;
  background-color: var(--ct-gray-100);
  border-radius: 50%;
  margin: 5px;
  font-size: 11px;
}

@media (max-width: 767.98px) {
  .fc-toolbar {
    display: block !important;
  }
  .fc-toolbar .fc-left,
  .fc-toolbar .fc-right,
  .fc-toolbar .fc-center {
    float: none;
    display: block;
    clear: both;
    margin: 10px 0;
  }
  .fc .fc-toolbar > * > * {
    float: none;
  }
  .fc-today-button {
    display: none;
  }
}
.fc-toolbar .btn {
  --ct-btn-padding-y: 0.28rem;
  --ct-btn-padding-x: 0.8rem;
  --ct-btn-font-size: 0.7875rem;
  --ct-btn-border-radius: 0.15rem;
}

.fc-list-item-title,
.fc-list-item-time {
  color: #fff;
}

[dir=rtl] .fc-toolbar .btn-group .btn:first-child {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-radius: 0.15rem;
}
[dir=rtl] .fc-toolbar .btn-group .btn:last-child {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-radius: 0.15rem;
}

.jqstooltip {
  box-sizing: content-box;
  width: auto !important;
  height: auto !important;
  background-color: #fff !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 5px 10px !important;
  border-radius: 3px;
  border-color: #fff !important;
}

.jqsfield {
  color: #000 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 600 !important;
}

.dataTables_wrapper.container-fluid {
  padding: 0;
}

table.dataTable {
  border-collapse: collapse !important;
  margin-bottom: 15px !important;
}
table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
  background-color: #101114;
}
table.dataTable tbody > tr.selected td,
table.dataTable tbody > tr > .selected td {
  border-color: #101114;
}
table.dataTable tbody td:focus {
  outline: none !important;
}
table.dataTable tbody th.focus,
table.dataTable tbody td.focus {
  outline: 2px solid #101114 !important;
  outline-offset: -1px;
  color: #101114;
  background-color: rgba(16, 17, 20, 0.15);
}
table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled {
  padding-right: 30px;
  padding-left: 0.85rem;
}
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before {
  right: 1em;
  left: auto;
  content: "↑";
}
table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after {
  right: 0.5em;
  left: auto;
  content: "↓";
}

.dataTables_info {
  font-weight: 600;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #01c853;
  top: 0.85rem;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  background-color: #f1556c;
  top: 0.85rem;
}

div.dt-button-info {
  background-color: #101114;
  border: none;
  color: #fff;
  box-shadow: none;
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}
div.dt-button-info h2 {
  border-bottom: none;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

@media (max-width: 767.98px) {
  li.paginate_button.previous,
  li.paginate_button.next {
    display: inline-block;
    font-size: 1.5rem;
  }
  li.paginate_button {
    display: none;
  }
  .dataTables_paginate ul {
    text-align: center;
    display: block;
    margin: 1.5rem 0 0 !important;
  }
  div.dt-buttons {
    display: inline-table;
    margin-bottom: 1.5rem;
  }
}
.activate-select .sorting_1 {
  background-color: var(--ct-dropdown-link-hover-bg);
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}
@media (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_filter {
    text-align: center;
  }
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  margin-right: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  padding-right: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
  padding-left: 0;
}

table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting:after,
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_asc_disabled:after,
table.dataTable > thead .sorting_desc_disabled:before,
table.dataTable > thead .sorting_desc_disabled:after {
  bottom: 1em;
}

.daterangepicker {
  font-family: "Roboto", sans-serif;
}
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker .ranges li.active {
  background-color: #101114;
}

.datepicker {
  padding: 10px !important;
  animation: none;
}
.datepicker td,
.datepicker th {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td .active.disabled:hover[disabled],
.datepicker table tr td .active.disabled[disabled],
.datepicker table tr td .active:active,
.datepicker table tr td .active:hover,
.datepicker table tr td .active:hover.active,
.datepicker table tr td .active:hover.disabled,
.datepicker table tr td .active:hover:active,
.datepicker table tr td .active:hover:hover,
.datepicker table tr td .active:hover[disabled],
.datepicker table tr td .active[disabled],
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled], .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
  background-color: #101114 !important;
  background-image: none !important;
  color: #fff;
}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: var(--ct-gray-200);
}
.datepicker table tr td.new, .datepicker table tr td.old,
.datepicker table tr td span.new,
.datepicker table tr td span.old {
  color: var(--ct-gray-700);
  opacity: 0.4;
}
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background: var(--ct-gray-200);
}
.datepicker .datepicker-switch:hover {
  background: none;
}

.datepicker-dropdown:after {
  border-bottom: 6px solid var(--ct-dropdown-bg);
}
.datepicker-dropdown:before {
  border-bottom-color: #e7eef1;
}
.datepicker-dropdown.datepicker-orient-top:before {
  border-top: 7px solid #e7eef1;
}
.datepicker-dropdown.datepicker-orient-top:after {
  border-top: 6px solid var(--ct-dropdown-bg);
}

.form-wizard-header {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: calc(1.5em + 0.9rem + 2px);
  background-color: #fff;
  box-shadow: none;
  outline: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  padding-left: 12px;
  color: #72747b;
  text-align: left;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 34px;
  width: 34px;
  right: 3px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: var(--ct-gray-500) transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}
.select2-container input::placeholder {
  color: #adb5bd;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--ct-gray-500) transparent !important;
  border-width: 0 6px 6px 6px !important;
}

.select2-results__option {
  padding: 6px 12px;
  text-align: left;
}

.select2-dropdown {
  border: 1px solid #e7eef1;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--ct-dropdown-bg);
}

.select2-container--default .select2-search--dropdown {
  padding: 10px;
  background-color: var(--ct-dropdown-bg);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  outline: none;
  border: 1px solid #ced4da;
  background-color: #fff;
  color: #72747b;
  text-align: left;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #101114;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--ct-dropdown-bg);
  color: #323a46;
}
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  background-color: #101114;
  color: #fff;
}

.select2-container .select2-selection--multiple {
  min-height: calc(1.5em + 0.9rem + 2px);
  border: 1px solid #ced4da !important;
  background-color: #fff;
  box-shadow: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 1px 10px;
}
.select2-container .select2-selection--multiple .select2-search__field {
  border: 0;
  color: #72747b;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #101114;
  border: none;
  color: #fff;
  border-radius: 3px;
  padding: 0 7px;
  margin-top: 6px;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  margin-right: 5px;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}
.select2-container .select2-search--inline .select2-search__field {
  margin-top: 7px;
}

.select2-selection {
  overflow: hidden;
}

.select2-selection__rendered {
  white-space: normal;
  word-break: break-all;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0 !important;
  bottom: 0;
  right: 0 !important;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: auto;
  /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  padding: 0px !important;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 4px;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #a2adb7;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
}

.custom-scroll {
  height: 100%;
}

.jq-toast-single {
  padding: 15px;
  font-family: "Roboto", sans-serif;
  background-color: #101114;
  font-size: 13px;
  line-height: 22px;
}
.jq-toast-single h2 {
  font-family: "Roboto", sans-serif;
}
.jq-toast-single a {
  font-size: 0.8125rem;
}
.jq-toast-single a:hover {
  color: #fff;
}

.jq-has-icon {
  padding: 10px;
}

.close-jq-toast-single {
  position: absolute;
  top: -12px;
  right: -12px;
  font-size: 20px;
  cursor: pointer;
  height: 32px;
  width: 32px;
  background-color: var(--ct-gray-900);
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  color: var(--ct-gray-100);
}

.jq-toast-loader {
  height: 3px;
  top: 0;
  border-radius: 0;
}

.jq-icon-primary {
  background-color: #101114;
  color: #fff;
  border-color: #101114;
}

.jq-icon-secondary {
  background-color: #72747b;
  color: #fff;
  border-color: #72747b;
}

.jq-icon-success {
  background-color: #01c853;
  color: #fff;
  border-color: #01c853;
}

.jq-icon-info {
  background-color: #4fc6e1;
  color: #fff;
  border-color: #4fc6e1;
}

.jq-icon-warning {
  background-color: #f7b84b;
  color: #fff;
  border-color: #f7b84b;
}

.jq-icon-danger {
  background-color: #f1556c;
  color: #fff;
  border-color: #f1556c;
}

.jq-icon-light {
  background-color: #f1f5f7;
  color: #fff;
  border-color: #f1f5f7;
}

.jq-icon-dark {
  background-color: #323a46;
  color: #fff;
  border-color: #323a46;
}

.jq-icon-pink {
  background-color: #f672a7;
  color: #fff;
  border-color: #f672a7;
}

.jq-icon-blue {
  background-color: #4a81d4;
  color: #fff;
  border-color: #4a81d4;
}

.jq-icon-error {
  background-color: #f1556c;
  color: var(--ct-gray-100);
  border-color: #f1556c;
}

.jq-icon-info, .jq-icon-warning, .jq-icon-error, .jq-icon-success {
  background-image: none;
}

.close-jq-toast-single {
  color: var(--ct-gray-100);
}

.swal2-modal {
  font-family: "Roboto", sans-serif;
  box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
}
.swal2-modal .swal2-title {
  font-size: 24px;
}
.swal2-modal .swal2-content {
  font-size: 16px;
}
.swal2-modal .swal2-spacer {
  margin: 10px 0;
}
.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-textarea {
  border: 2px solid var(--ct-gray-300);
  font-size: 16px;
  box-shadow: none;
}
.swal2-modal .swal2-confirm {
  background-color: #101114 !important;
  font-size: 0.8125rem !important;
}
.swal2-modal .swal2-cancel.btn-cancel {
  background-color: #f1556c !important;
  font-size: 0.8125rem;
}
.swal2-modal .swal2-confirm, .swal2-modal .swal2-cancel {
  margin: 0.3125em;
  padding: 0.625em 2em;
  font-weight: 500;
  box-shadow: none;
  font-size: 0.8125rem !important;
}
.swal2-modal .swal2-confirm:focus, .swal2-modal .swal2-cancel:focus {
  box-shadow: none !important;
}
.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-textarea:focus {
  outline: 0;
  border: 2px solid #101114;
}

.swal2-icon.swal2-question {
  color: #101114 !important;
  border-color: #101114 !important;
}
.swal2-icon.swal2-success {
  border-color: #01c853;
}
.swal2-icon.swal2-success .line,
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long],
.swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: #01c853 !important;
}
.swal2-icon.swal2-success .placeholder,
.swal2-icon.swal2-success .swal2-success-ring {
  border-color: #01c853 !important;
}
.swal2-icon.swal2-warning {
  color: #f7b84b !important;
  border-color: #f7b84b !important;
}
.swal2-icon.swal2-error {
  border-color: #f1556c !important;
}
.swal2-icon.swal2-error .line {
  background-color: #f1556c !important;
}
.swal2-icon.swal2-info {
  border-color: #4fc6e1;
  color: #4fc6e1;
}

.swal2-actions {
  margin: 1.6em auto 0 !important;
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
  background-color: rgba(50, 58, 70, 0.5) !important;
}

.tippy-tooltip .light-theme[data-animatefill] {
  background-color: transparent;
}

.light-theme {
  color: color-yiq(#fff);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
}
.light-theme .tippy-backdrop {
  background-color: #fff;
}
.light-theme .tippy-roundarrow {
  fill: #fff;
}

.gradient-theme .tippy-backdrop {
  background: #101114;
  background: linear-gradient(to left, #f1556c, #101114);
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {
  border-top: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {
  border-bottom: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {
  border-left: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {
  border-right: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.dd-list .dd-item .dd-handle {
  border: none;
  padding: 8px 16px;
  height: auto;
  font-weight: 600;
  border-radius: 3px;
  background: var(--ct-dropdown-link-hover-bg);
  color: #72747b;
}
.dd-list .dd-item .dd-handle:hover {
  color: #101114;
}
.dd-list .dd-item button {
  height: 36px;
  font-size: 17px;
  margin: 0;
  color: var(--ct-gray-600);
  width: 36px;
}
.dd-list .dd3-item {
  margin: 5px 0;
}
.dd-list .dd3-item .dd-item button {
  width: 36px;
  height: 36px;
}
.dd-list .dd3-handle {
  margin: 0;
  height: 36px !important;
  float: left;
}
.dd-list .dd3-content {
  height: auto;
  border: none;
  padding: 8px 16px 8px 46px;
  background: var(--ct-dropdown-link-hover-bg);
  color: #72747b;
  font-weight: 600;
}
.dd-list .dd3-content:hover {
  color: #101114;
}
.dd-list .dd3-handle:before {
  content: "\f035c";
  font-family: "Material Design Icons";
  color: var(--ct-gray-500);
}

.dd-empty,
.dd-placeholder {
  background: rgba(var(--ct-gray-400-rgb), 0.2);
}

.dd-dragel .dd-handle {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

div.hopscotch-bubble {
  border: 3px solid #101114;
  border-radius: 5px;
  z-index: 999;
}
div.hopscotch-bubble .hopscotch-next,
div.hopscotch-bubble .hopscotch-prev {
  background-color: #101114 !important;
  background-image: none !important;
  border-color: #101114 !important;
  text-shadow: none !important;
  margin: 0 0 0 5px !important;
  font-family: "Roboto", sans-serif;
  color: #fff !important;
}
div.hopscotch-bubble .hopscotch-bubble-number {
  background: #f1556c;
  padding: 0;
  border-radius: 50%;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right: 19px solid #101114;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
  border: none;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
  border-left: 19px solid #101114;
  left: -2px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left: 0 solid #101114;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
  border-bottom: 19px solid #101114;
  top: 0;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom: 0 solid rgba(0, 0, 0, 0.5);
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
  border-top: 19px solid #101114;
  top: -2px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top: 0 solid rgba(0, 0, 0, 0.5);
}
div.hopscotch-bubble h3 {
  font-family: "AvenirNextLTPro-Medium", sans-serif;
  margin-bottom: 10px;
}
div.hopscotch-bubble .hopscotch-content {
  font-family: "Roboto", sans-serif;
}

.flotTip {
  padding: 8px 12px;
  background-color: var(--ct-gray-900);
  z-index: 100;
  color: var(--ct-gray-100);
  opacity: 1;
  border-radius: 3px;
}

.legend {
  font-size: 14px;
}
.legend tr {
  height: 30px;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
}
.legend > div {
  background-color: transparent !important;
}

.legendLabel {
  padding-left: 5px !important;
  line-height: 10px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 500;
  color: var(--ct-gray-600);
  text-transform: uppercase;
}

.legendColorBox div div {
  border-radius: 50%;
}

.flot-text {
  color: #98a6ad !important;
}

.flot-svg text {
  fill: #98a6ad !important;
}

@media (max-width: 767.98px) {
  .legendLabel {
    display: none;
  }
}
.legendIcon {
  width: 1.5em;
  height: 1.5em;
}

.morris-chart text {
  font-family: "AvenirNextLTPro-Medium", sans-serif !important;
  fill: var(--ct-body-color);
}

.morris-hover {
  position: absolute;
  z-index: 10;
}
.morris-hover.morris-default-style {
  font-size: 12px;
  text-align: center;
  border-radius: 5px;
  padding: 10px 12px;
  background: var(--ct-gray-900);
  color: var(--ct-gray-100);
  font-family: "Roboto", sans-serif;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
}
.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
  color: #fff;
}

.chartjs-chart {
  margin: auto;
  position: relative;
  width: 100%;
}

.ct-golden-section:before {
  float: none;
}

.ct-grid {
  stroke: rgba(152, 166, 173, 0.2);
}

.ct-chart {
  max-height: 300px;
}
.ct-chart .ct-label {
  fill: var(--ct-gray-500);
  color: var(--ct-gray-500);
  font-size: 12px;
  line-height: 1;
}

.ct-chart.simple-pie-chart-chartist .ct-label {
  color: #fff;
  fill: #fff;
  font-size: 16px;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: #4a81d4;
}
.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
  stroke: #01c853;
}
.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
  stroke: #f7b84b;
}
.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
  stroke: #f1556c;
}
.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
  stroke: #4fc6e1;
}
.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
  stroke: #f672a7;
}
.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
  stroke: #101114;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
  fill: #4a81d4;
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
  fill: #01c853;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
  fill: #f7b84b;
}

.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
  fill: #f1556c;
}

.ct-area {
  fill-opacity: 0.33;
}

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 10px;
  padding: 2px 10px;
  border-radius: 3px;
  background: var(--ct-gray-900);
  color: var(--ct-gray-100);
  text-align: center;
  pointer-events: none;
  z-index: 1;
  transition: opacity 0.2s linear;
}
.chartist-tooltip.tooltip-show {
  opacity: 1;
}

.c3-tooltip {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  opacity: 1;
}
.c3-tooltip td {
  border-left: none;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
}
.c3-tooltip td > span {
  background: var(--ct-gray-900);
}
.c3-tooltip tr {
  border: none !important;
}
.c3-tooltip th {
  background-color: var(--ct-gray-900);
  color: var(--ct-gray-100);
}

.c3-chart-arcs-title {
  font-size: 18px;
  font-weight: 600;
}

.c3 text {
  font-family: "Roboto", sans-serif;
  fill: var(--ct-body-color);
}

.c3-legend-item {
  font-family: "AvenirNextLTPro-Medium", sans-serif;
  font-size: 14px;
}

.c3 line,
.c3 path {
  stroke: var(--ct-gray-400);
}

.c3-chart-arc.c3-target g path {
  stroke: #fff;
}

#legend {
  background: #fff;
  position: absolute;
  top: 0;
  right: 15px;
}
#legend .line {
  color: var(--ct-gray-900);
}

.rickshaw_graph svg {
  max-width: 100%;
}

.rickshaw_legend .label {
  font-family: inherit;
  letter-spacing: 0.01em;
  font-weight: 600;
}

.rickshaw_graph .detail .item,
.rickshaw_graph .detail .x_label,
.rickshaw_graph .x_tick .title {
  font-family: "Roboto", sans-serif;
}

.gauge-chart text {
  font-family: "Roboto", sans-serif !important;
}

.responsive-table-plugin .dropdown-menu li.checkbox-row {
  padding: 7px 15px;
  color: #72747b;
}
.responsive-table-plugin .table-responsive {
  border: none;
  margin-bottom: 0;
}
.responsive-table-plugin .btn-toolbar {
  display: block;
}
.responsive-table-plugin tbody th {
  font-size: 14px;
  font-weight: normal;
}
.responsive-table-plugin .checkbox-row {
  padding-left: 40px;
}
.responsive-table-plugin .checkbox-row label {
  display: inline-block;
  padding-left: 5px;
  position: relative;
  margin-bottom: 0;
}
.responsive-table-plugin .checkbox-row label::before {
  background-color: transparent;
  border-radius: 3px;
  border: 1px solid var(--ct-gray-400);
  content: "";
  display: inline-block;
  height: 17px;
  left: 0;
  margin-left: -20px;
  position: absolute;
  transition: 0.3s ease-in-out;
  width: 17px;
  outline: none;
}
.responsive-table-plugin .checkbox-row label::after {
  color: var(--ct-gray-400);
  display: inline-block;
  font-size: 9px;
  height: 16px;
  left: 0;
  margin-left: -19px;
  padding-left: 3px;
  padding-top: 1px;
  position: absolute;
  top: -2px;
  width: 16px;
}
.responsive-table-plugin .checkbox-row input[type=checkbox] {
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  outline: none;
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:disabled + label {
  opacity: 0.65;
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:focus + label::before {
  outline-offset: -2px;
  outline: none;
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:checked + label::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:disabled + label::before {
  background-color: var(--ct-gray-300);
  cursor: not-allowed;
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:checked + label::before {
  background-color: transparent;
  border-color: #101114;
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:checked + label::after {
  color: #101114;
}
.responsive-table-plugin table.focus-on tbody tr.focused th,
.responsive-table-plugin table.focus-on tbody tr.focused td,
.responsive-table-plugin .sticky-table-header {
  background: #101114;
  --ct-table-accent-bg: $primary !important;
  border-color: #101114;
  color: #fff;
}
.responsive-table-plugin table.focus-on tbody tr.focused th table,
.responsive-table-plugin table.focus-on tbody tr.focused td table,
.responsive-table-plugin .sticky-table-header table {
  color: #fff;
}
.responsive-table-plugin .fixed-solution .sticky-table-header {
  top: 70px !important;
}
.responsive-table-plugin .btn-default {
  --ct-btn-color: var(--ct-gray-900);
  --ct-btn-hover-bg: var(--ct-gray-100);
  --ct-btn-border-color: var(--ct-gray-300);
  --ct-btn-hover-border-color: var(--ct-gray-100);
}
.responsive-table-plugin .btn-default.btn-primary {
  background-color: #101114 !important;
  border-color: #101114 !important;
  color: #fff !important;
  box-shadow: 0 0 0 2px rgba(16, 17, 20, 0.5);
}
.responsive-table-plugin .btn-group.pull-right {
  float: right;
}
.responsive-table-plugin .btn-group.pull-right .dropdown-menu {
  left: auto;
  right: 0;
}

.no-touch .dropdown-menu > .checkbox-row:hover, .no-touch .dropdown-menu > .checkbox-row:active {
  color: #323a46;
  background-color: #f7f7f7;
}

@font-face {
  font-family: "footable";
  src: url("../fonts/footable.eot");
  src: url("../fonts/footable.eot?#iefix") format("embedded-opentype"), url("../fonts/footable.woff") format("woff"), url("../fonts/footable.ttf") format("truetype"), url("../fonts/footable.svg#footable") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "footable";
    src: url("../fonts/footable.svg#footable") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}
.footable-odd {
  background-color: var(--ct-table-bg);
}

.footable-row-detail,
.footable-detail-show {
  background-color: var(--ct-table-striped-bg);
}

.footable-pagination li {
  margin-left: 5px;
  float: left;
}
.footable-pagination li a {
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.5;
  color: #323a46;
  background-color: var(--ct-pagination-bg);
  display: block;
  border: 1px solid var(--ct-pagination-border-color);
  border-radius: 0.25rem;
}
.footable-pagination li a:hover {
  z-index: 2;
  color: #323a46;
  text-decoration: none;
  background-color: var(--ct-pagination-hover-bg);
  border-color: var(--ct-pagination-hover-border-color);
}
.footable-pagination li.active a {
  color: #fff;
  background-color: #101114;
  border-color: #101114;
}

.footable > thead > tr > th > span.footable-sort-indicator {
  float: right;
}

.footable {
  width: 100%;
}

.footable.breakpoint > tbody > tr.footable-detail-show > td {
  border-bottom: none;
}

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e001";
}

.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}

.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  border-top: none;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  display: inline-block;
  font-family: "footable";
  padding-right: 5px;
  font-size: 14px;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: "\e000";
}

.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e005";
}

.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e004";
}

.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e003";
}

.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e002";
}

.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e007";
}

.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
  content: "\e006";
}

.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e009";
}

.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e008";
}

.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00f";
}

.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
  content: "\e011";
}

.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e013";
}

.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
  content: "\e015";
}

.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01b";
}

.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e01d";
}

.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00b";
}

.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e00d";
}

.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01f";
}

.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
  content: "\e021";
}

.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e017";
}

.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
  content: "\e019";
}

.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
  font-size: 18px;
}

.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
  font-size: 24px;
}

.footable > thead > tr > th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}

.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}

.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
  content: "\e012";
}

.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
  content: "\e013";
}

.footable > thead > tr > th > span.footable-sort-indicator {
  display: inline-block;
  font-family: "footable";
  padding-left: 5px;
  opacity: 0.3;
}

.footable > thead > tr > th > span.footable-sort-indicator:before {
  content: "\e022";
}

.footable > tfoot .pagination {
  margin: 0;
}

.footable.no-paging .hide-if-no-paging {
  display: none;
}

.footable-row-detail-inner {
  display: table;
}

.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}

.footable-row-detail-group {
  display: block;
  line-height: 2em;
  font-size: 1.2em;
  font-weight: 700;
}

.footable-row-detail-name {
  display: table-cell;
  font-weight: 700;
  padding-right: 0.5em;
}

.footable-row-detail-value {
  display: table-cell;
}

.bootstrap-table .table:not(.table-sm) > tbody > tr > td,
.bootstrap-table .table:not(.table-sm) > tbody > tr > th,
.bootstrap-table .table:not(.table-sm) > tfoot > tr > td,
.bootstrap-table .table:not(.table-sm) > tfoot > tr > th,
.bootstrap-table .table:not(.table-sm) > thead > tr > td {
  padding: 0.85rem;
}
.bootstrap-table .table {
  border-bottom: none;
}
.bootstrap-table .table > thead > tr > th {
  border-bottom: none;
}
.bootstrap-table table.table-borderless tr {
  border: none !important;
}
.bootstrap-table table.table-borderless tr th, .bootstrap-table table.table-borderless tr td {
  border: none !important;
}
.bootstrap-table table.table-bordered tr {
  border-color: #dee2e6 !important;
}

.table-borderless.table-bordered {
  border: none !important;
}

table[data-toggle=table] {
  display: none;
}

.fixed-table-pagination .pagination-detail,
.fixed-table-pagination div.pagination {
  margin-top: 20px;
  margin-bottom: 0;
}
.fixed-table-pagination .pagination .page-link {
  border-radius: 30px !important;
  margin: 0 3px;
  border: none;
}

.fixed-table-container {
  border: none;
}
.fixed-table-container thead th .th-inner {
  padding: 0.85rem;
}

.fixed-table-toolbar .fa {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}
.fixed-table-toolbar .fa.fa-sync {
  font-weight: 900;
}
.fixed-table-toolbar .fa-toggle-down:before {
  content: "\f150";
}
.fixed-table-toolbar .fa-toggle-up:before {
  content: "\f151";
}
.fixed-table-toolbar .fa-refresh:before {
  content: "\f01e";
  font-weight: 900;
}
.fixed-table-toolbar .fa-th-list:before {
  content: "\f0ca";
  font-weight: 900;
}

.tablesaw thead {
  background: var(--ct-gray-100);
  background-image: none;
  border: none;
}
.tablesaw thead th {
  text-shadow: none;
}
.tablesaw thead tr:first-child th {
  border: none;
  font-weight: 500;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
}
.tablesaw td {
  border-top: 1px solid var(--ct-gray-100) !important;
  border-bottom-width: 0px;
}

.tablesaw td,
.tablesaw tbody th {
  font-size: inherit;
  line-height: inherit;
  padding: 10px !important;
}

.tablesaw-stack tbody tr,
.tablesaw tbody tr {
  border-bottom: none;
}

.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
  font-size: 8px;
  padding-right: 10px;
}

.tablesaw-swipe .tablesaw-cell-persist {
  box-shadow: none;
  border-color: var(--ct-gray-100);
}

.tablesaw-enhanced .tablesaw-bar .btn {
  text-shadow: none;
  background-image: none;
  text-transform: none;
  border: 1px solid var(--ct-gray-300);
  padding: 3px 10px;
  color: var(--ct-gray-900);
}
.tablesaw-enhanced .tablesaw-bar .btn:after {
  display: none;
}

.tablesaw-enhanced .tablesaw-bar .btn.btn-select:hover {
  background: #fff;
}

.tablesaw-enhanced .tablesaw-bar .btn:hover,
.tablesaw-enhanced .tablesaw-bar .btn:focus,
.tablesaw-enhanced .tablesaw-bar .btn:active {
  color: #101114 !important;
  background-color: #f1f5f7;
  outline: none !important;
  box-shadow: none !important;
  background-image: none;
}

.tablesaw-columntoggle-popup .btn-group {
  display: block;
}

.tablesaw-swipe .tablesaw-swipe-cellpersist {
  border-right: 2px solid var(--ct-gray-100);
}

.tablesaw-sortable-btn {
  cursor: pointer;
}

.tablesaw-swipe-cellpersist {
  width: auto !important;
}

.tablesaw-bar-section label {
  color: inherit;
  margin-bottom: 0.5rem;
}

.jsgrid-cell {
  padding: 0.85rem;
  border: 1px solid #dee2e6;
}

.jsgrid-grid-header,
.jsgrid-grid-body,
.jsgrid-header-row > .jsgrid-header-cell,
.jsgrid-filter-row > .jsgrid-cell,
.jsgrid-insert-row > .jsgrid-cell,
.jsgrid-edit-row > .jsgrid-cell {
  border: none;
}

.jsgrid-row > .jsgrid-cell {
  background: transparent !important;
}

.jsgrid-alt-row > .jsgrid-cell {
  background: var(--ct-table-striped-bg);
}

.jsgrid-selected-row > .jsgrid-cell {
  background: #f1f5f7;
  border-color: #dee2e6;
}

.jsgrid-header-row > .jsgrid-header-cell {
  background: var(--ct-gray-100);
  text-align: center !important;
}

.jsgrid-filter-row > .jsgrid-cell {
  background: var(--ct-gray-200);
}

.jsgrid-edit-row > .jsgrid-cell,
.jsgrid-insert-row > .jsgrid-cell {
  background: var(--ct-gray-100);
}

.jsgrid input,
.jsgrid select,
.jsgrid textarea {
  padding: 0.4em 0.6em;
  outline: none !important;
  color: #72747b;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.2rem;
}

.jsgrid-pager-container {
  margin-top: 10px;
}

.jsgrid-pager-page {
  padding: 0;
  margin: 0 2px;
}
.jsgrid-pager-page.jsgrid-pager-current-page {
  background-color: #101114;
  color: #fff;
}

.jsgrid-pager-page a,
.jsgrid-pager-current-page {
  background-color: var(--ct-gray-100);
  border-radius: 50%;
  height: 24px;
  width: 24px;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  color: var(--ct-gray-700);
}

.jsgrid-pager-nav-button a {
  color: var(--ct-gray-700);
  font-weight: 600;
}
.jsgrid-pager-nav-button a:hover {
  color: #101114;
}

.jsgrid .jsgrid-button {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-image: url("../images/jsgrid.png");
  background-color: var(--ct-gray-200);
  outline: none !important;
}
.jsgrid .jsgrid-button:hover {
  opacity: 0.9;
  background-color: var(--ct-gray-100);
}

.jsgrid-search-mode-button {
  background-position: 0 -295px;
}

.jsgrid-insert-button {
  background-position: 0 -160px;
}

.jsgrid-header-sort:before {
  position: absolute;
}

.ms-container {
  background: transparent url("../images/multiple-arrow.png") no-repeat 50% 50%;
  width: auto;
  max-width: 370px;
}
.ms-container .ms-list {
  box-shadow: none;
  border: 1px solid #ced4da;
  box-shadow: none;
}
.ms-container .ms-list.ms-focus {
  box-shadow: none;
  border: 1px solid #b1bbc4;
}
.ms-container .ms-selectable li.ms-elem-selectable {
  border: none;
  padding: 5px 10px;
  color: #72747b;
}
.ms-container .ms-selectable li.ms-hover {
  background-color: #101114;
  color: #fff;
}
.ms-container .ms-selection li.ms-elem-selection {
  border: none;
  padding: 5px 10px;
  color: #72747b;
}
.ms-container .ms-selection li.ms-hover {
  background-color: #101114;
  color: #fff;
}

.ms-selectable {
  box-shadow: none;
  outline: none !important;
}

.ms-optgroup-label {
  font-weight: 500;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
  color: var(--ct-gray-900) !important;
  font-size: 13px;
}

.ms-container .ms-selectable, .ms-container .ms-selection {
  background-color: #fff;
}

.autocomplete-suggestions {
  border: 1px solid #e7eef1;
  background-color: var(--ct-dropdown-bg);
  cursor: default;
  overflow: auto;
  max-height: 200px !important;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.autocomplete-suggestion {
  padding: 5px 10px;
  white-space: nowrap;
  overflow: hidden;
}

.autocomplete-no-suggestion {
  padding: 5px;
}

.autocomplete-selected {
  background: var(--ct-gray-200);
  cursor: pointer;
}

.autocomplete-suggestions strong {
  font-weight: bold;
  color: var(--ct-gray-900);
}

.autocomplete-group {
  padding: 5px;
  font-weight: 500;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
}

.autocomplete-group strong {
  font-weight: bold;
  font-size: 16px;
  color: var(--ct-gray-900);
  display: block;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
}

.bootstrap-select .dropdown-toggle:after {
  content: "\f0140";
  display: inline-block;
  font-family: "Material Design Icons";
  padding-left: 10px;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  outline-offset: 0;
}
.bootstrap-select a {
  outline: none !important;
}
.bootstrap-select .inner {
  overflow-y: inherit !important;
}
.bootstrap-select > .dropdown-toggle .bs-placeholder {
  color: #adb5bd;
}
.bootstrap-select > .dropdown-toggle .bs-placeholder:active, .bootstrap-select > .dropdown-toggle .bs-placeholder:focus, .bootstrap-select > .dropdown-toggle .bs-placeholder:hover {
  color: #adb5bd;
}

.bootstrap-touchspin .btn .input-group-text {
  padding: 0;
  border: none;
  background-color: transparent;
  color: inherit;
}

.parsley-errors-list {
  margin: 0;
  padding: 0;
}
.parsley-errors-list > li {
  list-style: none;
  color: #f1556c;
  margin-top: 5px;
  padding-left: 20px;
  position: relative;
}
.parsley-errors-list > li:before {
  content: "\f0159";
  font-family: "Material Design Icons";
  position: absolute;
  left: 2px;
  top: -1px;
}

.parsley-error {
  border-color: #f1556c;
}

.parsley-success {
  border-color: #01c853;
}

.flatpickr-calendar {
  background: var(--ct-dropdown-bg);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e7eef1;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: var(--ct-dropdown-bg);
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: var(--ct-dropdown-bg);
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  border-top-color: var(--ct-dropdown-bg);
}

.flatpickr-current-month {
  font-size: 110%;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #101114;
  border-color: #101114;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #101114;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #fff;
  color: #323a46;
}

.flatpickr-months .flatpickr-month {
  height: 36px;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-month {
  color: var(--ct-gray-500);
  fill: var(--ct-gray-500);
}

.flatpickr-weekdays {
  background-color: #f7f7f7;
}

span.flatpickr-weekday,
.flatpickr-day,
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover,
.flatpickr-time input,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  color: #72747b;
  fill: #72747b;
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: var(--ct-dropdown-link-disabled-color);
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  background: var(--ct-dropdown-link-hover-bg);
  border-color: var(--ct-dropdown-link-hover-bg);
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  border-top: 1px solid var(--ct-dropdown-bg);
}

.numInputWrapper:hover,
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background-color: transparent;
  color: #323a46;
}

.flatpickr-day.inRange {
  box-shadow: -5px 0 0 var(--ct-dropdown-link-hover-bg), 5px 0 0 var(--ct-dropdown-link-hover-bg);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: var(--ct-dropdown-link-disabled-color);
}

.sp-container {
  background-color: var(--ct-dropdown-bg);
  z-index: 9;
}
.sp-container button {
  padding: 0.25rem 0.5rem;
  font-size: 0.71094rem;
  border-radius: 0.2rem;
  font-weight: 400;
  color: var(--ct-gray-900);
}
.sp-container button.sp-palette-toggle {
  background-color: var(--ct-gray-100);
}
.sp-container button.sp-choose {
  background-color: #01c853;
  margin-left: 5px;
  margin-right: 0;
}

.sp-palette-container {
  border-right: 1px solid var(--ct-gray-300);
}

.sp-input {
  background-color: #fff;
  border-color: #ced4da !important;
  color: #72747b;
}
.sp-input:focus {
  outline: none;
}

.clockpicker-popover .btn-default {
  background-color: #101114;
  color: #fff;
}

.clockpicker-popover {
  background: var(--ct-dropdown-bg);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e7eef1;
}
.clockpicker-popover .popover-title {
  background-color: transparent;
  font-weight: 500;
}
.clockpicker-popover .clockpicker-plate {
  background: var(--ct-dropdown-link-hover-bg);
  border: 1px solid #e7eef1;
}
.clockpicker-popover .popover-content {
  background-color: transparent;
}

.clockpicker-tick {
  color: #72747b;
}
.clockpicker-tick:hover {
  background-color: rgba(16, 17, 20, 0.35);
}

.clockpicker-canvas line {
  stroke: #101114;
}

.clockpicker-canvas-bg {
  fill: rgba(16, 17, 20, 0.35);
}

.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
  fill: #101114;
}

.clockpicker-button {
  display: block;
  width: 100%;
}

[dir=rtl] .sp-alpha {
  direction: ltr;
}
[dir=rtl] .sp-original-input-container .sp-add-on {
  border: none;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
[dir=rtl] input.spectrum.with-add-on {
  border: 1px solid #ced4da;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.sp-original-input-container .sp-add-on {
  border: none !important;
}

.ql-container {
  font-family: "Roboto", sans-serif;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.ql-container.ql-snow {
  border-color: #ced4da;
}

.ql-bubble {
  border: 1px solid #ced4da;
  border-radius: 0.2rem;
}

.ql-toolbar {
  font-family: "Roboto", sans-serif !important;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.ql-toolbar span {
  outline: none !important;
  color: #72747b;
}
.ql-toolbar span:hover {
  color: #101114 !important;
}
.ql-toolbar.ql-snow {
  border-color: #ced4da;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: transparent;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
  margin-left: 0;
}

.ql-snow .ql-stroke,
.ql-snow .ql-script,
.ql-snow .ql-strike svg {
  stroke: #72747b;
}
.ql-snow .ql-fill {
  fill: #72747b;
}

.ql-snow .ql-picker-options {
  background-color: var(--ct-dropdown-bg);
  border-color: #e7eef1 !important;
}

.ql-editor {
  text-align: left;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  left: auto;
  top: 50%;
  width: 18px;
}

.ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
  padding-right: 0;
}
.ql-editor li:not(.ql-direction-rtl):before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

.ql-editor ol, .ql-editor ul {
  padding-left: 1.5em;
  padding-right: 0;
}

.dropzone {
  border: 2px dashed #ced4da;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  min-height: 150px;
  padding: 20px;
  box-shadow: none;
}
.dropzone .dz-message {
  text-align: center;
  margin: 2rem 0;
}
.dropzone.dz-started .dz-message {
  display: none;
}

@font-face {
  font-family: "dropify";
  src: url("../fonts/dropify.eot");
  src: url("../fonts/dropify.eot#iefix") format("embedded-opentype"), url("../fonts/dropify.woff") format("woff"), url("../fonts/dropify.ttf") format("truetype"), url("../fonts/dropify.svg#dropify") format("svg");
  font-weight: normal;
  font-style: normal;
}
.dropify-wrapper {
  border: 2px dashed #ced4da;
  background: #fff;
  border-radius: 6px;
  color: #72747b;
}
.dropify-wrapper:hover {
  background-image: linear-gradient(-45deg, #edeff1 25%, transparent 25%, transparent 50%, #edeff1 50%, #edeff1 75%, transparent 75%, transparent);
}
.dropify-wrapper .dropify-preview {
  background-color: var(--ct-gray-200);
}

.file-icon p {
  font-size: 20px;
}

.editable-clear-x {
  background: url("../images/clear.png") center center no-repeat;
}

.editableform-loading {
  background: url("../images/loading.gif") center center no-repeat;
}

.editable-checklist label {
  display: block;
}

.editable-input .form-control, .editable-input .form-select {
  display: inline-block;
}

.editable-buttons {
  margin-left: 7px;
}
.editable-buttons .editable-cancel {
  margin-left: 7px;
}

.editable-checklist > div {
  margin-bottom: 7px;
}

.image-crop-preview .img-preview {
  float: left;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  overflow: hidden;
  background-color: var(--ct-gray-100);
  text-align: center;
  width: 100%;
}
.image-crop-preview .img-preview > img {
  max-width: 100%;
}
.image-crop-preview .preview-lg {
  height: 9rem;
  width: 16rem;
}
.image-crop-preview .preview-md {
  height: 4.5rem;
  width: 8rem;
}
.image-crop-preview .preview-sm {
  height: 2.25rem;
  width: 4rem;
}
.image-crop-preview .preview-xs {
  height: 1.125rem;
  margin-right: 0;
  width: 2rem;
}

.img-crop-preview-btns > .btn,
.img-crop-preview-btns > .btn-group {
  margin-bottom: 8px;
  margin-right: 8px;
}

.docs-cropped .modal-body > img,
.docs-cropped .modal-body > canvas {
  max-width: 100%;
}

.docs-drop-options {
  max-height: 400px;
  overflow-y: auto;
}

.gmaps,
.gmaps-panaroma {
  height: 300px;
  background: var(--ct-gray-100);
  border-radius: 3px;
}

.gmaps-overlay {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  background: #101114;
  border-radius: 4px;
  padding: 10px 20px;
}

.gmaps-overlay_arrow {
  left: 50%;
  margin-left: -16px;
  width: 0;
  height: 0;
  position: absolute;
}
.gmaps-overlay_arrow.above {
  bottom: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #101114;
}
.gmaps-overlay_arrow.below {
  top: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #101114;
}

.jvectormap-label {
  border: none;
  background: var(--ct-gray-900);
  color: var(--ct-gray-100);
  font-family: "AvenirNextLTPro-Medium", sans-serif;
  font-size: 0.8125rem;
  padding: 5px 8px;
}

.mapael .map {
  position: relative;
}
.mapael .map .zoomIn {
  top: 25px;
}
.mapael .map .zoomOut {
  top: 50px;
}
.mapael .mapTooltip {
  position: absolute;
  background-color: #101114;
  opacity: 0.95;
  border-radius: 3px;
  padding: 2px 10px;
  z-index: 1000;
  max-width: 200px;
  display: none;
  color: #fff;
  font-family: "AvenirNextLTPro-Medium", sans-serif;
}
.mapael .zoomIn,
.mapael .zoomOut,
.mapael .zoomReset {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
  font-weight: 500;
  cursor: pointer;
  background-color: #101114;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 10px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.mapael .plotLegend text {
  font-family: "Roboto", sans-serif !important;
  fill: #98a6ad;
}

#ma-events {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -12px;
  margin-right: -12px;
}
#ma-events .card {
  width: calc(25% - 24px);
  margin-left: 12px;
  margin-right: 12px;
}
#ma-events.listview {
  flex-direction: column;
}
#ma-events.listview .card {
  display: flex;
  flex-direction: row;
  width: calc(100% - 24px);
}
#ma-events.listview .card .card-img-top {
  width: 20%;
}
#ma-events.listview .card .card-body {
  width: 80%;
}

.activities-listing .activities-container {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
  justify-content: left;
}
.activities-listing .activities-container .activity-block {
  width: calc(25% - 30px);
  margin: 0 15px 15px;
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.activities-listing .activities-container .activity-block.border-past {
  border-top: 5px solid #323a46;
  border-left: none;
}
.activities-listing .activities-container .activity-block.border-published {
  border-top: 5px solid #01c853;
  border-left: none;
}
.activities-listing .activities-container .activity-block.past {
  opacity: 0.5;
}
.activities-listing .activities-container .activity-block.cancel {
  opacity: 0.5;
}
.activities-listing .activities-container .activity-block .activity-img {
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.activities-listing .activities-container .activity-block .activity-img img {
  height: 100%;
  width: 100%;
}
.activities-listing .activities-container .activity-block .activity-body {
  position: relative;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  flex-direction: column;
  padding: 10px 15px;
}
.activities-listing .activities-container .activity-block .activity-body #actions {
  order: 2;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.activities-listing .activities-container .activity-block .activity-body #actions .col-sm-7 {
  width: 100%;
  display: none;
}
.activities-listing .activities-container .activity-block .activity-body #actions .col-sm-5 {
  width: 100%;
}
.activities-listing .activities-container .activity-block .activity-body #details {
  order: 1;
}
.activities-listing .activities-container.listView .activity-block {
  width: calc(100% - 30px);
  display: flex;
  flex-direction: row;
}
.activities-listing .activities-container.listView .activity-block .activity-img {
  position: relative;
  width: 20%;
  float: left;
  max-height: 110px;
}
.activities-listing .activities-container.listView .activity-block .activity-body {
  width: 80%;
  padding: 15px 15px 0;
  color: #323a46;
}
.activities-listing .activities-container.listView .activity-block .activity-body #actions {
  order: 1;
  display: flex;
  padding-top: 0;
  flex-direction: row;
  flex-wrap: wrap;
}
.activities-listing .activities-container.listView .activity-block .activity-body #actions .col-sm-7 {
  width: 58.333%;
  display: block;
}
.activities-listing .activities-container.listView .activity-block .activity-body #actions .col-sm-5 {
  width: 41.667%;
}
.activities-listing .activities-container.listView .activity-block .activity-body #details {
  order: 2;
}

.landscape {
  width: 300px;
  position: relative;
  vertical-align: top;
}
.landscape a h4 {
  line-height: 100px;
  border: 1px solid #1c1f25;
  border-radius: 4px;
  text-align: center;
}

.portrait {
  width: 150px;
  position: relative;
  vertical-align: top;
}
.portrait a h4 {
  line-height: 300px;
  border: 1px solid #1c1f25;
  border-radius: 4px;
  text-align: center;
}

.tic-land {
  position: relative;
  border-style: solid;
  border-width: 2px;
  height: 450px;
  width: 1004px;
  margin: 0 auto;
}
.tic-land .tic-info p {
  font-family: "PFDinTextCondPro-Medium";
  font-size: 14px;
  line-height: 16px;
}
.tic-land .tic-info h4.title {
  font-family: "PFDinTextCondPro-Regular";
  font-size: 24px;
  line-height: 26px;
}
.tic-land .tic-info h5 {
  font-family: "PFDinTextCondPro-Regular";
  font-size: 18px;
  line-height: 20px;
  margin-top: 0;
}
.tic-land .tic-info .box {
  width: 112px;
  height: 112px;
}

.tic-port {
  position: relative;
  border-style: solid;
  border-width: 2px;
  max-width: 300px;
  margin: 20px auto 0;
}
.tic-port .tic-price {
  background: #210844;
}
.tic-port .tic-body {
  min-height: 500px;
  position: relative;
}
.tic-port .tic-body .qr {
  position: absolute;
  bottom: 80px;
  width: 100%;
}
.tic-port .tic-body .qr .box {
  width: 130px;
  height: 130px;
  padding-top: 5px;
  display: block;
}
.tic-port .tic-body .tic-price {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.tic-body {
  height: 446px;
  width: 1000px;
}

.tic-info {
  height: 446px;
  width: 1000px;
}
.tic-info .ev-info {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 556px;
  padding: 0 15px;
}
.tic-info .valid {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 20px;
}
.tic-info .tic-h-info {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 340px;
  padding: 0 15px;
}
.tic-info .tlogo-holder {
  display: inline-block;
  vertical-align: top;
  height: 446px;
  border-width: 0 !important;
  border-color: transparent !important;
  width: 82px;
  position: absolute !important;
  right: 0;
}

.tic-logo {
  position: absolute;
  right: 10px;
  top: 33%;
}

.land-tic, .port-tic {
  display: table;
  content: " ";
  width: 100%;
}
.land-tic:after, .port-tic:after {
  clear: both;
}

.print-tic p {
  font-family: "PFDinTextCondPro-Regular";
  font-size: 13px;
}
.print-tic .advertisements h5 {
  font-family: "PFDinTextCondPro-Regular";
  font-size: 11px;
}
.print-tic .ad-spot {
  height: 240px;
  border: 1px solid #6d6e70;
  width: 100%;
}
.print-tic .terms {
  border-top: 1px solid #6d6e70;
  border-bottom: 1px solid #6d6e70;
}
.print-tic .terms h5 {
  font-family: "PFDinTextCondPro-Regular";
  font-size: 11px;
}
.print-tic .terms p {
  font-family: "PFDinTextCondPro-Regular";
  font-size: 10px;
  line-height: 14px;
}
.print-tic .copy p {
  font-family: "PFDinTextCondPro-Light";
  font-size: 10px;
  line-height: 14px;
}
.print-tic .copy ul li p {
  vertical-align: middle;
  position: relative;
  display: inline-block;
}
.print-tic .copy ul li svg {
  vertical-align: middle;
  position: relative;
  display: inline-block;
}

.tic-info .date {
  width: 110px;
  padding: 5px;
  background: #ddd;
  text-align: center;
  border-radius: 4px;
}

.tic-footer {
  background: #1c1f25;
}
.tic-footer p {
  margin-bottom: 0;
}

.tic-bg {
  position: absolute;
  left: 0;
  opacity: 0.5;
}

.ev-logo {
  width: 150px;
  height: 150px;
  line-height: 200px;
  text-align: center;
  border-radius: 4px;
  position: relative;
}

.color-picker {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  background: #1c1f25;
  vertical-align: middle;
}

.selling .list-inline li {
  vertical-align: top;
}
.selling .tab-content {
  width: 100%;
}
.selling .well {
  padding: 15px;
  max-height: 80px;
  overflow-y: scroll;
}
.selling input {
  box-shadow: none;
  cursor: pointer;
}
.selling h3 {
  font-size: 28px;
  font-weight: 300;
  background: #828b99;
  color: #fff;
  padding: 10px 20px;
  border-radius: 4px;
}
.selling .brief {
  font-size: 17px;
  line-height: 23px;
}
.selling .form-group {
  position: relative;
  display: block;
  border-radius: 4px;
  width: 100%;
}
.selling .price {
  display: inline-block;
  position: relative;
  vertical-align: top;
  padding: 10px;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.selling .price h1 {
  position: relative;
  font-size: 50px;
  line-height: 50px;
}
.selling .price h1 .dollar-sign,
.selling .price h1 .js-currency-name {
  font-size: 18px;
  vertical-align: text-top;
}
.selling .price h3 span {
  font-size: 12px;
  vertical-align: text-top;
  position: relative;
}
.selling .price h3 span.js-price-for-featured, .selling .price h3 span#js-price-for-featured-total, .selling .price h3 span#js-featured-total-days {
  font-size: 25px;
  top: 0;
  vertical-align: bottom;
}
.selling .price-up {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.selling .price-up h1 {
  position: relative;
  font-size: 50px;
  line-height: 50px;
}
.selling .price-up h1 .dollar-sign,
.selling .price-up h1 .js-currency-name {
  font-size: 18px;
  vertical-align: text-top;
}
.selling .price-up h3 span {
  font-size: 12px;
  vertical-align: text-top;
  position: relative;
}
.selling .price-up h3 span#js-price-for-pro {
  font-size: 25px;
  top: 0;
  vertical-align: bottom;
}
.selling .price-upload {
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  width: 100%;
  color: #ff5400;
  padding: 10px;
}
.selling .price-upload h1 {
  position: relative;
  font-size: 50px;
  line-height: 50px;
}
.selling .price-upload h1 .dollar-sign,
.selling .price-upload h1 .js-currency-name {
  font-size: 18px;
  vertical-align: text-top;
}
.selling .price-upload.show-fields {
  height: 300px;
}
.selling .price-upload h3 span {
  font-size: 12px;
  vertical-align: text-top;
  position: relative;
}
.selling .price-upload h3 span.js-price-for-spotlight, .selling .price-upload h3 span#js-price-for-spotlight-total, .selling .price-upload h3 span#js-spotlight-total-days {
  font-size: 25px;
  top: 0;
  vertical-align: bottom;
}
.selling .price-upload .link {
  text-decoration: underline;
  color: #ED134D;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.selling .price-upload .link:hover {
  color: #01C853;
}
.selling .price-upload label {
  font-weight: 500;
}
.selling #date {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 10px 15px;
  border: 1px solid #f2f2f2;
  display: none;
}
.selling #date.show-fields {
  display: block;
}
.selling #date h1 {
  position: relative;
  font-size: 50px;
  line-height: 50px;
}
.selling #date h1 .dollar-sign,
.selling #date h1 .js-currency-name {
  font-size: 18px;
  vertical-align: text-top;
}
.selling #date2 {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 10px 15px;
  border: 1px solid #f2f2f2;
  display: none;
}
.selling #date2.show-fields {
  display: block;
}
.selling #date2 h1 {
  position: relative;
  font-size: 50px;
  line-height: 50px;
}
.selling #date2 h1 .dollar-sign,
.selling #date2 h1 .js-currency-name {
  font-size: 18px;
  vertical-align: text-top;
}
.selling .checkbox-container {
  position: relative;
  vertical-align: top;
  width: 100%;
}
.selling .checkbox-container input[type=checkbox] {
  visibility: hidden;
}
.selling .checkbox-container input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.selling .checkbox-container input[type=checkbox]:checked + label {
  background: #01c853;
}
.selling .checkbox-container input[type=checkbox]:checked + label:after {
  content: "\f00c";
  left: 5px;
}
.selling .checkbox-container label {
  cursor: pointer;
  position: absolute;
  width: 35px;
  height: 35px;
  background: #72747b;
  border-radius: 50%;
  top: 0;
  left: 10px;
  color: #fff;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.selling .checkbox-container label:hover:active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.5;
}
.selling .checkbox-container label:hover {
  background: #01c853;
}
.selling .checkbox-container label:hover:after {
  opacity: 1;
}
.selling .checkbox-container label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 1;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  background: transparent;
  top: 2px;
  line-height: 35px;
  font-size: 25px;
  color: #fff;
  left: 8px;
}
.selling .checkbox-container p {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 40px;
}
.selling #feature {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: none;
}
.selling #feature .dropdown-menu li {
  width: 100% !important;
}
.selling #feature .checkbox-info ul li {
  vertical-align: middle;
}
.selling #feature a small {
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.selling #feature a small:hover {
  color: #01c853;
}
.selling #feature .price {
  width: 100%;
  padding: 10px;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  color: #ff5400;
  font-size: 14px;
  font-weight: normal;
}
.selling #feature .select-dates {
  position: relative;
}
.selling #feature .select-dates .bootstrap-select {
  text-align: right;
}
.selling #feature .price-container {
  position: relative;
}
.selling #spotlight {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.selling #spotlight .dropdown-menu li {
  width: 100% !important;
}
.selling #spotlight .checkbox-info ul li {
  vertical-align: middle;
}
.selling #spotlight a small {
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.selling #spotlight a small:hover {
  color: #01c853;
}
.selling #spotlight .select-dates {
  position: relative;
  width: 150px;
}
.selling #spotlight .select-dates .bootstrap-select {
  text-align: right;
}
.selling #spotlight .price-container {
  position: relative;
}
.selling #spotlight .s-img {
  border: 1px dashed #72747b;
}
.selling #upgrade .checkbox-info ul li {
  vertical-align: middle;
}
.selling #upgrade .price-up {
  width: 100%;
  padding: 10px;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  color: #ff5400;
}
.selling #upgrade a small {
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.selling #upgrade a small:hover {
  color: #01c853;
}
.selling .currency img {
  height: 13px;
}
.selling .currency.dropdown {
  position: relative;
  display: inline-block;
  padding: 4px 6px;
  border-radius: 4px;
}
.selling .currency .dropdown-menu {
  right: 0;
  text-align: right;
  float: right;
  left: auto;
  min-width: auto;
}
.selling .currency .dropdown-menu a:hover, .selling .currency .dropdown-menu a:focus {
  color: #323a46;
}
.selling .currency .dropdown-menu > li > a {
  padding: 4px 15px 4px 10px;
}
.selling .currency .dropdown-menu > li > a:hover, .selling .currency .dropdown-menu > li > a:focus {
  color: #323a46;
}
.selling #js-featured-setup .radio label,
.selling #js-spotlight-setup .radio label {
  font-size: 12px;
}
.selling #js-spotlight-image-holder {
  position: relative;
}
.selling #js-spotlight-image-holder button {
  position: absolute;
  left: 40%;
  top: 80%;
}
.selling .datepicker--day-name {
  color: #333;
}
.selling .datepicker--cell.-current- {
  color: #ffca03;
}
.selling .datepicker--cell.-selected-, .selling .datepicker--cell.-selected-.-current- {
  color: #101114;
  background: #ffca03;
}
.selling .datepicker--cell.-selected-.-focus- {
  background: #ffca03;
}
.selling #js-new-dates-featured-holder li {
  color: #666;
}
.selling .up-ev {
  display: block;
  position: relative;
}
.selling .up-ev .up-overs {
  background: rgba(255, 255, 255, 0.97);
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px 10px;
}
.selling #results .dollar {
  position: relative;
  vertical-align: top;
  padding: 0;
  font-size: 20px;
}
.selling #pro-modal .modal-dialog,
.selling #featured-modal .modal-dialog,
.selling #spotlight-modal .modal-dialog {
  width: 800px;
}
.selling #pro-modal .modal-dialog .fa,
.selling #featured-modal .modal-dialog .fa,
.selling #spotlight-modal .modal-dialog .fa {
  color: #ED134D;
}
@media (max-width: 960px) {
  .selling #pro-modal .modal-dialog,
  .selling #featured-modal .modal-dialog,
  .selling #spotlight-modal .modal-dialog {
    width: auto;
  }
}
.selling .bg-power p {
  font-size: 16px;
}

.btn-spotlight,
.btn-featured {
  background-color: #01c853;
  border-color: #01c853 !important;
  color: #fff;
}
.btn-spotlight.disabled,
.btn-featured.disabled {
  background-color: #323a46;
  border-color: #323a46 !important;
  color: #fff;
}

.datepicker {
  z-index: 10000;
}

.event .b-img {
  border-radius: 4px;
  border: 1px dashed #323a46;
  width: 100%;
  height: 110px;
  display: block;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  clear: both;
}
.event .b-img img {
  position: relative;
  z-index: 2;
}
.event .f-img {
  border-radius: 4px;
  border: 1px dashed #323a46;
  width: 226px;
  height: 140px;
  display: block;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  clear: both;
}
.event .f-img img {
  position: relative;
  z-index: 2;
}
.event .b-txt {
  position: absolute;
  text-align: center;
  top: 40%;
  width: 100%;
}
.event .f-txt {
  color: #323a46;
  position: absolute;
  text-align: center;
  top: 40%;
  width: 100%;
}

/*Ticketing section*/
.ticketing-table {
  border: 1px solid #ddd;
}
.ticketing-table thead td:first-child {
  width: 25px;
}
.ticketing-table thead td:nth-child(2) {
  width: 260px;
}
.ticketing-table thead td:nth-child(3) {
  width: 150px;
}
.ticketing-table thead td:nth-child(4) {
  width: 40px;
}
.ticketing-table thead td:nth-child(5) {
  width: 40px;
}
.ticketing-table thead td:last-child {
  width: 75px;
}

.js-sortable-ticket-element-real {
  cursor: move;
}
.js-sortable-ticket-element-real i {
  top: 16px;
  position: absolute;
}

.js-sortable-ticket-element td {
  padding: 10px 5px;
  position: relative;
}
.js-sortable-ticket-element td:last-child i {
  top: 0;
  position: relative;
}
.js-sortable-ticket-element ul.list-inline {
  margin: 0;
}

.js-ticket-holders .js-ticket-update-windows {
  position: relative;
  z-index: 1;
}
.js-ticket-holders .js-ticket-update-windows .bootstrap-datetimepicker-widget {
  position: absolute;
  z-index: 2;
}

.js-ticket-update-windows {
  padding: 20px;
}

.js-groups-name-text {
  font-size: 18px;
  font-weight: 400;
}

.js-groups-sortable-handle {
  font-size: 18px;
  cursor: move;
}

.m-img {
  width: 100px;
  height: 100px;
  text-align: center;
  margin-right: 5px;
}
.m-img img {
  max-width: auto;
  max-height: 100px;
}

.help-block {
  color: #f1556c;
}

.activity-view .activity-header {
  max-height: 400px;
  overflow: hidden;
  position: relative;
}
.activity-view .activity-header .img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
}
.activity-view .activity-header .preview-activity {
  position: absolute;
  width: 100%;
  z-index: 2;
  opacity: 0.5;
  left: 0;
  top: 0;
}
.activity-view .activity-header:hover .preview-activity {
  opacity: 1;
}
.activity-view .activity-body {
  position: relative;
  z-index: 2;
  margin-top: -122px;
}
.activity-view .activity-body h3 {
  font-size: 24px;
  line-height: 26px;
}
.activity-view .activity-body h4 {
  font-size: 18px;
  color: #101114;
}
.activity-view .activity-body .activity-img-container {
  display: flex;
  flex-direction: row;
  margin-right: -10px;
  margin-left: -10px;
}
.activity-view .activity-body .activity-img-container .activity-img-lg {
  flex: 2.6;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 15px;
}
.activity-view .activity-body .activity-img-container .activity-img-lg img {
  width: 100%;
}
.activity-view .activity-body .activity-img-container .activity-img-sm {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 15px;
}
.activity-view .activity-body .activity-img-container .activity-img-sm img {
  width: 100%;
  max-height: 160px;
}
.activity-view .activity-body .activity-special-container {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #E6EBF0;
  border-bottom: 1px solid #E6EBF0;
  padding: 10px 0;
  flex-wrap: wrap;
}
.activity-view .activity-body .activity-special-container .sp {
  margin: 0 10px;
  display: flex;
}
.activity-view .activity-body .activity-special-container .sp2 {
  margin: 0 10px;
  display: flex;
}
.activity-view .activity-body .activity-special-container .sp3 {
  margin: 0 10px;
  display: flex;
}
.activity-view .activity-body .activity-special-container .likes-count {
  padding: 0.45rem 0.9rem;
  height: 38px;
  background: #f1f5f7;
  border-radius: 2em;
  display: flex;
  align-items: center;
}
.activity-view .activity-body .activity-special-container .share-btn {
  height: 38px;
  background: #f1f5f7;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  color: #101114;
}
.activity-view .activity-body .activity-special-container .share-btn.last-child {
  margin-right: 0;
}
.activity-view .activity-body .activity-special-container .product-likes {
  display: block;
  position: relative;
}
.activity-view .activity-body .activity-special-container .product-likes .liked-avatar {
  display: inline-block;
  position: relative;
  border: 2px solid #f1f5f7;
  margin-left: -15px;
  border-radius: 100%;
}
.activity-view .activity-body .activity-special-container .product-likes .liked-avatar:first-child {
  margin-left: 0;
}
.activity-view .activity-body .activity-special-container .product-likes .liked-avatar img {
  width: 34px;
  height: 34px;
}
.activity-view .activity-body .activity-special-container .product-likes .liked-avatar:hover img {
  opacity: 0.7;
}

.activities-checkout h6 {
  font-weight: 200;
}
.activities-checkout .date-holder {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -15px;
  margin-right: -15px;
}
.activities-checkout .date-holder .date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px 16px;
  margin-left: 15px;
  margin-right: 15px;
  border: 1px solid #333;
}
.activities-checkout .date-holder .date h5, .activities-checkout .date-holder .date h6 {
  margin: 0;
}
.activities-checkout .date-holder .date.day-selected-class {
  border-color: #ff5400;
  border-bottom: 3px solid #ff5400;
}
.activities-checkout .date-holder .date.day-selected-class h5, .activities-checkout .date-holder .date.day-selected-class h6 {
  color: #ff5400;
}
.activities-checkout .date-holder .date.day-selected-class h5 small, .activities-checkout .date-holder .date.day-selected-class h6 small {
  color: #ff5400;
}
.activities-checkout .js-timeholder-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-right: -15px;
  margin-left: -15px;
}
.activities-checkout .js-timeholder-container .time-slot {
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px;
  padding: 10px 16px;
  border: 1px solid #323a46;
}
.activities-checkout .js-timeholder-container .time-slot.selected {
  border-color: #ff5400;
  color: #ff5400;
  border-bottom: 3px solid #ff5400;
}
.activities-checkout .package-holder {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.activities-checkout .package-holder .package {
  display: flex;
  flex-direction: column;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px;
  width: calc(25% - 30px);
  border: 1px solid #72747b;
}
.activities-checkout .package-holder .package .package-header {
  padding: 15px;
  background: #f1f5f7;
}
.activities-checkout .package-holder .package .package-body {
  padding: 15px;
  background: #fff;
}

.act-form-menu li {
  border-bottom: 1px solid #adb5bd;
}
.act-form-menu li a {
  padding: 12px 20px;
  cursor: pointer;
  letter-spacing: 0.03em;
  font-weight: 600;
  display: block;
}
.act-form-menu li a.active {
  background: #fff;
  color: #101114;
}

.act-cat-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.act-cat-container .act-category {
  cursor: pointer;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
  text-align: center;
  width: calc(25% - 20px);
}
.act-cat-container .act-category i {
  margin: 10px 10px -10px 0;
  width: 30px;
  height: 30px;
}
.act-cat-container .act-category .act-text {
  padding: 10px 0;
  display: inline-block;
}
.act-cat-container .act-category.active {
  border-color: #ffca03;
}
.act-cat-container .act-category.active i {
  color: #ffca03;
}

.itinerary-holder {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.itinerary-holder .itinerary-img {
  width: 60%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
}
.itinerary-holder .itinerary-img img {
  width: 100%;
}
.itinerary-holder .itinerary-text-block {
  width: 40%;
  padding: 10px 15px;
}

.numbers-holder {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  position: relative;
  width: 100%;
}
.numbers-holder .num-left {
  width: 30%;
  padding: 0 10px;
}
.numbers-holder .num-right {
  width: 70%;
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}
.numbers-holder .num-right .num {
  border-right: 1px solid #f1f5f7;
  padding: 10px 5px;
  text-align: center;
  width: 16.67%;
  cursor: pointer;
}
.numbers-holder .num-right .num:last-child {
  border-right: none;
}
.numbers-holder .num-right .num.selected {
  background: #101114;
  color: #fff;
}
.numbers-holder .num-right .num-top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.numbers-holder .num-right .num-bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-bottom: 15px;
}

.popular-act-container {
  display: flex;
  flex-direction: row;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.popular-act-container .card {
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 576px) {
  .popular-act-container .card {
    width: calc(50% - 30px);
  }
}
@media (min-width: 768px) {
  .popular-act-container .card {
    width: calc(25% - 30px);
  }
}
@media (min-width: 968px) {
  .popular-act-container .card {
    width: calc(20% - 30px);
  }
}

.top-destinations .card-columns {
  column-count: 1;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .top-destinations .card-columns {
    column-count: 2;
  }
}
@media (min-width: 768px) {
  .top-destinations .card-columns {
    column-count: 4;
  }
}

.act-vid-block {
  background: url("/static/images/site/general/act-vid-background.png") no-repeat;
  background-position: fixed;
  background-size: cover;
}

.ev-card {
  background: #fff;
  position: relative;
  border-radius: 4px;
  min-width: 240px;
  box-shadow: false;
}
.ev-card ul i {
  padding-right: 4px;
}
.ev-card p i {
  padding-right: 4px;
}
.ev-card .card-img {
  overflow: hidden;
  position: relative;
}
.ev-card .card-img img {
  width: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
@media (min-width: 768px) {
  .ev-card .card-img {
    min-height: 200px;
  }
}
.ev-card .card-title {
  position: absolute;
  width: 100%;
  top: 145px;
  padding: 5px 10px 20px;
  z-index: 2;
  background: #f1f5f7;
}
.ev-card .card-det {
  padding: 15px;
  height: 190px;
}
.ev-card .card-det ul {
  margin-bottom: 0;
  color: #72747b;
}
.ev-card .card-det p {
  margin-bottom: 0;
  color: #72747b;
  position: relative;
  font-size: 13px;
}
.ev-card .card-det .price {
  font-size: 14px;
  color: #666;
  text-align: left;
}
.ev-card .card-det .wishlist a {
  border-radius: 50%;
  padding: 10px 12px;
  background: #72747b;
  color: #333;
  position: relative;
  top: -20px;
  z-index: 40;
}
.ev-card .card-det .wishlist a.active {
  color: #FFCA03;
}
.ev-card .card-det .tic-price {
  top: 1px;
  position: relative;
}

.ev-card-container {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
}
.ev-card-container .ev-card {
  margin: 0 15px 15px;
  width: calc(25% - 30px);
}
.ev-card-container .ev-card .card-det .price-tic {
  position: absolute;
  width: 100%;
  bottom: 10px;
}
.ev-card-container .default {
  width: calc(100% - 30px);
  margin: 0 15px 15px;
  flex-grow: 1;
}
@media (max-width: 760px) {
  .ev-card-container .ev-card {
    width: calc(50% - 30px);
  }
}
@media (max-width: 460px) {
  .ev-card-container .ev-card {
    width: calc(100% - 30px);
  }
}

/*Event details*/
.event-details-main .banner {
  position: relative;
  background: #0c0d0e;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.event-details-main .banner img {
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  max-height: 310px;
}
.event-details-main .banner .g-overlay {
  background: -moz-linear-gradient(bottom, #1C1F25 0%, transparent 100%);
  background: -webkit-linear-gradient(bottom, #1C1F25 0%, transparent 100%);
  background: -o-linear-gradient(bottom, #1C1F25 0%, transparent 100%);
  background: -ms-linear-gradient(bottom, #1C1F25 0%, transparent 100%);
  background: linear-gradient(bottom, #1C1F25 0%, transparent 100%);
  width: 100%;
  position: absolute;
  bottom: 0;
}
.event-details-main .banner .g-overlay .ev-t {
  display: inline-block;
}
.event-details-main .banner .g-overlay p {
  display: inline-block;
  padding-left: 10px;
}
.event-details-main .banner .g-overlay .post-top-share {
  opacity: 0.5;
}
.event-details-main .banner .g-overlay .post-top-share:hover {
  opacity: 1;
}
.event-details-main h4 {
  margin-top: 20px;
}

.details-block img {
  max-width: 100% !important;
}
.details-block ul,
.details-block li {
  list-style-type: disc;
}
.details-block ul {
  padding-left: 10px;
}

.ev-sq-poster {
  max-height: 226px;
  overflow: hidden;
  border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.ev-sq-poster img {
  min-height: 226px;
}

.ev-card-det-new {
  position: relative;
}
.ev-card-det-new ul li {
  color: #72747b;
}

.ev-card-new-foot {
  padding-top: 60px;
}

.inner-sidebar h4 {
  padding-bottom: 5px;
}

.ev-det {
  background: #101114;
}
.ev-det.card-det ul li {
  color: #72747b;
}

#comments .row {
  border-bottom: 1px solid #dee2e6;
}
#comments .row:last-child {
  border: none;
}

.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-left: 0;
  margin-right: 10px;
}

/*Ticket Groupings*/
.ev-det-tic-grps .card-header {
  background: #ddd;
  padding: 5px 15px;
  border-radius: 0;
}
.ev-det-tic-grps .card-header a {
  text-decoration: none;
}
.ev-det-tic-grps .card-header a:hover, .ev-det-tic-grps .card-header a:focus, .ev-det-tic-grps .card-header a.active {
  color: #101114;
}
.ev-det-tic-grps.card-group .card {
  box-shadow: none;
}
.ev-det-tic-grps.card-group .card + .panel {
  margin-top: 0;
}

.rename-tic {
  display: inline-block;
  position: relative;
  width: 300px;
}
.rename-tic input {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  width: 200px;
}
.rename-tic .btn {
  display: inline-block;
  position: relative;
}

/*Location block*/
.location-block .holder {
  position: relative;
}

.map-overlay {
  position: absolute;
  z-index: 10;
  left: 10px;
  background: rgba(255, 255, 255, 0.9);
  width: 220px;
  height: auto;
  border-radius: 4px;
  padding: 6px 15px 10px;
  top: 10px;
}

/*********************************************************************/
/*Committee Block*/
.committee-block ul,
.committee-block li {
  display: inline-block;
}

.committee-block li {
  padding: 0 5px;
}

/*********************************************************************/
/*organizer block*/
.organizer-block {
  max-width: 260px;
}
.organizer-block small a {
  font-size: 90%;
}

.organizers {
  max-width: 260px;
}

.org-side-block {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.f-org-head {
  overflow: hidden;
  position: relative;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #101114;
}
.f-org-head a {
  color: #fff;
}
.f-org-head .banner {
  position: absolute;
  height: 60px;
  opacity: 0.4;
  width: 100%;
}
.f-org-head p small {
  color: #aaa;
}

.f-org-pic {
  position: relative;
  width: 100%;
  padding: 5px 0 0 20px;
  background: transparent;
  border: none;
}
.f-org-pic img {
  border-radius: 4px;
}

.f-org-foot {
  padding-top: 5px;
  background: #fff;
  padding-left: 8px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.f-org-foot p {
  margin-bottom: 0;
}

.pro-2019 .inner-wrapper .preview-event,
.pro-2019 .inner-wrapper .past-event {
  position: absolute;
  width: 100%;
  z-index: 2;
  opacity: 0.5;
}
.pro-2019 .inner-wrapper:hover .preview-event,
.pro-2019 .inner-wrapper:hover .past-event {
  opacity: 1;
}
.pro-2019 .pro-head-bottom .ev-det-head h1 {
  z-index: 6;
}
.pro-2019 .pro-head-bottom .ev-det-head ul li {
  z-index: 9;
  white-space: normal;
  font-size: 28px;
  line-height: 30px;
  font-weight: 400;
}
.pro-2019 .pro-head-bottom .ev-det-head ul li a {
  z-index: 9;
  white-space: normal;
  font-size: 28px;
  line-height: 30px;
  font-weight: 400;
}
.pro-2019 .heading-bgtitle {
  -webkit-transform: translateX(-90px);
  -moz-transform: translateX(-90px);
  -ms-transform: translateX(-90px);
  -o-transform: translateX(-90px);
  transform: translateX(-90px);
  color: #f3f3f3;
  padding-top: 35px;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 768px) {
  .pro-2019 .heading-bgtitle {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.pro-2019 .heading-subtitle {
  position: relative;
  z-index: 1;
}
.pro-2019 #timer {
  width: 100%;
  position: relative;
}
.pro-2019 .numbs {
  font-size: 80px;
  font-weight: bold;
  text-align: center;
  color: #8ab644;
}
@media (max-width: 768px) {
  .pro-2019 .numbs {
    font-size: 40px;
    line-height: 40px;
  }
}
.pro-2019 #d,
.pro-2019 #h,
.pro-2019 #m,
.pro-2019 #s {
  background: transparent;
  padding: 0;
  border-radius: 4px;
  border: none;
}
.pro-2019 .labs {
  font-size: 9px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #72747b;
  text-transform: uppercase;
}
.pro-2019 .speaker-container .speaker-block {
  background: transparent !important;
  background-color: transparent !important;
}
.pro-2019 .ticket-holder-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  align-items: center;
  justify-content: center;
}
.pro-2019 .ticket-holder-container .ticket {
  width: calc(25% - 30px);
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 40px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 768px) {
  .pro-2019 .ticket-holder-container .ticket {
    width: calc(50% - 30px);
  }
}
@media (max-width: 468px) {
  .pro-2019 .ticket-holder-container .ticket {
    width: calc(100% - 30px);
  }
}
.pro-2019 .ticket-holder-container .ticket:hover {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
}
.pro-2019 .ticket-holder-container .ticket .ticket-header {
  padding: 57px 15px 40px;
  background: #8ab644;
  position: relative;
  text-align: center;
}
.pro-2019 .ticket-holder-container .ticket .ticket-header .ticket-punch {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 50px;
  height: 25px;
  -webkit-border-radius: 0 0 50px 50px;
  -moz-border-radius: 0 0 50px 50px;
  border-radius: 0 0 50px 50px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: transparent;
}
.pro-2019 .ticket-holder-container .ticket .ticket-header .ticket-price-cur {
  margin-right: 0;
  vertical-align: top;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.pro-2019 .ticket-holder-container .ticket .ticket-header .ticket-price {
  display: inline-block;
  line-height: 1;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  min-height: 80px;
}
.pro-2019 .ticket-holder-container .ticket .ticket-header .ticket-price small {
  font-size: 30px;
  font-weight: 400;
}
.pro-2019 .ticket-holder-container .ticket .ticket-header .ticket-desc {
  font-weight: 400;
  text-align: center;
  color: #fff;
}
.pro-2019 .ticket-holder-container .ticket .ticket-content {
  padding: 43px 35px 40px;
  font-size: 16px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  color: #232323;
  text-align: center;
}
.pro-2019 .ticket-holder-container .ticket .ticket-footer {
  text-align: center;
}
.pro-2019 .ticket-holder-container .ticket .ticket-footer .button-container {
  margin-top: 0;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#sticky.stick {
  max-width: 368px;
}

#stickyP.stick {
  max-width: 434px;
}

.storemanager .pagination,
.marketplace .pagination {
  justify-content: center;
}
.storemanager .pagination > .active > a,
.storemanager .pagination > .active > span,
.marketplace .pagination > .active > a,
.marketplace .pagination > .active > span {
  background-color: #101114 !important;
  border-color: #101114;
  color: #fff;
}
.storemanager .pagination > .active > a:hover, .storemanager .pagination > .active > a:focus,
.storemanager .pagination > .active > span:hover,
.storemanager .pagination > .active > span:focus,
.marketplace .pagination > .active > a:hover,
.marketplace .pagination > .active > a:focus,
.marketplace .pagination > .active > span:hover,
.marketplace .pagination > .active > span:focus {
  background-color: #101114;
  border-color: #101114;
}

.toast-error {
  background-color: #f1556c;
}

.toast-success {
  background-color: #01c853;
}

.drop-zone {
  padding: 25px;
  display: flex;
  align-items: center;
  justify-items: center;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  border: 1px dashed grey;
  border-radius: 10px;
}

.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
  display: none;
}

.drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #ccc;
  background-size: cover;
  position: relative;
}

.drop-zone__thumb::after {
  content: attr(data-label); /*  displays text of data-lable*/
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: white;
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
  font-size: 14px;
}

.amcharts-main-div a {
  display: none !important;
}

#getting-started {
  overflow: hidden;
  background: url("/static/images/site/general/getting-started23.png") 120% 150% no-repeat #fff;
}

#seo-block {
  background: url("/static/images/site/general/getting-started23.png") 110% center no-repeat #FDE3D6;
  overflow: hidden;
  background-size: 30%;
}

#adSpot1 {
  background: url("/static/images/site/general/getting-started23.png") 110% bottom no-repeat #FFDDE9;
  background-size: 40%;
  overflow: hidden;
}

#adSpot2 {
  background: url("/static/images/site/general/getting-started23.png") 110% bottom no-repeat #FFf;
  background-size: 30%;
  overflow: hidden;
}

#adStats {
  background-color: #1EC0CF;
}

#regCust {
  background-color: #D2F2F5;
}
#regCust .customers-group .userimg {
  width: 60px;
  height: 60px;
}
#regCust .customers-group .userimg:not(:first-child) {
  margin-left: -30px;
}

#mlatestOrders .table {
  font-size: 10px;
}
#mlatestOrders .table thead th {
  border: none;
}
#mlatestOrders .table tbody td {
  border: none;
  vertical-align: middle;
}
#mlatestOrders .thumb-md {
  width: 30px;
  height: 30px;
}
#mlatestOrders .btn-link {
  color: #2CAFA9;
}

.mdashboard-chart-block h4 {
  color: #0C145A;
}
.mdashboard-chart-block p, .mdashboard-chart-block a {
  color: #6D729C;
}

.alert-shops {
  background-color: #FFF8E6;
  border-color: #FF8F0B;
  color: #FF8F0B;
}

.mdashboard-row {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.mdashboard-row .first-block {
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 576px) {
  .mdashboard-row .first-block {
    width: calc(50% - 30px);
  }
}
.mdashboard-row #mlatestOrders {
  margin-left: 15px;
  margin-right: 15px;
  width: calc(100% - 30px);
}
@media (min-width: 576px) {
  .mdashboard-row #mlatestOrders {
    width: calc(50% - 30px);
  }
}

.setup-blocks-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -7.5px;
  margin-left: -7.5px;
  max-width: 1120px;
}
.setup-blocks-container .setup-block {
  width: calc(100% - 15px);
  margin-right: 7.5px;
  margin-left: 7.5px;
  padding: 10px;
  background: #fff;
  margin-bottom: 20px;
  box-shadow: 0px 4px 20px rgba(23, 31, 70, 0.1);
}
.setup-blocks-container .setup-block .card-title {
  font-family: "AvenirNextLTPro-Demi";
}
.setup-blocks-container .setup-block .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  display: none;
}
.setup-blocks-container .setup-block.step-completed {
  border: 1px solid rgba(16, 255, 138, 0.4);
  box-shadow: none !important;
}
.setup-blocks-container .setup-block.step-completed .overlay {
  display: block;
}
.setup-blocks-container .setup-block p {
  font-size: 13px;
  font-family: "AvenirNextLTPro-Regular";
}
.setup-blocks-container .setup-block p a {
  text-decoration: underline;
}
.setup-blocks-container .setup-block .img-container {
  position: relative;
}
.setup-blocks-container .setup-block:hover {
  box-shadow: 0px 4px 40px rgba(23, 31, 70, 0.2);
}

#activityFeed .icon-box.bg-info {
  background-color: #d7ebed !important;
  color: #1ec0cf;
}
#activityFeed .icon-box.bg-warning {
  background-color: #FFDFCF !important;
  color: #FF5400;
}

#status.form-select {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  top: 0;
  left: 0;
}

#js-imgs-ajax-holder li {
  text-align: center;
}
#js-imgs-ajax-holder img {
  border: 1px solid transparent;
  margin: 0 auto 10px;
}
#js-imgs-ajax-holder .main-image-upload {
  padding: 5px;
}
#js-imgs-ajax-holder .main-image-upload img {
  border: 1px solid #101114;
  position: relative;
}

.fulfilled {
  border-radius: 50px;
  height: 25px;
  width: auto;
  padding: 6px 10px;
  line-height: 25px;
  font-size: 13px;
}
.fulfilled.completed {
  background: #f7f7f7;
  color: #fff;
}
.fulfilled.pending {
  background: #ff5400;
  color: #fff;
}
.fulfilled.failed {
  background: #f1556c;
  color: #fff;
}

.seller-tools {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.seller-tools a {
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(50% - 30px);
}
.seller-tools a.card {
  border-bottom: 3px solid transparent;
  transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}
.seller-tools a.card:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid #ff5400;
  color: #ff5400;
}
.seller-tools a.card:hover h6 {
  color: #ff5400;
}
.seller-tools a.card h6 {
  padding-top: 10px;
}
.seller-tools a.card:last-child, .seller-tools a.card:nth-last-child(2) {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .seller-tools a {
    width: calc(100% - 30px);
  }
}

.help .help-block {
  margin: 0 auto;
  display: block;
  padding: 20px;
  background: #fff;
}
.help .help-block:hover {
  cursor: hand;
}

.blog:hover {
  cursor: hand;
}

.invoices .invoice-stats .stat-block {
  margin: 0 auto;
  display: block;
  padding: 10px;
  background: #fff;
}
.invoices .radio label:after {
  top: 9px;
}

#sticky.stick {
  margin-top: 0 !important;
  position: fixed;
  top: 85px;
  z-index: 100;
  border-radius: 0 0 0.5em 0.5em;
  width: 100%;
  background: #fff;
}

#stickyP.stick {
  margin-top: 0 !important;
  position: fixed;
  top: 70px;
  z-index: 100;
  border-radius: 0 0 0.5em 0.5em;
  width: 100%;
  background: #fff;
}

#save-block {
  position: relative;
}
#save-block #sticky.stick {
  background: transparent;
  left: auto;
}

.app-store .apps {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.app-store .apps .panel {
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(25% - 30px);
}
@media (max-width: 992px) {
  .app-store .apps .panel {
    width: calc(33.33% - 30px);
  }
}
@media (max-width: 768px) {
  .app-store .apps .panel {
    width: calc(100% - 30px);
  }
}

.shop-settings-menu {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.shop-settings-menu a {
  padding: 8px 15px;
  line-height: 33px;
  color: #adb5bd;
  border-bottom: 3px solid transparent;
}
.shop-settings-menu a.active, .shop-settings-menu a:hover {
  border-bottom: 3px solid #ff5400;
  color: #101114;
}

.variations-holder {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}
.variations-holder .variation {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.variations-holder .variation .v-name {
  flex: 1;
  padding: 5px 10px;
}
.variations-holder .variation .v-qty {
  flex: 1;
  padding: 5px 10px;
}
.variations-holder .variation .v-price {
  flex: 1;
  padding: 5px 10px;
}
.variations-holder .variation .v-actions {
  flex: 0.75;
  padding: 5px 10px;
}

.featured-styles-holder {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.featured-styles-holder .featured-style-block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
}
.featured-styles-holder .featured-style-block .featstyle {
  background-color: #F1F1F5;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 175px;
}
.featured-styles-holder .featured-style-block .radio input[type=radio] {
  position: relative;
  left: 10px;
}
.featured-styles-holder .featured-style-block .radio label::before {
  position: relative;
}
.featured-styles-holder .featured-style-block .radio label::after {
  left: 14px;
}

.f-right-container {
  border: 1px solid #E3E5E8;
  border-radius: 10px;
  padding: 15px;
}

.feature-preview-area {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.feature-preview-area .feature-block a {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.feature-preview-area .feature-block a .upload-img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.feature-preview-area .feature-block a .upload-img span {
  color: #fff;
  padding: 8.01852px 16.037px;
  background-color: #2AC6C7;
  border-radius: 6px;
  display: block;
  top: 50%;
  position: relative;
  height: 40px;
}
.feature-preview-area .feature-block a:hover .upload-img {
  display: flex;
}
.feature-preview-area .style1 .feature-block {
  width: 100%;
}
.feature-preview-area .style1 .feature-block img {
  width: 100% !important;
  height: 100% !important;
}
.feature-preview-area .style1 .feature-block:hover a {
  opacity: 0.6;
}
.feature-preview-area .style2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.feature-preview-area .style2 .feature-block {
  width: 25%;
}
.feature-preview-area .style2 .feature-block img {
  width: 100% !important;
  height: 100% !important;
}
.feature-preview-area .style2 .feature-block:hover a {
  opacity: 0.6;
}
.feature-preview-area .style2 .feature-block:first-child {
  width: 100%;
}
.feature-preview-area .style2 .feature-block:first-child img {
  width: 100% !important;
  height: 100% !important;
}
.feature-preview-area .style3 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.feature-preview-area .style3 .feature-block {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.feature-preview-area .style3 .feature-block img {
  width: 100% !important;
  height: 100% !important;
}
.feature-preview-area .style3 .feature-block:hover a {
  opacity: 0.6;
}
.feature-preview-area .style3 .feature-block .sm-block {
  width: 50%;
}
.feature-preview-area .style4 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.feature-preview-area .style4 .feature-block {
  width: 25%;
}
.feature-preview-area .style4 .feature-block img {
  width: 100% !important;
  height: 100% !important;
}
.feature-preview-area .style4 .feature-block:hover a {
  opacity: 0.6;
}
.feature-preview-area .style5 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.feature-preview-area .style5 .feature-block {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.feature-preview-area .style5 .feature-block:hover a {
  opacity: 0.6;
}
.feature-preview-area .style5 .feature-block .sm-block {
  width: 50%;
}
.feature-preview-area .style5 .feature-block .sm-block:first-child {
  width: 100%;
}
.feature-preview-area .style6 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.feature-preview-area .style6 .feature-block {
  width: 50%;
}
.feature-preview-area .style6 .feature-block:hover a {
  opacity: 0.6;
}

.ms-container {
  max-width: 100%;
  padding: 0 10px;
}
.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selectable li.ms-elem-selection,
.ms-container .ms-selection li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  border-bottom: 1px solid #E6E8ED;
  padding: 8px 10px;
  background-color: #fff;
  cursor: pointer;
}
.ms-container .ms-selectable li.ms-elem-selectable:hover, .ms-container .ms-selectable li.ms-elem-selection:hover,
.ms-container .ms-selection li.ms-elem-selectable:hover,
.ms-container .ms-selection li.ms-elem-selection:hover {
  background-color: #101114;
  color: #fff;
}

.bs-wizard {
  border-bottom: solid 1px #e0e0e0;
  padding: 0 0 10px 0;
}
.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative;
}
.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #999;
  font-size: 14px;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 22px;
  height: 22px;
  display: block;
  background: #fff;
  top: 18px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  content: " ";
  width: 16px;
  height: 16px;
  background: #ff5400;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.bs-wizard > .bs-wizard-step .progress {
  position: relative;
  border-radius: 0;
  height: 8px;
  box-shadow: none;
  margin: 10px 0;
}
.bs-wizard > .bs-wizard-step .progress > .progress-bar {
  width: 0;
  box-shadow: none;
  background: #ff5400;
}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%;
}
.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%;
}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  width: 0;
}
.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%;
}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events: none;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color: #f1f5f7;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0;
}

.storemanager .page-title-box {
  overflow: visible;
}
.storemanager .select2-container {
  width: 100% !important;
}
.storemanager .select2-container .select2-selection--multiple {
  min-height: calc(1.5em + 0.9rem + 2px);
  border: 1px solid #ced4da !important;
  background-color: #fff;
  box-shadow: none;
}
.storemanager .select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 1px 10px;
}
.storemanager .select2-container .select2-selection--multiple .select2-search__field {
  border: 0;
  color: #6c757d;
}
.storemanager .select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #6658dd;
  border: none;
  color: #fff;
  border-radius: 3px;
  padding: 0 7px;
  margin-top: 6px;
}
.storemanager .select2-container .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  margin-right: 5px;
}
.storemanager .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}
.storemanager .select2-container .select2-search--inline .select2-search__field {
  margin-top: 7px;
}
.storemanager .pricing-container {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.storemanager .pricing-container .plan {
  width: calc(33.33% - 30px);
  padding: 15px;
  border-radius: 0.25rem;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  border: 2px solid transparent;
  border-color: #f1f5f7;
  background: #fff;
}
.storemanager .pricing-container .plan.selected {
  border: 2px solid #ff5400;
}
.storemanager .pricing-container .plan.monthly .plan-title {
  background-color: #4a81d4;
}
.storemanager .pricing-container .plan.annually .plan-title {
  background-color: #ff5400;
}
.storemanager .pricing-container .plan.custom h2 {
  font-size: 23px;
}
.storemanager .pricing-container .plan .plan-title {
  margin-right: -15px;
  margin-left: -15px;
  margin-top: -15px;
  padding: 20px 15px;
  color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.storemanager .pricing-container .plan ul li {
  line-height: 30px;
}
.storemanager .pricing-container .plan.col-2 {
  width: calc(50% - 30px);
}
.storemanager .add-product-btns a {
  transition: 0.3s all ease-in-out;
}
.storemanager .add-product-btns a:hover {
  background: #f1f5f7;
}
.storemanager div.dataTables_info {
  display: inline-flex;
}
.storemanager div.dataTables_filter,
.storemanager div.dataTables_paginate {
  display: inline-flex;
  float: right;
}
.storemanager .media-images-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
}
.storemanager .media-images-container .img-block {
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
  border: 1px dashed #101114;
  align-items: center;
  width: calc(25% - 30px);
  max-width: 150px;
  height: 150px;
  margin-bottom: 30px;
  border-radius: 8px;
  position: relative;
  justify-content: flex-end;
  flex-direction: column;
}
.storemanager .media-images-container .img-block img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.storemanager .media-images-container .img-block .badge {
  position: absolute;
  top: 10px;
  right: 1px;
  z-index: 2;
}
.storemanager .media-images-container .img-block .spinner-border {
  position: absolute;
  top: 50%;
  left: 35%;
  z-index: 10;
}
.storemanager .media-images-container .img-block .image-actions {
  display: none;
}
.storemanager .media-images-container .img-block:hover .image-actions {
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 999;
}
.storemanager .media-images-container .img-block.main-img {
  background: url("/static/images/shop-icons/media-upload.svg") no-repeat;
  background-position: center;
}
.storemanager .media-images-container .img-block.alt-img-1 {
  background: url("/static/images/shop-icons/media-icon-1.svg") no-repeat;
  background-position: center;
  background-size: 60px 60px;
}
.storemanager .media-images-container .img-block.alt-img-2 {
  background: url("/static/images/shop-icons/media-icon-2.svg") no-repeat;
  background-position: center;
  background-size: 60px 60px;
}
.storemanager .media-images-container .img-block.alt-img-3 {
  background: url("/static/images/shop-icons/media-icon-3.svg") no-repeat;
  background-position: center;
  background-size: 60px 60px;
}
.storemanager .media-images-container .img-block.alt-img-4 {
  background: url("/static/images/shop-icons/media-icon-4.svg") no-repeat;
  background-position: center;
  background-size: 60px 60px;
}
.storemanager .media-images-container .img-block.alt-img-5 {
  background: url("/static/images/shop-icons/media-icon-5.svg") no-repeat;
  background-position: center;
  background-size: 60px 60px;
}
.storemanager .media-images-container .img-block.alt-img-6 {
  background: url("/static/images/shop-icons/media-icon-6.svg") no-repeat;
  background-position: center;
  background-size: 60px 60px;
}
.storemanager .media-images-container .img-block.alt-img-7 {
  background: url("/static/images/shop-icons/media-icon-7.svg") no-repeat;
  background-position: center;
  background-size: 60px 60px;
}
.storemanager .media-images-container .img-block.alt-img-8 {
  background: url("/static/images/shop-icons/media-icon-8.svg") no-repeat;
  background-position: center;
  background-size: 60px 60px;
}
.storemanager .media-images-container .img-block:hover, .storemanager .media-images-container .img-block:focus {
  cursor: pointer;
}
.storemanager .manage-collection .ms-container {
  width: 100%;
}

.shop-analytics .report-blocks {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.shop-analytics .report-blocks .card {
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(100% - 30px);
}
@media (min-width: 768px) {
  .shop-analytics .report-blocks .card {
    width: calc(50% - 30px);
  }
}
@media (min-width: 992px) {
  .shop-analytics .report-blocks .card {
    width: calc(33.33% - 30px);
  }
}

.promote-block-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.promote-block-container .promote-block {
  margin-left: 15px;
  margin-right: 15px;
  width: calc(100% - 30px);
  padding: 15px;
  margin-bottom: 30px;
  border-bottom: 3px solid transparent;
}
@media (min-width: 768px) {
  .promote-block-container .promote-block {
    width: calc(25% - 30px);
  }
}
.promote-block-container .promote-block:hover {
  border-bottom: 3px solid #ff5400;
  color: #ff5400;
}
.promote-block-container .promote-block:hover h4 {
  color: #ff5400;
}

.snap-stat-container {
  display: flex;
  flex-direction: row;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.snap-stat-container .snap-stat {
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .snap-stat-container .snap-stat {
    width: calc(25% - 30px);
  }
}
@media (min-width: 968px) {
  .snap-stat-container .snap-stat {
    width: calc(20% - 30px);
  }
}

.theme-in-use {
  max-height: 320px;
  position: relative;
  overflow: hidden;
}

.themes-block-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.themes-block-container .theme-block {
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}
.themes-block-container .theme-block .theme-desc {
  background: #fff;
}
.themes-block-container .theme-block .theme-img {
  position: relative;
  overflow: hidden;
  max-height: 250px;
}
.themes-block-container .theme-block .theme-img img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.themes-block-container .theme-block .theme-img .theme-overlay {
  width: 100%;
  height: 300px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
}
.themes-block-container .theme-block .theme-img:hover .theme-overlay {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.themes-block-container .theme-block .theme-img:hover .theme-overlay .btn {
  margin-bottom: 10px;
  max-width: 160px;
}
@media (min-width: 768px) {
  .themes-block-container .theme-block {
    width: calc(25% - 30px);
  }
}

.shops-app-store .app-cards .card {
  min-height: 300px;
}
.settings-block-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.settings-block-container .settings-block {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  width: calc(100% - 30px);
  background: #fff;
  border-bottom: 3px solid transparent;
}
.settings-block-container .settings-block:hover {
  border-bottom: 3px solid #ff5400;
}
@media (min-width: 768px) {
  .settings-block-container .settings-block {
    width: calc(25% - 30px);
  }
}

.shop-team .container-re {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.shop-team .container-re .radio-team {
  width: calc(100% - 30px);
  margin-right: 15px;
  margin-left: 15px;
  padding: 20px;
  text-align: center;
  align-items: flex-start;
}
.shop-team .container-re .radio-team .team-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
}
.shop-team .container-re .radio-team .team-icon.admin {
  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}
.shop-team .container-re .radio-team .team-icon.account_manager {
  background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}
.shop-team .container-re .radio-team .team-icon.staff {
  background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}
.shop-team .container-re .radio-team .team-icon.read_only {
  background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
}
.shop-team .container-re .radio-team .team-icon i {
  color: #fff;
}
@media (min-width: 768px) {
  .shop-team .container-re .radio-team {
    width: calc(25% - 30px);
  }
}

.marketplace {
  background: #fff;
}
.marketplace .right-bar {
  margin-top: 70px;
}
.marketplace .btn-yellow {
  background-color: #ff8f00;
  border-color: #ff8f00;
}
.marketplace .btn-yellow:hover {
  background: #101114;
  color: #fff !important;
}
.marketplace .btn-yellow:focus, .marketplace .btn-yellow.active {
  box-shadow: none;
}
.marketplace a {
  transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.marketplace a:hover {
  color: #ff5400;
}
.marketplace a.text-muted:hover {
  color: #ff5400 !important;
}
.marketplace .card .card-header {
  border-radius: calc(0.625rem - 1px) calc(0.625rem - 1px) 0 0 !important;
}
.marketplace .wrapper {
  padding-bottom: 250px;
}
.marketplace .banner-header-panels {
  position: relative;
  z-index: 40;
}
.marketplace .banner-header-panels h4 {
  font-size: 1.25rem;
  font-family: "AvenirLTPro-Light";
}
.marketplace .banner-header-panels .d-flex {
  margin-right: -15px;
  margin-left: -15px;
}
.marketplace .banner-header-panels .hb-blocks {
  margin-right: 15px;
  margin-left: 15px;
  width: calc(100% - 30px);
  margin-bottom: 30px;
}
.marketplace .banner-header-panels .hb-blocks .ph-block {
  background: #fff;
}
@media (min-width: 576px) {
  .marketplace .banner-header-panels .hb-blocks {
    width: calc(50% - 30px);
  }
}
@media (min-width: 768px) {
  .marketplace .banner-header-panels .hb-blocks {
    width: calc(25% - 30px);
  }
}
.marketplace .banner-header-panels .hb-blocks .wishlist-slider .owl-buttons {
  opacity: 1;
  display: block;
}
.marketplace .banner-header-panels .hb-blocks .wishlist-slider .owl-buttons.disabled {
  display: none;
}
.marketplace .banner-header-panels .hb-blocks .wishlist-slider .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  width: 22px;
  height: 22px;
  text-align: center;
}
.marketplace .banner-header-panels .hb-blocks .wishlist-slider .owl-buttons a {
  background: #fff;
  border: 1px solid #D7DFE9;
  color: #101114;
  margin: 0;
  position: absolute;
  z-index: 5;
  cursor: pointer;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 0;
}
.marketplace .banner-header-panels .hb-blocks .wishlist-slider .owl-buttons .owl-prev {
  left: 10px;
  position: absolute;
  bottom: -10px;
}
.marketplace .banner-header-panels .hb-blocks .wishlist-slider .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.marketplace .banner-header-panels .hb-blocks .wishlist-slider .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.marketplace .banner-header-panels .hb-blocks .wishlist-slider .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  font-weight: 900;
  line-height: 22px;
  text-transform: none;
}
.marketplace .banner-header-panels .hb-blocks .wishlist-slider .owl-buttons .owl-next {
  left: 32px;
  position: absolute;
  bottom: -10px;
}
.marketplace .banner-header-panels .hb-blocks .wishlist-slider .owl-buttons .owl-next a {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.marketplace .banner-header-panels .hb-blocks .wishlist-slider .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.marketplace .banner-header-panels .hb-blocks .wishlist-slider .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  font-weight: 900;
  line-height: 22px;
  text-transform: none;
}
.marketplace .banner-header-panels .hb-blocks .deals-slider .owl-buttons {
  opacity: 1;
  display: block;
}
.marketplace .banner-header-panels .hb-blocks .deals-slider .owl-buttons.disabled {
  display: none;
}
.marketplace .banner-header-panels .hb-blocks .deals-slider .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  width: 22px;
  height: 22px;
  text-align: center;
}
.marketplace .banner-header-panels .hb-blocks .deals-slider .owl-buttons a {
  background: #fff;
  border: 1px solid #D7DFE9;
  color: #101114;
  margin: 0;
  position: absolute;
  z-index: 5;
  cursor: pointer;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 0;
}
.marketplace .banner-header-panels .hb-blocks .deals-slider .owl-buttons .owl-prev {
  left: 10px;
  position: absolute;
  bottom: 0px;
}
.marketplace .banner-header-panels .hb-blocks .deals-slider .owl-buttons .owl-prev a {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background-position: 0 100%;
}
.marketplace .banner-header-panels .hb-blocks .deals-slider .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.marketplace .banner-header-panels .hb-blocks .deals-slider .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  font-weight: 900;
  line-height: 22px;
  text-transform: none;
}
.marketplace .banner-header-panels .hb-blocks .deals-slider .owl-buttons .owl-next {
  left: 32px;
  position: absolute;
  bottom: 0px;
}
.marketplace .banner-header-panels .hb-blocks .deals-slider .owl-buttons .owl-next a {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.marketplace .banner-header-panels .hb-blocks .deals-slider .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.marketplace .banner-header-panels .hb-blocks .deals-slider .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  font-weight: 900;
  line-height: 22px;
  text-transform: none;
}
.marketplace .bestsellers .owl-carousel .owl-item {
  backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
}
.marketplace .bestsellers .top-shops .list-inline li {
  vertical-align: middle;
}
.marketplace .bestsellers .products-grid {
  padding: 10px 5px;
  max-width: 100%;
}
.marketplace .bestsellers .products-grid .item {
  margin-bottom: 5px !important;
  min-width: 192px;
}
.marketplace .bestsellers .products-grid .item .sale-label {
  background: #323a46 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
}
.marketplace .bestsellers .products-grid .item .item-inner {
  background: #fff;
  overflow: hidden;
  padding: 3px 3px 10px;
  position: relative;
  text-align: center;
  box-shadow: none;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img {
  margin: 0 auto;
  position: relative;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info {
  position: relative;
  text-align: center;
  transition: all 0.3s ease-out 0s;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info .box-hover {
  float: right;
  left: -100%;
  margin-top: -76px;
  position: absolute;
  text-align: left;
  top: 55%;
  z-index: 10;
  transition: all 0.3s ease-out 0s;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div {
  margin: 3px 0;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 0;
  font-weight: 700;
  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a span {
  order: 2;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:after {
  background: #fff none repeat scroll 0 0;
  border-radius: 999px;
  color: #98a6ad;
  content: "";
  order: 1;
  font-family: "Font Awesome 5 Pro";
  font-size: 11px;
  height: 40px;
  text-align: center;
  width: 40px;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-quickview::after {
  content: "\f002";
  font-weight: 900;
  font-size: 15px;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-wishlist::after {
  content: "\f004";
  font-size: 13px;
  font-weight: 400;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-wishlist.active::after {
  content: "\f004";
  font-size: 13px;
  font-weight: 900;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-cart::after {
  content: "\f217";
  font-size: 13px;
  font-weight: 900;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:hover {
  background: #98a6ad none repeat scroll 0 0;
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  margin: 0 10px 0 0;
  padding-right: 15px;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:hover:after {
  background: #98a6ad none repeat scroll 0 0;
  color: #fff;
  margin-right: 15px;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info a.product-image {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info a.product-image img {
  max-width: 100%;
  transform: translateZ(0px);
  transition-duration: 500ms;
  transition-property: transform;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info a.product-image:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.4s ease-out 0.2s;
  width: 100%;
  z-index: 1;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-img .item-img-info a.product-image:hover img {
  transform: scale(1.2);
}
.marketplace .bestsellers .products-grid .item .item-inner .item-info .info-inner {
  border-top: medium none;
  padding: 0 10px;
  text-align: left;
  transition: all 0.3s ease-out 0s;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-info .info-inner .item-title {
  font-size: 14px;
  margin-bottom: 3px;
  overflow: hidden;
  padding-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-info .info-inner .item-title a {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}
.marketplace .bestsellers .products-grid .item .item-inner .item-info .info-inner .item-title p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.marketplace .bestsellers .products-grid .item .item-inner:hover .item-img .box-hover {
  left: 10px;
}
.marketplace .bestsellers .products-grid .item .action {
  margin-top: 10px;
}
.marketplace .bestsellers .products-grid .item .rating {
  vertical-align: middle;
  padding-top: 1px;
}
.marketplace .bestsellers .products-grid .item .rating .ratings {
  display: inline-block;
  overflow: visible;
  text-align: center;
  transition: all 300ms ease-in-out 0s;
  z-index: 1;
}
.marketplace .bestsellers .products-grid .item .rating .ratings .rating i {
  font-size: 0.7em;
}
.marketplace .bestsellers .products-grid .item .merchant li {
  color: #f7f7f7;
  font-size: 10px;
  vertical-align: middle;
}
.marketplace .bestsellers .products-grid .item .merchant li a {
  color: #f7f7f7;
  font-size: 10px;
  text-decoration: underline;
}
.marketplace .bestsellers .products-grid .item .item-price {
  vertical-align: middle;
}
.marketplace .bestsellers .products-grid .item .item-price .price-box {
  color: #323a46;
  font-size: 18px;
  font-weight: bold;
  margin: 3px 0 15px;
  min-height: 20px;
  font-family: "AvenirNextLTPro-Demi";
}
.marketplace .bestsellers .products-grid .item .item-price .price-box del {
  border: medium none;
  color: #999;
  display: block;
  margin: -10px 0 0;
  font-size: 14px;
}
.marketplace .bestsellers .products-grid .item .item-price .price-box del .amount {
  color: #999;
  font-size: 13px;
  font-weight: normal;
}
.marketplace .bestsellers .products-grid .item .item-price .price-box ins {
  border: medium none;
  text-decoration: none;
}
.marketplace .bestsellers .products-grid .item .item-price .price-box ins ins .amount {
  color: #323a46;
  margin-left: 5px;
}
.marketplace .bestsellers .products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
  left: 0;
  margin: 0;
  opacity: 0.8;
  top: 0;
}
.marketplace .bestsellers .products-grid hr {
  border-color: #f1f5f7;
}
.marketplace .bestsellers .products-grid:hover .owl-buttons {
  display: block;
}
.marketplace .bestsellers .products-grid .owl-buttons {
  opacity: 1;
  display: none;
}
.marketplace .bestsellers .products-grid .owl-buttons.disabled {
  display: none;
}
.marketplace .bestsellers .products-grid .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  width: 64px;
  height: 64px;
  text-align: center;
}
.marketplace .bestsellers .products-grid .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #101114;
  margin: 0;
  position: absolute;
  z-index: 5;
  cursor: pointer;
  width: 64px;
  height: 64px;
  text-align: center;
  border-radius: 100%;
}
.marketplace .bestsellers .products-grid .owl-buttons .owl-prev {
  left: -32px;
  position: absolute;
  top: 40%;
}
.marketplace .bestsellers .products-grid .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.marketplace .bestsellers .products-grid .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.marketplace .bestsellers .products-grid .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 34px;
  font-weight: 900;
  line-height: 64px;
  text-transform: none;
}
.marketplace .bestsellers .products-grid .owl-buttons .owl-next {
  right: -32px;
  position: absolute;
  top: 40%;
}
.marketplace .bestsellers .products-grid .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.marketplace .bestsellers .products-grid .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 34px;
  font-weight: 900;
  line-height: 64px;
  text-transform: none;
}
.marketplace .bestsellers .owl-theme .owl-controls {
  width: 22px;
  right: 28px;
  top: -9.5%;
  margin-top: 15px;
  position: absolute;
  text-align: center;
}
.marketplace .bestsellers .owl-theme .owl-controls .owl-buttons {
  opacity: 1;
}
.marketplace .bestsellers .owl-theme .owl-controls .owl-buttons div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin: 5px;
  opacity: 1;
  padding: 3px 10px;
}
.marketplace .bestsellers .owl-theme .owl-controls .owl-buttons a {
  background: inherit;
  border: medium none;
  color: #72747b;
  display: block;
  height: 25px;
  margin: 0 0 0 -30px;
  position: absolute;
  top: -10px;
  width: 35px;
  z-index: 5;
  cursor: pointer;
}
.marketplace .bestsellers .owl-theme .owl-controls .owl-buttons .owl-prev {
  left: -10px;
  position: absolute;
  right: 18px;
  top: -20.5%;
}
.marketplace .bestsellers .owl-theme .owl-controls .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.marketplace .bestsellers .owl-theme .owl-controls .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  text-transform: none;
}
.marketplace .bestsellers .owl-theme .owl-controls .owl-buttons .owl-next {
  right: -30px;
  position: absolute;
  top: -20.5%;
}
.marketplace .bestsellers .owl-theme .owl-controls .owl-buttons .owl-next a {
  border-left: 4px double #72747b;
}
.marketplace .bestsellers .owl-theme .owl-controls .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  text-transform: none;
}
.marketplace .bestsellers .collections-grid .owl-stage-outer {
  padding-bottom: 15px;
}
.marketplace .bestsellers .collections-grid .item {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  background: #fff;
  width: 100%;
}
.marketplace .bestsellers .collections-grid .item .collection-img {
  height: 200px;
  overflow: hidden;
}
.marketplace .bestsellers .collections-grid .item .collection-img img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  width: 100%;
  min-height: 200px;
}
.marketplace .bestsellers .collections-grid .item .collection-name-wrapper {
  display: block;
  padding: 0 15px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace .bestsellers .collections-grid .item .collection-name-wrapper .collection-name {
  color: #101114;
  font-size: 16px;
  font-weight: 300;
  margin: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.marketplace .bestsellers .collections-grid .item .collection-name-wrapper small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace .bestsellers .collections-grid .item .collection-name-wrapper:hover {
  color: #ff5400;
}
.marketplace .bestsellers .collections-grid .item .collection-name-wrapper:hover .collection-name {
  color: #ff5400;
  cursor: pointer;
}
.marketplace .bestsellers .collections-grid:hover .owl-buttons {
  display: block;
}
.marketplace .bestsellers .collections-grid .owl-buttons {
  opacity: 1;
  display: none;
}
.marketplace .bestsellers .collections-grid .owl-buttons.disabled {
  display: none;
}
.marketplace .bestsellers .collections-grid .owl-buttons:hover {
  opacity: 1;
}
.marketplace .bestsellers .collections-grid .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
  border-radius: 100%;
  width: 64px;
  height: 64px;
  text-align: center;
}
.marketplace .bestsellers .collections-grid .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #ff5400;
  margin: 0;
  position: absolute;
  top: -10px;
  z-index: 5;
  cursor: pointer;
  width: 64px;
  height: 64px;
  text-align: center;
  border-radius: 100%;
}
.marketplace .bestsellers .collections-grid .owl-buttons .owl-prev {
  left: -32px;
  position: absolute;
  top: 50%;
}
.marketplace .bestsellers .collections-grid .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.marketplace .bestsellers .collections-grid .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.marketplace .bestsellers .collections-grid .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 34px;
  font-weight: 900;
  line-height: 64px;
  text-transform: none;
}
.marketplace .bestsellers .collections-grid .owl-buttons .owl-next {
  right: -32px;
  position: absolute;
  top: 50%;
}
.marketplace .bestsellers .collections-grid .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.marketplace .bestsellers .collections-grid .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 34px;
  font-weight: 900;
  line-height: 64px;
  text-transform: none;
}
.marketplace .trending-stores .shops-grid .item {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background: #fff;
  border-radius: 0.25rem;
  height: 250px;
  margin: 0 0 20px;
  position: relative;
  border-bottom: 3px solid transparent;
}
.marketplace .trending-stores .shops-grid .item .store-home-block {
  display: flex;
  flex-direction: column;
  height: 250px;
}
.marketplace .trending-stores .shops-grid .item .store-home-block .store-background {
  height: 95px;
  margin-bottom: -40px;
  overflow: hidden;
  text-align: center;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.marketplace .trending-stores .shops-grid .item .store-home-block .store-background img {
  display: inline-block;
  margin: 0 -100px;
  width: auto;
  height: 100%;
}
.marketplace .trending-stores .shops-grid .item .store-home-block .store-block-content {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.marketplace .trending-stores .shops-grid .item .store-home-block .store-logo {
  width: 33.33%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.marketplace .trending-stores .shops-grid .item .store-home-block .store-logo img {
  background-color: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 80px;
}
.marketplace .trending-stores .shops-grid .item .store-home-block .store-name-wrapper {
  width: 66.67%;
  display: block;
}
.marketplace .trending-stores .shops-grid .item .store-home-block .store-name-wrapper .store-name {
  color: #101114;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  padding-right: 15px;
}
.marketplace .trending-stores .shops-grid .item .store-products {
  position: absolute;
  z-index: 2;
  text-align: center;
  height: 80px;
  width: 100%;
  margin: -100px auto 0;
}
.marketplace .trending-stores .shops-grid .item .store-products a {
  border: 1px solid #eee;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: inline-block;
  height: 80px;
  margin: 5px;
  overflow: hidden;
  width: 80px;
}
.marketplace .trending-stores .shops-grid .item .store-products a img {
  height: 80px;
  width: 80px;
}
.marketplace .trending-stores .shops-grid .item:hover {
  border-bottom: 3px solid #101114;
}
.marketplace .trending-stores .shops-grid:hover .owl-buttons {
  display: block;
}
.marketplace .trending-stores .shops-grid .owl-buttons {
  opacity: 0;
  display: none;
}
.marketplace .trending-stores .shops-grid .owl-buttons.disabled {
  display: none;
}
.marketplace .trending-stores .shops-grid .owl-buttons:hover {
  opacity: 1;
}
.marketplace .trending-stores .shops-grid .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
  border-radius: 100%;
  width: 64px;
  height: 64px;
  text-align: center;
}
.marketplace .trending-stores .shops-grid .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #101114;
  margin: 0;
  position: absolute;
  top: -10px;
  z-index: 5;
  cursor: pointer;
  width: 64px;
  height: 64px;
  text-align: center;
  border-radius: 100%;
}
.marketplace .trending-stores .shops-grid .owl-buttons .owl-prev {
  left: -32px;
  position: absolute;
  top: 40%;
}
.marketplace .trending-stores .shops-grid .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.marketplace .trending-stores .shops-grid .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.marketplace .trending-stores .shops-grid .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 34px;
  font-weight: 900;
  line-height: 64px;
  text-transform: none;
}
.marketplace .trending-stores .shops-grid .owl-buttons .owl-next {
  right: -32px;
  position: absolute;
  top: 40%;
}
.marketplace .trending-stores .shops-grid .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.marketplace .trending-stores .shops-grid .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 34px;
  font-weight: 900;
  line-height: 64px;
  text-transform: none;
}
.marketplace .full-sell.bg-orange {
  background: url(/media/images/new/marketplace/shops-footer-bg.jpg) #ff5400 center center no-repeat fixed;
  background-size: cover;
}
.marketplace .full-sell .icon-container {
  width: 117px;
  height: 117px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.marketplace .full-sell .icon-container img {
  max-height: 68px;
}
.marketplace .full-sell .icon-container.com {
  background: linear-gradient(180deg, #FDE7E9 0%, #FCD5D7 100%);
}
.marketplace .full-sell .icon-container.bus {
  background: linear-gradient(180deg, #E2F9F9 0%, #C0F1F2 100%);
}
.marketplace .full-sell .icon-container.exp {
  background: linear-gradient(180deg, #FFF8EC 0%, #FFEFD4 100%);
}
.marketplace .sell-block {
  font-weight: 300;
  letter-spacing: 0.5px;
  display: flex;
  flex-wrap: wrap;
  margin-right: -7.5px;
  margin-left: -7.5px;
}
.marketplace .sell-block a {
  display: block;
  position: relative;
}
.marketplace .sell-block .banner-left {
  margin-left: 7.5px;
  margin-right: 7.5px;
  width: calc(50% - 15px);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.marketplace .sell-block .banner-left a {
  background: #fff;
  display: block;
  position: relative;
}
.marketplace .sell-block .banner-left a img {
  width: 100%;
  max-height: 480px;
}
.marketplace .sell-block .banner-left a .slot-1 {
  color: #ff5400;
  font-size: 16px;
  margin-bottom: 10px;
}
.marketplace .sell-block .banner-left a .slot-2 {
  color: #323a46;
  font-size: 30px;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .marketplace .sell-block .banner-left {
    width: calc(100% - 15px);
  }
}
.marketplace .sell-block .banner-right {
  margin-right: 7.5px;
  margin-left: 7.5px;
  width: calc(50% - 15px);
}
@media (max-width: 768px) {
  .marketplace .sell-block .banner-right {
    width: calc(100% - 15px);
  }
}
.marketplace .sell-block .banner-right .small-block-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -7.5px;
  margin-left: -7.5px;
}
.marketplace .sell-block .banner-right .small-block-container .small-block {
  margin-right: 7.5px;
  margin-left: 7.5px;
  width: calc(50% - 15px);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 468px) {
  .marketplace .sell-block .banner-right .small-block-container .small-block {
    width: calc(100% - 15px);
  }
}
.marketplace .sell-block .banner-right .small-block-container .small-block:last-child {
  margin-right: 0;
}
.marketplace .sell-block .banner-right .small-block-container a {
  background: #fff;
  display: block;
  position: relative;
}
.marketplace .sell-block .banner-right .small-block-container a img {
  width: 100%;
  height: 181px;
}
.marketplace .shops-block-2 {
  background: url("/media/images/new/marketplace/essentials-bg.jpg") no-repeat;
  background-size: cover;
  min-height: 500px;
  position: relative;
}
.marketplace .shops-block-2 .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.marketplace .shops-block-2 .container {
  position: relative;
  z-index: 2;
}
.marketplace .shops-block-2 .container h1 {
  color: #fff;
  font-size: 50px;
  line-heoght: 50px;
}
.marketplace .shops-block-2 .container h4 {
  color: #fff;
}
.marketplace .shops-block-2 .container ul a, .marketplace .shops-block-2 .container li a {
  color: #fff;
  text-decoration: underline;
}
.marketplace .shops-block-2 .container .random-block-container {
  display: flex;
  flex-wrap: wrap;
}
.marketplace .shops-block-2 .container .random-block-container .random-block {
  display: block;
  width: 50%;
  position: relative;
  padding-right: 50px;
  padding-bottom: 40px;
}
.marketplace .shops-block-2 .container .random-block-container .random-block:nth-child(2n) {
  padding-left: 0;
  padding-top: 80px;
}
.marketplace .shops-block-2 .container .random-block-container .random-block:nth-child(3) {
  margin-top: -80px;
}
.marketplace .shops-block-2 .container .random-block-container .random-block:nth-child(4) {
  margin-top: -80px;
}
.marketplace .shops-block-2 .container .random-block-container .random-block .card p {
  line-height: 30px;
}
.marketplace .shops-block-2 .container .random-block-container .random-block .card:hover {
  cursor: pointer;
  background: #ff5400;
}
.marketplace .shops-block-2 .container .random-block-container .random-block .card:hover h3, .marketplace .shops-block-2 .container .random-block-container .random-block .card:hover p {
  color: #323a46;
}
.marketplace .category-container {
  display: flex;
  flex-flow: column wrap;
  margin-left: -15px;
  width: 100%;
}
.marketplace .category-container .category {
  margin: 0 0 30px 30px;
  position: relative;
}
.marketplace .category-browse .products-grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.marketplace .category-browse .products-grid .item {
  width: calc(20% - 10px);
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
  border-radius: 0.25rem;
}
@media (max-width: 1100px) {
  .marketplace .category-browse .products-grid .item {
    width: calc(25% - 10px);
  }
}
@media (max-width: 768px) {
  .marketplace .category-browse .products-grid .item {
    width: calc(33.33% - 10px);
  }
}
@media (max-width: 468px) {
  .marketplace .category-browse .products-grid .item {
    width: calc(100% - 10px);
  }
}
.marketplace .category-browse .products-grid .item .sale-label {
  background: #323a46 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 13px;
  padding: 3px 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
}
.marketplace .category-browse .products-grid .item .item-inner {
  background: #fff;
  overflow: hidden;
  padding: 3px 3px 10px;
  position: relative;
  text-align: center;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img {
  margin: 0 auto;
  position: relative;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info {
  position: relative;
  text-align: center;
  transition: all 0.3s ease-out 0s;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info .box-hover {
  float: right;
  left: -100%;
  margin-top: -76px;
  position: absolute;
  text-align: left;
  top: 55%;
  z-index: 10;
  transition: all 0.3s ease-out 0s;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div {
  margin: 3px 0;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 0;
  font-weight: 700;
  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a span {
  order: 2;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:after {
  background: #fff none repeat scroll 0 0;
  border-radius: 999px;
  color: #98a6ad;
  content: "";
  order: 1;
  font-family: "Font Awesome 5 Pro";
  font-size: 11px;
  height: 40px;
  text-align: center;
  width: 40px;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-quickview::after {
  content: "\f002";
  font-weight: 900;
  font-size: 15px;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-wishlist::after {
  content: "\f004";
  font-size: 13px;
  font-weight: 400;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-wishlist.active::after {
  content: "\f004";
  font-size: 13px;
  font-weight: 900;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-cart::after {
  content: "\f217";
  font-size: 13px;
  font-weight: 900;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:hover {
  background: #98a6ad none repeat scroll 0 0;
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  margin: 0 10px 0 0;
  padding-right: 15px;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:hover:after {
  background: #98a6ad none repeat scroll 0 0;
  color: #fff;
  margin-right: 15px;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info a.product-image {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info a.product-image img {
  max-width: 100%;
  transform: translateZ(0px);
  transition-duration: 500ms;
  transition-property: transform;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info a.product-image:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.4s ease-out 0.2s;
  width: 100%;
  z-index: 1;
}
.marketplace .category-browse .products-grid .item .item-inner .item-img .item-img-info a.product-image:hover img {
  transform: scale(1.2);
}
.marketplace .category-browse .products-grid .item .item-inner .item-info .info-inner {
  border-top: medium none;
  padding: 0 10px;
  text-align: left;
  transition: all 0.3s ease-out 0s;
}
.marketplace .category-browse .products-grid .item .item-inner .item-info .info-inner .item-title {
  font-size: 14px;
  margin-bottom: 3px;
  overflow: hidden;
  padding-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace .category-browse .products-grid .item .item-inner .item-info .info-inner .item-title a {
  font-weight: bold;
  text-decoration: none;
}
.marketplace .category-browse .products-grid .item .item-inner .item-info .info-inner .item-title p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.marketplace .category-browse .products-grid .item .item-inner:hover .item-img .box-hover {
  left: 10px;
}
.marketplace .category-browse .products-grid .item .action {
  margin-top: 10px;
}
.marketplace .category-browse .products-grid .item .rating {
  vertical-align: middle;
  padding-top: 1px;
}
.marketplace .category-browse .products-grid .item .rating .ratings {
  display: inline-block;
  overflow: visible;
  text-align: center;
  transition: all 300ms ease-in-out 0s;
  z-index: 1;
}
.marketplace .category-browse .products-grid .item .rating .ratings .rating i {
  font-size: 0.7em;
}
.marketplace .category-browse .products-grid .item .merchant li {
  color: #ced4da;
  font-size: 10px;
  vertical-align: middle;
}
.marketplace .category-browse .products-grid .item .merchant li a {
  color: #ced4da;
  font-size: 10px;
  text-decoration: underline;
}
.marketplace .category-browse .products-grid .item .item-price {
  vertical-align: middle;
}
.marketplace .category-browse .products-grid .item .item-price .price-box {
  color: #323a46;
  font-size: 14px;
  font-weight: bold;
  margin: 3px 0 15px;
  min-height: 20px;
}
.marketplace .category-browse .products-grid .item .item-price .price-box del {
  border: medium none;
  color: #999;
  display: block;
  margin: -10px 0 0;
}
.marketplace .category-browse .products-grid .item .item-price .price-box del .amount {
  color: #999;
  font-size: 13px;
  font-weight: normal;
}
.marketplace .category-browse .products-grid .item .item-price .price-box ins {
  border: medium none;
  text-decoration: none;
}
.marketplace .category-browse .products-grid .item .item-price .price-box ins ins .amount {
  color: #101114;
  margin-left: 5px;
}
.marketplace .category-browse .products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
  left: 0;
  margin: 0;
  opacity: 0.8;
  top: 0;
}
.marketplace .category-browse .listView .products-grid {
  flex-direction: column;
}
.marketplace .category-browse .listView .products-grid .item {
  width: calc(100% - 10px);
}
.marketplace .category-browse .listView .products-grid .item .item-inner {
  display: flex;
  flex-direction: row;
}
.marketplace .category-browse .listView .products-grid .item .item-inner .item-img {
  width: 20%;
}
.marketplace .category-browse .listView .products-grid .item .item-inner .item-info {
  width: 80%;
}
.marketplace .right-side-panel .store {
  border-bottom: 1px solid #f1f5f7;
  padding-bottom: 10px;
  padding-top: 10px;
}
.marketplace .right-side-panel .store:first-child {
  padding-top: 0;
}
.marketplace .right-side-panel .store:last-child {
  border-bottom: none;
}
.marketplace .right-side-panel .store .store-top ul {
  margin-right: -5px;
}
.marketplace .right-side-panel .store .store-top ul li {
  vertical-align: top;
  padding-left: 0;
  padding-right: 1px;
}
.marketplace .right-side-panel .store .store-top ul li h6 {
  max-width: 95px;
  overflow: hidden;
  max-height: 15px;
}
.marketplace .right-side-panel .store .store-bottom ul {
  margin-right: -5px;
}
.marketplace .right-side-panel .store .store-bottom ul li {
  width: 23.8%;
  padding-left: 0;
  padding-right: 1px;
}
.marketplace .category-block-holder {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.marketplace .category-block-holder .category-block {
  width: calc(16.667% - 30px);
  text-align: center;
  border-radius: 0.1rem;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px;
  padding: 0;
}
@media (max-width: 768px) {
  .marketplace .category-block-holder .category-block {
    width: calc(33.33% - 30px);
  }
}
@media (max-width: 468px) {
  .marketplace .category-block-holder .category-block {
    width: calc(100% - 30px);
  }
}
.marketplace .category-block-holder .category-block img {
  width: 100%;
}
.marketplace #sell_slider {
  background: #ffca03;
}
.marketplace .sell-page-block {
  min-height: 600px;
}
.marketplace .sell-page-block h1 {
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
}
.marketplace .sell-page-block p {
  font-size: 18px;
  line-height: 22px;
}
.marketplace .sell-page-block ul li {
  font-size: 18px;
  line-height: 22px;
}
.marketplace .sell-page-block.sell-block-3 {
  background: url("/static/images/site/general/store-themes-img.png") 100% 30% #fff no-repeat;
}
.marketplace .sell-page-block.sell-block-4 {
  background: url("/static/images/site/general/sell-with-ease-img.png") 0% 30% #fff no-repeat;
}
.marketplace .sell-page-block.sell-block-5 {
  background: url("/static/images/site/general/page-store-analytics.png") 100% 30% #fff no-repeat;
}
@media (max-width: 768px) {
  .marketplace .sell-page-block.sell-block-3, .marketplace .sell-page-block.sell-block-4, .marketplace .sell-page-block.sell-block-5 {
    background-image: none;
  }
}
.marketplace .sell-features .sell-features-container {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
}
.marketplace .sell-features .sell-features-container .feature {
  width: calc(33.33% - 30px);
  padding: 0 15px;
}
@media (max-width: 768px) {
  .marketplace .sell-features .sell-features-container .feature {
    width: calc(50% - 30px);
  }
}
@media (max-width: 468px) {
  .marketplace .sell-features .sell-features-container .feature {
    width: calc(100% - 30px);
  }
}
.marketplace .pricing-container {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
}
.marketplace .pricing-container .price-plan {
  width: calc(33.33% - 30px);
  border: 1px solid #f1f5f7;
  border-radius: 0.25rem;
  padding: 0 15px 20px;
  margin: 0 15px;
  position: relative;
}
.marketplace .pricing-container .price-plan .best {
  position: absolute;
  top: -36px;
  width: 101%;
  margin-left: -2px;
  padding: 10px 15px;
  left: 0;
  border-top: 1px solid #f1f5f7;
  border-right: 1px solid #f1f5f7;
  border-left: 1px solid #f1f5f7;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.marketplace .testimonials li .card {
  background: url("/static/images/site/general/bg-quotes.png") no-repeat #fff 20px 0;
}
.marketplace .testimonials li .card p {
  min-height: 120px;
}
.marketplace .setup-new .plans-container {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
  align-content: center;
}
.marketplace .setup-new .plans-container .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 30px 15px;
  width: calc(20% - 30px);
  z-index: 3;
  margin-bottom: 30px;
  background: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 1200px) {
  .marketplace .setup-new .plans-container .plan {
    width: calc(33.33% - 30px);
  }
}
@media (max-width: 760px) {
  .marketplace .setup-new .plans-container .plan {
    width: calc(50% - 30px);
  }
}
@media (max-width: 460px) {
  .marketplace .setup-new .plans-container .plan {
    width: calc(100% - 30px);
  }
}
.marketplace .setup-new .plans-container .plan .pp-price {
  font-size: 50px;
  line-height: 54px;
  font-family: "AvenirNextRoundedPro-Med";
}
.marketplace .setup-new .plans-container .plan .pp-price small {
  font-size: 45%;
}
.marketplace .setup-new .plans-container .plan p span {
  text-decoration: underline;
}
.marketplace .setup-new .plans-container .plan.monthly {
  text-align: center;
}
.marketplace .setup-new .plans-container .plan.annually {
  text-align: center;
}
.marketplace .setup-new .plans-container .plan.custom {
  text-align: center;
}
.marketplace .setup-new .plans-container .plan.custom h2 {
  font-size: 24px;
}
.marketplace .all-shops .store-row {
  border-bottom: 1px solid #f1f5f7;
}
.marketplace .all-shops .store-row:last-child {
  border-bottom: none;
}
.marketplace .all-shops .store-row .store-first-letter h1 {
  margin-top: 0;
  font-weight: bold;
}
.marketplace .all-shops .store-row .stores-container {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.marketplace .all-shops .store-row .stores-container .store-block {
  width: 25%;
  background: #fff;
  border-radius: 0.25rem;
  margin: 0 10px 20px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  padding-bottom: 0;
}
.marketplace .all-shops .store-row .stores-container .store-block .store-background {
  height: 95px;
  margin-bottom: -40px;
  overflow: hidden;
  text-align: center;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.marketplace .all-shops .store-row .stores-container .store-block .store-background img {
  display: inline-block;
  margin: 0 -100px;
  width: auto;
  height: 100%;
}
.marketplace .all-shops .store-row .stores-container .store-block .store-logo {
  background-color: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 80px;
}
.marketplace .all-shops .store-row .stores-container .store-block .store-logo img {
  width: 100%;
}
.marketplace .all-shops .store-row .stores-container .store-block .store-name-wrapper {
  display: block;
}
.marketplace .all-shops .store-row .stores-container .store-block .store-name-wrapper .store-name {
  color: #101114;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin: 16px 0;
}
.marketplace .all-shops .store-row .stores-container .store-block .store-products {
  text-align: center;
  height: 74px;
}
.marketplace .all-shops .store-row .stores-container .store-block .store-products a {
  border: 1px solid #eee;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: inline-block;
  height: 70px;
  margin: 3px;
  overflow: hidden;
  width: 70px;
}
.marketplace .all-shops .store-row .stores-container .store-block .store-products a img {
  height: 70px;
  width: 70px;
}
.marketplace .all-shops .store-row .stores-container .store-block .store-action {
  text-align: center;
  margin-top: 22px;
}
.marketplace .all-shops .store-row .stores-container .store-block .store-action a {
  color: #ff5400;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  width: 100%;
  padding: 10px 8px;
  display: block;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.marketplace .all-shops .store-row .stores-container .store-block:hover .store-action a {
  background-color: #ff5400;
  color: #fff !important;
}
.marketplace .btn-outline-buy {
  background-color: transparent;
  color: #ff5400;
  border-color: #ff5400;
}
.marketplace .btn-outline-buy:hover {
  background-color: #ff5400;
  color: #fff;
}
.marketplace .store-header {
  background: #fff;
  display: block;
  position: relative;
  width: 100%;
}
.marketplace .store-header .store-cover {
  position: relative;
  max-height: 300px;
  overflow: hidden;
}
.marketplace .store-header .store-cover img {
  width: 100%;
}
.marketplace .store-header .store-cover .video-icon {
  position: absolute;
  top: 40%;
  left: 48%;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  text-align: center;
  line-height: 125px;
}
.marketplace .store-header .store-cover .video-icon i {
  color: #fff;
  left: 5px;
  position: relative;
}
.marketplace .store-header .store-details {
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-right: 15px;
  padding-left: 15px;
  background: #fff;
  filter: drop-shadow(0px 4px 15px rgba(23, 31, 70, 0.1));
  box-shadow: 0px 4px 15px rgba(23, 31, 70, 0.1);
}
.marketplace .store-header .store-details .details-wrapper {
  padding-top: 15px;
}
.marketplace .store-header .store-details .details-wrapper .store-logo {
  vertical-align: text-top;
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.marketplace .store-header .store-details .details-wrapper .store-logo img {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  width: 100%;
  max-width: 120px;
}
.marketplace .store-header .store-details .details-wrapper .store-header-details {
  vertical-align: text-top;
  display: inline-block;
  position: relative;
}
.marketplace .store-header .store-details .details-wrapper .title {
  color: #101114;
  font-size: 19px;
  font-family: "AvenirNextLTPro-Demi";
}
.marketplace .store-header .store-details .details-wrapper .store-actions {
  position: relative;
}
.marketplace .store-header .store-details .details-wrapper .store-actions .col-sm-6 {
  padding-right: 20px;
  padding-left: 20px;
}
@media (max-width: 760px) {
  .marketplace .store-header .store-details .s-det-container {
    margin-top: 35px !important;
  }
  .marketplace .store-header .store-details .s-det-container .title {
    padding-top: 10px;
  }
  .marketplace .store-header .store-details .s-det-container .store-stats {
    padding-top: 10px;
  }
  .marketplace .store-header .store-details .s-det-container .store-stats ul li {
    color: #323a46;
  }
}
.marketplace #store-statistics {
  padding: 20px;
  border: 1px solid #f1f5f7;
  position: relative;
  background: #fff;
}
.marketplace #store-statistics .store-stats-holder {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-right: -5px;
  margin-left: -5px;
}
.marketplace #store-statistics .store-stats-holder .store-stats {
  margin: 0 5px 10px;
  width: calc(25% - 10px);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stat-heading {
  padding: 10px;
  text-align: center;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stat-heading h4 {
  font-weight: 700;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stat-body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stat-body .cols {
  flex: 1.5;
  position: relative;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stat-body .cols-2 {
  padding: 0 15px;
  flex: 2;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stat-body .cols-2 .ratings-holder {
  margin: 0 auto;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stat-body .cols-2 .ratings-holder ul {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stat-body .cols-2 .ratings-holder ul li {
  vertical-align: middle;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stat-body .cols-2 .ratings-holder ul li:nth-child(2) {
  flex: 3;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stat-body .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stat-body .btn-group > .btn:last-child:not(:first-child), .marketplace #store-statistics .store-stats-holder .store-stats .store-stat-body .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stat-body .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0 !important;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stats-footer {
  margin-top: auto;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stats-footer .btn-white {
  background-color: #fff;
  color: #101114;
  border-color: #D5DAE0 !important;
  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stats-footer .btn-white:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  color: #ff5400;
}
.marketplace #store-statistics .store-stats-holder .store-stats .store-stats-footer .btn-white.active {
  color: #ff5400;
}
.marketplace .store-content {
  position: relative;
}
.marketplace .store-content .shop-menu {
  box-shadow: none;
  border-bottom: 1px solid #979797;
}
.marketplace .store-content .shop-menu a {
  color: #101114;
  padding: 8px 15px;
  margin-bottom: 0;
  border-bottom: 3px solid transparent;
}
.marketplace .store-content .shop-menu a.active, .marketplace .store-content .shop-menu a:focus, .marketplace .store-content .shop-menu a:hover {
  border-color: #101114;
  color: #101114 !important;
}
.marketplace .store-content .contact-search .product-search {
  border-width: 1px !important;
  background: #fff !important;
  color: #777 !important;
  border-radius: 0.25rem;
}
.marketplace .store-content .contact-search .product-search:focus {
  background: #fff !important;
}
.marketplace .store-content .contact-search .product-search:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #323a46;
}
.marketplace .store-content .contact-search .product-search:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #323a46;
}
.marketplace .store-content .contact-search .product-search:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: #323a46;
}
.marketplace .store-content .contact-search .product-search:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #323a46;
}
.marketplace .store-content .tab-content {
  padding: 0 15px 15px;
}
.marketplace .store-content .tab-content .item-filter li {
  position: relative;
}
.marketplace .store-content .tab-content .item-filter li a {
  padding: 8px 15px;
  display: block;
}
.marketplace .store-content .tab-content .item-filter.is_stuck {
  top: 60px !important;
  z-index: 2;
  background: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.marketplace .store-content .shop-categories-menu a {
  padding: 5px 10px;
  border-radius: 4px;
  margin-bottom: 5px;
  font-family: "AvenirNextLTPro-Medium";
}
.marketplace .store-content .shop-categories-menu a:hover, .marketplace .store-content .shop-categories-menu a.active {
  background-color: #101114;
  color: #fff;
}
.marketplace .store-content #products .products {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.marketplace .store-content #products .products .product {
  width: calc(25% - 10px);
  position: relative;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .marketplace .store-content #products .products .product {
    width: calc(33.33% - 10px);
  }
}
@media (max-width: 468px) {
  .marketplace .store-content #products .products .product {
    width: calc(100% - 10px);
  }
}
.marketplace .store-content #products .products .product .item {
  margin-bottom: 5px !important;
}
.marketplace .store-content #products .products .product .item .sale-label {
  background: #323a46 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
}
.marketplace .store-content #products .products .product .item .item-inner {
  background: #fff;
  overflow: hidden;
  padding: 3px 3px 10px;
  position: relative;
  text-align: center;
  border-radius: 4px;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img {
  margin: 0 auto;
  position: relative;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info {
  position: relative;
  text-align: center;
  transition: all 0.3s ease-out 0s;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info .box-hover {
  float: right;
  left: -100%;
  margin-top: -76px;
  position: absolute;
  text-align: left;
  top: 55%;
  z-index: 10;
  transition: all 0.3s ease-out 0s;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info .box-hover .add-to-links {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info .box-hover .add-to-links div {
  margin: 3px 0;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 0;
  font-weight: 700;
  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a span {
  order: 2;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:after {
  background: #fff none repeat scroll 0 0;
  border-radius: 999px;
  color: #98a6ad;
  content: "";
  order: 1;
  font-family: "Font Awesome 5 Pro";
  font-size: 11px;
  height: 40px;
  text-align: center;
  width: 40px;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-quickview::after {
  content: "\f002";
  font-weight: 900;
  font-size: 15px;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-wishlist::after {
  content: "\f004";
  font-size: 13px;
  font-weight: 400;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-wishlist.active::after {
  content: "\f004";
  font-size: 13px;
  font-weight: 900;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-cart::after {
  content: "\f217";
  font-size: 13px;
  font-weight: 900;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:hover {
  background: #98a6ad none repeat scroll 0 0;
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  margin: 0 10px 0 0;
  padding-right: 15px;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:hover:after {
  background: #98a6ad none repeat scroll 0 0;
  color: #fff;
  margin-right: 15px;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info a.product-image {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 300px;
  border-radius: 0.25rem;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info a.product-image img {
  max-width: 100%;
  transform: translateZ(0px);
  transition-duration: 500ms;
  transition-property: transform;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info a.product-image:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.4s ease-out 0.2s;
  width: 100%;
  z-index: 1;
}
.marketplace .store-content #products .products .product .item .item-inner .item-img .item-img-info a.product-image:hover img {
  transform: scale(1.2);
}
.marketplace .store-content #products .products .product .item .item-inner .item-info .info-inner {
  border-top: medium none;
  padding: 0 10px;
  text-align: left;
  transition: all 0.3s ease-out 0s;
}
.marketplace .store-content #products .products .product .item .item-inner .item-info .info-inner .item-title {
  font-size: 14px;
  font-family: "AvenirNextLTPro-Medium";
  margin-bottom: 3px;
  overflow: hidden;
  padding-top: 10px;
  color: #3D4D65;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace .store-content #products .products .product .item .item-inner .item-info .info-inner .item-title a {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}
.marketplace .store-content #products .products .product .item .item-inner .item-info .info-inner .item-title p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.marketplace .store-content #products .products .product .item .item-inner:hover .item-img .box-hover {
  left: 10px;
}
.marketplace .store-content #products .products .product .item .action {
  margin-top: 10px;
}
.marketplace .store-content #products .products .product .item .rating {
  display: inline-block;
  overflow: visible;
  text-align: center;
  transition: all 300ms ease-in-out 0s;
  z-index: 1;
  font-size: 12px;
}
.marketplace .store-content #products .products .product .item .merchant li {
  color: #f7f7f7;
  font-size: 10px;
  vertical-align: middle;
}
.marketplace .store-content #products .products .product .item .merchant li a {
  color: #f7f7f7;
  font-size: 10px;
  text-decoration: underline;
}
.marketplace .store-content #products .products .product .item .price-box {
  color: #323a46;
  font-size: 18px;
  font-weight: bold;
  margin: 3px 0 15px;
  min-height: 20px;
  font-family: "AvenirNextLTPro-Demi";
}
.marketplace .store-content #products .products .product .item .price-box del {
  border: medium none;
  color: #999;
  display: block;
  margin: -10px 0 0;
  font-size: 14px;
}
.marketplace .store-content #products .products .product .item .price-box del .amount {
  color: #999;
  font-size: 13px;
  font-weight: normal;
}
.marketplace .store-content #products .products .product .item .price-box ins {
  border: medium none;
  text-decoration: none;
}
.marketplace .store-content #products .products .product .item .price-box ins ins .amount {
  color: #323a46;
  margin-left: 5px;
}
.marketplace .store-content #products .products .product .item:hover .item-inner .item-img .item-img-info a.product-image:before {
  left: 0;
  margin: 0;
  opacity: 0.8;
  top: 0;
}
.marketplace .store-content #products .products .pagination-items .btn-white.active {
  background-color: #98a6ad;
  color: #fff;
}
.marketplace .store-content #products .pagination {
  max-width: 25%;
  margin: 0 auto;
}
@media (max-width: 1500px) {
  .marketplace .store-content #products .products .product:nth-child(4n) {
    margin-right: 0;
  }
  .marketplace .store-content #products .products .product:nth-child:nth-child(2n+1) {
    margin-right: 20px;
  }
}
@media (max-width: 1260px) {
  .marketplace .store-content #products .products .product:nth-child:nth-child(2n) {
    margin-right: 20px;
  }
  .marketplace .store-content #products .products .product:nth-child:nth-child(3n) {
    margin-right: 0;
  }
  .marketplace .store-content #products .products .product:nth-child:nth-child(5n) {
    margin-right: 20px;
  }
}
.marketplace .store-content #s-info .owner {
  border: 1px solid #f1f5f7;
}
.marketplace .store-content #s-info .owner .owner-img {
  padding: 10px;
}
.marketplace .store-content #s-info .owner .owner-img img {
  width: 100%;
}
.marketplace .store-content #s-info .owner .owner-details {
  padding-right: 10px;
  padding-left: 10px;
  border-bottom: 1px solid #f1f5f7;
}
.marketplace .store-content #s-info .owner .owner-socials {
  display: table;
  width: 100%;
}
.marketplace .store-content #s-info .owner .owner-socials a {
  width: 20%;
  position: relative;
  border-right: 1px solid #f1f5f7;
  padding: 10px;
  display: table-cell;
  text-align: center;
}
.marketplace .store-content #s-info .owner .owner-socials a:last-child {
  border-right: 0;
}
.marketplace .store-content #s-info .store-stats {
  padding-right: 15px;
  padding-left: 15px;
}
.marketplace .store-content #s-info .store-stats .stat {
  text-align: center;
  background: #f1f5f7;
}
.marketplace .store-content .slocation li {
  vertical-align: top;
}
.marketplace .store-content .collections-grid {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -10px;
  margin-right: -10px;
}
.marketplace .store-content .collections-grid .collection {
  background: #fff;
  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
  margin: 0 10px 20px;
  width: calc(25% - 20px);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.marketplace .store-content .collections-grid .collection .collection-img {
  height: 200px;
  overflow: hidden;
}
.marketplace .store-content .collections-grid .collection .collection-img img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  width: 100%;
  min-height: 200px;
}
.marketplace .store-content .collections-grid .collection .collection-name-wrapper {
  display: block;
  padding: 0 15px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace .store-content .collections-grid .collection .collection-name-wrapper .collection-name {
  color: #101114;
  font-size: 16px;
  font-weight: 300;
  margin: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.marketplace .store-content .collections-grid .collection .collection-name-wrapper small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace .store-content .collections-grid .collection .collection-name-wrapper:hover {
  color: #ff5400;
}
.marketplace .store-content .collections-grid .collection .collection-name-wrapper:hover .collection-name {
  color: #ff5400;
  cursor: pointer;
}
.marketplace .store-content .collections-grid .collection:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.marketplace .search-results .collections-grid {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -10px;
  margin-right: -10px;
}
.marketplace .search-results .collections-grid .collection {
  background: #fff;
  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
  margin: 0 10px 20px;
  width: calc(25% - 20px);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.marketplace .search-results .collections-grid .collection .collection-img {
  height: 200px;
  overflow: hidden;
}
.marketplace .search-results .collections-grid .collection .collection-img img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  width: 100%;
  min-height: 200px;
}
.marketplace .search-results .collections-grid .collection .collection-name-wrapper {
  display: block;
  padding: 0 15px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace .search-results .collections-grid .collection .collection-name-wrapper .collection-name {
  color: #101114;
  font-size: 16px;
  font-weight: 300;
  margin: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.marketplace .search-results .collections-grid .collection .collection-name-wrapper small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace .search-results .collections-grid .collection .collection-name-wrapper:hover {
  color: #ff5400;
}
.marketplace .search-results .collections-grid .collection .collection-name-wrapper:hover .collection-name {
  color: #ff5400;
  cursor: pointer;
}
.marketplace .search-results .collections-grid .collection:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.marketplace .search-results .stores-container {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.marketplace .search-results .stores-container .store-block {
  width: 25%;
  background: #fff;
  border-radius: 0.25rem;
  margin: 0 10px 20px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  padding-bottom: 0;
}
.marketplace .search-results .stores-container .store-block .store-background {
  height: 95px;
  margin-bottom: -40px;
  overflow: hidden;
  text-align: center;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.marketplace .search-results .stores-container .store-block .store-background img {
  display: inline-block;
  margin: 0 -100px;
  width: auto;
  height: 100%;
}
.marketplace .search-results .stores-container .store-block .store-logo {
  background-color: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 80px;
}
.marketplace .search-results .stores-container .store-block .store-logo img {
  width: 100%;
}
.marketplace .search-results .stores-container .store-block .store-name-wrapper {
  display: block;
}
.marketplace .search-results .stores-container .store-block .store-name-wrapper .store-name {
  color: #101114;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin: 16px 0;
}
.marketplace .search-results .stores-container .store-block .store-products {
  text-align: center;
  height: 74px;
}
.marketplace .search-results .stores-container .store-block .store-products a {
  border: 1px solid #eee;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: inline-block;
  height: 70px;
  margin: 3px;
  overflow: hidden;
  width: 70px;
}
.marketplace .search-results .stores-container .store-block .store-products a img {
  height: 70px;
  width: 70px;
}
.marketplace .search-results .stores-container .store-block .store-action {
  text-align: center;
  margin-top: 22px;
}
.marketplace .search-results .stores-container .store-block .store-action a {
  color: #ff5400;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  width: 100%;
  padding: 10px 8px;
  display: block;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.marketplace .search-results .stores-container .store-block:hover .store-action a {
  background-color: #ff5400;
  color: #fff !important;
}
.marketplace .shop-follower-block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 10px 0;
}
.marketplace .shop-follower-block .col {
  flex: 1;
}
.marketplace .shops-featured-area {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.marketplace .shops-featured-area .style1 {
  width: 100%;
}
.marketplace .shops-featured-area .style1 .feature-block {
  width: 100%;
}
.marketplace .shops-featured-area .style1 .feature-block img {
  width: 100%;
}
.marketplace .shops-featured-area .style2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.marketplace .shops-featured-area .style2 .feature-block {
  width: 25%;
}
.marketplace .shops-featured-area .style2 .feature-block img {
  width: 100%;
}
.marketplace .shops-featured-area .style2 .feature-block:first-child {
  width: 100%;
}
.marketplace .shops-featured-area .style3 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.marketplace .shops-featured-area .style3 .feature-block {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.marketplace .shops-featured-area .style3 .feature-block img {
  width: 100%;
}
.marketplace .shops-featured-area .style3 .feature-block .sm-block {
  width: 50%;
}
.marketplace .shops-featured-area .style4 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.marketplace .shops-featured-area .style4 .feature-block {
  width: 25%;
}
.marketplace .shops-featured-area .style4 .feature-block img {
  width: 100%;
}
.marketplace .shops-featured-area .style5 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.marketplace .shops-featured-area .style5 .feature-block {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.marketplace .shops-featured-area .style5 .feature-block img {
  width: 100%;
}
.marketplace .shops-featured-area .style5 .feature-block .sm-block {
  width: 50%;
}
.marketplace .shops-featured-area .style5 .feature-block .sm-block:first-child {
  width: 100%;
}
.marketplace .shops-featured-area .style6 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.marketplace .shops-featured-area .style6 .feature-block {
  width: 50%;
}
.marketplace .shops-featured-area .style6 .feature-block img {
  width: 100%;
}
.marketplace .zoomContainer {
  z-index: 10;
}
.marketplace .zoomContainer .zoomWindowContainer .zoomWindow {
  box-shadow: none;
}
.marketplace .product-detail {
  position: relative;
  display: flex;
  background: #fff;
}
.marketplace .product-detail.alt .zoomWrapper {
  position: relative;
}
.marketplace .product-detail.costume .zoomWrapper {
  position: relative;
}
.marketplace .product-detail.costume .zoomWrapper img {
  border: 1px solid #f1f5f7;
}
.marketplace .product-detail.costume .prod-details-desc {
  padding-left: 15px;
}
.marketplace .product-detail.costume .prod-details-desc .details-top-container {
  display: table;
  width: 100%;
}
.marketplace .product-detail.costume .prod-details-desc .details-top-container .details-top {
  width: 80%;
}
.marketplace .product-detail.costume .prod-details-desc .details-top-container .details-top:nth-child(2) {
  width: 20%;
}
.marketplace .product-detail.costume .prod-details-desc .prod-config {
  display: block;
  position: relative;
}
.marketplace .product-detail.costume .prod-details-desc .prod-config h5 {
  font-size: 16px;
}
.marketplace .product-detail.costume .prod-details-desc .prod-config .prod-summary {
  border: 1px solid #323a46;
  border-radius: 4px;
  background: #fff;
  z-index: 5;
}
.marketplace .product-detail.costume .prod-details-desc .prod-config .prod-summary .pcart li {
  vertical-align: middle;
}
.marketplace .product-detail.costume .prod-details-desc .prod-config .prod-summary .pcart li.checkout-total .currency {
  font-size: 50%;
  top: -10px;
  position: relative;
}
.marketplace .product-detail.costume .prod-details-desc .prod-config .prod-summary.is_stuck {
  margin-top: 80px !important;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background: #adb5bd;
  color: #fff;
}
.marketplace .product-detail.costume .prod-details-desc .prod-config .prod-summary.is_stuck h5 {
  color: #fff;
}
.marketplace .product-detail.costume .prod-details-desc .prod-config .prod-summary.is_stuck .dropdown-menu .dropdown-item {
  color: #323a46;
}
.marketplace .product-detail.costume .prod-details-desc .prod-config .prod-summary .costume-item {
  font-size: 14px;
  padding: 5px 0;
}
.marketplace .product-detail.costume .prod-details-desc .prod-config .prod-summary .costume-item a {
  font-size: 12px;
  vertical-align: middle;
}
.marketplace .product-detail.costume .prod-details-desc .prod-config .prod-summary .costume-item .part-price {
  float: right;
}
.marketplace .product-detail.costume .prod-details-desc .prod-config .config label {
  font-weight: 400;
}
.marketplace .product-detail.costume .prod-details-desc .prod-config .config .radio .prod-price {
  position: relative;
  z-index: 2;
}
.marketplace .product-detail.costume .prod-details-img.is_stuck {
  margin-top: 60px !important;
}
.marketplace .product-detail.costume .sum-container {
  max-width: 500px;
  float: right;
  position: relative;
}
.marketplace .product-detail #prod_gal {
  position: relative;
  display: inline-block;
  left: 0;
  top: 7px;
}
.marketplace .product-detail #prod_gal a {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  margin-right: 5px;
  border-radius: 10px;
}
.marketplace .product-detail #prod_gal a:last-child {
  margin-right: 0;
}
.marketplace .product-detail #prod_gal a img {
  border: 2px solid transparent;
}
.marketplace .product-detail #prod_gal a.active img {
  border-color: #323a46;
}
.marketplace .product-detail .prod-att .att-list li {
  padding: 5px;
  background: #fff;
  border-radius: 0;
  border: 1px solid transparent;
  margin-right: 5px;
  min-width: 80px;
  text-align: center;
}
.marketplace .product-detail .prod-att .att-list li:last-child {
  margin-right: 0;
}
.marketplace .product-detail .prod-att .att-list li.active, .marketplace .product-detail .prod-att .att-list li:hover {
  border-color: #adb5bd;
  background-color: #adb5bd;
}
.marketplace .product-detail .prod-att .att-list li.active a, .marketplace .product-detail .prod-att .att-list li:hover a {
  color: #fff;
}
.marketplace .product-detail .prod-size ul li {
  background: #fff;
  border-radius: 100%;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 30px;
  width: 32px;
  height: 32px;
}
.marketplace .product-detail .prod-size ul li .circle {
  display: block;
  border-radius: 100%;
  text-align: center;
}
.marketplace .product-detail .prod-size ul li.active, .marketplace .product-detail .prod-size ul li:hover {
  border-color: #72747b;
}
.marketplace .product-detail .prod-size ul li:last-child {
  width: auto;
  height: auto;
  line-height: 22px;
  border: none;
  border-radius: 0;
  vertical-align: text-bottom;
}
.marketplace .product-detail .prod-size ul li:last-child a {
  text-decoration: underline;
}
.marketplace .product-detail .prod-qty input {
  text-align: right;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 3px solid #343a40;
  font-size: 18px;
  line-height: 1.33333;
  padding: 10px 16px;
  height: 45px;
}
.marketplace .product-detail .prod-qty .bootstrap-touchspin .input-group-btn-vertical > .btn {
  background: transparent !important;
  color: #343a40 !important;
  border-color: transparent !important;
  padding: 11px;
}
.marketplace .product-detail .prod-qty .bootstrap-touchspin .input-group-btn-vertical > .btn i {
  top: 7px;
  left: 7px;
  font-size: 14px;
}
.marketplace .product-detail .prod-details-desc {
  width: 40%;
  padding: 0 0 0 15px;
}
.marketplace .product-detail .prod-details-desc .breadcrumb {
  padding-top: 0;
}
.marketplace .product-detail .prod-details-desc .breadcrumb li {
  font-size: 13px;
}
.marketplace .product-detail .prod-details-desc .breadcrumb li a {
  font-size: 13px;
}
.marketplace .product-detail .prod-details-desc .details-top {
  position: relative;
  float: left;
  display: inline-block;
  width: 80%;
}
.marketplace .product-detail .prod-details-desc .details-top:nth-child(2) {
  width: 20%;
}
.marketplace .product-detail .prod-details-desc .details-top ul li a {
  font-size: 13px;
}
.marketplace .product-detail .prod-details-img {
  width: 35%;
  position: relative;
}
.marketplace .product-detail .prod-details-img img {
  max-width: 400px;
  max-height: 400px;
}
.marketplace .product-detail .prod-details-img > hr {
  width: 80%;
}
.marketplace .product-detail .prod-details-img .wishlist {
  position: absolute;
  left: 90%;
  top: 25px;
  height: 36px;
  width: 36px;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
}
.marketplace .product-detail .prod-details-img .prod-seller .store-details {
  max-width: 500px;
}
.marketplace .product-detail .prod-details-img .prod-seller .store-details li {
  vertical-align: top;
}
.marketplace .product-detail .store-owner-block {
  background: #f1f5f7;
  width: 25%;
}
@media (max-width: 1170px) {
  .marketplace .product-detail .prod-details-img .zoomWrapper {
    width: 350px !important;
    height: 350px !important;
  }
  .marketplace .product-detail .prod-details-img .zoomWrapper img {
    width: 100%;
  }
}
@media (max-width: 968px) {
  .marketplace .product-detail .prod-details-desc {
    width: 100%;
    padding-left: 0;
  }
  .marketplace .product-detail .prod-details-img {
    width: 100%;
  }
  .marketplace .product-detail .prod-details-img .wishlist {
    left: 450px;
  }
  .marketplace .product-detail .prod-details-img .zoomWrapper {
    width: 400px !important;
    height: 400px !important;
  }
  .marketplace .product-detail .prod-details-img .zoomWrapper img {
    width: 100%;
  }
}
.marketplace .simple-product .product-detail, .marketplace .configurable-product .product-detail {
  border-radius: 0.25rem;
  flex-direction: column;
}
.marketplace .simple-product .product-detail #prod_gal, .marketplace .configurable-product .product-detail #prod_gal {
  position: relative;
  display: flex;
  flex-direction: row;
  left: 0;
  top: 0;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .marketplace .simple-product .product-detail #prod_gal, .marketplace .configurable-product .product-detail #prod_gal {
    margin-top: 0;
    margin-right: 20px;
    flex-direction: column;
  }
}
.marketplace .simple-product .product-detail #prod_gal a, .marketplace .configurable-product .product-detail #prod_gal a {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.marketplace .simple-product .product-detail #prod_gal a:last-child, .marketplace .configurable-product .product-detail #prod_gal a:last-child {
  margin-bottom: 0;
}
.marketplace .simple-product .product-detail #prod_gal a img, .marketplace .configurable-product .product-detail #prod_gal a img {
  border: 2px solid transparent;
  border-radius: 10px;
}
.marketplace .simple-product .product-detail #prod_gal a.active img, .marketplace .configurable-product .product-detail #prod_gal a.active img {
  border-color: #323a46;
}
.marketplace .simple-product .product-detail .prod-details-desc, .marketplace .configurable-product .product-detail .prod-details-desc {
  width: 100%;
  padding: 0;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .marketplace .simple-product .product-detail .prod-details-desc, .marketplace .configurable-product .product-detail .prod-details-desc {
    width: 33.33%;
  }
}
.marketplace .simple-product .product-detail .prod-details-desc .breadcrumb, .marketplace .configurable-product .product-detail .prod-details-desc .breadcrumb {
  padding-top: 0;
}
.marketplace .simple-product .product-detail .prod-details-desc .breadcrumb li, .marketplace .configurable-product .product-detail .prod-details-desc .breadcrumb li {
  font-size: 13px;
}
.marketplace .simple-product .product-detail .prod-details-desc .breadcrumb li a, .marketplace .configurable-product .product-detail .prod-details-desc .breadcrumb li a {
  font-size: 13px;
}
.marketplace .simple-product .product-detail .prod-details-desc .details-top, .marketplace .configurable-product .product-detail .prod-details-desc .details-top {
  position: relative;
  float: left;
  display: inline-block;
  width: 80%;
}
.marketplace .simple-product .product-detail .prod-details-desc .details-top:nth-child(2), .marketplace .configurable-product .product-detail .prod-details-desc .details-top:nth-child(2) {
  width: 20%;
}
.marketplace .simple-product .product-detail .prod-details-desc .details-top ul li a, .marketplace .configurable-product .product-detail .prod-details-desc .details-top ul li a {
  font-size: 13px;
}
.marketplace .simple-product .product-detail .prod-details-desc .product-title, .marketplace .configurable-product .product-detail .prod-details-desc .product-title {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 2px;
}
.marketplace .simple-product .product-detail .prod-details-desc .desc-container.is_stuck, .marketplace .configurable-product .product-detail .prod-details-desc .desc-container.is_stuck {
  top: 130px !important;
  z-index: 1;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 10px;
}
.marketplace .simple-product .product-detail .prod-details-desc .desc-container.is_stuck .product-title, .marketplace .configurable-product .product-detail .prod-details-desc .desc-container.is_stuck .product-title {
  overflow: hidden;
  font-size: 16px;
  padding: 0;
  height: 18px;
  line-height: 1.2;
  margin: -3px 0 3px;
}
.marketplace .simple-product .product-detail .prod-details-desc .desc-container.is_stuck .prod-reviews, .marketplace .configurable-product .product-detail .prod-details-desc .desc-container.is_stuck .prod-reviews {
  display: none;
}
.marketplace .simple-product .product-detail .prod-details-desc .prod-att .bootstrap-select .btn-white, .marketplace .configurable-product .product-detail .prod-details-desc .prod-att .bootstrap-select .btn-white {
  background: transparent;
  border: 1px solid transparent !important;
}
.marketplace .simple-product .product-detail .prod-details-desc .prod-att .bootstrap-select .btn-white:focus, .marketplace .simple-product .product-detail .prod-details-desc .prod-att .bootstrap-select .btn-white:hover, .marketplace .configurable-product .product-detail .prod-details-desc .prod-att .bootstrap-select .btn-white:focus, .marketplace .configurable-product .product-detail .prod-details-desc .prod-att .bootstrap-select .btn-white:hover {
  background-color: #f6fafd;
  border: 1px solid #eaeaea !important;
  outline: none;
}
.marketplace .simple-product .product-detail .prod-details-desc .prod-att .bootstrap-select .btn-white:focus .bs-caret, .marketplace .simple-product .product-detail .prod-details-desc .prod-att .bootstrap-select .btn-white:hover .bs-caret, .marketplace .configurable-product .product-detail .prod-details-desc .prod-att .bootstrap-select .btn-white:focus .bs-caret, .marketplace .configurable-product .product-detail .prod-details-desc .prod-att .bootstrap-select .btn-white:hover .bs-caret {
  opacity: 1;
}
.marketplace .simple-product .product-detail .prod-details-desc .prod-att .bootstrap-select .btn-white .bs-caret, .marketplace .configurable-product .product-detail .prod-details-desc .prod-att .bootstrap-select .btn-white .bs-caret {
  opacity: 0;
}
.marketplace .simple-product .product-detail .prod-details-desc .product-reviews, .marketplace .configurable-product .product-detail .prod-details-desc .product-reviews {
  vertical-align: middle;
}
.marketplace .simple-product .product-detail .prod-details-desc .product-reviews .prod-special-container .share-btn, .marketplace .configurable-product .product-detail .prod-details-desc .product-reviews .prod-special-container .share-btn {
  background-color: #f1f5f7;
  align-items: center;
  justify-content: center;
  display: flex;
  color: #101114;
  margin-right: 10px;
  border-radius: 10px;
}
.marketplace .simple-product .product-detail .prod-details-desc .product-reviews .prod-special-container .share-btn.rounded-circle, .marketplace .configurable-product .product-detail .prod-details-desc .product-reviews .prod-special-container .share-btn.rounded-circle {
  width: 34px;
  height: 34px;
}
.marketplace .simple-product .product-detail .prod-details-desc .product-reviews .prod-special-container .share-btn.last-child, .marketplace .configurable-product .product-detail .prod-details-desc .product-reviews .prod-special-container .share-btn.last-child {
  margin-right: 0;
}
.marketplace .simple-product .product-detail .prod-details-desc .product-reviews .prod-special-container .share-btn:hover, .marketplace .configurable-product .product-detail .prod-details-desc .product-reviews .prod-special-container .share-btn:hover {
  background-color: #98a6ad;
  color: #fff;
}
.marketplace .simple-product .product-detail .prod-details-img, .marketplace .configurable-product .product-detail .prod-details-img {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 768px) {
  .marketplace .simple-product .product-detail .prod-details-img, .marketplace .configurable-product .product-detail .prod-details-img {
    width: 66.67%;
  }
}
.marketplace .simple-product .product-detail .prod-details-img .product-img-container, .marketplace .configurable-product .product-detail .prod-details-img .product-img-container {
  flex: 1;
  border-radius: 10px;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
}
@media (min-width: 768px) {
  .marketplace .simple-product .product-detail .prod-details-img .product-img-container, .marketplace .configurable-product .product-detail .prod-details-img .product-img-container {
    min-height: 500px;
    margin-right: 20px;
  }
}
.marketplace .simple-product .product-detail .prod-details-img .product-img-container .zoomWrapper, .marketplace .configurable-product .product-detail .prod-details-img .product-img-container .zoomWrapper {
  margin: 0 auto;
}
.marketplace .simple-product .product-detail .prod-details-img .product-img-container img, .marketplace .configurable-product .product-detail .prod-details-img .product-img-container img {
  max-width: 500px;
  max-height: 500px;
  width: 100%;
}
.marketplace .simple-product .product-detail .prod-details-img .other-products, .marketplace .configurable-product .product-detail .prod-details-img .other-products {
  width: 100%;
}
.marketplace .simple-product .product-detail .prod-details-img .item-description, .marketplace .configurable-product .product-detail .prod-details-img .item-description {
  width: 100%;
  border-top: 1px solid #f1f5f7;
}
.marketplace .simple-product .product-detail .prod-details-img .item-description p, .marketplace .configurable-product .product-detail .prod-details-img .item-description p {
  word-wrap: break-word;
}
.marketplace .simple-product .product-detail .prod-details-img .item-reviews, .marketplace .configurable-product .product-detail .prod-details-img .item-reviews {
  width: 100%;
  border-top: 1px solid #f1f5f7;
}
.marketplace .simple-product .product-detail .prod-details-img > hr, .marketplace .configurable-product .product-detail .prod-details-img > hr {
  width: 80%;
}
.marketplace .simple-product .product-detail .prod-details-img .wishlist, .marketplace .configurable-product .product-detail .prod-details-img .wishlist {
  position: absolute;
  left: 90%;
  top: 25px;
  height: 36px;
  width: 36px;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
}
.marketplace .simple-product .product-detail .prod-details-img .prod-seller .store-details, .marketplace .configurable-product .product-detail .prod-details-img .prod-seller .store-details {
  max-width: 500px;
}
.marketplace .simple-product .product-detail .prod-details-img .prod-seller .store-details li, .marketplace .configurable-product .product-detail .prod-details-img .prod-seller .store-details li {
  vertical-align: top;
}
.marketplace .simple-product .product-detail .store-owner-block, .marketplace .configurable-product .product-detail .store-owner-block {
  background: transparent !important;
  width: 100%;
}
.marketplace .simple-product .product-detail .btn-white, .marketplace .configurable-product .product-detail .btn-white {
  box-shadow: 0px 1px 5px rgba(23, 31, 70, 0.15);
  border-radius: 0.625rem;
}
.marketplace .simple-product .product-detail .wishlist, .marketplace .configurable-product .product-detail .wishlist {
  position: relative;
}
@media (min-width: 768px) {
  .marketplace .simple-product .product-detail, .marketplace .configurable-product .product-detail {
    flex-direction: row;
  }
}
.marketplace .store-more-block .card-body {
  display: flex;
  flex-direction: column;
}
.marketplace .store-more-block .card-body .store-more-bg {
  height: 250px;
  margin-bottom: -150px;
  overflow: hidden;
  text-align: center;
  border-top-right-radius: 0.625rem;
  border-top-left-radius: 0.625rem;
}
.marketplace .store-more-block .card-body .store-more-bg img {
  margin: 0 -100px;
  width: 100%;
  height: 100%;
}
.marketplace .store-more-block .card-body .store-more-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.marketplace .store-more-block .card-body .store-more-content .store-owner {
  width: 33.33%;
}
.marketplace .store-more-block .card-body .store-more-content .store-products {
  width: 66.67%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.marketplace .store-more-block .card-body .store-more-content .store-products .more-block-prod {
  width: calc(100% - 30px);
  background: #fff;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  box-shadow: 0px 2px 5px rgba(23, 31, 70, 0.1);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
.marketplace .store-more-block .card-body .store-more-content .store-products .more-block-prod img {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.marketplace .store-more-block .card-body .store-more-content .store-products .more-block-prod .more-block-prod-content {
  font-family: "AvenirNextLTPro-Demi";
}
.marketplace .store-more-block .card-body .store-more-content .store-products .more-block-prod .more-block-prod-content .prod-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace .store-more-block .card-body .store-more-content .store-products .more-block-prod .more-block-prod-content ins {
  text-decoration: none;
}
@media (min-width: 1024px) {
  .marketplace .store-more-block .card-body .store-more-content .store-products .more-block-prod {
    width: calc(33.33% - 30px);
  }
}
@media (min-width: 1500px) {
  .marketplace .store-more-block .card-body .store-more-content .store-products .more-block-prod {
    width: calc(25% - 30px);
  }
}
.marketplace .p-confirm h1 {
  font-family: "AvenirLTPro-Book";
}
.marketplace .p-confirm .confirm-top-heading {
  border-top: 3px solid #ff5400;
  border-bottom: 3px solid #ff5400;
}
.marketplace .p-confirm .confirm-table-heading {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.marketplace .p-confirm .confirm-table-heading .cheading {
  flex: 0.75;
  text-align: right;
  padding: 15px 10px;
}
.marketplace .p-confirm .confirm-table-heading .cheading.grow1 {
  flex: 2;
  text-align: left;
}
.marketplace .p-confirm .confirm-table-heading .cheading.growHalf {
  flex: 0.5;
  text-align: center;
}
.marketplace .p-confirm .confirm-table-body .c-item-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.marketplace .p-confirm .confirm-table-body .c-item-row .citem {
  flex: 0.75;
  text-align: right;
  padding: 15px 10px;
}
.marketplace .p-confirm .confirm-table-body .c-item-row .citem.grow1 {
  flex: 2;
  text-align: left;
  display: flex;
  flex-direction: row;
}
.marketplace .p-confirm .confirm-table-body .c-item-row .citem.growHalf {
  flex: 0.5;
  text-align: center;
}
.marketplace .p-confirm .confirm-table-footer {
  display: flex;
  flex-wrap: wrap;
}
.marketplace .p-confirm .confirm-table-footer .billing-address-holder {
  order: 1;
  padding: 15px 10px;
  flex: 1;
}
.marketplace .p-confirm .confirm-table-footer .shipping-address-holder {
  order: 2;
  padding: 15px 10px;
  flex: 1;
}
.marketplace .p-confirm .confirm-table-footer .c-order-total {
  order: 3;
  flex: 2;
  padding: 10px;
  background: #f1f5f7;
  border-radius: 10px;
}
.marketplace .sales-events-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-gap: 22px;
  grid-auto-rows: minmax(180px, auto);
  grid-auto-flow: dense;
  padding: 10px;
  width: 100%;
}
.marketplace .sales-events-container .sales-event-block .sales-event-img-container {
  overflow: hidden;
  width: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.marketplace .sales-events-container .sales-event-block:nth-child(1) {
  grid-column-end: span 2;
  grid-row-end: span 2;
}
.marketplace .sales-events-container .sales-event-block:nth-child(1) .sales-event-img-container {
  min-height: 480px;
}
.marketplace .sales-events-container .sales-event-block:nth-child(1) .sales-event-img-container img {
  width: auto;
  margin-left: -50%;
  min-height: 480px;
}
.marketplace .sales-events-container .sales-event-block:nth-child(2) {
  grid-column-end: span 3;
  grid-row-end: span 2;
}
.marketplace .sales-events-container .sales-event-block:nth-child(2) .sales-event-img-container {
  min-height: 480px;
}
.marketplace .sales-events-container .sales-event-block:nth-child(2) .sales-event-img-container img {
  width: auto;
  margin-left: -10%;
  min-height: 480px;
}
.marketplace .sales-events-container .sales-event-block:nth-child(3) {
  grid-column-end: span 2;
  grid-row-end: span 1;
}
.marketplace .sales-events-container .sales-event-block:nth-child(3) .sales-event-img-container {
  max-height: 190px;
}
.marketplace .sales-events-container .sales-event-block:nth-child(3) .sales-event-img-container img {
  width: 100%;
  max-height: 200px;
}
.marketplace .sales-events-container .sales-event-block:nth-child(4) {
  grid-column-end: span 2;
  grid-row-end: span 1;
}
.marketplace .sales-events-container .sales-event-block:nth-child(4) .sales-event-img-container {
  max-height: 190px;
}
.marketplace .sales-events-container .sales-event-block:nth-child(4) .sales-event-img-container img {
  width: 100%;
  max-height: 200px;
}
.marketplace .shops-bottom-block {
  display: flex;
  flex-direction: column;
  align-content: center;
  position: relative;
}
.marketplace .shops-bottom-block img {
  border-radius: 10px;
}
.marketplace .shops-bottom-block .bottom-block-content {
  max-width: 80%;
  background: #fff;
  padding: 30px;
  text-align: center;
  border-radius: 10px;
  margin: -40px auto 0;
  position: relative;
  box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.05);
  min-height: 165px;
}
.marketplace .configurable-product #configure-product {
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
}
.marketplace .configurable-product #configure-product .selected-options-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.marketplace .configurable-product #configure-product .selected-options-container .options-left {
  flex: 3;
}
.marketplace .configurable-product #configure-product .selected-options-container .arrow-right {
  flex: 0.5;
  align-items: center;
  justify-content: center;
  display: flex;
}
.marketplace .configurable-product #configure-product .selected-options-container .arrow-right i {
  font-size: 4rem;
}
.marketplace .configurable-product #configurable-slider {
  position: absolute;
  opacity: 1;
  -webkit-transition: all 0.85s, -webkit-transform 0.85s;
  transition: all 0.85s, transform 0.85s;
  z-index: 50;
  overflow: auto;
  max-width: 110%;
  max-height: 100%;
  background-color: #fff;
  visibility: hidden;
  right: -100%;
  top: 0;
  width: 107%;
  padding: 0 15px;
  min-height: 500px;
}
.marketplace .configurable-product #configurable-slider.show {
  right: 0;
  visibility: visible;
}
.marketplace .configurable-product #configurable-slider .card-header .accordion-toggle {
  position: relative;
}
.marketplace .configurable-product #configurable-slider .card-header .accordion-toggle h5:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f107";
  font-weight: 900;
  float: right;
  color: grey;
  font-size: 18px;
}
.marketplace .configurable-product #configurable-slider .card-header .accordion-toggle.collapsed h5:after {
  content: "\f106";
  font-weight: 900;
}
.marketplace .d-options {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.marketplace .d-options .d-option {
  display: flex;
  flex-direction: row;
  text-overflow: ellipsis;
  padding-bottom: 15px;
  align-content: center;
  align-items: flex-start;
}
.marketplace .reviews-block .prod-rev {
  display: block;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.marketplace .reviews-block .prod-revs #js-reviews h2 {
  display: none;
}
.marketplace .reviews-block .prod-revs #js-reviews .rate {
  position: relative;
  width: 100%;
  content: "";
  display: table;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #dee2e6;
}
.marketplace .reviews-block .prod-revs #js-reviews .rate.hide {
  display: none !important;
}
.marketplace .reviews-block .prod-revs #js-reviews .u-rev {
  position: relative;
  display: block;
  border-bottom: #dee2e6;
}
.marketplace .reviews-block .prod-revs #js-reviews .u-rev:last-child {
  border-bottom: none;
}
.marketplace .reviews-block .prod-revs #js-reviews .u-rev .list-group {
  margin-bottom: 0;
}
.marketplace .reviews-block .prod-revs #js-reviews .u-rev .list-group .list-group-item {
  border: none;
}
.marketplace .reviews-block .prod-revs #js-reviews .u-rev .list-group .content {
  margin-top: 0 !important;
}
.marketplace .also-bought {
  border: 1px solid #dee2e6;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  width: 100%;
}
.marketplace .also-bought .products-grid {
  padding: 10px 5px;
}
.marketplace .also-bought .products-grid .item {
  margin-bottom: 5px !important;
}
.marketplace .also-bought .products-grid .item .sale-label {
  background: #323a46 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
}
.marketplace .also-bought .products-grid .item .item-inner {
  background: #fff;
  overflow: hidden;
  padding: 3px 3px 10px;
  position: relative;
  text-align: center;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img {
  margin: 0 auto;
  position: relative;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info {
  position: relative;
  text-align: center;
  transition: all 0.3s ease-out 0s;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info .box-hover {
  float: right;
  left: -100%;
  margin-top: -76px;
  position: absolute;
  text-align: left;
  top: 55%;
  z-index: 10;
  transition: all 0.3s ease-out 0s;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div {
  margin: 3px 0;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 0;
  font-weight: 700;
  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a span {
  order: 2;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:after {
  background: #fff none repeat scroll 0 0;
  border-radius: 999px;
  color: #98a6ad;
  content: "";
  order: 1;
  font-family: "Font Awesome 5 Pro";
  font-size: 11px;
  height: 40px;
  text-align: center;
  width: 40px;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-quickview::after {
  content: "\f002";
  font-weight: 900;
  font-size: 15px;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-wishlist::after {
  content: "\f004";
  font-size: 13px;
  font-weight: 400;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-wishlist.active::after {
  content: "\f004";
  font-size: 13px;
  font-weight: 900;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-cart::after {
  content: "\f217";
  font-size: 13px;
  font-weight: 900;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:hover {
  background: #98a6ad none repeat scroll 0 0;
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  margin: 0 10px 0 0;
  padding-right: 15px;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:hover:after {
  background: #98a6ad none repeat scroll 0 0;
  color: #fff;
  margin-right: 15px;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info a.product-image {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info a.product-image img {
  max-width: 100%;
  transform: translateZ(0px);
  transition-duration: 500ms;
  transition-property: transform;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info a.product-image:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.4s ease-out 0.2s;
  width: 100%;
  z-index: 1;
}
.marketplace .also-bought .products-grid .item .item-inner .item-img .item-img-info a.product-image:hover img {
  transform: scale(1.2);
}
.marketplace .also-bought .products-grid .item .item-inner .item-info .info-inner {
  border-top: medium none;
  padding: 0 10px;
  text-align: left;
  transition: all 0.3s ease-out 0s;
}
.marketplace .also-bought .products-grid .item .item-inner .item-info .info-inner .item-title {
  font-size: 14px;
  margin-bottom: 3px;
  overflow: hidden;
  padding-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace .also-bought .products-grid .item .item-inner .item-info .info-inner .item-title a {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}
.marketplace .also-bought .products-grid .item .item-inner .item-info .info-inner .item-title p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.marketplace .also-bought .products-grid .item .item-inner:hover .item-img .box-hover {
  left: 10px;
}
.marketplace .also-bought .products-grid .item .action {
  margin-top: 10px;
}
.marketplace .also-bought .products-grid .item .rating {
  vertical-align: middle;
  padding-top: 1px;
}
.marketplace .also-bought .products-grid .item .rating .ratings {
  display: inline-block;
  overflow: visible;
  text-align: center;
  transition: all 300ms ease-in-out 0s;
  z-index: 1;
}
.marketplace .also-bought .products-grid .item .rating .ratings .rating i {
  font-size: 0.7em;
}
.marketplace .also-bought .products-grid .item .merchant li {
  color: #ced4da;
  font-size: 10px;
  vertical-align: middle;
}
.marketplace .also-bought .products-grid .item .merchant li a {
  color: #ced4da;
  font-size: 10px;
  text-decoration: underline;
}
.marketplace .also-bought .products-grid .item .item-price {
  vertical-align: middle;
}
.marketplace .also-bought .products-grid .item .item-price .price-box {
  color: #343a40;
  font-size: 14px;
  font-weight: bold;
  margin: 3px 0 15px;
  min-height: 20px;
}
.marketplace .also-bought .products-grid .item .item-price .price-box del {
  border: medium none;
  color: #999;
  display: block;
  margin: -10px 0 0;
}
.marketplace .also-bought .products-grid .item .item-price .price-box del .amount {
  color: #999;
  font-size: 13px;
  font-weight: normal;
}
.marketplace .also-bought .products-grid .item .item-price .price-box ins {
  border: medium none;
  text-decoration: none;
}
.marketplace .also-bought .products-grid .item .item-price .price-box ins ins .amount {
  color: #323a46;
  margin-left: 5px;
}
.marketplace .also-bought .products-grid .item:hover .item-inner {
  box-shadow: 0 13px 15px 0 rgba(0, 0, 0, 0.1);
}
.marketplace .also-bought .products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
  left: 0;
  margin: 0;
  opacity: 0.8;
  top: 0;
}
.marketplace .also-bought .owl-theme .owl-controls {
  width: 22px;
  right: 28px;
  top: -9.5%;
  margin-top: 15px;
  position: absolute;
  text-align: center;
}
.marketplace .also-bought .owl-theme .owl-controls .owl-buttons {
  opacity: 1;
}
.marketplace .also-bought .owl-theme .owl-controls .owl-buttons div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin: 5px;
  opacity: 1;
  padding: 3px 10px;
}
.marketplace .also-bought .owl-theme .owl-controls .owl-buttons a {
  background: inherit;
  border: medium none;
  color: #777;
  display: block;
  height: 25px;
  margin: 0 0 0 -30px;
  position: absolute;
  top: -10px;
  width: 35px;
  z-index: 5;
  cursor: pointer;
}
.marketplace .also-bought .owl-theme .owl-controls .owl-buttons .owl-prev {
  left: -10px;
  position: absolute;
  right: 18px;
  top: -20.5%;
}
.marketplace .also-bought .owl-theme .owl-controls .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.marketplace .also-bought .owl-theme .owl-controls .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  text-transform: none;
}
.marketplace .also-bought .owl-theme .owl-controls .owl-buttons .owl-next {
  right: -30px;
  position: absolute;
  top: -20.5%;
}
.marketplace .also-bought .owl-theme .owl-controls .owl-buttons .owl-next a {
  border-left: 4px double #777;
}
.marketplace .also-bought .owl-theme .owl-controls .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  text-transform: none;
}
.marketplace .also-sold {
  display: block;
  width: 100%;
}
.marketplace .also-sold .products-grid {
  padding: 10px 0;
}
.marketplace .also-sold .products-grid .item {
  margin-bottom: 5px !important;
}
.marketplace .also-sold .products-grid .item .sale-label {
  background: #323a46 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
}
.marketplace .also-sold .products-grid .item .item-inner {
  background: #fff;
  overflow: hidden;
  padding: 3px 3px 10px;
  position: relative;
  text-align: center;
  border-radius: 0.25rem;
}
.marketplace .also-sold .products-grid .item .item-inner .item-img {
  margin: 0 auto;
  position: relative;
}
.marketplace .also-sold .products-grid .item .item-inner .item-img .item-img-info {
  position: relative;
  text-align: center;
  transition: all 0.3s ease-out 0s;
}
.marketplace .also-sold .products-grid .item .item-inner .item-img .item-img-info a.product-image {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.marketplace .also-sold .products-grid .item .item-inner .item-img .item-img-info a.product-image img {
  max-width: 100%;
  transform: translateZ(0px);
  transition-duration: 500ms;
  transition-property: transform;
}
.marketplace .also-sold .products-grid .item .item-inner .item-img .item-img-info a.product-image:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.4s ease-out 0.2s;
  width: 100%;
  z-index: 1;
}
.marketplace .also-sold .products-grid .item .item-inner .item-img .item-img-info a.product-image:hover img {
  transform: scale(1.2);
}
.marketplace .also-sold .products-grid .item .item-inner .item-info .info-inner {
  border-top: medium none;
  padding: 0 10px;
  text-align: left;
  transition: all 0.3s ease-out 0s;
}
.marketplace .also-sold .products-grid .item .item-inner .item-info .info-inner .item-title {
  font-size: 14px;
  margin-bottom: 3px;
  overflow: hidden;
  padding-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace .also-sold .products-grid .item .item-inner .item-info .info-inner .item-title a {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}
.marketplace .also-sold .products-grid .item .item-inner .item-info .info-inner .item-title p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.marketplace .also-sold .products-grid .item .item-inner:hover .item-img .box-hover {
  left: 10px;
}
.marketplace .also-sold .products-grid .item .action {
  margin-top: 10px;
}
.marketplace .also-sold .products-grid .item .rating {
  vertical-align: middle;
  padding-top: 1px;
}
.marketplace .also-sold .products-grid .item .rating .ratings {
  display: inline-block;
  overflow: visible;
  text-align: center;
  transition: all 300ms ease-in-out 0s;
  z-index: 1;
}
.marketplace .also-sold .products-grid .item .rating .ratings .rating i {
  font-size: 0.7em;
}
.marketplace .also-sold .products-grid .item .merchant li {
  color: #ced4da;
  font-size: 10px;
  vertical-align: middle;
}
.marketplace .also-sold .products-grid .item .merchant li a {
  color: #ced4da;
  font-size: 10px;
  text-decoration: underline;
}
.marketplace .also-sold .products-grid .item .item-price {
  vertical-align: middle;
}
.marketplace .also-sold .products-grid .item .item-price .price-box {
  color: #343a40;
  font-size: 14px;
  font-weight: bold;
  margin: 3px 0 15px;
  min-height: 30px;
}
.marketplace .also-sold .products-grid .item .item-price .price-box del {
  border: medium none;
  color: #999;
  display: block;
  margin: -10px 0 0;
}
.marketplace .also-sold .products-grid .item .item-price .price-box del .amount {
  color: #999;
  font-size: 13px;
  font-weight: normal;
}
.marketplace .also-sold .products-grid .item .item-price .price-box ins {
  border: medium none;
  text-decoration: none;
}
.marketplace .also-sold .products-grid .item .item-price .price-box ins ins .amount {
  color: #323a46;
  margin-left: 5px;
}
.marketplace .also-sold .products-grid .item:hover .item-inner {
  box-shadow: 0 13px 15px 0 rgba(0, 0, 0, 0.1);
}
.marketplace .also-sold .products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
  left: 0;
  margin: 0;
  opacity: 0.8;
  top: 0;
}
.marketplace .also-sold .products-grid:hover .owl-buttons {
  display: block;
}
.marketplace .also-sold .products-grid .owl-buttons {
  opacity: 1;
  display: none;
  transition: all 0.3s ease-out 0s;
}
.marketplace .also-sold .products-grid .owl-buttons.disabled {
  display: none;
}
.marketplace .also-sold .products-grid .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  width: 34px;
  height: 34px;
  text-align: center;
}
.marketplace .also-sold .products-grid .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #101114;
  margin: 0;
  position: absolute;
  z-index: 5;
  cursor: pointer;
  width: 34px;
  height: 34px;
  text-align: center;
  border-radius: 100%;
}
.marketplace .also-sold .products-grid .owl-buttons .owl-prev {
  left: -14px;
  position: absolute;
  top: 40%;
}
.marketplace .also-sold .products-grid .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.marketplace .also-sold .products-grid .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.marketplace .also-sold .products-grid .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 900;
  line-height: 34px;
  text-transform: none;
}
.marketplace .also-sold .products-grid .owl-buttons .owl-next {
  right: -14px;
  position: absolute;
  top: 40%;
}
.marketplace .also-sold .products-grid .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.marketplace .also-sold .products-grid .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 900;
  line-height: 34px;
  text-transform: none;
}
.marketplace .also-sold .owl-theme:hover .owl-controls {
  opacity: 1;
}
.marketplace .also-sold .owl-theme .owl-stage-outer {
  padding: 0 25px;
}
.marketplace .also-sold .owl-theme .owl-controls {
  width: 100%;
  top: 40%;
  position: absolute;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.marketplace .also-sold .owl-theme .owl-controls .owl-buttons {
  opacity: 1;
}
.marketplace .also-sold .owl-theme .owl-controls .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
}
.marketplace .also-sold .owl-theme .owl-controls .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #777;
  margin: 0;
  position: absolute;
  top: -10px;
  z-index: 5;
  cursor: pointer;
  padding: 16px;
}
.marketplace .also-sold .owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0;
  position: absolute;
  top: -20.5%;
}
.marketplace .also-sold .owl-theme .owl-controls .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.marketplace .also-sold .owl-theme .owl-controls .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.marketplace .also-sold .owl-theme .owl-controls .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  text-transform: none;
}
.marketplace .also-sold .owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0;
  position: absolute;
  top: -20.5%;
}
.marketplace .also-sold .owl-theme .owl-controls .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.marketplace .also-sold .owl-theme .owl-controls .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  text-transform: none;
}
.marketplace .cart #cart-items .card .card-header {
  border-bottom: 1px solid #f1f5f7 !important;
  border-radius: calc(0.625rem - 1px) calc(0.625rem - 1px) 0 0 !important;
}
.marketplace .cart #cart-items .card .card-body {
  padding: 0 15px 15px 15px;
}
.marketplace .cart #cart-items .cart-item .cart-item-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.marketplace .cart #cart-items .cart-item .cart-item-container .cart-item-img {
  width: 15%;
}
.marketplace .cart #cart-items .cart-item .cart-item-container .cart-item-text {
  width: 60%;
  whitespace: nowrap;
}
.marketplace .cart #cart-items .cart-item .cart-item-container .cart-item-qty {
  width: 25%;
  align-items: flex-end;
}
.marketplace .cart #cart-items .cart-item .cart-item-container .cart-item-qty .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  max-width: 100px;
}
.marketplace .cart #cart-items .cart-item .cart-item-container .cart-item-qty .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-align: right;
}
.marketplace .cart #cart-items .cart-item .cart-item-container .cart-item-qty .dropdown-menu {
  text-align: right;
}
.marketplace .cart #wishlist .card .card-body .w-item .cart-item .cart-item-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.marketplace .cart #wishlist .card .card-body .w-item .cart-item .cart-item-container .cart-item-img {
  width: 15%;
}
.marketplace .cart #wishlist .card .card-body .w-item .cart-item .cart-item-container .cart-item-text {
  width: 60%;
  whitespace: nowrap;
}
.marketplace .cart #wishlist .card .card-body .w-item .cart-item .cart-item-container .cart-item-qty {
  width: 25%;
  align-items: flex-end;
}
.marketplace .cart .also-bought {
  border: none;
  padding: 0;
}
.marketplace .cart #sales-summary .card-header {
  border-bottom: 1px solid #f1f5f7 !important;
}
.marketplace .cart #sales-summary.is_stuck {
  top: 70px !important;
  z-index: 2;
}
.marketplace .cart .divider-custom {
  background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.03) 3px, transparent);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.03) 3px, transparent);
  height: 44px;
  margin-bottom: -18px;
}
.marketplace .cart .items {
  display: block;
  position: relative;
}
.marketplace .cart .items .cart-item {
  padding: 11px 0 5px;
  height: 62px;
  position: relative;
  background: #fff;
  -webkit-transition: all 1000ms ease-out;
  -moz-transition: all 1000ms ease-out;
  -ms-transition: all 1000ms ease-out;
  -o-transition: all 1000ms ease-out;
  transition: all 1000ms ease-out;
}
.marketplace .cart .items .cart-item .img-wrap {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border: 1px solid #edeff0;
  float: left;
  margin-right: 10px;
}
.marketplace .cart .items .cart-item img {
  width: 100%;
  position: relative;
  top: -10px;
}
.marketplace .cart .items .cart-item span {
  color: #393c45;
  display: block;
  font-size: 14px;
}
.marketplace .cart .items .cart-item .cart-item-border {
  position: absolute;
  bottom: 0;
  left: 45px;
  background: #edeff0;
  height: 1px;
  width: 230px;
}
.marketplace .shops-checkout .checkout-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.marketplace .shops-checkout .checkout-container .steps-container {
  margin-left: 10px;
  margin-right: 10px;
  width: calc(75% - 20px);
}
@media (max-width: 768px) {
  .marketplace .shops-checkout .checkout-container .steps-container {
    width: calc(100% - 20px);
  }
}
.marketplace .shops-checkout .checkout-container .summary-container {
  margin-left: 10px;
  margin-right: 10px;
  width: calc(25% - 20px);
}
@media (max-width: 768px) {
  .marketplace .shops-checkout .checkout-container .summary-container {
    width: calc(100% - 20px);
  }
}
.marketplace .shops-checkout .cart-item .cart-item-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.marketplace .shops-checkout .cart-item .cart-item-container .cart-item-img {
  width: 20%;
}
.marketplace .shops-checkout .cart-item .cart-item-container .cart-item-text {
  width: 80%;
  whitespace: nowrap;
  padding-right: 10px;
}
.marketplace .shops-checkout .cart-item .cart-item-container .cart-item-text .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  max-width: 100px;
}
.marketplace .shops-checkout .cart-item .cart-item-container .cart-item-text .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-align: right;
}
.marketplace .shops-checkout .cart-item .cart-item-container .cart-item-text .dropdown-menu {
  text-align: right;
}
.marketplace #js-form-checkout-no-css .cart-item ul li {
  vertical-align: top;
  position: relative;
}
.marketplace #js-form-checkout-no-css .cart-item .p-title {
  word-wrap: break-word;
}
.marketplace #js-form-checkout-no-css .jp-card-container {
  transform: scale(1) !important;
}
.marketplace #js-form-checkout-no-css .s-method .radio label::after {
  top: 9px;
}
.marketplace #js-form-checkout-no-css .radio.radio-shops label::after {
  background-color: #ff5400 !important;
}
.marketplace .checkout-header {
  position: relative;
}
.marketplace .checkout-header:before {
  background: #fff;
  content: "";
  height: 34px;
  width: 100%;
  position: absolute;
}
.marketplace .checkout-header .checkout-progress {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 auto;
}
.marketplace .checkout-header .checkout-progress .check-step {
  width: 33.33%;
}
.marketplace .checkout-header .checkout-progress .check-step h5 {
  position: relative;
  padding: 5px 0 10px;
}
.marketplace .checkout-header .checkout-progress .check-step h6 {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
  margin: 0 auto;
  border: 1px solid #C1C1C1;
  position: relative;
  background: #fff;
  top: -10px;
}
.marketplace .checkout-header .checkout-progress .check-step.active h5:after {
  background: #ff5400;
  content: "";
  width: 50%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -3px;
}
.marketplace .checkout-header .checkout-progress .check-step.active h6 {
  border-color: #ff5400;
  color: #ff5400;
}
.marketplace .checkout-header .checkout-progress .check-step.complete h5:after {
  background: #ff5400;
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -3px;
}
.marketplace .checkout-header .checkout-progress .check-step.complete h6 {
  border-color: #ff5400;
  color: #fff;
  background: #ff5400;
}
.marketplace #order-summary.is_stuck {
  top: 80px !important;
}
.marketplace .collection-view .collection-header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-right: -15px;
  margin-left: -15px;
  background: #fff;
  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
  border-radius: 0.25rem;
}
.marketplace .collection-view .collection-header .collection-img {
  width: 66.67%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  max-height: 500px;
  overflow: hidden;
}
.marketplace .collection-view .collection-header .collection-img img {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
}
.marketplace .collection-view .collection-header .collection-text {
  width: calc(33.33% - 30px);
  margin-right: 15px;
  margin-left: 15px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.marketplace .collection-view .collection-header .collection-text .collection-content {
  flex: 2;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.marketplace .collection-view .collection-header .collection-text .collection-owner {
  align-items: flex-end;
  padding-bottom: 15px;
}
.marketplace .collection-view .collection-header .collection-text .collection-owner ul li {
  vertical-align: middle;
}
.marketplace .collection-view .collection-header .collection-text .collection-owner .share-btn {
  height: 38px;
  background: #ced4da;
  border-radius: 50%;
  display: flex;
  align-items: center;
  color: #101114;
}
@media (max-width: 468px) {
  .marketplace .collection-view .collection-header {
    flex-direction: column;
  }
}
.marketplace .collection-view .collection-items-holder .products-grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.marketplace .collection-view .collection-items-holder .products-grid .item {
  width: calc(20% - 20px);
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
  bord-er-radius: 0.25rem;
  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
}
@media (max-width: 768px) {
  .marketplace .collection-view .collection-items-holder .products-grid .item {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 468px) {
  .marketplace .collection-view .collection-items-holder .products-grid .item {
    width: calc(100% - 20px);
  }
}
.marketplace .collection-view .collection-items-holder .products-grid .item .sale-label {
  background: #323a46 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 13px;
  padding: 3px 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner {
  background: #fff;
  overflow: hidden;
  padding: 3px 3px 10px;
  position: relative;
  text-align: center;
  border-radius: 4px;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img {
  margin: 0 auto;
  position: relative;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info {
  position: relative;
  text-align: center;
  transition: all 0.3s ease-out 0s;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info .box-hover {
  float: right;
  left: -100%;
  margin-top: -76px;
  position: absolute;
  text-align: left;
  top: 55%;
  z-index: 10;
  transition: all 0.3s ease-out 0s;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div {
  margin: 3px 0;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 0;
  font-weight: 700;
  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a span {
  order: 2;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:after {
  background: #fff none repeat scroll 0 0;
  border-radius: 999px;
  color: #98a6ad;
  content: "";
  order: 1;
  font-family: "Font Awesome 5 Pro";
  font-size: 11px;
  height: 40px;
  text-align: center;
  width: 40px;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-quickview::after {
  content: "\f002";
  font-weight: 900;
  font-size: 15px;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-wishlist::after {
  content: "\f004";
  font-size: 13px;
  font-weight: 400;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-wishlist.active::after {
  content: "\f004";
  font-size: 13px;
  font-weight: 900;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-cart::after {
  content: "\f217";
  font-size: 13px;
  font-weight: 900;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:hover {
  background: #98a6ad none repeat scroll 0 0;
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  margin: 0 10px 0 0;
  padding-right: 15px;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:hover:after {
  background: #98a6ad none repeat scroll 0 0;
  color: #fff;
  margin-right: 15px;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info a.product-image {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info a.product-image img {
  max-width: 100%;
  transform: translateZ(0px);
  transition-duration: 500ms;
  transition-property: transform;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info a.product-image:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.4s ease-out 0.2s;
  width: 100%;
  z-index: 1;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-img .item-img-info a.product-image:hover img {
  transform: scale(1.2);
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-info .info-inner {
  border-top: medium none;
  padding: 0 10px;
  text-align: left;
  transition: all 0.3s ease-out 0s;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-info .info-inner .item-title {
  font-size: 14px;
  margin-bottom: 3px;
  overflow: hidden;
  padding-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-info .info-inner .item-title a {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner .item-info .info-inner .item-title p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-inner:hover .item-img .box-hover {
  left: 10px;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .action {
  margin-top: 10px;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .rating {
  vertical-align: middle;
  padding-top: 1px;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .rating .ratings {
  display: inline-block;
  overflow: visible;
  text-align: center;
  transition: all 300ms ease-in-out 0s;
  z-index: 1;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .rating .ratings .rating i {
  font-size: 0.7em;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .merchant li {
  color: #343a40;
  font-size: 10px;
  vertical-align: middle;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .merchant li a {
  color: #343a40;
  font-size: 10px;
  text-decoration: underline;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-price {
  vertical-align: middle;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-price .price-box {
  color: #323a46;
  font-size: 14px;
  font-weight: bold;
  margin: 3px 0 15px;
  min-height: 20px;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-price .price-box del {
  border: medium none;
  color: #999;
  display: block;
  margin: -10px 0 0;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-price .price-box del .amount {
  color: #999;
  font-size: 13px;
  font-weight: normal;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-price .price-box ins {
  border: medium none;
  text-decoration: none;
}
.marketplace .collection-view .collection-items-holder .products-grid .item .item-price .price-box ins ins .amount {
  color: #323a46;
  margin-left: 5px;
}
.marketplace .collection-view .collection-items-holder .products-grid .item:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.marketplace .collection-view .collection-items-holder .products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
  left: 0;
  margin: 0;
  opacity: 0.8;
  top: 0;
}
.marketplace .all-collections .all-collections-header {
  background: url(/media/images/new/marketplace/shops-collections-banner.jpg) #ff5400 no-repeat;
  background-size: cover;
}
.marketplace .all-collections .all-collections-header h1 {
  color: #fff;
  font-family: "AvenirNextRoundedPro";
  font-size: 50px;
  line-heoght: 50px;
}
.marketplace .all-collections .all-collections-header h3 {
  font-family: "AvenirNextRoundedPro";
}
.marketplace .all-collections .collections-grid-featured .owl-stage-outer {
  padding-bottom: 0.1rem;
}
.marketplace .all-collections .collections-grid-featured .item {
  background: #fff;
  bord-er-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.marketplace .all-collections .collections-grid-featured .item .collection-img {
  height: 200px;
  overflow: hidden;
}
.marketplace .all-collections .collections-grid-featured .item .collection-img img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  width: 100%;
  min-height: 200px;
}
.marketplace .all-collections .collections-grid-featured .item .collection-name-wrapper {
  display: block;
  padding: 0 15px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace .all-collections .collections-grid-featured .item .collection-name-wrapper .collection-name {
  color: #101114;
  font-size: 16px;
  font-weight: 300;
  margin: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.marketplace .all-collections .collections-grid-featured .item .collection-name-wrapper small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace .all-collections .collections-grid-featured .item .collection-name-wrapper:hover {
  color: #ff5400;
}
.marketplace .all-collections .collections-grid-featured .item .collection-name-wrapper:hover .collection-name {
  color: #ff5400;
  cursor: pointer;
}
.marketplace .all-collections .collections-grid-featured .item:hover {
  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
}
.marketplace .all-collections .collections-grid-featured:hover .owl-buttons {
  display: block;
}
.marketplace .all-collections .collections-grid-featured .owl-buttons {
  opacity: 1;
  display: none;
}
.marketplace .all-collections .collections-grid-featured .owl-buttons.disabled {
  display: none;
}
.marketplace .all-collections .collections-grid-featured .owl-buttons:hover {
  opacity: 1;
}
.marketplace .all-collections .collections-grid-featured .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
  border-radius: 100%;
  width: 64px;
  height: 64px;
  text-align: center;
}
.marketplace .all-collections .collections-grid-featured .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #101114;
  margin: 0;
  position: absolute;
  top: -10px;
  z-index: 5;
  cursor: pointer;
  width: 64px;
  height: 64px;
  text-align: center;
  border-radius: 100%;
}
.marketplace .all-collections .collections-grid-featured .owl-buttons .owl-prev {
  left: -32px;
  position: absolute;
  top: 50%;
}
.marketplace .all-collections .collections-grid-featured .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.marketplace .all-collections .collections-grid-featured .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.marketplace .all-collections .collections-grid-featured .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 34px;
  font-weight: 900;
  line-height: 64px;
  text-transform: none;
}
.marketplace .all-collections .collections-grid-featured .owl-buttons .owl-next {
  right: -32px;
  position: absolute;
  top: 50%;
}
.marketplace .all-collections .collections-grid-featured .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.marketplace .all-collections .collections-grid-featured .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 34px;
  font-weight: 900;
  line-height: 64px;
  text-transform: none;
}
.marketplace .all-collections .collections-grid {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -12px;
  margin-right: -12px;
}
.marketplace .all-collections .collections-grid .collection {
  background: #fff;
  border-radius: 0.25rem;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 24px;
  width: calc(25% - 24px);
  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
}
.marketplace .all-collections .collections-grid .collection.coll-4 {
  padding: 0;
  width: calc(100% - 24px);
}
.marketplace .all-collections .collections-grid .collection.coll-4 .collection-img {
  height: 300px;
  overflow: hidden;
}
.marketplace .all-collections .collections-grid .collection.coll-4 .collection-img img {
  min-height: 300px;
}
@media (min-width: 768px) {
  .marketplace .all-collections .collections-grid .collection.coll-4 {
    width: calc(33.33% - 24px);
  }
}
.marketplace .all-collections .collections-grid .collection .collection-img {
  height: 200px;
  overflow: hidden;
}
.marketplace .all-collections .collections-grid .collection .collection-img img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  width: 100%;
}
.marketplace .all-collections .collections-grid .collection .collection-name-wrapper {
  display: block;
  padding: 0 15px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace .all-collections .collections-grid .collection .collection-name-wrapper .collection-name {
  color: #101114;
  font-size: 16px;
  font-weight: 300;
  margin: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.marketplace .all-collections .collections-grid .collection .collection-name-wrapper small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace .all-collections .collections-grid .collection .collection-name-wrapper:hover {
  color: #ff5400;
}
.marketplace .all-collections .collections-grid .collection .collection-name-wrapper:hover .collection-name {
  color: #ff5400;
  cursor: pointer;
}
.marketplace .all-collections .collections-grid .collection:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.marketplace .all-sales-events .all-sales-events-header {
  background: url(/media/images/new/marketplace/shops-sales-events-banner.jpg) #ff5400 no-repeat;
  background-size: cover;
}
.marketplace .all-sales-events .sales-events-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -10px;
  margin-right: -10px;
}
.marketplace .all-sales-events .sales-events-container .sales-events-block {
  background: #fff;
  border-radius: 0.25rem;
  margin: 0 10px 20px;
  width: calc(33.33% - 20px);
  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
}
@media (max-width: 468px) {
  .marketplace .all-sales-events .sales-events-container .sales-events-block {
    width: calc(100% - 20px);
  }
}
.marketplace .all-sales-events .sales-events-container .sales-events-block .sales-event-img {
  height: 140px;
  overflow: hidden;
}
.marketplace .all-sales-events .sales-events-container .sales-events-block .sales-event-img img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  width: 100%;
}
.marketplace .all-sales-events .sales-events-container .sales-events-block .sales-event-text {
  display: block;
  padding: 0 15px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace .all-sales-events .sales-events-container .sales-events-block .sales-event-text .se-name {
  color: #101114;
  font-size: 16px;
  font-weight: 300;
  margin: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.marketplace .all-sales-events .sales-events-container .sales-events-block .sales-event-text small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace .all-sales-events .sales-events-container .sales-events-block .sales-event-text:hover {
  color: #ff5400;
}
.marketplace .all-sales-events .sales-events-container .sales-events-block .sales-event-text:hover .se-name {
  color: #ff5400;
  cursor: pointer;
}
.marketplace .all-sales-events .sales-events-container .sales-events-block:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.marketplace .bg-overlay {
  background: -moz-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 64%, rgba(16, 17, 20, 0.8) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 64%, rgba(16, 17, 20, 0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 64%, rgba(16, 17, 20, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00999999", endColorstr="#101114", GradientType=0); /* IE6-9 */
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}
.marketplace .sales-event-view .sales-event-header {
  position: relative;
  overflow: hidden;
}
.marketplace .sales-event-view .sales-event-header .event-name,
.marketplace .sales-event-view .sales-event-header .event-timer {
  position: relative;
  z-index: 2;
}
.marketplace .sales-event-view .checkbox label {
  max-width: 145px;
}
.marketplace .sales-event-view .products-grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.marketplace .sales-event-view .products-grid .item {
  width: calc(20% - 20px);
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
  border-radius: 0.25rem;
  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
}
@media (max-width: 1100px) {
  .marketplace .sales-event-view .products-grid .item {
    width: calc(25% - 20px);
  }
}
@media (max-width: 768px) {
  .marketplace .sales-event-view .products-grid .item {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 468px) {
  .marketplace .sales-event-view .products-grid .item {
    width: calc(100% - 20px);
  }
}
.marketplace .sales-event-view .products-grid .item .sale-label {
  background: #ff5400 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 13px;
  padding: 3px 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
}
.marketplace .sales-event-view .products-grid .item .item-inner {
  background: #fff;
  overflow: hidden;
  padding: 3px 3px 10px;
  position: relative;
  text-align: center;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img {
  margin: 0 auto;
  position: relative;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info {
  position: relative;
  text-align: center;
  transition: all 0.3s ease-out 0s;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info .box-hover {
  float: right;
  left: -100%;
  margin-top: -76px;
  position: absolute;
  text-align: left;
  top: 55%;
  z-index: 10;
  transition: all 0.3s ease-out 0s;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div {
  margin: 3px 0;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 0;
  font-weight: 700;
  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a span {
  order: 2;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:after {
  background: #fff none repeat scroll 0 0;
  border-radius: 999px;
  color: #98a6ad;
  content: "";
  order: 1;
  font-family: "Font Awesome 5 Pro";
  font-size: 11px;
  height: 40px;
  text-align: center;
  width: 40px;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-quickview::after {
  content: "\f002";
  font-weight: 900;
  font-size: 15px;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-wishlist::after {
  content: "\f004";
  font-size: 13px;
  font-weight: 400;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-wishlist.active::after {
  content: "\f004";
  font-size: 13px;
  font-weight: 900;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a.link-cart::after {
  content: "\f217";
  font-size: 13px;
  font-weight: 900;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:hover {
  background: #98a6ad none repeat scroll 0 0;
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  margin: 0 10px 0 0;
  padding-right: 15px;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info .box-hover .add-to-links div a:hover:after {
  background: #98a6ad none repeat scroll 0 0;
  color: #fff;
  margin-right: 15px;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info a.product-image {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info a.product-image img {
  max-width: 100%;
  transform: translateZ(0px);
  transition-duration: 500ms;
  transition-property: transform;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info a.product-image:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.4s ease-out 0.2s;
  width: 100%;
  z-index: 1;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-img .item-img-info a.product-image:hover img {
  transform: scale(1.2);
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-info .info-inner {
  border-top: medium none;
  padding: 0 10px;
  text-align: left;
  transition: all 0.3s ease-out 0s;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-info .info-inner .item-title {
  font-size: 14px;
  margin-bottom: 3px;
  overflow: hidden;
  padding-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-info .info-inner .item-title a {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}
.marketplace .sales-event-view .products-grid .item .item-inner .item-info .info-inner .item-title p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.marketplace .sales-event-view .products-grid .item .item-inner:hover .item-img .box-hover {
  left: 10px;
}
.marketplace .sales-event-view .products-grid .item .action {
  margin-top: 10px;
}
.marketplace .sales-event-view .products-grid .item .rating {
  vertical-align: middle;
  padding-top: 1px;
}
.marketplace .sales-event-view .products-grid .item .rating .ratings {
  display: inline-block;
  overflow: visible;
  text-align: center;
  transition: all 300ms ease-in-out 0s;
  z-index: 1;
}
.marketplace .sales-event-view .products-grid .item .rating .ratings .rating i {
  font-size: 0.7em;
}
.marketplace .sales-event-view .products-grid .item .merchant li {
  color: #343a40;
  font-size: 10px;
  vertical-align: middle;
}
.marketplace .sales-event-view .products-grid .item .merchant li a {
  color: #343a40;
  font-size: 10px;
  text-decoration: underline;
}
.marketplace .sales-event-view .products-grid .item .item-price {
  vertical-align: middle;
}
.marketplace .sales-event-view .products-grid .item .item-price .price-box {
  color: #323a46;
  font-size: 14px;
  font-weight: bold;
  margin: 3px 0 15px;
  min-height: 20px;
}
.marketplace .sales-event-view .products-grid .item .item-price .price-box del {
  border: medium none;
  color: #999;
  display: block;
  margin: -10px 0 0;
}
.marketplace .sales-event-view .products-grid .item .item-price .price-box del .amount {
  color: #999;
  font-size: 13px;
  font-weight: normal;
}
.marketplace .sales-event-view .products-grid .item .item-price .price-box ins {
  border: medium none;
  text-decoration: none;
}
.marketplace .sales-event-view .products-grid .item .item-price .price-box ins ins .amount {
  color: #323a46;
  margin-left: 5px;
}
.marketplace .sales-event-view .products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
  left: 0;
  margin: 0;
  opacity: 0.8;
  top: 0;
}
.marketplace #js-shipping-addresses-holder .radio,
.marketplace #js-shipping-addresses-holder .radio-custom,
.marketplace #js-billing-addresses-holder .radio,
.marketplace #js-billing-addresses-holder .radio-custom {
  width: calc(33.33% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
  flex-direction: row;
  align-items: start;
}
@media (max-width: 768px) {
  .marketplace #js-shipping-addresses-holder .radio,
  .marketplace #js-shipping-addresses-holder .radio-custom,
  .marketplace #js-billing-addresses-holder .radio,
  .marketplace #js-billing-addresses-holder .radio-custom {
    width: 100%;
  }
}
.marketplace .cart_items_row .order-details {
  width: 100%;
}
.marketplace .cart_items_row .order-details .order-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.marketplace .cart_items_row .order-details .order-item .thumb-img {
  margin-right: 10px;
}
.marketplace .cart_items_row .order-details .order-item .order-desc {
  width: 85%;
  padding: 0 15px;
}

.cart-totals .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 71px !important;
}
.cart-totals .cart-item-container {
  margin-right: -10px;
  margin-left: -10px;
}
.cart-totals .cart-item-container .cart-item {
  padding: 0 10px 15px;
  width: 100%;
  max-height: 120px;
}
.cart-totals .cart-item-container .cart-item .item-top {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.cart-totals .cart-item-container .cart-item .item-top .item-img {
  padding: 0 10px 0 0;
  width: 25%;
}
.cart-totals .cart-item-container .cart-item .item-top .item-img img {
  width: 100%;
  max-width: 50px;
  max-height: 50px;
}
.cart-totals .cart-item-container .cart-item .item-top .prod-title {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 75%;
}
.cart-totals .cart-item-container .cart-item .item-top .prod-title .item-price {
  font-size: 12px;
  margin-right: 5px;
}
.cart-totals .cart-item-container .cart-item .item-bottom {
  width: 100%;
  padding-top: 5px;
}

.pagebuilder-content-page .dropdown .dropdown-menu li .dropdown-item {
  white-space: normal !important;
}

.pagebuilder #blocks {
  position: relative;
  z-index: 3;
}
.pagebuilder #blocks .accordion > .card {
  overflow: visible;
}
.pagebuilder #live_editor {
  min-height: 1080px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.pagebuilder #live_editor .container {
  max-width: 1200px;
}
.pagebuilder #live_editor #live_header {
  flex: 1;
  position: relative;
  min-height: 80px;
  cursor: move;
}
.pagebuilder #live_editor #live_header .super-header-1 .overlay-edit,
.pagebuilder #live_editor #live_header .super-header-2 .overlay-edit,
.pagebuilder #live_editor #live_header .super-header-3 .overlay-edit,
.pagebuilder #live_editor #live_header .super-header-4 .overlay-edit,
.pagebuilder #live_editor #live_header .super-header-5 .overlay-edit {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
  opacity: 0;
}
.pagebuilder #live_editor #live_header:hover .overlay-edit {
  opacity: 1;
  z-index: 999;
}
.pagebuilder #live_editor #live_header.ui-droppable:hover:before {
  width: 100%;
  height: 100%;
  content: "";
  border: 5px solid rgba(31, 176, 223, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.pagebuilder #live_editor #live_header button::-moz-focus-inner, .pagebuilder #live_editor #live_header [type=button]::-moz-focus-inner, .pagebuilder #live_editor #live_header [type=reset]::-moz-focus-inner, .pagebuilder #live_editor #live_header [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.pagebuilder #live_editor #live_header .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 30px;
}
.pagebuilder #live_editor #live_header .ps-form--header-search button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  border: none;
  background-color: transparent;
  width: 40px;
  height: 40px;
  font-size: 20px;
}
.pagebuilder #live_editor #live_header .header--standard.transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  border-bottom: none;
  background: rgba(255, 255, 255, 0.45);
}
.pagebuilder #live_editor #live_header .header .header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagebuilder #live_editor #live_header .header .header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 50px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagebuilder #live_editor #live_header .header .ps-logo {
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
}
.pagebuilder #live_editor #live_header .header .header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pagebuilder #live_editor #live_header .header.header--mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pagebuilder #live_editor #live_header .header .header__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.pagebuilder #live_editor #live_header .header .header__actions a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: top;
  font-size: 22px;
  margin-right: 4px;
}
.pagebuilder #live_editor #live_header .header .header__actions a.dropdown-item {
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  font-size: 16px;
}
.pagebuilder #live_editor #live_header .header .header__actions a:last-child {
  margin-right: 0;
}
.pagebuilder #live_editor #live_header .header .header__search {
  padding-right: 40px;
}
.pagebuilder #live_editor #live_header .header .ps-form--header-search {
  position: relative;
}
.pagebuilder #live_editor #live_header .ps-form--header-search input {
  padding-left: 0;
  height: 40px;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  font-size: 15px;
  border-bottom: 1px solid transparent;
}
.pagebuilder #live_editor #live_header .header--standard.transparent .ps-form--header-search input {
  background-color: #fff;
  padding: 0 20px;
  height: 43px;
  border-radius: 50px;
}
.pagebuilder #live_editor #live_header .header--standard.transparent .ps-form--header-search input:focus {
  border: none;
}
.pagebuilder #live_editor #live_header .header--standard.transparent .ps-form--header-search button {
  font-size: 16px;
  right: 10px;
}
.pagebuilder #live_editor #live_header .header.header--mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pagebuilder #live_editor #live_header .header.header--sticky {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
}
.pagebuilder #live_editor #live_header .header.header--sticky .ps-logo img {
  max-height: 50px;
}
.pagebuilder #live_editor #live_header .header--center .ps-form--header-search input {
  text-indent: 40px;
  padding-right: 20px;
}
.pagebuilder #live_editor #live_header .header--center .ps-form--header-search button {
  right: auto;
  left: 0;
}
.pagebuilder #live_editor #live_header .header--simple.header--sticky {
  border-bottom: 1px solid #eaeaea;
}
.pagebuilder #live_editor #live_header .header--simple.transparent {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}
.pagebuilder #live_editor #live_header .header--simple.transparent.header--sticky {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagebuilder #live_editor #live_header .header--fullscreen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.pagebuilder #live_editor #live_header .header--fullscreen .ps-list--social li {
  margin-right: 0;
}
.pagebuilder #live_editor #live_header .header--fullscreen .ps-list--social li a {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  color: #ffffff;
  border: none;
}
.pagebuilder #live_editor #live_header .header--fullscreen .ps-list--social li a:hover {
  color: #f68773;
  background-color: transparent;
}
.pagebuilder #live_editor #live_header .header--fullscreen .ps-form--header-search input {
  text-indent: 40px;
  padding-right: 20px;
  border: none;
  color: #fff;
}
.pagebuilder #live_editor #live_header .header--fullscreen .ps-form--header-search input::-webkit-input-placeholder {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .header--fullscreen .ps-form--header-search input::-moz-placeholder {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .header--fullscreen .ps-form--header-search input:-moz-placeholder {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .header--fullscreen .ps-form--header-search input:-ms-input-placeholder {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .header--fullscreen .ps-form--header-search input:focus {
  border: none;
  background-color: #fff;
  border-radius: 50px;
}
.pagebuilder #live_editor #live_header .header--fullscreen .ps-form--header-search button {
  right: auto;
  left: 0;
  color: #fff;
}
.pagebuilder #live_editor #live_header .header--fullscreen .ps-form--header-search input:focus + button {
  color: #222;
  font-size: 16px;
}
.pagebuilder #live_editor #live_header .header--fullscreen .header__actions > a {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .header--fullscreen .header__search-mini {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .header--fullscreen .header__search {
  padding-right: 0;
}
.pagebuilder #live_editor #live_header .header--fullscreen.dark .ps-list--social li a {
  color: #222;
}
.pagebuilder #live_editor #live_header .header--fullscreen.dark .ps-form--header-search input {
  color: #222;
}
.pagebuilder #live_editor #live_header .header--fullscreen.dark .ps-form--header-search input::-webkit-input-placeholder {
  color: #bbb;
}
.pagebuilder #live_editor #live_header .header--fullscreen.dark .ps-form--header-search input::-moz-placeholder {
  color: #bbb;
}
.pagebuilder #live_editor #live_header .header--fullscreen.dark .ps-form--header-search input:-moz-placeholder {
  color: #bbb;
}
.pagebuilder #live_editor #live_header .header--fullscreen.dark .ps-form--header-search input:-ms-input-placeholder {
  color: #bbb;
}
.pagebuilder #live_editor #live_header .header--fullscreen.dark .ps-form--header-search input:focus {
  border: none;
  border-radius: 50px;
}
.pagebuilder #live_editor #live_header .header--fullscreen.dark .ps-form--header-search button {
  color: #999;
}
.pagebuilder #live_editor #live_header .header--fullscreen.dark .ps-form--header-search input:focus + button {
  color: #222;
}
.pagebuilder #live_editor #live_header .header--fullscreen.dark .header__actions > a {
  color: #222;
}
.pagebuilder #live_editor #live_header .header--fullscreen.dark .header__menu-toggle {
  color: #222;
}
.pagebuilder #live_editor #live_header .header--fullscreen.header--sticky {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagebuilder #live_editor #live_header .ps-list--social li {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}
.pagebuilder #live_editor #live_header .ps-list--social li a {
  display: inline-block;
  font-size: 14px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #636363;
  border: 1px solid #404040;
}
.pagebuilder #live_editor #live_header .ps-list--social li a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 18px;
}
.pagebuilder #live_editor #live_header .ps-list--social li a:hover i {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .ps-list--social li a.facebook:hover {
  background-color: #3b5998;
}
.pagebuilder #live_editor #live_header .ps-list--social li a.twitter:hover {
  background-color: #0084b4;
}
.pagebuilder #live_editor #live_header .ps-list--social li a.google-plus {
  background-color: #FF0000;
}
.pagebuilder #live_editor #live_header .ps-list--social li a.google-plus i {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .ps-list--social li a.instagram i {
  color: #C32AA3;
}
.pagebuilder #live_editor #live_header .ps-list--social li:last-child {
  margin-right: 0;
}
.pagebuilder #live_editor #live_header .ps-list--social.simple li {
  margin-right: 0;
}
.pagebuilder #live_editor #live_header .ps-list--social.simple li a {
  width: 30px;
  height: 30px;
  border: none;
  background-color: transparent;
}
.pagebuilder #live_editor #live_header .ps-list--social.square li {
  margin-right: 10px;
}
.pagebuilder #live_editor #live_header .ps-list--social.square li a {
  width: 85px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
  border: none;
}
@media (min-width: 1200px) {
  .pagebuilder #live_editor #live_header .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px;
  }
  .pagebuilder #live_editor #live_header .header.header--mobile {
    display: none;
  }
  .pagebuilder #live_editor #live_header .header--center {
    padding: 15px 0;
  }
  .pagebuilder #live_editor #live_header .header--center .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  .pagebuilder #live_editor #live_header .header--center .container > * {
    width: 100%;
  }
  .pagebuilder #live_editor #live_header .header--center .header__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .pagebuilder #live_editor #live_header .header--center .header__right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-left: 0;
  }
  .pagebuilder #live_editor #live_header .header--simple {
    padding: 30px 50px;
    border-bottom: none;
  }
  .pagebuilder #live_editor #live_header .header--simple .ps-form--header-search {
    display: block;
  }
  .pagebuilder #live_editor #live_header .header--simple .header__search {
    padding-right: 0;
  }
  .pagebuilder #live_editor #live_header .header--simple .header__search-mini {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pagebuilder #live_editor #live_header .header--simple .header__actions > a {
    margin-right: 0;
  }
  .pagebuilder #live_editor #live_header .header--simple .header__right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen {
    padding: 30px 80px;
    border-bottom: 0;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen > * {
    width: 100%;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__menu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    color: #ffffff;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__menu-toggle span {
    margin-right: 6px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    display: none;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__menu-toggle i {
    color: inherit;
    font-size: inherit;
    font-size: 30px;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__menu-toggle:hover {
    color: #f68773;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__actions {
    padding-right: 10px;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__search {
    display: none;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1170px;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__center .ps-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__left {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 0;
    display: none;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__right {
    padding-left: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: auto;
  }
  .pagebuilder #live_editor #live_header .header--boxed .header__search {
    padding-right: 0;
  }
  .pagebuilder #live_editor #live_header .header--boxed .header__top {
    padding: 5px 30px;
  }
  .pagebuilder #live_editor #live_header .header--boxed .header__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 30px;
  }
  .pagebuilder #live_editor #live_header .header--boxed .header__right {
    width: 100%;
    padding-left: 100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .pagebuilder #live_editor #live_header .ps-banner {
    padding: 0 170px;
  }
  .pagebuilder #live_editor #live_header .ps-banner h3 {
    font-size: 72px;
  }
  .pagebuilder #live_editor #live_header .ps-banner .ps-banner__content {
    max-width: 50%;
  }
  .pagebuilder #live_editor #live_header .ps-banner.white h3 {
    font-size: 60px;
  }
}
@media (min-width: 1366px) {
  .pagebuilder #live_editor #live_header .header--fullscreen .header__actions {
    padding-right: 0;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__actions .header__search-mini {
    display: none;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__menu-toggle span {
    display: inline-block;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__search {
    display: inline-block;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__right {
    padding-left: 0;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__left, .pagebuilder #live_editor #live_header .header--fullscreen .header__right {
    width: 15%;
  }
  .pagebuilder #live_editor #live_header .header--fullscreen .header__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1440px) {
  .pagebuilder #live_editor #live_header .header {
    padding: 30px 60px;
  }
}
@media (min-width: 1680px) {
  .pagebuilder #live_editor #live_header .header {
    padding: 10px 80px;
  }
  .pagebuilder #live_editor #live_header .header .header__right {
    padding-left: 170px;
  }
}
@media (min-width: 1366px) {
  .pagebuilder #live_editor #live_header .header .ps-form--header-search {
    display: block;
    min-width: 270px;
  }
  .pagebuilder #live_editor #live_header .header .header__search-mini {
    display: none;
  }
}
.pagebuilder #live_editor #live_header .dynamic ul {
  padding-left: 0;
  margin-bottom: 0;
}
.pagebuilder #live_editor #live_header .dynamic li {
  display: inline-block;
}
.pagebuilder #live_editor #live_header .dynamic header {
  background-color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-absolute {
  position: absolute;
  width: 100%;
  top: 62px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-absolute .main-menu {
  background-color: white;
}
.pagebuilder #live_editor #live_header .dynamic header.header-absolute .main-menu .menu-left .navbar {
  padding: 20px 45px 20px 0;
}
.pagebuilder #live_editor #live_header .dynamic header.header-absolute .main-menu .brand-logo {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-absolute .pixelstrap > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-absolute .pixelstrap > li > a:hover, .pagebuilder #live_editor #live_header .dynamic header.header-absolute .pixelstrap > li > a:active, .pagebuilder #live_editor #live_header .dynamic header.header-absolute .pixelstrap > li > a:focus, .pagebuilder #live_editor #live_header .dynamic header.header-absolute .pixelstrap > li > a.highlighted {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-absolute .pixelstrap li .lable-nav {
  top: 0;
}
.pagebuilder #live_editor #live_header .dynamic header.header-absolute .onhover-div {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym {
  position: absolute;
  width: 100%;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .main-menu {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0 15px;
  z-index: 1;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .main-menu .menu-left .navbar {
  padding: 20px 45px 20px 0;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .main-menu .menu-left .navbar i {
  color: white;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .main-menu .brand-logo {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .main-menu .onhover-div .show-div {
  top: 70px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .pixelstrap > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .pixelstrap > li > a:hover, .pagebuilder #live_editor #live_header .dynamic header.header-gym .pixelstrap > li > a:active, .pagebuilder #live_editor #live_header .dynamic header.header-gym .pixelstrap > li > a:focus, .pagebuilder #live_editor #live_header .dynamic header.header-gym .pixelstrap > li > a.highlighted {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .onhover-div {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .onhover-div > div img {
  -webkit-filter: brightness(54);
  filter: brightness(54);
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .top-header {
  z-index: 9;
  position: relative;
  background: transparent;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .top-header .header-contact li {
  color: #fff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .top-header .header-contact li i {
  color: #fff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .top-header .header-dropdown li {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .top-header .header-dropdown li a {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .top-header .header-dropdown li a i {
  color: #ffffff;
  padding-right: 8px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-gym .top-header.blue-layout {
  border-bottom: 1px solid #223b7d;
}
.pagebuilder #live_editor #live_header .dynamic header.header-black {
  background-color: #141414;
}
.pagebuilder #live_editor #live_header .dynamic header.header-black .main-menu .menu-left .navbar {
  padding: 20px 45px 20px 0;
}
.pagebuilder #live_editor #live_header .dynamic header.header-black .main-menu .menu-left .navbar i {
  color: white;
}
.pagebuilder #live_editor #live_header .dynamic header.header-black .main-menu .brand-logo {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-black .pixelstrap > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #e5e5e5;
}
.pagebuilder #live_editor #live_header .dynamic header.header-black .pixelstrap > li > a:hover, .pagebuilder #live_editor #live_header .dynamic header.header-black .pixelstrap > li > a:active, .pagebuilder #live_editor #live_header .dynamic header.header-black .pixelstrap > li > a:focus, .pagebuilder #live_editor #live_header .dynamic header.header-black .pixelstrap > li > a.highlighted {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #e5e5e5;
}
.pagebuilder #live_editor #live_header .dynamic header.header-black .pixelstrap li .lable-nav {
  top: 0;
}
.pagebuilder #live_editor #live_header .dynamic header.header-black .onhover-div {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-black .onhover-div > div img {
  -webkit-filter: brightness(54);
  filter: brightness(54);
}
.pagebuilder #live_editor #live_header .dynamic header.header-5 {
  position: absolute;
  width: 100%;
  background-color: transparent;
}
.pagebuilder #live_editor #live_header .dynamic header.header-5 .top-header {
  background-color: transparent;
}
.pagebuilder #live_editor #live_header .dynamic header.header-5 .top-header .header-dropdown > li {
  padding-top: 40px;
  padding-right: 0;
}
.pagebuilder #live_editor #live_header .dynamic header.header-5 .top-header .header-dropdown > li.mobile-account:before {
  display: none;
}
.pagebuilder #live_editor #live_header .dynamic header.header-5 .top-header .header-dropdown .onhover-dropdown .onhover-show-div {
  top: 80px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-5 .onhover-div .show-div {
  top: 80px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-5.container-med .container-fluid {
  padding-left: 50px;
  padding-right: 50px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-6 .top-header {
  background-color: var(--theme-deafult);
}
.pagebuilder #live_editor #live_header .dynamic header.header-6 .top-header .header-contact li {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-6 .top-header .header-contact li i {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-6 .top-header .header-dropdown li {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-6 .top-header .header-dropdown li a {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-6 .top-header .header-dropdown li a i {
  color: white;
}
.pagebuilder #live_editor #live_header .dynamic header.header-6 .mobile-search {
  display: none;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  background-color: transparent;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .main-menu .menu-left .navbar {
  padding: 25px 45px 25px 0;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .main-menu .menu-left .navbar i {
  color: white;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .main-menu .brand-logo {
  padding-top: 25px;
  padding-bottom: 25px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .onhover-div {
  padding-top: 25px;
  padding-bottom: 25px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .onhover-div img {
  -webkit-filter: brightness(100);
  filter: brightness(100);
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .onhover-div .show-div img {
  -webkit-filter: unset;
  filter: unset;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .onhover-div:hover .show-div {
  -webkit-transform: translateY(-23px);
  transform: translateY(-23px);
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .game-layout {
  background-color: rgba(0, 0, 0, 0.5);
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .pixelstrap.sm-horizontal > li > a {
  color: white;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .pixelstrap.sm-horizontal > li > a:hover, .pagebuilder #live_editor #live_header .dynamic header.header-7 .pixelstrap.sm-horizontal > li > a:active {
  color: white;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .top-header {
  background-color: transparent;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .top-header.top-header-dark .header-contact li {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .top-header.top-header-dark .header-contact li i {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .top-header.top-header-dark .header-dropdown > li {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .top-header.top-header-dark .header-dropdown > li > a {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-7 .top-header.top-header-dark .header-dropdown > li > a i {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools {
  position: absolute;
  width: 100%;
  top: 35px;
  z-index: 1;
  background-color: transparent;
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .container {
  padding-left: 30px;
  padding-right: 30px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .top-header {
  background-color: transparent;
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .top-header .container {
  background-color: var(--theme-deafult);
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .top-header .header-contact {
  padding: 10px 0;
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .top-header .header-contact li {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .top-header .header-dropdown li {
  color: #ffffff;
  padding: 10px 25px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .top-header .header-dropdown li a i {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .logo-menu-part > .container {
  background-color: #fff;
  border-bottom: 2px solid var(--theme-deafult);
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .main-menu .menu-left .navbar {
  padding: 25px 45px 25px 0;
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .main-menu .brand-logo {
  padding-top: 25px;
  padding-bottom: 25px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .pixelstrap.sm-horizontal > li > a {
  padding-top: 25px;
  padding-bottom: 25px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .pixelstrap.sm-horizontal > li > a:hover, .pagebuilder #live_editor #live_header .dynamic header.header-tools .pixelstrap.sm-horizontal > li > a:active, .pagebuilder #live_editor #live_header .dynamic header.header-tools .pixelstrap.sm-horizontal > li > a:focus, .pagebuilder #live_editor #live_header .dynamic header.header-tools .pixelstrap.sm-horizontal > li > a.highlighted {
  padding-top: 25px;
  padding-bottom: 25px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .pixelstrap.sm-horizontal li .lable-nav {
  top: 5px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-tools .onhover-div {
  padding-top: 25px;
  padding-bottom: 25px;
}
.pagebuilder #live_editor #live_header .dynamic header.green-gradient .top-header {
  background: var(--theme-deafult);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient1)), to(var(--gradient2)));
  background-image: linear-gradient(to right, var(--gradient1), var(--gradient2));
}
.pagebuilder #live_editor #live_header .dynamic header.green-gradient .top-header .header-contact {
  padding: 10px 0;
}
.pagebuilder #live_editor #live_header .dynamic header.green-gradient .top-header .header-contact li {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.green-gradient .top-header .header-contact li i {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.green-gradient .top-header .header-dropdown li {
  color: #ffffff;
  padding: 10px 25px;
}
.pagebuilder #live_editor #live_header .dynamic header.green-gradient .top-header .header-dropdown li a {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.green-gradient .top-header .header-dropdown li a i {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.green-gradient .pixelstrap li .lable-nav {
  background: var(--theme-deafult);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient1)), to(var(--gradient2)));
  background-image: linear-gradient(to right, var(--gradient1), var(--gradient2));
}
.pagebuilder #live_editor #live_header .dynamic header.header-metro {
  position: absolute;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.pagebuilder #live_editor #live_header .dynamic header.header-metro .top-header {
  background-color: transparent;
  z-index: 9;
  position: relative;
}
.pagebuilder #live_editor #live_header .dynamic header.header-metro .metro {
  background-color: white;
  z-index: 1;
  position: relative;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .top-header {
  padding-left: 300px;
  background-color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .top-header .header-dropdown .mobile-wishlist img,
.pagebuilder #live_editor #live_header .dynamic header.left-header .top-header .header-dropdown .mobile-account img {
  display: block;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .top-header .header-dropdown .mobile-wishlist i,
.pagebuilder #live_editor #live_header .dynamic header.left-header .top-header .header-dropdown .mobile-account i {
  display: none;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .onhover-div {
  padding-top: 15px;
  padding-bottom: 15px;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .onhover-div > div img {
  width: 20px;
  height: auto;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .onhover-div .show-div {
  top: 56px;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav {
  left: 0;
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25);
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .sidebar-back {
  display: none;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav nav {
  background-color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .pixelstrap > li > a {
  padding: 10px 0 20px 0;
  background-color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .pixelstrap > li > a:hover, .pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .pixelstrap > li > a:focus, .pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .pixelstrap > li > a.highlighted {
  padding: 10px 0 20px 0;
  background-color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .pixelstrap > li .lable-nav {
  top: -12px;
  background-color: #eeeeee;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .pixelstrap > li .lable-nav:before {
  border-top: 5px solid #ff4c3b;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .pixelstrap > li .lable-nav.grey-lable {
  background-color: #4d6171;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .pixelstrap > li .lable-nav.grey-lable:before {
  border-top: 5px solid #4d6171;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .left-sidebar_search {
  width: 100%;
  background-color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .left-sidebar_search input {
  height: 55px;
  width: 95%;
  border: none;
  padding-left: 15px;
  background-color: transparent;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .left-sidebar_search .btn-search {
  position: absolute;
  right: 10px;
  top: 20px;
  border: none;
  background-color: transparent;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .left-sidebar_center {
  padding: 40px 0 30px 30px;
  background-color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section {
  padding: 70px 25px;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section .icon_settings li {
  display: inline-block;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section .icon_settings .shopping-cart {
  position: relative;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section .icon_settings .shopping-cart .shopping-count {
  width: 18px;
  height: 18px;
  background-color: #ff4c3b;
  color: white;
  position: absolute;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -7px;
  right: 7px;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section ul li {
  display: inline-block;
  padding: 8px 15px 8px 0;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section ul li a {
  font-size: 16px;
  text-transform: capitalize;
  color: #222222;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section ul li a i {
  font-size: 18px;
  padding-right: 5px;
  color: #222222;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section .leftside_setting .language,
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section .leftside_setting .currency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section .leftside_setting .language h5,
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section .leftside_setting .currency h5 {
  margin-bottom: 0;
  text-transform: capitalize;
  color: #999;
  margin-top: 0;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section .leftside_setting .language select,
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section .leftside_setting .currency select {
  margin-left: 10px;
  border: none;
  outline: none;
  text-transform: capitalize;
  color: #222222;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .bottom-section .leftside_setting h5 {
  margin-top: 10px;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .leftside_social {
  position: relative;
  width: 100%;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 1px dashed #dddddd;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .leftside_social .footer-social {
  margin-top: 0;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .leftside_social .footer-social i {
  font-size: 18px;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .leftside_social .footer-social li {
  padding: 10px;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .leftside_social .call_us h5 {
  text-align: center;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .sidenav .leftside_social .call_us h5 span {
  display: block;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .main-menu {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .main-menu .brand-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px dashed #dddddd;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .main-menu .menu-right .header-dropdown > li img {
  width: 20px;
  height: auto;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .main-menu .menu-right .icon-nav .onhover-div > img {
  width: 20px;
  height: auto;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .main-menu .menu-left .navbar {
  display: none;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .main-menu .menu-left .mobile-logo {
  display: none;
}
.pagebuilder #live_editor #live_header .dynamic header.left-header .search-overlay {
  padding-left: 300px;
}
.pagebuilder #live_editor #live_header .dynamic header.video-header .top-header {
  background-color: var(--theme-deafult);
}
.pagebuilder #live_editor #live_header .dynamic header.video-header .top-header .header-contact {
  padding: 10px 0;
}
.pagebuilder #live_editor #live_header .dynamic header.video-header .top-header .header-contact li {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.video-header .top-header .header-dropdown li {
  padding: 10px 25px;
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.video-header .top-header .header-dropdown li a i {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas {
  position: absolute;
  width: 100%;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .main-menu .menu-left .navbar {
  padding: 20px 45px 20px 0;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .main-menu .menu-left .navbar i {
  color: white;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .main-menu .brand-logo {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .pixelstrap > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .pixelstrap > li > a:hover, .pagebuilder #live_editor #live_header .dynamic header.header-christmas .pixelstrap > li > a:active, .pagebuilder #live_editor #live_header .dynamic header.header-christmas .pixelstrap > li > a:focus, .pagebuilder #live_editor #live_header .dynamic header.header-christmas .pixelstrap > li > a.highlighted {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .pixelstrap li .lable-nav {
  top: 0;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .onhover-div {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .onhover-div > div img {
  -webkit-filter: brightness(54);
  filter: brightness(54);
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .top-header {
  z-index: 9;
  position: relative;
  background: transparent;
  border-bottom: 1px solid #d13b3c;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .top-header .header-contact li {
  color: #fff;
  font-size: 16px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .top-header .header-contact li i {
  color: #fff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .top-header .header-dropdown li {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .top-header .header-dropdown li a {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .top-header .header-dropdown li a i {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .top-header.blue-layout {
  border-bottom: 1px solid #223b7d;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .toggle-nav {
  padding-top: 24px;
  padding-bottom: 24px;
}
.pagebuilder #live_editor #live_header .dynamic header.header-christmas .toggle-nav i {
  color: white !important;
}
.pagebuilder #live_editor #live_header .dynamic header.marketplace.header-tools {
  position: relative;
  width: 100%;
  top: 0;
}
.pagebuilder #live_editor #live_header .dynamic header.marketplace .top-header {
  background-color: var(--theme-deafult);
}
.pagebuilder #live_editor #live_header .dynamic header.marketplace .top-header .header-contact li {
  color: white;
}
.pagebuilder #live_editor #live_header .dynamic header.marketplace .top-header .header-dropdown li {
  color: white;
}
.pagebuilder #live_editor #live_header .dynamic header.marketplace .top-header .header-dropdown li a {
  color: white;
}
.pagebuilder #live_editor #live_header .dynamic header.marketplace .top-header .header-dropdown li a i {
  color: white;
}
.pagebuilder #live_editor #live_header .dynamic .color-dark .top-header {
  background-color: #2d2a25;
}
.pagebuilder #live_editor #live_header .dynamic .hover-unset {
  position: static !important;
}
.pagebuilder #live_editor #live_header .dynamic .onhover-dropdown {
  position: relative;
  font-size: 14px;
}
.pagebuilder #live_editor #live_header .dynamic .onhover-dropdown:before {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 3px;
}
.pagebuilder #live_editor #live_header .dynamic .onhover-dropdown .onhover-show-div {
  top: 50px;
  position: absolute;
  z-index: 10;
  background-color: #ffffff;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
  min-width: 160px;
  text-align: left;
  -webkit-box-shadow: 0 0 1px 0 #ebebeb;
  box-shadow: 0 0 1px 0 #ebebeb;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  right: 0;
  padding: 15px 20px;
  border-radius: 0 !important;
}
.pagebuilder #live_editor #live_header .dynamic .onhover-dropdown .onhover-show-div.product-page-full {
  z-index: 99999;
}
.pagebuilder #live_editor #live_header .dynamic .onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  visibility: visible;
}
.pagebuilder #live_editor #live_header .dynamic .onhover-div {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Lato, sans-serif;
}
.pagebuilder #live_editor #live_header .dynamic .onhover-div img,
.pagebuilder #live_editor #live_header .dynamic .onhover-div i {
  cursor: pointer;
}
.pagebuilder #live_editor #live_header .dynamic .onhover-div .show-div {
  top: 103px;
  position: absolute;
  z-index: 9;
  background-color: #ffffff;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
  min-width: 236px;
  text-align: left;
  -webkit-box-shadow: 0 0 1px 0 #ebebeb;
  box-shadow: 0 0 1px 0 #ebebeb;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  right: 0;
  padding: 0;
  border-radius: 0 !important;
}
.pagebuilder #live_editor #live_header .dynamic .onhover-div:hover .show-div {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  visibility: visible;
}
.pagebuilder #live_editor #live_header .dynamic .search-overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: white;
}
.pagebuilder #live_editor #live_header .dynamic .search-overlay > div {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pagebuilder #live_editor #live_header .dynamic .search-overlay > div .overlay-content {
  width: 100%;
}
.pagebuilder #live_editor #live_header .dynamic .search-overlay > div .overlay-content .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pagebuilder #live_editor #live_header .dynamic .search-overlay > div .overlay-content input {
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid #777777;
  border-radius: 0;
  padding: 20px 0;
}
.pagebuilder #live_editor #live_header .dynamic .search-overlay > div .overlay-content input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #777777;
  font-size: 18px;
}
.pagebuilder #live_editor #live_header .dynamic .search-overlay > div .overlay-content input::-moz-placeholder {
  /* Firefox 19+ */
  color: #777777;
  font-size: 18px;
}
.pagebuilder #live_editor #live_header .dynamic .search-overlay > div .overlay-content input:-ms-input-placeholder {
  /* IE 10+ */
  color: #777777;
  font-size: 18px;
}
.pagebuilder #live_editor #live_header .dynamic .search-overlay > div .overlay-content input:-moz-placeholder {
  /* Firefox 18- */
  color: #777777;
  font-size: 18px;
}
.pagebuilder #live_editor #live_header .dynamic .search-overlay > div .overlay-content button {
  position: absolute;
  top: 10px;
  background-color: transparent;
  border: 0;
  font-size: 24px;
  color: #777777;
  right: 10px;
}
.pagebuilder #live_editor #live_header .dynamic .search-overlay > div .closebtn {
  position: fixed;
  top: 10px;
  right: 25px;
  color: #777777;
  font-size: 40px;
  cursor: pointer;
}
.pagebuilder #live_editor #live_header .dynamic .top-header {
  background-color: #f8f8f8;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-contact {
  padding: 15px 0;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-contact li {
  color: #999999;
  font-size: 14px;
  padding-right: 25px;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-contact li i {
  color: var(--theme-deafult);
  padding-right: 10px;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown li {
  cursor: pointer;
  color: #999999;
  padding: 15px 25px;
  padding-right: 20px;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown li:first-child {
  padding-right: 0;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown li a {
  text-transform: capitalize;
  color: #999999;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown li i {
  padding-right: 5px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown li ul li {
  padding-top: 0;
  padding-bottom: 0;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown li a i {
  color: #999999;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown li a:hover i {
  color: var(--theme-deafult);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown li:hover i {
  color: var(--theme-deafult);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .onhover-dropdown .onhover-show-div li {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  padding-bottom: 5px;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .onhover-dropdown .onhover-show-div li:last-child {
  padding-bottom: 0;
}
.pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .onhover-dropdown .onhover-show-div li a {
  color: #333333;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark {
  background-color: #222222;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark .header-contact li {
  color: #777777;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark .header-contact li i {
  color: #777777;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark .header-dropdown li {
  color: #777777;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark .header-dropdown li a {
  color: #777777;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark .header-dropdown li a i {
  color: #777777;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark .header-dropdown li a:hover i {
  color: var(--theme-deafult);
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark2 {
  background-color: #2d2a25;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark2 .header-contact li {
  color: #7f786d;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark2 .header-contact li i {
  color: #7f786d;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark2 .header-dropdown li {
  color: #7f786d;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark2 .header-dropdown li a {
  color: #7f786d;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark2 .header-dropdown li a i {
  color: #7f786d;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark2 .header-dropdown li a:hover i {
  color: var(--theme-deafult);
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark3 {
  background-color: #393230;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark3 .header-contact li {
  color: #948e8c;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark3 .header-contact li i {
  color: #948e8c;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark3 .header-dropdown li {
  color: #948e8c;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark3 .header-dropdown li a {
  color: #948e8c;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark3 .header-dropdown li a i {
  color: #948e8c;
}
.pagebuilder #live_editor #live_header .dynamic .top-header.top-header-dark3 .header-dropdown li a:hover i {
  color: var(--theme-deafult);
}
.pagebuilder #live_editor #live_header .dynamic .layout3-menu .main-menu .menu-left .navbar i {
  font-size: 22px;
}
.pagebuilder #live_editor #live_header .dynamic .absolute-logo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.pagebuilder #live_editor #live_header .dynamic .main-menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 9;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu.product-full-page {
  z-index: 9999;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .brand-logo {
  display: inline-block;
  padding-top: 35px;
  padding-bottom: 35px;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-left .navbar {
  display: inline-block;
  padding: 40px 45px 40px 0;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-left .navbar i {
  font-size: 28px;
  color: #222222;
  cursor: pointer;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-left .navbar.white-navbar i {
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-left.around-border .navbar > a {
  padding: 0;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-left.category-nav-right .navbar {
  padding-right: 0;
  padding-left: 45px;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-left.category-nav-right .navbar > a {
  padding: 0;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-left.category-nav-right .navbar i {
  color: #938d8c;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav {
  display: inline-block;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav li {
  padding-left: 20px;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart {
  padding: 15px 15px;
  min-width: 270px;
  left: unset;
  right: 0;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li {
  position: relative;
  padding-bottom: 10px;
  width: 100%;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li:last-child {
  padding-bottom: 0;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media img {
  height: 90px;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body {
  -ms-flex-item-align: center;
  align-self: center;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body h4 {
  color: #333333;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body h4 span {
  color: #777777;
  font-size: 16px;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle {
  position: absolute;
  top: 0;
  right: 0;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle i {
  color: #a1a1a1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle i:hover {
  color: #000000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total {
  border-top: 1px solid #f1f5f4;
  border-bottom: 1px solid #f1f5f4;
  padding-top: 10px;
  padding-bottom: 10px;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total h5 {
  text-transform: capitalize;
  margin-bottom: 0;
  color: #999999;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total h5 span {
  float: right;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons a {
  font-size: 16px;
  color: #333333;
  text-transform: capitalize;
  font-weight: 700;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons a:hover {
  color: var(--theme-deafult);
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons .checkout {
  float: right;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.setting {
  padding: 15px 20px 20px;
  min-width: 175px;
  right: 0;
  left: unset;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.setting h6 {
  font-size: 16px;
  text-transform: capitalize;
  color: #333333;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 5px;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.setting h6:first-child {
  margin-top: 0;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.setting ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0;
  padding-left: 17px;
  padding-top: 5px;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div.setting ul li a {
  color: #333333;
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div li {
  padding: 0;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div li .form-control {
  border-radius: 0;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div li .form-control:focus {
  border: 1px solid #ced4da;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .onhover-div .show-div li .search-btn {
  padding: 8px 12px;
  background-color: var(--theme-deafult);
  color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav.white-icon .onhover-div img {
  -webkit-filter: brightness(5);
  filter: brightness(5);
}
.pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav.white-icon .onhover-div .show-div img {
  -webkit-filter: none;
  filter: none;
}
.pagebuilder #live_editor #live_header .dynamic .nav-cat li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 25px;
  padding-right: 25px;
}
.pagebuilder #live_editor #live_header .dynamic .nav-cat li .round-cat {
  height: 50px;
  width: 50px;
  border: 1px solid #dddddd;
  padding: 12px;
  border-radius: 100%;
  margin-right: 10px;
}
.pagebuilder #live_editor #live_header .dynamic .nav-cat li a {
  color: #222222;
  font-size: 16px;
  text-transform: uppercase;
}
.pagebuilder #live_editor #live_header .dynamic .sidebar-unset {
  overflow-y: unset !important;
}
.pagebuilder #live_editor #live_header .dynamic .sm, .pagebuilder #live_editor #live_header .dynamic .sm ul, .pagebuilder #live_editor #live_header .dynamic .sm li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  text-align: left;
}
.pagebuilder #live_editor #live_header .dynamic .sm {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.pagebuilder #live_editor #live_header .dynamic .sm ul {
  display: none;
}
.pagebuilder #live_editor #live_header .dynamic .sm li {
  position: relative;
}
.pagebuilder #live_editor #live_header .dynamic .sm > li > h1 {
  margin: 0;
  padding: 0;
}
.pagebuilder #live_editor #live_header .dynamic .sm > li > h2 {
  margin: 0;
  padding: 0;
}
.pagebuilder #live_editor #live_header .dynamic .sm > li > h3 {
  margin: 0;
  padding: 0;
}
.pagebuilder #live_editor #live_header .dynamic .sm > li > h4 {
  margin: 0;
  padding: 0;
}
.pagebuilder #live_editor #live_header .dynamic .sm > li > h5 {
  margin: 0;
  padding: 0;
}
.pagebuilder #live_editor #live_header .dynamic .sm > li > h6 {
  margin: 0;
  padding: 0;
}
.pagebuilder #live_editor #live_header .dynamic .sm a {
  position: relative;
  display: block;
}
.pagebuilder #live_editor #live_header .dynamic .sm a.disabled {
  cursor: default;
}
.pagebuilder #live_editor #live_header .dynamic .sm * {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.pagebuilder #live_editor #live_header .dynamic .sm *::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.pagebuilder #live_editor #live_header .dynamic .sm *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.pagebuilder #live_editor #live_header .dynamic .sm::after {
  content: "";
  display: block;
  height: 0;
  font: 0/0 serif;
  clear: both;
  overflow: hidden;
}
.pagebuilder #live_editor #live_header .dynamic .toggle-nav {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  cursor: pointer;
}
.pagebuilder #live_editor #live_header .dynamic .toggle-nav i {
  font-size: 24px;
  color: var(--theme-deafult);
  opacity: 0.6;
}
.pagebuilder #live_editor #live_header .dynamic .mega-menu-banner:hover:before {
  display: none;
}
.pagebuilder #live_editor #live_header .dynamic .new-tag {
  padding-left: 3px;
  color: var(--theme-deafult);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}
.pagebuilder #live_editor #live_header .dynamic .up-text {
  position: relative;
}
.pagebuilder #live_editor #live_header .dynamic .up-text span {
  position: absolute;
  top: -5px;
  right: -10px;
  color: var(--theme-deafult);
  font-size: 12px;
  font-weight: 700;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap.sm-vertical a .sub-arrow {
  margin-top: -22px;
  right: 7px;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul {
  border-radius: 0;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap.light-font-menu li > a {
  color: #393230;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap a:hover, .pagebuilder #live_editor #live_header .dynamic .pixelstrap a:active {
  padding-right: 45px;
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 42px;
  padding-bottom: 42px;
  letter-spacing: 0.07em;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap a:hover {
  color: var(--theme-deafult);
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap a.disabled {
  color: #ffd8d4;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 15px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  border-radius: 4px;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > *:not(ul) a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > *:not(ul) a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  border-radius: 0 0 0 0;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > a.highlighted, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > *:not(ul) a.highlighted,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > a.highlighted, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  border-radius: 0;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul {
  background: #fff;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul {
  background: rgba(255, 85, 69, 0.04);
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a:hover, .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a:focus, .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a:active {
  background: transparent;
  color: #ff3522;
  font-size: 14px;
  text-shadow: none;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a.current {
  background: #ff4c3b;
  color: #fff;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a.disabled {
  color: #b3b3b3;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul a,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul a:hover,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul a:focus,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul a:active {
  border-left: 16px solid transparent;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul ul a,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul ul a:hover,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul ul a:focus,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul ul a:active {
  border-left: 24px solid transparent;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul ul ul a,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul ul ul a:hover,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul ul ul a:focus,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul ul ul ul a,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul ul ul ul a:hover,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul ul ul ul a:focus,
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap ul li:first-child {
  border-top: 0;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .mega {
  position: unset !important;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .mega .full-mega-menu.center-mega-menu {
  margin-left: 0 !important;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .mega ul {
  margin-left: 0 !important;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .icon-trend {
  color: var(--theme-deafult);
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu, .pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu {
  max-width: inherit !important;
  padding: 30px 0 15px;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu a {
  padding: 0;
  position: relative;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu a h6, .pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu a h6 {
  font-size: 14px;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-weight: 400;
  text-transform: capitalize;
  color: #222222;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu a img, .pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu a img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu a:hover, .pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu a:hover {
  padding: 0;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu a:hover:before, .pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu a:hover:before {
  width: 50px;
  height: 2px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu a:hover h6, .pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu a:hover h6 {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .link-section h5 {
  font-weight: 700;
  text-transform: capitalize;
  font-size: 14px;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .link-section ul {
  position: relative;
  display: block;
  padding: 0;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .link-section ul li a {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 14px;
  padding-left: 0;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu {
  width: 100% !important;
  padding: 30px !important;
  border-radius: 0;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu .mega-box .link-section ul li a:hover, .pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu .mega-box .link-section ul li a:focus {
  padding-top: 3px;
  padding-bottom: 3px;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu .img-section img {
  margin-top: 15px;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu {
  width: 815px !important;
  padding: 15px 30px 25px !important;
  background-color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu li img {
  padding: 20px 0 10px 0;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu .link-section h5 {
  margin-top: 15px;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu .link-section ul {
  background: none;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap .mega-menu ul {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap li a {
  position: relative;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap li .lable-nav {
  position: absolute;
  background-color: var(--theme-deafult);
  padding: 2px 7px;
  color: #ffffff;
  top: 20px;
  text-transform: uppercase;
  font-size: 9px;
  left: 0;
  line-height: 1.3;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap li .lable-nav:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--theme-deafult);
  top: 15px;
  left: 5px;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap li .lable-nav.lable-red {
  background-color: #ff4c3b;
}
.pagebuilder #live_editor #live_header .dynamic .pixelstrap li .lable-nav.lable-red:before {
  border-top: 5px solid #ff4c3b;
}
.pagebuilder #live_editor #live_header .dynamic .sm-vertical {
  background-color: #ffffff;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav {
  height: 100vh;
  width: 300px;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: -300px;
  background-color: #ffffff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav .sidebar-back {
  padding: 20px;
  font-size: 18px;
  color: #222222;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #efefef;
  margin-bottom: 20px;
  cursor: pointer;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav nav {
  background-color: #ffffff;
  z-index: 9;
  position: relative;
  height: 100vh;
  top: 0;
  overflow-y: auto;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav.open-side {
  left: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav.open-side .sidebar-overlay {
  opacity: 0.8;
  visibility: visible;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav .sidebar-overlay {
  visibility: hidden;
  opacity: 0;
  background-color: #212331;
  position: fixed;
  z-index: 6;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav .closebtn {
  position: absolute;
  top: 0;
  font-size: 36px;
  margin-left: 50px;
  margin-top: 50px;
  color: #938d8c;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li a {
  padding: 10px 50px 20px 40px;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li ul li a {
  padding: 5px 35px;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li ul li a:active, .pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li ul li a:focus, .pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li ul li a.highlighted {
  padding: 5px 35px;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li .clothing-menu li a {
  padding: 5px 0 !important;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li .clothing-menu li a:focus {
  font-size: 14px;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li .clothing-menu li a:hover {
  font-size: 14px;
  padding: 5px 0;
}
.pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li .clothing-menu li a:focus, .pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li .clothing-menu li a:hover {
  padding: 5px 0 !important;
}
.pagebuilder #live_editor #live_header .dynamic .mega-box .link-section .demo ul li a {
  position: relative;
}
.pagebuilder #live_editor #live_header .dynamic .mega-box .link-section .demo ul li a:hover, .pagebuilder #live_editor #live_header .dynamic .mega-box .link-section .demo ul li a:focus {
  padding-top: 3px;
  padding-bottom: 3px;
}
.pagebuilder #live_editor #live_header .dynamic .mega-box .link-section .demo .new {
  position: absolute;
  top: -8px;
  right: 0px;
  color: white;
  background-color: var(--theme-deafult);
  padding: 2px 7px;
  text-transform: uppercase;
  font-size: 9px;
  line-height: 1.3;
}
.pagebuilder #live_editor #live_header .dynamic .mega-box .link-section .demo .title {
  border-bottom: 2px solid red !important;
}
.pagebuilder #live_editor #live_header .dynamic .sm, .pagebuilder #live_editor #live_header .dynamic .sm ul, .pagebuilder #live_editor #live_header .dynamic .sm li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  text-align: left;
}
@media (min-width: 1200px) {
  .pagebuilder #live_editor #live_header .dynamic .toggle-nav {
    display: none;
  }
  .pagebuilder #live_editor #live_header .dynamic .sm-vertical li ul li a .sub-arrow {
    margin-top: -15px !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .mobile-back {
    display: none !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul {
    position: absolute;
    width: 16em !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap li {
    position: relative;
    float: left;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap.sm-rtl li {
    float: right;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul li, .pagebuilder #live_editor #live_header .dynamic .pixelstrap.sm-rtl ul li, .pagebuilder #live_editor #live_header .dynamic .pixelstrap.sm-vertical li {
    float: none;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap a {
    white-space: nowrap;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap.sm-vertical a {
    white-space: normal;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .sm-nowrap > li > a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .sm-nowrap > li > a.highlighted, .pagebuilder #live_editor #live_header .dynamic .pixelstrap .sm-nowrap > li > :not(ul) a.highlighted {
    white-space: nowrap;
  }
  .pagebuilder #live_editor #live_header .dynamic .sm-horizontal .mega-menu li a {
    padding: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .sm-horizontal .mega-menu li a:focus, .pagebuilder #live_editor #live_header .dynamic .sm-horizontal .mega-menu li a:active {
    padding: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul {
    -webkit-box-shadow: 0 0 1px 0 #ebebeb;
    box-shadow: 0 0 1px 0 #ebebeb;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .mega {
    position: static !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .mega ul {
    margin-left: 0 !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .mega ul ul {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu, .pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu {
    -webkit-box-shadow: 0 0 1px 0 #ebebeb;
    box-shadow: 0 0 1px 0 #ebebeb;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu a {
    padding: 0;
    position: relative;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu {
    position: absolute;
    background-image: url("../images/mega.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu.center-mega-menu {
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu.layout-3 {
    margin-left: -100px !important;
    -webkit-transform: unset !important;
    transform: unset !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu ul {
    background-color: transparent;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu .mega-box {
    max-width: 20%;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .category-menu.center-menu {
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap a .sub-arrow::before {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul {
    border: none;
    padding: 15px 0px 15px 0px;
    background: white;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul ul {
    background: white;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a {
    position: relative;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a:before {
    position: absolute;
    bottom: 0;
    content: "";
    height: 2px;
    width: 0;
    background-color: var(--theme-deafult);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a, .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a:hover, .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a:focus, .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a:active, .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a.highlighted {
    border: 0 !important;
    background: transparent;
    color: #222222;
    border-radius: 0 !important;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 5px 35px;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a:hover:before, .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a:hover:hover:before, .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a:focus:hover:before, .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a:active:hover:before, .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a.highlighted:hover:before {
    width: 50px;
    height: 2px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul a .sub-arrow:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul li {
    border: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .scroll-up,
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    height: 20px;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .scroll-up-arrow,
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #ff3522 transparent;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #ff3522 transparent transparent transparent;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap.sm-rtl.sm-vertical a .sub-arrow:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap.sm-rtl > li:first-child {
    border-left: 1px solid #ff3522;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap.sm-rtl > li:last-child {
    border-left: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap.sm-rtl ul a .sub-arrow {
    right: auto;
    left: 10px;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap.sm-vertical a {
    padding: 9px 23px;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap.sm-vertical a .sub-arrow:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap.sm-vertical > li {
    border-left: 0 !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-nav-center > nav {
    text-align: center;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-nav-center .sm {
    display: inline-block;
    vertical-align: middle;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-nav-center .sm > li .lable-nav {
    top: 3px;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-nav-center .sm > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-nav-center .sm > li > a > span.sub-arrow {
    display: ruby-text-container;
  }
  .pagebuilder #live_editor #live_header .dynamic .layout3-menu .pixelstrap a {
    text-transform: capitalize;
    padding-right: 34px;
    letter-spacing: 0.04em;
  }
  .pagebuilder #live_editor #live_header .dynamic .layout3-menu .pixelstrap .sub-arrow {
    right: 12px;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .pixelstrap .category-menu {
    width: 698px !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .pixelstrap .category-menu.center-menu {
    left: 0 !important;
    -webkit-transform: unset;
    transform: unset;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .pixelstrap .full-mega-menu {
    right: auto !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .pixelstrap ul a:before {
    right: 35px;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .pixelstrap ul ul {
    right: 100%;
    left: unset !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .mega .full-mega-menu {
    float: left !important;
    right: auto !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .mega .full-mega-menu.center-mega-menu {
    margin-right: 0 !important;
    margin-left: 0 !important;
    left: unset !important;
    right: 50% !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .layout3-menu .light-font-menu li > a, .pagebuilder #live_editor #live_header .dynamic .rtl .layout3-menu .light-font-menu li > a:hover, .pagebuilder #live_editor #live_header .dynamic .rtl .layout3-menu .light-font-menu li > a:active {
    padding-right: 0;
    padding-left: 28px;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .layout3-menu .light-font-menu .sub-arrow {
    left: -5px;
    right: auto;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .sm-horizontal .mega ul {
    float: right;
    right: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .sm-horizontal .mega ul li {
    text-align: right;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .sm-horizontal ul li {
    text-align: right;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .sm-horizontal ul li a .sub-arrow {
    left: 15px;
    right: auto;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .pixelstrap .full-mega-menu.layout-3 {
    margin-right: -100px !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .light-font-menu .mega ul {
    float: right;
    left: unset !important;
    right: 0 !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .sidenav .pixelstrap li ul li a:hover, .pagebuilder #live_editor #live_header .dynamic .rtl .sidenav .pixelstrap li ul li a:focus {
    padding: 5px 35px;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .sidenav .pixelstrap li ul li a:before {
    right: 35px;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .sidenav .pixelstrap li a .sub-arrow {
    right: 7px;
    left: unset;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .sidenav .pixelstrap .mega-menu li ul li a:before {
    right: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .sidenav .sidebar-back i {
    float: left;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl header.header-5 .top-header .header-dropdown > li:last-child {
    padding: 15px 25px;
    padding-left: 0;
  }
}
@media (max-width: 1440px) {
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .category-menu {
    width: 698px !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu.layout-3 {
    margin-left: 0 !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .pixelstrap .mega .full-mega-menu {
    margin-left: 0 !important;
    margin-right: 162px !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .pixelstrap .mega .full-mega-menu.layout-3 {
    margin-right: 0 !important;
  }
}
@media (max-width: 1367px) {
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu.layout-3 {
    width: 1079px !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap a {
    font-size: 14px;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap a:hover, .pagebuilder #live_editor #live_header .dynamic .pixelstrap a:active {
    font-size: 14px;
  }
}
@media (max-width: 1199px) {
  .pagebuilder #live_editor #live_header .dynamic .mega-box .link-section .demo ul li a span img {
    top: 30px;
    right: -60px;
  }
  .pagebuilder #live_editor #live_header .dynamic .sm-horizontal {
    position: fixed;
    background-color: #fff;
    width: 300px;
    border-radius: 0;
    border: 1px solid #eee;
    top: 0;
    height: 100vh;
    right: -300px;
    z-index: 99;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: scroll;
  }
  .pagebuilder #live_editor #live_header .dynamic .sm-horizontal .mobile-back {
    padding: 20px;
    font-size: 18px;
    color: #222222;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #efefef;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .pagebuilder #live_editor #live_header .dynamic .mega-box.col {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .feature-menu.product-menu {
    width: 100% !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .mega {
    position: unset !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .mega .full-mega-menu {
    margin-left: 0 !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .mega ul {
    margin-left: 0 !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu, .pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu {
    width: 100% !important;
    padding: 0 30px !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap a.highlighted .sub-arrow:before {
    content: "-";
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap a .sub-arrow {
    right: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap a .sub-arrow:before {
    content: "+";
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li > a {
    font-weight: 700;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li > a:hover, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li > a:focus, .pagebuilder #live_editor #live_header .dynamic .pixelstrap > li > a:active {
    font-weight: 700;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .link-section .menu-title h5 {
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .link-section .menu-title.active .according-menu {
    font: bold 16px/34px monospace !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .link-section .menu-title.active .according-menu:before {
    content: "-";
    position: absolute;
    right: -18px;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .link-section .menu-title .according-menu {
    font: bold 16px/34px monospace !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .link-section .menu-title .according-menu:before {
    content: "+";
    position: absolute;
    right: -18px;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .link-section .menu-content a {
    text-transform: capitalize;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .link-section ul {
    background-color: unset;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .link-section h5 {
    font-weight: 700;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .full-mega-menu .mega-box {
    border-right: none;
    margin-bottom: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .category-menu a img {
    width: 30% !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .clothing-menu {
    background: none;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap li .lable-nav {
    left: 15px;
    top: -8px;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap li a {
    padding: 10px 15px;
    font-size: 16px;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap li a:hover {
    font-size: 16px;
    padding: 10px 15px;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap li ul li a {
    padding: 5px 35px;
    font-size: 14px;
    color: #222222;
    font-weight: 400;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap li ul li a:hover {
    color: var(--theme-deafult);
    font-size: 14px;
    padding: 5px 35px;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .category-menu a:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap.sm-vertical a .sub-arrow {
    margin-top: -18px;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap .mega ul {
    max-width: 100%;
  }
  .pagebuilder #live_editor #live_header .dynamic .pixelstrap ul li {
    border-top: none;
  }
  .pagebuilder #live_editor #live_header .dynamic .sidenav {
    overflow-y: auto;
  }
  .pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li ul li a {
    padding: 5px 45px;
  }
  .pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li ul li a:hover, .pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li ul li a.highlighted {
    padding: 5px 45px;
  }
  .pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li a {
    padding: 10px 25px;
  }
  .pagebuilder #live_editor #live_header .dynamic .sidenav .pixelstrap li a:hover {
    padding: 10px 25px;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu.border-section {
    border: none;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
    font-size: 18px;
    padding-left: 5px;
    text-transform: uppercase;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-nav-center .toggle-nav {
    position: absolute;
    z-index: 99;
    right: 175px;
    top: -105px;
  }
  .pagebuilder #live_editor #live_header .dynamic .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav {
    right: unset;
    top: -1px;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .mega-box .link-section .demo ul li a span img {
    left: -70px;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .sm li {
    text-align: right;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .pixelstrap a .sub-arrow {
    right: unset;
    left: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .pixelstrap li .lable-nav {
    left: unset;
    right: 15px;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .pixelstrap li .lable-nav:before {
    left: unset;
    right: 5px;
  }
}
@media (max-width: 991px) {
  .pagebuilder #live_editor #live_header .dynamic .top-header .header-contact {
    display: none;
  }
}
@media (min-width: 578px) {
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-search i, .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-cart i, .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-setting i {
    display: none;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-search .close-circle i, .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-cart .close-circle i, .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-setting .close-circle i {
    display: block;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-search .show-div .form-inline button i {
    display: inline-block;
  }
}
@media (max-width: 577px) {
  .pagebuilder #live_editor #live_header .dynamic .top-header {
    height: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-nav-center .toggle-nav {
    right: 15px;
    top: -85px;
  }
  .pagebuilder #live_editor #live_header .dynamic .mobile-fix-option {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 60px;
    background-color: #333333;
    width: 100vw;
    z-index: 9;
    -webkit-box-shadow: 0 2px 5px 0 #a8a8a8;
    box-shadow: 0 2px 5px 0 #a8a8a8;
  }
  .pagebuilder #live_editor #live_header .dynamic .header-5 .top-header .header-dropdown .mobile-wishlist img, .pagebuilder #live_editor #live_header .dynamic .header-5 .top-header .header-dropdown .mobile-account img {
    -webkit-filter: brightness(5);
    filter: brightness(5);
  }
  .pagebuilder #live_editor #live_header .dynamic .header-5 .main-menu .brand-logo {
    margin: 0;
    left: 0;
    -webkit-transform: unset;
    transform: unset;
  }
  .pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .mobile-account, .pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .mobile-wishlist {
    position: fixed;
    bottom: 20px;
    right: 32%;
    font-size: 0;
    padding: 0;
    z-index: 9;
  }
  .pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .mobile-account i, .pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .mobile-wishlist i {
    font-size: 22px;
    font-family: themify;
    color: #999999;
  }
  .pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .mobile-account i:before, .pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .mobile-wishlist i:before {
    content: "\e602";
  }
  .pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .mobile-account .onhover-show-div, .pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .mobile-wishlist .onhover-show-div {
    top: unset;
    bottom: 42px;
    right: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .mobile-account:hover i, .pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .mobile-wishlist:hover i {
    color: #999999;
  }
  .pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .mobile-wishlist {
    right: 64%;
  }
  .pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .mobile-wishlist i {
    font-family: themify;
    color: #999999 !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .top-header .header-dropdown .mobile-wishlist i:before {
    content: "\e634";
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-left.category-nav-right .navbar {
    padding-left: 0 !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-left .navbar {
    padding: 30px 45px 30px 0 !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-setting, .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-cart, .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-search {
    position: fixed;
    bottom: 20px;
    right: 16%;
    font-size: 0;
    padding: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-setting .show-div, .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-cart .show-div, .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-search .show-div {
    top: -58px;
    left: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-setting .show-div.shopping-cart, .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-cart .show-div.shopping-cart, .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-search .show-div.shopping-cart {
    top: unset;
    bottom: 42px;
    left: -118px !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-setting i {
    display: inline-block;
    font-size: 22px;
    color: #999999;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-setting > div img {
    display: none;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-setting .setting {
    top: unset;
    bottom: 42px;
    left: unset !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-cart {
    right: 48%;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-cart .close-circle i {
    font-size: 14px;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-cart i {
    display: inline-block;
    font-size: 22px;
    color: #999999;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-cart > div img {
    display: none;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-search {
    right: 80%;
    z-index: 1;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-search i {
    display: inline-block;
    font-size: 22px;
    color: #999999;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-search img {
    display: none;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-search .show-div .form-group {
    margin-bottom: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .main-menu .menu-right .icon-nav .mobile-search .show-div .form-inline button i {
    font-size: 14px;
  }
  .pagebuilder #live_editor #live_header .dynamic .brand-logo {
    position: absolute;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .toggle-nav {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .main-nav-center .toggle-nav {
    right: unset;
    left: 15px;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .main-menu .menu-right .icon-nav .mobile-setting, .pagebuilder #live_editor #live_header .dynamic .rtl .main-menu .menu-right .icon-nav .mobile-cart, .pagebuilder #live_editor #live_header .dynamic .rtl .main-menu .menu-right .icon-nav .mobile-search {
    right: unset;
    left: 16%;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .main-menu .menu-right .icon-nav .mobile-setting .show-div, .pagebuilder #live_editor #live_header .dynamic .rtl .main-menu .menu-right .icon-nav .mobile-cart .show-div, .pagebuilder #live_editor #live_header .dynamic .rtl .main-menu .menu-right .icon-nav .mobile-search .show-div {
    left: unset;
    right: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .main-menu .menu-right .icon-nav .mobile-setting .show-div.shopping-cart, .pagebuilder #live_editor #live_header .dynamic .rtl .main-menu .menu-right .icon-nav .mobile-cart .show-div.shopping-cart, .pagebuilder #live_editor #live_header .dynamic .rtl .main-menu .menu-right .icon-nav .mobile-search .show-div.shopping-cart {
    left: unset !important;
    right: -118px !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .main-menu .menu-right .icon-nav .mobile-setting .setting {
    left: unset !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .main-menu .menu-right .icon-nav .mobile-cart {
    right: unset;
    left: 48%;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .main-menu .menu-right .icon-nav .mobile-search {
    right: unset;
    left: 80%;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .main-menu .menu-left .navbar {
    padding: 30px 0 30px 25px !important;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .top-header .header-dropdown .mobile-account, .pagebuilder #live_editor #live_header .dynamic .rtl .top-header .header-dropdown .mobile-wishlist {
    right: unset;
    left: 32%;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .top-header .header-dropdown .mobile-account .onhover-show-div, .pagebuilder #live_editor #live_header .dynamic .rtl .top-header .header-dropdown .mobile-wishlist .onhover-show-div {
    right: 0;
  }
  .pagebuilder #live_editor #live_header .dynamic .rtl .top-header .header-dropdown .mobile-wishlist {
    right: unset;
    left: 64%;
  }
}
@media (max-width: 480px) {
  .pagebuilder #live_editor #live_header .dynamic .brand-logo img {
    height: 25px;
  }
}
.pagebuilder #live_editor #live_body {
  flex: 3;
  position: relative;
  margin: 5px 0;
  display: flex;
  padding: 5px;
  cursor: move;
  flex-direction: column;
}
.pagebuilder #live_editor #live_body.ui-droppable:hover:before {
  width: 100%;
  height: 100%;
  content: "";
  border: 5px solid rgba(31, 176, 223, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.pagebuilder #live_editor #live_body #body_banner_area {
  cursor: move;
  flex: 2;
  position: relative;
  margin-bottom: 5px;
  min-height: 500px;
  overflow: hidden;
}
.pagebuilder #live_editor #live_body #body_banner_area.ui-droppable:hover:before {
  width: 100%;
  height: 100%;
  content: "";
  border: 5px solid rgba(31, 176, 223, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
}
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .home-slider .slick-prev,
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .home-slider .slick-next,
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .center-slider .slick-prev,
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .center-slider .slick-next {
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: -10px;
}
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .home-slider .slick-prev:before,
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .home-slider .slick-next:before,
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .center-slider .slick-prev:before,
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .center-slider .slick-next:before {
  font: normal normal normal 14px/1 FontAwesome;
  opacity: 1;
  color: black;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .home-slider .slick-next,
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .center-slider .slick-next {
  right: 1px;
}
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .home-slider .slick-next:before,
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .center-slider .slick-next:before {
  content: "\f105";
}
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .home-slider .slick-prev,
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .center-slider .slick-prev {
  left: 1px;
  z-index: 1;
}
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .home-slider .slick-prev:before,
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .center-slider .slick-prev:before {
  content: "\f104";
}
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .home-slider .home,
.pagebuilder #live_editor #live_body #body_banner_area .dynamic .center-slider .home {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 75vh;
}
.pagebuilder #live_editor #live_body #body_banner_area .bg--top-right {
  background-position: 100% 100% !important;
  background-size: cover !important;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 30px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel small {
  margin-bottom: 10px;
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel h3 {
  font-size: 24px;
  line-height: 1.1em;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel p {
  margin-bottom: 10px;
  font-size: 14px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel .ps-banner__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel .ps-banner__content {
  position: relative;
  z-index: 20;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel.pink small {
  color: #db8274;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel.cyan small {
  color: #61bbbb;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel.green small {
  color: #b7c57d;
}
@media (min-width: 768px) {
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel {
    padding: 50px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel h3 {
    margin-bottom: 30px;
    font-size: 48px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel h3 {
    font-size: 50px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel .ps-banner__desc {
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel {
    min-height: 545px;
    padding: 50px 100px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel h3 {
    margin-bottom: 30px;
    font-size: 60px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--carousel p {
    margin-bottom: 50px;
  }
}
.pagebuilder #live_editor #live_body #body_banner_area .super-banner-1 .overlay-edit,
.pagebuilder #live_editor #live_body #body_banner_area .super-banner-2 .overlay-edit,
.pagebuilder #live_editor #live_body #body_banner_area .super-banner-3 .overlay-edit,
.pagebuilder #live_editor #live_body #body_banner_area .super-banner-4 .overlay-edit {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
}
.pagebuilder #live_editor #live_body #body_banner_area:hover .overlay-edit {
  opacity: 1;
  z-index: 999;
}
.pagebuilder #live_editor #live_body #body_banner_area .owl-carousel {
  position: relative;
}
.pagebuilder #live_editor #live_body #body_banner_area .owl-carousel .owl-item img {
  width: auto;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav {
  position: relative;
  z-index: 10;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav .owl-nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 20;
  width: 100%;
  height: 0;
  display: none;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav .owl-nav > * {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 50px;
  height: 50px;
  background-color: transparent;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav .owl-nav > * i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: #222;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav .owl-nav > *:hover {
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav .owl-nav .owl-prev {
  margin-left: 40px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav .owl-nav .owl-next {
  float: right;
  margin-right: 40px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav .owl-dots {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav .owl-dots .owl-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  border: 1px solid #bebebe;
  background-color: transparent;
  border-radius: 50%;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav .owl-dots .owl-dot:last-child {
  margin-right: 0;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav .owl-dots .owl-dot.active {
  background-color: #000;
  border-color: #000;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav.inside .owl-nav {
  z-index: 20;
  height: 0;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav.inside .owl-nav > * {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav.inside .owl-prev {
  margin-left: 3rem;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav.inside .owl-prev i {
  padding-right: 5px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav.inside .owl-next {
  float: right;
  margin-right: 3rem;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav.inside .owl-next i {
  padding-left: 5px;
}
@media (min-width: 1200px) {
  .pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--nav .owl-nav {
    display: block;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-portfolio-box.carousel {
    max-width: 60%;
    margin: 0 auto;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-portfolio-box.carousel .owl-slider .owl-stage-outer {
    position: relative;
    left: -20vw;
    padding-left: 20vw;
    width: calc(100% + 40vw);
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-portfolio-box.carousel .owl-slider .owl-dots {
    visibility: hidden;
    opacity: 0;
    display: none;
  }
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 0;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav > * {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav > *:before, .pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav > *:after {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  position: absolute;
  top: 50%;
  background-color: #fff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav > *:hover:before, .pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav > *:hover:after {
  background-color: #f68773;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav .owl-prev:before, .pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav .owl-prev:after {
  left: 50%;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav .owl-prev:before {
  -webkit-transform: translate(-50%, -50%) rotate(-50deg);
  -moz-transform: translate(-50%, -50%) rotate(-50deg);
  -ms-transform: translate(-50%, -50%) rotate(-50deg);
  -o-transform: translate(-50%, -50%) rotate(-50deg);
  transform: translate(-50%, -50%) rotate(-50deg);
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav .owl-prev:after {
  -webkit-transform: translate(-50%, -50%) rotate(50deg);
  -moz-transform: translate(-50%, -50%) rotate(50deg);
  -ms-transform: translate(-50%, -50%) rotate(50deg);
  -o-transform: translate(-50%, -50%) rotate(50deg);
  transform: translate(-50%, -50%) rotate(50deg);
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav .owl-next:before, .pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav .owl-next:after {
  right: 0;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav .owl-next:before {
  -webkit-transform: translate(-50%, -50%) rotate(-50deg);
  -moz-transform: translate(-50%, -50%) rotate(-50deg);
  -ms-transform: translate(-50%, -50%) rotate(-50deg);
  -o-transform: translate(-50%, -50%) rotate(-50deg);
  transform: translate(-50%, -50%) rotate(-50deg);
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav .owl-next:after {
  -webkit-transform: translate(-50%, -50%) rotate(50deg);
  -moz-transform: translate(-50%, -50%) rotate(50deg);
  -ms-transform: translate(-50%, -50%) rotate(50deg);
  -o-transform: translate(-50%, -50%) rotate(50deg);
  transform: translate(-50%, -50%) rotate(50deg);
}
@media (max-width: 1199px) {
  .pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav {
    padding: 0 30px;
  }
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-dots {
  position: absolute;
  bottom: 70px;
  left: 0;
  width: 100%;
  text-align: center;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-dots .owl-dot {
  display: inline-block;
  margin-right: 20px;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  border: none;
  background-color: #f68773;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-dots .owl-dot:hover, .pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-dots .owl-dot.active {
  width: 3px;
  height: 30px;
  background-color: #fff;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-dots .owl-dot:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-dots {
    bottom: 10px;
  }
}
@media (max-width: 1199px) {
  .pagebuilder #live_editor #live_body #body_banner_area .ps-carousel--dots .owl-nav {
    display: none;
  }
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner {
  height: 520px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 50px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner h3 {
  font-weight: 700;
  line-height: 1.1em;
  font-size: 36px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner p {
  margin-bottom: 50px;
  font-size: 16px;
  line-height: 1.8em;
  color: #666666;
  max-width: 300px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner .ps-banner__content {
  width: 100%;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner.top {
  padding-top: 100px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner.top h3 {
  font-size: 24px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner.white h3 {
  color: #ffffff;
  font-size: 36px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner.white p {
  color: #ffffff;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner.top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 120px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner.top .ps-banner__content {
  max-width: 100%;
  text-align: center;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner.top h3 {
  font-size: 36px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner {
  position: relative;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav {
  display: none;
  width: 100%;
  text-align: right;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav span {
  display: block;
  font-weight: 700;
  font-size: 18px;
  color: #bbbbbb;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav small {
  font-size: 13px;
  line-height: 1.8em;
  color: #bbbbbb;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav li {
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav li * {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav li:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  width: 25px;
  height: 1px;
  background-color: #bbb;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav li:last-child:after {
  display: none;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav li.active span, .pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav li.active small, .pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav li:hover span, .pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav li:hover small {
  color: #222;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 {
  position: relative;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 h3 {
  margin-bottom: 20px;
  font-size: 80px;
  color: #222;
  line-height: 1.05em;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 p {
  color: #f68773;
  line-height: 1em;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-list--social {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 30px;
  text-align: left;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-list--social li {
  display: block;
  margin-bottom: 10px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-list--social li a {
  width: auto;
  min-height: 40px;
  border: none;
  color: #959595;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-list--social li a i {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 20px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-list--social li a:hover {
  color: #f68773;
  background-color: transparent;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-list--social li:last-child {
  margin-bottom: 0;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-banner__content {
  width: 100%;
  max-width: 1170px;
  padding: 0 30px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.right p {
  color: #dcbfb2;
  font-size: 18px;
  text-transform: capitalize;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.white {
  text-align: center;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.white h3 {
  color: #ffffff;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.white .ps-link--under {
  color: #ffffff;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.white .ps-link--under:before {
  background-color: #fff;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.small h3 {
  font-size: 60px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.small h5 {
  margin-bottom: 50px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8em;
  color: #222;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.classic {
  min-height: 700px;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.classic p {
  font-weight: 700;
  color: #ffffff;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.classic h3 {
  color: #ffffff;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.classic h5 {
  position: relative;
  padding-left: 50px;
  color: #ffffff;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.classic h5:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 30px;
  height: 1px;
  background-color: #fff;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.classic .ps-btn {
  border-color: #fff;
  color: #ffffff;
}
.pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.classic .ps-btn:hover {
  background-color: #fff;
}
@media (max-width: 767px) {
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 h3 {
    font-size: 50px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-list--social {
    top: auto;
    bottom: 30px;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    text-align: center;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-list--social li {
    display: inline-block;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-list--social li a {
    height: auto;
    min-height: 20px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-list--social li a i {
    font-size: 16px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.bg--top-right {
    background-position: 50% 0 !important;
  }
}
@media (min-width: 768px) {
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-banner__content {
    padding: 0 50px;
  }
}
@media (min-width: 1200px) {
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 {
    min-height: 800px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 h3 {
    margin-bottom: 30px;
    font-size: 90px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-list--social {
    left: 30px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-banner__content {
    padding: 0 50px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.right p {
    font-size: 30px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.right .ps-banner__content {
    max-width: 585px;
    margin-right: calc((100% - 1170px) / 2);
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3.classic {
    min-height: 700px;
    max-height: 700px;
  }
}
@media (min-width: 1440px) {
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 h3 {
    font-size: 119px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-list--social {
    left: 80px;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-banner--3 .ps-banner__content {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav {
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 30;
    height: 100%;
    max-width: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav li {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .pagebuilder #live_editor #live_body #body_banner_area .ps-home-banner .ps-section__nav {
    right: 80px;
  }
}
.pagebuilder #live_editor #live_body #body_content {
  display: flex;
  flex-direction: column;
  flex: 3;
  position: relative;
  min-height: 600px;
  cursor: move;
}
.pagebuilder #live_editor #live_body #body_content.ui-droppable:hover:before {
  width: 100%;
  height: 100%;
  content: "";
  border: 5px solid rgba(31, 176, 223, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.pagebuilder #live_editor #live_body #superCollectionsArea {
  order: 1;
  flex-direction: column;
}
.pagebuilder #live_editor #live_body #feature_area_block {
  order: 2;
}
.pagebuilder #live_editor #live_body #superProductsBlock {
  order: 3;
  flex-direction: column;
}
.pagebuilder #live_editor #live_body #superBlogPosts {
  order: 4;
  flex-direction: column;
}
.pagebuilder #live_editor #live_body .super-collection-block {
  position: relative;
  z-index: 9;
}
.pagebuilder #live_editor #live_body .super-collection-block .overlay-edit {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.pagebuilder #live_editor #live_body .super-feature-area-block .container {
  position: relative;
  white-space: normal;
}
.pagebuilder #live_editor #live_body .super-feature-area-block .container .overlay-edit {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.pagebuilder #live_editor #live_body .super-feature-area-block #fBlock1 .ps-product--outside .overlay-edit, .pagebuilder #live_editor #live_body .super-feature-area-block #fBlock2 .ps-product--outside .overlay-edit, .pagebuilder #live_editor #live_body .super-feature-area-block #fBlock3 .ps-product--outside .overlay-edit, .pagebuilder #live_editor #live_body .super-feature-area-block #fBlock4 .ps-product--outside .overlay-edit {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
  display: none;
}
.pagebuilder #live_editor #live_body .super-feature-area-block #fBlock1 .ps-product--outside:hover .overlay-edit, .pagebuilder #live_editor #live_body .super-feature-area-block #fBlock2 .ps-product--outside:hover .overlay-edit, .pagebuilder #live_editor #live_body .super-feature-area-block #fBlock3 .ps-product--outside:hover .overlay-edit, .pagebuilder #live_editor #live_body .super-feature-area-block #fBlock4 .ps-product--outside:hover .overlay-edit {
  opacity: 1;
  z-index: 999;
  display: block;
}
.pagebuilder #live_editor #live_body figure.effect-sadie {
  overflow: hidden;
  position: relative;
  float: left;
  min-width: 320px;
  max-height: 360px;
  width: 33.33%;
  text-align: center;
  cursor: pointer;
  min-height: 340px;
}
.pagebuilder #live_editor #live_body figure.effect-sadie img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
  width: 100%;
}
.pagebuilder #live_editor #live_body figure.effect-sadie figcaption {
  padding: 2em 2em 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.pagebuilder #live_editor #live_body figure.effect-sadie figcaption::before,
.pagebuilder #live_editor #live_body figure.effect-sadie figcaption::after {
  pointer-events: none;
}
.pagebuilder #live_editor #live_body figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(16, 17, 20, 0) 0%, rgba(16, 17, 20, 0.8) 75%);
  background: linear-gradient(to bottom, rgba(16, 17, 20, 0) 0%, rgba(16, 17, 20, 0.8) 75%);
  content: "";
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}
.pagebuilder #live_editor #live_body figure.effect-sadie h4 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #101114;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.pagebuilder #live_editor #live_body figure.effect-sadie figcaption::before,
.pagebuilder #live_editor #live_body figure.effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.pagebuilder #live_editor #live_body figure.effect-sadie p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
.pagebuilder #live_editor #live_body figure.effect-sadie:hover h4 {
  color: #fff;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}
.pagebuilder #live_editor #live_body figure.effect-sadie:hover figcaption::before,
.pagebuilder #live_editor #live_body figure.effect-sadie:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pagebuilder #live_editor #live_body .super-products-Block .ps-section .container {
  position: relative;
}
.pagebuilder #live_editor #live_body .super-products-Block .ps-section .container .overlay-edit {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.pagebuilder #live_editor #live_body .super-blog-posts .ps-home-blog .container {
  position: relative;
}
.pagebuilder #live_editor #live_body .super-blog-posts .ps-home-blog .container .overlay-edit {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.pagebuilder #live_editor #live_body .ps-product--outside .ps-product__title {
  display: block;
  color: #222;
  font-weight: 700;
}
.pagebuilder #live_editor #live_body .ps-product--outside .ps-product__title:hover {
  color: #f68773;
}
.pagebuilder #live_editor #live_body .ps-product--outside .ps-product__price {
  font-size: 16px;
  line-height: 1em;
}
.pagebuilder #live_editor #live_body .ps-product--outside .ps-product__content {
  padding-top: 30px;
}
.pagebuilder #live_editor #live_body .ps-product--outside:hover .ps-product__title {
  color: #f68773;
}
.pagebuilder #live_editor #live_body .ps-product--outside:hover .ps-link--under {
  color: #f68773;
}
.pagebuilder #live_editor #live_body .ps-product--outside:hover .ps-link--under:before {
  background-color: #f68773;
}
.pagebuilder #live_editor #live_body .ps-product--outside.small {
  margin-bottom: 50px;
  max-width: 270px;
}
.pagebuilder #live_editor #live_body .ps-product--outside.small .ps-product__title {
  font-size: 24px;
  margin-bottom: 22px;
  line-height: 1.1em;
}
.pagebuilder #live_editor #live_body .ps-product--outside.small .ps-product__price {
  margin-bottom: 22px;
}
.pagebuilder #live_editor #live_body .ps-product--outside.small .ps-product__content {
  position: relative;
}
@media (min-width: 992px) {
  .pagebuilder #live_editor #live_body .ps-product--outside.small {
    margin-top: 100px;
    margin-bottom: 0;
  }
  .pagebuilder #live_editor #live_body .ps-product--outside.small .ps-product__content {
    position: relative;
    z-index: 20;
    top: -15px;
    left: 20px;
  }
}
.pagebuilder #live_editor #live_body .ps-product--outside.large {
  position: relative;
  max-width: 700px;
  margin-right: 0;
  margin-bottom: 50px;
  margin-left: auto;
}
.pagebuilder #live_editor #live_body .ps-product--outside.large .ps-product__title {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.1em;
}
.pagebuilder #live_editor #live_body .ps-product--outside.large .ps-product__price {
  margin-bottom: 20px;
}
@media (min-width: 568px) {
  .pagebuilder #live_editor #live_body .ps-product--outside.large {
    padding-left: 130px;
  }
  .pagebuilder #live_editor #live_body .ps-product--outside.large .ps-product__title {
    max-width: 200px;
    font-size: 36px;
  }
  .pagebuilder #live_editor #live_body .ps-product--outside.large .ps-product__content {
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 30;
  }
}
@media (min-width: 1200px) {
  .pagebuilder #live_editor #live_body .ps-product--outside.large {
    margin-bottom: 0;
  }
  .pagebuilder #live_editor #live_body .ps-product--outside.large .ps-product__title {
    margin-bottom: 40px;
    font-size: 48px;
  }
  .pagebuilder #live_editor #live_body .ps-product--outside.large .ps-product__price {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .pagebuilder #live_editor #live_body .ps-product--outside .ps-product__title {
    max-width: 200px;
    white-space: pre-line;
  }
  .pagebuilder #live_editor #live_body .ps-product--outside .ps-product__content {
    padding-top: 0;
  }
}
.pagebuilder #live_editor #live_body .ps-home-collection-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.pagebuilder #live_editor #live_body .ps-home-collection-2 .ps-block--collection-2 {
  height: 400px;
}
.pagebuilder #live_editor #live_body .ps-home-top-sellers .ps-product-box {
  margin-bottom: 50px;
}
.pagebuilder #live_editor #live_body .ps-home-top-sellers .ps-product-box.reverse {
  margin-bottom: 0;
}
.pagebuilder #live_editor #live_body .ps-home-top-sellers .ps-product-box.reverse .ps-product--outside.large {
  margin-left: 0;
}
.pagebuilder #live_editor #live_body .ps-home-top-sellers .ps-section__header {
  margin-bottom: 50px;
}
@media (min-width: 1200px) {
  .pagebuilder #live_editor #live_body .ps-home-top-sellers .ps-product-box {
    margin-bottom: 150px;
  }
}
.pagebuilder #live_editor #live_body .ps-home-top-sellers {
  padding-top: 80px;
}
@media (min-width: 1200px) {
  .pagebuilder #live_editor #live_body .ps-home-top-sellers {
    padding-top: 160px;
  }
}
.pagebuilder #live_editor #live_body .ps-section .ps-section__header figcaption {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 24px;
  color: #222;
  line-height: 1.2em;
}
.pagebuilder #live_editor #live_body .ps-section .ps-section__header p {
  margin-bottom: 0;
  font-size: 16px;
}
@media (min-width: 1200px) {
  .pagebuilder #live_editor #live_body .ps-section .ps-section__header figcaption {
    font-size: 36px;
  }
  .pagebuilder #live_editor #live_body .ps-section .ps-section__header p {
    font-size: 16px;
  }
}
.pagebuilder #live_editor #live_body .ps-product__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  z-index: 1;
}
.pagebuilder #live_editor #live_body .ps-product__thumbnail {
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.pagebuilder #live_editor #live_body .ps-product__thumbnail img {
  width: 100%;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__image {
  opacity: 1;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__image-alt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__actions {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  padding: 25px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #ffffff;
  -webkit-transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__actions > a {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: #222;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__actions > a:hover {
  color: #f68773;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__actions ul li {
  display: inline-block;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__actions ul li:first-child {
  margin-right: 10px;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__title {
  display: block;
  padding-bottom: 5px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4em;
  color: #222;
  overflow: hidden;
  height: 22px;
  white-space: nowrap;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__rating .br-wrapper .br-widget a {
  font-size: 13px;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__rating .br-wrapper .br-widget .br-selected:after {
  color: #f68773;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__price {
  color: #bbbbbb;
  margin-bottom: 0;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__price.sale {
  color: #222;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__price.sale del {
  margin-right: 10px;
  color: #bbb;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__content {
  padding-top: 15px;
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__thumbnail img {
  width: 100%;
  -webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.pagebuilder #live_editor #live_body .ps-product .ps-product__thumbnail .ps-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 20;
}
.pagebuilder #live_editor #live_body .ps-product:hover .ps-product__image-alt {
  opacity: 1;
}
.pagebuilder #live_editor #live_body .ps-product:hover .ps-product__image {
  visibility: hidden;
  opacity: 0;
}
.pagebuilder #live_editor #live_body .ps-product:hover .ps-product__actions {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.pagebuilder #live_editor #live_body .ps-home-product {
  position: relative;
  padding: 90px 0 2.8125rem;
}
.pagebuilder #live_editor #live_body .ps-home-product .ps-product {
  max-width: 300px;
  margin: 0 auto 40px;
}
.pagebuilder #live_editor #live_body .ps-home-product .ps-section__header {
  padding-bottom: 2.8125rem;
}
.pagebuilder #live_editor #live_body .ps-home-product .ps-section__header h3 {
  display: inline-block;
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
  max-width: 400px;
}
.pagebuilder #live_editor #live_body .ps-home-product .ps-section__header ul li {
  display: inline-block;
  margin-right: 30px;
}
.pagebuilder #live_editor #live_body .ps-home-product .ps-section__header ul li:last-child {
  margin-right: 0;
}
.pagebuilder #live_editor #live_body .ps-home-product .ps-section__header ul li a {
  font-size: 16px;
  color: #bbbbbb;
}
.pagebuilder #live_editor #live_body .ps-home-product .ps-section__header ul li a:hover {
  color: #222;
}
.pagebuilder #live_editor #live_body .ps-home-product .ps-section__header ul li.active a {
  color: #222;
}
.pagebuilder #live_editor #live_body .ps-home-product .ps-section__footer {
  text-align: center;
}
.pagebuilder #live_editor #live_body .ps-home-product .ps-section__footer a {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.pagebuilder #live_editor #live_body .ps-home-product .ps-section__footer a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #222;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (min-width: 992px) {
  .pagebuilder #live_editor #live_body .ps-home-product .ps-section__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .pagebuilder #live_editor #live_body .ps-home-product .ps-section__header ul {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .pagebuilder #live_editor #live_body .ps-home-product .ps-product {
    margin-bottom: 60px;
  }
  .pagebuilder #live_editor #live_body .ps-home-product .ps-section__header {
    padding-bottom: 85px;
  }
  .pagebuilder #live_editor #live_body .ps-home-product .ps-section__header h3 {
    margin-bottom: 0;
  }
  .pagebuilder #live_editor #live_body .ps-home-product .ps-section__header ul {
    text-align: right;
  }
}
@media (min-width: 1366px) {
  .pagebuilder #live_editor #live_body .ps-home-product .ps-product {
    margin-bottom: 70px;
  }
}
.pagebuilder #live_editor #live_body .ps-home-blog {
  padding: 80px 0 25px;
}
.pagebuilder #live_editor #live_body .ps-home-blog .ps-post {
  margin-bottom: 40px;
}
.pagebuilder #live_editor #live_body .ps-home-blog .ps-section__header {
  padding-bottom: 50px;
}
.pagebuilder #live_editor #live_body .ps-home-blog .ps-section__header figcaption {
  font-size: 36px;
  font-weight: 700;
  color: #222;
}
.pagebuilder #live_editor #live_body .ps-home-blog .ps-section__header p {
  margin-bottom: 0;
  color: #999999;
  font-size: 16px;
}
@media (min-width: 768px) {
  .pagebuilder #live_editor #live_body .ps-home-blog .ps-section__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 90px;
  }
}
@media (min-width: 992px) {
  .pagebuilder #live_editor #live_body .ps-home-blog .ps-post {
    margin-bottom: 0;
  }
  .pagebuilder #live_editor #live_body .ps-home-blog .ps-section__header > a {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}
.pagebuilder #live_editor #live_body .ps-post__thumbnail {
  position: relative;
  overflow: hidden;
}
.pagebuilder #live_editor #live_body .ps-post__thumbnail img {
  width: 100%;
  max-width: 100%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.pagebuilder #live_editor #live_body .ps-post__thumbnail .ps-post__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.pagebuilder #live_editor #live_body .ps-post .ps-post__title {
  display: block;
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 600;
  color: #222;
}
.pagebuilder #live_editor #live_body .ps-post .ps-post__title:hover {
  color: #f68773;
  text-decoration: underline;
}
.pagebuilder #live_editor #live_body .ps-post .ps-post__meta {
  margin-bottom: 0;
  font-size: 14px;
}
.pagebuilder #live_editor #live_body .ps-post .ps-post__meta a {
  color: #f68773;
  font-size: 14px;
  margin-right: 10px;
  font-weight: 600;
}
.pagebuilder #live_editor #live_body .ps-post .ps-post__content {
  padding-top: 30px;
}
.pagebuilder #live_editor #live_body .ps-post:hover .ps-post__thumbnail img {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  -moz-transform: scale3d(1.05, 1.05, 1.05);
  -ms-transform: scale3d(1.05, 1.05, 1.05);
  -o-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}
.pagebuilder #live_editor #live_body .ps-post:hover .ps-post__thumbnail .ps-post__overlay {
  background-color: rgba(0, 0, 0, 0.25);
}
.pagebuilder #live_editor #live_body .ps-post--list {
  position: relative;
}
.pagebuilder #live_editor #live_body .ps-post--list .ps-post__title {
  font-size: 18px;
}
.pagebuilder #live_editor #live_body .ps-post--list .ps-post__content {
  position: relative;
  text-align: center;
}
.pagebuilder #live_editor #live_body .ps-post--list .ps-post__content > p {
  font-size: 14px;
}
@media (min-width: 768px) {
  .pagebuilder #live_editor #live_body .ps-post--list .ps-post__title {
    font-size: 30px;
    line-height: 1.2em;
  }
  .pagebuilder #live_editor #live_body .ps-post--list .ps-post__content > p {
    margin-bottom: 40px;
    font-size: 16px;
  }
  .pagebuilder #live_editor #live_body .ps-post--list .ps-post__content .ps-post__meta {
    margin-bottom: 30px;
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .pagebuilder #live_editor #live_body .ps-post--list .ps-post__content {
    position: relative;
    max-width: 66.6667%;
    top: -50px;
    margin: 0 auto -50px;
    padding: 30px 50px;
    z-index: 20;
    background-color: #fff;
  }
}
@media (min-width: 1200px) {
  .pagebuilder #live_editor #live_body .ps-post--list .ps-post__content {
    padding: 30px 100px;
  }
}
.pagebuilder #live_editor #live_footer {
  min-height: 150px;
  cursor: move;
  flex: 1;
  position: relative;
}
.pagebuilder #live_editor #live_footer .overlay-edit {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
  opacity: 0;
}
.pagebuilder #live_editor #live_footer:hover .overlay-edit {
  opacity: 1;
  z-index: 20;
}
.pagebuilder #live_editor #live_footer.ui-droppable:hover:before {
  width: 100%;
  height: 100%;
  content: "";
  border: 5px solid rgba(31, 176, 223, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.pagebuilder #live_editor #live_footer ul {
  list-style-type: none;
  padding: 0;
}
.pagebuilder #live_editor #live_footer .ps-list--social {
  margin: 0;
  padding: 0;
}
.pagebuilder #live_editor #live_footer .ps-list--social li {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}
.pagebuilder #live_editor #live_footer .ps-list--line li a {
  position: relative;
  display: inline-block;
  padding: 5px 0;
  line-height: 20px;
  color: #999;
}
.pagebuilder #live_editor #live_footer .ps-list--line li a:before {
  content: "";
  position: absolute;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background-color: #000;
  -webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale3d(0, 1, 1);
  -moz-transform: scale3d(0, 1, 1);
  -ms-transform: scale3d(0, 1, 1);
  -o-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.pagebuilder #live_editor #live_footer .ps-list--line li a:hover {
  color: #222;
}
.pagebuilder #live_editor #live_footer .ps-list--line li a:hover:before {
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.pagebuilder #live_editor #live_footer .ps-footer--2 {
  padding: 95px 0 0;
}
.pagebuilder #live_editor #live_footer .ps-footer--2 .ps-list--line li a {
  font-size: 15px;
  line-height: 22px;
}
.pagebuilder #live_editor #live_footer .ps-footer--2 .ps-list--social li {
  margin-right: 0;
}
.pagebuilder #live_editor #live_footer .ps-footer--2 .ps-list--social li a {
  width: 36px;
  height: 36px;
  color: #bbb;
  border: none;
}
.pagebuilder #live_editor #live_footer .ps-footer--2 .ps-list--social li a:hover {
  color: #ffffff;
}
.pagebuilder #live_editor #live_footer .ps-footer--2 .widget_footer {
  margin-bottom: 30px;
}
.pagebuilder #live_editor #live_footer .ps-footer--2 .ps-footer__content {
  padding-bottom: 50px;
}
.pagebuilder #live_editor #live_footer .ps-footer--2 .ps-footer__bottom {
  padding: 20px 0;
  border-top: 1px solid #eaeaea;
}
.pagebuilder #live_editor #live_footer .ps-footer--2 .ps-footer__bottom p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 40px;
}
.pagebuilder #live_editor #live_footer .ps-footer--2 .ps-footer__bottom p a:not(:last-child) {
  margin-right: 20px;
}
.pagebuilder #live_editor #live_footer .ps-footer--2 .ps-footer__bottom p strong {
  color: #222;
}
.pagebuilder #live_editor #live_footer .ps-footer--2 .ps-footer__bottom .ps-footer__copyright {
  font-size: 14px;
  line-height: 40px;
}
.pagebuilder #live_editor #live_footer .ps-footer--boxed {
  padding: 60px 0;
  background-color: #222;
}
.pagebuilder #live_editor #live_footer .ps-footer--boxed figure figcaption {
  display: block;
  color: #777777;
  margin-bottom: 3px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}
.pagebuilder #live_editor #live_footer .ps-footer--boxed figure p {
  margin-bottom: 0;
  font-size: 14px;
  color: #ffffff;
  line-height: 1.4em;
}
.pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-logo {
  display: inline-block;
  margin-bottom: 45px;
}
.pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-list--social li a {
  color: #777777;
  border-color: #777;
}
.pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-footer__nav li {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}
.pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-footer__nav li a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-footer__nav li a:hover {
  color: #f68773;
}
.pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-footer__nav li:last-child {
  margin-right: 0;
}
.pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-footer__copyright {
  margin-bottom: 0;
  color: #777;
  font-size: 14px;
}
.pagebuilder #live_editor #live_footer .ps-footer--boxed figure, .pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-list--social, .pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-footer__nav {
  margin-bottom: 25px;
}
@media (min-width: 1200px) {
  .pagebuilder #live_editor #live_footer .ps-footer--fullwidth .ps-footer__links {
    text-align: right;
  }
  .pagebuilder #live_editor #live_footer .ps-footer--2 .widget_footer {
    margin-bottom: 0;
  }
  .pagebuilder #live_editor #live_footer .ps-footer--2 .ps-list--social {
    text-align: center;
  }
  .pagebuilder #live_editor #live_footer .ps-footer--2 .row .col-xl-3 {
    max-width: 20%;
  }
  .pagebuilder #live_editor #live_footer .ps-footer--2 .ps-footer__copyright {
    text-align: left;
  }
  .pagebuilder #live_editor #live_footer .ps-footer--boxed {
    padding: 95px 0 50px;
  }
  .pagebuilder #live_editor #live_footer .ps-footer--boxed figure p {
    font-size: 15px;
  }
  .pagebuilder #live_editor #live_footer .ps-footer--boxed figure, .pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-list--social, .pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-footer__nav {
    margin-bottom: 45px;
  }
  .pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-logo {
    margin-bottom: 40px;
  }
  .pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-footer__copyright {
    font-size: 16px;
  }
  .pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-footer__nav li {
    margin-right: 36px;
  }
  .pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-footer__nav li a {
    color: #ffffff;
    font-weight: 600;
  }
  .pagebuilder #live_editor #live_footer .ps-footer--boxed .ps-footer__right {
    text-align: right;
  }
}

.storemanager .feature-preview-area-storefront-collection {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.storemanager .feature-preview-area-storefront-collection .feature-block a {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.storemanager .feature-preview-area-storefront-collection .feature-block a:hover .upload-img {
  display: flex;
}
.storemanager .feature-preview-area-storefront-collection .feature-block a .upload-img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.storemanager .feature-preview-area-storefront-collection .feature-block a .upload-img span {
  color: #ffffff;
  padding: 8.01852px 16.037px;
  background-color: #2AC6C7;
  border-radius: 6px;
  display: block;
  top: 50%;
  position: relative;
  height: 40px;
}
.storemanager .feature-preview-area-storefront-collection .style1 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.storemanager .feature-preview-area-storefront-collection .style1 .feature-block {
  width: 25%;
}
.storemanager .feature-preview-area-storefront-collection .style1 .feature-block img {
  width: 100% !important;
  height: 100% !important;
}
.storemanager .feature-preview-area-storefront-collection .style1 .feature-block img:hover a {
  opacity: 0.6;
}
.storemanager .feature-preview-area-storefront-collection .style2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.storemanager .feature-preview-area-storefront-collection .style2 .feature-block {
  width: 37.5%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.storemanager .feature-preview-area-storefront-collection .style2 .feature-block img {
  width: 100% !important;
  height: 100% !important;
}
.storemanager .feature-preview-area-storefront-collection .style2 .feature-block img:hover a {
  opacity: 0.6;
}
.storemanager .dz-success-mark, .storemanager .dz-error-mark {
  display: none;
}
.storemanager .dz-image img {
  width: 120px;
  height: 120px;
}
.storemanager #holder_with_layers .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: revert;
}

.categories-cycler .item {
  margin-bottom: 5px;
  background: #fff;
}
.categories-cycler .item .item-group .category {
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
}
.categories-cycler .item .item-group .category:hover {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 1;
  border-bottom: 2px solid #101114;
}
.categories-cycler .item .item-group .category .category-img {
  flex: 1;
  width: 70%;
  margin: 10%;
}
.categories-cycler .item .item-group .category .category-text {
  width: 90%;
  overflow: hidden;
  height: 44px;
  margin-bottom: 0.625rem;
  text-align: center;
  word-wrap: break-word;
}
.categories-cycler:hover .owl-buttons {
  display: block;
}
.categories-cycler .owl-buttons {
  opacity: 1;
  display: none;
}
.categories-cycler .owl-buttons.disabled {
  display: none;
}
.categories-cycler .owl-buttons:hover {
  opacity: 1;
}
.categories-cycler .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
  border-radius: 100%;
  width: 64px;
  height: 64px;
  text-align: center;
}
.categories-cycler .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #101114;
  margin: 0;
  position: absolute;
  top: -10px;
  z-index: 5;
  cursor: pointer;
  width: 64px;
  height: 64px;
  text-align: center;
  border-radius: 100%;
}
.categories-cycler .owl-buttons .owl-prev {
  left: -32px;
  position: absolute;
  top: 40%;
}
.categories-cycler .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.categories-cycler .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.categories-cycler .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 34px;
  font-weight: 900;
  line-height: 64px;
  text-transform: none;
}
.categories-cycler .owl-buttons .owl-next {
  right: -32px;
  position: absolute;
  top: 40%;
}
.categories-cycler .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.categories-cycler .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 34px;
  font-weight: 900;
  line-height: 64px;
  text-transform: none;
}

.sales-events-holder {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.sales-events-holder .sales-events-block {
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  box-shadow: 0px 4px 15px rgba(23, 31, 70, 0.1);
}
.sales-events-holder .sales-events-block .card-img-top {
  min-height: 196px;
}
@media (min-width: 576px) {
  .sales-events-holder .sales-events-block {
    width: calc(50% - 30px);
  }
}

#benGrowth,
#custStories,
#eventPerformance {
  min-height: 315px;
}

#custStories {
  background: url("/static/images/marketplace/customer-stories.png") 110% bottom no-repeat #fff;
}

#eventPerformance {
  background: url("/static/images/marketplace/sales-events-performance.png") 110% bottom no-repeat #fff;
}

#standaloneHeaders img,
#theme_width img,
#theme-banner-style img,
#theme-footer img {
  border-width: 3px !important;
}

#standaloneHeaders img.active,
#theme_width img.active,
#theme-banner-style img.active,
#theme-footer img.active {
  border-color: #ff5400 !important;
}

.marketplace-beta {
  margin-bottom: 0px !important;
  background: url("/static/images/sell/marketplace/marketplace-signup-bg.jpg") no-repeat;
  background-size: cover;
}
.marketplace-beta h2:after {
  content: "";
  height: 4px;
  width: 50px;
  background-color: #ED212D;
  display: block;
  margin-top: 10px;
}
.marketplace-beta .title-hero {
  background: url("/static/images/sell/marketplace/marketplace-signup-hd.png") no-repeat;
  min-height: 500px;
}

/*All Venues */
.all-venues {
  background: url("/static/images/site/general/places-bg.jpg");
  height: 500px;
  overflow: visible;
}
.all-venues .img-overlay {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding-bottom: 50px;
}

.venue-search input, .venue-search select {
  font-size: 18px;
  height: 45px;
  border-bottom: 1px dashed #fff;
  border-top: none;
  border-right: none;
  border-left: none;
  background: transparent;
}
.venue-search input:focus, .venue-search select:focus {
  background: #fff;
}
.venue-search input.form-control::placeholder, .venue-search input.form-control::-moz-placeholder, .venue-search input.form-control::-webkit-input-placeholder, .venue-search input.form-control:-ms-input-placeholder, .venue-search input.form-control:placeholder-shown, .venue-search select.form-control::placeholder, .venue-search select.form-control::-moz-placeholder, .venue-search select.form-control::-webkit-input-placeholder, .venue-search select.form-control:-ms-input-placeholder, .venue-search select.form-control:placeholder-shown {
  font-weight: normal;
}
.venue-search .btn {
  padding: 8px 12px 9px;
  font-size: 18px;
}
.venue-search .input-group-addon {
  font-size: 18px;
}

.v-category-container {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.v-category-container .v-cat-block {
  text-align: center;
  margin: 15px;
  width: calc(25% - 30px);
  background: #b0c7d2;
  padding: 40px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.v-category-container .v-cat-block:hover {
  background: #323a46;
}
@media (max-width: 992px) {
  .v-category-container .v-cat-block {
    width: calc(33.33% - 30px);
  }
}
@media (max-width: 768px) {
  .v-category-container .v-cat-block {
    width: calc(100% - 30px);
  }
}

.guide-card-container {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
}
.guide-card-container .guide-card {
  margin: 15px;
  width: calc(25% - 30px);
}
.guide-card-container .guide-card .guide-img {
  position: relative;
}
.guide-card-container .guide-card .guide-img img {
  width: 100%;
}
.guide-card-container .guide-card .guide-det {
  background: #fff;
  padding: 15px;
}
@media (max-width: 992px) {
  .guide-card-container .guide-card {
    width: calc(33.33% - 30px);
  }
}
@media (max-width: 768px) {
  .guide-card-container .guide-card {
    width: calc(100% - 30px);
  }
}

.place-card-container {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
}
.place-card-container .place-card {
  margin: 15px;
  width: calc(16.66% - 30px);
  height: 240px;
  overflow: hidden;
}
.place-card-container .place-card .place-img {
  position: relative;
  height: 240px;
  overflow: hidden;
}
.place-card-container .place-card .place-img img {
  height: 100%;
}
.place-card-container .place-card .place-img .place-det {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding-bottom: 20px;
  background: -moz-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 64%, rgba(16, 17, 20, 0.8) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 64%, rgba(16, 17, 20, 0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 64%, rgba(16, 17, 20, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00999999", endColorstr="#101114", GradientType=0); /* IE6-9 */
  text-align: center;
}
@media (max-width: 992px) {
  .place-card-container .place-card {
    width: calc(25% - 30px);
  }
}
@media (max-width: 768px) {
  .place-card-container .place-card {
    width: calc(100% - 30px);
  }
}

.venue-card-container {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
}
.venue-card-container .venue-card {
  margin: 15px;
  width: calc(25% - 30px);
}
.venue-card-container .venue-card .venue-card-img {
  position: relative;
  max-height: 180px;
  min-height: 180px;
  overflow: hidden;
}
.venue-card-container .venue-card .venue-card-img img {
  width: 100%;
  min-height: 180px;
}
.venue-card-container .venue-card .venue-card-img .fav-venue {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
}
.venue-card-container .venue-card .venue-card-img .fav-venue i {
  font-weight: bold;
  text-shadow: 1px 1px 2px #101114;
}
.venue-card-container .venue-card .venue-det {
  background: #fff;
  padding: 15px;
  position: relative;
  height: 140px;
}
.venue-card-container .venue-card .venue-det h5 {
  position: relative;
  height: 30px;
}
.venue-card-container .venue-card .venue-det .btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.venue-card-container .venue-pagination {
  width: 100%;
}
@media (max-width: 992px) {
  .venue-card-container .venue-card {
    width: calc(33.33% - 30px);
  }
}
@media (max-width: 768px) {
  .venue-card-container .venue-card {
    width: calc(100% - 30px);
  }
}

.browse-venues #gridview.active, .browse-venues #gridview:focus,
.browse-venues #listview.active,
.browse-venues #listview:focus {
  background-color: #101114 !important;
  border-color: #101114 !important;
  color: #fff !important;
}
.browse-venues .venue-card-container {
  margin-left: -10px;
  margin-right: -10px;
}
.browse-venues .venue-card-container .venue-card {
  width: calc(25% - 20px);
  margin: 0 10px 20px;
}
.browse-venues .venue-card-container .venue-card .venue-card-img {
  max-height: 150px;
  min-height: 150px;
}
.browse-venues .venue-card-container .venue-card .venue-det .extra {
  display: none;
}
.browse-venues .venue-card-container .venue-card .venue-act {
  display: none;
  background: #fff;
}
@media (max-width: 992px) {
  .browse-venues .venue-card-container .venue-card {
    width: calc(50% - 20px);
  }
}
@media (max-width: 768px) {
  .browse-venues .venue-card-container .venue-card {
    width: calc(100% - 20px);
  }
}
.browse-venues .venue-card-container.listView {
  flex-direction: column;
}
.browse-venues .venue-card-container.listView .venue-card {
  width: calc(100% - 20px);
  display: flex;
  flex-direction: row;
}
.browse-venues .venue-card-container.listView .venue-card .venue-card-img {
  max-height: 180px;
  min-height: 180px;
  width: 30%;
  border-bottom-left-radius: 4px;
}
.browse-venues .venue-card-container.listView .venue-card .venue-card-img .fav-venue {
  left: 10px;
  right: auto;
}
.browse-venues .venue-card-container.listView .venue-card .venue-card-img img {
  border-top-right-radius: 0;
}
.browse-venues .venue-card-container.listView .venue-card .venue-det {
  width: 50%;
  height: 100%;
}
.browse-venues .venue-card-container.listView .venue-card .venue-det .extra {
  display: block;
}
.browse-venues .venue-card-container.listView .venue-card .venue-act {
  display: flex;
  width: 20%;
  padding: 15px;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-left: 2px solid #f7f7f7;
}
.browse-venues .venue-filters .checkbox {
  padding-left: 25px;
}
.browse-venues .venue-filters .checkbox label:before {
  margin-left: -25px;
}
.browse-venues .venue-filters .checkbox label:after {
  margin-left: -25px;
}

#v-cat-list ul li {
  line-height: 25px;
}
#v-cat-list ul li a:hover {
  text-decoration: underline;
}

.user .timeline .v-card {
  border: 1px solid #ddd;
}
.user .timeline .fol {
  border: 1px solid #ddd;
  padding-bottom: 10px;
  border-radius: 4px;
}

.v-det-card h4 {
  height: 35px;
}

/*Venue Cards*/
.v-card {
  background: #fff;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.v-card .fav {
  position: absolute;
  background: #eee;
  border-radius: 50%;
  padding: 10px 15px;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.v-card .v-foot .btn:first-child {
  margin-right: 3px;
}

.venue-logo {
  position: relative;
}
.venue-logo .fav {
  position: absolute;
  background: #eee;
  border-radius: 50%;
  padding: 10px 15px;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.v-img {
  overflow: hidden;
  height: 205px;
}
.v-img img {
  width: 100%;
}

/*Venue styling*/
.venue-slider .owl-carousel {
  display: inline-block;
}
.venue-slider .owl-carousel .owl-item img {
  min-height: 210px;
  max-height: 210px;
}

.venue-sub .list-inline li {
  vertical-align: middle;
  border-right: 1px solid #f1f5f7;
}
.venue-sub .list-inline li span {
  vertical-align: middle;
  position: relative;
}

.venue-details .venue-map {
  position: relative;
}
.venue-details .venue-map .lrg-map {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 5px;
  background: #fff;
  z-index: 2;
}
.venue-details .venue-map .lrg-map a {
  font-size: 13px;
}
.venue-details .venue-map .loc-det ul li {
  line-height: 24px;
}
.venue-details .gallery-block {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.venue-details .gallery-block a {
  text-align: center;
  margin: 15px;
  width: calc(25% - 30px);
}
.venue-details .gallery-block a.img-wrapper {
  position: relative;
}
.venue-details .room {
  position: relative;
}
.venue-details .room .radio label:after {
  top: 9px;
}

.irs-from,
.irs-to,
.irs-single {
  background: #ffca03;
}
.irs-from:after,
.irs-to:after,
.irs-single:after {
  border-color: #ffca03;
}

.venue {
  position: relative;
  margin-top: 50px;
  height: 500px;
}
.venue .venue-header .v-banner {
  position: relative;
  height: 500px;
  overflow: hidden;
}
.venue .venue-header .v-banner img {
  width: 100%;
  top: -40px;
  position: absolute;
}
.venue .venue-header .v-banner .v-t-2 {
  position: relative;
  bottom: 0;
}
.venue .venue-header .venue-menu {
  background: #1c1f25;
}
.venue .v-logo {
  position: absolute;
  width: 180px;
  height: 180px;
  top: -120px;
  border: 5px solid #fff;
  border-radius: 4px;
}
.venue .v-t {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: #000;
}

.venue-2 .v-banner-img {
  min-height: 250px;
}

.v-det .events .ev-card {
  border: none;
}
.v-det .opening-hours li.active {
  font-size: 14px;
}
.v-det .opening-hours li.active:after {
  content: "Open";
  border: 1px solid #91d034;
  border-radius: 3px;
  color: #91d034;
  margin-left: 10px;
  padding: 2px 3px;
  font-size: 10px;
}
.v-det .features span {
  font-weight: bold;
}
.v-det .features .text-green {
  color: #9797a6 !important;
}
.v-det .features .text-green:hover {
  color: #91d034 !important;
}
.v-det .features .text-yellow {
  color: #9797a6 !important;
}
.v-det .features .text-yellow:hover {
  color: #FFCA03 !important;
}
.v-det .features .text-danger {
  color: #9797a6 !important;
}
.v-det .features .text-danger:hover {
  color: #E61518 !important;
}
.v-det .features hr {
  background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.8), transparent);
  background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.8), transparent);
  background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.8), transparent);
  background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.8), transparent);
  border: 0 none;
  height: 1px;
  margin: 22px 0;
}
.v-det .photos {
  display: table;
}
.v-det .user-review .review {
  border-bottom: 1px solid #101114;
}
.v-det .user-review p {
  margin-bottom: 0;
}
.v-det #events {
  background: transparent;
}
.v-det #events .tab-content {
  border: none;
}
.v-det #reviews {
  background: transparent;
}
.v-det #contact .map {
  height: 350px;
  overflow: hidden;
  position: relative;
}
.v-det .menu {
  position: relative;
}

.venue-2.page-title {
  position: relative;
  height: 250px;
  background: rgba(0, 0, 0, 0.8);
  overflow: visible;
}
.venue-2 .menu .card {
  margin: 0;
}

.venue-header {
  width: 100%;
  position: absolute;
  bottom: 0;
  min-height: 180px;
}

.venue-img-container {
  position: relative;
}

.venue-img {
  position: relative;
}
.venue-img img {
  position: relative;
  border-radius: 10px;
  height: 200px;
  max-width: 200px;
  margin: 0 auto;
  bottom: -25px;
}

.v-overlay {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
}

.v-tabs .list-inline li {
  line-height: 33px;
}
.v-tabs .list-inline li a {
  padding: 8px 15px;
  font-size: 16px;
  border-bottom: 3px solid transparent;
}
.v-tabs .list-inline li.active a, .v-tabs .list-inline li:hover a {
  color: #101114;
  border-bottom-color: #ffca03;
}

.user .v-events.nav-tabs {
  border-bottom: none;
}

.v-events.list-inline li {
  border-bottom: 3px solid transparent;
  line-height: 33px;
}
.v-events.list-inline li a {
  padding: 8px 15px;
  font-size: 16px;
}
.v-events.list-inline li.active, .v-events.list-inline li:hover {
  border-bottom-color: #ffca03;
}
.v-events.list-inline li.active a, .v-events.list-inline li:hover a {
  color: #101114;
}

#review-strip {
  height: 50px;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}
#review-strip.top {
  position: fixed;
  bottom: 0;
  z-index: 999;
}
#review-strip.bottom {
  display: none;
}
#review-strip p {
  line-height: 19px;
}

/*Gallery area*/
.gallery {
  background: url("/static/images/site/general/gallery-bg.jpg") repeat left top fixed;
  -webkit-animation: slideLeft 70s linear infinite;
  -moz-animation: slideLeft 70s linear infinite;
  -o-animation: slideLeft 70s linear infinite;
  animation: slideLeft 70s linear infinite;
  position: relative;
  overflow: visible !important;
}
.gallery .container {
  position: relative;
  z-index: 2;
}

/*Sub Nav*/
.sub-nav {
  background: #101114;
  border-bottom: 1px solid #101114;
}
.sub-nav h5 {
  color: #dee2e6;
}
.sub-nav a:hover h5 {
  color: #ffca03;
}
.sub-nav ul li a {
  color: #dee2e6;
}

.gallery-card-container {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.gallery-card-container .gallery-card {
  margin: 15px;
  width: calc(20% - 30px);
}
@media (max-width: 1024px) {
  .gallery-card-container .gallery-card {
    width: calc(25% - 30px);
  }
}
@media (max-width: 968px) {
  .gallery-card-container .gallery-card {
    width: calc(33.33% - 30px);
  }
}
@media (max-width: 768px) {
  .gallery-card-container .gallery-card {
    width: calc(50% - 30px);
  }
}
@media (max-width: 480px) {
  .gallery-card-container .gallery-card {
    width: calc(100% - 30px);
  }
}

.overlay {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.filter-gallery .btn:hover {
  opacity: 1;
}
.filter-gallery .btn a {
  color: #dee2e6;
}
.filter-gallery .dropdown a {
  color: #fff;
}
.filter-gallery .dropdown-menu {
  background: #101114;
}
.filter-gallery .dropdown-menu li a:hover, .filter-gallery .dropdown-menu li a:focus {
  background: transparent;
  color: #fff !important;
}
.filter-gallery .switch li {
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
}
.filter-gallery li.active {
  background: #f7f7f7;
}
.filter-gallery li.active a h4 {
  color: #333;
}
.filter-gallery li a h4 {
  color: #fff;
}

.gallery-block .b-container {
  padding-right: 30px;
}
.gallery-block .card-body {
  position: relative;
  overflow: hidden;
  background: #fff !important;
  border: 1px solid #ddd;
}
.gallery-block .card-body h6 {
  margin-top: 0;
}
.gallery-block .card-body .info {
  width: 100%;
  bottom: 0;
}
.gallery-block .card-body .info div {
  padding: 0;
}
.gallery-block .card-body img {
  width: 100%;
}
.gallery-block .card-body:hover img {
  opacity: 0.7;
}
.gallery-block .card-body h1 {
  font-size: 50px;
  color: #dee2e6;
}

.img-wrapper .g-view {
  color: #fff;
  font-size: 30px;
  left: 0;
  line-height: 30px;
  margin-top: -15px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 45%;
  transform: scale(2, 2);
  width: 100%;
  transition: all 250ms ease 0s;
  -o-transition: all 250ms ease 0s;
  -moz-transition: all 250ms ease 0s;
  -webkit-transition: all 250ms ease 0s;
}
.img-wrapper:hover .g-view {
  opacity: 0.7;
  transform: scale(1, 1);
}

@media only screen and (min-width: 1200px) {
  .gallery-block .col-lg-2 {
    width: 20%;
    min-height: 350px;
  }
}
/*Album Details grid*/
.album-det {
  overflow: hidden;
  position: relative;
  min-height: 200px;
}
.album-det .rating ul {
  padding-top: 2px;
}
.album-det .rating ul li span {
  font-size: 18px;
}
.album-det .rating ul li p {
  font-size: 10px;
}
.album-det .container .socials i {
  font-size: inherit;
}

.ph-block p {
  font-size: 10px;
}

.album-banner {
  opacity: 0.2;
  position: absolute;
  width: 100%;
}

.soft-blur-overlay {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  width: 100%;
}

.fullscreen .gallery-block {
  font-size: 0;
  line-height: 0;
  text-align: left;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.fullscreen .gallery-block .g-det {
  width: calc(12% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: top;
}
.fullscreen .gallery-block .g-det .block {
  padding: 9px;
  margin: 0 5px 5px 0;
  text-align: left;
  border: 0;
  position: relative;
  transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -webkit-transition: all 500ms;
}

@media only screen and (max-width: 1440px) {
  .fullscreen .gallery-block .g-det {
    width: calc(15% - 10px);
  }
}
@media only screen and (min-width: 760px) and (max-width: 960px) {
  .fullscreen .gallery-block .g-det {
    display: inline-block;
    width: calc(23% - 10px);
  }
}
@media only screen and (max-width: 760px) {
  .fullscreen .gallery-block .g-det {
    display: inline-block;
    width: calc(46% - 10px);
  }
  .fullscreen .gallery-block .g-det .block {
    margin: 0 auto 20px;
  }
}
/*Picture comments*/
.comments {
  display: none;
  position: fixed;
  width: 300px;
  top: 0;
  bottom: 0;
  right: 0;
  background: #101114;
  z-index: 1001001;
  padding: 15px;
  font-size: 16px;
  color: #333;
  text-align: left;
}
.comments div {
  color: #9797a6;
}
.comments .btn {
  border: 1px solid #1c1f25;
}

.action-bar ul li small {
  color: #dee2e6;
}

/*Buzz Hotels*/
.hotels-banner {
  height: 500px;
  position: relative;
  overflow: hidden;
  margin-top: 0;
}
.hotels-banner #hotel-slider .ls-gui-element {
  z-index: 120;
}
.hotels-banner #hotel-slider .ls-v5 .ls-nav-prev,
.hotels-banner #hotel-slider .ls-v5 .ls-nav-next {
  top: 40%;
}
.hotels-banner .hotel-search {
  position: absolute;
  bottom: 0;
  padding-bottom: 100px;
  width: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 84%, rgba(16, 17, 20, 0.8) 100%) repeat scroll 0 0;
}
.hotels-banner .hotel-search .container {
  border-radius: 4px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.hotels-banner .hotel-search input {
  font-size: 18px;
  height: 45px;
}

.hotel-card-container {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
}
.hotel-card-container .hotel-card {
  margin: 15px;
  width: calc(25% - 30px);
}
.hotel-card-container .hotel-card .hotel-card-img {
  position: relative;
}
.hotel-card-container .hotel-card .hotel-card-img img {
  width: 100%;
}
.hotel-card-container .hotel-card .hotel-card-img .fav-hotel {
  position: absolute;
  right: 10px;
  top: 10px;
  color: white;
}
.hotel-card-container .hotel-card .hotel-card-img .fav-hotel i {
  font-weight: bold;
}
.hotel-card-container .hotel-card .hotel-card-det {
  background: #fff;
  padding: 15px;
}
.hotel-card-container .hotel-card .hotel-card-det .discount {
  font-size: 11px;
}
.hotel-card-container .hotel-card .hotel-card-det .room-price {
  font-weight: 700;
}
.hotel-card-container .hotel-card .hotel-card-det .room-price .rate {
  font-weight: 200;
}
.hotel-card-container .hotel-card .hotel-card-det .room-price .currency {
  font-size: 11px;
}
@media (max-width: 992px) {
  .hotel-card-container .hotel-card {
    width: calc(33.33% - 30px);
  }
}
@media (max-width: 768px) {
  .hotel-card-container .hotel-card {
    width: calc(100% - 30px);
  }
}

.hotel-app-block h1 {
  font-size: 50px;
  line-height: 54px;
  font-weight: 700;
}
.hotel-app-block h3 {
  font-weight: 300;
}

.all-hotels .hotel-search input {
  height: 45px;
}

.hotels h1 {
  font-size: 50px;
  font-weight: 300;
  line-height: 56px;
}

.popular-card {
  height: 340px;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.popular-card h3 {
  position: absolute;
  bottom: 0;
  padding: 20px 0;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 84%, rgba(16, 17, 20, 0.8) 100%) repeat scroll 0 0;
  text-align: center;
  width: 100%;
  margin: 0;
}

.popular-card-2 {
  height: 200px;
}

.hotel-video {
  background: url("/static/images/site/hotels/home_bg_1.jpg") no-repeat fixed center center;
  background-size: cover;
  height: 500px;
}

/*hotel-offers Carousel*/
.hotel-offers .owl-buttons {
  opacity: 1;
}
.hotel-offers .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
}
.hotel-offers .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #777;
  margin: 0;
  position: absolute;
  top: -10px;
  z-index: 5;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 50%;
}
.hotel-offers .owl-buttons .owl-prev {
  left: -10px;
  position: absolute;
  top: 40%;
}
.hotel-offers .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.hotel-offers .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.hotel-offers .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 24px;
  font-style: normal;
  line-height: 24px;
  text-transform: none;
}
.hotel-offers .owl-buttons .owl-next {
  right: -20px;
  position: absolute;
  top: 40%;
}
.hotel-offers .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.hotel-offers .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 24px;
  font-style: normal;
  line-height: 24px;
  text-transform: none;
}
.hotel-offers .owl-stage-outer {
  padding-bottom: 10px;
  padding-left: 15px;
}

.offers-gradient {
  background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0.59) 16%, rgba(55, 55, 55, 0.59) 27%, rgba(215, 215, 215, 0) 59%, rgba(255, 255, 255, 0) 67%) repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.hotels-news input {
  height: 34px;
}

/*search page*/
.all-hotels {
  margin-top: 50px;
}
.all-hotels h4 {
  margin: 10px 0;
}
.all-hotels #hotel-search.stick {
  position: fixed;
  z-index: 100;
  width: 100%;
}

.hotel-results .hotel {
  max-height: 200px;
  height: 200px;
  border: 1px solid #fff;
}
.hotel-results .hotel ul li {
  vertical-align: top;
  position: relative;
}

.hotel .hotel-img {
  width: 180px;
  overflow: hidden;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 200px;
}
.hotel .hotel-img img {
  height: 198px;
}
.hotel .hotel-details {
  width: 77%;
}
.hotel.sponsored {
  border: 1px solid #ed134d;
}

/*Hotel Details*/
.hotel .hotel-nav {
  background: url("/static/images/site/hotels/1_large.jpg") #101114 no-repeat center center;
  background-size: cover;
  min-height: 150px;
  position: relative;
}
.hotel .hotel-nav .h-overlay {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.hotel .hotel-nav .h-desc {
  width: 100%;
  bottom: 0;
  position: absolute;
  z-index: 11;
  max-width: 1140px;
}
.hotel .breadcrumbs li {
  color: #dee2e6;
}
.hotel .breadcrumbs li a {
  color: #dee2e6;
}
.hotel .breadcrumbs li a:hover {
  color: #fff;
}
.hotel .hotel-det .hotel-menu ul {
  border-bottom: 1px solid #eee;
}
.hotel .hotel-det .hotel-menu ul li {
  padding: 9px 15px;
  border-bottom: 3px solid #fff;
}
.hotel .hotel-det .hotel-menu ul li.active {
  border-bottom: 3px solid #ffca03;
  color: #101114;
}
.hotel #events ul li {
  border-bottom: 3px solid transparent;
  padding: 8px 15px;
}
.hotel #events ul li.active {
  border-bottom: 3px solid #ffca03;
}
.hotel #events ul li.active a {
  color: #101114;
}

.btn-default.active {
  background-color: #ffca03 !important;
  color: #101114 !important;
  border-color: #ffca03 !important;
}

/*deals block*/
.h-deal .o-price {
  text-decoration: line-through;
  color: #ccc;
  font-size: 18px;
  font-weight: 500;
}
.h-deal .n-price {
  font-size: 18px;
  color: #01C853;
  font-weight: 500;
}

.h-avail .panel-heading {
  border-bottom: 1px solid #ddd;
}
.h-avail label {
  font-size: 12px;
}
.h-avail input {
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 0;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
}
.h-avail input:focus {
  background-color: #f7f7f7;
}

#amenities ul li {
  width: 100px;
  vertical-align: top;
  padding-bottom: 10px;
}

/*Hotel Checkout page*/
.hotel-checkout {
  margin-top: 50px;
}
.hotel-checkout .breadcrumbs li {
  color: #dee2e6;
}
.hotel-checkout .breadcrumbs li a {
  color: #dee2e6;
}

.h-pay ul li {
  border-bottom: 3px solid transparent;
  padding: 8px 15px;
}
.h-pay ul li.active {
  border-bottom: 3px solid #ffca03;
}
.h-pay ul li.active a {
  color: #101114;
}

/*Movies*/
.movies-slider {
  margin-top: 50px;
}
.movies-slider .btn {
  border-radius: 50px !important;
}
@media (max-width: 1500px) {
  .movies-slider h1 {
    margin-left: -50% !important;
  }
  .movies-slider h5 {
    margin-left: -120% !important;
  }
  .movies-slider .btn-default {
    margin-left: -120% !important;
  }
  .movies-slider .js_yt-preview {
    margin-left: -100% !important;
  }
}
@media (max-width: 1200px) {
  .movies-slider h1 {
    font-size: 6rem !important;
    margin-left: -190px !important;
  }
  .movies-slider .js_yt-preview {
    margin-left: -55% !important;
  }
}
@media (max-width: 960px) {
  .movies-slider h5 {
    margin-left: 0 !important;
  }
  .movies-slider h1 {
    font-size: 5rem !important;
    margin-left: -130px !important;
  }
  .movies-slider .js_yt-preview {
    margin-left: 60% !important;
  }
  .movies-slider .btn-default {
    margin-left: 20% !important;
  }
}
@media (max-width: 760px) {
  .movies-slider h5 {
    margin-top: -20px !important;
    margin-left: -10px !important;
  }
  .movies-slider h1 {
    margin-top: -10px !important;
    font-size: 40px !important;
    margin-left: -180px !important;
  }
  .movies-slider .js_yt-preview {
    margin-top: -70px !important;
    margin-left: 80% !important;
  }
  .movies-slider .btn-default {
    margin-top: -70px !important;
    margin-left: -5px !important;
  }
}

.movies-block h1 {
  font-size: 50px;
  color: #9797a6;
  line-height: 54px;
  font-weight: 700;
}
.movies-block .movies {
  display: inline-block;
  left: 0;
  list-style: none outside none;
  padding: 0;
  position: relative;
}
.movies-block .movies.owl-carousel {
  background: transparent;
}
.movies-block .movies li {
  width: 230px;
  display: inline-block;
  margin-left: 0;
}
.movies-block .movies li img {
  width: 100%;
}
.movies-block .movies .owl-item li img {
  height: 360px;
  opacity: 0.6;
  transform: scale(0.9);
}
.movies-block .movies .owl-item.active.center li img {
  opacity: 1;
  transform: scale(1);
  height: 360px;
}
.movies-block .movies .owl-buttons {
  opacity: 1;
}
.movies-block .movies .owl-buttons div {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  opacity: 1;
  padding: 3px 10px;
}
.movies-block .movies .owl-buttons a {
  background: #fff;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  color: #777;
  margin: 0;
  position: absolute;
  top: -10px;
  z-index: 5;
  cursor: pointer;
  padding: 16px;
}
.movies-block .movies .owl-buttons .owl-prev {
  left: 0;
  position: absolute;
  top: 50%;
}
.movies-block .movies .owl-buttons .owl-prev a {
  background-position: 0 100%;
  border: medium none;
}
.movies-block .movies .owl-buttons .owl-prev a.flex-prev {
  left: 0;
}
.movies-block .movies .owl-buttons .owl-prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-size: 24px;
  font-weight: 900;
  font-style: normal;
  line-height: 24px;
  text-transform: none;
}
.movies-block .movies .owl-buttons .owl-next {
  right: 0;
  position: absolute;
  top: 50%;
}
.movies-block .movies .owl-buttons .owl-next a.flex-next {
  right: 0;
}
.movies-block .movies .owl-buttons .owl-next a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 24px;
  font-style: normal;
  line-height: 24px;
  text-transform: none;
}

.m-main {
  background: #101114;
  padding-bottom: 40px;
}

.movies-page {
  background: #fff;
  position: relative;
  top: 50%;
  z-index: 34;
}

.container .movies {
  background: #fff;
}

.wide {
  background: #f7f7f7;
  z-index: 34;
  position: relative;
}

#movie-listing-filters {
  padding: 10px 0;
  display: table;
  width: 100%;
}
#movie-listing-filters ul {
  margin: 0;
}
#movie-listing-filters ul.dropdown-menu {
  background: #eee;
}
#movie-listing-filters ul.dropdown-menu > li a {
  color: #9797a6;
}
#movie-listing-filters ul.dropdown-menu > li a:hover, #movie-listing-filters ul.dropdown-menu > li a:focus {
  background: #101114;
  color: #fff;
}
#movie-listing-filters ul li.active a {
  background: #101114;
  border-radius: 5px;
}
#movie-listing-filters #js_sort_box_now_movies li:first-child:hover {
  background: transparent;
}
#movie-listing-filters #js_sort_box_now_movies li:focus, #movie-listing-filters #js_sort_box_now_movies li.active, #movie-listing-filters #js_sort_box_now_movies li:hover {
  background: #ddd;
  border-radius: 4px;
}
#movie-listing-filters .filters li.active, #movie-listing-filters .filters li:hover {
  background: #ddd;
  border-radius: 4px;
}

.now-showing {
  padding-left: 20px;
  padding-right: 20px;
}
.now-showing #js_now_movies_holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  height: 100% !important;
}
.now-showing #js_now_movies_holder li {
  margin: 15px;
  flex-grow: 0;
  width: calc(25% - 30px);
  z-index: 2;
  transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
@media (max-width: 1024px) {
  .now-showing #js_now_movies_holder li {
    width: calc(33.33% - 30px);
  }
}
@media (max-width: 768px) {
  .now-showing #js_now_movies_holder li {
    width: calc(50% - 30px);
  }
}
@media (max-width: 480px) {
  .now-showing #js_now_movies_holder li {
    width: calc(100% - 30px);
  }
}
.now-showing .poster {
  position: relative;
  overflow: hidden;
  max-height: 360px;
}
.now-showing .poster ul {
  position: absolute;
  width: 100%;
  bottom: -40px;
  left: 5px;
  background: rgba(0, 0, 0, 0.5);
  padding: 8px 0;
  text-align: center;
  transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.now-showing .poster ul li a {
  padding: 8px 16px;
  font-size: 16px;
}
.now-showing .poster ul li:hover > .fav {
  background: #E61518;
  color: #fff;
}
.now-showing .poster ul li:hover > .cal {
  background: #91D034;
  color: #000;
}
.now-showing .poster ul li:hover > .wat {
  background: #fff;
  color: #000;
}
.now-showing .poster ul li .m-title {
  display: block;
  height: 40px;
  max-width: 220px;
}
.now-showing .poster ul li .m-title h3 {
  margin-bottom: 0;
}
.now-showing .poster ul li .m-title:hover h4 {
  color: #ffca03 !important;
}
.now-showing .poster .overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
  opacity: 0;
  max-width: 245px;
}
@media (max-width: 768px) {
  .now-showing .poster .overlay {
    display: none;
  }
}
.now-showing .poster:hover .overlay {
  opacity: 1;
}
.now-showing .poster:hover ul {
  bottom: 0;
}

.posters .js_img-preview img {
  max-height: 220px;
}

#fav .poster img {
  height: 250px;
}
#fav .m-title {
  display: block;
  height: 60px;
}

/*Movie Details Banner*/
.det-banner {
  background: #101114;
  position: relative;
  overflow: hidden;
  height: 400px;
}
.det-banner .m-overlay {
  background: -moz-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 84%, rgba(16, 17, 20, 0.8) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 84%, rgba(16, 17, 20, 0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, rgba(16, 17, 20, 0.5) 84%, rgba(16, 17, 20, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00999999", endColorstr="#101114", GradientType=0); /* IE6-9 */
}
.det-banner .container {
  position: relative;
  min-height: 400px;
}
.det-banner .m-banner {
  max-height: 400px;
  position: absolute;
}
.det-banner .m-banner img {
  width: 100%;
}
.det-banner .title-area {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.det-banner .title-area span.fs13 {
  color: #fff;
}
.det-banner .title-area .m-buttons .btn {
  border-radius: 50px !important;
}
.det-banner .title-area .m-actions .btn {
  padding: 8px 10px;
}
.det-banner .title-area .m-actions .btn.btn-white {
  color: #fff;
  border-color: #fff !important;
  border-width: 2px !important;
  background-color: transparent !important;
}
.det-banner .title-area .m-actions .btn.btn-white:hover.fav i {
  color: #f1556c !important;
}
.det-banner .title-area .m-actions .btn.btn-white:hover.cal i {
  color: #ffca03 !important;
}
.det-banner .title-area .m-actions .btn.btn-white:hover.wat i {
  color: #01c853 !important;
}
.det-banner .rating h1 {
  margin-bottom: 5px;
  font-size: 40px;
}
@media (max-width: 760px) {
  .det-banner {
    height: 100vh;
  }
  .det-banner .m-banner {
    max-height: 100vh;
  }
  .det-banner .m-banner img {
    width: auto;
    height: 100vh;
    margin-left: -40%;
  }
  .det-banner .title-area {
    position: relative;
    margin-top: 60px;
  }
  .det-banner .m-overlay {
    position: relative;
    height: 100vh;
  }
  .det-banner .m-buttons {
    padding-top: 0 !important;
  }
  .det-banner .m-buttons .js_yt-preview-movie {
    margin-left: 0 !important;
  }
}
@media (max-width: 1024px) {
  .det-banner {
    height: 500px;
  }
  .det-banner .m-banner img {
    width: auto;
    height: 500px;
    margin-left: -10%;
  }
}

.movies .details-top .poster {
  position: relative;
  margin-top: -200px;
}
@media (max-width: 760px) {
  .movies .details-top .poster {
    margin-top: 20px;
  }
}
.movies .details-top .share {
  max-width: 245px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.movies .details-top .share div {
  padding: 0;
}
.movies .details-top .share div a {
  margin: 0;
  padding: 10px 15px;
  display: block;
  color: #fff;
}
.movies .details-top .share div a.facebook {
  background: #3b5998;
}
.movies .details-top .share div a.twitter {
  background: #00aced;
}
.movies .details-top .share div a.link {
  background: #ffca03;
}
.movies .nav-tabs li {
  line-height: 33px;
  border-bottom: 3px solid transparent;
}
.movies .nav-tabs li.active, .movies .nav-tabs li:hover {
  border-bottom: 3px solid #ffca03;
}
.movies .nav-tabs li.active a, .movies .nav-tabs li:hover a {
  background: transparent;
  color: #101114 !important;
  line-height: 33px;
}
.movies .nav-tabs li a {
  padding: 8px 15px;
  color: #666;
  line-height: 33px;
  text-transform: none;
}

.m-det span {
  font-weight: bold;
}

#showtimes .select-date li {
  padding: 2px 8px;
  margin-right: 5px;
  border-radius: 4px;
  background: #f1f5f7;
}
#showtimes .select-date li a {
  color: #323a46;
}
#showtimes .select-date li.active, #showtimes .select-date li:hover {
  background: #ffca03;
}
#showtimes .select-date li.active a, #showtimes .select-date li:hover a {
  color: #101114;
}
#showtimes li {
  padding: 8px 12px;
  margin-right: 10px;
  border-radius: 4px;
  background: #f1f5f7;
  color: #323a46;
}
#showtimes .m-date span {
  color: #9797a6;
}
#showtimes .dropdown-menu {
  min-width: 60px;
}

.m-show {
  display: table;
  width: 100%;
  border-bottom: 1px dotted #f1f5f7;
}
.m-show h4 {
  color: #666;
}
.m-show h4 a:hover {
  color: #101114;
  text-decoration: underline;
  text-decoration-color: #ffca03;
}

.box-office h5 {
  margin-top: 0;
  margin-bottom: 0;
}
.box-office p {
  margin-bottom: 0;
}
.box-office .box-money {
  border-radius: 50px;
  padding: 5px;
  color: #01c853;
  border: 1px solid #01c853;
  text-align: center;
  font-size: 12px;
}

#reviews textarea {
  background: #fcfcfc;
  border-color: #ddd;
}
#reviews textarea:focus, #reviews textarea.active {
  border-color: #9797a6;
}
#reviews .u-rev {
  border-bottom: 1px solid #ddd;
  height: auto;
}
#reviews .u-rev .content {
  margin: 0;
}
#reviews .rate {
  display: table;
  width: 100%;
}

/*Trailers*/
#trailers .fa-play-circle-o {
  position: absolute;
  z-index: 5;
  top: 35%;
  left: 40%;
  opacity: 0.7;
  color: #fff;
}

#trailers .vid:hover .fa-play-circle-o {
  opacity: 1;
  color: #ffca03;
}
#trailers .posters .js_img-preview img {
  max-height: 275px;
}

/*Date picker for movies edit*/
.js_pick-date {
  display: table;
  width: 100%;
}
.js_pick-date input {
  background: #fcfcfc;
  border-color: #ccc;
  color: #9797a6;
}
.js_pick-date .three-d {
  padding: 0 10px 5px;
}
.js_pick-date .three-d .dropdown {
  background: #ddd;
  padding: 6px 10px 7px;
  border-radius: 4px;
  text-align: right;
}
.js_pick-date .three-d .dropdown:hover {
  color: #fff;
}
.js_pick-date .three-d .dropdown i {
  margin-left: 10px;
}
.js_pick-date .three-d .dropdown-menu {
  background: #ddd;
  border: none;
  box-shadow: none;
}
.js_pick-date .three-d .dropdown-menu li {
  padding: 10px !important;
  margin: 0 !important;
}
.js_pick-date .three-d .dropdown-menu li:hover a {
  background-color: #363C44;
  color: #fff;
  border-radius: 4px;
}
.js_pick-date .input-group-addon {
  background-color: #323a46;
  border-color: #323a46;
  color: #fff;
}
.js_pick-date .dropdown-menu > li > a {
  color: #323a46;
}

.datepicker thead tr:first-child th:hover {
  background: #fff;
}
.datepicker tfoot tr th:hover {
  background: #fff;
}
.datepicker.dropdown-menu {
  background-color: #fff !important;
}
.datepicker table tr td.disabled {
  color: #333 !important;
}
.datepicker table tr td.disabled:hover {
  color: #333 !important;
}
.datepicker table tr td.old, .datepicker table tr td.new {
  color: #333 !important;
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
  background: #eee !important;
  cursor: pointer;
}
.datepicker table tr td.active {
  background: #FFCA03 !important;
  border-color: #FFCA03;
  color: #101114;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover {
  background: #FFCA03 !important;
  border-color: #FFCA03;
  color: #101114;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover:hover {
  background: #ffca03;
}
.datepicker table tr td.active:hover:active {
  background: #ffca03;
}
.datepicker table tr td.active.disabled {
  background: #FFCA03 !important;
  border-color: #FFCA03;
  color: #101114;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active.disabled:hover {
  background: #FFCA03 !important;
  border-color: #FFCA03;
  color: #101114;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active.disabled:hover:hover {
  background: #ffca03;
}
.datepicker table tr td.today {
  background-color: #ffca03 !important;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #000;
}
.datepicker table tr td.today:hover {
  background-color: #dee2e6 !important;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #000;
}
.datepicker table tr td.today.disabled {
  background-color: #dee2e6 !important;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #000;
}
.datepicker table tr td.today.disabled:hover {
  background-color: #dee2e6 !important;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #000;
}

.datepicker-dropdown:after {
  border-bottom: 6px solid #eee;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  border-top: 6px solid #eee;
}

/**Performers ***/
.performers .pop-perf .performer-card .p-tit,
.performers .recom-perf .performer-card .p-tit {
  height: 40px;
  display: block;
}

.all-performers {
  background: url("/static/images/site/banners/banner-011.png") #101114 -550px 0;
  background-size: cover;
}
.all-performers .img-overlay {
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
}

.popover {
  z-index: 9999999;
}

.performers .verified {
  color: #ffca03;
}
.performers #f_vid i {
  display: none;
  position: absolute;
  z-index: 5;
  top: 40%;
  left: 45%;
  opacity: 0.7;
  color: #fff;
  background: #101114;
  border-radius: 50%;
  padding: 15px 20px;
}
.performers #f_vid:hover i {
  display: block;
}
.performers .categories .panel {
  width: 170px;
  height: 170px;
  text-align: center;
  vertical-align: top;
  background: #1c1f25;
}
.performers .categories .panel h4 {
  color: #fff;
}
.performers .categories .panel .panel-body {
  padding-bottom: 0;
}
.performers .categories .panel i {
  font-size: 100px;
  color: #fff;
}
.performers .pop-perf .performer-card img {
  width: 260px;
  height: 260px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.performers .pop-perf .recom-perf .performer-card img {
  width: 230px;
  height: 230px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.performer-card img {
  height: 300px;
}

.p-new .p-new-banner {
  background: url("/static/images/site/general/bg-header-compressor.jpg") 0 0 no-repeat fixed;
  height: 74vh;
  overflow: hidden;
  position: relative;
}
.p-new .p-new-banner h1 {
  color: #fff;
  padding-top: 200px;
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
  font-family: "AvenirNextRoundedPro";
  bottom: 0;
}
.p-new .p-new-banner .p-img-block-holder {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.p-new .p-new-banner .p-img-block-holder .p-img-block {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 50px;
}
.p-new .p-new-banner .p-img-block-holder .p-img-block:nth-child(odd) {
  margin-top: -25px;
}
.p-new .p-new-banner .p-img-block-holder .p-img-block:nth-child(even) {
  margin-top: -90px;
}
.p-new .musicians-holder {
  background: url("/static/images/site/general/performers/bg-musicians-compressor.jpg") 420px center no-repeat fixed #000;
}
.p-new .musicians-holder h1 {
  color: #fff;
  padding-top: 100px;
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
  font-family: "AvenirNextRoundedPro";
}
.p-new .musicians-holder h3 {
  color: #fff;
  padding-bottom: 20px;
  font-family: "AvenirNextRoundedPro-Med";
}
.p-new .musicians-holder .musicians-block-holder {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.p-new .musicians-holder .musicians-block-holder .musician-block {
  width: calc(33.33% - 30px);
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px;
  padding: 15px;
  text-align: center;
}
.p-new .musicians-holder .musicians-block-holder .musician-block .musician-img {
  border-radius: 50%;
  width: 200px;
  height: 200px;
}
.p-new .musicians-holder .musicians-block-holder .musician-block .musician-title {
  color: #fff;
}
.p-new .dj-holder {
  background: url("/static/images/site/general/performers/bg-dj-compressor.jpg") -900px center no-repeat fixed #000;
}
.p-new .dj-holder h1 {
  color: #fff;
  padding-top: 100px;
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
  font-family: "AvenirNextRoundedPro";
}
.p-new .dj-holder h3 {
  color: #fff;
  padding-bottom: 20px;
  font-family: "AvenirNextRoundedPro-Med";
}
.p-new .dj-holder .dj-block-holder {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.p-new .dj-holder .dj-block-holder .dj-block {
  width: calc(33.33% - 30px);
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px;
  padding: 15px;
  text-align: left;
}
.p-new .dj-holder .dj-block-holder .dj-block .dj-img {
  border-radius: 8px;
  width: 200px;
  height: 200px;
}
.p-new .dj-holder .dj-block-holder .dj-block .dj-title {
  color: #fff;
}
.p-new .comedian-holder {
  background: url("/static/images/site/general/performers/bg-comedians-compressor.jpg") center no-repeat fixed #000;
}
.p-new .comedian-holder h1 {
  color: #fff;
  padding-top: 100px;
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
  font-family: "AvenirNextRoundedPro";
}
.p-new .comedian-holder h3 {
  color: #fff;
  padding-bottom: 20px;
  font-family: "AvenirNextRoundedPro-Med";
}
.p-new .comedian-holder .com-block-holder {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.p-new .comedian-holder .com-block-holder .com-block {
  width: calc(33.33% - 30px);
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px;
  padding: 15px;
  text-align: left;
}
.p-new .comedian-holder .com-block-holder .com-block .com-img {
  border-radius: 8px;
  width: 200px;
  height: 200px;
}
.p-new .comedian-holder .com-block-holder .com-block .com-title {
  color: #fff;
}
.p-new .dancers-holder {
  background: url("/static/images/site/general/performers/bg-dancers-compressor.jpg") 0 center no-repeat #000;
  text-align: center;
}
.p-new .dancers-holder h1 {
  color: #fff;
  padding-top: 100px;
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
  font-family: "AvenirNextRoundedPro";
}
.p-new .dancers-holder h3 {
  color: #fff;
  padding-bottom: 20px;
  font-family: "AvenirNextRoundedPro-Med";
}
.p-new .actors-holder {
  background: url("/static/images/site/general/performers/bg-actors-compressor.jpg") center right no-repeat #000;
  text-align: center;
}
.p-new .actors-holder h1 {
  color: #fff;
  padding-top: 100px;
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
  font-family: "AvenirNextRoundedPro";
}
.p-new .actors-holder h3 {
  color: #fff;
  padding-bottom: 20px;
  font-family: "AvenirNextRoundedPro-Med";
}
.p-new .perf-block-sell-holder {
  display: flex;
  margin-right: 15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.p-new .perf-block-sell-holder .perf-block {
  width: calc(33.33% - 30px);
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px;
  padding: 50px 20px;
}
.p-new .perf-block-sell-holder .perf-block h4 {
  font-family: "AvenirNextRoundedPro-Med";
}
.p-new .final-block {
  position: relative;
  overflow: hidden;
  background: url("/static/images/site/general/performers/bg-last-block-compressor.jpg") 0 bottom no-repeat fixed #000;
}
.p-new .final-block .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}
.p-new .final-block h1 {
  color: #fff;
  padding-top: 100px;
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
  font-family: "AvenirNextRoundedPro";
}
.p-new .final-block ul {
  padding-top: 10px;
}
.p-new .final-block ul li {
  color: #fff;
}
.p-new .final-block ul li p a {
  color: #fff;
}

/*Performer details*/
.p-banner {
  height: 250px;
  background: #fff;
  overflow: hidden;
}

.p-banner-img {
  max-height: 250px;
}

.performer-img-container {
  position: relative;
}

.performer-img {
  position: relative;
  margin-top: -60px;
}
.performer-img img {
  position: relative;
  border-radius: 10px;
  height: 160px;
  max-width: 160px;
}

.p-overlay {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
}

.p-header {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 180px;
}
.p-header h1 {
  font-size: 24px;
  line-height: 33px;
}
.p-header .info h4 {
  font-size: 16px !important;
}
.p-header .info li:last-child h4:before {
  content: "\f111";
  display: inline-block;
  font-family: "Font Awesome\5 Free";
  font-weight: 900;
  font-size: 5px;
  vertical-align: middle;
  padding-right: 5px;
}
.p-header .socials li {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #101114;
  background: #ddddde;
  text-align: center;
  line-height: 26px;
  margin-right: 5px;
}
.p-header .socials li.fb {
  background: #3b5998;
  color: #fff;
}
.p-header .socials li.tw {
  background: #00aced;
  color: #fff;
}
.p-header .socials li.ig {
  background: #bc2a8d;
  color: #fff;
}
.p-header .socials li.in {
  background: #007bb6;
  color: #fff;
}
.p-header .socials li.li {
  background: #1060A6;
  color: #fff;
}
.p-header .socials li.web {
  background: #323a46;
  color: #fff;
}
.p-header .socials li .fa {
  line-height: 26px;
}

.performers h1 {
  font-family: "AvenirNextRoundedPro";
}

.p-img {
  background: #ddd;
  padding: 15px;
  border-radius: 4px;
  max-width: 180px;
  max-height: 180px;
  margin-left: auto;
  margin-right: auto;
}

.p-det .events .ev-card {
  border: 1px solid #ddd;
}

#info p {
  color: #9797a6;
}

.fb-share-block .fb-image {
  max-height: 200px;
  overflow: hidden;
}

.gp-share-block .gp-image {
  max-height: 250px;
  overflow: hidden;
}

.perf .list-inline li {
  border-bottom: 3px solid transparent;
  line-height: 33px;
}
.perf .list-inline li a {
  padding: 8px 15px;
  font-size: 13px;
}
.perf .list-inline li.active, .perf .list-inline li:hover {
  border-bottom-color: #ffca03;
}
.perf .list-inline li.active a, .perf .list-inline li:hover a {
  color: #101114;
}

#photos .gallery-block .g-det {
  width: 20%;
  display: inline-block;
  vertical-align: top;
}

#photos .gallery-block .g-det .block {
  margin: 0 10px 10px 0;
  text-align: left;
  border: 0;
}

#photos.gallery-block .g-det .block {
  transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -webkit-transition: all 500ms;
}

@media only screen and (max-width: 1440px) {
  #photos .gallery-block .g-det {
    width: 33.33%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 960px) {
  #photos .gallery-block .g-det {
    display: inline-block;
    width: 33.33%;
  }
}
@media only screen and (max-width: 760px) {
  #photos .gallery-block .g-det {
    display: inline-block;
    width: 100%;
  }
  #photos.gallery-block .g-det .block {
    margin: 0 auto 20px;
  }
}
.tour-details {
  margin-top: 0;
  padding: 0;
}
.tour-details .tours-header {
  height: 630px;
  overflow: hidden;
  position: relative;
  padding: 0;
}
.tour-details .tours-header .tours-bg-header {
  width: 100%;
}
.tour-details .tours-header .tours-header-content {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(bottom, #101114 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%);
  background: -webkit-linear-gradient(bottom, #101114 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%);
  background: -o-linear-gradient(bottom, #101114 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%);
  background: -ms-linear-gradient(bottom, #101114 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%);
  background: linear-gradient(bottom, #101114 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%);
}
.tour-details .tours-header .tours-header-content .discount {
  background: rgba(43, 56, 148, 0.9);
}
.tour-details .tours-header .tours-header-content .t-price {
  background: rgba(93, 156, 236, 0.9);
}
.tour-details .tours-header .tours-header-content #sticky-menu3.stick {
  margin-top: 0 !important;
  position: fixed;
  z-index: 101;
  background: #fff;
  width: 100%;
  max-width: 368px;
  top: 60px;
}
@media (max-width: 1200px) {
  .tour-details .tours-header .tours-header-content #sticky-menu3.stick {
    max-width: 300px !important;
  }
}
@media (max-width: 960px) {
  .tour-details .tours-header .tours-header-content #sticky-menu3.stick {
    max-width: 250px !important;
  }
}
@media (max-width: 780px) {
  .tour-details .tours-header .tours-header-content #sticky-anchor3 {
    display: none;
  }
  .tour-details .tours-header .tours-header-content #sticky-menu3.stick {
    position: relative;
    max-width: 100%;
  }
}
.tour-details .tour-stats ul li {
  font-size: 17px;
  line-height: 26px;
  padding: 10px 0;
}
.tour-details #tdetails-container #sticky-menu4.stick {
  margin-top: 0 !important;
  position: fixed;
  z-index: 101;
  height: 250px;
  width: 100%;
  max-width: 368px;
  top: 450px;
}
@media (max-width: 1200px) {
  .tour-details #tdetails-container #sticky-menu4.stick {
    max-width: 300px !important;
  }
}
@media (max-width: 960px) {
  .tour-details #tdetails-container #sticky-menu4.stick {
    max-width: 250px !important;
  }
}
@media (max-width: 780px) {
  .tour-details #tdetails-container #sticky-anchor4 {
    display: none;
  }
  .tour-details #tdetails-container #sticky-menu4.stick {
    position: relative;
    max-width: 100%;
  }
}
.tour-details #tdetails-container .cblock {
  position: relative;
  overflow: hidden;
  background: url("/static/images/site/general/tours-view-blk.jpg") no-repeat;
  height: 250px;
}
.tour-details #tdetails-container .cblock .cblock-overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(93, 156, 236, 0.7);
  z-index: 2;
}
.tour-details #tdetails-container .cblock .cblock-text {
  position: relative;
  z-index: 3;
}
.tour-details #menu-container {
  position: relative;
}
.tour-details #menu-container .form-container {
  position: relative;
}
.tour-details #menu-container .form-container #sticky-menu2.stick {
  margin-top: 0 !important;
  position: fixed;
  z-index: 101;
  height: 250px;
  background: #fff;
  width: 100%;
  max-width: 368px;
  top: 200px;
}
@media (max-width: 1200px) {
  .tour-details #menu-container #sticky-menu2.stick {
    max-width: 300px !important;
  }
}
@media (max-width: 960px) {
  .tour-details #menu-container #sticky-menu2.stick {
    max-width: 250px !important;
  }
}
@media (max-width: 780px) {
  .tour-details #menu-container #sticky-anchor2 {
    display: none;
  }
  .tour-details #menu-container #sticky-menu2.stick {
    position: relative;
    max-width: 100%;
  }
}
.tour-details #menu-container .tour-date-select {
  position: relative;
  z-index: 6;
}
.tour-details #menu-container #sticky-menu {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 5;
  padding-top: 10px;
}
.tour-details #menu-container #sticky-menu.stick {
  margin-top: 0 !important;
  position: fixed;
  top: 60px;
  z-index: 100;
  height: 50px;
  width: 100%;
  left: 0;
}
.tour-details #menu-container #sticky-menu ul li {
  line-height: 36px;
  border-bottom: 3px solid transparent;
}
.tour-details #menu-container #sticky-menu ul li a {
  padding: 8px 15px;
  font-size: 17px;
}
.tour-details #menu-container #sticky-menu ul li.active, .tour-details #menu-container #sticky-menu ul li:hover, .tour-details #menu-container #sticky-menu ul li:focus {
  border-color: #101114;
}
.tour-details #menu-container #sticky-menu ul li.active a, .tour-details #menu-container #sticky-menu ul li:hover a, .tour-details #menu-container #sticky-menu ul li:focus a {
  color: #101114;
}

.products-grid {
  margin-bottom: 20px !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: 20px;
}
.products-grid .item {
  margin-bottom: 15px !important;
}
.products-grid .item .sale-label {
  background: #72747b none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 10px;
  padding: 3px 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
}
.products-grid .item .item-inner {
  background: #fff;
  overflow: hidden;
  padding: 3px 3px 10px;
  position: relative;
  text-align: center;
}
.products-grid .item .item-inner .item-img {
  margin: 0 auto;
  position: relative;
}
.products-grid .item .item-inner .item-img .item-img-info {
  position: relative;
  text-align: center;
  transition: all 0.3s ease-out 0s;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image img {
  max-width: 100%;
  transform: translateZ(0px);
  transition-duration: 500ms;
  transition-property: transform;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.4s ease-out 0.2s;
  width: 100%;
  z-index: 1;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image:hover img {
  transform: scale(1.2);
}
.products-grid .item .item-inner .item-info .info-inner {
  border-top: medium none;
  padding: 0 10px;
  text-align: left;
  transition: all 0.3s ease-out 0s;
}
.products-grid .item .item-inner .item-info .info-inner .item-title {
  font-size: 14px;
  margin-bottom: 3px;
  overflow: hidden;
  padding-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}
.products-grid .item .item-inner .item-info .info-inner .item-title a {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  max-width: 250px;
}
.products-grid .item .item-inner .item-info .info-inner .item-title p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.products-grid .item .item-inner:hover .item-img .box-hover {
  left: 10px;
}
.products-grid .item .action {
  margin-top: 10px;
}
.products-grid .item .ratings {
  display: inline-block;
  overflow: visible;
  text-align: center;
  transition: all 300ms ease-in-out 0s;
  z-index: 1;
}
.products-grid .item .merchant li {
  color: #f7f7f7;
  font-size: 10px;
  vertical-align: middle;
}
.products-grid .item .merchant li a {
  color: #f7f7f7;
  font-size: 10px;
  text-decoration: underline;
}
.products-grid .item .price-box {
  color: #323a46;
  font-size: 14px;
  font-weight: bold;
  margin: 3px 0 15px;
  min-height: 20px;
}
.products-grid .item .price-box del {
  border: medium none;
  color: #999;
  display: block;
  margin: -10px 0 0;
}
.products-grid .item .price-box del .amount {
  color: #999;
  font-size: 13px;
  font-weight: normal;
}
.products-grid .item .price-box ins {
  border: medium none;
  text-decoration: none;
}
.products-grid .item .price-box ins ins .amount {
  color: #ffca03;
  margin-left: 5px;
}
.products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
  left: 0;
  margin: 0;
  opacity: 0.8;
  top: 0;
}

.wishlist.products-grid {
  max-width: 100%;
  margin-left: -15px;
  margin-right: -15px;
}
.wishlist.products-grid .item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: calc(25% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  max-width: 270px;
}

.how {
  background: #101114;
}

.how .nav-tabs.nav-justified > li {
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
}

.how .nav-tabs.nav-justified > li.active:after,
.how .nav-tabs.nav-justified > li.active:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.how .nav-tabs.nav-justified > li.active:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #101114;
  border-width: 20px;
  margin-left: -20px;
}

.how .nav-tabs.nav-justified > li.active:before {
  border-color: rgba(194, 225, 245, 0);
}

.how .nav-tabs.nav-justified > li > a {
  border: none;
}

.how .nav-tabs {
  border: none;
}

.how .nav-tabs.nav-justified > .active > a,
.how .nav-tabs.nav-justified > .active > a:hover,
.how .nav-tabs.nav-justified > .active > a:focus,
.how .nav-tabs li:hover a,
.how .nav-tabs li:focus a {
  background: transparent;
  border: none;
}

.how .nav-tabs.nav-justified > .active > a i,
.how .nav-tabs.nav-justified > .active > a h4 {
  color: #fff;
}

.how .nav-tabs.nav-justified > li > a i,
.how .nav-tabs.nav-justified > li > a h4 {
  color: #9797a6;
}

.hw-it-wrks {
  background: url("/static/images/site/general/page-header-01-compressor.png") no-repeat;
  background-size: cover;
  height: 500px;
}

.hw2 {
  background: url("/static/images/site/general/create-block-01-compressor.png") no-repeat #F5FAFA;
  height: 500px;
}

.prom {
  background: url("/static/images/site/general/promote-block-01-compressor.png") no-repeat #fff;
  height: 500px;
}

.hman {
  background: url("/static/images/site/general/manage-block-01-compressor.png") no-repeat #F5FAFA;
  height: 500px;
}

.hcon {
  background: url("/static/images/site/general/contacts-block-01-compressor.png") no-repeat #fff;
  height: 500px;
}

.han {
  background: url("/static/images/site/general/analyze-block-01-compressor.png") no-repeat #F5FAFA;
  height: 500px;
}

.org-app {
  max-height: 400px;
  overflow: hidden;
}

.ev-app {
  max-height: 450px;
  overflow: hidden;
}

.hend {
  background: #ffca03;
}

.shadow-bottom {
  box-shadow: false;
  z-index: 6;
  position: relative;
}

/***About us****/
.about {
  background: url("/static/images/site/general/about-2.jpg") #101114 no-repeat;
  height: 250px;
}

.about-content .list-inline li {
  border-bottom: 3px solid transparent;
  line-height: 33px;
}
.about-content .list-inline li a {
  padding: 8px 15px;
  font-size: 16px;
  font-weight: bold;
}
.about-content .list-inline li.active, .about-content .list-inline li:hover {
  border-bottom-color: #ffca03;
}
.about-content .list-inline li.active a, .about-content .list-inline li:hover a {
  color: #101114;
}

.about-center {
  position: relative;
}
.about-center p {
  padding-top: 30px;
}

.bg-hive {
  background: url("/assets/media/images/new/misc/hive.png") repeat fixed;
}

.sell {
  background: url("/assets/media/images/new/pages/about.png") fixed;
  background-size: cover;
}

.about-split {
  max-width: 990px;
  margin: 0 auto;
}

/*Advertise */
.advertise {
  background: url("/assets/media/images/new/pages/other.jpg") no-repeat;
  background-size: cover;
  height: 250px;
}

.ad .speech {
  font-size: 35px;
}
.ad .speech i {
  background: #ffca03 none repeat scroll 0 0;
  color: #101114;
  font-size: 30px;
  min-width: 65px;
  padding: 16px;
  position: relative;
  border-radius: 4px;
}
.ad .speech i:after {
  border-left: 7px inset transparent;
  border-right: 7px inset transparent;
  border-top: 7px solid #ffca03;
  bottom: -7px;
  content: " ";
  display: block;
  height: 0;
  left: 38%;
  position: absolute;
  width: 0;
}

.ad-menu ul li {
  margin-right: 30px;
}
.ad-menu ul li:last-child {
  margin-right: 0;
}

.c-purple {
  background: #7e57c2;
  border-radius: 50%;
  vertical-align: text-top;
  width: 10px;
  height: 10px;
  position: relative;
  display: inline-block;
}

.c-orange {
  background: #ff5400;
  border-radius: 50%;
  vertical-align: text-top;
  width: 10px;
  height: 10px;
  position: relative;
  display: inline-block;
}

/*Jobs page*/
.job {
  background: url("/assets/media/images/new/pages/jobs-3.jpg") no-repeat;
  background-size: cover;
  height: 250px;
}
.job .pointer {
  left: 30%;
}

.jobs-content .list-inline li {
  border-bottom: 3px solid transparent;
  line-height: 33px;
}
.jobs-content .list-inline li a {
  padding: 8px 15px;
  font-size: 16px;
  font-weight: bold;
}
.jobs-content .list-inline li.active, .jobs-content .list-inline li:hover {
  border-bottom-color: #ffca03;
}
.jobs-content .list-inline li.active a, .jobs-content .list-inline li:hover a {
  color: #101114;
}
.jobs-content .panel-default {
  padding: 0;
}
.jobs-content .panel-heading a {
  color: #333;
}
.jobs-content ul {
  margin-left: 15px;
}
.jobs-content ul li {
  list-style-type: circle;
}

.team {
  background: url("/assets/media/images/new/pages/team.jpg") 0 0 no-repeat fixed #101114;
  background-size: cover;
}

/*Features*/
.feature-title {
  background: url("/assets/media/images/new/pages/banner-06-d.jpg") no-repeat;
  background-size: cover;
  height: 250px;
}

.feature .feature-icon {
  display: block;
  width: 70px;
  height: 55px;
  margin: 0 auto;
}

/**Calculator**/
.pricing-page {
  background: url("/assets/media/images/new/pages/banner-03.jpg") no-repeat;
  background-size: cover;
  height: 250px;
}

.currency img {
  height: 13px;
}

.currency.dropdown a:hover,
.currency.dropdown a:focus,
.currency .dropdown-menu > li > a:hover,
.currency .dropdown-menu > li > a:focus {
  color: #333;
}

/*Buzz custom checkbox/ radio buttons*/
/* hide input */
input.buzz-radio:empty {
  margin-left: -999px;
}

/* style label */
input.buzz-radio:empty ~ label {
  position: relative;
  float: left;
  line-height: 1.8em;
  text-indent: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.buzz-radio:empty ~ label:before {
  position: absolute;
  content: "";
  width: 2em;
  background: #D1D3D4;
  border-radius: 50%;
  margin-top: -40px;
  left: 35%;
  font-size: 18px;
}

/* toggle hover */
.buzz-radio-container {
  position: relative;
  padding-top: 40px;
  overflow: hidden;
}

input.buzz-radio:hover:not(:checked) ~ label:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-weight: 900;
  color: transparent;
}

input.buzz-radio:hover:not(:checked) ~ label {
  color: #ffca03;
}

/* toggle on */
input.buzz-radio:checked ~ label:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  color: #101114;
  background-color: #ffca03;
  border: 1px solid #ffca03;
  line-height: 1.8em;
}

input.buzz-radio:not(:checked) ~ label:before {
  content: "\f00c";
  color: transparent;
  background-color: transparent;
  border: 1px solid #ffca03;
  line-height: 1.8em;
}

input.buzz-radio:checked ~ label {
  color: transparent;
}

/*Sell tickets pages*/
.sell.page-title {
  height: 783px;
}
.sell .sell-overlay {
  position: absolute;
  width: 100%;
  z-index: 1;
  bottom: 0;
}
.sell .container {
  position: relative;
  z-index: 2;
}
.sell .form-control {
  background: #eee;
  border: none;
  height: 35px;
}
.sell .card {
  max-width: 290px;
  margin: 0 auto;
}
.sell .signed-in {
  position: absolute;
  top: 166px;
  width: 100%;
}

@media (max-width: 960px) {
  .sell .signed-in {
    top: 40px !important;
  }
  .sell.page-title {
    height: auto;
    min-height: 570px;
  }
  .sell-1 .sell-feat-list li div p,
  .sell-1 .sell-feat-list li div h4 {
    color: #999;
  }
}
@media (max-width: 760px) {
  .sell .container {
    padding-top: 40px !important;
  }
  .sell .signed-in {
    top: 40px !important;
  }
  .sell.page-title {
    height: auto;
    min-height: 620px;
  }
  .sell-1 .sell-feat-list li div p,
  .sell-1 .sell-feat-list li div h4 {
    color: #999;
  }
}
/*Contact Page*/
.icon-box {
  overflow: hidden;
}
.icon-box .c-icon {
  display: block;
  float: left;
  max-width: 100%;
  text-align: center;
}
.icon-box .c-content {
  margin: 0 0 0 35px;
}

.c-icon {
  font-size: 1.7em;
  height: 45px;
  line-height: 45px;
  width: 45px;
  border-radius: 50%;
  background: #101114;
}

.c-content {
  display: block;
  float: left;
}
.c-content p {
  margin: 0;
}

.contact-us-page .tab-content .tab-pane {
  display: none;
}
.contact-us-page .tab-content .tab-pane.active {
  display: block;
}
.contact-us-page .contact {
  background: url("/assets/media/images/new/banners/contact.jpg") no-repeat;
  height: 250px;
  background-size: cover;
}
.contact-us-page .faq .panel-heading {
  border-bottom: 1px solid #ddd !important;
}
.contact-us-page .tab-pane .panel-heading {
  border-bottom: 1px solid #ddd !important;
}

/*Demo*/
.demo-title {
  background: url(/assets/media/images/new/pages/banner-09.jpg) no-repeat;
  background-size: cover;
  height: 250px;
}

.demo .circle i {
  background: #101114 none repeat scroll 0 0;
  border-radius: 50%;
  font-size: 35px;
  min-width: 65px;
  padding: 16px;
  color: #ffca03;
}

/*Security Page*/
.security {
  background: #ffca03;
  height: 150px;
}
.security h1 {
  color: #101114;
}

.map-header {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 20;
  padding: 10px;
  border-radius: true;
  background: #101114;
  opacity: 0.6;
}
.map-header:hover, .map-header.active, .map-header:focus {
  opacity: 1;
}

.map-container {
  display: flex;
  flex-wrap: wrap;
}
.map-container .map-aside {
  background: #fff;
  padding: 15px;
  width: 33.33%;
}
@media (max-width: 768px) {
  .map-container .map-aside {
    width: 100%;
  }
}
.map-container .map-aside .map-menu li {
  border-bottom: 3px solid transparent;
  line-height: 33px;
}
.map-container .map-aside .map-menu li.active {
  border-color: #ffca03;
}
.map-container .map-aside .map-menu li.active a {
  color: #101114;
}
.map-container .map-aside .map-menu li a {
  padding: 8px 15px;
  font-size: 16px;
}
.map-container .map-aside .map-menu li:hover {
  border-bottom-color: #ffca03;
}
.map-container .map-area {
  width: 66.66%;
}
@media (max-width: 768px) {
  .map-container .map-area {
    width: 100%;
  }
}
.map-container #gridview.active, .map-container #gridview:focus,
.map-container #listview.active,
.map-container #listview:focus {
  background-color: #101114 !important;
  border-color: #101114 !important;
}
.map-container .event-card-container {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
}
.map-container .event-card-container .ev-card {
  width: calc(50% - 20px);
  margin: 0 10px 20px;
  max-height: 320px;
}
.map-container .event-card-container .ev-card .card-img {
  max-height: 150px;
  min-height: 150px;
}
@media (max-width: 768px) {
  .map-container .event-card-container .ev-card {
    width: calc(100% - 20px);
  }
}
.map-container .event-card-container.listView {
  flex-direction: column;
}
.map-container .event-card-container.listView .ev-card {
  width: calc(100% - 20px);
}
.map-container .event-card-container.listView .ev-card .card-img {
  max-height: 180px;
  min-height: 180px;
  float: left;
  width: 30%;
  border-bottom-left-radius: 4px;
}
.map-container .event-card-container.listView .ev-card .card-img img {
  border-top-right-radius: 0;
}
.map-container .event-card-container.listView .ev-card .card-det {
  width: 50%;
  float: left;
  height: 100%;
}
.map-container .event-card-container.listView .ev-card .card-det h5 {
  font-size: 18px;
  line-height: 25px;
  height: 35px;
}

/*advanced payouts*/
.advanced-pay.page-title {
  background: url("/assets/media/images/new/pages/image-header-01-edit-2-compressor.png") #ffcb05 no-repeat;
  background-size: cover;
  height: 750px;
  position: relative;
}
.advanced-pay.page-title:after {
  z-index: 1;
  position: absolute;
  content: "";
  width: 100%;
  bottom: -1px;
  background: url("/assets/media/images/new/pages/half-circle.svg") no-repeat;
  height: 90px;
}

.icons-block {
  background: #ffcb0b;
  background-size: cover;
  position: relative;
}
.icons-block .parallax {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: auto;
  z-index: 2;
}
.icons-block .icons {
  position: relative;
  z-index: 3;
}
.icons-block h1 {
  font-size: 40px;
  color: #101114;
}
.icons-block ul li {
  padding-left: 40px;
  padding-right: 40px;
}
.icons-block ul li svg {
  display: block;
  position: relative;
  margin: 0 auto;
}
.icons-block ul li h4 {
  color: #101114;
}
.icons-block ul:nth-child(2) {
  text-align: left;
}

.a-how {
  background: url("/assets/media/images/new/pages/process-bg-01-edit-compressor.png") no-repeat;
  background-size: cover;
  margin: -1px 0 -1px -1px;
  position: relative;
}
.a-how:before {
  z-index: 2;
  position: absolute;
  content: "";
  width: 100%;
  background: url("/assets/media/images/new/pages/half-angle.svg") no-repeat;
  height: 65px;
  top: -10px;
}
.a-how h1 {
  font-size: 40px;
}
.a-how hr {
  margin: 50px 0;
  border-color: rgba(255, 255, 255, 0.3);
  border-width: 5px;
}
.a-how .steps {
  display: table;
  max-width: 800px;
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.a-how .steps .step {
  display: block;
  position: relative;
  max-width: 300px;
}
.a-how .steps .step:nth-child(n+1) {
  text-align: left;
  left: 500px;
}
.a-how .steps .step:nth-child(2n) {
  text-align: right;
  left: 0;
}
.a-how .steps .step p {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
}

.panel .panel-body p + p {
  word-break: break-word;
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

#cd-timeline::before {
  /* this is the vertical line */
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #fff;
}

@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}
.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}

.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}

.cd-timeline-block:first-child {
  margin-top: 0;
}

.cd-timeline-block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}
.cd-timeline-img {
  position: absolute;
  top: 24px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
}

.cd-timeline-img.first {
  top: 0;
}

.cd-timeline-img.last {
  top: 100%;
}

.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}

.cd-timeline-block:nth-child(odd) .cd-timeline-img::after {
  width: 100px;
  border-bottom: 5px solid #fff;
  position: absolute;
  display: block;
  content: "";
  left: 15px;
  top: 8px;
}

.cd-timeline-block:nth-child(even) .cd-timeline-img::before {
  width: 100px;
  border-bottom: 5px solid #fff;
  position: absolute;
  display: block;
  content: "";
  right: 15px;
  top: 8px;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  border-radius: 0.25em;
  padding: 1em;
  text-align: right;
  background: transparent;
}

.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.cd-timeline-content p {
  font-size: 13px;
}

.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}

.cd-timeline-content::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid white;
}

@media only screen and (min-width: 768px) {
  .cd-timeline-content p {
    font-size: 17px;
    color: #fff;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 0 15px;
    width: 40%;
  }
  .cd-timeline-content::before {
    top: 27px;
    left: 100%;
    border-color: #fff;
    border-radius: 50%;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: left;
    text-align: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 27px;
    left: 100%;
    right: auto;
    border-color: #fff;
    border-radius: 50%;
  }
  .cd-timeline-block:nth-child(odd) .cd-timeline-content {
    float: right;
    text-align: left;
  }
  .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
    top: 27px;
    left: auto;
    right: 100%;
    border-color: #fff;
    border-radius: 50%;
  }
}
.fees h1 {
  font-size: 40px;
}
.fees h3 {
  font-size: 30px;
}
.fees ol li {
  list-style-type: decimal;
}
.fees .fee {
  border-radius: 4px;
  background: #ffca03;
}
.fees .fee h2 {
  font-size: 38px;
  line-height: 40px;
}
.fees .fee h3 {
  font-size: 26px;
  font-weight: 300;
}
.fees .fee h4 {
  font-size: 26px;
}

.bx-imopenlines-config-sidebar {
  z-index: 999999 !important;
}

/*organizer app page*/
.app-page {
  min-height: 600px;
  background: url("/assets/media/images/new/pages/org-app-bg.jpg") no-repeat 0 -200px fixed;
  background-size: cover;
}
.app-page h1 {
  padding-top: 120px;
  font-size: 45px;
  font-weight: 300;
  line-height: 50px;
}
.app-page h3 {
  line-height: 30px;
  font-weight: 300;
  font-size: 22px;
}

.app-page-a {
  min-height: 800px;
  background: url("/assets/media/images/new/pages/header-mockup-2.png") no-repeat 0 90px #ffca03 fixed;
}
.app-page-a h1 {
  padding-top: 110px;
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
  font-family: "AvenirNextRoundedPro-Bold";
}
.app-page-a h1 small {
  font-family: "AvenirNextRoundedPro";
}
.app-page-a h2 {
  font-family: "AvenirNextRoundedPro-Med";
}
.app-page-a h3 {
  line-height: 30px;
  font-weight: 300;
  font-size: 22px;
  font-family: "AvenirNextRoundedPro";
}

@media (max-width: 760px) {
  .app-page-a {
    min-height: 100vh;
  }
  .mobile-app-page {
    margin-bottom: 0 !important;
  }
  #f-disc,
  #f-share,
  #f-purc,
  #f-enj {
    min-height: 300px !important;
  }
  #f-disc h1,
  #f-share h1,
  #f-purc h1,
  #f-enj h1 {
    padding-top: 0 !important;
  }
}
.app-page-btm {
  min-height: 400px;
  background: url("/assets/media/images/new/pages/bg-iPhone-Mockup.jpg") no-repeat 0 -200px fixed;
  background-size: cover;
}
.app-page-btm h1 {
  padding-top: 40px;
  font-size: 50px;
  font-weight: 300;
  line-height: 54px;
}

#features-app h1,
#features-hover h1 {
  font-size: 50px;
  line-height: 54px;
  font-weight: 400;
  font-family: "AvenirNextRoundedPro-Med";
}
#features-app h3,
#features-hover h3 {
  font-family: "AvenirNextRoundedPro-Med";
}

#share-app .share-circle {
  border-radius: 50%;
  border: 2px solid #101114;
  width: 50px;
  height: 50px;
  line-height: 48px;
  text-align: center;
  display: inline-block;
  font-size: 20px;
}
#share-app .share-circle.fb:hover {
  background: #3b5998;
  border-color: #3b5998;
}
#share-app .share-circle.fb:hover i {
  color: #fff !important;
}
#share-app .share-circle.gp:hover {
  background: #dd4b39;
  border-color: #dd4b39;
}
#share-app .share-circle.gp:hover i {
  color: #fff !important;
}
#share-app .share-circle.tw:hover {
  background: #00aced;
  border-color: #00aced;
}
#share-app .share-circle.tw:hover i {
  color: #fff !important;
}
#share-app .share-circle.ln:hover {
  background: #007bb6;
  border-color: #007bb6;
}
#share-app .share-circle.ln:hover i {
  color: #fff !important;
}
#share-app .share-circle.em:hover {
  background: #101114;
  border-color: #101114;
}
#share-app .share-circle.em:hover i {
  color: #fff !important;
}

.app-store,
.play-market {
  padding: 8px 30px;
  border: 1px solid #fff;
  border-radius: 50px;
  position: relative;
  background: #fff;
  min-width: 220px;
}
.app-store:hover,
.play-market:hover {
  background-color: #101114;
  border-color: #101114;
  color: #fff !important;
}
.app-store:hover .txt p,
.app-store:hover .txt small,
.play-market:hover .txt p,
.play-market:hover .txt small {
  color: #fff !important;
}
.app-store .txt,
.play-market .txt {
  display: inline-block;
  position: relative;
  margin-left: 45px;
}
.app-store .img-app img,
.play-market .img-app img {
  position: absolute;
  left: 10px;
  top: 7px;
}
.app-store:hover .top,
.play-market:hover .top {
  opacity: 0;
}
.app-store p,
.play-market p {
  font-size: 18px;
}
.app-store:hover p,
.play-market:hover p {
  color: #101114 !important;
}
.app-store:hover p small,
.play-market:hover p small {
  color: #101114 !important;
}

.app-feature .feature-txt {
  display: inline-block;
  position: relative;
}
.app-feature .circle-feature {
  width: 80px;
  height: 80px;
  line-height: 75px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: inline-block;
  position: relative;
}

.f-sell-block {
  background: url("/assets/media/images/new/pages/bee-bg.png") 0 0 #f1f5f7 no-repeat fixed;
  min-height: 450px;
}
.f-sell-block .app-store,
.f-sell-block .play-market {
  border: 1px solid #ffca03;
  background: #ffca03;
}
.f-sell-block .app-store:hover,
.f-sell-block .play-market:hover {
  background-color: #101114;
  border-color: #101114;
  color: #fff !important;
}
.f-sell-block .app-store:hover .txt p,
.f-sell-block .app-store:hover .txt small,
.f-sell-block .play-market:hover .txt p,
.f-sell-block .play-market:hover .txt small {
  color: #fff !important;
}

#features-hover #f-disc {
  min-height: 700px;
  background: url("/assets/media/images/new/pages/discover-19.png") no-repeat;
}
#features-hover #f-share {
  min-height: 700px;
  background: url("/assets/media/images/new/pages/share-2.0.png") no-repeat;
}
#features-hover #f-purc {
  min-height: 700px;
  background: url("/assets/media/images/new/pages/buy-19.png") no-repeat;
}
#features-hover #f-enj {
  min-height: 700px;
  background: url("/assets/media/images/new/pages/celebrate-19.png") no-repeat;
}
#features-hover .phone-img {
  overflow: hidden;
  max-height: 400px;
  position: relative;
  margin-right: -15px;
  margin-left: -15px;
}
#features-hover .phone-img:after {
  bottom: -100px;
  box-shadow: 0 -6px 18px 0 rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  height: 100px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
#features-hover .phone-img img {
  position: relative;
  bottom: -100px;
  max-width: 300px;
  margin: 0 auto;
}
#features-hover .phone-img:hover img {
  bottom: 0;
}
#features-hover .phone-txt {
  width: 60%;
  margin: 0 auto;
}

#app-screens {
  max-height: 600px;
  overflow: hidden;
}
#app-screens .app-text {
  position: absolute;
  top: 150px;
}

@media (max-width: 760px) {
  .feature-txt {
    text-align: center !important;
  }
  .page-title.app-page {
    background-position: 0 0;
  }
  .app-store, .play-store {
    margin-bottom: 15px;
  }
}
/*Power ups landing page*/
.power-up {
  background: url(/assets/media/images/new/pages/power-ups_bg.jpg) 0 0 no-repeat;
  height: 500px;
}

.power-ups .power-up-new {
  background: url(/assets/media/images/new/pages/power-ups-bg-header2.jpg) 0 0 no-repeat;
  height: 792px;
}
@media (max-width: 760px) {
  .power-ups .power-up-new {
    height: 400px;
  }
}
.power-ups .power-up-2 {
  display: block;
  position: relative;
}
.power-ups .power-up-2 .p-wrks {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
}
.power-ups .power-up-2 .p-wrks h1 {
  width: 100%;
}
.power-ups .power-up-2 .p-wrks .card {
  text-align: center;
  margin: 15px;
  flex-grow: 1;
  width: calc(33.33% - 30px);
  z-index: 2;
}
@media (max-width: 768px) {
  .power-ups .power-up-2 .p-wrks .panel {
    flex-grow: 1;
    width: calc(100% - 30px);
  }
}
.power-ups .power-up-2:after {
  background: url(/assets/media/images/new/pages/grey-trangle.png) no-repeat;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 437px;
  content: "";
  right: 0;
  z-index: 1;
}
@media (max-width: 760px) {
  .power-ups .power-up-2:after {
    background: none;
  }
}
.power-ups .p-options {
  overflow: hidden;
}
.power-ups .p-options .card .card-body {
  padding: 50px;
}
.power-ups .p-options .card .card-body p {
  font-size: 18px;
  line-height: 22px;
}
.power-ups .p-options .card .card-body ul li {
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 5px;
}
.power-ups .p-options .card .card-body .p-img-container {
  position: relative;
}
.power-ups .p-options .card .card-body .p-img-container .p-option-img {
  position: absolute;
  max-width: 600px;
  max-height: 600px;
}
.power-ups .p-options .card .card-body .p-img-container .p-option-img.img-1 {
  top: -130px;
}
.power-ups .sell {
  min-height: 350px;
  position: relative;
}
.power-ups .sell:before {
  background: url(/assets/media/images/new/pages/grey-triangle-2.png) no-repeat;
  top: -1px;
  position: absolute;
  width: 100%;
  height: 350px;
  content: "";
  left: 0;
  z-index: 1;
}
@media (max-width: 760px) {
  .power-ups .sell:before {
    background: none;
  }
}

/*Sell tickets pages*/
.sell.page-title {
  height: 783px;
}
.sell .sell-overlay {
  position: absolute;
  width: 100%;
  z-index: 1;
  bottom: 0;
}
.sell .container {
  position: relative;
  z-index: 2;
}
.sell .form-control {
  background: #eee;
  border: none;
  height: 35px;
}
.sell .card {
  max-width: 290px;
  margin: 0 auto;
}
.sell .signed-in {
  position: absolute;
  top: 166px;
  width: 100%;
}

@media (max-width: 960px) {
  .sell h1 {
    padding-top: 0 !important;
  }
  .sell .signed-in {
    top: 40px !important;
  }
  .sell.page-title {
    height: auto;
    min-height: 570px;
  }
  .sell-1 .sell-feat-list li div p,
  .sell-1 .sell-feat-list li div h4 {
    color: #999;
  }
}
@media (max-width: 760px) {
  .sell .container {
    padding-top: 40px !important;
  }
  .sell h1 {
    padding-top: 0 !important;
  }
  .sell .signed-in {
    top: 40px !important;
  }
  .sell.page-title {
    height: auto;
    min-height: 620px;
  }
  .sell-1 .sell-feat-list li div p,
  .sell-1 .sell-feat-list li div h4 {
    color: #999;
  }
}
#js_case-study .owl-item {
  max-width: 100%;
}
#js_case-study .owl-item .panel-body {
  padding: 40px;
}

.sell-business {
  background: url(/assets/media/images/new/pages/sell-buss.png) no-repeat fixed;
}

.sell-Carnival {
  background: url(/assets/media/images/new/pages/sell-tickets-carnival.jpg) no-repeat fixed;
}

.sell-1 {
  position: relative;
}
.sell-1 .container {
  position: relative;
  z-index: 2;
}
.sell-1 .sell-feat li {
  padding: 10px 20px;
  vertical-align: top;
}
.sell-1 .sell-feat li p {
  font-size: 22px;
  padding-top: 10px;
  line-height: 24px;
  font-weight: 300;
}
.sell-1 .sell-feat li.active p {
  color: #34d275;
}
.sell-1 .svg-container {
  height: 70px;
  display: block;
}
.sell-1 .sell-feat-list {
  margin-left: 70px;
}
.sell-1 .sell-feat-list li div {
  position: relative;
  display: inline-block;
  padding-left: 5px;
}
.sell-1 .sell-feat-list li div p {
  font-weight: 300;
}
.sell-1 .sell-feat-list li::before {
  content: url("/assets/media/images/new/pages/check-icon.svg");
  display: inline-block;
  position: relative;
  margin-left: -70px;
  vertical-align: top;
}
.sell-1:after {
  background: url("/assets/media/images/new/pages/sell-end-2.png") no-repeat;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 300px;
  content: "";
  left: 0;
  z-index: 1;
}

.sell-2 {
  background: url("/assets/media/images/new/pages/case-studybg-031.png") #fff no-repeat 0 0;
  position: relative;
  min-height: 800px;
}

.sell-3 {
  background: #fff;
  position: relative;
}
.sell-3 .container {
  position: relative;
  z-index: 2;
}
.sell-3 img {
  position: relative;
  z-index: 2;
  width: 100%;
}
.sell-3:after {
  background: url("/assets/media/images/new/pages/light-footer-bg.png") #fff no-repeat;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 646px;
  content: "";
  left: 0;
  z-index: 1;
}

.carnival-tickets .sell-tickets-header {
  padding-top: 100px;
  height: 80vh;
  position: relative;
  background: url("/assets/media/images/new/pages/carnival-events-banner.jpg") no-repeat;
  background-size: cover;
}
.carnival-tickets .sell-tickets-header .container {
  z-index: 4;
  position: relative;
}
.carnival-tickets .sell-tickets-header .container .signed-in, .carnival-tickets .sell-tickets-header .container .c-sign-in {
  position: relative;
}
.carnival-tickets .sell-tickets-header .container .signed-in .panel:before, .carnival-tickets .sell-tickets-header .container .c-sign-in .panel:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url("/assets/media/images/new/pages/header-mask.png") no-repeat;
  height: 268px;
  width: 246px;
  margin-top: -186px;
  margin-right: -146px;
}
.carnival-tickets .sell-tickets-header .carnival-overlay {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(97, 0, 156, 0.76);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.carnival-tickets .sell-tickets-header:before {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: url("/assets/media/images/new/pages/carnival-banner-border.png") no-repeat;
  z-index: 2;
  max-height: 300px;
  height: 300px;
  content: "";
}
.carnival-tickets .carnival-features-block .sell-feat li {
  padding: 10px 20px;
  vertical-align: top;
}
.carnival-tickets .carnival-features-block .sell-feat li p {
  font-size: 22px;
  padding-top: 10px;
  line-height: 24px;
  font-weight: 300;
}
.carnival-tickets .carnival-features-block .sell-feat li.active p {
  color: #34d275;
}
.carnival-tickets .carnival-features-block .svg-container {
  height: 70px;
  display: block;
}
.carnival-tickets .carnival-features-block .sell-feat-list {
  margin-left: 70px;
}
.carnival-tickets .carnival-features-block .sell-feat-list li div {
  position: relative;
  display: inline-block;
  padding-left: 5px;
}
.carnival-tickets .carnival-features-block .sell-feat-list li div p {
  font-weight: 300;
}
.carnival-tickets .carnival-features-block .sell-feat-list li::before {
  content: url("/assets/media/images/new/pages/check-icon.svg");
  display: inline-block;
  position: relative;
  margin-left: -70px;
  vertical-align: top;
}
.carnival-tickets .carnival-testimonies-block {
  position: relative;
}
.carnival-tickets .carnival-testimonies-block #js_case-study p {
  color: #fff;
}
.carnival-tickets .carnival-testimonies-block .case-study-graphix {
  position: absolute;
  width: 100%;
  top: -260px;
}
.carnival-tickets .carnival-testimonies-block .test-container {
  padding-bottom: 196px;
}
.carnival-tickets .carnival-testimonies-block .test-container:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 200px;
  background: url("/assets/media/images/new/pages/case-study-border-top.png") no-repeat;
  left: 0;
  margin-top: -171px;
}
.carnival-tickets .carnival-testimonies-block .test-container:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 200px;
  background: url("/assets/media/images/new/pages/case-study-border-bottom.png") no-repeat;
  left: 0;
}
.carnival-tickets .ticket-pricing-block .price-container {
  background: #34D275;
  padding: 60px 40px 30px;
}
.carnival-tickets .ticket-pricing-block .price-container h5 small {
  color: #fff;
  font-family: "AvenirLTPro-Black";
}
.carnival-tickets .carnival-power-ups .carnival-power {
  background: url("/assets/media/images/new/pages/buzz-power-ups-bg.png") #ED134D no-repeat;
  position: relative;
  padding-top: 200px;
}
.carnival-tickets .carnival-power-ups .carnival-power p {
  color: #fff;
  font-family: "AvenirLTPro-Book";
}
.carnival-tickets .carnival-power-ups .carnival-power:before {
  position: absolute;
  content: "";
  height: 197px;
  width: 100%;
  left: 0;
  top: -1px;
  background: url("/assets/media/images/new/pages/buzz-power-ups-border.png") no-repeat;
}
.carnival-tickets .carnival-power-ups .carnival-power .power-up-block-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-right: -15px;
  margin-left: -15px;
}
.carnival-tickets .carnival-power-ups .carnival-power .power-up-block-container .power-up-block {
  width: calc(33.33% - 30px);
  padding: 20px;
  margin-right: 15px;
  margin-left: 15px;
  background: #fff;
}

/*Gift cards landing*/
.gift-cards {
  background: url(/assets/media/images/new/pages/header-bg.jpg) #101114 no-repeat 0 -1px;
  height: 500px;
  position: relative;
}
.gift-cards .g-holder {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.gc-btm {
  background: url(/assets/media/images/new/pages/bottom-call-to-action.jpg) #101114 no-repeat;
  min-height: 500px;
}

/*carnival countdown*/
.carnival-countdown {
  max-width: 260px;
}

/*Carnvial text*/
.carnival:hover {
  background: #7e57c2;
}

.carnival:hover a {
  color: #fff !important;
}

.paymanager .btn.btn-white {
  background-color: #adb5bd;
  border-color: #adb5bd !important;
}
.paymanager a:hover {
  color: #ff5400;
}
.paymanager a.text-white:hover {
  color: #ff5400 !important;
}
.paymanager .btn-fx {
  background-color: #ff5400;
}
.paymanager .card,
.paymanager .widget-panel,
.paymanager .card-box {
  box-shadow: 0 0 3px rgba(4, 4, 52, 0.09), 0 4px 8px rgba(4, 4, 52, 0.05), 0 6px 12px rgba(4, 4, 52, 0.02);
}
.paymanager .content-page {
  margin-left: 240px;
  min-height: 100vh;
}
.paymanager .transaction_view_all {
  font-weight: bold;
}
.paymanager .side-menu {
  width: 240px;
}
.paymanager .side-menu .manager-wallet {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  border-top: 1px solid #f1f5f7;
}
.paymanager .side-menu .manager-wallet a {
  padding: 6px 20px 15px;
  border-left: 3px solid #fff;
  display: block;
}
.paymanager .side-menu .manager-wallet a:hover {
  border-color: #ff5400;
  color: #ff5400;
  background: #F6FAFD;
}
.paymanager .side-menu .manager-wallet a:hover i,
.paymanager .side-menu .manager-wallet a:hover h4 {
  color: #ff5400;
}
.paymanager .bc-dash .dash-started h5 {
  position: relative;
}
.paymanager .bc-dash .dash-started h5:after {
  content: "";
  height: 2px;
  width: 50px;
  background-color: #ff5400;
  display: block;
  margin-top: 10px;
}
.paymanager .settings-block-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.paymanager .settings-block-container .settings-block {
  margin-left: 15px;
  margin-right: 15px;
  width: calc(33.33% - 30px);
  padding: 15px;
  margin-bottom: 30px;
  background: #fff;
  border-bottom: 3px solid transparent;
}
@media (max-width: 768px) {
  .paymanager .settings-block-container .settings-block {
    width: calc(100% - 30px);
  }
}
.paymanager .settings-block-container .settings-block:hover {
  border-bottom: 3px solid #ff5400;
  color: #ff5400;
}
.paymanager .settings-block-container .settings-block:hover h4 {
  color: #ff5400;
}
.paymanager .form-control,
.paymanager .form-select {
  background-color: #fafafb;
  border-color: #fafafb;
}
.paymanager .form-control:focus,
.paymanager .form-select:focus {
  border-color: #dee2e6;
}
.paymanager .pay-settings-menu a {
  padding: 8px 15px;
  color: #b0b9c7;
  border-bottom: 3px solid transparent;
}
.paymanager .pay-settings-menu a.active, .paymanager .pay-settings-menu a:hover {
  border-bottom: 3px solid #ff5400;
  color: #101114;
}
.paymanager .active .text {
  display: block !important;
}
.paymanager .pagination > .active > a {
  background-color: #323a46;
  border-color: #323a46;
}
.paymanager .fulfilled {
  border-radius: 50px;
  height: 25px;
  width: auto;
  padding: 6px 10px;
  line-height: 25px;
  font-size: 13px;
}
.paymanager .fulfilled.completed {
  background: #f7f7f7;
  color: #fff;
}
.paymanager .fulfilled.pending {
  background: #ff5400;
  color: #fff;
}
.paymanager .fulfilled.failed {
  background: #f1556c;
  color: #fff;
}
.paymanager .alert-success {
  color: #333;
  background-color: #B0FFEC;
  border-color: #00FFBF;
}
.paymanager .payee-tools {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.paymanager .payee-tools .tool {
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  width: calc(25% - 30px);
  background: #fff;
  text-align: center;
  padding: 15px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.25rem;
  border-bottom: 3px solid transparent;
}
.paymanager .payee-tools .tool:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid #ff5400;
  color: #ff5400;
}
.paymanager .payee-tools .tool:hover h6 {
  color: #ff5400;
}
.paymanager .payee-tools .tool h6 {
  padding-top: 10px;
}
@media (max-width: 992px) {
  .paymanager .payee-tools .tool {
    width: calc(33.33% - 30px);
  }
}
@media (max-width: 768px) {
  .paymanager .payee-tools .tool {
    width: calc(100% - 30px);
  }
}
.paymanager .color-picker {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #006666;
  vertical-align: middle;
}
.paymanager .help .help-block {
  transition: all 0.2s ease-in-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin: 0 auto;
  border-radius: 0.25rem;
  display: block;
  padding: 20px;
  background: #fff;
  border-bottom: 3px solid transparent;
}
.paymanager .help .help-block:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  cursor: hand;
  border-bottom: 3px solid #ff5400;
  color: #ff5400;
}
.paymanager .blog-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.paymanager .blog-container .blog {
  width: calc(50% - 30px);
  display: flex;
  margin-left: 15px;
  margin-right: 15px;
  flex-wrap: wrap;
  border-bottom: 3px solid transparent;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.25rem;
}
.paymanager .blog-container .blog .blog-image {
  width: 100%;
  position: relative;
  padding: 3px 3px 0;
}
.paymanager .blog-container .blog .blog-text {
  width: 100%;
  padding: 10px 20px;
}
.paymanager .blog-container .blog:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-color: #ff5400;
}
.paymanager .report-blocks {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.paymanager .report-blocks .card {
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(33.33% - 30px);
  border-bottom: 3px solid transparent;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.paymanager .report-blocks .card:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-color: #ff5400;
  color: #ff5400;
}
.paymanager .report-blocks .card:hover h4 {
  color: #ff5400;
}
@media (max-width: 992px) {
  .paymanager .report-blocks .card {
    width: calc(50% - 30px);
  }
}
@media (max-width: 768px) {
  .paymanager .report-blocks .card {
    width: calc(100% - 30px);
  }
}
.paymanager .graph-blocks-holder {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.paymanager .graph-blocks-holder .graph-blocks {
  width: calc(33.33% - 30px);
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
}
.paymanager .graph-blocks-holder .graph-blocks.block-2 {
  width: calc(66.67% - 30px);
}
.paymanager .graph-blocks-holder .graph-blocks.block-3 {
  width: calc(50% - 30px);
}
.paymanager .payout-stats-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.paymanager .payout-stats-container .p-stats-1 {
  width: calc(25% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  background: #fff;
  padding: 15px;
  border-radius: 0.25rem;
}
@media (max-width: 768px) {
  .paymanager .payout-stats-container .p-stats-1 {
    width: calc(100% - 30px);
    margin-bottom: 15px;
  }
}
.paymanager .payout-stats-container .p-stats-2 {
  width: calc(75% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  background: #fff;
  border-radius: 0.25rem;
  padding: 15px;
}
@media (max-width: 768px) {
  .paymanager .payout-stats-container .p-stats-2 {
    width: calc(100% - 30px);
  }
}
.paymanager .share .circle {
  width: 34px;
  height: 34px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  color: #fff;
}
.paymanager .share .circle.fb {
  background: #3b5998;
  border-color: #3b5998;
}
.paymanager .share .circle.ln {
  background: #ced4da;
  border-color: #ced4da;
}
.paymanager .share .circle.tw {
  background: #00aced;
  border-color: #00aced;
}
.paymanager .share .circle.in {
  background: #007bb6;
  border-color: #007bb6;
}
.paymanager .share .circle.em {
  background: #ffca03;
  border-color: #ffca03;
}
.paymanager .nav-tabs > li.active > a,
.paymanager .nav-tabs > li.active > a:focus,
.paymanager .nav-tabs > li.active > a:hover,
.paymanager .tabs-vertical > li.active > a,
.paymanager .tabs-vertical > li.active > a:focus,
.paymanager .tabs-vertical > li.active > a:hover {
  color: #ff5400 !important;
}
.paymanager .business-app-store .apps {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.paymanager .business-app-store .apps .card {
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(25% - 30px);
}
@media (max-width: 992px) {
  .paymanager .business-app-store .apps .card {
    width: calc(33.33% - 30px);
  }
}
@media (max-width: 768px) {
  .paymanager .business-app-store .apps .card {
    width: calc(100% - 30px);
  }
}
.paymanager .app-config-sidebar {
  background-color: var(--ct-rightbar-bg);
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
  position: fixed;
  transition: all 200ms ease-out;
  width: 0px;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  border-top-left-radius: 10px;
}
.paymanager .app-config-sidebar .rightbar-title {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #dee2e6;
  background-color: #f8f9fa;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.paymanager .app-config-sidebar .sidebar-content {
  padding: 20px;
}
.paymanager .nav.nav-tabs > li > a:hover,
.paymanager .nav.tabs-vertical > li > a:hover {
  color: #ff5400 !important;
}
.paymanager .nav > li > a.bcustom {
  height: 60px;
}
.paymanager .nav > li > a.profile img {
  border: none;
}
.paymanager .nav > li > a i {
  font-size: 18px;
  line-height: 60px;
}
.paymanager .nav > li > a i.dripicons-view-apps {
  font-size: 28px;
  text-align: center;
  margin: 0;
  vertical-align: middle;
  display: inline-block;
}
.paymanager .tabs .indicator {
  background-color: #006666;
}
.paymanager .billing .page-header {
  position: absolute;
  width: 100%;
  height: 250px;
  top: 0;
  z-index: -1;
}
.paymanager .billing .credit-card-sp h4 {
  font-family: "kredit front";
  font-weight: bold;
}
.paymanager .billing .pricing-container {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.paymanager .billing .pricing-container .plan {
  width: calc(33.33% - 30px);
  padding: 15px;
  border-radius: 0.25rem;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  border: 2px solid transparent;
  border-color: #f1f5f7;
  background: #fff;
}
.paymanager .billing .pricing-container .plan.selected {
  border: 2px solid #ff5400;
}
.paymanager .billing .pricing-container .plan.monthly .plan-title {
  background-color: #4a81d4;
}
.paymanager .billing .pricing-container .plan.annually .plan-title {
  background-color: #01c853;
}
.paymanager .billing .pricing-container .plan.custom h2 {
  font-size: 23px;
}
.paymanager .billing .pricing-container .plan .plan-title {
  margin-right: -15px;
  margin-left: -15px;
  margin-top: -15px;
  padding: 20px 15px;
  color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.paymanager .billing .pricing-container .plan ul li {
  line-height: 30px;
}
.paymanager .billing .pricing-container .plan.col-2 {
  width: calc(50% - 30px);
}
.paymanager .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  max-width: 300px !important;
}
.paymanager .trial-counter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background: #f1556c;
}
.paymanager .trial-counter .days-left {
  font-size: 30px;
  display: inline-block;
  text-align: center;
  position: relative;
  color: #fff;
  vertical-align: middle;
}
.paymanager .trial-counter .trial-text {
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  color: #fff;
  vertical-align: middle;
}
.paymanager .amcharts-main-div a {
  display: none !important;
}
.paymanager .bg-custom {
  background-color: #ff5400 !important;
}
.paymanager .introjs-helperNumberLayer {
  background: #ff5400 !important;
}
.paymanager .verify .progress {
  background-color: #fff;
}
.paymanager .verify .progress .progress-bar-success {
  background: linear-gradient(226deg, #28C5C6, #1FC5B5, #1E9CAB);
}
.paymanager .verify .dropzone {
  border: 2px dashed #101114;
  padding: 10px;
  min-height: 60px;
  max-height: 80px;
}
.paymanager .verify .dropzone .dz-preview {
  min-height: 40px;
}
.paymanager .verify .dropzone .dz-preview .dz-details {
  padding: 5px;
  max-width: 100px;
}
.paymanager .verify .dropzone .dz-preview .dz-filename {
  max-width: 100px;
}
.paymanager .verify .dropzone .dz-preview .dz-image {
  width: 120px;
  height: 40px;
  display: inline-block;
}
.paymanager .verify .dropzone .dz-preview .dz-remove {
  display: inline-block;
}
.paymanager .verify .dropzone .dz-message {
  margin: 10px 0;
  font-size: 15px;
}
.paymanager .verify .dropzone:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.paymanager .verify .step-tabs {
  border-right: 1px solid #eee;
}
.paymanager .verify .step-tabs .progress {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}
.paymanager .verify .step-tabs .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.paymanager .verify .step-tabs .progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.paymanager .verify .step-tabs .progress .progress-left {
  left: 0;
}
.paymanager .verify .step-tabs .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 5px;
  border-style: solid;
  position: absolute;
  top: 0;
}
.paymanager .verify .step-tabs .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.paymanager .verify .step-tabs .progress .progress-right {
  right: 0;
}
.paymanager .verify .step-tabs .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}
.paymanager .verify .step-tabs .progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  color: #101114;
  text-align: center;
  position: absolute;
  top: 5%;
  left: 5%;
  font-family: "AvenirNextLTPro-Demi", sans-serif;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.paymanager .verify .step-tabs .progress .progress-value .steps {
  width: 100%;
}
.paymanager .verify .step-tabs .progress.progress-circle .progress-bar {
  border-color: #ff5400;
}
@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
  }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg);
  }
}
@media only screen and (max-width: 990px) {
  .paymanager .verify .step-tabs .progress {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 990px) {
  .paymanager .verify .step-tabs .progress {
    margin-bottom: 20px;
  }
}
.paymanager .verify .step-tabs p {
  padding: 20px;
}
.paymanager .verify .step-tabs .nav.flex-column {
  margin-left: -10px;
  margin-right: -10px;
}
.paymanager .verify .step-tabs .nav.flex-column li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-transform: capitalize !important;
}
.paymanager .verify .step-tabs .nav.flex-column li a i {
  font-size: 11px;
  vertical-align: middle;
}
.paymanager .verify .step-tabs .nav.flex-column li a.active i {
  color: #fd7e14 !important;
}
.paymanager .verify .step-tabs .form-steps a {
  color: #101114;
}
.paymanager .verify .step-tabs .form-steps a .step-number {
  width: 30px;
  height: 30px;
  background-color: rgba(237, 33, 45, 0.06);
  color: #ff5400;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.paymanager .verify .form-tabs {
  position: relative;
}
.paymanager .verify .form-tabs .col-form-label {
  text-transform: uppercase;
}
.paymanager .verify .form-tabs h4 {
  padding: 20px;
}
.paymanager .verify .form-tabs footer {
  padding: 20px;
  right: 0;
  background: #f6f6f6;
  border-top: 1px solid #e0e0e0;
  bottom: 0;
  position: relative;
  text-align: right;
  left: 0;
  width: 100%;
}
.paymanager .verify .alert-warning {
  background-color: #FFECDA;
  border-color: #ff5400;
  color: #ff5400;
}
.paymanager .vstep-count {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 360px;
  position: relative;
}
.paymanager .vstep-count .step {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid #101114;
  color: #101114;
  background-color: #fff;
  z-index: 2;
}
.paymanager .vstep-count .step.active {
  background: #101114;
  color: #fff;
}
.paymanager .vstep-count:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #101114;
  position: absolute;
  bottom: 11px;
  left: 0;
  z-index: 1;
}
.paymanager #verifyBlock .progress {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}
.paymanager #verifyBlock .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.paymanager #verifyBlock .progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.paymanager #verifyBlock .progress .progress-left {
  left: 0;
}
.paymanager #verifyBlock .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 5px;
  border-style: solid;
  position: absolute;
  top: 0;
}
.paymanager #verifyBlock .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.paymanager #verifyBlock .progress .progress-right {
  right: 0;
}
.paymanager #verifyBlock .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}
.paymanager #verifyBlock .progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  color: #101114;
  text-align: center;
  position: absolute;
  top: 5%;
  left: 5%;
  font-family: "AvenirNextLTPro-Demi", sans-serif;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.paymanager #verifyBlock .progress .progress-value .steps {
  width: 100%;
}
.paymanager #verifyBlock .progress.progress-circle .progress-bar {
  border-color: #ff5400;
}
@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
  }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg);
  }
}
@media only screen and (max-width: 990px) {
  .paymanager #verifyBlock .progress {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 990px) {
  .paymanager #verifyBlock .progress {
    margin-bottom: 20px;
  }
}
.paymanager .employee-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.paymanager .employee-block .employee {
  padding: 10px;
  border-radius: 0.25rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  background: #fff;
  width: calc(100% - 20px);
}
@media (min-width: 576px) {
  .paymanager .employee-block .employee {
    width: calc(50% - 20px);
  }
}
@media (min-width: 768px) {
  .paymanager .employee-block .employee {
    width: calc(25% - 20px);
  }
}
.paymanager .employee-block .employee .emp-img {
  width: 40%;
}
.paymanager .employee-block .employee .emp-info {
  width: 60%;
}
.paymanager .search-results-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  flex-direction: column;
}
.paymanager .search-results-container .search-result {
  padding: 15px;
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 0.25rem;
  background: #fff;
}
.paymanager .pay-timeline {
  border-left: 2px solid var(--ct-gray-300);
}
.paymanager .pay-timeline .timeline-item {
  padding-left: 15px;
  position: relative;
  padding-bottom: 20px;
  display: block;
}
.paymanager .pay-timeline .timeline-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: -6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #101114;
  border: 2px solid #101114;
}
.paymanager .invoices .status.current {
  background-color: #FFCB9E;
}
.paymanager .invoices .status.days30 {
  background-color: #FF9754;
}
.paymanager .invoices .status.days60 {
  background-color: #FF5400;
}
.paymanager .invoices .status.days90 {
  background-color: #983200;
}
.paymanager .invoices .status.days91 {
  background-color: #580BC2;
}
.paymanager .invoices .invoice-w {
  font-family: "Avenir Next W01", "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  max-width: 800px;
  position: relative;
  overflow: hidden;
  padding: 100px;
  padding-bottom: 20px;
  background: #fff;
}
@media (max-width: 768px) {
  .paymanager .invoices .invoice-w {
    padding: 20px;
  }
}
.paymanager .invoices .invoice-w:before {
  width: 140%;
  height: 450px;
  background-color: #006666;
  opacity: 0.3;
  position: absolute;
  top: -20%;
  left: -24%;
  transform: rotate(-27deg);
  content: "";
  z-index: 1;
}
@media (max-width: 768px) {
  .paymanager .invoices .invoice-w:before {
    left: -40%;
    top: -16%;
    transform: rotate(-25deg);
  }
}
.paymanager .invoices .invoice-w .infos {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .paymanager .invoices .invoice-w .infos {
    flex-direction: column;
  }
  .paymanager .invoices .invoice-w .infos .info-2 {
    padding-top: 40px !important;
  }
}
.paymanager .invoices .invoice-w .infos .info-1 {
  font-size: 16px;
  color: #323a46;
}
.paymanager .invoices .invoice-w .infos .info-1 .company-name {
  font-size: 35px;
  margin-top: 10px;
}
.paymanager .invoices .invoice-w .infos .info-1 .company-address {
  font-size: 16px;
}
.paymanager .invoices .invoice-w .infos .info-1 .company-extra {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 10px;
}
.paymanager .invoices .invoice-w .infos .info-2 {
  padding-top: 140px;
  text-align: right;
}
.paymanager .invoices .invoice-w .infos .info-2 .company-name {
  margin-bottom: 10px;
  font-size: 30px;
}
.paymanager .invoices .invoice-w .infos .info-2 .company-address {
  color: rgba(0, 0, 0, 0.6);
}
.paymanager .invoices .invoice-w .terms {
  font-size: 10px;
  margin-top: 20px;
}
.paymanager .invoices .invoice-w .terms .terms-header {
  font-size: 12px;
  margin-bottom: 10px;
}
.paymanager .invoices .invoice-w .terms .terms-content {
  color: rgba(0, 0, 0, 0.4);
}
.paymanager .invoices .invoice-table thead th {
  border-bottom: 2px solid #333;
}
.paymanager .invoices .invoice-table tbody tr td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.paymanager .invoices .invoice-table tbody tr:last-child td {
  padding-bottom: 40px;
}
.paymanager .invoices .invoice-table tfoot tr td {
  border-top: 3px solid #333;
  font-size: 18px;
}
.paymanager .invoices .invoice-heading {
  margin-bottom: 50px;
  margin-top: 100px;
  position: relative;
  z-index: 2;
}
.paymanager .invoices .invoice-heading h3 {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .paymanager .invoices .invoice-heading {
    margin-top: 40px;
  }
}
.paymanager .invoices .invoice-footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  margin-top: 6rem;
}
@media (max-width: 768px) {
  .paymanager .invoices .invoice-footer {
    flex-direction: column;
  }
  .paymanager .invoices .invoice-footer .invoice-logo {
    margin-bottom: 20px;
  }
}
.paymanager .invoices .invoice-footer .invoice-logo img {
  vertical-align: middle;
  height: 20px;
  width: auto;
  display: inline-block;
}
.paymanager .invoices .invoice-footer .invoice-logo span {
  vertical-align: middle;
  margin-left: 10px;
  display: inline-block;
}
.paymanager .invoices .invoice-footer .invoice-info span {
  display: inline-block;
}
.paymanager .invoices .invoice-footer .invoice-info span + span {
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.paymanager .invoices .invoice-body {
  display: flex;
}
@media (max-width: 768px) {
  .paymanager .invoices .invoice-body {
    flex-direction: column;
  }
  .paymanager .invoices .invoice-body .invoice-desc {
    flex: 0 1 40px !important;
  }
}
.paymanager .invoices .invoice-body .invoice-desc {
  flex: 0 1 250px;
  font-size: 1.17rem;
}
.paymanager .invoices .card-footer {
  background-image: linear-gradient(to right, #f7f7f7 33%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 20px 1px;
  background-repeat: repeat-x;
  margin-top: 2.5rem;
  background: #ced4da;
}
.paymanager .offcanvas.showing,
.paymanager .offcanvas.show:not(.hiding) {
  z-index: 2147483002;
}
.paymanager .payment-links .accordion .card-header h5 a {
  cursor: pointer;
}
.paymanager .paylinks input.error {
  border: 1px solid red;
}
.paymanager .paylinks label.error {
  font-weight: normal;
  color: red;
}
.paymanager .paylinks .border-error {
  /* background-color: #FF898D; */
  /* box-shadow:#FF898D; */
  color: #FF898D;
  /* height: 28px; */
  /* text-align: center; */
  /* background-color: #FF898D; */
  /* border-radius: 3px; */
  border: 1px solid #FF898D;
}
.paymanager .paylinks .add-error {
  border: 1px solid #FF898D !important;
  /* color:#6c757d; */
}
.paymanager .paylinks .area-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.paymanager .timed-activity {
  display: flex;
  margin-bottom: 2rem;
}
.paymanager .timed-activity .ta-date {
  flex: 0 0 130px;
  position: relative;
  text-align: center;
}
.paymanager .timed-activity .ta-date span {
  position: relative;
  display: inline-block;
}
.paymanager .timed-activity .ta-date span:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
  width: 16px;
  height: 16px;
  border: 3px solid #006666;
  border-radius: 8px;
  background-color: #fff;
}
.paymanager .timed-activity .ta-date:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  width: 1px;
  top: 70px;
  background-color: rgba(0, 0, 0, 0.1);
}
.paymanager .timed-activity .ta-record-w {
  padding-left: 40px;
}
.paymanager .timed-activity .ta-record {
  display: flex;
  margin-bottom: 10px;
  align-items: flex-start;
}
.paymanager .timed-activity .ta-timestamp {
  position: relative;
  padding-right: 40px;
  width: 110px;
  white-space: nowrap;
}
.paymanager .timed-activity .ta-timestamp strong {
  color: #101114;
}
.paymanager .timed-activity .ta-timestamp:after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: rgba(0, 0, 0, 0.3);
  font-size: 10px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-40%);
  display: block;
}
.paymanager .timed-activity .ta-activity a {
  display: inline-block;
  padding-bottom: 1px;
  border-bottom: 1px solid #006666;
}
.paymanager .timed-activity .ta-activity a:hover {
  text-decoration: none;
  color: #01c853;
  border-bottom-color: #01c853;
}
.paymanager .timed-activity:last-child .ta-date span:after {
  display: none;
}
.paymanager .quick-pay .dz-clickable {
  border: 1px solid #f1f5f7;
}
.paymanager .quick-pay .dz-clickable:hover {
  cursor: pointer;
  border: 1px dashed #ff5400;
}
.paymanager .quick-pay #conatct_list li {
  cursor: pointer;
}
@media (max-width: 768px) {
  .paymanager .timed-activity {
    display: block;
  }
  .paymanager .timed-activity .ta-date {
    flex: 0 0 auto;
    margin-bottom: 3rem;
    text-align: left;
  }
  .paymanager .timed-activity .ta-date span:after {
    transform: none;
    left: 0px;
  }
  .paymanager .timed-activity .ta-record-w {
    padding-left: 0px;
  }
  .paymanager .timed-activity .ta-record {
    display: block;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .paymanager .timed-activity .ta-activity {
    font-size: 12.6px;
    display: inline-block;
  }
  .paymanager .timed-activity .ta-user {
    display: inline-block;
    vertical-align: middle;
  }
}
.paymanager .business-profiles .btabs .nav-link {
  color: #98a6ad;
  border-bottom: 2px solid transparent;
}
.paymanager .business-profiles .btabs .nav-link.active {
  color: #ff5400;
  border-bottom: 2px solid #ff5400;
}
.paymanager .wallet.balance-block-container {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.paymanager .wallet.balance-block-container .balance-block {
  width: calc(33.33% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}
.paymanager .wallet.balance-block-container .balance-block .balance-amt {
  font-size: 2rem;
}
.paymanager .wallet.balance-block-container .balance-block .balance-amt small {
  font-size: 50%;
}
@media (max-width: 768px) {
  .paymanager .wallet.balance-block-container .balance-block {
    width: calc(100% - 30px);
  }
}
.paymanager .wallet .wallet-blocks-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-right: -15px;
  margin-left: -15px;
}
.paymanager .wallet .wallet-blocks-container .wallet-block {
  margin-left: 15px;
  margin-right: 15px;
  width: calc(33.33% - 30px);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: stretch;
}
.paymanager .wallet .wallet-blocks-container .wallet-block.s2 {
  width: calc(66.67% - 30px);
}
@media screen and (max-width: 768px) {
  .paymanager .wallet .wallet-blocks-container .wallet-block {
    width: calc(100% - 30px);
  }
}
.paymanager .wallet .wallet-blocks-container .wallet-block .portlet.double {
  flex: 2;
}
.paymanager .table-bordered,
.paymanager .table > tbody > tr > td,
.paymanager .table > tbody > tr > th,
.paymanager .table > tfoot > tr > td,
.paymanager .table > tfoot > tr > th,
.paymanager .table > thead > tr > td,
.paymanager .table > thead > tr > th {
  border-color: #f4f5f9;
}
.paymanager .table thead tr th:first-child,
.paymanager .table thead tr td:first-child,
.paymanager .table tbody tr th:first-child,
.paymanager .table tbody tr td:first-child {
  padding-left: 20px;
}
.paymanager .table thead tr th:last-child,
.paymanager .table thead tr td:last-child,
.paymanager .table tbody tr th:last-child,
.paymanager .table tbody tr td:last-child {
  padding-right: 20px;
}
.paymanager .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.paymanager .dropdown-menu > li > a:focus,
.paymanager .dropdown-menu > li > a:hover {
  background-color: #f4f8fb !important;
}
.paymanager .label.label-invoice {
  background-color: #8d93e6;
}
.paymanager .label.label-sub {
  background-color: #c7e1f1;
}
.paymanager .label.label-direct {
  background-color: #56CDC1;
}
.paymanager .label.label-api {
  background-color: #ff8f00;
}
.paymanager .label.label-woo {
  background-color: #0072b1;
}
.paymanager .label.label-transfer {
  background-color: #D980A8;
}
.paymanager .switchery-small {
  height: 15px;
  width: 24px;
}
.paymanager .switchery-small > small {
  height: 15px;
  width: 15px;
}
.paymanager .user-details .user-info {
  margin-left: 40px;
}
.paymanager .user-details .user-info p {
  line-height: 1;
}
.paymanager .accordion .accordion-item {
  overflow: visible !important;
  box-shadow: none;
  border-color: #f1f5f7;
}
.paymanager .accordion .accordion-item .accordion-header {
  padding-left: 15px;
  padding-right: 15px;
}
.paymanager .accordion .accordion-item .accordion-header a[data-bs-toggle=collapse] {
  cursor: hand;
}
.paymanager .accordion .accordion-item .accordion-header a[data-bs-toggle=collapse]::before {
  float: left;
  padding-right: 10px;
  text-align: left;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.paymanager .accordion .accordion-item .accordion-header a[data-bs-toggle=collapse].collapsed::before {
  content: "\f105";
  padding-right: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.paymanager .accordion .accordion-item .accordion-header:after {
  content: "";
}
.paymanager .accordion .accordion-item .accordion-footer {
  background-color: #fff !important;
  border-top: 1px solid #f1f5f7;
}
.paymanager .accordion .accordion-item .accordion-footer .btn {
  background-color: #fff !important;
  color: #72747b !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: 1px solid #f1f5f7 !important;
}
.paymanager .accordion .accordion-item .accordion-footer .btn:hover {
  color: #006666 !important;
}
.paymanager .accordion .accordion-item .accordion-footer .btn-group .btn {
  box-shadow: none;
  background-color: #fff !important;
  border-radius: 0;
  border-top: none !important;
  border-bottom: none !important;
  border-right: none !important;
  color: #72747b !important;
  border-left: 1px solid #f1f5f7 !important;
}
.paymanager .accordion .accordion-item .accordion-footer .btn-group .btn:hover {
  border-right: none !important;
  color: #006666 !important;
}
.paymanager .accordion .accordion-item .accordion-footer .btn-group .btn + .btn {
  margin-left: 0;
}
.paymanager .dt-container {
  position: relative;
}
.paymanager div.dt-processing {
  margin-left: 0;
  margin-top: 0;
  left: 40%;
}
.paymanager div.dt-processing > div:last-child > div {
  background: #ff5400;
}
.paymanager .payment-links-new .plink-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.paymanager .payment-links-new .plink-container .plink-title {
  width: 50%;
  padding-left: 10px;
  border-left: 4px solid transparent;
}
.paymanager .payment-links-new .plink-container .plink-price {
  display: none;
}
.paymanager .payment-links-new .plink-container .plink-status {
  width: 10%;
  text-align: center;
}
.paymanager .payment-links-new .plink-container .plink-type {
  display: none;
}
.paymanager .payment-links-new .plink-container .plink-exp {
  display: none;
}
.paymanager .payment-links-new .plink-container .plink-actions {
  width: 40%;
  text-align: right;
}
@media (min-width: 768px) {
  .paymanager .payment-links-new .plink-container .plink-title {
    width: 34%;
  }
  .paymanager .payment-links-new .plink-container .plink-price,
  .paymanager .payment-links-new .plink-container .plink-type,
  .paymanager .payment-links-new .plink-container .plink-exp {
    width: 15%;
    display: block;
  }
  .paymanager .payment-links-new .plink-container .plink-actions {
    width: 16%;
  }
  .paymanager .payment-links-new .plink-container .plink-status {
    width: 5%;
    text-align: center;
  }
}
.paymanager .plan-config li,
.paymanager .addon-config li,
.paymanager .disc-config li {
  line-height: 2;
  list-style-type: disc;
  margin-left: 15px;
}
.paymanager .btn-double {
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid #CED4DA;
  background-color: #FFFFFF;
  color: #212121;
  cursor: pointer;
  overflow: hidden;
}
.paymanager .btn-double a,
.paymanager .btn-double input {
  background: #fff;
  float: left;
  width: 50%;
  font-weight: 500;
  text-align: center;
  color: #212121;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: 0.15s all linear;
  -moz-transition: 0.15s all linear;
  -ms-transition: 0.15s all linear;
  -o-transition: 0.15s all linear;
  transition: 0.15s all linear;
}
.paymanager .btn-double a:first-child,
.paymanager .btn-double input:first-child {
  border-right: 1px solid #CED4DA !important;
}
.paymanager .btn-double a.disabled, .paymanager .btn-double a.btn[disabled],
.paymanager .btn-double input.disabled,
.paymanager .btn-double input.btn[disabled] {
  background: #f4f8fb !important;
  color: #98a6ad;
}
.paymanager #getting-started {
  overflow: hidden;
  background: url("/static/images/site/general/getting-started23.png") 120% 150% no-repeat #ffffff;
}
.paymanager .setup-blocks-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  max-width: 65%;
  flex-direction: column;
}
.paymanager .setup-blocks-container .setup-block {
  width: 100%;
}
.paymanager .setup-blocks-container .setup-block .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  display: none;
}
.paymanager .setup-blocks-container .setup-block.step-completed {
  border: 1px solid rgba(16, 255, 138, 0.4);
  box-shadow: none !important;
}
.paymanager .setup-blocks-container .setup-block.step-completed .overlay {
  display: block;
}
.paymanager .team-pay .container-re {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  flex-direction: column;
}
.paymanager .team-pay .container-re .radio-team {
  width: calc(100% - 30px);
  margin-right: 15px;
  margin-left: 15px;
  padding: 20px;
  align-items: start;
  display: flex;
  flex-direction: row;
  border-radius: 0.25rem;
}
.paymanager .team-pay .container-re .radio-team .team-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  margin-right: 15px;
}
.paymanager .team-pay .container-re .radio-team .team-icon.admin {
  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}
.paymanager .team-pay .container-re .radio-team .team-icon.account_manager {
  background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}
.paymanager .team-pay .container-re .radio-team .team-icon.staff {
  background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}
.paymanager .team-pay .container-re .radio-team .team-icon.read_only {
  background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
}
.paymanager .team-pay .container-re .radio-team .team-icon i {
  color: #fff;
}
.paymanager .team-pay .container-re .radio-team p {
  text-align: left;
}
.paymanager .team-pay .av-admin {
  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}
.paymanager .team-pay .av-account {
  background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}
.paymanager .team-pay .av-staff {
  background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}
.paymanager .team-pay .av-read {
  background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
}
.paymanager .team-pay .admin {
  border: 1px solid #8fd3f4;
  color: #8fd3f4;
  padding: 0 8px;
  font-size: 12px;
}
.paymanager .team-pay .account {
  border: 1px solid #f5576c;
  color: #f5576c;
  padding: 0 8px;
  font-size: 12px;
}
.paymanager .team-pay .staff {
  border: 1px solid #66a6ff;
  color: #66a6ff;
  padding: 0 8px;
  font-size: 12px;
}
.paymanager .team-pay .read {
  border: 1px solid #80d0c7;
  color: #80d0c7;
  padding: 0 8px;
  font-size: 12px;
}
.paymanager .team-pay .list-group-item {
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.paymanager .team-pay .list-group-item:hover {
  background-color: #eaf4fe;
}
.paymanager .team-pay .list-group-item:hover .admin {
  border: 1px solid #8fd3f4;
  color: #fff;
  background-color: #8fd3f4;
}
.paymanager .team-pay .list-group-item:hover .account {
  border: 1px solid #f5576c;
  color: #fff;
  background-color: #f5576c;
}
.paymanager .team-pay .list-group-item:hover .staff {
  border: 1px solid #66a6ff;
  color: #fff;
  background-color: #66a6ff;
}
.paymanager .team-pay .list-group-item:hover .read {
  border: 1px solid #80d0c7;
  color: #fff;
  background-color: #80d0c7;
}
.paymanager .booking-item .time-allocation-holder {
  display: flex;
  flex-wrap: wrap;
  border-radius: 4px;
  border: 1px solid #f1f5f7;
  flex-direction: row;
}
.paymanager .booking-item .time-allocation-holder .allocation {
  width: 25%;
  align-content: center;
  padding: 15px 5px;
}
.paymanager .booking-item .calendar-status-holder {
  display: flex;
  flex-wrap: wrap;
  border-radius: 4px;
  border: 1px solid #f1f5f7;
  flex-direction: row;
  width: 100%;
}
.paymanager .booking-item .calendar-status-holder .calendar-status {
  width: 33.33%;
  align-content: center;
  padding: 15px 5px;
}
.paymanager .booking-calendar .am-calendar-employees {
  overflow-x: auto;
  white-space: nowrap;
}
.paymanager .booking-calendar .am-calendar-employees .am-calendar-employee {
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  cursor: pointer;
  position: relative;
  display: inline-block;
  min-width: 100px;
  max-width: 80px;
  overflow: hidden;
  text-align: center;
  padding: 0 2px;
}
.paymanager .booking-calendar .am-calendar-employees .am-calendar-employee.active .am-profile-photo,
.paymanager #am-calendar .am-calendar-employees .am-calendar-employee:hover .am-profile-photo {
  -webkit-transition: border-color 0.4s ease-out;
  transition: border-color 0.4s ease-out;
  border-color: #006666;
}
.paymanager .booking-calendar .am-calendar-employees .am-calendar-employee .am-profile-photo {
  margin: 0 auto;
  border: 2px solid transparent;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  max-width: 50px;
  min-width: 50px;
  padding: 4px;
}
.paymanager .booking-calendar .am-calendar-employees .am-calendar-employee .am-profile-photo .am-all {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: #006666;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 40px;
}
.paymanager .booking-calendar .am-calendar-employees .am-calendar-employee p {
  margin: 4px 0 8px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  overflow-x: hidden;
}
.paymanager .booking-calendar .am-calendar-employees .am-calendar-employee .am-profile-photo img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.paymanager .booking-calendar .am-calendar-employees .am-calendar-employee .am-calendar-employee-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.paymanager .booking-calendar .am-calendar-employees .am-calendar-employee p {
  margin: 4px 0 8px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  overflow-x: hidden;
}
.paymanager .booking-calendar .am-calendar-employees .am-calendar-employee.active .am-profile-photo,
.paymanager .booking-calendar .am-calendar-employees .am-calendar-employee:hover .am-profile-photo {
  -webkit-transition: border-color 0.4s ease-out;
  transition: border-color 0.4s ease-out;
  border-color: #006666;
}

.toast-container {
  z-index: 10600;
}

.toast {
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: 12px center !important;
  background-image: none !important;
}

.toast-success {
  background: #f0fff8 !important;
  color: #0f5132 !important;
  border-left: 4px solid #2ecc71;
  background-image: none !important;
}

.toast-error {
  background: #fff5f5 !important;
  color: #842029 !important;
  border-left: 4px solid #e74c3c;
  background-image: none !important;
}

.toast-info {
  background: #f0f7ff !important;
  color: #084298 !important;
  border-left: 4px solid #3498db;
  background-image: none !important;
}

.toast-warning {
  background: #fffaf0 !important;
  color: #664d03 !important;
  border-left: 4px solid #f39c12;
  background-image: none !important;
}

.toast-title {
  font-weight: 600;
}

.toast-message {
  opacity: 0.95;
}

.pay-frontend .pay-landing-banner {
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: url("/static/images/site/general/bg-image-crop.jpg") #fff no-repeat fixed;
  background-position: right;
  z-index: 2;
}
.pay-frontend .pay-landing-banner .shapes {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100vh;
  background: url("/static/images/site/general/header-shapes.png") no-repeat fixed;
  background-size: cover;
}
.pay-frontend .pay-landing-banner .looking-glass {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100vh;
  width: 100%;
  background: url("/static/images/site/general/Rectangle.png") no-repeat fixed;
  background-size: cover;
}
.pay-frontend .pay-landing-banner .banner-content {
  position: relative;
  z-index: 3;
}
.pay-frontend .pay-landing-banner .banner-content h1 {
  font-family: "AvenirLTPro-Black";
  line-height: 65px;
  font-size: 64px;
}
@media (max-width: 648px) {
  .pay-frontend .pay-landing-banner .banner-content h1 {
    padding-top: 50px !important;
  }
}
.pay-frontend .pay-landing-banner .banner-content h4 {
  font-family: "AvenirLTPro-Book";
  font-size: 20px;
  line-height: 28px;
}
.pay-frontend .landing-page {
  background-color: #fff;
  z-index: 0;
  margin-bottom: 105px !important;
}
.pay-frontend .landing-page .landing-section {
  position: relative;
  z-index: 1;
}
.pay-frontend .landing-page .landing-section .container {
  z-index: 3;
  position: relative;
}
.pay-frontend .landing-page .landing-section .products-block .product-block {
  display: block;
  width: 50%;
  position: relative;
  float: left;
  padding-right: 50px;
  padding-bottom: 40px;
}
.pay-frontend .landing-page .landing-section .products-block .product-block:nth-child(2n) {
  padding-left: 0;
  padding-top: 80px;
}
.pay-frontend .landing-page .landing-section .products-block .product-block:nth-child(3) {
  margin-top: -80px;
}
.pay-frontend .landing-page .landing-section .products-block .product-block:nth-child(4) {
  margin-top: -80px;
}
.pay-frontend .landing-page .landing-section .products-block .product-block .card {
  -webkit-box-shadow: 3px 13px 55px 2px rgb(7, 154, 155) !important;
  -moz-box-shadow: 3px 13px 55px 2px rgb(7, 154, 155) !important;
  -o-box-shadow: 3px 13px 55px 2px rgb(7, 154, 155) !important;
  box-shadow: 3px 13px 55px 2px rgb(7, 154, 155) !important;
}
.pay-frontend .landing-page .landing-section .products-block .product-block .card p {
  line-height: 30px;
}
.pay-frontend .landing-page .landing-section .products-block .product-block .card:hover {
  cursor: pointer;
  background: #01c853;
}
.pay-frontend .landing-page .landing-section .products-block .product-block .card:hover h3,
.pay-frontend .landing-page .landing-section .products-block .product-block .card:hover p {
  color: #323a46;
}
@media (max-width: 468px) {
  .pay-frontend .landing-page .landing-section .products-block .product-block {
    width: 100%;
    padding-top: 0px !important;
    margin-top: 0 !important;
    padding-right: 0;
  }
}
.pay-frontend .landing-page .landing-section .features-container {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  flex-wrap: wrap;
}
.pay-frontend .landing-page .landing-section .features-container .feature-block {
  width: calc(25% - 30px);
  padding: 0 15px 30px;
}
@media (max-width: 768px) {
  .pay-frontend .landing-page .landing-section .features-container .feature-block {
    width: calc(100% - 30px);
  }
}
.pay-frontend .landing-page .landing-section .text-block h1 {
  font-family: "AvenirNextRoundedPro";
  font-weight: bold;
  font-size: 36px;
  position: relative;
}
.pay-frontend .landing-page .landing-section .text-block p {
  line-height: 30px;
  font-size: 20px;
}
.pay-frontend .landing-page .landing-section .text-block h3 {
  font-family: "AvenirNextRoundedPro";
  line-height: 30px;
  font-weight: 300;
  position: relative;
  padding-bottom: 10px;
}
.pay-frontend .landing-page .landing-section .text-block h3:after {
  content: "";
  background-color: #006666;
  width: 40px;
  height: 2px;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 50%;
}
.pay-frontend .landing-page .landing-section .picture-container {
  width: 100%;
  display: flex;
  max-height: 800px;
  z-index: 4;
  position: relative;
}
.pay-frontend .landing-page .landing-section.last-block:after {
  background: url("/static/images/site/general/side-shape-group.png") no-repeat;
  content: "";
  width: 100%;
  background-size: cover;
  height: 1080px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.pay-frontend .landing-page .landing-section.pay-products {
  background: url("/static/images/site/general/shape-group-2.png") #2AC6C7 no-repeat;
  background-size: cover;
}
.pay-frontend .landing-page .landing-section.pay-dashboard {
  background: url("/static/images/site/general/dashboard-bg.png") no-repeat fixed;
}
.pay-frontend .landing-page .landing-section-bg {
  position: absolute;
  right: 0;
  z-index: -1;
  width: 95%;
  height: 1830px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 576px) {
  .pay-frontend .landing-page .landing-section-bg {
    width: 85%;
  }
}
@media (min-width: 768px) {
  .pay-frontend .landing-page .landing-section-bg {
    width: 75%;
    height: 1330px;
  }
}
@media (min-width: 992px) {
  .pay-frontend .landing-page .landing-section-bg {
    width: 65%;
  }
}
@media (min-width: 1200px) {
  .pay-frontend .landing-page .landing-section-bg {
    width: 55%;
  }
}
.pay-frontend .landing-page .landing-section-bg.bottom {
  left: 0;
  right: auto;
}
.pay-frontend .landing-page .landing-security {
  position: relative;
  z-index: 2;
}
.pay-frontend .landing-page .landing-security .security-blocks-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -40px;
  margin-right: -40px;
}
.pay-frontend .landing-page .landing-security .security-blocks-container .security-block {
  width: calc(33.33% - 80px);
  padding: 50px 15px;
  background: #fff;
  align-content: center;
  text-align: center;
  margin-left: 40px;
  margin-right: 40px;
}
@media (max-width: 768px) {
  .pay-frontend .landing-page .landing-security .security-blocks-container .security-block {
    width: calc(50% - 80px);
    margin-bottom: 30px;
  }
}
@media (max-width: 468px) {
  .pay-frontend .landing-page .landing-security .security-blocks-container .security-block {
    width: calc(100% - 80px);
  }
}
.pay-frontend .landing-page .landing-security .security-blocks-container .security-block h4 {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.pay-frontend .landing-page .landing-security .security-blocks-container .security-block h4:after {
  content: "";
  background-color: #006666;
  width: 25px;
  height: 4px;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 50%;
}
.pay-frontend .landing-page .landing-block-bottom h1 {
  font-weight: 400;
}
.pay-frontend .landing-page .landing-block-bottom h3 {
  font-weight: 300;
}
.pay-frontend .setup-new .plans-container {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
  align-content: center;
}
.pay-frontend .setup-new .plans-container .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 30px 15px;
  width: calc(20% - 30px);
  z-index: 3;
  margin-bottom: 30px;
  background: #fff;
  border-radius: 0.25rem;
  box-shadow: none;
  border: 1px solid #323a46;
}
@media (max-width: 1200px) {
  .pay-frontend .setup-new .plans-container .plan {
    width: calc(33.33% - 30px);
  }
}
@media (max-width: 760px) {
  .pay-frontend .setup-new .plans-container .plan {
    width: calc(50% - 30px);
  }
}
@media (max-width: 460px) {
  .pay-frontend .setup-new .plans-container .plan {
    width: calc(100% - 30px);
  }
}
.pay-frontend .setup-new .plans-container .plan .pp-price {
  font-size: 50px;
  line-height: 54px;
  font-family: "AvenirNextRoundedPro-Med";
}
.pay-frontend .setup-new .plans-container .plan .pp-price small {
  font-size: 45%;
}
.pay-frontend .setup-new .plans-container .plan p span {
  text-decoration: underline;
}
.pay-frontend .setup-new .plans-container .plan.monthly {
  text-align: center;
}
.pay-frontend .setup-new .plans-container .plan.annually {
  text-align: center;
}
.pay-frontend .setup-new .plans-container .plan.custom {
  text-align: center;
}
.pay-frontend .setup-new .plans-container .plan.custom h2 {
  font-size: 24px;
}
.pay-frontend #setupFormSteps {
  position: relative;
}
.pay-frontend #setupFormSteps:after {
  height: 2px;
  background: #006666;
  position: absolute;
  bottom: 0px;
  content: "";
  left: 0;
  z-index: 2;
}
.pay-frontend #setupFormSteps.first:after {
  width: 26%;
}
.pay-frontend #setupFormSteps.second:after {
  width: 38%;
}
.pay-frontend #setupFormSteps.third:after {
  width: 50%;
}
.pay-frontend #setupFormSteps.fourth:after {
  width: 63%;
}
.pay-frontend #setupFormSteps.fifth:after {
  width: 75%;
}
.pay-frontend .setup-progress {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  flex-direction: row;
  justify-content: center;
  text-align: center;
}
.pay-frontend .setup-progress .setup-step {
  width: calc(20% - 30px);
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
  position: relative;
  z-index: 3;
}
.pay-frontend .setup-progress .setup-step.active .stepNumber {
  border-color: #006666 !important;
  color: #006666;
}
.pay-frontend .setup-progress .setup-step.active .stepText {
  color: #006666;
}
.pay-frontend .setup-progress .setup-step.completed .stepNumber {
  background: #006666;
  border-color: #006666 !important;
  color: #fff;
}
.pay-frontend .setup-progress .setup-step.completed .stepText {
  color: #006666;
}
.pay-frontend .setup-progress .setup-step .stepNumber {
  display: block;
  clear: both;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 23px;
  margin: 0 auto;
  border: 1px solid #323a46;
  font-size: 10px;
  position: absolute;
  left: 46%;
  background: #fff;
  top: 25px;
}
.pay-frontend .setup-progress .setup-step .stepText {
  display: block;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
}
.pay-frontend .steps-form-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.pay-frontend .steps-form-container .step-form-left {
  margin-left: 15px;
  margin-right: 15px;
  width: calc(33.33% - 30px);
}
.pay-frontend .steps-form-container .step-form-left .form-steps li a {
  text-transform: capitalize;
}
.pay-frontend .steps-form-container .step-form-left .nav-item .step-number {
  border-radius: 50%;
  border: 1px solid #f7f7f7;
  padding: 2px 6px;
  font-size: 10px;
}
.pay-frontend .steps-form-container .step-form-left .nav-item.active {
  background: #fff;
}
.pay-frontend .steps-form-container .step-form-left .nav-item.active a {
  color: #101114 !important;
}
.pay-frontend .steps-form-container .step-form-left .nav-item:hover a {
  color: #323a46 !important;
}
.pay-frontend .steps-form-container .step-form-mid {
  margin-left: 15px;
  margin-right: 15px;
  width: calc(66.67% - 30px);
}
.pay-frontend .pay-checkout,
.pay-frontend .pay-confirm {
  margin-bottom: 70px;
}
.pay-frontend .pay-checkout .pay-checkout-header .client_logo,
.pay-frontend .pay-confirm .pay-checkout-header .client_logo {
  max-width: 150px;
  max-height: 150px;
  overflow: hidden;
  border-radius: 0.25rem;
}
.pay-frontend .pay-checkout .pay-checkout-header .client_logo img,
.pay-frontend .pay-confirm .pay-checkout-header .client_logo img {
  height: 100%;
}
.pay-frontend .confirmation-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  border-radius: 0.25rem;
}
.pay-frontend .confirmation-container .confirm-content {
  width: 100%;
  background: #fff;
  padding: 0 20px;
}
.pay-frontend .confirmation-container .confirm-image {
  width: 100%;
  background: linear-gradient(222deg, #006666 32%, #1BBA86);
  background-position: 100% 100%, 0 0;
}
.pay-frontend .invoices .landing-section .features-container .feature-block,
.pay-frontend .subs .landing-section .features-container .feature-block,
.pay-frontend .paylinks .landing-section .features-container .feature-block {
  width: calc(25% - 30px);
  padding: 0 15px 30px;
}
@media (max-width: 768px) {
  .pay-frontend .invoices .landing-section .features-container .feature-block,
  .pay-frontend .subs .landing-section .features-container .feature-block,
  .pay-frontend .paylinks .landing-section .features-container .feature-block {
    width: calc(100% - 30px);
  }
}
.pay-frontend .invoices .product-suite-container,
.pay-frontend .subs .product-suite-container,
.pay-frontend .paylinks .product-suite-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -40px;
  margin-left: -40px;
}
.pay-frontend .invoices .product-suite-container .product,
.pay-frontend .subs .product-suite-container .product,
.pay-frontend .paylinks .product-suite-container .product {
  width: calc(33.33% - 80px);
  padding: 20px;
  margin-left: 40px;
  margin-right: 40px;
}
.pay-frontend .invoices .product-suite-container .product:hover,
.pay-frontend .subs .product-suite-container .product:hover,
.pay-frontend .paylinks .product-suite-container .product:hover {
  background: #01c853;
  transform: translateY(-4px);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.pay-frontend .pay-product-page {
  margin-bottom: 105px !important;
}
.pay-frontend .pay-product-page .landing-section {
  position: relative;
}
.pay-frontend .pay-product-page .landing-section .container {
  z-index: 4;
  position: relative;
}
.pay-frontend .pay-product-page .landing-section.last-section {
  background: url(/media/images/new/misc/shape-group-2.png) #2AC6C7 no-repeat fixed;
  background-size: cover;
}
.pay-frontend .pay-product-page .landing-section.last-section h1 {
  font-size: 50px;
  line-height: 55px;
  font-family: "Roboto";
  font-weight: 700;
}
.pay-frontend .pay-product-page .landing-section.last-section p {
  font-size: 17px;
}
.pay-frontend .pay-product-page .landing-section.last-section a small:hover {
  text-decoration: underline;
}
.pay-frontend .pay-product-page.paylinks .features-section:after {
  background: url("/static/images/site/general/side-shape-group.png") no-repeat;
  content: "";
  width: 100%;
  background-size: cover;
  height: 1080px;
  position: absolute;
  bottom: 300px;
  left: 0;
}
@media (max-width: 768px) {
  .pay-frontend .pay-product-page.paylinks .features-section:after {
    display: none;
  }
}
.pay-frontend .pay-product-page.invoices .first-block:after {
  background: url("/static/images/site/general/side-shape-group.png") no-repeat;
  content: "";
  width: 100%;
  background-size: cover;
  height: 1080px;
  position: absolute;
  bottom: 300px;
  left: 0;
}
@media (max-width: 768px) {
  .pay-frontend .pay-product-page.invoices .first-block:after {
    display: none;
  }
}
.pay-frontend .pay-product-page.online-payments .first-block h4 {
  font-family: "AvenirLTPro-Book";
  font-size: 20px;
  line-height: 28px;
}
.pay-frontend .pay-product-page.online-payments .steps-section:after {
  background: url("/static/images/site/general/side-shape-group.png") no-repeat;
  content: "";
  width: 100%;
  background-size: cover;
  height: 1080px;
  position: absolute;
  bottom: 300px;
  left: 0;
}
@media (max-width: 768px) {
  .pay-frontend .pay-product-page.online-payments .steps-section:after {
    display: none;
  }
}
.pay-frontend .pay-product-page.online-payments .steps-section .part-1 {
  position: relative;
}
.pay-frontend .pay-product-page.online-payments .steps-section .part-1 .col-sm-1:after {
  content: "";
  background: #2AC6C7;
  top: 130px;
  width: 4px;
  height: 272px;
  left: 49%;
  position: absolute;
  opacity: 0.6;
}
.pay-frontend .pay-product-page.online-payments .steps-section .part-2 {
  position: relative;
}
.pay-frontend .pay-product-page.online-payments .steps-section .part-2 .col-sm-1:after {
  content: "";
  background: #2AC6C7;
  top: 130px;
  width: 4px;
  height: 262px;
  left: 49%;
  position: absolute;
  opacity: 0.6;
}
.pay-frontend .pay-products-header {
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: url("/static/images/site/general/product-page-header.png") #fff no-repeat fixed;
  background-position: right;
  z-index: 2;
}
.pay-frontend .pay-products-header h1 {
  font-family: "AvenirLTPro-Black";
  line-height: 65px;
  font-size: 64px;
}
@media (max-width: 648px) {
  .pay-frontend .pay-products-header h1 {
    padding-top: 50px !important;
  }
}
.pay-frontend .pay-products-header h3 {
  font-family: "AvenirLTPro-Book";
  font-size: 36px;
  line-height: 40px;
}
.pay-frontend .pay-products-header h4 {
  font-family: "AvenirLTPro-Book";
  font-size: 20px;
  line-height: 28px;
}
.pay-frontend .pay-products-header .shapes {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100vh;
  background: url("/static/images/site/general/product-page-shapes.png") no-repeat fixed;
  background-size: cover;
}
.pay-frontend .pay-products-header .looking-glass {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100vh;
  width: 100%;
  background: url("/static/images/site/general/product-page-header.png") no-repeat fixed;
  background-size: cover;
}
.pay-frontend .pay-products-header .container {
  position: relative;
  z-index: 3;
}
.pay-frontend .pay-pricing {
  margin-bottom: 105px !important;
}
.pay-frontend .pay-pricing h1 {
  font-family: "AvenirNextRoundedPro";
}
.pay-frontend .pay-pricing .plan-features ul li {
  line-height: 30px;
}
.pay-frontend .pricing-container-holder {
  position: relative;
}
.pay-frontend .pricing-container .pricing-header {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.pay-frontend .pricing-container .pricing-header .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px 15px;
  z-index: 3;
  box-shadow: none;
  width: calc(25% - 30px);
}
.pay-frontend .pricing-container .pricing-header .plan:nth-child(2), .pay-frontend .pricing-container .pricing-header .plan:nth-child(3), .pay-frontend .pricing-container .pricing-header .plan:nth-child(4), .pay-frontend .pricing-container .pricing-header .plan:nth-child(5), .pay-frontend .pricing-container .pricing-header .plan:nth-child(6), .pay-frontend .pricing-container .pricing-header .plan:last-child {
  width: calc(15% - 30px);
}
.pay-frontend .pricing-container .pricing-body {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
  align-items: flex-end;
}
.pay-frontend .pricing-container .pricing-body .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px 15px;
  width: calc(25% - 30px);
  z-index: 3;
  box-shadow: none;
}
.pay-frontend .pricing-container .pricing-body .plan:nth-child(2), .pay-frontend .pricing-container .pricing-body .plan:nth-child(3), .pay-frontend .pricing-container .pricing-body .plan:nth-child(4), .pay-frontend .pricing-container .pricing-body .plan:nth-child(5), .pay-frontend .pricing-container .pricing-body .plan:nth-child(6), .pay-frontend .pricing-container .pricing-body .plan:nth-child(7), .pay-frontend .pricing-container .pricing-body .plan:nth-child(8), .pay-frontend .pricing-container .pricing-body .plan:nth-child(9), .pay-frontend .pricing-container .pricing-body .plan:last-child {
  width: calc(15% - 30px);
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
}
.pay-frontend .pricing-container .pricing-body .plan:nth-child(2), .pay-frontend .pricing-container .pricing-body .plan:nth-child(3) {
  background: #fff;
  margin: 0 15px;
  color: #101114;
}
.pay-frontend .pricing-container .pricing-body .plan:nth-child(2) h2,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(2) h3,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(2) h4,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(2) h5,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(2) h6,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(2) p,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(2) i, .pay-frontend .pricing-container .pricing-body .plan:nth-child(3) h2,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(3) h3,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(3) h4,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(3) h5,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(3) h6,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(3) p,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(3) i {
  color: #101114;
}
.pay-frontend .pricing-container .pricing-body .plan:nth-child(9), .pay-frontend .pricing-container .pricing-body .plan:nth-child(6) {
  background: #FFE6A9;
  margin: 0 15px;
  color: #101114;
}
.pay-frontend .pricing-container .pricing-body .plan:nth-child(9) h2,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(9) h3,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(9) h4,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(9) h5,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(9) h6,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(9) p,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(9) i, .pay-frontend .pricing-container .pricing-body .plan:nth-child(6) h2,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(6) h3,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(6) h4,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(6) h5,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(6) h6,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(6) p,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(6) i {
  color: #101114;
}
.pay-frontend .pricing-container .pricing-body .plan:nth-child(4), .pay-frontend .pricing-container .pricing-body .plan:nth-child(7) {
  background: #FFFBF2;
  margin: 0 15px;
  color: #101114;
}
.pay-frontend .pricing-container .pricing-body .plan:nth-child(4) h2,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(4) h3,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(4) h4,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(4) h5,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(4) h6,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(4) p,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(4) i, .pay-frontend .pricing-container .pricing-body .plan:nth-child(7) h2,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(7) h3,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(7) h4,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(7) h5,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(7) h6,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(7) p,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(7) i {
  color: #101114;
}
.pay-frontend .pricing-container .pricing-body .plan:nth-child(5), .pay-frontend .pricing-container .pricing-body .plan:nth-child(8) {
  background: #FFF3D4;
  margin: 0 15px;
  color: #101114;
}
.pay-frontend .pricing-container .pricing-body .plan:nth-child(5) h2,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(5) h3,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(5) h4,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(5) h5,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(5) h6,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(5) p,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(5) i, .pay-frontend .pricing-container .pricing-body .plan:nth-child(8) h2,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(8) h3,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(8) h4,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(8) h5,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(8) h6,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(8) p,
.pay-frontend .pricing-container .pricing-body .plan:nth-child(8) i {
  color: #101114;
}
.pay-frontend .pricing-container .pricing-body .plan:last-child {
  background: #333333;
  color: #fff;
  margin: 0 15px;
}
.pay-frontend .pricing-container .pricing-body .plan:last-child h2,
.pay-frontend .pricing-container .pricing-body .plan:last-child h3,
.pay-frontend .pricing-container .pricing-body .plan:last-child h4,
.pay-frontend .pricing-container .pricing-body .plan:last-child h5,
.pay-frontend .pricing-container .pricing-body .plan:last-child h6,
.pay-frontend .pricing-container .pricing-body .plan:last-child p,
.pay-frontend .pricing-container .pricing-body .plan:last-child i {
  color: #fff;
}
.pay-frontend .pricing-container .pricing-body:first-child .plan:nth-child(2), .pay-frontend .pricing-container .pricing-body:first-child .plan:nth-child(3), .pay-frontend .pricing-container .pricing-body:first-child .plan:nth-child(4), .pay-frontend .pricing-container .pricing-body:first-child .plan:nth-child(5), .pay-frontend .pricing-container .pricing-body:first-child .plan:nth-child(6), .pay-frontend .pricing-container .pricing-body:first-child .plan:nth-child(7), .pay-frontend .pricing-container .pricing-body:first-child .plan:nth-child(8), .pay-frontend .pricing-container .pricing-body:first-child .plan:nth-child(9), .pay-frontend .pricing-container .pricing-body:first-child .plan:last-child {
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  padding: 20px 15px 10px;
}
.pay-frontend .pricing-container .pricing-footer {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
  position: relative;
}
.pay-frontend .pricing-container .pricing-footer.hover-container:hover:before {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: hsla(0, 0%, 0%, 0.05);
  top: 0;
  border-radius: 6px;
  content: "";
  height: 36px;
}
.pay-frontend .pricing-container .pricing-footer.hover-container:hover p a {
  position: relative;
  z-index: 3;
  cursor: pointer;
}
.pay-frontend .pricing-container .pricing-footer .plan {
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px 15px;
  width: calc(25% - 30px);
  box-shadow: none;
}
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(2), .pay-frontend .pricing-container .pricing-footer .plan:nth-child(3), .pay-frontend .pricing-container .pricing-footer .plan:nth-child(4), .pay-frontend .pricing-container .pricing-footer .plan:nth-child(5), .pay-frontend .pricing-container .pricing-footer .plan:nth-child(6), .pay-frontend .pricing-container .pricing-footer .plan:nth-child(7), .pay-frontend .pricing-container .pricing-footer .plan:nth-child(8), .pay-frontend .pricing-container .pricing-footer .plan:nth-child(9), .pay-frontend .pricing-container .pricing-footer .plan:last-child {
  width: calc(15% - 30px);
}
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(2) {
  background: #fff;
  margin: 0 15px;
  color: #101114;
}
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(2) h2,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(2) h3,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(2) h4,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(2) h5,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(2) h6,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(2) p,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(2) i {
  color: #101114;
}
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(3) {
  background: #FFFBF2;
  margin: 0 15px;
  color: #101114;
}
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(3) h2,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(3) h3,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(3) h4,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(3) h5,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(3) h6,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(3) p,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(3) i {
  color: #101114;
}
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(4), .pay-frontend .pricing-container .pricing-footer .plan:nth-child(7) {
  background: #FFF3D4;
  margin: 0 15px;
  color: #101114;
}
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(4) h2,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(4) h3,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(4) h4,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(4) h5,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(4) h6,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(4) p,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(4) i, .pay-frontend .pricing-container .pricing-footer .plan:nth-child(7) h2,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(7) h3,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(7) h4,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(7) h5,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(7) h6,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(7) p,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(7) i {
  color: #101114;
}
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(5), .pay-frontend .pricing-container .pricing-footer .plan:nth-child(8) {
  background: #FFE6A9;
  margin: 0 15px;
  color: #101114;
}
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(5) h2,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(5) h3,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(5) h4,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(5) h5,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(5) h6,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(5) p,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(5) i, .pay-frontend .pricing-container .pricing-footer .plan:nth-child(8) h2,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(8) h3,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(8) h4,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(8) h5,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(8) h6,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(8) p,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(8) i {
  color: #101114;
}
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(6), .pay-frontend .pricing-container .pricing-footer .plan:nth-child(9) {
  background: #FFE6A9;
  margin: 0 15px;
  color: #101114;
}
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(6) h2,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(6) h3,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(6) h4,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(6) h5,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(6) h6,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(6) p,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(6) i, .pay-frontend .pricing-container .pricing-footer .plan:nth-child(9) h2,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(9) h3,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(9) h4,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(9) h5,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(9) h6,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(9) p,
.pay-frontend .pricing-container .pricing-footer .plan:nth-child(9) i {
  color: #101114;
}
.pay-frontend .pricing-container .pricing-footer .plan:last-child {
  background: #333333;
  color: #fff;
  margin: 0 15px;
}
.pay-frontend .pricing-container .pricing-footer .plan:last-child h2,
.pay-frontend .pricing-container .pricing-footer .plan:last-child h3,
.pay-frontend .pricing-container .pricing-footer .plan:last-child h4,
.pay-frontend .pricing-container .pricing-footer .plan:last-child h5,
.pay-frontend .pricing-container .pricing-footer .plan:last-child h6,
.pay-frontend .pricing-container .pricing-footer .plan:last-child p,
.pay-frontend .pricing-container .pricing-footer .plan:last-child i {
  color: #fff;
}
.pay-frontend .pricing-container .pricing-footer:last-child .plan:nth-child(2), .pay-frontend .pricing-container .pricing-footer:last-child .plan:nth-child(3), .pay-frontend .pricing-container .pricing-footer:last-child .plan:nth-child(4), .pay-frontend .pricing-container .pricing-footer:last-child .plan:nth-child(5), .pay-frontend .pricing-container .pricing-footer:last-child .plan:nth-child(6), .pay-frontend .pricing-container .pricing-footer:last-child .plan:nth-child(7), .pay-frontend .pricing-container .pricing-footer:last-child .plan:nth-child(8), .pay-frontend .pricing-container .pricing-footer:last-child .plan:nth-child(9), .pay-frontend .pricing-container .pricing-footer:last-child .plan:last-child {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  padding: 10px 15px 20px;
}
.pay-frontend .pricing-container-sm {
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
}
.pay-frontend .pricing-container-sm .plan {
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px;
  padding: 20px;
  z-index: 3;
  box-shadow: none;
  width: calc(100% - 30px);
  border-radius: 10px;
}
.pay-frontend .pricing-container-sm .plan .fa-ul li {
  line-height: 1.5;
}
.pay-frontend .pricing-container-sm .plan.Standard {
  background: #FFFBF2;
  color: #101114;
}
.pay-frontend .pricing-container-sm .plan.Standard h2,
.pay-frontend .pricing-container-sm .plan.Standard h3,
.pay-frontend .pricing-container-sm .plan.Standard h4,
.pay-frontend .pricing-container-sm .plan.Standard h5,
.pay-frontend .pricing-container-sm .plan.Standard h6,
.pay-frontend .pricing-container-sm .plan.Standard p,
.pay-frontend .pricing-container-sm .plan.Standard i {
  color: #101114;
}
.pay-frontend .pricing-container-sm .plan.Pro {
  background: #FFF3D4;
  color: #101114;
}
.pay-frontend .pricing-container-sm .plan.Pro h2,
.pay-frontend .pricing-container-sm .plan.Pro h3,
.pay-frontend .pricing-container-sm .plan.Pro h4,
.pay-frontend .pricing-container-sm .plan.Pro h5,
.pay-frontend .pricing-container-sm .plan.Pro h6,
.pay-frontend .pricing-container-sm .plan.Pro p,
.pay-frontend .pricing-container-sm .plan.Pro i {
  color: #101114;
}
.pay-frontend .pricing-container-sm .plan.Premium {
  background: #FFE6A9;
  color: #101114;
}
.pay-frontend .pricing-container-sm .plan.Premium h2,
.pay-frontend .pricing-container-sm .plan.Premium h3,
.pay-frontend .pricing-container-sm .plan.Premium h4,
.pay-frontend .pricing-container-sm .plan.Premium h5,
.pay-frontend .pricing-container-sm .plan.Premium h6,
.pay-frontend .pricing-container-sm .plan.Premium p,
.pay-frontend .pricing-container-sm .plan.Premium i {
  color: #101114;
}
.pay-frontend .pricing-container-sm .plan:last-child {
  background: #333333;
  color: #fff;
}
.pay-frontend .pricing-container-sm .plan:last-child h2,
.pay-frontend .pricing-container-sm .plan:last-child h3,
.pay-frontend .pricing-container-sm .plan:last-child h4,
.pay-frontend .pricing-container-sm .plan:last-child h5,
.pay-frontend .pricing-container-sm .plan:last-child h6,
.pay-frontend .pricing-container-sm .plan:last-child p,
.pay-frontend .pricing-container-sm .plan:last-child i {
  color: #fff;
}
.pay-frontend .pricing-features-table .features-table-head {
  position: relative;
  transition: all 0.3s ease-in-out;
}
.pay-frontend .pricing-features-table .features-table-head tr {
  display: none;
  max-width: 1140px;
}
.pay-frontend .pricing-features-table .features-table-head.sticky tr {
  position: fixed;
  width: 100%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  left: 50%;
  display: table;
  top: 50px;
  background: #fff;
}
.pay-frontend .pricing-features-table .features-table-head.sticky + tbody {
  padding-top: 100px;
}
.pay-frontend .pricing-features-table .table-separator td {
  border-bottom: 1px solid #006666;
}
.pay-frontend .pricing-features-table tr td {
  width: 25%;
}
.pay-frontend .features-container {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
.pay-frontend .features-container .feature-block {
  margin-right: 15px;
  margin-left: 15px;
  padding: 15px;
  width: calc(33.33% - 30px);
}
.pay-frontend .features-container .feature-block ul li {
  line-height: 30px;
}
.pay-frontend .features-container .feature-block ul li i {
  color: #006666;
}
.pay-frontend .demo-request {
  margin-bottom: 105px !important;
}
.pay-frontend .demo-request .demo-header {
  background: url("/static/images/site/general/shape-group-2.png") #16B2B3 no-repeat;
  min-height: 500px;
}
.pay-frontend .demo-request .demo-header h1 {
  font-family: "Roboto";
  font-weight: bold;
  font-size: 50px;
  line-height: 60px;
  color: #fff;
}
.pay-frontend .demo-request .demo-header h3 {
  font-family: "AvenirLTPro-Book";
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  color: #fff;
}
.pay-frontend .demo-request .form-block {
  margin-top: -450px;
}
.pay-frontend .demo-request .form-block h2 {
  font-family: "AvenirLTPro-Book";
  font-weight: 300;
  font-size: 40px;
  line-height: 45px;
  color: #101114;
}
@media (max-width: 768px) {
  .pay-frontend .demo-request .form-block {
    margin-top: 0;
  }
}
.pay-frontend .demo-request .demo-text-area h5 {
  font-family: "AvenirLTPro-Book";
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
}
.pay-frontend .demo-request .demo-text-area p {
  font-family: "AvenirLTPro-Book";
  font-weight: 300;
}
.pay-frontend .demo-request .demo-text-area .fa-ul li {
  font-family: "AvenirLTPro-Book";
  font-weight: 300;
  padding-bottom: 15px;
}
.pay-frontend .demo-request .demo-bottom h1 {
  font-family: "AvenirLTPro-Book";
  font-weight: 300;
  font-size: 40px;
  line-height: 45px;
}
.pay-frontend .demo-request .demo-bottom h3 {
  font-family: "Roboto";
  font-weight: 300;
  font-size: 20px;
  line-height: 25px;
}
.pay-frontend .group-plan-checkout .group-steps {
  list-style-type: decimal !important;
  list-style-position: outside;
  float: left;
  position: relative;
}
.pay-frontend .group-plan-checkout .group-steps li {
  margin-left: 15px;
  margin-right: 15px;
  float: left;
  list-style-type: inherit;
}
.pay-frontend .group-plan-checkout .group-steps li.active {
  font-weight: bold;
}
.pay-frontend .group-plan-checkout .group-steps li.done {
  color: #f7f7f7;
}
.pay-frontend .group-plan-checkout .plans-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  flex-direction: row;
  justify-content: center;
  text-align: center;
}
.pay-frontend .group-plan-checkout .plans-container .plan {
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  border-radius: 0.25rem;
  background: #fff;
  padding: 20px;
  width: calc(40% - 30px);
  position: relative;
}
.pay-frontend .group-plan-checkout .plans-container .plan.popular {
  margin-top: -35px;
  padding-top: 35px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.pay-frontend .group-plan-checkout .plans-container .plan h4 {
  color: #006666;
}
.pay-frontend .group-plan-checkout .plans-container .plan p {
  margin-bottom: 20px;
}
@media (max-width: 468px) {
  .pay-frontend .group-plan-checkout .plans-container .plan {
    width: calc(100% - 30px) !important;
    margin-bottom: 15px;
  }
}
.pay-frontend .group-plan-checkout .plans-container .plan .btn-pay {
  margin-top: auto;
  background-color: #fff !important;
  color: #006666 !important;
}
.pay-frontend .group-plan-checkout .plans-container .plan .btn-pay:hover {
  background-color: #006666 !important;
  color: #fff !important;
}
.pay-frontend .group-plan-checkout .plans-container.plans2 .plan {
  width: calc(45% - 30px);
}
.pay-frontend .group-plan-checkout .plans-container.plans3 .plan {
  width: calc(33.33% - 30px);
}
.pay-frontend .group-plan-checkout .plans-container.plans4 .plan {
  width: calc(25% - 30px);
}
.pay-frontend .group-plan-checkout .plans-container.plans5 .plan {
  width: calc(20% - 30px);
}
.pay-frontend .password-required {
  background: url("/static/images/site/general/background-element12s.png") no-repeat 0 0;
  height: 100vh;
}
.pay-frontend .bill-payment .pay-title {
  background: url("/static/images/site/general/simple-bg.jpg") no-repeat 0 0;
  height: 350px;
}
.pay-frontend .bill-payment .pay-title input {
  height: 40px;
}
.pay-frontend .bill-payment .pay-title .input-group-append .btn {
  padding-top: 9px;
  padding-bottom: 9px;
}
.pay-frontend .bill-payment .pay-services-menu img {
  max-width: 30px;
}
.pay-frontend .bill-payment .pay-services-menu a {
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
  text-transform: none;
  color: #fff !important;
}
.pay-frontend .bill-payment .pay-services-menu a div .pay-icon {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  text-align: center;
}
.pay-frontend .bill-payment .pay-services-menu a div .pay-icon svg {
  display: block;
  max-height: 30px;
  max-width: 30px;
}
.pay-frontend .bill-payment .pay-services-menu a.active, .pay-frontend .bill-payment .pay-services-menu a:hover, .pay-frontend .bill-payment .pay-services-menu a:focus {
  background-color: transparent !important;
}
.pay-frontend .bill-payment .pay-services-menu.nav.nav-tabs > a.active {
  background: transparent;
}
.pay-frontend .bill-payment .confirmation-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.pay-frontend .bill-payment .confirmation-container .confirm-content {
  width: 100%;
  background: #fff;
  padding: 0 20px;
}
.pay-frontend .bill-payment .confirmation-container .confirm-image {
  width: 100%;
  background: linear-gradient(222deg, #006666 32%, #01c853);
  background-position: 100% 100%, 0 0;
}
.pay-frontend .other-prod-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.pay-frontend .other-prod-container .other-prod {
  width: calc(30% - 30px);
  padding: 20px 15px;
  text-align: center;
  border-right: 1px solid #f1f5f7;
  Border-bottom: 1px solid #f1f5f7;
  font-size: 14px;
  font-weight: 300;
}
.pay-frontend .buzz-booking-modern-container {
  margin: 0 auto;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  /* Booking flow: moved styles from template (main_v3.php) */
  /* Toastr theme overrides moved from template */
  /* Confirmation Step Styles */
  /* QR Code Modal Styles */
  /* Quick Edit Modal Styles */
  /* Quick edit modal time buttons layout */
  /* Verification Step Quick Edit Button */
  /* Responsive Design */
}
.pay-frontend .buzz-booking-modern-container .booking-layout {
  display: grid;
  grid-template-columns: 250px 1fr 300px;
  align-items: stretch;
  /* Make columns stretch */
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-description {
  background: #fff;
  border-radius: 8px;
  height: 100%;
  /* Fill the grid cell height */
  position: sticky;
  top: 2rem;
  display: flex;
  flex-direction: column;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-steps-description {
  flex: 1;
  padding: 1.5rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-steps-description .step-description {
  display: none;
  padding: 1.5rem;
  background: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-steps-description .step-description.active {
  display: block;
  animation: fadeIn 0.3s ease-in-out;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-steps-description .step-description h3 {
  color: #333;
  font-size: 1.25rem;
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-steps-description .step-description p {
  color: #666;
  margin: 0;
  line-height: 1.5;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content {
  background: #fff;
  border-radius: 8px;
  height: 100%;
  /* Fill the grid cell height */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content {
  display: grid;
  gap: 0.5rem;
  overflow-y: auto;
  /* Make content scrollable */
  flex: 1;
  /* Take remaining space */
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step {
  display: none;
  background: #fff;
  padding: 0;
  border-radius: 8px 8px 0 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step.active {
  display: block;
  /* Change to flex to maintain column layout */
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .booking-step-header {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #eee;
  margin-bottom: 1.5rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .service-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .service-card:hover {
  border-color: #007cba;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateX(4px);
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .service-card.selected {
  border-color: #007cba;
  background: #f0f7ff;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .service-card .serviceContent {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .service-card .serviceContent .service-duration {
  font-size: 0.875rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .service-card h3 {
  margin: 0;
  color: #333;
  font-size: 1.5rem;
  font-weight: 500;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .service-card .description {
  color: #666;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step #services-grid {
  margin-top: 0;
  padding: 0 1.5rem 1.5rem;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  display: grid;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step #services-grid > *:only-child {
  grid-column: 2;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step #providers-grid {
  display: grid;
  padding: 1.5rem;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  justify-content: center;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step #providers-grid > *:only-child {
  grid-column: 2;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .provider-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .provider-card:hover {
  border-color: #007cba;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .provider-card.selected {
  border-color: #007cba;
  background: #f0f7ff;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .provider-card h3 {
  margin: 0.75rem 0 0.25rem;
  color: #333;
  font-size: 1.1rem;
  font-weight: 500;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .provider-card .provider-info {
  color: #666;
  font-size: 0.875rem;
  margin: 0;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .provider-card .provider-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #f0f7ff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .provider-card .provider-avatar i {
  font-size: 32px;
  color: #007cba;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: 100%;
  margin: 0;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container {
  padding: 0;
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-calendar {
  width: 100% !important;
  max-width: none !important;
  background: transparent;
  border: none;
  box-shadow: none !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-calendar.inline {
  width: 100% !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-rContainer,
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-days,
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .dayContainer {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .dayContainer {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  padding: 0 !important;
  width: 100% !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-day {
  flex-basis: 14.2857142857% !important;
  max-width: 14.2857142857% !important;
  height: 38px !important;
  line-height: 38px !important;
  margin: 1px 0 !important;
  display: inline-block !important;
  position: relative !important;
  justify-content: center !important;
  text-align: center !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-day:hover {
  background: #f0f7ff;
  border-color: #e0f0ff;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-day.selected {
  background: #007cba;
  border-color: #007cba;
  color: white;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-day.today {
  border-color: #007cba;
  color: #007cba;
  font-weight: bold;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-months {
  margin-bottom: 1rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-months .flatpickr-prev-month,
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  z-index: 3;
  color: #333;
  fill: #333;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-months .flatpickr-prev-month:hover,
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-months .flatpickr-next-month:hover {
  color: #007cba;
  fill: #007cba;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-months .flatpickr-prev-month {
  left: 0;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-months .flatpickr-next-month {
  right: 0;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-month {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  padding: 0 2.5rem;
  overflow: hidden;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-current-month {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 500;
  color: #333;
  width: auto;
  position: relative;
  padding: 0;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-current-month select,
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-current-month input {
  font-size: 1.1rem;
  font-weight: 500;
  color: #333;
  height: auto;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0 0.5rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0 1rem 0 0;
  position: relative;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: transparent;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-weekdays {
  margin: 0.5rem 0;
  width: 100%;
  display: flex !important;
  justify-content: space-between !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-weekday {
  font-size: 0.9rem;
  color: #666;
  font-weight: 500;
  background: transparent !important;
  text-align: center;
  display: block !important;
  float: none !important;
  flex: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 28px !important;
  line-height: 28px !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container .flatpickr-weekdaycontainer {
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .calendar-container span.flatpickr-weekday {
  color: #666 !important;
  font-weight: 500 !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .time-slots-container {
  background: #fff;
  border-radius: 8px;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  gap: 0.5rem;
  max-height: 400px;
  overflow-y: auto;
  padding-right: 10px;
  width: 100%;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .time-slots-container h3 {
  margin: 0 0 1rem 0;
  color: #333;
  font-size: 1.1rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .time-slots-container p {
  width: 100%;
  grid-column: span 3;
  text-align: center;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .time-slots-container .time-slot {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #fff;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.875rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .time-slots-container .time-slot:hover {
  background: #f0f7ff;
  border-color: #007cba;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .time-slots-container .time-slot.selected {
  background: #007cba;
  border-color: #007cba;
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 124, 186, 0.2);
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .time-slots-container .time-slot.selected .duration {
  color: rgba(255, 255, 255, 0.9);
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .time-slots-container .time-slot .time {
  font-size: 0.95rem;
  font-weight: 500;
  display: block;
  margin-bottom: 4px;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection .time-slots-container .time-slot .duration {
  font-size: 0.9em;
  color: #666;
  display: block;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .loading-spinner {
  text-align: center;
  padding: 2rem;
  color: #666;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .no-results {
  text-align: center;
  padding: 2rem;
  color: #666;
  font-style: italic;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .customer-form {
  max-width: 100%;
  padding: 1.25rem 1.5rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .customer-form .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .customer-form .form-group.full-width {
  margin-bottom: 0;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content {
  background: #fff;
  border-radius: 8px;
  padding: 2rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content h3 {
  font-size: 1.3rem;
  color: #333;
  margin-bottom: 0.5rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .verification-datetime {
  color: #007cba;
  font-size: 1.1rem;
  margin-bottom: 2rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .verification-people {
  margin-bottom: 2rem;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  display: grid;
}
@media (max-width: 768px) {
  .pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .verification-people {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .verification-person {
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .verification-person {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
  }
  .pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .verification-person:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .person-label {
  color: #666;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .person-info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .person-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: #666;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .person-avatar #customer-initials {
  font-size: 1rem;
  font-weight: 500;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .person-details {
  flex: 1;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .person-name {
  font-weight: 500;
  color: #333;
  margin-bottom: 0.25rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .verification-section {
  margin-bottom: 2rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .verification-section:last-child {
  margin-bottom: 0;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .verification-section h4 {
  color: #333;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #eee;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .cost-breakdown {
  margin-top: 1.5rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .cost-breakdown .cost-item,
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .cost-breakdown .cost-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  font-size: 1rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .verification-content .cost-breakdown .cost-total {
  margin-top: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid #eee;
  font-weight: 600;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-summary {
  background: #fff;
  border-radius: 8px;
  height: 100%;
  /* Fill the grid cell height */
  top: 2rem;
  display: flex;
  flex-direction: column;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-summary .summary-header {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  flex-shrink: 0;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-summary .summary-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-summary .summary-content .summary-scrollable {
  padding: 1.5rem;
  overflow-y: auto;
  flex: 1;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-summary .summary-content .summary-scrollable .service-summary {
  margin-bottom: 1.5rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-summary .summary-content .summary-scrollable .service-summary h4 {
  margin: 0 0 0.5rem 0;
  font-size: 1.5rem;
  font-weight: 600;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-summary .summary-content .summary-scrollable .details-summary {
  margin-bottom: 1rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-summary .summary-content .summary-scrollable .details-summary .summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-summary .summary-content .summary-scrollable .details-summary .summary-row .label {
  color: #666;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-summary .summary-content .summary-scrollable .details-summary .summary-row .value {
  font-weight: 500;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-summary .summary-content .cost-breakdown {
  margin: 2rem 0;
  padding: 1rem;
  background-color: white;
  border-radius: 8px;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-summary .summary-content .cost-breakdown .cost-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  margin-bottom: 0.5rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-summary .summary-content .cost-breakdown .cost-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0 0;
  font-weight: bold;
  font-size: 1.1em;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-navigation {
  display: flex;
  gap: 1rem;
  padding: 1.5rem;
  border-top: 1px solid #eee;
  background: #fff;
  position: sticky;
  bottom: 0;
  z-index: 10;
  flex-shrink: 0;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-navigation button {
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  font-weight: 500;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-navigation button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-navigation .next,
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-navigation .btn-book {
  margin-left: auto;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .checkbox label.error::before {
  display: none;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .radio label {
  padding: 0 !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .radio label:after {
  top: 3px;
}
.pay-frontend .buzz-booking-modern-container .booking-layout #terms-error {
  display: block;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .payment-option-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 2px solid var(--border-color);
  border-radius: 12px;
  padding: 1.2rem 1rem;
  cursor: pointer;
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
  font-size: 1rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .payment-option-cards {
  display: flex;
  gap: 1rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .payment-option-cards .payment-option-card {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 14px;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  width: 100%;
}
@media (min-width: 768px) {
  .pay-frontend .buzz-booking-modern-container .booking-layout .payment-option-cards .payment-option-card {
    width: 48%;
  }
}
.pay-frontend .buzz-booking-modern-container .booking-layout .payment-option-cards .payment-option-card input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .payment-option-cards .payment-option-card.selected {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-color) 20%, transparent);
  background: #f6fffa;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .payment-option-cards .payment-option-card:hover {
  border-color: var(--primary-color);
}
.pay-frontend .buzz-booking-modern-container .booking-layout .payment-form .credit-cards-block {
  flex-direction: column;
  display: flex;
  gap: 1rem;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step {
  /* Ensure hover popovers are visible in date/time step */
  overflow: visible !important;
  /* Time slots wrappers */
  /* Time slot card */
  /* Hover popover */
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .booking-step-content {
  overflow: visible !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .datetime-selection {
  overflow: visible !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .time-slots-holder {
  position: relative;
  overflow: visible !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .time-slots-container {
  position: relative;
  overflow: visible !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)) !important;
  gap: 12px !important;
  margin-top: 20px !important;
  width: 100% !important;
  max-height: none !important;
  padding-right: 0 !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .time-slot-card {
  position: relative !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  z-index: 1 !important;
  overflow: visible !important;
  display: block !important;
  width: 100% !important;
  min-width: 60px !important;
  max-width: none !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .time-slot-card.unavailable {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .time-slot-card.unavailable .slot-time {
  background: #f8f9fa !important;
  border-color: #dc3545 !important;
  color: #6c757d !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .time-slot-card.unavailable:hover {
  transform: none !important;
  box-shadow: none !important;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .time-slot-card .slot-time {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  padding: 6px;
  background: #f8f9fa;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  transition: all 0.2s ease;
  white-space: nowrap;
  min-width: 100px;
  position: relative;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .time-slot-card:hover {
  z-index: 1000;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .time-slot-card:hover .slot-time {
  background: #e3f2fd;
  border-color: #2196f3;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 150, 243, 0.15);
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .time-slot-card.selected .slot-time {
  background: #2196f3;
  border-color: #1976d2;
  color: #fff;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .slot-hover-details {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  padding: 10px;
  min-width: 250px;
  z-index: 1000;
  margin-bottom: 8px;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .slot-hover-details::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #2196f3;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .slot-hover-details.align-left {
  left: 0;
  right: auto;
  transform: none;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .slot-hover-details.align-left::before {
  left: 16px;
  right: auto;
  transform: none;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .slot-hover-details.align-right {
  left: auto;
  right: 0;
  transform: none;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .slot-hover-details.align-right::before {
  left: auto;
  right: 16px;
  transform: none;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .slot-hover-details.fallback-position {
  bottom: auto;
  top: 100%;
  margin-bottom: 0;
  margin-top: 8px;
}
.pay-frontend .buzz-booking-modern-container .booking-layout .booking-content .booking-steps-content .booking-step .slot-hover-details.fallback-position::before {
  bottom: auto;
  top: -8px;
  border-top: none;
  border-bottom: 8px solid #2196f3;
}
.pay-frontend .buzz-booking-modern-container #toast-container > .toast {
  background-color: rgba(33, 33, 33, 0.95) !important;
  color: #fff !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25) !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
}
.pay-frontend .buzz-booking-modern-container #toast-container > .toast .toast-message,
.pay-frontend .buzz-booking-modern-container #toast-container > .toast .toast-title {
  color: #fff !important;
}
.pay-frontend .buzz-booking-modern-container #toast-container > .toast-info {
  background-color: rgba(33, 33, 33, 0.95) !important;
}
.pay-frontend .buzz-booking-modern-container #toast-container > .toast-success {
  background-color: rgba(40, 167, 69, 0.95) !important;
}
.pay-frontend .buzz-booking-modern-container #toast-container > .toast-warning {
  background-color: rgba(255, 193, 7, 0.95) !important;
  color: #212529 !important;
}
.pay-frontend .buzz-booking-modern-container #toast-container > .toast-error {
  background-color: rgba(220, 53, 69, 0.95) !important;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .confirmation-header h2 {
  color: #6f42c1;
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2rem;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .date-box {
  background: #f8f9fa;
  border: 2px solid #e9ecef !important;
  text-align: center;
  padding: 1.5rem 1rem;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .date-box .date-day {
  font-size: 2.5rem;
  font-weight: 700;
  color: #495057;
  margin-bottom: 0.5rem;
  line-height: 1;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .date-box .date-month {
  font-size: 1.5rem;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .service-info {
  padding: 1rem;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .service-info .confirmation-number {
  font-size: 1.1rem;
  color: #495057;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .service-info .service-name {
  font-size: 1.1rem;
  color: #495057;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .service-info .service-date {
  font-size: 1rem;
  color: #6c757d;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .agent-info,
.pay-frontend .buzz-booking-modern-container .confirmation-content .customer-info {
  background: #f8f9fa;
  border: 2px solid #e9ecef !important;
  transition: all 0.3s ease;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .agent-info:hover,
.pay-frontend .buzz-booking-modern-container .confirmation-content .customer-info:hover {
  border-color: #6f42c1 !important;
  box-shadow: 0 4px 12px rgba(111, 66, 193, 0.1);
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .cost-breakdown {
  background: #f8f9fa;
  border: 2px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .cost-breakdown h4 {
  color: #495057;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .cost-breakdown .cost-item {
  font-size: 0.95rem;
  color: #495057;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .cost-breakdown .cost-label {
  font-weight: 500;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .cost-breakdown .cost-value {
  font-weight: 600;
  color: #6c757d;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .cost-breakdown .total-label {
  color: #495057;
  font-size: 1.1rem;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .cost-breakdown .total-value {
  color: #6f42c1;
  font-size: 1.1rem;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .cost-breakdown hr {
  border-top: 2px solid #111111;
  margin: 1rem 0;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .confirmation-actions .btn {
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
  background: transparent;
  font-weight: 600;
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}
.pay-frontend .buzz-booking-modern-container .confirmation-content .confirmation-actions .btn:hover {
  background: var(--primary-color);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.pay-frontend .buzz-booking-modern-container .qr-code-container {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pay-frontend .buzz-booking-modern-container .qr-code-container img {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.pay-frontend .buzz-booking-modern-container .appointment-details p {
  font-size: 0.95rem;
  color: #495057;
}
.pay-frontend .buzz-booking-modern-container .appointment-details strong {
  color: #6f42c1;
}
.pay-frontend .buzz-booking-modern-container .quick-edit-calendar-grid .calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: #f8f9fa;
  border-radius: 6px;
}
.pay-frontend .buzz-booking-modern-container .quick-edit-calendar-grid .calendar-header .current-month {
  font-weight: 600;
  color: #495057;
}
.pay-frontend .buzz-booking-modern-container .quick-edit-calendar-grid .calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}
.pay-frontend .buzz-booking-modern-container .quick-edit-calendar-grid .calendar-days .day-header {
  text-align: center;
  font-weight: 600;
  color: #6c757d;
  padding: 0.5rem;
  font-size: 0.875rem;
}
.pay-frontend .buzz-booking-modern-container #quick-edit-time-slots {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.pay-frontend .buzz-booking-modern-container #quick-edit-time-slots .time-slots-container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
}
.pay-frontend .buzz-booking-modern-container #quick-edit-time-slots .time-slot-card {
  width: calc(33.333% - 10px);
  min-width: 120px;
}
.pay-frontend .buzz-booking-modern-container #quick-edit-time-slots .time-slot-card.selected {
  background-color: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
}
.pay-frontend .buzz-booking-modern-container #quick-edit-time-slots .time-slot-card.selected:hover {
  background-color: var(--primary-color);
  color: white;
}
.pay-frontend .buzz-booking-modern-container .verification-datetime .datetime-display {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pay-frontend .buzz-booking-modern-container .verification-datetime .datetime-display #quick-edit-datetime {
  display: none;
}
@media (max-width: 1200px) {
  .pay-frontend .buzz-booking-modern-container .booking-layout {
    grid-template-columns: 250px 1fr 250px;
    gap: 1.5rem;
  }
}
@media (max-width: 992px) {
  .pay-frontend .buzz-booking-modern-container .booking-layout {
    grid-template-columns: 1fr;
  }
  .pay-frontend .buzz-booking-modern-container .booking-description,
  .pay-frontend .buzz-booking-modern-container .booking-summary {
    position: static;
    margin-bottom: 1.5rem;
  }
  .pay-frontend .buzz-booking-modern-container .booking-content {
    margin-bottom: 0;
    /* Remove margin since we have sticky footer */
    max-height: 800px;
    /* Set a reasonable height for mobile */
  }
}
@media (max-width: 768px) {
  .pay-frontend .buzz-booking-modern-container {
    padding: 1rem;
  }
  .pay-frontend .buzz-booking-modern-container .datetime-selection {
    gap: 0.5rem;
  }
  .pay-frontend .buzz-booking-modern-container .time-slots-grid {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  }
  .pay-frontend .buzz-booking-modern-container .booking-navigation {
    flex-direction: column;
    gap: 0.75rem;
  }
  .pay-frontend .buzz-booking-modern-container .booking-navigation button {
    width: 100%;
    margin: 0 !important;
  }
}/*# sourceMappingURL=app-main.css.map */