@font-face {

    font-family: "bold";

    src: url("webfonts/SourceSansPro-Bold.eot");

    src: url("webfonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"),

        url("webfonts/SourceSansPro-Bold.woff2") format("woff2"),

        url("webfonts/SourceSansPro-Bold.woff") format("woff"),

        url("webfonts/SourceSansPro-Bold.ttf") format("truetype"),

        url("webfonts/SourceSansPro-Bold.svg#SourceSansPro-Bold") format("svg");

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: "semi-bold";

    src: url("webfonts/SourceSansPro-Semibold.eot");

    src: url("webfonts/SourceSansPro-Semibold.eot?#iefix") format("embedded-opentype"),

        url("webfonts/SourceSansPro-Semibold.woff2") format("woff2"),

        url("webfonts/SourceSansPro-Semibold.woff") format("woff"),

        url("webfonts/SourceSansPro-Semibold.ttf") format("truetype"),

        url("webfonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold") format("svg");

    font-weight: 600;

    font-style: normal;

}



@font-face {

    font-family: "regular";

    src: url("webfonts/SourceSansPro-Regular.eot");

    src: url("webfonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"),

        url("webfonts/SourceSansPro-Regular.woff2") format("woff2"),

        url("webfonts/SourceSansPro-Regular.woff") format("woff"),

        url("webfonts/SourceSansPro-Regular.ttf") format("truetype"),

        url("webfonts/SourceSansPro-Regular.svg#SourceSansPro-Regular") format("svg");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "fas";

    font-style: normal;

    font-weight: 900;

    font-display: block;

    src: url(webfonts/fa-solid-900.eot);

    src: url(webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(webfonts/fa-solid-900.woff2) format("woff2"), url(webfonts/fa-solid-900.woff) format("woff"), url(webfonts/fa-solid-900.ttf) format("truetype"), url(webfonts/fa-solid-900.svg#fontawesome) format("svg")

}



@font-face {

    font-family: 'oswald';

    src: url('webfonts/Oswald-Medium.eot');

    src: url('webfonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'), url('webfonts/Oswald-Medium.woff2') format('woff2'), url('webfonts/Oswald-Medium.woff') format('woff'), url('webfonts/Oswald-Medium.ttf') format('truetype'), url('webfonts/Oswald-Medium.svg#Oswald-Medium') format('svg');

    font-weight: 500;

    font-style: normal;

}



:root {

    --orange: #843B94;

    --light-orange: #c160d6;

    --dark-orange: #8b12a6;

    --white: #FFFFFF;

    --light-blue: #f1f4fd;

    --light-gray: #DEDEDE;

    --gray: #999999;

    --dark-gray: #292929;

    --rounded: 0.333em;

    --default: #333333;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: "bold";

    line-height: 1.2;

}



h1 {

    font-size: 1.5em;

}



h2 {

    font-size: 1.4em;

}



h3 {

    font-size: 1.3em;

}



h4 {

    font-size: 1.2em;

}



h5 {

    font-size: 1.1em;

}



h6 {

    font-size: 1em;

}



a,

img {

    outline: none;

}



html {

    position: relative;

    min-height: 100%;

}



body {

    font-family: "regular";

    font-size: 15px;

    margin-bottom: 6em;

    color: var(--default);

}



.tooltip {

    font-family: 'regular';

}



.footer {

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 2.667em;

    line-height: 2.667em;

    background-color: var(--orange);

    /* background-color: #407db7; */

}



.footer>a.stamp {

    height: 4em;

    width: 4em;

    position: absolute;

    left: calc(50% - 2em);

    top: -2em;

    border-radius: 50%;

    background: var(--dark-orange);

    z-index: 2;

    text-align: center;

    color: var(--white);

    text-decoration: none;

}



.footer>a.stamp i {

    font-size: 4em;

}



.footer>.container {

    position: relative;

    z-index: 1;

}



.regular {

    font-family: "regular";

}



.bold,

strong {

    font-family: "bold";

}



.user-welcome,

.header {

    height: 5em;

    position: relative;

}



.text-orange {

    color: var(--dark-orange);

}



a.text-orange:hover {

    color: var(--orange);

}



.bg-orange {

    background: var(--dark-orange);

    color: var(--white);

}



.header-small .user-welcome,

.header-small>.container,

.header-small {

    height: 7em;

}



.top-navigation-container {

    position: absolute;

    width: 100%;

    /*padding: 20px 15px 0;*/

    padding: 0px 15px 0;

    left: 0;

    z-index: 2;

}



a.logo+ul {

    margin-top: 10px;

}



a.logo {

    height: 47px;

    width: 47px;

    position: relative;

    /* background: #FFFFFF;

    border-radius: 0 0 var(--rounded) var(--rounded);

    box-shadow: 0 0 1em rgba(0, 0, 0, 0.15) !important;

    text-align: center; */

    text-align: left;

}



a.logo>img {

    max-width: 95%;

    max-height: 95%;

    position: absolute;

    left: 40%;

    top: 80%;

    transform: translate(-55%, -50%);

}



.top-navigation-container a {

    text-decoration: none;

}



.top-navigation-container .fa-search {

    font-size: 1.3em;

    vertical-align: super;

    margin-right: 10px;

}



.user-welcome {

    color: var(--white);

    z-index: 1;

}



.avatar {

    position: relative;

    width: 55px;

    border-radius: 50%;

    height: 55px;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    margin-right: 1em;

    border: 3px solid rgba(228, 228, 228, 1);

}



.user-welcome .avatar:after {

    font-family: 'fas';

    font-size: .6em;

    line-height: 17px;

    content: "\f303";

    width: 20px;

    height: 20px;

    text-align: center;

    position: absolute;

    bottom: 0;

    right: -3px;

    border-radius: 50%;

    background: var(--dark-orange);

    border: 1px solid var(--white);

}



.gradient {

background: rgb(193,96,214);

background: linear-gradient(180deg, rgba(193,96,214,1) 0%, rgba(132,59,148,1) 74%, rgba(139,18,166,1) 100%);



}



.footer:after,

.header:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    /* background-image: url("../images/bg.png"); */

    background-position: center top;

}



.welcome-board-container {

    margin-top: -7em;

}



.welcome-board-box {

    height: 9.333em;

    position: relative;

    overflow: hidden;

}



.decoration {

    position: relative;

    overflow: hidden;

}



.tiny {

    font-size: .5em;

    vertical-align: middle;

}



.table th,

.table thead td {

    border-top: none;

}



.decoration:before,

.decoration:after,

.welcome-board-box:before,

.welcome-board-box:after {

    content: "";

    position: absolute;

    width: 100%;

    top: 0;

    left: 5px;

    height: 4em;

    background-image: url("../images/decor.png");

    background-position: left top;

    background-repeat: no-repeat;

}



.decoration:after,

.welcome-board-box:after {

    left: unset;

    right: -35px;

    top: -28px;

    background-position: right top;

}



.food-details,

.content-below-image,

.radio-block,

.cta-block,

.category-item {

    text-align: center;

    position: relative;

    border-radius: var(--rounded);

    padding-top: 0.667em;

    cursor: pointer;

    overflow: hidden;

}



.food-details {

    cursor: default;

}



.content-below-image:hover,

.radio-block:hover,

.cta-block:hover,

.category-item:hover {

    background: #f1f1f1;

    box-shadow: 0 0 1em rgba(0, 0, 0, 0.3) !important;

}



.cta-block [class^='fac'],

.category-item [class^='fac'] {

    font-size: 5em;

}



.food-details {

    text-align: left;

    box-shadow: 0 0 1em rgba(0, 0, 0, 0.15) !important;

}



.bg-light-blue {

    background-color: var(--light-blue);

}



.inc-dec {

    background: var(--orange);

    color: #FFFFFF !important;

    height: 20px;

    font-size: 0.6em;

    width: 20px;

    line-height: 22px;

    border-radius: 50%;

    text-align: center;

}



.food-details,

.content-below-image {

    padding: 0;

    height: calc(100% - 1.67em);

}



.food-details>figure,

.content-below-image>figure {

    margin-bottom: 10px;

    height: 100px;

    width: 100%;

    overflow: hidden;

    position: relative;

    background: var(--light-gray);

}



.food-details>.slick-slider {

    margin-bottom: 10px;

}



.food-details>.slick-slider .slick-dots {

    position: relative;

    margin-top: -2.5em;

    z-index: 1;

}



.select2-flat+.select2-container--bootstrap4 .select2-selection--single {

    height: auto !important;

    background: transparent !important;

}



.select2-flat+.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {

    line-height: 1;

    padding: 0;

    font-family: 'bold';

    background: transparent !important;

}



.input-group.with-icon button {

    border: none;

    background: var(--light-blue);

    padding: 0 10px;

    outline: none;

}



.input-group.with-icon button:last-child {

    border-radius: 0 var(--rounded) var(--rounded) 0;

    border-left: 1px solid var(--light-gray);

}





.thumbnail-badge {

    position: absolute;

    top: 1em;

    z-index: 1;

    right: 0;

    padding: 2px 5px 0;

    background: var(--dark-gray);

    color: var(--white);

    line-height: 1.5;

    font-size: 0.875em;

    border-radius: var(--rounded) 0 0 var(--rounded);

}



.chat-shortcut,

.tray-shortcut {

    position: fixed;

    z-index: 1;

    top: 2.5em;

    padding: 0 5px;

    background: var(--white);

    right: 0;

    line-height: 1;

    font-size: 2.2em;

    box-shadow: 0 0 1em rgba(0, 0, 0, 0.15) !important;

    border-radius: var(--rounded) 0 0 var(--rounded);

    padding-top: 5px;

}



.chat-shortcut {

    top: 140px;

    text-align: center;

    font-size: 1em;

    padding: 8px 10px;

    border-radius: 10px 0 0 10px;

}



.chat-shortcut a {

    text-decoration: none;

}



.chat-shortcut .badge,

.tray-shortcut .badge {

    background: var(--orange);

    color: var(--white);

    position: absolute;

    font-size: 10px;

    right: 3px;

    top: 5px;

    border-radius: 50%;

    width: 16px;

    height: 16px;

    line-height: 1.6;

    padding: 0;

    text-align: center;

}



.tray .list-group-item {

    border-bottom-width: 2px;

}



.bg-none {

    background: none;

    border: 0;

}



.no-border {

    border: none;

    background: transparent !important;

    text-align: center;

}



[type='radio']:checked+.radio-block {

    background: var(--light-orange);

    color: var(--white) !important;

    box-shadow: 0 0 1em var(--light-orange) !important;

}



.radio-block i {

    font-size: 4em;

}



a.link:hover {

    color: var(--orange) !important;

}



.bgOverlay,

a.block-link,

.cta-block a,

.category-item a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    outline: none;

    cursor: pointer;

    z-index: 1;

}



