body .eAccessibilityBox {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

[data-position="LT"] .eAccessSetting {
    top: calc(100% - 97%);
    left: 30px;
    bottom: auto;
    right: auto;
}

[data-position="LT"] .eAccessPanel {
    top: auto;
    left: 20px;
    right: auto;
}

[data-position="RT"] .eAccessSetting {
    top: calc(100% - 97%);
    right: 30px;
    bottom: auto;
    left: auto;
}

[data-position="RT"] .eAccessPanel {
    right: 20px;
    top: auto;
    left: auto;
}

[data-position="LB"] .eAccessSetting {
    top: auto;
    left: 30px;
    bottom: calc(100% - 97%);
    right: auto;
}

[data-position="LB"] .eAccessPanel {
    top: auto;
    left: 20px;
    right: auto;
}

[data-position="LC"] .eAccessSetting {
    top: calc(50% - 25px);
    left: 30px;
    bottom: auto;
    right: auto;
}

[data-position="LC"] .eAccessPanel {
    top: auto;
    left: 20px;
    right: auto;
}

[data-position="RC"] .eAccessSetting {
    top: calc(50% - 25px);
    right: 30px;
    bottom: auto;
    left: auto;
}

[data-position="RC"] .eAccessPanel {
    top: auto;
    right: 20px;
    left: auto;
}

.eAccessSetting {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    position: fixed;
    bottom: calc(100% - 97%);
    right: 30px;
    background-color: #f05a22;
    color: #fff;
    cursor: pointer;
    font-size: 25px;
    outline: none 0 !important;
    transition: all .15s ease;
    border-radius: 100px;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15);
    z-index: 99999999;
}

.eAccessSetting:hover {
    transform: scale(1.1);
}

.eAccessibility {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.1);
    z-index: 999999999;
}

.eAccessibility.eAccessibilityActive {
    visibility: visible;
    opacity: 1;
}

.eAccessPanel {
    position: fixed;
    bottom: calc(100% - 98%);
    right: 20px;
    width: 33.333%;
    height: 96%;
    background-color: #fcfcfc;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    box-sizing: border-box;
}

.eAccessCopyright {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background-color: #363142;
    color: #fff;
    border-radius: 0 0 6px 6px;
}

.eAccessCopyright p {
    margin-bottom: 0;
}

.eAccessCopyright p a {
    color: #eab94e;
    text-decoration: none;
    transition: all .15s ease;
}

.eAccessCopyright p a:hover {
    color: #f05a22;
}

.eAccessPC {
    background-color: #f05a22;
    color: #fff;
    border-radius: 60px;
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 12px;
    transition: all .15s ease;
}

.eAccessPC:hover {
    background-color: #eab94e;
}

.eAccessHeader {
    background-color: #fff;
    border-radius: 6px 6px 0px 0px;
    color: #363142;
    box-shadow: 0 0 2px inset #d5d5d5;
}

.eAccessScroller {
    height: calc(100% - 140px);
    overflow: hidden;
    scrollbar-width: thin;
    scrollbar-color: #d6e6f4 transparent;
    overflow-y: auto;
}

.eAccessibilityActive .eAccessScroller {
    overflow-y: auto;
}

.eAccessScroller::-webkit-scrollbar {
    width: 6px;
}

.eAccessScroller::-webkit-scrollbar-track {
    background: transparent;
}

.eAccessScroller::-webkit-scrollbar-thumb {
    background-color: #d6e6f4;
    border-radius: 3px;
}

.eAccessSPBox .input-group-text {
    font-size: 10px;
    background-color: #363142;
    border-color: #363142;
    color: #fff;
    min-width: 40px;
    min-height: 40px;
    cursor: pointer;
}

.eAccessSPBox .form-control {
    height: auto;
    font-size: 14px;
}

.eAccessSPBox .form-control:focus {
    outline: 0;
    box-shadow: none;
    border-color: #ced4da;
}

.eAccessSPBox {
    background-color: #fff;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15);
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
}

.eAccessSPBox .boxColorAdj {
    background-color: #e9ecef;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 30px;
    cursor: pointer;
    font-size: 13px;
    transition: all .15s ease;
}

