body.menu-is-active {
    overflow: hidden;
}

body.toc-mobile-is-open {
    overflow: hidden;
}

body {
    padding-top: 57px;
    overflow-x:hidden;
}
body.wcf-mobile-drawer-open {
    overflow: hidden;
}

@media (min-width: 992px) {
    body {
        padding-top: 133px;
    }
}

.wcf-drawer-holder {
    z-index: 9999999;
}

img {
    max-width: 100%;
    height: auto;
}
b, strong {
    font-weight: 600;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption-text {
    margin-top: .25em;
    font-size: .75rem;
}
.wp-caption {
    display: table;
}
.wp-caption-text {
    display: table-caption;
    caption-side: bottom;
}

.form-input {
    font-family: inherit;
    display: block;
    width: 100%;
    margin: 0;
    padding: 13px 16px;
    font-size: 15px;
    font-weight: 300;
    line-height: 15px;
    background: #fff;
    color: var(--dark);
    border: 1px solid transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    outline: 0;
}

::placeholder {
    color: rgba(0,0,0,0.3);
    opacity: 1;
}
:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
}
::-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
}

.site-top {
    display: none;
}
@media (min-width: 992px) {
    .site-top {
        background: var(--secondary);
        display: flex;
        align-items: center;
        padding: 10px 0;
        position: absolute;
        top: 0;
        z-index: 99999;
        left: 0;
        right: 0;
        height: 48px;
        font-size: 14px;
    }

    .site-top ul {
        list-style: none;
        display: flex;
        margin: 0;
        padding: 0;
    }

    .site-top ul > li {
        font-size: 14px;
        font-weight: 400;
        display: flex;
        align-items: center;
    }

    .site-top ul > li:before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5687 9.31872C20.8329 9.06727 21.1844 8.92825 21.549 8.93101C21.9137 8.93377 22.263 9.07809 22.5233 9.33351C22.7836 9.58894 22.9345 9.93549 22.9441 10.3001C22.9538 10.6646 22.8214 11.0187 22.575 11.2875L15.0937 20.6437C14.9651 20.7823 14.8098 20.8935 14.6372 20.9707C14.4646 21.0478 14.2782 21.0894 14.0892 21.0929C13.9002 21.0964 13.7124 21.0618 13.537 20.991C13.3617 20.9203 13.2024 20.8149 13.0687 20.6812L8.10749 15.72C7.96933 15.5912 7.85851 15.436 7.78165 15.2635C7.70479 15.091 7.66346 14.9048 7.66013 14.716C7.6568 14.5271 7.69153 14.3396 7.76226 14.1645C7.83299 13.9894 7.93826 13.8303 8.07179 13.6968C8.20533 13.5632 8.36439 13.458 8.53949 13.3872C8.7146 13.3165 8.90215 13.2818 9.09097 13.2851C9.27979 13.2884 9.466 13.3298 9.6385 13.4066C9.811 13.4835 9.96625 13.5943 10.095 13.7325L14.0212 17.6568L20.5331 9.35998C20.5448 9.34554 20.5555 9.33177 20.5687 9.31872Z' fill='%2376C3D5'/%3E%3C/svg%3E%0A");
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5687 1.31872C13.8329 1.06727 14.1844 0.92825 14.549 0.93101C14.9137 0.933769 15.263 1.07809 15.5233 1.33351C15.7836 1.58894 15.9345 1.93549 15.9441 2.30005C15.9538 2.66461 15.8214 3.01865 15.575 3.28747L8.09374 12.6437C7.9651 12.7823 7.80984 12.8935 7.63724 12.9707C7.46464 13.0478 7.27825 13.0894 7.08921 13.0929C6.90017 13.0964 6.71237 13.0618 6.53703 12.991C6.3617 12.9203 6.20242 12.8149 6.06874 12.6812L1.10749 7.71997C0.969328 7.59123 0.858511 7.43598 0.781651 7.26348C0.704791 7.09099 0.663462 6.90477 0.660131 6.71595C0.656799 6.52714 0.691534 6.33958 0.762261 6.16448C0.832987 5.98938 0.938259 5.83031 1.07179 5.69678C1.20533 5.56324 1.36439 5.45797 1.53949 5.38725C1.7146 5.31652 1.90215 5.28178 2.09097 5.28512C2.27979 5.28845 2.466 5.32978 2.6385 5.40664C2.811 5.4835 2.96625 5.59431 3.09499 5.73247L7.02124 9.65685L13.5331 1.35998C13.5448 1.34554 13.5555 1.33177 13.5687 1.31872Z' fill='%2376C3D5'/%3E%3C/svg%3E%0A");
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 14px;
        height: 14px;
        margin-right: 8px;
        margin-bottom: 2px;
    }

    .site-top ul > li + li {
        margin-left: 22px;
    }

    .site-top svg {
        margin-bottom: 3px;
        margin-left: 2px;
    }

}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;

    background: #fff;
    padding: 8px 0 1px 0;


    box-shadow: 1px 1px 3px rgba(0,0,0,0.0);

    transition: box-shadow .2s ease;
}
.site-header.mobile-fixed {
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.admin-bar .site-header {
    margin-top: 32px;
}
.admin-bar .site-top {
    margin-top: 32px;
}

.site-header > .container {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    position: relative;
}


@media (min-width: 992px) {
    .site-header {
        padding-top: 30px;
        top: 48px;
        position: absolute;
        padding-bottom: 0;
        background: #fff;
        height: auto;
    }
    .site-header.mobile-fixed {
        box-shadow: none;
    }
    .site-header > .container {
        align-items: center;
    }
}





.site-header a {
    text-decoration: none;
}
.site-header .logo {
    display: block;
    position: absolute;
    z-index: 9999;
    left: 15px;
    bottom: -27px;
}
.site-header .logo img {
    display: block;
    height: 68px;
    width: auto;
}
@media (min-width: 992px) {
    .site-header .logo {
        position: absolute;
        z-index: 9999;
        left: 20px;
        bottom: -29px;
    }
    .site-header .logo img {
        height: 78px;
    }
}
@media (min-width: 1280px) {
    .site-header .logo {
        bottom: -32px;
    }
    .site-header .logo img {
        height: 85px;
    }
}



.site-header.fixed {
    position: fixed;
    top: initial !important;
    bottom: 100% !important;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    pointer-events: none;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    background: var(--secondary);
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);

    opacity: 0; /* extra to fix logo overlap */
    padding-top: 5px;
}
.site-header.fixed.show {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    pointer-events: initial;
    opacity: 1; /* extra to fix logo overlap */
}