a.block-link {

    z-index: 4;

}



.bgOverlay {

    background: rgba(0, 0, 0, 0.4);

}



.category-item span {

    background: -webkit-linear-gradient(#002453, #0c4082);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.btn,

.shadow,

.bg-cover-absolute {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.shadow {

    box-shadow: 0 0 1em rgba(0, 0, 0, 0.15) !important;

    margin-bottom: 1.667em;

}



.shadow-bottom {

    box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.1) !important

}



/*MY ORDERS*/

[data-toggle="collapse"] {

    cursor: pointer;

    text-transform: uppercase;

}



.my-orders [aria-expanded="true"] {

    background: var(--light-gray);

}



.media .badge,

.my-orders .badge {

    font-weight: normal;

}



/*MY ORDERS*/

/*MENU OPTIONS*/

.rectangle-box,

.square-box {

    position: relative;

    width: 100%;

    overflow: hidden;


    padding-top: 100%;

}



.rectangle-box {

    padding-top: 100px;

}



.bg-cover-absolute {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    overflow: hidden;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: var(--light-gray);

}



.rectangle-box:hover>.grow,

.square-box:hover>.grow {

    -moz-transform: scale(1.04);

    -ms-transform: scale(1.04);

    -webkit-transform: scale(1.04);

    transform: scale(1.04);

}



.rectangle-box aside,

.square-box aside {

    position: absolute;

    z-index: 2;

    left: 0;

    width: 100%;

    top: 50%;

    color: #FFFFFF;

    text-align: center;

    transform: translateY(-50%);

    padding: 1em;

}



.box-title {

    margin: 0;

}



.square-box aside .box-title+small {

    display: block;

    line-height: 1.5em;

}



.square-box aside * {

    margin: 0;

    padding: 0;

}



@media (max-width: 767px) {



    .rectangle-box aside .box-title,

    .square-box aside .box-title {

        font-size: 1.2em;

    }

}



/*END OF MENU OPTIONS*/



/*TAB*/

.custom-tab {

    margin-bottom: 1em;

    border-bottom: 2px solid var(--light-gray);

}



.custom-tab>li>a {

    padding: 0 10px 5px;

    text-decoration: none;

    text-transform: uppercase;

    font-family: 'semi-bold';

    color: var(--gray);

    font-size: 0.925em;

    position: relative;

    z-index: 1;

}



.custom-tab>li:first-child a {

    padding-left: 0;

}



.custom-tab>li {

    text-align: left;

    padding-bottom: 4px;

    position: relative;

}







.custom-tab>li:after {

    content: "";

    position: absolute;

    bottom: -2px;

    height: 2px;

    left: 0;

    right: 0;

    background: var(--light-gray);

}



.custom-tab>li>a.active {

    color: var(--dark-gray);

    border-bottom: 2px solid var(--orange);

}



/*END OF TAB*/

/*FORM*/



.select2-container--bootstrap4 .select2-selection,

.form-control[type='text'],

.form-control[type='email'],

textarea {

    text-align: left;

    background-color: var(--light-blue) !important;

    border: none !important;

}



.qty {

    text-align: center !important;

}



input[type='search'],

.select2-selection button {

    border: none;

    background: transparent;

}



.select2-selection--multiple {

    padding: 0 5px;

}



.form-group>label {

    font-size: 0.875em;

}



.btn {

    min-width: 6.667em;

    border-radius: 2em;

    font-family: 'bold';

    text-transform: uppercase;

    padding-left: 1em;

    padding-right: 1em;

}



.btn-xs {

    min-width: unset;

    border-radius: var(--rounded);

    padding: 0 8px;

    font-size: 0.875em;

    line-height: 1.4;

    height: 21px;

}



.btn-orange {

    color: var(--white);

    background-color: var(--orange);

    border-color: var(--light-orange);

}



.btn-gray {

    color: var(--dark-gray);

    background-color: var(--light-gray);

    border-color: var(--light-gray);

}



.btn-outline-gray:hover,

.btn-gray:hover {

    color: var(--white);

    background-color: var(--dark-gray);

    border-color: var(--light-gray);

}



.btn-outline-gray {

    color: var(--dark-gray);

    background-color: transparent;

    border-color: var(--gray);

}



.with-cta {

    min-width: auto;

    padding-left: 0.5em;

    padding-right: 2.5em;

    position: relative;

    font-family: 'regular';

    text-transform: capitalize;

    border-color: var(--light-gray);

    border-radius: var(--rounded);

}



.with-cta a {

    position: absolute;

    right: 0.333em;

    top: 50%;

    transform: translateY(-50%);

    height: 1.5em;

    width: 1.5em;

    border: 1px solid var(--light-gray);

    border-radius: var(--rounded);

    text-align: center;

    padding-top: 1px;

    color: var(--light-gray);

    overflow: hidden;

}



.btn-sm.with-cta a {

    right: 0.133em;

    height: 1.85em;

    padding-top: 2px;

}



.with-cta:hover a {

    color: var(--dark-orange);



}



.with-cta:hover {

    background: transparent;

    color: var(--default);

}



.btn-orange:hover {

    color: var(--white);

    background-color: var(--dark-orange);

    border-color: var(--orange);

}



.btn-outline-orange {

    color: var(--orange);

    border-color: var(--orange);

}



.btn-outline-orange:hover {

    color: var(--white);

    background-color: var(--light-orange);

    border-color: var(--orange);

}



/*END IF FORM*/



/*OTP*/

.otp-container {

    position: relative;

    max-width: 250px;

    margin: auto;

}



.otp-container input {

    width: 100%;

    background: none !important;

    letter-spacing: 25%;

    font-size: 2em;

    outline: none;

    letter-spacing: 1.68em;

    padding-left: 20px;

    box-shadow: none !important;

}



.otp-line:before,

.otp-line:after,

.otp-container:before,

.otp-container::after {

    content: "";

    position: absolute;

    width: 22%;

    left: 0;

    bottom: 0;

    height: 1px;

    border-bottom: 1px solid #999999;

}



.otp-container::after {

    left: 26%;

}



.otp-line:before {

    left: 52%;

}



.otp-line:after {

    left: 78%;

}



/*END OF OTP*/

/*CUSTOM CHECKBOX*/

.customCheckbox {

    display: block;

    position: relative;

    padding-left: 25px;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.customCheckbox input {

    position: absolute;

    opacity: 0;

    cursor: pointer

}



.checkmark {

    position: absolute;

    top: 0px;

    left: 0;

    height: 20px;

    width: 20px;

    border: 1px solid var(--light-gray);

    background: #fff;

    border-radius: var(--rounded)

}



.customCheckbox:hover .checkmark,

.checkmark:hover {

    border: 1px solid var(--gray);

}



.customCheckbox input:checked~.checkmark {

    border: 1px solid var(--dark-orange);

    background: var(--orange);

}



.radio .checkmark {

    border-radius: 50% !important;

    height: 20px;

    width: 20px

}



.customCheckbox.radio input:checked~.checkmark {

    border: 1px solid var(--dark-orange);

    background: var(--orange);

}



.customCheckbox.radio .checkmark:after {

    transform: none;

    top: 0;

    left: 0;

    border: 3px solid var(--white);

    height: 100%;

    width: 100%;

    border-radius: 50% !important

}



.checkmark:after {

    content: "";

    position: absolute;

    display: none

}



.customCheckbox input:checked~.checkmark:after {

    display: block

}



.customCheckbox .checkmark:after {

    left: 6px;

    top: 3px;

    width: 5px;

    height: 10px;

    outline: none;

    border: solid #fff;

    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg)

}



/*END OF CUSTOM CHECKBOX*/



/* SLICK SLIDER */

.slick-dots {

    list-style: none;

    margin: 0;

    padding: 0;

    width: auto;

    margin: auto;

    text-align: center;

    margin-top: 5px;

}



.slick-dots li {

    display: inline-block;

    margin: 0 5px;

}



.slick-dots li button {

    width: 12px;

    height: 12px;

    padding: 0;

    border-radius: 50%;

    border: none;

    font-size: 0;

    background: var(--dark-gray);

    outline: none;

}



.slick-dots li.slick-active button {

    background: var(--dark-orange);

}



.slick-dots li:only-child {

    display: none;

}



.slick-slider .slick-slide {

    position: relative;

    border-radius: var(--rounded);

    overflow: hidden;

    display: -ms-flexbox !important;

    display: flex !important;

}



.slick-slider .slick-slide img {

    position: absolute;

    top: 50%;

    width: 100%;

    left: 0;

    transform: translateY(-50%);

    z-index: -1;

}



.img-absolute {

    position: absolute;

    top: 50%;

    width: 100%;

    left: 0;

    transform: translateY(-50%);

}



.slick-slider .slick-slide aside {

    color: var(--white);

    z-index: 2;

    padding: 20px;

}



.slick-slider .slick-slide aside .heading {

    font-size: 2.2em;

    font-family: 'oswald';

    text-transform: uppercase;

    line-height: 1.2;



}



.slick-slider .slick-slide aside .heading small {

    display: block;

    font-size: 0.60em;

}



.slick-slider .slick-slide aside .heading small:first-child {

    margin-bottom: -3px;

}



.h-400,

.slick-slider.h-400 .slick-slide {

    height: 200px !important;

}



.h-300,

.slick-slider.h-300 .slick-slide {

    height: 150px !important;

}



.h-200,

.slick-slider.h-200 .slick-slide {

    height: 100px !important;

}

.bank-details > div {
    margin-top: 60px;
    position: absolute;
    color: #FFF;
    margin-left: 10px;
    font-size: 16px;
}

@media (min-width: 576px) {
    

    .bank-details > div {
        margin-top: 150px;
        position: absolute;
        color: #FFF;
        margin-left: 20px;
        font-size: 16px;
    }
    .slick-slider .slick-slide aside .heading {

        font-size: 3em;

    }



    .h-400,

    .slick-slider.h-400 .slick-slide {

        height: 250px !important;

    }



    .h-300,

    .slick-slider.h-300 .slick-slide {

        height: 200px !important;

    }



    .h-200,

    .slick-slider.h-200 .slick-slide {

        height: 150px !important;

    }

}



@media (min-width: 768px) {



    .h-400,

    .slick-slider.h-400 .slick-slide {

        height: 300px !important;

    }



    .h-300,

    .slick-slider.h-300 .slick-slide {

        height: 250px !important;

    }



    .h-200,

    .slick-slider.h-200 .slick-slide {

        height: 200px !important;

    }

}



@media (min-width: 992px) {

    

    .h-400,

    .slick-slider.h-400 .slick-slide {

        height: 400px !important;

    }



    .h-300,

    .slick-slider.h-300 .slick-slide {

        height: 300px !important;

    }



    .h-200,

    .slick-slider.h-200 .slick-slide {

        height: 200px !important;

    }

}



/* END OF SLICK SLIDER */



/* CUSTOM POPUP */

.custom-pupup {

    display: none;

    padding: 1em 0.875em 2em;

    border-radius: 1em;

    width: 100%;

    max-width: 767px;

}



/* END OF CUSTOM POPUP*/



/*SIDE NAV*/

/* The side navigation menu */

.sidenav {

    height: 100%;

    width: 250px;

    position: fixed;

    z-index: 1;

    top: 0;

    left: -300px;

    background-color: var(--white);

    overflow-x: hidden;

    transition: 0.5s;

    z-index: 10;

    box-shadow: 0 0 1em rgba(0, 0, 0, 0.5) !important;

}



.sidenav+.bgOverlay {

    display: none;

    z-index: 9;

}



/* The navigation menu links */

.sidenav ul>li>a {

    padding: 0.5em 1em;

    text-decoration: none;

    font-size: 1.1em;

    color: var(--default);

    display: block;

    transition: 0.3s;

}



.sidenav ul>li [class^='fac-'] {

    font-size: 1.55em;

    vertical-align: text-bottom;

    margin-right: 0.5em;

}



/* When you mouse over the navigation links, change their color */

.sidenav li:hover {

    background: var(--light-gray);





}



.sidenav li:hover a {

    color: var(--dark-orange) !important;

}



/* Position and style the close button (top right corner) */

.sidenav .closebtn {

    position: absolute;

    top: 0;

    right: 25px;

    font-size: 36px;

    margin-left: 50px;

}



/* Style page content - use this if you want to push the page content to the right when you open the side navigation */

#main {

    transition: margin-left .5s;

}



/*END OF SIDE NAV*/





/*ADVANCED FILTERS*/



#advanced_filters {

    top: 0;

    left: 0;

    z-index: 10;

    overflow-y: auto;

    display: none;

}



