/* .image img {
    min-width: 240px;
    max-height: 164px;
} */

#topcontrol {
    z-index: 9;
}

.pickMe {
    font-size: 10px !important;
    padding: 16px 0px !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    box-shadow: 0 !important;
    box-sizing: unset;
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    position: relative;
}

#goog-gt-tt {
    display: none !important;
}

.cart_items {
    overflow-x: hidden;
    max-height: 335px;
}

.navbar-header {
    background: #fff;
}

.lang-translation li {
    padding: 0;
    margin: 0;
    list-style-type: none !important;
    line-height: 15px;
    font-size: 12px;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
}
.lang-translation li:hover a {
    color: #f7941d;
}

.lang-translation a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.lang-translation {
    margin: 0px;
    padding: 10px;
}

#global-nav {
    position: fixed;
    top: 0;
    /* z-index: 9999; */
    /* height: 130px; */
    width: 100%;
    /* background: #324c5f; */
    color: #fff;
    /* line-height: 130px; */
    -webkit-transition: height .5s, line-height .5s;
    /* Safari */
    transition: height .5s, line-height .5s;
    border-radius: 0%;
    padding: 5px;
}

.site-title img {
    display: inline-block;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.scrolled-nav .site-title img {
    width: 91px !important;
    height: auto;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}


/* .scrolled-nav {
    height: 60px !important;
    line-height: 60px !important;
} */


/*============*/

#navbar-collapse-1 {
    /* position: fixed; */
    /* top: 0; */
    /* z-index: 9999; */
    width: 100%;
    /* background: #324c5f; */
    color: #fff;
    margin-top: 20px;
    -webkit-transition: height .5s, line-height .5s;
    /* Safari */
    transition: height .5s, line-height .5s;
    border-radius: 6px;
}

.navbar-header {
    -webkit-transition: height .5s, line-height .5s;
    transition: height .5s, line-height .5s;
}

.navbar-header {
    display: inline-block;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.navbar-nav {
    display: inline-block;
    -webkit-transition: all .5s;
    transition: all .5s;
}


/* .scrolled-nav2 .navbar-nav {
    width: 80%;
} */

.scrolled-nav2 {
    margin-top: -20px !important;
}

/*------ new nav -----*/
.region-variables {
    display: flex;
    gap: 0px 5px;
    padding: 5px;
    margin: 0px;
    width: max-content;
}
.dropdown {
    position: relative;
    display: inline-block;
    width: max-content;
}



.dropdown, .dropup {
    position: relative;
}
.dropbtn.droplang {
    background: #fff1df;
    /* color: #b96500; */
    color: #000;
    text-transform: uppercase;
    border: solid 1px #ff9413;
}
.dropbtn {
    background-color: #c6242f;
    /* background-color: #fff2f2; */
    color: #ffffff;
    padding: 12px;
    font-size: 12px;
    border: none;
    cursor: pointer;
    /* border-radius: 5px; */
    border-radius: 5px;
    line-height: normal;
    font-weight: 600;
    outline: none;
    transition: 0.2s ease-in-out;
}
.dropbtn.droplang img {
    width: 15px;
    height: 15px;
    margin-right: 3px;
    transition: 0.2s ease-in-out;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 75px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
}
.lang-translation {
    margin: 0px;
    padding: 0px;
}.dropdown-content ul li {
    padding: 5px;
    border-radius: 5px;
    list-style-type: disc;
    content: "\2022";
    color: rgb(187, 187, 187);
    line-height: normal;
}

.lang-translation li {
    padding: 0;
    margin: 0;
    list-style-type: none !important;
    line-height: 15px;
    font-size: 12px;
    border-bottom: 1px solid #eaeaea;
    /* border-top: 1px solid #eaeaea; */
}
.lang-translation a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a {
    /* color: #353535; */
    color: #000;
    padding: 7px 0px;
    text-decoration: none;
    display: block;
    font-weight: 600;
    text-transform: capitalize;
}
.dropdown:hover .dropdown-content {
    display: block;
}

.mobile-region-selector {
    top: 19px;
    right: 71px;
    position: absolute;
    line-height: normal;
}
.mobile-region-selector .panel-collapse.collapse.in#collapse2 {
    box-shadow: rgba(44, 44, 44, 0.15) -1px 2px 1px;
}
.mobile-region-selector .panel-collapse.collapse.in {
    position: relative;
    z-index: 10;
}

.dropdown:hover .dropbtn.droplang {
    background-color: #ff9413;
    color: white;
}
.dropdown:hover .dropbtn {
    background-color: #c7252f;
    color: #ffffff !important;
}
.dropdown-langcl .dropbtn:hover {
    /* color: #fff !important; */
}
.dropdown:hover .dropbtn.droplang img {
    filter: invert(1);
}
/*---new end---*/




/*============*/


/* .counter {
    width: 20px;
    height: 20px;
    background: black;
    color: #fff;
    position: fixed;
    top: 120px;
    right: 0;
} */

.dum-font {
    font-family: 'Raleway', sans-serif !important;
}

.editadd {
    /* background: #f7941d;
    color: #fff;
    padding: 8px 25px;
    font-size: 14px; */
    background: #c7252f;
    color: #fff !important;
    padding: 7px 17px;
    font-size: 13px;
    border-radius: 3px;
}

.select-selected {
    background-color: DodgerBlue;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

.select-items div,
.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.delivery-bg {
    background: #C7252F;
    color: #fff;
    padding: 5px 15px;
    margin: 0px;
}

.rb-email {
    display: none;
}

.DT {
    background: #F7941D;
    color: #fff !important;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: block;
    margin-top: 5px;
    background-image: linear-gradient(to left, transparent, transparent 50%, #C7252F 50%, #C7252F);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}

.delivery_location_details_apartment {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

.delivery_location_details_apartment p {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}


/* .DT:hover {
    background-position: 0 0;
    color: #fff;
} */

.rb-phone {
    display: none;
}

.TA {
    background: #F7941D;
    color: #fff !important;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: block;
    margin-top: 5px;
    background-image: linear-gradient(to left, transparent, transparent 50%, #C7252F 50%, #C7252F);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}


/* .TA:hover {
    background-position: 0 0;
    color: #fff;
} */

.DTTA-M {
    margin-bottom: 7px;
    margin-top: 2px;
}

.email,
.phone {
    display: none;
}

.rb-email:checked~.email {
    display: inline;
}

.rb-phone:checked~.phone {
    display: inline;
}

.label {
    color: #666;
}


/* .box {
    color: #fff;
    padding: 20px;
    display: none;
    margin-top: 20px;
}

.red {
    background: #ff0000;
}

.green {
    background: #228B22;
}

label {
    margin-right: 15px;
} */


/* header {
    position: fixed;
} */

.p-style-footer {
    font-size: 19px;
    line-height: 26px;
}

.feed-pad {
    padding: 7px 7px;
}

.feed-pad2 {
    padding: 3px 7px;
}

.feed-bk {
    width: 100%;
    border: 1px solid #cecece;
    outline: none;
}

.feed-bk2 {
    width: 100%;
    border: 1px solid #cecece;
    outline: none;
}

.feed-bk-btn {
    background: #c6242f;
    border: none;
    color: #fff;
    padding: 12px 24px;
    border-radius: 3px;
    font-size: 16px;
    border-width: 0px;
    margin-top: 10px;
}

.v-center10 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ord-btn {
    background: #c6242f;
    border: none;
    color: #fff;
    padding: 16px 25px;
    border-radius: 3px;
    font-size: 16px;
    margin-top: 30px;
}

.img-sgn {
    border-radius: 5px;
}

.p-st {
    font-size: 23px;
    text-align: center;
    margin: 45px 0px 50px;
}

.p-st2 {
    margin: 45px 0px 50px;
}

.home-tt-7 {
    color: #2d2d2d;
}

.home-tt-8 {
    color: #3a3a3a;
}

.call-style {
    background: #f7941d;
    font-size: 23px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
    text-align: center;
    /* padding: 10px 7px; */
}

.ml7 {
    position: relative;
    font-weight: 600;
    font-size: 25px;
}

.ml7 .text-wrapper {
    position: relative;
    display: inline-block;
    /* padding-top: 0.1em;
    padding-right: 0.05em;
    padding-bottom: 0.1em; */
    overflow: hidden;
}

.ml7 .letter {
    transform-origin: 0 100%;
    display: inline-block;
    /* line-height: 1em; */
}

.owl-dots {
    display: none;
}

.col-sm-custom {
    width: 20% !important;
    min-height: 175px;
}

.menu-bg-color {
    background: #fff;
    color: #666;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-nav>li>a:visited {
    color: #444444;
}

.margin-top120 {
    margin-top: 120px;
}

.margin-top92 {
    margin-top: 92px;
}

.margin-top97 {
    margin-top: 97px;
}

.margin-top132 {
    margin-top: 132px;
}

.margin-top134 {
    margin-top: 134px;
}

.items-wrapper .menu-item.fa.fa-facebook {
    background-color: #4267b2;
}

.items-wrapper .menu-item.fa.fa-instagram {
    background-color: #c10a9e;
}

.items-wrapper .menu-item.fa.fa-twitter {
    background-color: #009add;
}

.items-wrapper .menu-item.fa.fa-glass {
    background-color: #f7941d;
}

.whatsapp-btn-contact {
    font-size: 40px !important;
    color: #049c3c;
}

.qr-code-s {
    height: 150px;
    width: 150px;
    padding: 15px;
    margin: 0 auto;
}

.mainDiv {
    display: flex;
}

div.qrcode-bar {
    background-image: linear-gradient(#c6242f, #c6242f), linear-gradient(#c6242f, #c6242f), linear-gradient(#c6242f, #c6242f), linear-gradient(#c6242f, #c6242f), linear-gradient(#f2f7f3, #f2f7f3);
    background-repeat: no-repeat;
    background-size: 4px 15%, 15% 4px, 4px 15%, 15% 4px, calc(100% - 8px) calc(100% - 8px);
    background-position: left bottom, left bottom, right top, right top, 4px 4px;
    height: 200px;
    width: 200px;
    margin: 20px;
    padding: 25px;
}

.ref-style {
    width: 100%;
    padding: 5px 10px;
    /* margin: 6px; */
    /* border-radius: 3px; */
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #cecece;
}

.ref-btn {
    width: 100%;
    margin: 7px 0px;
    padding: 5px 10px;
    outline: none;
    border-radius: 3px;
}

.ref-p {
    margin-top: 50px;
    margin-bottom: 30px;
}

.ref-tercond {
    margin-top: 20px;
    margin-bottom: 70px;
}

.refer-pb30pt5 {
    padding-bottom: 30px;
    padding-top: 5px;
}

#Div2 {
    display: none;
}

.refercode-bg-media {
    padding-bottom: 50px;
    padding-top: 50px;
    background-color: #ffffff;
}

.paddingtop15 {
    padding-top: 15px;
}

.padding15 p {
    padding: 15px;
}

p.style-high {
    font-size: 18px;
    line-height: 1.7;
}


/*=====IMAGE EFFECTS=====*/


/****** image hover ******/

.image-hover * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.image-hover {
    border-radius: 10px;
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3)
}

.image-hover a {
    text-decoration: none
}

.image-hover img {
    margin: -100px 0px 0px -100px
}


/*** effect - shadow 1 ***/

.img-shadow-1 {
    -webkit-box-shadow: 0 28px 16px -26px black;
    -moz-box-shadow: 0 28px 16px -26px black;
    box-shadow: 0 28px 16px -26px black;
}

.img-shadow-1:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-box-shadow: 0 58px 36px -56px black;
    -moz-box-shadow: 0 58px 36px -56px black;
    box-shadow: 0 58px 36px -56px black;
}

.img-shadow-1 {
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
}

.img-shadow-1:hover {
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
}


/*=====IMAGE EFFECTS END ====*/

.col-md-offset-1a {
    margin-bottom: 1%;
    margin-top: 10%;
}

.col-md-offset-1 {
    margin-bottom: 1%;
    margin-top: 5%;
}

.item {
    width: 100%;
    /* height: 570px; */
    height: auto;
}

.active {
    color: #f7941d;
}

a.e-gift-L {
    position: inherit;
    opacity: 1;
    right: -62px;
    top: 56%;
    z-index: 998;
    font-size: 19px;
    color: #fff;
    background: #133558;
    border-top-left-radius: 14px;
    padding: 5px 25px 15px;
}

a.e-gift-L:hover{
    color: #fff;
    text-decoration: none;
}

.exciting-offer {
    position: inherit;
    right: -55px;
    /* top: 62%; */
    z-index: 999;
    font-size: 23px;
    color: #f2f2f2;
}

.rotate {
    transform: rotate(-90deg);
}

.whatsapp-float2 {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 3rem;
    right: 8rem;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 9;
}

.bounce2 {
    animation: bounce 4s infinite;
}

@keyframes bounce2 {

    0%,
    25%,
    50%,
    75%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-25px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 11rem;
    right: 17px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 998;
}

.whatsapp-my-float {
    margin-top: 16px;
}

.bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {

    0%,
    25%,
    50%,
    75%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-20px);
    }

    60% {
        transform: translateY(-12px);
    }
}

.circular-menu {
    position: fixed;
    bottom: 1em;
    left: 1em;
    z-index: 998;
}

.circular-menu .floating-btn {
    display: block;
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    background-color: hsl(4, 98%, 60%);
    box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, .26);
    color: hsl(0, 0%, 100%);
    text-align: center;
    line-height: 3.9;
    cursor: pointer;
    outline: 0;
}

.circular-menu.active .floating-btn {
    box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);
}