.menu-is-active .site-header {
    position: fixed;
    top: initial !important;
    bottom: 100% !important;

    background: #fff;

    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    pointer-events: initial;

    transition: none;
}



.site-header .cart {
    position: relative;
    margin-left: auto;
    margin-right: 8px;
}
.site-header .cart svg {
    display: block;
}

.site-header .cart svg {
    margin-bottom: 8px;
}
.site-header .search-link svg {
    margin-bottom: 6px;
}

@media (min-width: 992px) {
    .site-header .cart svg {
        margin-bottom: 6px;
    }
    .site-header .cart {
        margin-left: 20px;
        margin-right: auto;
    }
}
.site-header .cart .cart__count {
    position: absolute;
    right: -8px;
    top: -4px;
    width: 20px;
    height: 20px;
    background: var(--primary);
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 50%;
}


#main-content {
    overflow-x: hidden;
}


.menu-container {
    position: fixed;
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 99;

    opacity: 0;
    visibility: hidden;
}




.menu-is-active .menu-container {
    opacity: 1;
    visibility: visible;
}
.mobile-menu-bg {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--secondary);
    height: 0;
    transition: .4s ease all;
    outline: 0 !important;
}
.menu-is-active .mobile-menu-bg {
    height: 100vh;
}


.search-bar {
    position: relative;
    z-index: 99;
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 16px;
}
.search-bar .search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.search-bar .search-input {
    padding-right: 50px;
}
.search-bar.active .search-input {
    border-radius: 0.375rem 0.375rem 0 0;
}