.eAccessSPBox .boxColorAdj.m-b-0 {
    margin-bottom: 0px;
}

.eAccessSPBA-1 .boxColorAdj {
    border: 3px solid transparent;
}

.eAccessSPBA-1 .boxColorAdj:hover {
    border: 3px solid #f05a22;
}

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

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

.eAccessibility .p-4 {
    padding: 1.5rem;
}

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

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

.eAccessibility .m-0 {
    margin: 0;
}

.colorWrapper [class*="color-"] {
    width: 25px;
    height: 25px;
    background-color: #000;
    border-radius: 100%;
    display: inline-block;
    outline: 3px solid transparent;
    margin-right: 7px;
    cursor: pointer;
    transition: all .15s ease;
}

.colorWrapper [class*="color-"]:hover {
    outline: 2px solid #f05a22;
    outline-offset: 3px;
}

.colorWrapper [class*="color-"]:last-child {
    margin-right: 0px;
}

.colorWrapper .color-2 {
    background-color: #fff;
}

.colorWrapper .color-3 {
    background-color: #4D7831;
}

.colorWrapper .color-4 {
    background-color: #26999F;
}

.colorWrapper .color-5 {
    background-color: #D07021;
}

.colorWrapper .color-6 {
    background-color: #C83733;
}

.colorWrapper .color-7 {
    background-color: #7A549C;
}

.colorWrapper .color-8 {
    background-color: #0076B4;
}

.boxColorAdj.cursor-auto {
    cursor: auto;
}

.cancelColor {
    background-color: #363142;
    border: 0;
    color: #fff;
    padding: 6px 30px;
    border-radius: 5px;
    transition: all .15s ease;
    font-size: 14px;
}

.cancelColor:hover {
    background-color: #f05a22;
}

.resetAccSet span {
    background-color: #f05a22;
    color: #fff;
    cursor: pointer;
    border-radius: 100px;
    padding: 8px;
    transition: all .15s ease;
}

.resetAccSet span:hover {
    background-color: #eab94e;
}

.eAccActiveIcon.icon.icon-checkmark {
    position: absolute;
    left: -5px;
    bottom: 5px;
    font-size: 12px;
    background-color: #fff;
    color: #f05a22;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    box-shadow: 0 0 6px #f05a22;
}

.eAccessSPBA-1 .active {
    background-color: #f05a22;
    color: #fff;
}

.colorWrapper .active {
    outline: 2px solid #f05a22;
    outline-offset: 3px;
}

html body .eAccessibilityBox {
    color: #363142 !important;
}

html[data-color-adjustment="HC"] .eAccessibility,
html[data-color-adjustment="HC"] .eAccessSetting {
    filter: contrast(75%);
    -webkit-filter: contrast(75%);
    -moz-filter: contrast(75%);
    -ms-filter: contrast(75%);
    -o-filter: contrast(75%);
}

html[data-color-adjustment="HC"] .eAccessPanel {
    background-color: #f5f5f5;
}

/*Dark Contrast*/
html[data-color-adjustment="DC"] body,
html[data-color-adjustment="DC"] body .eRow,
html[data-color-adjustment="DC"] body .eModalStyle {
    color: #fff !important;
    background-color: #181818 !important;
}


html[data-color-adjustment="DC"] body .eRow :is(p) {
    color: #fff !important;
}

html[data-color-adjustment="DC"] body .eRow :is(h1, h2, h3, h4, h5, h6) {
    color: #50d0a0 !important;
}

html[data-color-adjustment="DC"] body .eRow :is([data-widget="navigation"] .B3-navbar.bootsnav .B3-nav li a, a *) {
    color: #98bffb !important;
}


html[data-color-adjustment="DC"] body .eModalStyle,
html[data-color-adjustment="LC"] body .eModalStyle {
    border-color: transparent;
}

/*Dark Contrast*/


/*Light Contrast*/
html[data-color-adjustment="LC"] body,
html[data-color-adjustment="LC"] body .eRow,
html[data-color-adjustment="LC"] body .eModalStyle {
    color: #1f2533 !important;
    background-color: #fff !important;
}