.circular-menu .floating-btn:active {
    box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);
}

.circular-menu .floating-btn i {
    font-size: 1.3em;
    transition: transform .2s;
}

.circular-menu.active .floating-btn i {
    transform: rotate(-45deg);
}

.circular-menu:after {
    display: block;
    content: ' ';
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    background-color: #f2f2f2;
    transition: all .3s ease;
}

.circular-menu.active:after {
    transform: scale3d(5.5, 5.5, 1);
    transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}

.circular-menu .items-wrapper {
    padding: 0;
    margin: 0;
}

.circular-menu .menu-item {
    position: absolute;
    top: .2em;
    right: .2em;
    z-index: -1;
    display: block;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    font-size: 1em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    text-align: center;
    line-height: 3;
    /* background-color: hsla(0,0%,0%,.1); */
    background-color: #c6242f;
    transition: transform .3s ease, background .2s ease;
}

.circular-menu .menu-item:hover {
    background-color: #ee4037;
}

.circular-menu.active .menu-item {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.circular-menu.active .menu-item:nth-child(1) {
    transform: translate3d(-1em, -7em, 0);
}

.circular-menu.active .menu-item:nth-child(2) {
    transform: translate3d(3.5em, -6.3em, 0);
}

.circular-menu.active .menu-item:nth-child(3) {
    transform: translate3d(6.5em, -3.2em, 0);
}

.circular-menu.active .menu-item:nth-child(4) {
    transform: translate3d(7em, 1em, 0);
}


/**
 * The other theme for this menu
 */

.circular-menu.circular-menu-left {
    right: auto;
    left: 1em;
}

.circular-menu.circular-menu-left .floating-btn {
    background-color: #c6242f;
}

.circular-menu.circular-menu-left:after {
    background-color: #f2f2f2;
}

.circular-menu.circular-menu-left.active .floating-btn i {
    transform: rotate(90deg);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(1) {
    transform: translate3d(-1em, -7em, 0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(2) {
    transform: translate3d(3.5em, -6.3em, 0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(3) {
    transform: translate3d(6.5em, -3.2em, 0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(4) {
    transform: translate3d(7em, 1em, 0);
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0px !important;
}

.active .dropdown-toggle {
    padding-top: 10px;
}

.mega-width {
    /* width: 900px; */
    margin-top: 20px;
    padding-left: 20px;
}

.dropdown-menu-show {
    top: 25px !important;
}

.col-md-4 span.text-uppercase.text-white {
    padding-bottom: 30px !important;
}

.text-custom {
    color: #000 !important;
}

.devide {
    padding-top: 10px;
    padding-bottom: 10px;
}

@grid-gutter-width: 30px;
@line-height-base: 1.428571429;
@gray: #555;
@link-hover-color: darken(#337ab7, 15%);

/* Descendant of .nav, Bootstrap specificity (shouldn't be like this) */

.nav>.dropdown-megamenu {
    position: static;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-container {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        border: 0;
        box-shadow: none;
        border-radius: 0;
    }
}

.dropdown-megamenu>.dropdown-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-width: 100%;
    padding: 0.5 * @grid-gutter-width;
}

.dropdown-megamenu .dropdown-menu {
    display: block;
}

.link-image .media-object {
    float: left;
    margin-bottom: 0.25 * @grid-gutter-width;
}

.link-image-sm+.link-image-sm .media-object {
    margin-left: 0.25 * @grid-gutter-width;
}

.thumbnail .caption {
    min-height: 120px;
}

.thumbnail:hover {
    text-decoration: none;
}


/* Link list */

.list-links {
    list-style: none;
    padding: 0;

    li {
        line-height: 1.2 * @line-height-base;
    }

    a {
        color: @gray;

        &:hover,
        &:focus,
        &:active {
            color: @link-hover-color;
        }
    }
}


/* General styles to improve presentation */

.example-megamenu {
    width: 100%;
    max-width: 1140px;
    padding: 20px;
    margin: 0 auto;
}

h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    /* text-align: center; */
    line-height: 1.3;
    margin-bottom: 2rem;
    /* color: #fff; */
}

.navbar-nav {
    margin-top: 35px;
    /* float: right; */
}

.dropdown.mega-dropdown.open ul {
    min-width: 100%;
    padding: 15px;
}

.border-btm {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 10px;
}

.dropdown-menu.mega-dropdown-menu.row ul li a:hover {
    color: #f7941d;
}

.navbar-nav>li>a {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #333;
    letter-spacing: 0.07em;
}

.navbar-nav>li>a:hover {
    color: #f7941d;
    background-color: transparent !important;
}

.navbar-nav>li>a:active {
    color: #f7941d;
    background-color: transparent !important;
}

.navbar-nav>li>a:focus {
    color: #f7941d;
    background-color: transparent !important;
}

.navbar-nav>li>a:visited {
    /* color: #f7941d; */
    background-color: transparent !important;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: transparent;
    border-color: transparent;
}

.icon-logo {
    background: url(images/icon.png);
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
}

.dropdown-menu.mega-dropdown-menu.row .title-submenu {
    line-height: 3;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    letter-spacing: 0.4px;
    padding: 0px;
    font-weight: 600;
    color: #464646;
    background-color: transparent
}

.dropdown-menu.mega-dropdown-menu.row li {
    line-height: 2;
}

.dropdown-menu.mega-dropdown-menu.row ul li {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #666;
    list-style: circle;
}

.navbar-toggle {
    top: -17vh;
    background: #f7941d;
}


/* .navbar-collapse.collapse.in{
  margin-top: -8vh;
} */

.navbar-collapse::after {
    background: #c6242f;
}

@media (max-width: 680px) .navbar .dropdown-menu {
    border: none;
    background: #f0f0f0 !important;
}


/*===============*/

.inner-bgm-thanks {
    /* background: url(../images/thanks.jpg) no-repeat !important; */
    width: 100%;
    height: auto;
    min-height: 690px !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#adadad+1,cdebf6+100 */
    background: #adadad;
    /* Old browsers */
    background: -moz-linear-gradient(top, #adadad 1%, #cdebf6 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #adadad 1%, #cdebf6 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #adadad 1%, #cdebf6 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#cdebf6', GradientType=0);
    /* IE6-9 */
}

.thanku {
    font-weight: 600;
    color: #f27514;
}

.inner-bgm-track {
    background: url(../images/track.jpg) no-repeat;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 13% 0;
    padding-bottom: 0px;
}

.inner-bgm-blog-bg {
    background: url(../images/blog-bg.jpg) no-repeat !important;
    width: 100%;
    height: auto;
    min-height: 390px !important;
}

.inner-bgm-cntls {
    background: url(../images/cnless.jpg) no-repeat !important;
    width: 100%;
    height: auto;
    min-height: 390px !important;
}

.inner-bgm-dine {
    background: url(../images/slider-1d.jpg) no-repeat;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 15% 0;
    padding-bottom: 0px;
}

.inner-bgm-takeway {
    background: url(../images/takeway.jpg) no-repeat;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 15% 0;
    padding-bottom: 0px;
}

.inner-bgm-terms {
    background: url(../images/terms.jpg) no-repeat;
    padding: 40px;
    min-height: 390px;
    background-size: cover;
    padding: 15% 0;
    padding-bottom: 0px;
}

.inner-bgm-terms-copy {
    background: url(../images/banner-copy.jpg) no-repeat;
    padding: 40px;
    min-height: 390px;
    background-size: cover;
    padding: 15% 0;
    padding-bottom: 0px;
}

.inner-bgm-media {
    background: url(../images/slider-1c.jpg) no-repeat;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 13% 0;
    padding-bottom: 0px;
}

.inner-bgm-catering {
    background: url(../images/slider-1b.jpg) no-repeat;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 20% 0;
    padding-bottom: 0px;
}

.inner-bgm-about {
    background: url(../images/about-im.jpg) no-repeat;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 13% 0;
    padding-bottom: 0px;
}

.inner-bgm-refer {
    background: url(../images/refer.jpg) no-repeat;
    padding: 40px;
    min-height: 420px;
    background-size: cover;
    padding: 13% 0;
    padding-bottom: 0px;
}

.inner-bgm-safety {
    background: url(../images/safety.jpg) no-repeat;
    padding: 0px;
    /* min-height: 185px; */
    margin-top: 83px;
    background-size: contain;
    background-position: center;
    padding: 0% 0;
    padding-bottom: 0px;
}

.color-2nd {
    color: #f7941d;
}

.mt-4-Pers {
    margin-top: 4%;
}


/*--STYLE--*/

.subscribe {
    position: relative;
}

.subscribe label {
    display: block;
}

.subscribe .search-field {
    background-color: #ffffff;
    height: 50px;
    padding: 6px 18px;
    border: none;
    width: 100%;
    display: block;
    outline: 0;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
}

.subscribe .search-submit {
    position: absolute;
    cursor: pointer;
    top: 3px;
    right: 3px;
    outline: 0;
    border: none;
    color: #fff;
    /* background: -webkit-gradient(linear, left top, right top, from(#5c0527), to(#8a0539)); */
    /* background: linear-gradient(to right, #5c0527 0, #8a0539 100%); */
    background: #F7941D;
    height: 44px;
    padding: 0 20px;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 15px;
    text-transform: capitalize;
}

.quick-links ul li {
    line-height: 35px;
    font-family: 'Raleway', sans-serif;
}

.top-social-footer {
    padding-top: 15px;
    color: #fff;
}

.top-social-footer i {
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 30px;
    padding-top: 7px;
    float: left;
    margin-right: 15px;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

.top-social-footer a>i:hover {
    border: 1px solid #F7941D;
    color: #F7941D;
}

.footer-head h4 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #787878;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
}

.footer-head p {
    font-family: 'Raleway', sans-serif;
}

.promise-clr {
    color: #000;
    /* padding-top: 50px; */
}

.bk {
    /* background-image: url(../images/bk.png); */
    background-repeat: no-repeat;
}

.mbt-4 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.min-h p {
    white-space: nowrap;
    width: 323px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center !important;
}

.mbt-4:hover {
    box-shadow: black;
}

.mbt-4 p {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    padding-top: 10px;
    color: #5e5e5e;
    /* font-family: 'Times New Roman', Times, serif; */
}

.mbt-4 img {
    transition: all ease 0.4s;
}

.mbt-4 img:hover {
    transform: scale(1.09);
    transition: all ease 0.8s;
    position: relative;
    z-index: 9;
    cursor: pointer;
    box-shadow: 0 0 100px 0 rgba(51, 51, 51, 0.22);
}

.promise-clr h1 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #2d2d2d;
}

.promise-clr p {
    font-family: 'Raleway', sans-serif;
}

.salad-fruit img {
    transition: all ease 0.4s;
    transition: all ease 2s;
}

.salad-fruit img:hover {
    transform: scale(1.06);
    transition: all ease 2s;
    position: relative;
    /* z-index: 9; */
    cursor: pointer;
    background: transparent;
    /* box-shadow: 0 0 100px 0 rgba(51, 51, 51, 0.22); */
}

.app-dum-hundi {
    background-color: #edf1f2;
    padding: 50px 0px 0px;
}

.app-text {
    padding-left: 10%;
    /* margin-bottom: 10%; */
}

.app-dum-hundi .app-text h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 25px;
    font-weight: 300;
    line-height: 37px;
}

.app-dum-hundi .app-text h1 {
    /* padding-top: 20%; */
    padding-bottom: 6%;
}

.app-dum-hundi .app-text p {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    margin-bottom: 37px;
}

.num-style {
    font-family: 'oswald', sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.boldapp4 {
    font-family: 'oswald', sans-serif;
}

.boldapp5 {
    font-family: 'oswald', sans-serif;
}

.app-dum-hundi .app-text p span.boldapp2 {
    font-family: 'oswald', sans-serif;
    font-weight: 600;
}

.app-dum-hundi .app-text p a.boldapp3 {
    font-family: 'Raleway', sans-serif;
    color: red;
    cursor: pointer;
}

.app-dum-hundi .app-text h1 span.boldapp {
    font-family: 'Raleway', sans-serif;
    font-size: 31px;
    font-weight: 600;
}

.app-dum-hundi .app-text h1 span {
    font-family: 'Raleway', sans-serif;
    font-size: 32px;
}

.app-text img {
    /* display:inline-block;
    position: relative; */
    -webkit-transition: all 0.9s ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 0.9s ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 0.9s ease-in;
    -moz-transform: scale(1);
    transition: all 0.9s ease-in;
    transform: scale(1);
}

.app-text img:hover {
    -webkit-transition: all 0.6s ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 0.6s ease-in;
    -ms-transform: scale(1.2);
    -moz-transition: all 0.6s ease-in;
    -moz-transform: scale(1.2);
    transition: all 0.6s ease-in;
    transform: scale(1.1);
}

.serve-something h2 span {
    font-weight: initial;
}

.mb-4 {
    margin-bottom: 50px;
}

.register-btn {
    background: #f7941d;
    border-radius: 5px;
    padding: 5px 10px !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 2vh !important;
    /* border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; */
}

.register-btn span {
    font-size: 12px;
    font-weight: 100;
    letter-spacing: normal;
}

.navbar-collapse .navbar-nav .rg-btn a:hover {
    background: #c6242f !important;
    color: #f2f2f2 !important;
}

.navbar-collapse .navbar-nav .rg-btn a:focus {
    background: #c6242f !important;
    color: #f2f2f2 !important;
}


/*==================*/


/*=========================*/


/* POPUP */


/*==========================*/

.modal-title {
    font-family: 'Raleway', sans-serif;
}

.modal-pro-desc {
    margin-top: 5% !important;
    z-index: 99;
}

.modal {
    margin-top: 10%;
}

.close:focus,
.close:hover {
    color: #f7941d;
}

.close {
    color: white;
}

.modal-content .modal-header {
    background-color: #c6242f;
    color: #fff;
    text-align: center;
    border-bottom: none;
}

.modal-content .register-1st-popup img {
    border-bottom-left-radius: 5px;
}

.modal-content .register-1st-popup ul li {
    list-style: none;
    margin-top: 15px;
}

.modal-content .register-1st-popup ul li.mtp1 {
    padding-top: 33px;
}

.modal-content .register-1st-popup ul {
    padding-inline-start: 0px;
}

.modal-content .register-1st-popup .register-mobile {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: table-cell;
    border: 1px solid #9a9a9a;
    font-family: 'oswald', sans-serif;
}

.register-mobile-code {
    float: left;
    padding: 6px 10px;
    display: table-cell;
    border-left: 1px solid #9a9a9a;
    border-top: 1px solid #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
    font-family: 'Raleway', sans-serif;
}

.register-mobile-code {
    white-space: nowrap;
    vertical-align: middle;
}


/*=========================*/


/* END POPUP */


/*==========================*/


/*=========================*/


/* 2nd POPUP */


/*==========================*/

.register-1st-popup .register-name {
    border: 1px solid #9a9a9a;
}

.register-1st-popup input:focus {
    outline: none;
}

.register-1st-popup input.register-name,
input.register-pass,
input.register-c-pass,
input.register-email,
textarea.register-address {
    width: 100%;
    padding: 3px 7px;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
}

.modal-content .register-1st-popup.padding-lef-2ndpp1 {
    padding-right: 0px !important;
}

.pd-left {
    padding-left: 0px;
}

.modal-content .register-1st-popup.padding-lef-2ndpp {
    /* padding-left: 0px; */
    padding-bottom: 0px;
}

.col-md-6.register-1st-popup.mobile-margin {
    padding-bottom: 0px;
}

.modal-content .register-1st-popup.padding-lef-2ndpp ul {
    padding: 0px 20px;
}

.modal-content .padding-lef-2ndpp1 img {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.continue-btn-s button {
    background-color: #f7941d;
    color: #fff;
    border: none;
    padding: 9px 30px;
    font-family: 'Raleway', sans-serif;
}

.item-cart-text {
    padding: 7px 10px;
    background: #f6f6f6;
    margin: 10px;
    font-weight: 600;
}

.item-cart-text-name {
    padding: 7px 10px;
    margin: 10px;
}

.price-extras {
    color: #c6242f;
}

.category_text {
    font-weight: normal;
    font-size: small;
}

.category-name p {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    padding-bottom: 10px;
}

.category-name {
    background: #c6242f;
    border-radius: 10px;
}

.checkbox {
    margin: 20px;
}

.checkbox label {
    min-height: 21px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    line-height: 22px;
}

.c-checkbox span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -20px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #ccc;
    text-align: center;
}

.c-checkbox span:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    text-align: center !important;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
}

.c-checkbox input[type=checkbox] {
    position: absolute;
    margin: 4px 0 0;
    opacity: 0;
}

.c-checkbox input[type=checkbox]:checked {
    color: #fff;
    transition: color 0.3s ease-out;
}

.c-checkbox input[type=checkbox]:checked+span {
    border-color: #5d9cec;
    background-color: #5d9cec;
}

.c-checkbox input[type=checkbox]:checked+span:before {
    color: #fff;
    opacity: 1;
    transition: color 0.3s ease-out;
}


/*=========================*/


/* 2nd END POPUP */


/*==========================*/


/*==============================*/


/* MENU page*/


/*==============================*/

.checkboxField {
    float: left;
}

.checkboxField2 {
    float: left;
}

.ui-checkbox label {
    padding-left: 10px;
    font-size: 14px;
    font-weight: 100;
}

.checkboxField:after {
    transition-timing-function: cubic-bezier(.075, .820, .165, 1);
    border: 2px solid;
    border-radius: 0;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #3acfb6;
    content: close-quote;
    display: inline-block;
    height: 12px;
    outline: 2px solid #3acfb6;
    transition-duration: .5s;
    transition-property: background-color, border-color;
    width: 12px;
}

.checkboxField:checked:after {
    background-color: #3acfb6;
    border-color: white;
}

.checkboxField2:after {
    transition-timing-function: cubic-bezier(.075, .820, .165, 1);
    border: 2px solid;
    border-radius: 0;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #c80a0a;
    content: close-quote;
    display: inline-block;
    height: 12px;
    outline: 2px solid #c80a0a;
    transition-duration: .5s;
    transition-property: background-color, border-color;
    width: 12px;
}

.checkboxField2:checked:after {
    background-color: #c80a0a;
    border-color: white;
}

.ui-checkbox2 label {
    padding-left: 10px;
}

.searcch-bg {
    background-color: #fff;
    padding-bottom: 16px;
    margin-bottom: 10px;
    padding-top: 16px;
}

.ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset input.search-food {
    width: 100%;
    padding: 7px 15px;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
}

.search-food {
    width: 100%;
    padding: 7px 15px;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
}

.category-bg {
    background-color: #fff !important;
}

.product-image {
    position: relative;
    display: inline-block;
    transition: all 0.2s linear;
}

.image-hover-text {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    opacity: 0;
    cursor: default;
    transition: opacity 0.2s linear;
}

.image-hover-text:hover {
    opacity: 1;
}

.image-hover-text-bubble {
    position: relative;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 100%;
    height: 164px;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
    font-size: 10px;
    text-align: left;
    word-wrap: break-word;
}

.image-hover-text .image-hover-text-title {
    display: block;
}

.over-text-l{
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;

}

.product-name {
    font-size: 15px;
    color: #666;
    font-weight: 600;
    padding-bottom: 10px;
    /* padding-top: 10px; */
    text-align: center;
    display: inline-block;
}

.price {
    max-width: 23px;
    height: auto;
}

.price-s {
    font-family: 'oswald', sans-serif;
    font-weight: 600;
    font-size: 15px;
}

.price-style {
    color: #666;
    margin-bottom: 15px;
}

.add-cart {
    background: #C7252F;
    color: #fff;
    font-weight: 600;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
    font-size: 13px;
    border-radius: 3px;
}

.fix-search {
    position: fixed;
    top: 0px;
}

.active-pro {
    background: #C7252F !important;
}

.products {
    padding: 15px 0px;
}

.products-br {
    border: 1px solid #e2e2e2;
}

.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
    display: none;
}

.accordion-group {
    font-size: 15px !important;
    text-transform: uppercase;
}

a.page-scroll:active {
    color: #F7941D !important;
}

.accordion-group a {
    /* padding-left: 15px;
    padding-right: 25px;
    text-transform: uppercase !important; */
    text-transform: uppercase !important;
    width: 100%;
    display: inline-block;
    padding: 7px 15px;
}

.accordion-group a:active {
    color: #F7941D !important;
}

.accordion-group.active-offer {
    background-color: #C7252F;
    color: #fff;
}

.accordion-group.active-offer:hover {
    background-color: #F7941D;
    color: #fff;
    cursor: pointer;
}

.accordion-group a:hover {
    color: #fff;
}

.accordion-group {
    /* padding-top: 7px;
    padding-bottom: 7px; */
    width: 100%;
}

.accordion-group:hover {
    /* padding-top: 7px;
    padding-bottom: 7px; */
    background-color: #C7252F;
    color: #fff;
    width: 100%;
    cursor: pointer;
}

.col-md-3.sidebar.m-t-10.category-bg {
    padding: 0px 0px;
}

.promise-tt {
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}

.clr-promise {
    color: #292929;
    font-weight: 600;
    letter-spacing: 0.05rem;
}


/*=========================POPUP CART ADD CHECK BOX=============================*/

.checkboxField3:after {
    transition-timing-function: cubic-bezier(.075, .820, .165, 1);
    border: 2px solid;
    border-radius: 0;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #c80a0a;
    content: close-quote;
    display: inline-block;
    height: 12px;
    /* outline: 2px solid #F7941D; */
    outline: 1px solid #c9c9c9;
    transition-duration: .5s;
    transition-property: background-color, border-color;
    width: 12px;
}

.checkboxField3:checked:after {
    background-color: #F7941D;
    border-color: white;
}

.ui-checkbox3 label {
    padding-left: 10px;
}

.checkboxField3 {
    float: left;
}

.cart-products-txt {
    font-size: 12px;
}


/*=========================POPUP CART ADD CHECK BOX=============================*/

.items {
    background: #f6f6f6;
    min-height: 250px;
    padding-bottom: 5px;
}

.item-cart-padding {
    padding: 7px 0px;
    margin: 0px 10px 17px 10px;
}

.col-md-6.text-right.clear-cart a {
    color: #fff;
    background: #c6242f;
    padding: 9px 13px;
    font-weight: 100;
}

.col-md-6.text-right.clear-cart a:hover {
    color: #fff;
    background: #F7941D;
    padding: 9px 13px;
}

.item-cart-title-bg {
    padding: 7px 0px;
    background: #c6242f;
    margin: 10px;
    font-weight: 600;
    color: #fff;
}

.add-to-cart a {
    background: #F7941D;
    color: #fff;
    width: 100%;
    padding: 15px;
    cursor: pointer;
}

.add-to-cart:hover a {
    background: #C7252F;
    color: #fff;
    width: 100%;
    padding: 15px;
    cursor: pointer;
}

.modal-title-item-cart {
    float: left;
    margin: unset;
    font-family: 'Raleway', sans-serif;
}

.b-title {
    font-weight: 600;
    margin-right: 10px;
}

.cart-primaryBg {
    background-color: #C7252F !important;
    color: #fff !important;
}

.cart-primaryBg {
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
}

.pointer {
    padding-top: 25%;
    padding-bottom: 25%;
}

.coopencode {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #e4e4e4;
    font-family: 'oswald', sans-serif;
}

.coopencd button {
    background: #F7941D;
    border: none;
    padding: 6px 12px;
    color: #fff;
}

.coopencd button:hover {
    background: #C7252F;
    color: #fff;
}

.coopen-border {
    border-top: 1px solid #efefef;
    padding-top: 20px;
}

.cart-total {
    padding-bottom: 17px;
    padding-top: 17px;
}

.checkout-btn {
    /* background-color: #c6242f; */
}

.desk-pl-15 {
    padding-left: 15px;
}

.teaxtarea-checkout {
    width: 100%;
    border: 1px solid #b7b7b7;
    outline: none;
    padding: 10px 0px 10px 10px !important;
    font-size: 13px !important;
}

.checkout-1 {
    width: 100%;
    background-color: #F7941D;
    color: #fff;
    padding: 12px 0px;
}

.checkout-1:hover {
    width: 100%;
    background-color: #c6242f;
    color: #fff;
    padding: 12px 0px;
}

.padding-none {
    padding-left: 0px;
    padding-right: 0px;
}

.payment-btn-select {
    width: 50% !important;
}

.nav-tabs3 {
    background: #fff !important;
    color: #000 !important;
    border: none !important;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 0px;
}

.nav-tabs3 li {
    width: 250px;
}

.nav-tabs3>li.active>a,
.nav-tabs3>li.active>a:focus,
.nav-tabs3>li.active>a:hover {
    color: #fff;
    background: #f7941d !important;
    cursor: default;
    background-color: transparent;
    border: none !important;
    border-radius: 0px !important;
}

.nav-tabs3>li>a:hover {
    border-color: none !important;
    border-radius: unset !important;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent !important;
    color: #f7941d;
    /* border: none !important; */
}

.paymentbg-d-bg {
    background: url("../../assets/images/paymentbg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 100%;
    height: auto;
}

.margin-sele input {
    margin: 20px 12px 0px 0px;
    float: left;
}

.margin-sele img {
    float: left;
}

.margin-12 p {
    margin: 12px;
    float: left;
}

.paddin-bottom {
    padding-bottom: 15%;
    padding-top: 3%;
}

.paddin-top {
    padding-bottom: 3%;
    padding-top: 15%;
}

.paymentbg-d-bg2 {
    background: url("../../assets/images/paymentbg2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 100%;
    height: auto;
}

.online-payment-btn {
    background: #c6242f;
    color: #fff;
    border: none;
    padding: 7px 15px;
    margin: 30px 0px;
}

.online-payment-btn:hover {
    background: #f7941d;
    color: #fff;
    border: none;
    padding: 7px 15px;
    margin: 30px 0px;
}

.margin-13 p {
    margin: 15px;
    float: left;
}

.paddin-bottom-13 {
    padding-bottom: 15%;
    padding-top: 15%;
}


/* 
#cart-p {
  position: fixed;
  top: 0px;
  display: inline-flex;
} */

.sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    /* overflow-y: scroll; */
}

.offer-2 {
    background: #133558;
    padding: 11px;
    color: #fff;
}

.offer-text {
    color: #494949;
    font-family: 'Raleway', sans-serif;
    padding-left: 0px;
}

.offer-text h4 {
    font-size: 17px;
    font-weight: 600;
}

.offer-text h5 {
    font-size: 15px;
    font-weight: 600;
}

.offer-text p {
    font-size: 13px;
}

.offer-text .terms-1 {
    font-size: 10px;
    color: red;
    cursor: pointer;
}

.offer-text .terms-1 {
    padding-left: 0px;
}

.apply-offer a {
    background: #F7941D;
    color: #fff;
    padding: 6px 12px;
}

.apply-offer a:hover {
    background: #C7252F;
    color: #fff;
    padding: 6px 12px;
}

.products-br .fa.red {
    position: absolute;
    right: 25px;
    top: 25px;
    color: red;
    font-size: 18px;
    background: #fff;
    border-radius: 100%;
}



.products-br .fa.green {
    position: absolute;
    right: 25px;
    top: 25px;
    color: green;
    font-size: 18px;
    background: #fff;
    border-radius: 100%;
}

.cart-add-btn {
    color: #fff;
}

.cart-add-btn a:hover {
    color: #fff;
    background-color: #F7941D;
}

.delivery-text p {
    line-height: 19px;
}

.delivery-text span {
    font-weight: 600;
    font-size: 16px;
}

.col-4,
.col-5 {
    float: left;
}

.points {
    background: #C7252F;
    padding: 6px 15px;
    color: #fff;
    font-weight: 100;
    border-radius: 50px;
    margin-top: 10px;
    position: absolute;
    cursor: pointer;
}

.points label {
    cursor: pointer;
}

a.points:hover {
    background: #F7941D;
    color: #fff;
    cursor: pointer;
}

.call-btn1 {
    background: #F7941D;
    padding: 5px 15px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 19px;
}

a.call-btn1:hover {
    background: #F7941D;
    color: #fff;
}

.call-btn1 {
    position: absolute;
    margin-top: 10px;
}


/*==============================*/

.product-description {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 0px;
    text-align: justify;
}

.online-Order-Op {
    margin: 0px;
    font-size: 11px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.online-Order-Op option:hover {
    background: #C7252F !important;
}


/*END MENU Page*/


/*==============================*/


/*==============================*/


/*PROFILE MENU*/


/*===============================*/

.lgn {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

/* .dropdown-langcl .dropbtn:hover {
    color: #FFF !important;
} */

.dropbtn {
    /* background-color: #f8f8f8;
    color: #c6242f;
    padding: 12px;
    font-size: 12px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    line-height: normal;
    font-weight: 600;
    outline: none; */
    /* background-color: #C7252F;
    color: white;
    padding: 20px 10px 16px 10px;
    font-size: 11px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    line-height: 21px;
    outline: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; */
}

/* .dropbtn2 {
    background-color: #C7252F;
    color: white;
    padding: 20px 10px 16px 10px;
    font-size: 11px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    line-height: 21px;
    outline: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 58px;
    overflow: hidden;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
} */

.paol {
    padding: 10px 15px !important;
}

/* .dropdown-content a {
    color: #353535;
    padding: 7px 0px;
    text-decoration: none;
    display: block;
    font-weight: 600;
    text-transform: capitalize;
}

.dropdown-content ul li {
    list-style-type: disc;
    content: "\2022";
    color: rgb(187, 187, 187);
    line-height: normal;
} */

.dropdown-content a:hover {
    /* background-color: #f1f1f1 */
}

/* .dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #C7252F;
} */


/*==============================*/


/*END PROFILE MENU*/


/*===============================*/


/*================================*/


/* ENTER DETAILS */


/*================================*/

.accordion--form {
    background-color: #fff;
    padding: 50px;
    width: 100%;
}

.accordion--form__fieldset {
    border: 0;
    margin: 0 0 1px 0;
    padding: 0;
}

.accordion--form__legend {
    background-color: #555;
    color: #fff;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: 100%;
}

.accordion--form__legend-active {
    background-color: #C7252F;
    color: #fff;
}

.accordion--form__wrapper {
    height: 0;
    overflow: hidden;
}

.accordion--form__wrapper-active {
    height: auto;
    padding: 30px 0;
}

.accordion--form__row {
    clear: both;
    margin-bottom: 15px;
    width: 100%;
}

.accordion--form__label {
    display: inline-block;
    margin-bottom: 5px;
}

.accordion--form__text {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 10px;
}

.accordion--form__textarea {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 10px;
}

.accordion--form__submit {}

.accordion--form__invalid {
    background-color: red;
    color: #fff;
    display: none;
    margin: 20px 0;
    padding: 5px 10px;
    width: 100%;
}

.accordion--form__next-btn,
.accordion--form__prev-btn {
    background-color: #333;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 2px 0 0;
    padding: 5px 10px;
    text-align: center;
}

.accordion--form__next-btn:hover,
.accordion--form__prev-btn:hover {
    background-color: #000;
}

.enter-details-1 {
    text-align: center;
    background: #F7941D;
    color: #fff;
    font-size: 15px;
    padding: 10px 0px;
}

.number-enter {
    background: #f7941d;
    border-radius: 50%;
    padding: 0px 8px;
    font-family: cursive;
    font-size: 16px;
    font-weight: 400;
    font-style: initial;
}

.enter-title {
    padding: 15px 15px;
    border-bottom: 1px solid #d1d1d1;
}

.enter-title .title1 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 15px;
}

.enter-coopen-code2 {
    padding: 15px;
}

#coopen-code2 {
    /* width: 100%; */
}

#coopen-code2 td,
#coopen-code2 th {
    padding: 8px;
    font-family: 'oswald', sans-serif;
}

.bg-light {
    background-color: #dfdfdf;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
}
/*new edit*/
.region-selector {
    margin: 0px;
    padding: 0px;
}
.region-selector li {
    padding: 0;
    margin: 0;
    list-style-type: none !important;
    line-height: 15px;
    font-size: 13px;
    border-bottom: 1px solid #eaeaea;
}
.region-selector li:hover a {
    color: red;
}
.region-selector li a {
    display: flex;
    gap: 0 5px;
    align-items: center;
    justify-content: flex-start;
}
.mobile-region-selector .panel-body, .region-collapse .panel-body {
    padding: 10px 15px;
    font-size: 12px;
    border-bottom: solid 0.5px #ffd6d6;
    background: #480404;
}

.panel-group .panel .panel-heading {
    background: #ffdadc;
    padding: 8px 10px;
    color: red;
    font-weight: 600;
}
.panel-group .panel .panel-heading.lang-selector-bt {
    border-radius: 5px;
    padding: 12px;
    background-color: #880008;
    color: #fff;
}
.mobile-region-selector .panel-title, .region-collapse .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    color: inherit;
    letter-spacing: 0.07em;
    line-height: 20px;
}
.mobile-region-selector .panel-title a, .region-collapse .panel-title a {
    width: 100%;
    display: block;
}
.mobile-region-selector .panel-collapse.collapse.in#collapse2 {
    box-shadow: rgba(44, 44, 44, 0.15) -1px 2px 1px;
}
.mobile-region-selector .panel-collapse.collapse.in {
    position: relative;
    z-index: 10;
}
.collapse.in {
    display: block;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}
.mobile-region-selector .panel-body, .region-collapse .panel-body {
    padding: 10px 15px;
    font-size: 12px;
    border-bottom: solid 0.5px #ffd6d6;
    background-color: #480404;
}
.panel-body.lang-selector-body, .panel-footer.lang-selector-ftr {
    background-color: #f7941d;
}
.mobile-region-selector .panel-body, .mobile-region-selector .panel-footer {
    background-color: #c7252f;
}
.mobile-region-selector .panel-group, .region-collapse .panel-group {
    margin-bottom: 5px !important;
}
.mobile-region-selector .panel.panel-default {
    background: #ffdadc;
}
.mobile-region-selector .panel.panel-default, .region-collapse .panel.panel-default {
    border: none;
    padding: 0px;
    background: #c7252f;
    border-radius: 6px;
}
.region-collapse img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    transition: 0.2s ease-in-out;
}


/*new edit end*/


#coopen-code1 {
    width: 100%;
}

#coopen-code1 td,
#coopen-code1 th {
    padding: 8px;
}