@media (min-width: 992px) {
    .search-bar {
        width: 260px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 8px;
    }
    .search-bar .search-input {
        padding-right: 40px;
        background: var(--secondary);
    }
    .search-bar ::placeholder {
        opacity: 0;
    }
    .search-bar :-ms-input-placeholder {
        opacity: 0;
    }
    .search-bar ::-ms-input-placeholder {
        opacity: 0;
    }
}
@media (min-width: 1280px) {
    .search-bar {
        width: 280px;
    }
}

.menu {
    height: calc(100vh - 76px);
    overflow-x: auto;
    padding: 40px 0 50px 0;
    display: flex;
    flex-direction: column;
}

.menu > ul {
    display: flex;
    list-style: none;
    padding: 0;
    z-index: 2;
    flex-direction: column;
    margin: 0 0 0 0;
}
.menu > ul > li {
    padding: 0;
}
.menu > ul > li,
.menu .nav-right .nav-right-item,
.menu .nav-right .search-link {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.menu > ul > li,
.menu .nav-right .nav-right-item,
.menu .nav-right .search-link {
    transform: translateX(-40px);
}
.menu-is-active .menu > ul > li,
.menu-is-active .menu .nav-right .nav-right-item,
.menu-is-active .menu .nav-right .search-link {
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    -webkit-opacity: 1.0;
    opacity: 1.0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    transition-delay: 0s;
    transform: translateY(0);
}
.menu-is-active .menu > ul > li:nth-child(1) {
    transition-delay: 0.1s;
}
.menu-is-active .menu > ul > li:nth-child(2) {
    transition-delay: 0.2s;
}
.menu-is-active .menu > ul > li:nth-child(3) {
    transition-delay: 0.3s;
}
.menu-is-active .menu > ul > li:nth-child(4) {
    transition-delay: 0.4s;
}

.menu-is-active .menu .nav-right .nav-right-item {
    transition-delay: 0.5s;
}
.menu-is-active .menu .nav-right .search-link {
    transition-delay: 0.6s;
}

.menu .nav-right .nav-right-item {
    display: block;
    font-size: 20px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    padding: 14px 20px 14px 20px;
}
.menu .nav-right .search-link {
    padding: 14px 20px 14px 20px;
    display: block;
}
.menu .nav-right .search-link svg {
    display: block;
}

.menu > ul > li > a {
    font-size: 20px;
    display: block;
    position: relative;
    padding: 14px 20px 14px 20px;
    z-index: 10;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    padding-right: 0;
}

.menu > ul > li.current-menu-item > a,
.menu > ul > li.current-menu-parent > a {
    color: var(--primary);

    /*
    text-decoration: underline;
    text-underline-offset: 4px;*/
}


.menu > ul > li.menu-item-has-children > a {

}
.menu > ul > li.menu-item-has-children > a > .mobile-toggle {
    pointer-events: all;
}


.menu > ul > li.menu-item-has-children > a > .caret {
    display: block;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Laag_1' data-name='Laag 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' fill='%23E48A67' d='m12,18L2,8.05h20l-10,9.95Z'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    border: 0;
    width: 70px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .2s ease;
    opacity: 1;
}

.menu > ul > li.menu-item-has-children > a.active > .caret{
    transform: rotate(45deg);
}





@media (min-width: 768px) {
    .menu > ul > li > span,
    .menu > ul > li > a {
        padding-left: 20px;
    }
    .menu > ul > li.menu-item-has-children > span > .caret {
        right: 40px;
    }
}




@media (min-width: 992px) {
    .menu .nav-right .search-link {
        padding: 0;
    }
    .menu {
        position: static;
        padding: 40px 0 60px 0;
    }
    .mobile-menu-bg {
        display: none;
    }
    .menu-container,
    .menu-is-active .menu-container {
        display: block;
        position: static;
        width: auto;
        height: auto;
        background: transparent;
        opacity: 1;
        visibility: visible;
        margin-left: 180px;
        top: 0;
        flex: 1;
    }
    .menu {
        display: flex;
        align-items: center;
        flex-direction: row;
        overflow: visible;
        padding: 0;
        height: 100%;
        min-height: 55px;
    }
    .menu .nav-right {
        display: flex;
        align-items:center;
    }
    .menu .nav-right .nav-right-item {
        font-family: 'Hind Siliguri', sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 1;
        display: inline-block;
        padding: 19px 0 19px 0;
        margin-right: 16px;
        position: relative;
        height: 100%;
    }
    .menu > ul {
        flex-direction: row;
        margin: 0 auto 0 0;
        height: 100%;
    }
    .menu > ul > li {
        padding: 0;
        border-bottom: 0;
    }
    .menu > ul > li,
    .menu .nav-right .nav-right-item,
    .menu .nav-right .search-link {
        transform: none;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
        filter: alpha(opacity=1);
        transition-delay: 0s;
    }
    .menu > ul > li > a {
        font-family: 'Hind Siliguri', sans-serif;
        font-size: 16px;
        line-height: 1;
        padding: 19px 15px 19px 15px;
        z-index: 10;
        text-decoration: none;
        display: flex;
        align-items: center;
        font-weight: 500;
        height: 100%;
        position: relative;
        transition: all 275ms ease;
    }
    .menu > ul > li > a:after,
    .menu > ul > li > span:after,
    .nav-right-item:after{
        content: '';
        height: 3px;
        background: transparent;
        position: absolute;
        bottom: -3px;
        z-index: 10;
        left: 15px;
        right: 15px;
        transition: .2s ease background;
    }
    .nav-right-item:after{
        left: 0;
        right: 0;
    }


    .menu > ul > li.hover > a:after,
    .menu > ul > li > a:hover:after,
    .nav-right-item:hover:after{
        background: var(--primary);
    }


    .menu/*:not(.hover)*/ > ul > li.current-menu-item > a,
    .menu/*:not(.hover)*/ > ul > li.current-menu-parent > a,
    .menu/*:not(.hover)*/ > ul > li.current-menu-item > span,
    .menu/*:not(.hover)*/ > ul > li.current-menu-parent > span {
        color: var(--primary);
        text-decoration: none;
        /*text-underline-offset: 4px;*/
        font-weight: 500 !important;
    }


    .menu > ul > li > a > .caret,
    .menu > ul > li > span > .caret,
    .menu > ul > li.menu-item-has-children > a > .caret,
    .menu > ul > li.menu-item-has-children > span > .caret {
        position: static;
        margin-left: 4px;
        width: 10px;
        height: 10px;
        background-size: 10px 10px;
    }

    .menu > ul > li > a > .mobile-toggle {
        display: none;
    }
}

@media (min-width: 1280px) {
    .menu > ul > li > a {
        font-size: 17px;
        padding: 19px 22px 19px 22px;
    }
    .menu > ul > li > a:after,
    .menu > ul > li > span:after,
    .nav-right-item:after {
        left: 22px;
        right: 22px;
    }
    .nav-right-item:after {
        left: 0;
        right: 0;
    }
    .menu .nav-right .nav-right-item {
        font-size: 17px;
        padding: 19px 0 19px 0;
        margin-right: 16px;
    }

    .menu-container,
    .menu-is-active .menu-container {
        margin-left: 235px;
    }

}

.menu > ul > li > .sub-menu-wrapper > .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu > ul > li > .sub-menu-wrapper {
    list-style: none;
    display: none;
    padding: 0 0 0 25px;
}


.menu > ul > li > .sub-menu-wrapper.is-active {
    display: block;
}

.menu > ul > li > .sub-menu-wrapper > .sub-menu-featured {
    display: none;
}
.menu > ul > li > .sub-menu-wrapper > .sub-menu .sub-menu-item-bg {
    display: none;
}
.menu > ul > li > .sub-menu-wrapper > .sub-menu .sub-menu-title {
    display: none;
}


.menu > ul > li > .sub-menu-wrapper > .sub-menu > li {
    padding: 0;
}
.menu > ul > li > .sub-menu-wrapper > .sub-menu > li > a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    display: block;
    padding: 8px 0;
}
.menu > ul > li > .sub-menu-wrapper > .sub-menu > li.current-menu-item a {
    color: var(--primary);
}