#advanced_filters a[role='tab'] {

    color: var(--gray);

    padding: 10px;

    line-height: 1em;

    border-left: 3px solid var(--light-gray);

    border-radius: 0;

}



#advanced_filters .customCheckbox {

    font-size: 0.875em;

    margin-bottom: 1em;

}



#advanced_filters_cta {

    position: fixed;

    bottom: 0;

    background: #EEEEEE;

    left: 0;

    width: 100%;



}



#advanced_filters .tab-content {

    height: 100%;

    padding-bottom: 75px;

}



#advanced_filters a[role='tab'].active {

    color: var(--default);

    background: var(--light-blue);

    border-left: 3px solid var(--light-orange);

    font-family: 'semi-bold';

}



/* COUNT UP*/

.countup .timeel {

    display: inline-block;

    padding: 5px 8px;

    background: var(--default);

    margin: 0;

    color: var(--white);

    border-radius: var(--rounded) 0 0 var(--rounded);

    min-width: 30px;

    text-align: center;

}



.countup.small .timeel {

    padding: 0 4px;

    min-width: 20px;

}



.countup span[class*="timeRef"] {

    border-radius: 0 var(--rounded) var(--rounded) 0;

    margin-left: 0;

    background: var(--light-orange);

    color: var(--white);

    font-family: 'regular';

}



/* COUNT UP*/

/* Loader */

.addons-popup .popup-content {

    min-height: 120px;

}



.inLoader {

    position: absolute;

    bottom: 10%;

    right: 50%;

    width: auto;

    min-height: 100px;

    background: transparent;

    z-index: 500;

    display: block;



}



.lds-ripple {

    display: inline-block;

    position: relative;

    width: 40px;

    height: 40px;

}



.lds-ripple div {

    position: absolute;

    border: 4px solid #f67614;

    opacity: 1;

    border-radius: 50%;

    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

}



.lds-ripple div:nth-child(2) {

    animation-delay: -0.5s;

}



@keyframes lds-ripple {

    0% {

        top: 36px;

        left: 36px;

        width: 0;

        height: 0;

        opacity: 1;

    }



    100% {

        top: 0px;

        left: 0px;

        width: 72px;

        height: 72px;

        opacity: 0;

    }

}


.bank-details  img{ width: 100%; }
a[aria-expanded="true"]>i.fa-caret-down:before {

    content: "\f0d8";

}