#coopen-code1 td:nth-child(1) {
    width: 80%;
}

#coopen-code1 td:nth-child(2) {
    width: 10%;
}

#coopen-code1 td:nth-child(3) {
    width: 10%;
    font-family: 'oswald', sans-serif;
}

.next-btn1 {
    background: #F7941D;
    color: #fff;
    border: none;
    margin-left: -15px;
    padding: 10px 150px;
    border-radius: 3px;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    width: 100%;
}

.next-btn1-bg {
    background: #F7941D;
    cursor: pointer;
}

#coopen-code3 {
    width: 100%;
}

#coopen-code3 td,
#coopen-code3 th {
    padding: 8px;
}

#coopen-code3 tr:nth-child(1) {
    color: #000;
}

#coopen-code3 th:nth-child(2) {
    text-align: right;
}


/*==================*/


/*-----SUBTOTAL-----*/


/*==================*/

#subtotal {
    width: 100%;
}

#subtotal td,
#subtotal th {
    padding: 8px;
}

#subtotal td:nth-child(1) {
    width: 84%;
}

.total-bg {
    background: #e2e2e2;
    padding: 0px 15px;
    font-weight: 600;
    font-size: 17px;
}

#subtotal tr td:nth-child(1) span {
    color: #C7252F;
}

#subtotal tr td:nth-child(1) {
    font-weight: 600;
}