.menu > ul > li > .sub-menu-wrapper > .sub-menu > li > a {

}
.menu > ul > li > .sub-menu-wrapper > .sub-menu > li > a:hover {
    text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.submenu-bg {
    content: '';
    width: 1300px;
    position: absolute;
    top: 76px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background: var(--secondary);

    height: 0;
    /*transition: height .3s ease;*/
    display: none !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.05)
}
.site-header.fixed .submenu-bg {
    top: 86px;
}

.show-submenu .submenu-bg {
    /*height: 440px; done by js now*/
}

.menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(255, 255,255, 0);
    z-index: 9999;
    pointer-events: none;
    transition: .1s ease all;
    visibility: hidden;

    display: none;
}
.admin-bar .menu-overlay {
    top: 132px;
    height: calc(100vh - 132px);
}

body.show-submenu .menu-overlay {
    visibility: visible;
    background: rgba(255,255, 255, .7);
    background: #E0F2F6;
    background: rgba(226, 240, 234, .9);
    /*
    background: #1B6480;
    background: rgba(27, 100, 128, .9);
    */
    background: rgba(0,0,0, .7);
}



@media (min-width: 992px) {
    .menu-overlay {
        display: block;
    }
    .submenu-bg {
        display: block;
    }
    .menu > ul > li > .sub-menu-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        padding: 0;
        display: flex;

        flex-wrap: nowrap;
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        /*transition: opacity .3s ease;*/
        border-left: 0;

        background: #fff;
        background: var(--secondary);
        height: 460px;
        border-radius: 8px;
        overflow: hidden;
    }

    .menu > ul > li.hover > .sub-menu-wrapper {
        visibility: visible;
        opacity: 1;
        pointer-events: all;
    }
    .menu > ul > li > .sub-menu-wrapper > .sub-menu {
        flex: 0 0 50%;
        padding: 75px 117px;
        height: 100%;

        opacity: 0;

        -webkit-transition: opacity .5s;
        transition: opacity .5s;
    }
    .menu > ul > li.hover > .sub-menu-wrapper > .sub-menu {
        opacity: 1;
    }
    .menu > ul > li > .sub-menu-wrapper > .sub-menu-featured {
        flex: 0 0 50%;
        height: 100%;
        display: block;
        opacity: 0;

        -webkit-transition: opacity .5s;
        transition: opacity .5s;
    }

    .menu > ul > li.hover > .sub-menu-wrapper > .sub-menu-featured {
        opacity: 1;
    }

    .menu > ul > li > .sub-menu-wrapper > .sub-menu-featured img {
        display: block;
    }
    .menu > ul > li > .sub-menu-wrapper > .sub-menu > li a {
        font-size: 20px;
        padding: 6px 0;
    }
    .menu > ul > li > .sub-menu-wrapper > .sub-menu .sub-menu-title {
        display: block;
        font-size: 26px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        margin-bottom: 12px;
    }
    .menu > ul > li > .sub-menu-wrapper > .sub-menu .sub-menu-title:hover {
        text-decoration: underline;
    }
    .menu > ul > li > .sub-menu-wrapper > .sub-menu .sub-menu-item-bg {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        margin: 0;
        opacity: 0;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
        z-index: 10;
    }
    .menu > ul > li > .sub-menu-wrapper > .sub-menu > li:hover .sub-menu-item-bg {
        opacity: 1
    }
}