html[data-color-adjustment="LC"] body .eRow :is(p) {
    color: #1f2533 !important;
}

html[data-color-adjustment="LC"] body .eRow :is(h1, h2, h3, h4, h5, h6) {
    color: #075f39 !important;
}

html[data-color-adjustment="LC"] body .eRow :is([data-widget="navigation"] .B3-navbar.bootsnav .B3-nav li a, a *) {
    color: #074fbb !important;
}

/*Light Contrast*/

/*High Contrast*/
html[data-color-adjustment="HC"] {
    filter: contrast(135%);
    -webkit-filter: contrast(135%);
    -moz-filter: contrast(135%);
    -ms-filter: contrast(135%);
    -o-filter: contrast(135%);
}

/*High Contrast*/

/*High Saturation*/
html[data-color-adjustment="HS"] {
    filter: saturate(200%);
    -webkit-filter: saturate(200%);
    -moz-filter: saturate(200%);
    -ms-filter: saturate(200%);
    -o-filter: saturate(200%);
}

/*High Saturation*/

/*Low Saturation*/
html[data-color-adjustment="LS"] {
    filter: saturate(50%);
    -webkit-filter: saturate(50%);
    -moz-filter: saturate(50%);
    -ms-filter: saturate(50%);
    -o-filter: saturate(50%);
}

/*Low Saturation*/

/*Monochrome*/
html[data-color-adjustment="MC"] {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

html[data-color-adjustment="MC"] body {
    background-color: rgba(0, 0, 0, 0) !important;
}

/*Monochrome*/
/* Text Color Start */
#eWrapper[data-efacs-text-color="#000"] :is(p, p *, span, span *, a, a *, div, label, table *),
body[data-efacs-text-color="#000"] .gj-picker * {
    color: #000 !important;
}

#eWrapper[data-efacs-text-color="#fff"] :is(p, p *, span, span *, a, a *, div, label, table *),
body[data-efacs-text-color="#fff"] .gj-picker * {
    color: #fff !important;
}

#eWrapper[data-efacs-text-color="#4D7831"] :is(p, p *, span, span *, a, a *, div, label, table *),
body[data-efacs-text-color="#4D7831"] .gj-picker * {
    color: #4D7831 !important;
}

#eWrapper[data-efacs-text-color="#26999F"] :is(p, p *, span, span *, a, a *, div, label, table *),
body[data-efacs-text-color="#26999F"] .gj-picker * {
    color: #26999F !important;
}

#eWrapper[data-efacs-text-color="#D07021"] :is(p, p *, span, span *, a, a *, div, label, table *),
body[data-efacs-text-color="#D07021"] .gj-picker * {
    color: #D07021 !important;
}

#eWrapper[data-efacs-text-color="#C83733"] :is(p, p *, span, span *, a, a *, div, label, table *),
body[data-efacs-text-color="#C83733"] .gj-picker * {
    color: #C83733 !important;
}

#eWrapper[data-efacs-text-color="#7A549C"] :is(p, p *, span, span *, a, a *, div, label, table *),
body[data-efacs-text-color="#7A549C"] .gj-picker * {
    color: #7A549C !important;
}

#eWrapper[data-efacs-text-color="#0076B4"] :is(p, p *, span, span *, a, a *, div, label, table *),
body[data-efacs-text-color="#0076B4"] .gj-picker * {
    color: #0076B4 !important;
}

/* Text Color End */
/* Title Color Start */
#eWrapper[data-efacs-title-color="#000"] :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) {
    color: #000 !important;
}

#eWrapper[data-efacs-title-color="#fff"] :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) {
    color: #fff !important;
}

#eWrapper[data-efacs-title-color="#4D7831"] :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) {
    color: #4D7831 !important;
}

#eWrapper[data-efacs-title-color="#26999F"] :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) {
    color: #26999F !important;
}

#eWrapper[data-efacs-title-color="#D07021"] :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) {
    color: #D07021 !important;
}

#eWrapper[data-efacs-title-color="#C83733"] :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) {
    color: #C83733 !important;
}

#eWrapper[data-efacs-title-color="#7A549C"] :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) {
    color: #7A549C !important;
}