#subtotal.subtt td:nth-child(1) {
    width: 68%;
}

#subtotal.subtt td:nth-child(2) {
    width: 16%;
}


/*==================*/


/*==================*/


/*-----DELIVERY ADDRESS-----*/


/*==================*/

#deliveryAddress {
    width: 100%;
}

#deliveryAddress td,
#deliveryAddress th {
    padding: 8px;
}

#deliveryAddress td:nth-child(1) {
    width: 84%;
}

.total-bg {
    background: #e2e2e2;
    padding: 0px 15px;
    font-weight: 600;
    font-size: 17px;
}

#deliveryAddress tr td:nth-child(1) span {
    color: #C7252F;
}

#deliveryAddress tr td:nth-child(1) {
    font-weight: 600;
}

#deliveryAddress.subtt td:nth-child(1) {
    width: 68%;
}

#deliveryAddress.subtt td:nth-child(2) {
    width: 16%;
}


/*==================*/


/*==================*/


/*-----OUTLET-----*/


/*==================*/

#outlet {
    width: 100%;
}

#outlet td,
#outlet th {
    padding: 8px;
}

#outlet td:nth-child(1) {
    width: 84%;
}

.total-bg {
    background: #e2e2e2;
    padding: 0px 15px;
    font-weight: 600;
    font-size: 17px;
}