/*
.site-header:not(.fixed) #toggle-menu-btn {
    margin-bottom: 9px;
}
*/







#toggle-menu-btn:focus-visible {
    border: 1px solid var(--primary);
}

@media (min-width: 992px) {
    #toggle-menu-btn {
        margin-left: 30px;
    }
}
@media (min-width: 992px) {
    #toggle-menu-btn {
        display: none;
    }
}


.essb_links li a:focus-visible {
    outline: 2px solid var(--secondary);
}

.skiplink {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    z-index: 999;
    top: 90px;
    left: 0;
}

.skiplink:focus {
    clip: auto;
    height: auto;
    overflow: auto;
    position: absolute;
    width: auto;

    background: var(--primary);
    color: var(--dark);
    padding: 18px 25px 17px 25px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    border-radius: 50px;
}


.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

.sidebar .essb_links li a .essb_network_name {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}


.burger {
    display: block;
    position: relative;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: 0;
    background: transparent;
    outline: 0;

    transform: translateX(12px);
}
.burger span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    margin: 0.0625rem auto 0.525rem -0.75rem;
    text-indent: -999em;
    top: 50%;
    left: 50%;
    margin-top: -0.0625rem;
    cursor: pointer;
}
.burger span, .burger span:before, .burger span:after {
    display: block;
    width: 1.5rem;
    height: 0.125rem;
    background-color: var(--dark);
    transition: 0.3s;
    opacity: 1;
}
.burger span:before, .burger span:after {
    position: absolute;
    content: "";
}
.burger span:before {
    top: -0.525rem;
}
.burger span:after {
    top: 0.525rem;
}