#eWrapper[data-efacs-title-color="#0076B4"] :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) {
    color: #0076B4 !important;
}

/* Title Color End */

/* Bg Color Start */
body[data-efacs-bg-color="#000"] :is(.efAcsBgColor, .gj-picker, .gj-picker > div, #eWrapper .eWidget a) {
    background-color: #000 !important;
}

body[data-efacs-bg-color="#fff"] :is(.efAcsBgColor, .gj-picker, .gj-picker > div, #eWrapper .eWidget a) {
    background-color: #fff !important;
}

body[data-efacs-bg-color="#4D7831"] :is(.efAcsBgColor, .gj-picker, .gj-picker > div, #eWrapper .eWidget a) {
    background-color: #4D7831 !important;
}

body[data-efacs-bg-color="#26999F"] :is(.efAcsBgColor, .gj-picker, .gj-picker > div, #eWrapper .eWidget a) {
    background-color: #26999F !important;
}

body[data-efacs-bg-color="#D07021"] :is(.efAcsBgColor, .gj-picker, .gj-picker > div, #eWrapper .eWidget a) {
    background-color: #D07021 !important;
}

body[data-efacs-bg-color="#C83733"] :is(.efAcsBgColor, .gj-picker, .gj-picker > div, #eWrapper .eWidget a) {
    background-color: #C83733 !important;
}

body[data-efacs-bg-color="#7A549C"] :is(.efAcsBgColor, .gj-picker, .gj-picker > div, #eWrapper .eWidget a) {
    background-color: #7A549C !important;
}

body[data-efacs-bg-color="#0076B4"] :is(.efAcsBgColor, .gj-picker, .gj-picker > div, #eWrapper .eWidget a) {
    background-color: #0076B4 !important;
}

body[data-efacs-bg-color*="#"] :is(.galleryImageBox * :not(.addonIcon .icon)) {
    background-color: unset !important;
}

/* Bg Color End */

.ef-top-xzqwyu {
    visibility: visible;
    opacity: 1;
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    transform: translateY(-100%);
    -webkit-transition: transform 200ms ease-out;
    -moz-transition: transform 200ms ease-out;
    transition: transform 200ms ease-out;
}

.ef-top-xzqwyu:focus {
    transform: translateY(0);
    -webkit-transition: transform 200ms ease-out;
    -moz-transition: transform 200ms ease-out;
    transition: transform 200ms ease-out;
    border: 0;
    clip: initial;
    /* height: 60px; */
    margin: 0;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: visible;
    /* width: 100%; */
    z-index: 9999999999;
    background-color: #ebebeb;
    min-width: 265px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 9px;
    color: #000;
    padding: 25px;
    text-decoration: none;
}

.eAccessibilityShow .tooltip {
    z-index: 999999999;
}

.eAccessibilityBox .icon-plus::before {
    content: "\ea0a" !important;
}

.eAccessibilityBox .icon-loop::before {
    content: "\ea2d" !important;
}

/*Media Queries*/

@media(max-width:567px) {

    .eAccessibility .eAccessPanel {
        width: 90%;
        right: 15px;
    }

    .eAccessibilityBox h3,
    .eAccessibilityBox h6 {
        font-size: 16px;
    }

    .eAccessSPBox,
    .eAccessSPBox .boxColorAdj {
        padding: 12px;
    }

    .eAccessSPBox .boxColorAdj {
        margin-bottom: 15px;
    }

    .colorWrapper [class*="color-"] {
        width: 18px;
        height: 18px;
        margin-right: 5px;
    }

    .eAccessCopyright p {
        font-size: 12px;
    }
}

@media(max-width:992px) {
    .eAccessPanel {
        width: 85%;
    }

    .eAccessScroller {
        height: calc(100% - 150px);
    }

    [data-position="RT"] .eAccessSetting,
    [data-position="LT"] .eAccessSetting {
        top: 75px;
    }
}

@media(max-width:1180px) {

    .colorWrapper .active,
    .colorWrapper [class*="color-"]:hover {
        outline: 2px solid #f05a22;
        outline-offset: 0px;
    }
}

@media(min-width:993px) and (max-width:1180px) {
    .eAccessPanel {
        width: 50%;
    }
}