#outlet tr td:nth-child(1) span {
    color: #C7252F;
}

#outlet tr td:nth-child(1) {
    font-weight: 600;
}

#outlet.subtt td:nth-child(1) {
    width: 68%;
}

#outlet.subtt td:nth-child(2) {
    width: 16%;
}


/*==================*/

.address-btn1 {
    background: #F7941D;
    color: #fff;
    padding: 10px 15px;
}

.address-btn2 {
    background: #F7941D;
    color: #fff;
    padding: 13px 65px;
    border-radius: 5px;
}

.address-btn2:hover {
    background: #c7252f
}

.text-area {
    width: 100%;
    padding: 15px 15px;
    border: 1px solid #dadada;
    min-height: 225px;
}

.checkout_details_next_btn {
    margin-top: 39px;
    margin-bottom: 10px;
}

#outlet option:hover {
    background-color: red;
}

.drop-down-btn1 {
    background: #f7941d;
    border: none;
    padding: 10px 40px;
    color: #fff;
}

.select-add-spec {
    font-size: 18px;
    padding: 10px;
    margin: 20px;
}

.select-add-spec label {
    padding: 10px;
}

.active .label-spec:hover {
    color: #c6242f;
    border: 1px solid #c6242f;
}

.address-placed-bg {
    background: #f6f6f6;
    margin-bottom: 40px;
    margin-top: 40px;
    padding-bottom: 15px;
    border: 1px solid #d5d5d5;
}

.address-placed p {
    text-align: left;
}

.address-placed i {
    text-align: right;
    color: #f7941d;
}

.address-placed {
    padding-bottom: 7px;
    padding-top: 17px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 15px;
    background: #f7941d;
    color: #fff;
}

.address-edit .remove {
    color: red;
}

.address-edit .editadd {
    text-align: right;
}

.Hi-pr-ml {
    padding-right: 15px;
    margin-left: -15px;
}

.OTP-style p {
    font-size: 16px;
    font-weight: 600;
}

.OTP-input {
    padding: 5px;
    margin: 5px 0px;
    width: 100%;
    border: 1px solid #b3b3b3;
}

.login-btn3 {
    background: red;
    color: #fff;
    padding: 10px 15px;
}

.mtb-10-pers {
    margin-top: 10%;
    margin-bottom: 10%;
}

.top-16 {
    top: 16px;
}

.pad-70 {
    padding: 70px 0px;
}


/*================================*/


/* END ENTER DETAILS */


/*================================*/


/*=========================ACCORDING CHECK BOX=============================*/

.checkboxField4:after {
    transition-timing-function: cubic-bezier(.075, .820, .165, 1);
    border: 2px solid;
    border-radius: 0;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #c80a0a;
    content: close-quote;
    display: inline-block;
    height: 12px;
    /* outline: 2px solid #F7941D; */
    outline: 1px solid #c9c9c9;
    transition-duration: .5s;
    transition-property: background-color, border-color;
    width: 12px;
}

.checkboxField4:checked:after {
    background-color: #F7941D;
    border-color: white;
}

.ui-checkbox4 label {
    padding-left: 10px;
}

.checkboxField4 {
    float: left;
}


/*=========================ACCORDING CHECK BOX=============================*/


/*=============CATERING STYLE=============*/

.catering-bg-media {
    padding-bottom: 0px;
    padding-top: 100px;
    background-color: #f2f7f3;
}

.catering-bg {
    padding-bottom: 30px;
    padding-top: 40px;
}

.catering-bg h2,
h5,
p {
    /* font-family: 'oswald', sans-serif; */
    font-family: 'Raleway', sans-serif;
}

.catering-title h2,
h5 {
    font-family: 'Raleway', sans-serif;
}

.catering-title {
    padding-top: 100px;
}

.catering-slide {
    margin-top: 100px;
}

.form-text-style1 {
    width: 100%;
    padding: 8px 10px;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
}

.owl-carousel-3 .owl-item {
    padding: 0px 15px;
}

.owl-carousel-3 .owl-stage-outer {
    position: relative;
    overflow: inherit !important;
    -webkit-transform: translate3d(0, 0, 0);
}

.media {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.18);
    transition: all ease 0.3s;
    background: #fff;
    display: inline-block;
    border: 0;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
    transition: all 1s ease;
    object-fit: cover;
    object-position: center top;
}

.media:hover {
    opacity: 1;
    transform: scale(1.2);
    box-shadow: 0px 0px 46px -8px rgba(0, 0, 0, 0.75);
    z-index: 9999;
    display: block;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #c6242f !important;
}

.owl-theme .owl-dots .owl-dot span {
    /* width: 10px; */
    /* height: 10px; */
    /* margin: 5px 7px; */
    /* background: #D6D6D6; */
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    /* border-radius: 30px; */
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    width: 40px !important;
    height: 5px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    background: #ccc !important;
    border: none !important;
}

.media div.media-date {
    position: relative;
    width: 50% !important;
    font-family: 'oswald', sans-serif;
    text-align: center;
    background: #f7941d !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff !important;
    border-radius: 20px;
    bottom: 17px;
    font-size: 16px;
    z-index: 9999;
    padding: 5px 0px;
    box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.15);
}

.media-brand img {
    max-width: 200px;
    height: auto;
    margin-left: 20%;
}

.media-brand {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 30px;
}


/*=============END CATERING STYLE==========*/


/*==============CATEGORY=====================*/


/*** effect image ***/

.mooz:hover {
    transition-duration: 1s;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    cursor: pointer;
}

.mooz {
    transition-duration: 0.6s;
    margin: 20px auto;
}


span.blog-date {
    z-index: 9;
    position: absolute;
    display: block;
    left: 23px;
    bottom: 20px;
    background: white;
    padding: 10px 15px;
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

/* .zoom img {
  transition-duration: 4s;
  margin: 0 auto;
  display: block;
} */


/* .zoom img:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  z-index: 0;
  
} */

.zoom {
    overflow: hidden;
    padding: 0;
    float: left;
    margin: 0px 0px 10px 0px;
    border-radius: 10px;
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    overflow: hidden;
    background: #fff;
    /* box-shadow: 0px 1px 2px rgba(80, 80, 80, 0.3);
    -moz-box-shadow: 0px 1px 2px rgba(80, 80, 80, 0.3);
    -webkit-box-shadow: 0px 1px 2px rgba(80, 80, 80, 0.3); */
}

.category-banner-off {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-size: 25px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    background: #c6242f;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.category-banner-off::before {
    background: url(../../assets/images/products/coin.svg);
    width: 30px;
    height: 30px;
    content: "";
    position: absolute;
    top: 4px;
    left: 7px;
}

.category-banner-off .bold-sp {
    font-weight: 700;
}

.category-banner-off span {
    margin-top: 10px;
}

.category-promo-txt2 {
    left: -60px;
    /* bottom: -50px; */
}

.category-promo-txt {
    transform: translateX(-30px);
    bottom: -10px;
}

.category-promo-txt p {
    text-align: left;
    color: #fff;
    font-size: 19px;
    font-family: 'Raleway', sans-serif;
    line-height: 0.8;
}

.category-promo-txt .promo-c {
    border: 1px solid red;
    border-radius: 50px;
    padding: 3px 20px 5px 20px;
    width: 90%;
    background: rgba(0, 0, 0, 0.4);
    line-height: 1;
}

.category-bg {
    background: #f2f7f3;
}

.category-bg-imp {
    background: #ffffff !important;
}

.catergory-text p {
    text-align: justify;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
}

.opacity-img {
    opacity: 0.3;
}

.sub-cat-img img {
    border-radius: 13px;
}

.sub-cat-text h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 23px;
    font-weight: 800;
}

.sub-cat-text p {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    color: #7e7e7e;
    padding: 5px 0px;
}

.sub-cat-text p.KI {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    color: #353535;
}

.sub-cat-text p.KI span {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    color: #686868;
    font-weight: 600;
}

.sub-cat-text p.KI2 span.KIp {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    color: #686868;
    font-weight: 600;
}

.sub-cat-text a .category-btn {
    background: #c6242f;
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 3px;
}

.sub-cat-text a .category-btn:hover {
    background: #f7941d;
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 3px;
}


/*==============END CATEGORY ================*/


/*===============MENU DETAILS=================*/

.z-ind3 {
    position: sticky;
    top: 0px;
}

.z-ind3 {
    z-index: 9;
}

.z-ind3::-webkit-scrollbar {
    display: none;
}

.scroll-padd {
    top: 85px;
}

.menud-text h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 25px;
    font-weight: 800;
    color: #535353;
}

.menud-text p {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    color: #7e7e7e;
    padding: 5px 0px;
}

.menud-style h5 {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px;
    color: #333;
}

.menud-style h5 span.alignr {
    float: right;
}

.menud-style p {
    color: rgb(100, 100, 100);
}