.menu-is-active .burger1 span:before, .menu-is-active .burger1 span:after {
    top: 0px;
    margin-top: -0.5875rem;
}
.menu-is-active .burger1 span {
    background-color: transparent;
}
.menu-is-active .burger1 span:before {
    transform: translateY(0.525rem) rotate(45deg);
}
.menu-is-active .burger1 span:after {
    transform: translateY(0.525rem) rotate(-45deg);
}


.site-footer {
    background: var(--secondary);
    padding: calc(.75 * var(--section-spacing)) 0 40px 0;
    margin-top: calc(2.5 * var(--section-spacing));
}

@media (min-width: 992px) {
    .site-footer {
        margin-top: calc(1.5 * var(--section-spacing));
    }
}

.site-footer .container {
    position: relative;
}
.site-footer h4 {
    margin-top: 32px;
    margin-bottom: 12px;
}

.site-footer .footer-logo {
    position: absolute;
    top: calc(-.75 * var(--section-spacing) - 52px);
    height: 85px;
    width: auto;
}

.footer-contact {
    font-size: 18px;
    font-weight: 600;
    margin-top: 40px;
}
@media (min-width: 992px) {
    .site-footer h4 {
        margin-top: 0;
    }
    .footer-contact {
        margin-top: 0;
    }
}
.footer-menu {
    margin-top: 8px;
}
.footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-menu ul > li > a {
    display: block;
    padding: 2px 0;
    font-size: 18px;
}

.footer-menu ul > li > a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

.filters {
    margin-bottom: 40px;
    display: none;
}
@media (min-width: 480px) {
    .filters {
        display: block;
    }
}

.filters .row {
    min-height: 48px;
}

.filters .wcf-filter .wcf-filter-title {
    display: none;
}
.filters .wcf-filter.price .inside-filter > div {
    display: flex;
    align-items: center;
}
.filters .wcf-filter.price .wcf-tickbar {
    font-size: 14px;
    text-align: center;
    margin-left: 4px;
    /*position: absolute;
    min-width: 135px;
    bottom: 100%;*/
}

.filters .wcf-filter.price .wcf-range-track-wrapper {
    padding-bottom: 12px;
    padding-top: 12px;
    min-width: 135px;
    min-width: 110px;
}
.filters .wcf-filter.price .wcf-range-track {
    background: #ddd;
    background: var(--dark);
}
.filters .wcf-filter.price .wcf-range-track > div {
    box-shadow: none !important;
    background: #fff;
    border: 2px solid var(--dark);
}
.filters .wcf-filter.price .wcf-range-track > div:focus {
    background: var(--primary);
}
.filters .wcf-filter-form.layout-horizontal {
    margin-bottom: 0;
}