.nav-tabs {
    background: #c6242f;
    color: #fff;
    font-family: 'Raleway', sans-serif;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #c6242f;
    border: none;
    border-bottom-color: transparent !;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:active {
    background-color: #f7941d;
}

.nav-tabs>li>a:hover {
    border-color: none !important;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent !important;
    color: #f7941d;
    border: none;
}


/*====Online-tb====*/

.nav-tabs2 {
    background: #fff !important;
    color: #000 !important;
    border: none !important;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 15px;
}

.nav-tabs2 li {
    width: 250px;
}

.nav-tabs2>li.active>a,
.nav-tabs2>li.active>a:focus,
.nav-tabs2>li.active>a:hover {
    color: #fff;
    background: #c6242f !important;
    cursor: default;
    background-color: transparent;
    border: none !important;
    border-radius: 0px !important;
}

.nav-tabs2>li>a:hover {
    border-color: none !important;
    border-radius: unset !important;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent !important;
    color: #f7941d;
    border: none;
}

.points-online {
    margin: 30px 0px;
}

.points-online p {
    font-family: 'Raleway', sans-serif;
    line-height: 2px;
}

.points-online p.po-name {
    font-weight: 600;
    font-size: 20px;
    color: #000;
}

.online-p-btn {
    background: #c6242f;
    color: #fff;
    border: none;
    padding: 7px 15px;
    margin: 30px 0px;
}

.online-p-btn:hover {
    background: #f7941d;
    color: #fff;
    border: none;
    padding: 7px 15px;
    margin: 30px 0px;
}

.v-details-reset-btn {
    border: none !important;
    padding: 0px !important;
    color: #f7941d;
}

.v-details-reset-btn:hover {
    color: #c6242f;
}

.v-details-s {
    color: #666;
    margin: 15px 0px;
}

.tab-content-point {
    background: #fff !important;
}

.z-ind4 {
    z-index: 9999;
}

.brd1 {
    border-bottom: 1px solid #e6e6e6;
}

.brd2 {
    border-top: 1px solid #e6e6e6;
    padding: 25px 0px;
}

.addres-btn1 {
    border: none !important;
    color: red;
}

.addres-btn2 {
    border: none !important;
}

.order-details-final {
    margin: 30px 0px;
}

.order-details-final p {
    font-family: 'Raleway', sans-serif;
    line-height: 12px;
    color: #484848;
}

.clr-btn {
    color: #64cca0;
    text-transform: uppercase;
}

.img-style img {
    border: 0.2rem solid #dcdcdc;
    border-radius: 8px;
    margin-bottom: 10px;
}

.img-style {
    margin: 20px;
}

.img-style img.active {
    border: 0.2rem solid #c6242f;
    border-radius: 8px;
    margin-bottom: 10px;
}

.red {
    color: red;
}

.points-brd {
    padding-bottom: 50px;
    border-bottom: 1px solid #e2e2e2;
}

.points-brd2 {
    padding-bottom: 50px;
}

.points-brd15 {
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 2.1vh;
}

.ref-gcode input {
    background: #c6242f;
    color: #fff;
    border: none;
}


/*====END Online Tab====*/

.z-ind {
    z-index: 9;
}

.z-ind::-webkit-scrollbar {
    display: none;
}

.top-ind {
    background: #f2f7f3;
    padding: 15px 0px;
}


/*=========TABS==========*/


/* MOBILE style */

@media screen and (max-width: 992px) {

    /*
   * In Mobile, hide the tabs controls and undo some potential damage done by the accordion
   */
    .responsive-tabs .nav-tabs,
    .responsive-tabs .tab-content .collapse.active:not(.in) {
        display: none;
    }

    .responsive-tabs .tab-content .collapse.in,
    .responsive-tabs .tab-content .collapsing {
        display: block;
    }
}


/* DESKTOP style */

@media screen and (min-width: 991px) {

    /*
   * In desktop, hide the accordion's controls and undo some potential damage done on the active tab
   */
    .responsive-tabs .panel-heading {
        display: none;
    }

    .responsive-tabs>.active {
        height: auto !important;
    }
}


/* To make it a bit prettier */

.tab-content .panel-heading {
    padding: 0;
}

.tab-content a {
    display: block;
    margin-bottom: -1px;
    /* padding: 10px 15px;
  border: solid #ccc; */
    border-width: 1px 0;
    width: fit-content;
}


/*=========END TABS==========*/


/*===============END MENU CATEGORY==============*/


/*=======LOYALTY============================*/

.loyalty-text h1 {
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}

.bronze-text p {
    font-size: 22px;
    font-weight: bolder;
    margin-top: 20px;
}

.bronze-text span {
    font-size: 16px;
    margin-bottom: 15px;
}

.bronze-text ul {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0px;
}

.bronze-text ul li {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style: none;
}


/*=============END LOYALTY====================*/


/*=================JOIN US======================*/

.panel {
    margin-bottom: 3px;
}

.job-panel-title {
    margin: 0px;
}

.job-panel-heading {
    padding: 0;
    border: 0;
}

.job-panel-title>a,
.job-panel-title>a:active {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}

.job-panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
    color: #f7941d;
}

.job-panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.joinus input,
select {
    padding: 5px 8px;
    width: 100%;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    margin: 10px 0px;
}

.joinus-btn {
    background: #c6242f;
    border: none;
    color: #fff;
    padding: 5px 20px;
    border-radius: 3px;
}

.joinus-btn:hover {
    background: #f7941d;
    border: none;
    color: #fff;
    padding: 5px 20px;
    border-radius: 3px;
}


/*================END JOIN US=====================*/


/*===============CONTACTLESS=================*/

.online-ctls-btn {
    background: #c6242f;
    color: #fff;
    padding: 10px 15px;
    border: none;
    font-weight: bold;
    border-radius: 3px;
    margin: 30px 0px;
}

.online-ctls-btn:hover {
    background: #f7941d;
    color: #fff;
    cursor: pointer;
}


/*===============END CONTACTLESS==============*/


/*====================COUNT POP========================*/

.adetsay {
    clear: both;
    margin: 1em 0px;
    position: absolute;
}

.adetsay input {
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 1em 0;
    font-size: 1em;
}

.adetsay input[type='button'] {
    cursor: pointer;
    position: relative;
    background: #eeeeee;
    height: 26px;
    padding: 0;
    width: 20px;
    font-weight: bold;
    -webkit-appearance: button;
}

.adetsay input[type='text'] {
    position: relative;
    height: 20px;
    left: -10px;
    text-align: center;
    width: 20px !important;
    display: inline-block;
    margin: 0;
    resize: vertical;
}

.float-count {
    float: left;
}

.barti {
    left: -10px;
}


/*===================END COUNT POP====================*/

.menu-pc-w {
    width: 1100px;
    left: -10em;
    padding: 15px 0px;
}

.menu-style-2 {
    padding: 7px 0px;
    text-transform: capitalize;
    font-size: 12px;
}

p.dine-in-btn {
    background: url(../../assets/images/dine-table.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
    height: 153px;
    text-align: center;
}

p.dine-in-btn a {
    background: #c6242f !important;
    font-family: 'Raleway', sans-serif;
    font-size: 18px !important;
    padding: 17px 17px;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 100;
    border-radius: 4px;
    position: relative;
    top: 65px;
}

p.dine-in-btn a:hover {
    background: #f7941d !important;
}

.dine-p-center p {
    text-align: justify !important;
}

.dine-reser-icon {
    padding: 0px !important;
    font-size: 18px !important;
}

.dine-select-1 {
    border-radius: 0px;
    margin: 0px;
    padding: 0px 10px;
}

.opttion-op {
    padding: 15px !important;
    margin-top: 5px;
}

.reserv-time a {
    border: 1px solid #afafaf;
    padding: 10px 20px;
    border-radius: 2px;
}

.reserv-time a:hover {
    border: 1px solid #f7941d;
    padding: 10px 20px;
    border-radius: 2px;
}

.gt-otp-input {
    padding: 4px 10px;
    max-width: 100%;
    border: 1px solid #dadada;
}

.gt-otp {
    padding: 8px 17px !important;
    background: #666;
    color: #fff;
    font-size: 14px;
    position: relative;
    left: -5px;
}

.reserv-slt {
    font-size: 20px !important;
    color: #555 !important;
    background: #eee;
    border: 1px solid #ccc;
    padding: 6px 10px !important;
    border-radius: 3px;
    margin-right: 10px;
}

.reserv-p {
    font-size: 16px !important;
    color: #666 !important;
    font-weight: 600;
}

p.reserved-btn a {
    background: #c6242f !important;
    font-family: 'Raleway', sans-serif;
    font-size: 13px !important;
    padding: 13px 17px;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 100;
    border-radius: 2px;
    position: relative;
    top: 20px;
}

p.reserved-btn a:hover {
    background: #f7941d !important;
}

.telcall {
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    color: #c6242f;
}

.mobile-cartPP input {
    margin-right: 8px;
}

.mobile-cartPP .col-md-6 {
    margin: 6px 0px;
}

.mobile-cartMH-btn {
    display: flex;
    margin-bottom: 10px;
    padding: 0px 25px;
}

.clr-red {
    color: #C7252F !important;
}

.CartGradTotal {
    /* color: #C7252F; */
    font-weight: 600;
    font-family: 'oswald', sans-serif;
}

#CartSubtotal {
    color: #F7941D;
}

.coopencd {
    text-align: right;
}

.mobile-pro-description-p img {
    width: 100%;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 9;
}

a.addressSelect:hover {
    background-color: #F7941D;
}

a.addressSelect:active {
    background-color: #C7252F;
}

.checkboxFieldADD:after {
    transition-timing-function: cubic-bezier(.075, .820, .165, 1);
    border: 2px solid;
    border-radius: 0;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #c6242f;
    content: close-quote;
    display: inline-block;
    height: 12px;
    outline: 2px solid #f7941d;
    transition-duration: .5s;
    transition-property: background-color, border-color;
    width: 12px;
}

.checkboxFieldADD:checked:after {
    background-color: #C7252F;
    border-color: white;
}


/*==================PADDING MARGING=====================*/

.p-5-10 {
    padding: 5px 10px;
    overflow: hidden;
}

.p-10 {
    padding: 10px;
}

.l-none-i {
    list-style: none !important;
}

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