.filters .wcf-filter-form.layout-horizontal .wcf-horizontal-grid > div {
    margin-right: 10px;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.filters .wcf-horizontal-dropdown .wcf-dj,
.filters .wcf-horizontal-dropdown .wcf-ci{
    color: var(--dark);
}

.filters .wcf-horizontal-popover {
    padding: 6px 30px 6px 16px;
    background-position: right 13px center;
}


.filters .price-filter {
    /*border: 1px solid #ddd;*/
    height: 38px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 0 16px;
    padding: 0 8px;
}

.filters .wcf-dropdown-value-container > div {
    font-size: 15px
}
.wcf-results-pool {
    flex-direction: column;
    align-items: flex-start;
}

@media (min-width: 992px) {
    .wcf-results-pool {
        flex-direction: row;
        align-items: center;
    }
    .wcf-results-pool .woocommerce-result-count {
        margin-bottom: 0;
    }
}


.wcf-active-filters .wcf-reset-filters-btn {
    display: none;
}

body .wcf-results-pool.with-buttons~.wcf-active-filters-list {
    text-align: left;
}
body .wcf-shop-top .wcf-reset-filters-btn + .wcf-active-filter {
    margin-left: 0;
}


.product-support {
    display: none;
}
.mobile-product-title {
    display: block;
    margin-top: 42px;
}
.woocommerce div.product .product_title {
    display: none;
}
.sticky-sidebar-inner .summary {
    position: relative;
    padding: 40px 0;
}

.sticky-sidebar-inner .summary:after {
    content: '';
    display: block;
    background: var(--secondary);
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: -20px;
    z-index: -1;
}
.product-extra-buttons {
    font-weight: 500;
    padding-top: 24px;
}
@media (min-width: 992px) {
    .mobile-product-title {
        display: none;
    }
    .woocommerce div.product .product_title {
        display: block;
    }
    .sticky-sidebar-container {
        display: flex;
        flex-wrap: nowrap;
        margin-top: 55px;
    }
    .sticky-sidebar-container .sticky-sidebar {
        flex: 0 0 490px;
    }
    .sticky-sidebar-container .content {
        flex: 0 0 calc(100% - 490px);
        overflow: hidden;
    }
    .sticky-sidebar-inner {
        padding: 0 0 0 80px;
    }
    .sticky-sidebar-inner .summary {
        padding: 40px 0 40px 60px;
    }
    .sticky-sidebar-inner .summary:after {
        transform: skew(3deg);
        left: 0;
        border-radius: 20px;
        width: calc(50vw);
    }


    .product-extra-buttons {
        padding-left: 60px;
    }


    .product-support {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 60px;
        padding-top: 24px;
        font-weight: 500;
        font-size: 15px;
    }

    .product-support img {
        margin-left: 10px;
        width: 48px;
        height: auto;
    }
}





.woocommerce  .product-gallery span.onsale {
    display: none;
}



.product-info {
    margin-top: 48px;
}
.product-info  p + h2,
.product-info  ul + h2{
    font-size: 32px;
    margin-top: 30px;
}

.text p + h2,
.text ul + h2 {
    margin-top: 32px;
}
.text p + h3,
.text ul + h3 {
    margin-top: 24px;
}


.product-additional-info {
    margin-top: 30px;
}

.iconic-woothumbs-all-images-wrap {
    float: none !important;
}

body .iconic-woothumbs-images__arrow,
body .iconic-woothumbs-images__arrow--prev,
body .iconic-woothumbs-images__arrow--next {
    top: 0 !important;
    bottom: 0 !important;
    width: 48px !important;
    height: 100% !important;
    background: transparent !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .iconic-woothumbs-images__arrow:after,
body .iconic-woothumbs-zoom-next:after,
body .iconic-woothumbs-zoom-prev:after {
    position: absolute;
    z-index: -1;
    content: '';
    background: var(--secondary);
    height: 48px !important;
    top: 50%; !important;
    margin-top: -24px !important;
    width: 48px !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .iconic-woothumbs-images__arrow:hover:after {
    background: var(--primary) !important;
}
body .iconic-woothumbs-images__arrow--prev {
    left: 10px !important;
}
body .iconic-woothumbs-images__arrow--next {
    right: 10px !important;
}

body .iconic-woothumbs-images__arrow svg {
    position: static !important;
    margin-top: 0 !important;
}
body .iconic-woothumbs-images__arrow--prev svg {
    margin-right: 2px !important;
    margin-left: 0 !important;
}
body .iconic-woothumbs-images__arrow--next svg {
    margin-left: 2px !important;
    margin-right: 0 !important;
}


body .iconic-woothumbs-all-images-wrap {
    overflow: visible !important;
}
body .iconic-woothumbs-thumbnails-wrap {
    overflow: visible !important;
}
body .iconic-woothumbs-images__arrow svg path {
    stroke: var(--dark) !important;
}
body .iconic-woothumbs-images__arrow:hover svg path {
    stroke: #fff !important;
}

body .iconic-woothumbs-thumbnails__control--left,
body .iconic-woothumbs-thumbnails__control--right {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--secondary) !important;
}
body .iconic-woothumbs-thumbnails__control--left:hover,
body .iconic-woothumbs-thumbnails__control--right:hover {
    background: var(--primary) !important;
}
body .iconic-woothumbs-thumbnails-wrap--horizontal .iconic-woothumbs-thumbnails__control--left svg,
body .iconic-woothumbs-thumbnails-wrap--horizontal .iconic-woothumbs-thumbnails__control--right svg {
    right: auto !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
body .iconic-woothumbs-thumbnails-wrap--horizontal .iconic-woothumbs-thumbnails__control--right svg path
body .iconic-woothumbs-thumbnails-wrap--horizontal .iconic-woothumbs-thumbnails__control--right svg path {

}
body .iconic-woothumbs-thumbnails__control path {
    stroke: var(--dark) !important;
}
body .iconic-woothumbs-thumbnails__control:hover path {
    stroke: #fff !important;
}

body .iconic-woothumbs-thumbnails__image-wrapper:after {
    border-radius: 6px;
}

.toggle-full {
    position: relative;
    max-height: 360px;
    overflow: hidden;
    padding-bottom: 32px;
}
.toggle-full.full {
    max-height: 100%;
}
.toggle-full:not(.full):before {
    content: "";
    position: absolute;
    top: 200px;
    background: linear-gradient(180deg, rgba(241,246,248,0) 0, #f1f6f8 70%);
    background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
    width: 100%;
    height: 140px;
}
.toggle-full:after {
    content: "";
    position: absolute;

    top: 335px;
    z-index: 2;
    width: 100%;
    height: 32px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='13' viewBox='0 0 25 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.8922 0.349353C23.0114 0.237758 23.1517 0.150517 23.3051 0.0926084C23.4584 0.0347003 23.6217 0.00725972 23.7858 0.0118542C23.9498 0.0164486 24.1113 0.0529872 24.2611 0.119385C24.4108 0.185782 24.5459 0.280738 24.6586 0.39883C24.7713 0.516923 24.8595 0.65584 24.9179 0.807649C24.9764 0.959457 25.0041 1.12118 24.9995 1.2836C24.9949 1.44601 24.958 1.60593 24.8909 1.75422C24.8238 1.90251 24.7279 2.03627 24.6087 2.14787L13.3653 12.6619C13.1333 12.879 12.8262 13 12.507 13C12.1878 13 11.8807 12.879 11.6488 12.6619L0.404123 2.14787C0.282243 2.03701 0.183824 1.90328 0.114584 1.75444C0.0453436 1.6056 0.0066638 1.44463 0.000787457 1.28086C-0.00508888 1.1171 0.0219588 0.95381 0.0803563 0.800482C0.138754 0.647155 0.227336 0.506845 0.340963 0.387702C0.45459 0.268559 0.590993 0.172957 0.74225 0.106452C0.893507 0.0399459 1.05661 0.00386137 1.22207 0.000293448C1.38753 -0.00327448 1.55205 0.0257448 1.70609 0.0856673C1.86013 0.14559 2.00061 0.23522 2.11937 0.349353L12.507 10.0618L22.8922 0.349353Z' fill='%231B6480'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.toggle-full.full:after {
    transform: rotate(180deg);
    bottom: 0;
    top: auto;
}

.legal-menu {
    margin-top: 0;
}
.legal-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    display: block;
}
.legal-menu > ul > li {
    display: block;
    margin: 4px 0;
}

.legal-menu > ul > li a {
    font-size: 15px;
}
.legal-menu > ul > li a:hover {
    text-decoration: underline;
}
@media (min-width: 576px) {
    .legal-menu > ul > li {
        display: inline-block;
        margin-right: 20px;
    }
}
@media (min-width: 992px) {
    .legal-menu > ul > li {
        margin-right: 32px;
    }
}


.search-form .form-input {
    border: 1px solid var(--dark);
}
.search-form .btn {
    height: 100%;
}


.woocommerce div.product form.cart .variations select {
    font-family: 'Hind Siliguri', sans-serif;
    width: 100%;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 1.5;
    color: #000 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 4px;
}