.p-0 {
    padding: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-35 {
    padding-right: 35px;
}

.pl-0 {
    padding-left: 0px;
}

.pl-10p {
    padding-left: 10px;
}

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

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

.pb-3 {
    padding-bottom: 30px;
}

.pt-3 {
    padding-top: 30px;
}

.ptbrl {
    padding: 30px;
}

.p-tb-4 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p-tb-30 {
    padding: 30px 0px;
}

.m-tb-4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.m-tb-5 {
    margin-top: 6px;
    margin-bottom: 6px;
}

.mr-0 {
    margin-right: 0px;
}

.mt-5-pers {
    margin-top: 5%;
}

.mt-10-pers {
    margin-top: 10%;
}

.p5-10 {
    padding: 5px 10px;
}

.mx-h9 {
    max-height: 90px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-10 {
    margin-top: 10px;
}

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

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

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

.pl-15 {
    padding-left: 15px;
}

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

.space-div {
    padding-bottom: 20px;
}

.f-20 {
    font-size: 20px;
}

.w-10 {
    width: 30px;
    float: left;
}

.w-40 {
    width: 100px;
    float: left;
    margin-top: -4px;
}

.w-100 {
    width: 100%;
}

.mb-0 {
    margin-bottom: 0px;
}

.mt-mb-15 {
    margin: 15px 0px;
}

.mr-20 {
    margin-right: 20px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-16 {
    margin-top: 16px;
}

.ml-10 {
    margin-left: 10px;
}

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

.font-clr-bld {
    font-weight: 600;
    color: #6f6f6f;
}

.clr5 {
    color: #000;
}

.font-clr {
    color: #989898;
}

.mb-3 {
    margin-bottom: 20px;
}

.pad150 {
    padding: 15px 0px;
}


/*==================END PADDING MARGING=====================*/


/*===================BLOG===================*/

/* NEW CSS 2021 */
.catering-bg .row table{
    width: auto !important;
}
.catering-bg .row table tbody td{
    width: auto !important;
}

.catering-bg .row table tbody table{
    width: auto !important;
}


/* END NEW CSS */

.clrgray {
    color: #868686;
}

.blog-title {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    padding-top: 8px;
    /* display: block; */
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.blog-f-14 {
    font-size: 14px;
}

.blog-text ul {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0px;
    list-style: none;
}

.blog-content-bg {
    background: #13355a;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding-top: 15px;
    margin-top: -8px;
    text-align: center;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
color: #fff;
    padding: 12px;
}

.mooz-blog:hover {
    transform: scale(1.03) !important;
    -webkit-transform: scale(1.03) !important;
    -moz-transform: scale(1.03) !important;
}

.zoom-blog {
    margin: 0px !important;
    z-index: 9;
    max-height: 360px;
}

#blog-shadow:hover .blog-content-bg {
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    /* -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg); */
    transition-duration: 1s;
}

#blog-shadow .blog-content-bg {
    transition: all 1.3s ease-in-out;
}

.blog-readmore p {
    margin-bottom: 10px;
    font-weight: bold;
    color: #5d5d5d;
    line-height: 1.9;
    font-size: 15px;
}

.blog-readmore2 p {
    margin-bottom: 10px;
    color: #737373;
    line-height: 1.9;
    font-size: 15px;
}


/*===========================*/


/*-------Tracking------------*/


/*===========================*/

.tracking-icon {
    width: 120px;
}

.track-title h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.track-title p.text {
    font-size: 20px;
    color: #adadad;
}

.track-title p.text2 {
    font-size: 20px;
    font-weight: 600;
}

.track-title p.text2 a {
    color: #f7941d;
}

.track-bg {
    background: #fff;
    border-radius: 10px;
    padding-bottom: 15px;
}

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

.img-track-1 {
    width: 100px;
    background: #fff;
    border-radius: 7px;
    padding: 10px;
}

div:focus {
    border: 1px solid #c6242f;
    outline: none;
}

p.act:active {
    color: red;
}

.tracking-tt p {
    font-weight: 600;
    line-height: 0.9;
    font-size: 15px;
}

.tracking-tt-padding {
    padding: 20px 0px;
}

.p-50 {
    padding: 50px 0px;
}


/*====INSTA====*/

.btn__container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn {
    min-width: 110px;
    background-color: #C7252F;
    padding: 1rem 2rem;
    text-decoration: none;
    color: #fff;
    display: flex;
    transition: all .2s ease-in-out;
    margin-right: 10px;

    i {
        color: #DF3796;
        font-size: 20px;
        padding-right: 10px;
        transition: all .3s ease-in-out;
    }

    span {
        font-family: "Roboto", sans-serif;
        align-self: center;
        transform: translateX(0px);
        transition: all .1s ease-in-out;
        opacity: 1;
    }

    &:hover {
        transform: scale(1.1);
        background: linear-gradient(to right, #ff3019 0%, #c90477 100%);
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.10);

        i {
            transform: translateX(45px);
            padding-right: 0;
            color: #FFF;
        }

        span {
            transform: translateX(30px);
            opacity: 0;
        }
    }

    &:active {
        transform: scale(1);
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.10);
    }
}

.btn-f {
    min-width: 110px;
    background-color: #fff;
    padding: 1rem 2rem;
    text-decoration: none;
    color: #286ED6;
    display: flex;
    transition: all .2s ease-in-out;

    i {
        color: #286ED6;
        font-size: 20px;
        padding-right: 10px;
        transition: all .3s ease-in-out;
    }

    span {
        font-family: "Roboto", sans-serif;
        align-self: center;
        transform: translateX(0px);
        transition: all .1s ease-in-out;
        opacity: 1;
    }

    &:hover {
        transform: scale(1.1);
        background-color: #286ED6;
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.10);

        i {
            transform: translateX(45px);
            padding-right: 0;
            color: #FFF;
        }

        span {
            transform: translateX(30px);
            opacity: 0;
        }
    }

    &:active {
        transform: scale(1);
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.10);
    }
}

.fuoib:hover {
    background: #F7941D;
}

.fuoib:hover i span.fuoi {
    color: #fff !important;
}

.insta {
    font-size: 20px !important;
    padding-right: 10px;
}


/*====END INSTA====*/

.insta-sec-tt {
    color: #6b6b6b;
}

.intsa-sec-pad {
    padding: 20px;
}

.v-center {
    -webkit-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
}

.v-center2 {
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
}

thead tr.th-bg {
    background: #C7252F;
    color: #fff;
}

.order-title-p {
    margin-top: 5px !important;
    padding-bottom: 20px !important;
}

.opacity-less {
    opacity: 0.3;
}

.order-status-active {
    border: 0.2rem solid #c6242f;
    border-radius: 8px;
}


/*===ANIMATED SIDE ICON===*/

.icons {
    /*border : 2px solid black;*/
    position: fixed;
    top: 55%;
    /* left: 5px; */
    /* width: 200px; */
    width: 55px;
    display: flex;
    flex-direction: column;
    z-index: 90;
}

.icons-call {
    width: 185px !important;
    font-size: 17px !important;
}

.icons a.icons-call {
    transform: translate(-138px, 0px) !important;
}

.icons a.icons-call:hover {
    transform: translate(-10px, 0px) !important;
}

.icons a {
    text-decoration: none;
    text-transform: uppercase;
    /* padding: 7px; */
    padding: 2px;
    /* font-size: 17px; */
    font-weight: 600;
    font-family: 'oswald', sans-serif;
    margin: 2px;
    text-align: right;
    border-radius: 0px 50px 50px 0px;
    /* transform: translate(-130px, 0px); */
    transform: translate(-138px, 0px);
    transition: all 0.5s;
    color: white;
}

.icons a:hover {
    transform: translate(-10px, 0px);
}

.icons a i {
    margin-left: 14px;
    background-color: #f7941d;
    width: 40px;
    height: 40px;
    color: #FFF;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    transition: all 0.5s;
    font-size: 20px !important;
}

.icons a:hover i {
    transform: rotate(360deg);
    cursor: pointer;
}

.icons a img {
    margin-left: 14px;
    background-color: #f7941d;
    width: 40px;
    height: 40px;
    color: #FFF;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    transition: all 0.5s;
    font-size: 20px !important;
}

.icons a:hover img {
    transform: rotate(360deg);
    cursor: pointer;
}

.icons a i.fa-twitter {
    color: #f7941d;
}

.twitter {
    color: white;
    background-color: #c6242f;
}

.icons a i.fa-whatsapp {
    margin-left: 14px;
    background-color: #fff;
    width: 40px;
    height: 40px;
    color: #25d366;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    transition: all 0.5s;
    font-size: 20px !important;
}

.whatsapp {
    color: #666;
    background-color: #25d366;
    width: 185px !important;
}

.icons a i.fa-comment {
    margin-left: 14px;
    background-color: #fff;
    width: 40px;
    height: 40px;
    color: #00c200;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    transition: all 0.5s;
    font-size: 20px !important;
}

.comment {
    color: #666;
    background-color: #00c200;
    width: 185px !important;
}


/*===END ANIMATED SIDE ICON===*/

.make-reservation-form-input {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    float: left;
}

.make-reservation-form-input .icon {
    padding: 10px;
    background: #ddd;
    color: #1e1e1e;
    min-width: 30px;
    text-align: center;
}

.make-reservation-form-input input {
    width: 100%;
    padding: 6px;
    border: 1px solid #ddd;
    background: #ddd;
}

.custom-select2 {
    position: relative;
    width: 100%;
}


/* .custom-select2 select {
    display: none;
} */

.select-items div {
    color: #000;
    padding: 9px;
    cursor: pointer;
    user-select: none;
    border: 1px solid #ddd;
}

.select-selected {
    background-color: #ddd;
}

select.persns {
    padding: 8px 8px;
    width: 100%;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    margin: 0px;
}


/* .select-hide {
    display: none;
} */

.select-items {
    position: absolute;
    background-color: #eee;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    overflow-y: scroll;
    height: 300%;
}

.select-selected {
    color: #000;
    padding: 9px;
    cursor: pointer;
    user-select: none;
    border: 1px solid #ddd;
}

select.persns option:hover {
    background-color: rgba(0, 0, 0, .1);
}


/*============*/

.custom-select {
    position: relative;
    font-family: Arial;
}

.custom-select select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    background-color: #ddd;
}


/*style the arrow inside the select element:*/

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #c6242f transparent transparent transparent;
}


/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #c6242f transparent;
    top: 7px;
}


/*style the items (options), including the selected item:*/

.select-items div,
.select-selected {
    color: #666;
    /* padding: 5px 17px; */
    padding: 5px 15px 5px 5px;
    font-size: 14px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}


/*style items (options):*/

.select-items {
    position: absolute;
    background-color: #ddd;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}


/*hide the items when the select box is closed:*/

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.sub-btnm {
    background: #c6242f;
    border: none;
    color: #fff;
    padding: 12px 25px;
    border-radius: 3px;
    margin-top: 15px;
}


/*======DT-Order=====*/


/* .nav-tabs li a.address-dt-btn {
    background: #c6242f;
} */

.nav-tabs li a.address-dt-btn:hover {
    background: #f7941d !important;
    color: #FFF !important;
}

.nav-tabs li a.address-dt-btn:active a.address-dt-btn:focus {
    background: #f7941d !important;
    color: #FFF !important;
}

.dt_address {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    width: 100%;
    margin: 25px 0px;
    padding: 9px 7px;
    border-radius: 3px;
    border: none;
}

.dt_address:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

input.dt_address:focus {
    border: none !important;
    background: #fffbf6;
    outline: none;
}

.about-us .tab-content h2.dt-heading {
    text-align: left !important;
    font-size: 20px !important;
    font-weight: 600;
    margin-top: 30px;
    font-family: 'Raleway', sans-serif;
}

.about-us .tab-content p.dt-heading {
    color: #636363;
    font-weight: 700;
    margin: 0px;
    padding-top: 10px;
}

.nav>li>a.address-dt-btn:focus,
.nav>li>a.address-dt-btn:hover {
    text-decoration: none;
    background-color: #f7941d !important;
    color: #fff;
    border: none;
    cursor: pointer;
}

.b-location {
    width: 15%;
    padding: 11px;
    margin: 25px 0px 25px 0px;
    color: #444444;
}

.b-location:focus {
    outline: none;
}

select .b-location option.st-op {
    padding: 10px;
}

.b-location-details {
    width: 84%;
    padding: 10px;
    color: #444444;
    border: 1px solid #ddd;
}

.b-location-details:focus {
    outline: none;
}

.dt-btn {
    background: #c6242f;
    width: 20%;
    border-radius: 3px;
    padding: 10px 15px;
    color: #fff;
    float: left;
    margin: 0px 10px;
    text-align: center;
}

.nav-tabs>li.active>a.address-dt-btn,
.nav-tabs>li.active>a.address-dt-btn:active {
    color: #fff;
    /* background-color: #f7941d; */
}

.nav-tabs>li>a.address-dt-btn {
    border: none !important;
}

.nav-tabs>li.dt-btn-d {
    margin-bottom: 0px;
}

.nav-tabs.nav-justified>li>a.address-dt-btn {
    margin-bottom: 0px;
}

.contact-us i.dt-icon {
    background: #f7941d;
    padding: 8px 12px;
    border-radius: 50%;
    color: #fff;
}

.contact-us i.dt-icon2 {
    background: #f7941d;
    padding: 8px 9px;
    border-radius: 100%;
    color: #fff;
}

.about-us .tab-content h2.dt-heading {
    color: #666;
}

.nav-tabs.dt-btn-delivery {
    background: transparent;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    border-bottom: 1px solid #c6242f !important;
    color: #c6242f;
}


/*UNAVAILABLE*/

.unavailable {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    z-index: 9;
    left: 0px;
    text-align: center;
}

.unavai {
    width: 50%;
    margin-top: 20%;
}

.line-b {
    border-bottom: 1px solid #dedede;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 15px;
}


/*=========================
   AUTO POPUP
===========================*/

.img-replace {
    /* replace text with an image */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
}

.bts-popup {
    z-index: 9999999;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.bts-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.bts-popup-container {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
    background: #f36f21;
    border-radius: none;
    text-align: center;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.bts-popup-container img {
    padding: 0px 0 0 0;
}

.bts-popup-container p {
    color: white;
    padding: 10px 40px;
}

.bts-popup-container .bts-popup-button {
    padding: 5px 25px;
    border: 2px solid white;
    display: inline-block;
    margin-bottom: 10px;
}

.bts-popup-container a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}

.bts-popup-container .bts-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
}

.bts-popup-container .bts-popup-close::before,
.bts-popup-container .bts-popup-close::after {
    content: '';
    position: absolute;
    top: 12px;
    width: 16px;
    height: 3px;
    background-color: white;
}

.bts-popup-container .bts-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}

.bts-popup-container .bts-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 6px;
    top: 13px;
}

.is-visible .bts-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

@media only screen and (min-width: 1170px) {
    .bts-popup-container {
        margin: 8em auto;
    }
}


/* ==============================
SIDE BUTTON
================================= */

.side-btn {
    z-index: 998;
    position: fixed;
    /* width: 300px;
    top: 30px; */
    right: -300px;
    top: 31%;
}

#slideOut {
    z-index: 998;
    position: inherit;
    width: 300px;
    height: 800px;
    /* top: 30px; */
    right: -300px;
    /* Animation  */
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}


/* Display slideOut */

.showSlideOut {
    right: 0px !important;
}


/* Tab */

.slideOutTab {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    top: 16%;
    position: absolute;
    left: -40px;
    height: 200px;
    width: 40px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    background: #d83032;
    border-radius: 15px 0px 0px 15px
}

.slideOutTab div {
    text-align: center;
    position: relative;
    right: 70px;
    top: 90px;
    background: #d83032;
    width: 180px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
}


/* None relevant included styling */

.varity-juice2 {
    background: #fff !important;
    /* padding: 50px 0px; */
}

section:nth-child(2) {
    /* background: #7876A0; */
    background: #fff;
}

section {
    height: 100%;
    width: 100%;
}

.modal-body {
    height: 100px;
}

section {
    display: table;
    width: 100%;
    height: 100%;
}

.intro {
    display: table-cell;
    vertical-align: middle;
}

.app-model-left {
    top: 113px;
}

a.app-img-l img {
    margin-top: 5px;
    /* margin-bottom: 5px;
    width: 120px; */
    height: auto;
}

@media screen and (min-width: 321px) {
    .modal-content.app-model-left {
        /* min-height: 210px; */
    }
}


/* ==============================
END SIDE BUTTON
================================= */


/* ORDER ONLINE PAGE STYLE */

.nav-tabs>li.order-online>a {
    padding: 12px 26px !important;
}

.nav-tabs>li.order-online.active>a,
.nav-tabs>li.order-online.active>a:active {
    background-color: #c6242f;
}

.order-online.active {
    background: #c6242f;
}

.nav-tabs.order-online {
    background: transparent;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    border-bottom: transparent;
}

.col-md-order-online-MT {
    margin-bottom: 3%;
    margin-top: 11%;
}

.gift-title h2 {
    font-weight: 600;
}

.order-OP-title h2 {
    font-size: 25px;
    color: #f7941d;
}

a.skip_btn {
    color: #f6f6f6;
    padding: 10px 15px;
}

a.skip_btn:hover {
    color: #c6242f;
}

a.buy_gift_btn {
    color: #fff;
    padding: 10px 15px;
    background: #c6242f;
}

a.buy_gift_btn:hover {
    color: #fff;
    background: #c6242f;
}

.gift_img-radi {
    border-radius: 5px;
}

h3.gift-h {
    font-size: 23px !important;
    margin-bottom: 10px !important;
    margin-top: 15px;
}

.gft-p {
    font-size: 16px !important;
    padding-top: 0px !important;
}

a.call-gift {
    font-size: 21px;
    font-weight: 600;
    color: #c6242f;
}


/* .gift_img-radi.one-edge-shadow:hover {
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
} */

.gift_cpn {
    max-width: 100%;
}

.gift_cpn_off {
    border: 1px solid #e2e2e2;
    display: table-cell;
    /* padding: 5px; */
}

.gift_cpn_off p {
    padding: 5px 0px 5px 0px;
    margin-bottom: 0px;
    padding-left: 7px;
}

.gift_cpn_off a.minusBtn {
    font-size: 21px;
    background: red;
    color: #fff;
    padding: 2px 12px;
    display: inline-block;
    outline: none;
}

.gift_cpn_off a.plusBtn {
    font-size: 21px;
    background: red;
    color: #fff;
    padding: 2px 12px;
    display: inline-block;
    outline: none;
}

.count.gift_cpn.float-left {
    height: -webkit-fill-available;
    border: none;
    outline: none;
}

.gift-cnt-mrg {
    margin: 5px 0px;
}

input.rest[name=restl] {
    pointer-events: none;
    border: none;
    background: transparent;
}

label.results {
    font-size: 16px;
    color: #2d2b2b;
}

label.results>.show-total {
    font-size: 24px;
    color: #fe2905;
}

form .error {
    color: #ff0000;
}

a.results input {
    width: 20%;
    color: #fff;
    font-size: 17px;
}

a.results input::placeholder {
    color: #fff;
}

.nav-tabs>li.order-online {
    align-items: center;
    justify-content: space-around;
    display: flex;
    float: left;
}

.nav-tabs>li.order-online a {
    border: 0px;
}

a.order-now-btn {
    background: #c6242f;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-top: 30px;
}

a.order-now-btn:hover {
    background: #ba101b;
    color: #fff;
}

input.order-online-YL {
    width: 100%;
    outline: none;
    border: none;
    padding: 11px 15px;
}


/* ORDER ONLINE PAGE STYLE END */


/* ============================

===============================*/

.combo-select {
    position: relative;
    border-bottom: solid 1px #d2d2d2;
    max-width: 400px;
    font: 100% Helvetica, Arial, Sans-serif;
    font-size: 14px;
}

.combo-select .combo-input {
    margin-bottom: 0;
}


/**
 * Input field
 */

.combo-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    width: 100%;
    box-sizing: border-box;
    padding: 11px 15px;
    line-height: 19px;
    border-radius: 0px;
    font-size: 14px;
}

.combo-input:focus {
    outline: none;
}


/**
 * Arrow
 */

.combo-arrow {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    width: 40px;
    color: #999999;
}

.combo-arrow:before {
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 22px;
    top: -25px;
    display: block;
    width: 0;
    height: 0;
    right: 25px;
    bottom: 0;
    position: absolute;
    margin: auto 0;
}


/**
 * When opened
 */

.combo-open .combo-arrow {
    border-color: #51A7E8;
}

.combo-open .combo-arrow:before {
    content: "\f106";
}


/**
 * When focused
 */

.combo-focus {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-color: #51A7E8;
}

.combo-focus input {
    border-color: #51A7E8;
}


/**
 * Hide native select
 */

.combo-select select {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    opacity: 0;
}

@media only screen and (min-width: 960px) {
    .combo-select select {
        left: -1px;
        top: -1px;
        width: 0;
        height: 0;
        margin: 0;
    }
}


/**
 * Selected option
 */

.option-selected {
    background-color: #eee;
}


/**
 * Hovered option
 */

.option-hover {
    background-color: #dfdfdf;
    color: #454545;
}


/**
 * Option item
 */

.option-item {
    cursor: pointer;
    /*border-bottom: 1px #e3e3e3 solid;*/
}

.option-item:hover {
    background-color: #efefef;
    color: #454545;
}

.option-item:last-child {
    border-bottom: none;
}


/**
 * Disabled and optgroups
 */


/*.option-group {
  cursor: text;
  font-weight: 600;
  background: #e1e1e1;
  border: 1px #ccc solid;
  border-width: 1px 0; }*/


/**
 * Disabled
 */

.option-disabled {
    opacity: 0.5;
}


/**
 * Dropdown
 */

.combo-dropdown {
    position: absolute;
    text-align: left;
    z-index: 999;
    top: 100%;
    left: 0;
    min-width: 100%;
    max-width: 300px;
    max-height: 270px;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    /*display: none;*/
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.combo-dropdown li {
    list-style: none;
    padding: 10px 15px;
    margin: 0 !important;
}


/**
 * On Active
 */

.combo-open .combo-dropdown {
    /*display: block; */
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}


/**
 * Search marker
 */

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


/* ============================

===============================*/
/*new*/
.halal {
    z-index: 9;
    bottom: 43px;
    right: 1px;
    position: fixed;
    width: 45px;
}
#topcontrol{
    position: fixed;
    bottom: 11px;
    right: 5px;
    opacity: 1;
    cursor: pointer;
    width: 39px;
}
/*end*/

.form-text-style1:focus {
    outline: none;
}

.container.container-hd-nav li a.gift-new:after {
    content: "";
    background: url(../images/new-gf-nav.svg);
    background-size: 100%;
    height: 100px;
    width: 23px;
    position: absolute;
    background-repeat: no-repeat;
    margin-left: -14px;
    margin-top: -13px;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.container.container-hd-nav li:hover a.gift-new:after {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


/* OPTIONS STYLES */


/* .check-op-style #browser {
    width: 100%;
    outline: none;
    border: 1px solid #e0e0e0;
    padding: 5px 15px;
    font-size: 14px;
    margin: 10px 0px;
} */


/* select#outlets--default select#outlets__option--highlighted select#outlets__option--selectable {
    background-color: #f700ff;
    color: white;
} */


/* END OPTIONS STYLES */


/* APP PAGE */

.top-social-footer.ourapp {
    padding-top: 15px;
    color: #fff;
    text-align: center;
    display: inline-block;
}

.navbar-header .ourapp img {
    max-width: 100px !important;
    height: auto;
}

.our-app {
    /* background: linear-gradient(rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%), url(../images/our-app.jpg) no-repeat; */
    /* background: url("../images/our-app.jpg"); */
    background-position: center;
    background-size: cover;
}

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

.our-app-link {
    margin: 27vh 0px;
}

.our-app-b {
    background: rgb(255 255 255 /60%);
    /* padding: 10px 0px 20px 20px; */
    border-radius: 5px;
}

.our-app-b h1 {
    text-align: center;
    font-size: 30px;
    color: #000;
    padding-bottom: 10px;
}

.our-app-b h1 .boldapp {
    font-weight: 700;
    color: #C7252F;
}

.mobile-d-h {
    display: none;
}

.mobile-d-s {
    display: block;
}


/* BUTTER */
p.butter-ab-sub-head {
    background: #133558;
    color: #fff;
    margin-bottom: 0;
    border-radius: 5px;
}

p.butter-ab-sub-para {
    padding-bottom: 0;
}

/* CONTACT FORM */

.contact-fm ul {
    list-style: none;
}

.contact-fm ul li {
    margin: 10px 0px;
}

.contact-fm ul li input {
    width: 100%;
    border: 1px solid #e0e0e0;
    padding: 10px 15px;
    font-size: 13px;
}

.contact-fm ul li select {
    padding: 10px 15px;
    width: 100%;
    border: 1px solid #e0e0e0;
    font-size: 13px;
    margin: 0;
}

.contact-fm ul li textarea {
    padding: 10px 15px;
    width: 100%;
    border: 1px solid #e0e0e0;
    font-size: 13px;
}

.contact-fm ul li input:focus,
select:focus,
textarea:focus {
    outline: none;
}

.contact-fm ul li button {
    background: #cb0301;
    color: #fff;
    font-size: 15px;
    padding: 10px 30px;
    border: none;
    border-radius: 3px;
}

.contact-fm ul li button:hover {
    background: #9b2d04;
    color: #fff;
}

.contact-fm ul li button:focus {
    outline: none;
}


.safefty-img-shadow {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
    border-radius: 22px;
}

.safety-img1 {
    /* clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); */
    width: 100%;
    -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
    clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
}

a.b-btn {
    background: #c7252f;
    color: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
}

a.b-btn:hover {
    background-color: #ffaf3e;
    color: #fff;
    text-decoration: none;
}

.top-btm {
    margin-top: 50px;
    margin-bottom: 50px;
}

.col-re {
    flex: 0 0 auto;
    width: 20%;
}

.hgt1{
    min-height: 60px;
    height: 79px;
}

.add-btn-right{
        right: 0;
        position: absolute;
}


.h5-title {
    font-size: 19px;
    padding-left: 0 !important;
    padding-bottom: 10px !important;
}

/* POPUP APP */
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
  }
  .overlay:target {
    visibility: visible;
    opacity: 1;
  }
  
  .popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
  }
  
  .popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
  }
  .popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
  }
  .popup .close:hover {
    color: #06D85F;
  }
  .popup .content {
    max-height: 30%;
    overflow: auto;
  }
  
  @media screen and (max-width: 700px){
    .box{
      width: 70%;
    }
    .popup{
      width: 70%;
    }
  }