/*@media only screen and (max-width:  768px){
    .orders-filters{
        display: none;
    }
}

@media only screen and (max-width:  991px){
    .orders-filters{
        display: none;
    }
}*/
/* @font-face{
    font-family:'Helvetica';
    src:url("../fonts/Helvetica.eot");
    src:local("Century Gothic"),local("Helvetica"),
    url("../fonts/Helvetica.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Helvetica.woff") format("woff"),
    url("../fonts/Helvetica.ttf") format("truetype")}
    body,input,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
        font-family:'Century Gothic' !important;
        letter-spacing:1px
    } */
.buttons_removed {
    position: absolute;
    right: 120px;
    top: -90px;
    color: #dee2e6;
    font-size: 18px;
}
.otpIcon {
    color: #f4f5f7;
    padding: 30px;
    background-color: #269197;
    border-radius: 50%;
    font-size: 70px;
}
.titleotp {
    color: white;
}
.loaderpos {
    display: grid;
    justify-items: center;
    align-items: center;
    padding-bottom: 10px;
}
.loader, .loader:before, .loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    animation-fill-mode: both;
    animation: bblFadInOut 1.8s infinite ease-in-out;
  }
  .loader {
    color: #002736;
    font-size: 2px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
    animation-delay: -0.16s;
  }
  .loader:before,
  .loader:after {
    content: '';
    position: absolute;
    top: 0;
  }
  .loader:before {
    left: -3.5em;
    animation-delay: -0.32s;
  }
  .loader:after {
    left: 3.5em;
  }
  
  @keyframes bblFadInOut {
    0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em }
    40% { box-shadow: 0 2.5em 0 0 }
  }
     
.cartCheckout {
    background-color: #f4f5f7;
    /* font-weight: bold; */
    border: 1px solid #f4f5f7;
    border-radius: 15px;
}
.bgGrey {
    background-color: #e6e6e6 !important;
}
.bgTransparant {
    background-color: #fff0 !important;
}
.bgPrimary {
    background-color: #002736;
}
#modalCartPopular{
    display: inline-flex;
    margin-bottom: 30px;
}
.waiterCall {
    color: #002736;
    font-size: 10px;
    font-weight: bold;
}
.fixedfull {
    width: 100%;
    padding-top: 8px;
    padding-right: 10px;
    padding-left: 10px;
}
.cartSvgEmpty {
    width: 100%;
    height: 100%;
    /* right: 60px; */
    position: relative;
}
.loading-system {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 999999999;
}
.lds-default {
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px; }
    .lds-default div {
      position: absolute;
      width: 5px;
      height: 5px;
      background: #000;
      border-radius: 50%;
      animation: lds-default 1.2s linear infinite; }
      .lds-default div:nth-child(1) {
        animation-delay: 0s;
        top: 29px;
        left: 53px; }
      .lds-default div:nth-child(2) {
        animation-delay: -0.1s;
        top: 18px;
        left: 50px; }
      .lds-default div:nth-child(3) {
        animation-delay: -0.2s;
        top: 9px;
        left: 41px; }
      .lds-default div:nth-child(4) {
        animation-delay: -0.3s;
        top: 6px;
        left: 29px; }
      .lds-default div:nth-child(5) {
        animation-delay: -0.4s;
        top: 9px;
        left: 18px; }
      .lds-default div:nth-child(6) {
        animation-delay: -0.5s;
        top: 18px;
        left: 9px; }
      .lds-default div:nth-child(7) {
        animation-delay: -0.6s;
        top: 29px;
        left: 6px; }
      .lds-default div:nth-child(8) {
        animation-delay: -0.7s;
        top: 41px;
        left: 9px; }
      .lds-default div:nth-child(9) {
        animation-delay: -0.8s;
        top: 50px;
        left: 18px; }
      .lds-default div:nth-child(10) {
        animation-delay: -0.9s;
        top: 53px;
        left: 29px; }
      .lds-default div:nth-child(11) {
        animation-delay: -1s;
        top: 50px;
        left: 41px; }
      .lds-default div:nth-child(12) {
        animation-delay: -1.1s;
        top: 41px;
        left: 50px; }
@keyframes lds-default {
    0%, 20%, 80%, 100% {
      transform: scale(1); }
    50% {
      transform: scale(1.5); } }
.imgwidth20 {
    width: 30px;
}
.cart-empty-header {
    font-weight: bolder;
    font-size: 30px;
}
.verifyemailico {
    font-size: 120px;
    color: #1ca1a8;
}
.floatIco {
    /* font-size: 40px; */
    z-index: 999;
    position: fixed;
    top: 40%;
    right: 0;
    background-color: white;
    padding: 5px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    /* color: #f5365c; */
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}
.cart-empty-content {
    padding-left: 55px;
    padding-right: 55px;
    color: grey;
    font-size: 18px;
}
.btn-view-order {
    background-color: white !important;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}
.padding10-top-left-right {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.mb200 {
    margin-bottom: 200px;
}
.icoclosecircle {
    font-size: 20px;
}
.cartempty {
    margin: auto;
    width: 50%;
    padding: 10px;
}
.svgcartempty {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.carticonmenu {
    float: right;
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-size: 18px;
    transition: .5s;
}
.bgicored {
    background: #ffcbcb;
}
.bgicogreen {
    background: #d3ffec;
}
.bgicodefault {
    background: #dee2e6;
}
#modalTitle {
    padding-bottom: 10px;
}
.divprice {
    /* display: none; */
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-top-right-radius:30px;
    border-top-left-radius:30px; */
    box-shadow: 0px -1px 3px rgb(50 50 50 / 8%);
}
.ml15 {
    margin-left: 15px;
}
.mr15 {
    margin-right: 15px;
}
.timeslot-arrow {
    /* border: 2px solid #002736; */
    /* color: #002736; */
    padding: 10px;
    margin-bottom: 5px;
    margin: auto;
    width: 100%;
}
.timeslot-date {
    /* border: 2px solid #002736;
    color: #002736; */
    padding: 10px;
    margin-bottom: 5px;
}
.wrap-timeslot {
    overflow-x: scroll;
    max-height: 300px;
}
.timeslot-box {
    border: 2px solid #000000;
    color: #000000;
    padding: 20px;
    margin-bottom: 5px;
    font-size: 16px;
    text-align: center;
}
.timeslot-box:hover {
    background-color: #002736;
    color: white;
}

.timeslot-box:active {
  background-color: #002736;
  transform: translateY(2px);
}
.timeslot-box2 {
    border: 2px solid #000000;
    color: #000000;
    padding: 20px;
    margin-bottom: 5px;
    font-size: 16px;
    text-align: center;
}
.timeslot-box2:hover {
    background-color: #002736;
    color: white;
}

.timeslot-box2:active {
  background-color: #002736;
  transform: translateY(2px);
}
.tunderline {
    text-decoration: underline;
    color: #1d1d1d;
    font-size: 15px;
}
.max-w-sm {
    margin-top: 30px;
}
.mt0 {
    margin-top: 0px !important;
}
.d-hide {
    display: none;
}
.dcartimage {
    width: 295px;
    height: 200px;
    margin-left: 15px;
    margin-top: unset;
}
.sidenav-cart {
    max-width: 530px !important;
}
.dwrappercart {
    display: flex;
}
.dwrapinfo {
    width: 70%;
}
.dwrapprice {
    width: 30%;
    float: right;
    position: relative;
}
.mtablextra {
    margin-bottom: 0px;
    margin-left: -10px;
}
.mfixedv {
    position: relative;
    top: -55px;
}
.select2-container {
    width: 100% !important;
}
.grayscale-05:before{
  position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, .4)
}

a {
  color: #1d1d1d;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #32325d;
  text-decoration: none;
  background-color: transparent;
}

@media only screen and (max-width:  768px){
    .card-status-history-driver{
        display: none;
    }

    .orders-filters{
        display: none;
    }

    .table-web{
        display: none;
    }
}

.d-show {
    display: block;
}

/*@media only screen and (min-width: 992px){
    .table-mobile{
        display: none;
    }
}*/

#hide-filters{
    display: none;
}

.timeline
{
    position: relative;
}
.timeline:before
{
    position: absolute;
    top: 0;
    left: 1rem;

    height: 100%;

    content: '';

    border-right: 2px solid #e9ecef;
}

[data-timeline-axis-style='dashed']:before
{
    border-right-style: dashed !important;
}

[data-timeline-axis-style='dotted']:before
{
    border-right-style: dotted !important;
}

.timeline-block
{
    position: relative;

    margin: 2em 0;
}
.timeline-block:after
{
    display: table;
    clear: both;

    content: '';
}
.timeline-block:first-child
{
    margin-top: 0;
}
.timeline-block:last-child
{
    margin-bottom: 0;
}

.timeline-step
{
    font-size: 1rem;
    font-weight: 600;

    position: absolute;
    z-index: 1;
    left: 0;

    display: inline-flex;

    width: 33px;
    height: 33px;

    transform: translateX(-50%);
    text-align: center;

    border-radius: 50%;

    align-items: center;
    justify-content: center;
}
.timeline-step svg,
.timeline-step i
{
    line-height: 1.4;
}

.timeline-step-icon
{
    border: 2px solid #e9ecef;
    background: #fff;
}

.timeline-step-xs
{
    font-size: .75rem;

    width: 17px;
    height: 17px;
}

.timeline-step-sm
{
    font-size: .75rem;

    width: 23px;
    height: 23px;
}

.timeline-step-lg
{
    font-size: 1.75rem;

    width: 47px;
    height: 47px;
}

.timeline-content
{
    position: relative;
    position: relative;
    top: -6px;

    margin-left: 60px;
    padding-top: .5rem;
}
.timeline-content:after
{
    display: table;
    clear: both;

    content: '';
}

.timeline-body
{
    padding: 1.5rem;
}

@media (min-width: 992px)
{
    .timeline:before
    {
        left: 50%;

        margin-left: -2px;
    }
    .timeline-step
    {
        left: 50%;
    }
    .timeline-content
    {
        width: 38%;
    }
    .timeline-body
    {
        padding: 1.5rem;
    }
    .timeline-block:nth-child(even) .timeline-content
    {
        float: right;
    }
    [data-timeline-axis-color='primary']:before
    {
        border-color: #5e72e4;
    }
    [data-timeline-axis-color='secondary']:before
    {
        border-color: #f7fafc;
    }
    [data-timeline-axis-color='success']:before
    {
        border-color: #2dce89;
    }
    [data-timeline-axis-color='info']:before
    {
        border-color: #11cdef;
    }
    [data-timeline-axis-color='warning']:before
    {
        border-color: #fb6340;
    }
    [data-timeline-axis-color='danger']:before
    {
        border-color: #f5365c;
    }
    [data-timeline-axis-color='light']:before
    {
        border-color: #adb5bd;
    }
    [data-timeline-axis-color='dark']:before
    {
        border-color: #212529;
    }
    [data-timeline-axis-color='default']:before
    {
        border-color: #172b4d;
    }
    [data-timeline-axis-color='white']:before
    {
        border-color: #fff;
    }
    [data-timeline-axis-color='neutral']:before
    {
        border-color: #fff;
    }
    [data-timeline-axis-color='darker']:before
    {
        border-color: black;
    }
}

.timeline-one-side:before
{
    left: 1rem;
    display:inline-block;
}

.timeline-one-side .timeline-step
{
    left: 1rem;
}

.timeline-one-side .timeline-content
{
    width: auto;
}

@media (min-width: 992px)
{
    .timeline-one-side .timeline-content
    {
        max-width: 30rem;
    }
}

.timeline-one-side .timeline-block:nth-child(even) .timeline-content
{
    float: none;
}

.custom-nav{
    background-color: #fff;
    background: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.sidenav-cart {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    /*opacity: 0.95;*/
    background: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    z-index: 9999;
  }

  .fs16 {
    font-size: 14px !important;
    line-height: unset !important;
  }
  .res_title b a {
    font-size: 16px;
  }
  .header-category {
    font-size: 24px;
    padding-top: 30px;
    padding-bottom: 20px;
  }

  #cartList{
    overflow-y: auto;
    max-height: 430px;
    overflow-x: hidden;
  }

  #new_address_checkout_body{
    overflow-y: auto;
    max-height: 600px;
  }

  .sidenav-cart-open{
      display: block;
  }

  .sidenav-cart-close{
      display: none;
  }

  .sidenav-cart a {
    /* padding: 8px 8px 8px 32px; */
    text-decoration: none;
    font-size: 16px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }

  .sidenav-cart a:hover {
    color: #f1f1f1;
  }

  .sidenav-cart .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }

  /*@media screen and (max-height: 450px) {
    .sidenav-cart {padding-top: 15px;}
    .sidenav-cart a {font-size: 18px;}
  }*/

@media (min-width: 576px)
{
    .sidenav-cart
    {
        max-width: 430px;
    }
}
@media (min-width: 768px)
{
    .sidenav-cart
    {
        max-width: 430px;
    }
}
@media (min-width: 992px)
{
    .sidenav-cart
    {
        max-width: 430px;
    }
}
@media (min-width: 1200px)
{
    .sidenav-cart
    {
        max-width: 430px;
    }
}


 .minicart-content .minicart-heading > h4 {
    margin-bottom: 0;
    padding-left: 8px;
    border-left: 4px solid #002736;
    font-weight: 700;
    /* padding-bottom: 25px; */
  }

.minicart-content .minicart-list {
    max-height: 310px;
    position: relative;
    overflow: auto;
  }

  .minicart-content .minicart-list > li {
    padding-bottom: 30px;
  }

.minicart-content .minicart-list > li:last-child {
    padding-bottom: 0;
  }

.minicart-content .minicart-list > li.minicart-product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .minicart-content .minicart-list > li.minicart-product > a.product-item_remove {
    position: absolute;
    right: 15px;
  }

.minicart-content .minicart-list > li.minicart-product .product-item_img {
    -webkit-flex-basis: 70px;
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    max-width: 70px;
  }

 .minicart-content .minicart-list > li.minicart-product .product-item_content {
    -webkit-flex-basis: calc(100% - 70px);
    -ms-flex-preferred-size: calc(100% - 70px);
    flex-basis: calc(100% - 70px);
    max-width: calc(100% - 70px);
    padding-left: 20px;
    padding-right: 10px;
  }

  @media (max-width: 479px) {
    .minicart-content .minicart-list > li.minicart-product .product-item_content a.product-item_title {
      font-size: 14px;
    }
  }

  .minicart-content .minicart-list > li.minicart-product .product-item_content .product-item_quantity {
    display: block;
    padding-top: 10px;
  }
  .offcanvas-menu-inner{
    padding: 0 20px 0 20px;
  }

.glyphicon-lg{
    font-size:4em
}

.info-block{
    /* border-right:5px solid #E6E6E6; */
    margin-bottom:25px
}

.info-block .square-box{
    width:100px;
    /*min-height:90px;*/
    min-height:105px;
    height: 80px;
    margin-right:10px;
    text-align:center!important;
    background-color:#676767;
    /*padding:20px 0*/
}

.info-block.block-info{
    border-color: #5e72e4;
}

.info-block.block-info .square-box{
    background-color:#5e72e4;color:#FFF
}

.btn-cart{
    color: #5e72e4 !important;
}

.btn-cart:hover{
    color: #212529 !important;
    border-color: white !important;
    background-color: white !important;
}


/*-------- 2.3 Strip item --------*/
.strip {
    position: relative;
    margin-bottom: 30px;
  }
  .strip figure {
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
    height: 200px;
    background-color: white;
    border-radius: 20px;
  }

  .strip_city figure {
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
    height: 300px;
    background-color: #ededed;
  }

  .strip figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    z-index: 1;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 20px;
  }
  .strip figure:hover img {
    /* -webkit-transform: translate(-50%, -50%) scale(1.1);
    -moz-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    -o-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1); */
  }

  .strip figure a.strip_info {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    display: block;
  }
  .strip figure a.strip_info > small {
    position: absolute;
    background-color: black;
    background-color: black;
    left: 15px;
    top: 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 8px 4px 8px;
    line-height: 1;
    font-size: 11px;
    font-size: 0.6875rem;
  }
  .strip figure .item_title {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 65px 15px 10px 15px;

  }
  .strip figure .item_title h3 {
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    font-weight: 500;
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 1;
  }

  .strip_item_title h3 {
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    font-weight: 500;
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 1;
  }

  .strip figure .item_title small {
    font-weight: 500;
    line-height: 1;
    font-size: 13px;
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.8);
  }
  .strip ul {
    padding: 0;
    margin: 0;
  }
  .strip ul li {
    display: inline-block;
    padding-top: 12px;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .strip ul li:last-child {
    padding: 0;
    float: right;
  }

  .ribbon {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    position: absolute;
    top: 12px;
    right: 15px;
    padding: 7px 8px 4px 8px;
    font-weight: 600;
    min-width: 40px;
    z-index: 9;
  }
  .ribbon.off {
    background-color: #ff3300;
  }

  .score strong {
    background-color: #f0f0f0;
    line-height: 1;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    -ms-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
    padding: 10px 10px 8px 10px;
    display: inline-block;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .score span {
    display: inline-block;
    position: relative;
    top: 7px;
    margin-right: 8px;
    font-size: 12px;
    font-size: 0.75rem;
    text-align: right;
    line-height: 1.1;
    font-weight: 500;
  }
  .score span em {
    display: block;
    font-weight: normal;
    font-size: 11px;
    font-size: 0.6875rem;
  }

  .loc_open, .loc_closed {
    position: relative;
    top: -2px;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 2px 8px;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }

  .loc_open {
    color: #32a067;
    border: 1px solid #32a067;
  }

  .loc_closed {
    color: #eb5c65;
    border: 1px solid #eb5c65;
  }

  .take, .deliv {
    font-size: 12px;
    font-size: 0.75rem;
    position: relative;
    padding-left: 20px;
    margin-right: 10px;
    font-weight: 500;
    color: #444;
  }
  .take:before, .deliv:before {
    font-size: 16px;
    font-size: 1rem;
    font-family: "ElegantIcons";
    content: "\e013";
    position: absolute;
    line-height: 1;
    font-weight: normal;
  }
  .take.no, .deliv.no {
    text-decoration: line-through;
    color: #bbb;
  }

  .take:before {
    content: "\e013";
    left: 0;
    top: -1px;
  }
  .take.no {
    text-decoration: line-through;
    color: #bbb;
  }

  .deliv {
    padding-left: 30px;
    margin-right: 0;
  }
  .deliv:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-family: 'food';
    content: '\0074';
    left: 0;
    top: -4px;
  }

/*Mobile menu front*/
.mobile-menu{
    display: none;
}

@media (max-width: 991.98px){
    .mobile-menu{
        display: block;
    }

    .web-menu{
        display: none;
    }
}

.masthead {
    height: 400px;
    min-height: 400px;
    /*background-image: url('https://source.unsplash.com/BtbjCFUvBXs/1920x1080');*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

.avatar-custom{
    font-size: 1rem;

    display: inline-flex;

    width: 48px;
    height: 48px;

    color: #fff;

    background-color: #adb5bd;

    align-items: center;
    justify-content: center;
}

.avatar-custom img{
    width: 100%;
}

#map_location, #map_area{
    height: 500px !important;
    width: 100% !important;
}

#map2{
    height: 400px !important;
    width: 100% !important;
}

#map3{
    height: 220px !important;
    width: 100% !important;
}

.container-pages, #container-restorant{
    min-height: 300px !important;
}

#address-complete-order{
    padding-top: 45px;
}

[v-cloak] {
    display: none;
}

.container-payment{
    min-height: 550px !important;
}

.payment-image {
    transition: transform .2s; /* Animation */
    margin: 0 auto;
  }

.payment-image:hover {
    transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    cursor: pointer;
  }


  .blob {
    background: black;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    margin: 10px;
    height: 10px;
    width: 10px;
    transform: scale(1);
    animation: pulse-black 2s infinite;
  }

  .blob.red {
    background: rgba(255, 82, 82, 1);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    animation: pulse-red 2s infinite;
  }

  .blob.redstatic {
    background: rgba(255, 82, 82, 1);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
  }

  @keyframes pulse-red {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
    }

    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
    }

    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }
  }

  .blob.green {
    background: rgba(51, 217, 178, 1);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
    animation: pulse-green 2s infinite;
  }

  .blob.greenstatic {
    background: rgba(51, 217, 178, 1);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
  }

  @keyframes pulse-green {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
    }

    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
    }

    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
    }
  }


  .blob.orange {
    background: rgba(255, 121, 63, 1);
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 1);
    animation: pulse-orange 2s infinite;
  }
  .blob.orangestatic {
    background: rgba(255, 121, 63, 1);
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 1);
  }

  @keyframes pulse-orange {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);
    }

    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
    }

    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
    }
  }


  /**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#main-content{
    min-height: 350px !important;
}

#address_map, #new_address_map {
    height: 280px;
}

/*Pagination mobile responsive*/
@media screen and ( max-width: 520px ){

    li.page-item {

        display: none;
    }

    .page-item:first-child,
    .page-item:last-child,
    .page-item.active {

        display: block;
    }
}
/*Pagination mobile responsive end here*/

/*Restaurant content*/
/*#restaurant-content{
    min-height: 350px !important;
}

@media screen and ( max-width: 520px ){
    #restaurant-content{
        min-height: 650px !important;
        margin: auto;
    }
}*/

/*Restaurant content end here*/

#clear_area{
    display: none;
}

#search_location:hover{
    color: #ec0c38;
}

.search-icon {
  display: inline;
  vertical-align: text-bottom;
  min-width: 10px;
  margin-right: 20px;
}

.search {
  color: #b80d55;
  fill: #b80d55;
}

.pac-container {
    background-color: #FFF;
    z-index: 100001;
    position: fixed;
    display: inline-block;
    float: left;
}
.modal{
    z-index: 100001;
}
.modal-backdrop{
    z-index: 100000;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 88px;
    z-index: 1000;
  }

  @media only screen and (max-width: 950px) {
    .sticky {
      top: 70px;
    }
 }


.nav-item-category{
    padding-bottom: 10px;
    padding-top: 8px;
}

.tabbable .nav-pills {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
 }
 .tabbable .nav-pills .nav-link {
   white-space: nowrap;
 }

 .callOutShoppingButtonBottom {
    position: fixed;
    bottom: 0px;
    right: 20px;
    z-index: 1000;  
 }


  .btn-time-to-prepare{
    margin-top: 5px;
    width: 69px !important;
  }

  .city_title{
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 16px;
    font-size: 1.5rem;
  }

  .city_letter{
    position: absolute;
    bottom: 0px;
    display: block;
    left: 0px;
    margin-left: -16px;
    margin-bottom: -90px;
    font-size: 14rem;
    font-weight:700;
    font-family: sans-serif;
  }

  .strip figure .city_letter {
    opacity: 0%;
    text-transform:uppercase;
    transition:opacity 0.8s;
    z-index: 1;
  }

  .strip figure:hover .city_letter {
    opacity: 70%;

    transition:opacity 0.8s
  }



  .strip figure .city_title {
    opacity: 100%;
    transition:opacity 0.8s;
    z-index: 1;
  }
  .strip figure:hover .city_title {
    opacity: 50%;
    transition:opacity 0.8s
  }

  .super_title {
    font-size: 11rem;
    opacity: 6%;
    margin-top: -11rem;
    padding: 0;
    margin-bottom: -5.8rem;
  }

  #form-group-price_fixed, #form-group-price_percentage, #promo_code_succ, #promo_code_war{
      display: none;
  }

  #form-group-page_id, #form-group-vendor_id{
    display: none;
  }


/*Swall icon on success order*/

@-webkit-keyframes swal2-show{
    0%{
        -webkit-transform:scale(.7);
        transform:scale(.7)
    }
    45%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    80%{
        -webkit-transform:scale(.95);
        transform:scale(.95)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes swal2-show{
    0%{
        -webkit-transform:scale(.7);
        transform:scale(.7)
    }
    45%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    80%{
        -webkit-transform:scale(.95);
        transform:scale(.95)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes swal2-hide{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        opacity:0
    }
}
@keyframes swal2-hide{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        opacity:0
    }
}
@-webkit-keyframes swal2-animate-success-line-tip{
    0%{
        top:1.1875em;
        left:.0625em;
        width:0
    }
    54%{
        top:1.0625em;
        left:.125em;
        width:0
    }
    70%{
        top:2.1875em;
        left:-.375em;
        width:3.125em
    }
    84%{
        top:3em;
        left:1.3125em;
        width:1.0625em
    }
    100%{
        top:2.8125em;
        left:.875em;
        width:1.5625em
    }
}
@keyframes swal2-animate-success-line-tip{
    0%{
        top:1.1875em;
        left:.0625em;
        width:0
    }
    54%{
        top:1.0625em;
        left:.125em;
        width:0
    }
    70%{
        top:2.1875em;
        left:-.375em;
        width:3.125em
    }
    84%{
        top:3em;
        left:1.3125em;
        width:1.0625em
    }
    100%{
        top:2.8125em;
        left:.875em;
        width:1.5625em
    }
}
@-webkit-keyframes swal2-animate-success-line-long{
    0%{
        top:3.375em;
        right:2.875em;
        width:0
    }
    65%{
        top:3.375em;
        right:2.875em;
        width:0
    }
    84%{
        top:2.1875em;
        right:0;
        width:3.4375em
    }
    100%{
        top:2.375em;
        right:.5em;
        width:2.9375em
    }
}
@keyframes swal2-animate-success-line-long{
    0%{
        top:3.375em;
        right:2.875em;
        width:0
    }
    65%{
        top:3.375em;
        right:2.875em;
        width:0
    }
    84%{
        top:2.1875em;
        right:0;
        width:3.4375em
    }
    100%{
        top:2.375em;
        right:.5em;
        width:2.9375em
    }
}
@-webkit-keyframes swal2-rotate-success-circular-line{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    5%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    12%{
        -webkit-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
    100%{
        -webkit-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
}
@keyframes swal2-rotate-success-circular-line{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    5%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    12%{
        -webkit-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
    100%{
        -webkit-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
}
@-webkit-keyframes swal2-animate-error-x-mark{
    0%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    50%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    80%{
        margin-top:-.375em;
        -webkit-transform:scale(1.15);
        transform:scale(1.15)
    }
    100%{
        margin-top:0;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes swal2-animate-error-x-mark{
    0%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    50%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    80%{
        margin-top:-.375em;
        -webkit-transform:scale(1.15);
        transform:scale(1.15)
    }
    100%{
        margin-top:0;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@-webkit-keyframes swal2-animate-error-icon{
    0%{
        -webkit-transform:rotateX(100deg);
        transform:rotateX(100deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
@keyframes swal2-animate-error-icon{
    0%{
        -webkit-transform:rotateX(100deg);
        transform:rotateX(100deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast{
    flex-direction:column;
    align-items:stretch
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-actions{
    flex:1;
    align-self:stretch;
    justify-content:flex-end;
    height:2.2em
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-loading{
    justify-content:center
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-input{
    height:2em;
    margin:.3125em auto;
    font-size:1em
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-validationerror{
    font-size:1em
}
body.swal2-toast-shown>.swal2-container{
    position:fixed;
    background-color:transparent
}
body.swal2-toast-shown>.swal2-container.swal2-shown{
    background-color:transparent
}
body.swal2-toast-shown>.swal2-container.swal2-top{
    top:0;
    right:auto;
    bottom:auto;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-top-end,body.swal2-toast-shown>.swal2-container.swal2-top-right{
    top:0;
    right:0;
    bottom:auto;
    left:auto
}
body.swal2-toast-shown>.swal2-container.swal2-top-left,body.swal2-toast-shown>.swal2-container.swal2-top-start{
    top:0;
    right:auto;
    bottom:auto;
    left:0
}
body.swal2-toast-shown>.swal2-container.swal2-center-left,body.swal2-toast-shown>.swal2-container.swal2-center-start{
    top:50%;
    right:auto;
    bottom:auto;
    left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-center{
    top:50%;
    right:auto;
    bottom:auto;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-center-end,body.swal2-toast-shown>.swal2-container.swal2-center-right{
    top:50%;
    right:0;
    bottom:auto;
    left:auto;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-bottom-left,body.swal2-toast-shown>.swal2-container.swal2-bottom-start{
    top:auto;
    right:auto;
    bottom:0;
    left:0
}
body.swal2-toast-shown>.swal2-container.swal2-bottom{
    top:auto;
    right:auto;
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-bottom-end,body.swal2-toast-shown>.swal2-container.swal2-bottom-right{
    top:auto;
    right:0;
    bottom:0;
    left:auto
}
.swal2-popup.swal2-toast{
    flex-direction:row;
    align-items:center;
    width:auto;
    padding:.625em;
    box-shadow:0 0 .625em #d9d9d9;
    overflow-y:hidden
}
.swal2-popup.swal2-toast .swal2-header{
    flex-direction:row
}
.swal2-popup.swal2-toast .swal2-title{
    justify-content:flex-start;
    margin:0 .6em;
    font-size:1em
}
.swal2-popup.swal2-toast .swal2-close{
    position:initial
}
.swal2-popup.swal2-toast .swal2-content{
    justify-content:flex-start;
    font-size:1em
}
.swal2-popup.swal2-toast .swal2-icon{
    width:2em;
    min-width:2em;
    height:2em;
    margin:0
}
.swal2-popup.swal2-toast .swal2-icon-text{
    font-size:2em;
    font-weight:700;
    line-height:1em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{
    width:2em;
    height:2em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{
    top:.875em;
    width:1.375em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{
    left:.3125em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{
    right:.3125em
}
.swal2-popup.swal2-toast .swal2-actions{
    height:auto;
    margin:0 .3125em
}
.swal2-popup.swal2-toast .swal2-styled{
    margin:0 .3125em;
    padding:.3125em .625em;
    font-size:1em
}
.swal2-popup.swal2-toast .swal2-styled:focus{
    box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)
}
.swal2-popup.swal2-toast .swal2-success{
    border-color:#a5dc86
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{
    position:absolute;
    width:2em;
    height:2.8125em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    border-radius:50%
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{
    top:-.25em;
    left:-.9375em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:2em 2em;
    transform-origin:2em 2em;
    border-radius:4em 0 0 4em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{
    top:-.25em;
    left:.9375em;
    -webkit-transform-origin:0 2em;
    transform-origin:0 2em;
    border-radius:0 4em 4em 0
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{
    width:2em;
    height:2em
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{
    top:0;
    left:.4375em;
    width:.4375em;
    height:2.6875em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{
    height:.3125em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{
    top:1.125em;
    left:.1875em;
    width:.75em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{
    top:.9375em;
    right:.1875em;
    width:1.375em
}
.swal2-popup.swal2-toast.swal2-show{
    -webkit-animation:showSweetToast .5s;
    animation:showSweetToast .5s
}
.swal2-popup.swal2-toast.swal2-hide{
    -webkit-animation:hideSweetToast .2s forwards;
    animation:hideSweetToast .2s forwards
}
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{
    -webkit-animation:animate-toast-success-tip .75s;
    animation:animate-toast-success-tip .75s
}
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{
    -webkit-animation:animate-toast-success-long .75s;
    animation:animate-toast-success-long .75s
}
@-webkit-keyframes showSweetToast{
    0%{
        -webkit-transform:translateY(-.625em) rotateZ(2deg);
        transform:translateY(-.625em) rotateZ(2deg);
        opacity:0
    }
    33%{
        -webkit-transform:translateY(0) rotateZ(-2deg);
        transform:translateY(0) rotateZ(-2deg);
        opacity:.5
    }
    66%{
        -webkit-transform:translateY(.3125em) rotateZ(2deg);
        transform:translateY(.3125em) rotateZ(2deg);
        opacity:.7
    }
    100%{
        -webkit-transform:translateY(0) rotateZ(0);
        transform:translateY(0) rotateZ(0);
        opacity:1
    }
}
@keyframes showSweetToast{
    0%{
        -webkit-transform:translateY(-.625em) rotateZ(2deg);
        transform:translateY(-.625em) rotateZ(2deg);
        opacity:0
    }
    33%{
        -webkit-transform:translateY(0) rotateZ(-2deg);
        transform:translateY(0) rotateZ(-2deg);
        opacity:.5
    }
    66%{
        -webkit-transform:translateY(.3125em) rotateZ(2deg);
        transform:translateY(.3125em) rotateZ(2deg);
        opacity:.7
    }
    100%{
        -webkit-transform:translateY(0) rotateZ(0);
        transform:translateY(0) rotateZ(0);
        opacity:1
    }
}
@-webkit-keyframes hideSweetToast{
    0%{
        opacity:1
    }
    33%{
        opacity:.5
    }
    100%{
        -webkit-transform:rotateZ(1deg);
        transform:rotateZ(1deg);
        opacity:0
    }
}
@keyframes hideSweetToast{
    0%{
        opacity:1
    }
    33%{
        opacity:.5
    }
    100%{
        -webkit-transform:rotateZ(1deg);
        transform:rotateZ(1deg);
        opacity:0
    }
}
@-webkit-keyframes animate-toast-success-tip{
    0%{
        top:.5625em;
        left:.0625em;
        width:0
    }
    54%{
        top:.125em;
        left:.125em;
        width:0
    }
    70%{
        top:.625em;
        left:-.25em;
        width:1.625em
    }
    84%{
        top:1.0625em;
        left:.75em;
        width:.5em
    }
    100%{
        top:1.125em;
        left:.1875em;
        width:.75em
    }
}
@keyframes animate-toast-success-tip{
    0%{
        top:.5625em;
        left:.0625em;
        width:0
    }
    54%{
        top:.125em;
        left:.125em;
        width:0
    }
    70%{
        top:.625em;
        left:-.25em;
        width:1.625em
    }
    84%{
        top:1.0625em;
        left:.75em;
        width:.5em
    }
    100%{
        top:1.125em;
        left:.1875em;
        width:.75em
    }
}
@-webkit-keyframes animate-toast-success-long{
    0%{
        top:1.625em;
        right:1.375em;
        width:0
    }
    65%{
        top:1.25em;
        right:.9375em;
        width:0
    }
    84%{
        top:.9375em;
        right:0;
        width:1.125em
    }
    100%{
        top:.9375em;
        right:.1875em;
        width:1.375em
    }
}
@keyframes animate-toast-success-long{
    0%{
        top:1.625em;
        right:1.375em;
        width:0
    }
    65%{
        top:1.25em;
        right:.9375em;
        width:0
    }
    84%{
        top:.9375em;
        right:0;
        width:1.125em
    }
    100%{
        top:.9375em;
        right:.1875em;
        width:1.375em
    }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){
    overflow-y:hidden
}
body.swal2-height-auto{
    height:auto!important
}
body.swal2-no-backdrop .swal2-shown{
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    background-color:transparent
}
body.swal2-no-backdrop .swal2-shown>.swal2-modal{
    box-shadow:0 0 10px rgba(0,0,0,.4)
}
body.swal2-no-backdrop .swal2-shown.swal2-top{
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{
    top:0;
    left:0
}
body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{
    top:0;
    right:0
}
body.swal2-no-backdrop .swal2-shown.swal2-center{
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom{
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{
    bottom:0;
    left:0
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{
    right:0;
    bottom:0
}
.swal2-container{
    display:flex;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    padding:10px;
    background-color:transparent;
    z-index:1060;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch
}
.swal2-container.swal2-top{
    align-items:flex-start
}
.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{
    align-items:flex-start;
    justify-content:flex-start
}
.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{
    align-items:flex-start;
    justify-content:flex-end
}
.swal2-container.swal2-center{
    align-items:center
}
.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{
    align-items:center;
    justify-content:flex-start
}
.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{
    align-items:center;
    justify-content:flex-end
}
.swal2-container.swal2-bottom{
    align-items:flex-end
}
.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{
    align-items:flex-end;
    justify-content:flex-start
}
.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{
    align-items:flex-end;
    justify-content:flex-end
}
.swal2-container.swal2-grow-fullscreen>.swal2-modal{
    display:flex!important;
    flex:1;
    align-self:stretch;
    justify-content:center
}
.swal2-container.swal2-grow-row>.swal2-modal{
    display:flex!important;
    flex:1;
    align-content:center;
    justify-content:center
}
.swal2-container.swal2-grow-column{
    flex:1;
    flex-direction:column
}
.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{
    align-items:center
}
.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{
    align-items:flex-start
}
.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{
    align-items:flex-end
}
.swal2-container.swal2-grow-column>.swal2-modal{
    display:flex!important;
    flex:1;
    align-content:center;
    justify-content:center
}
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal{
    margin:auto
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .swal2-container .swal2-modal{
        margin:0!important
    }
}
.swal2-container.swal2-fade{
    transition:background-color .1s
}
.swal2-container.swal2-shown{
    background-color:rgba(0,0,0,.4)
}
.swal2-popup{
    display:none;
    position:relative;
    flex-direction:column;
    justify-content:center;
    width:32em;
    max-width:100%;
    padding:1.25em;
    border-radius:.3125em;
    background:#fff;
    font-family:inherit;
    font-size:1rem;
    box-sizing:border-box
}
.swal2-popup:focus{
    outline:0
}
.swal2-popup.swal2-loading{
    overflow-y:hidden
}
.swal2-popup .swal2-header{
    display:flex;
    flex-direction:column;
    align-items:center
}
.swal2-popup .swal2-title{
    display:block;
    position:relative;
    max-width:100%;
    margin:0 0 .4em;
    padding:0;
    color:#595959;
    font-size:1.875em;
    font-weight:600;
    text-align:center;
    text-transform:none;
    word-wrap:break-word
}
.swal2-popup .swal2-actions{
    align-items:center;
    justify-content:center;
    margin:1.25em auto 0
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{
    opacity:.4
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{
    background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{
    background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
}
.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{
    width:2.5em;
    height:2.5em;
    margin:.46875em;
    padding:0;
    border:.25em solid transparent;
    border-radius:100%;
    border-color:transparent;
    background-color:transparent!important;
    color:transparent;
    cursor:default;
    box-sizing:border-box;
    -webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{
    margin-right:30px;
    margin-left:30px
}
.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{
    display:inline-block;
    width:15px;
    height:15px;
    margin-left:5px;
    border:3px solid #999;
    border-radius:50%;
    border-right-color:transparent;
    box-shadow:1px 1px 1px #fff;
    content:'';
    -webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation:swal2-rotate-loading 1.5s linear 0s infinite normal
}
.swal2-popup .swal2-styled{
    margin:0 .3125em;
    padding:.625em 2em;
    font-weight:500;
    box-shadow:none
}
.swal2-popup .swal2-styled:not([disabled]){
    cursor:pointer
}
.swal2-popup .swal2-styled.swal2-confirm{
    border:0;
    border-radius:.25em;
    background:initial;
    background-color:#3085d6;
    color:#fff;
    font-size:1.0625em
}
.swal2-popup .swal2-styled.swal2-cancel{
    border:0;
    border-radius:.25em;
    background:initial;
    background-color:#aaa;
    color:#fff;
    font-size:1.0625em
}
.swal2-popup .swal2-styled:focus{
    outline:0;
    box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)
}
.swal2-popup .swal2-styled::-moz-focus-inner{
    border:0
}
.swal2-popup .swal2-footer{
    justify-content:center;
    margin:1.25em 0 0;
    padding-top:1em;
    border-top:1px solid #eee;
    color:#545454;
    font-size:1em
}
.swal2-popup .swal2-image{
    max-width:100%;
    margin:1.25em auto
}
.swal2-popup .swal2-close{
    position:absolute;
    top:0;
    right:0;
    justify-content:center;
    width:1.2em;
    height:1.2em;
    padding:0;
    transition:color .1s ease-out;
    border:none;
    border-radius:0;
    background:0 0;
    color:#ccc;
    font-family:serif;
    font-size:2.5em;
    line-height:1.2;
    cursor:pointer;
    overflow:hidden
}
.swal2-popup .swal2-close:hover{
    -webkit-transform:none;
    transform:none;
    color:#f27474
}
.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{
    display:none
}
.swal2-popup .swal2-content{
    justify-content:center;
    margin:0;
    padding:0;
    color:#545454;
    font-size:1.125em;
    font-weight:300;
    line-height:normal;
    word-wrap:break-word
}
.swal2-popup #swal2-content{
    text-align:center
}
.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{
    margin:1em auto
}
.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{
    width:100%;
    transition:border-color .3s,box-shadow .3s;
    border:1px solid #d9d9d9;
    border-radius:.1875em;
    font-size:1.125em;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.06);
    box-sizing:border-box
}
.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{
    border-color:#f27474!important;
    box-shadow:0 0 2px #f27474!important
}
.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{
    border:1px solid #b4dbed;
    outline:0;
    box-shadow:0 0 3px #c4e6f5
}
.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{
    color:#ccc
}
.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{
    color:#ccc
}
.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{
    color:#ccc
}
.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{
    color:#ccc
}
.swal2-popup .swal2-range input{
    width:80%
}
.swal2-popup .swal2-range output{
    width:20%;
    font-weight:600;
    text-align:center
}
.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{
    height:2.625em;
    margin:1em auto;
    padding:0;
    font-size:1.125em;
    line-height:2.625em
}
.swal2-popup .swal2-input{
    height:2.625em;
    padding:.75em
}
.swal2-popup .swal2-input[type=number]{
    max-width:10em
}
.swal2-popup .swal2-file{
    font-size:1.125em
}
.swal2-popup .swal2-textarea{
    height:6.75em;
    padding:.75em
}
.swal2-popup .swal2-select{
    min-width:50%;
    max-width:100%;
    padding:.375em .625em;
    color:#545454;
    font-size:1.125em
}
.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{
    align-items:center;
    justify-content:center
}
.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{
    margin:0 .6em;
    font-size:1.125em
}
.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{
    margin:0 .4em
}
.swal2-popup .swal2-validationerror{
    display:none;
    align-items:center;
    justify-content:center;
    padding:.625em;
    background:#f0f0f0;
    color:#666;
    font-size:1em;
    font-weight:300;
    overflow:hidden
}
.swal2-popup .swal2-validationerror::before{
    display:inline-block;
    width:1.5em;
    min-width:1.5em;
    height:1.5em;
    margin:0 .625em;
    border-radius:50%;
    background-color:#f27474;
    color:#fff;
    font-weight:600;
    line-height:1.5em;
    text-align:center;
    content:'!';
    zoom:normal
}
@supports (-ms-accelerator:true){
    .swal2-range input{
        width:100%!important
    }
    .swal2-range output{
        display:none
    }
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .swal2-range input{
        width:100%!important
    }
    .swal2-range output{
        display:none
    }
}
@-moz-document url-prefix(){
    .swal2-close:focus{
        outline:2px solid rgba(50,100,150,.4)
    }
}
.swal2-icon{
    position:relative;
    justify-content:center;
    width:5em;
    height:5em;
    margin:1.25em auto 1.875em;
    border:.25em solid transparent;
    border-radius:50%;
    line-height:5em;
    cursor:default;
    box-sizing:content-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    zoom:normal
}
.swal2-icon-text{
    font-size:3.75em
}
.swal2-icon.swal2-error{
    border-color:#f27474
}
.swal2-icon.swal2-error .swal2-x-mark{
    position:relative;
    flex-grow:1
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line]{
    display:block;
    position:absolute;
    top:2.3125em;
    width:2.9375em;
    height:.3125em;
    border-radius:.125em;
    background-color:#f27474
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{
    left:1.0625em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{
    right:1em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.swal2-icon.swal2-warning{
    border-color:#facea8;
    color:#f8bb86
}
.swal2-icon.swal2-info{
    border-color:#9de0f6;
    color:#3fc3ee
}
.swal2-icon.swal2-question{
    border-color:#c9dae1;
    color:#87adbd
}
.swal2-icon.swal2-success{
    border-color:#a5dc86
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line]{
    position:absolute;
    width:3.75em;
    height:7.5em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    border-radius:50%
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{
    top:-.4375em;
    left:-2.0635em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:3.75em 3.75em;
    transform-origin:3.75em 3.75em;
    border-radius:7.5em 0 0 7.5em
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{
    top:-.6875em;
    left:1.875em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 3.75em;
    transform-origin:0 3.75em;
    border-radius:0 7.5em 7.5em 0
}
.swal2-icon.swal2-success .swal2-success-ring{
    position:absolute;
    top:-.25em;
    left:-.25em;
    width:100%;
    height:100%;
    border:.25em solid rgba(165,220,134,.3);
    border-radius:50%;
    z-index:2;
    box-sizing:content-box
}
.swal2-icon.swal2-success .swal2-success-fix{
    position:absolute;
    top:.5em;
    left:1.625em;
    width:.4375em;
    height:5.625em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    z-index:1
}
.swal2-icon.swal2-success [class^=swal2-success-line]{
    display:block;
    position:absolute;
    height:.3125em;
    border-radius:.125em;
    background-color:#a5dc86;
    z-index:2
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{
    top:2.875em;
    left:.875em;
    width:1.5625em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{
    top:2.375em;
    right:.5em;
    width:2.9375em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.swal2-progresssteps{
    align-items:center;
    margin:0 0 1.25em;
    padding:0;
    font-weight:600
}
.swal2-progresssteps li{
    display:inline-block;
    position:relative
}
.swal2-progresssteps .swal2-progresscircle{
    width:2em;
    height:2em;
    border-radius:2em;
    background:#3085d6;
    color:#fff;
    line-height:2em;
    text-align:center;
    z-index:20
}
.swal2-progresssteps .swal2-progresscircle:first-child{
    margin-left:0
}
.swal2-progresssteps .swal2-progresscircle:last-child{
    margin-right:0
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{
    background:#3085d6
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{
    background:#add8e6
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{
    background:#add8e6
}
.swal2-progresssteps .swal2-progressline{
    width:2.5em;
    height:.4em;
    margin:0 -1px;
    background:#3085d6;
    z-index:10
}
[class^=swal2]{
    -webkit-tap-highlight-color:transparent
}
.swal2-show{
    -webkit-animation:swal2-show .3s;
    animation:swal2-show .3s
}
.swal2-show.swal2-noanimation{
    -webkit-animation:none;
    animation:none
}
.swal2-hide{
    -webkit-animation:swal2-hide .15s forwards;
    animation:swal2-hide .15s forwards
}
.swal2-hide.swal2-noanimation{
    -webkit-animation:none;
    animation:none
}
[dir=rtl] .swal2-close{
    right:auto;
    left:0
}
.swal2-animate-success-icon .swal2-success-line-tip{
    -webkit-animation:swal2-animate-success-line-tip .75s;
    animation:swal2-animate-success-line-tip .75s
}
.swal2-animate-success-icon .swal2-success-line-long{
    -webkit-animation:swal2-animate-success-line-long .75s;
    animation:swal2-animate-success-line-long .75s
}
.swal2-animate-success-icon .swal2-success-circular-line-right{
    -webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;
    animation:swal2-rotate-success-circular-line 4.25s ease-in
}
.swal2-animate-error-icon{
    -webkit-animation:swal2-animate-error-icon .5s;
    animation:swal2-animate-error-icon .5s
}
.swal2-animate-error-icon .swal2-x-mark{
    -webkit-animation:swal2-animate-error-x-mark .5s;
    animation:swal2-animate-error-x-mark .5s
}
@-webkit-keyframes swal2-rotate-loading{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes swal2-rotate-loading{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

/*Banners slider*/
.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: #707070;
}


.custom-toggle-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    border-radius: 50%!important;
    background-color: #5e72e4;
    transition: all .2s cubic-bezier(.68,-.55,.265,1.55);
}

.swal-footer, .swal-text {
    text-align: center;
  }

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

.btn-cart-radius{
    border-radius: 50%!important;
}

/*landing page admin panel*/
.image-in-card {
    margin-bottom: 15px;
    width: 128px;
}

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

.cardWithShadow{
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03)
}

.cardWithShadowAnimated:hover {
    transition-duration: 0.4s;
    transform: translateY(-10px) !important;
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important; 
}

.testimonialCard {
    width: 90%;
}

.testimonials-item-author {
    display: flex;
    align-items: center;
}   

.testimonials-item-author-image-container {
    margin-right: 16px;
    overflow: hidden;
}

.testimonials-item-stars {
    align-self: baseline;
    margin-left: 16px;
    white-space: nowrap;
    display: inline-flex;
    margin-top: 2px;
}

.testimonials-item-stars-item {
    display: inline-block;
    margin-right: 2px;
    width: 14px;
    height: 14px;
}

.testimonials-item-stars-item svg {
    fill: #ffb400;
    display: block;
}

.tetimonial_text {
    margin-top: 12px;
}

/*notify-laravel-css*/
.inset-0 {
    z-index: 999 !important; 
}

.closed_time {
    color:#fb6340;  
}

.act_ribbon {
    position: absolute;
    display: table;
    top: 7px;
    left: 0px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #002736;
    font-size: 11px;
    line-height: 12px;
    padding: 5px;
    font-weight: 700;
    z-index: 99;
    /* border-radius: 20px; */
}

.act_ribbon_wait {
    position: absolute;
    display: table;
    bottom: 7px;
    left: 0px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #f5365c;
    font-size: 11px;
    line-height: 12px;
    padding: 5px;
    font-weight: 700;
    z-index: 99;
}

.cart-c-badge {
    top: -15px;
    position: relative;
    left: 10px;
    padding-right: 5px;
}

.cart-c-icon {
    position: relative;
    top: -10px;
}

.modal-header {
    padding: 10px !important;
}

.item-option {
    /* font-weight: bolder; */
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 10px;
    padding-bottom: 15px;
    font-size: 16px;
}
.color-red {
    color: red;
}
.color-green {
    color: green;
}

@media only screen and (min-width: 1025px) {
    .item-option {
        /* font-weight: bolder; */
        position: absolute;
        bottom: 0;
        right: 0;
        padding-right: 10px;
        padding-bottom: 5px;
        font-size: 16px;
    }
    .res_title b a {
        font-size: 16px;
      }
      .fs16 {
        font-size: 11px !important;
        line-height: 12px !important;
      }
    .title {
        border: solid #002736 1px;
        padding: 10px;
        border-radius: 20px;
    }
    .display-3 {
        cursor: pointer;
        margin-bottom: 0px !important;
        font-size: 20px;
    }
    .display-4 {
        font-size: 14px;
    }
    .display-x5 {
        font-size: 12px;
    }
    .tabbable .nav-pills .nav-link {
        font-weight: bold;
    }
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        color: white;
        background-color: #002736;
        font-weight: bold;
        border-radius: 5px;
    }
    .nav-pills .nav-link {
        padding: 0.75rem 1rem;
        color: #1d1d1d;
        font-weight: 500;
        font-size: .875rem;
        box-shadow: unset;
        background-color: #fff;
        transition: all .15s ease;
    }
    .nav-pills .nav-item {
        margin-bottom: 5px !important;
    }
    .sticky {
        margin-bottom: 10px;;
    }
    .bg-gradient-red {
        background: linear-gradient(35deg,#ffd600 0,#ff3800 100%)!important;
    }
    .modal {
        padding: 0 !important;
    }
    .modal .modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
        padding-left: 0px;
        padding-right: 0px;
    }
    .modal .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal .modal-body {
        overflow-y: auto;
    }
    .modal-title {
        margin-bottom: 0;
        line-height: 1.1;
        font-weight: bold;
        margin-left: -5px;
    }
    #modalImgPart {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #modalImg {
        /* box-shadow: rgb(0 0 0 / 45%) 0px 25px 20px -20px; */
    }
    .new-price {
        font-size: 17px;
        font-weight: bold;
    }
    #modalDescription {
        font-size: 14px;
    }
    .btn-outline-primary {
        color: black;
        border-color: #002736;
    }
    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
        color: white;
        background-color: #002736;
        border-color: #002736;
    }
    .box-modal-options {
        font-weight: bold;
        color: black;
    }
    .quantity-btn {
        float: right;
    }
    .btn-primary {
        color: white;
        background-color: #002736;
        border-color: #002736;
        box-shadow: 0 4px 6pxrgba(50,50,93,.11),0 1px 3pxrgba(0,0,0,.08);
        border-radius: 10px;
    }
    .modal-show-qty {
        font-weight: bold;
    }
    span {cursor:pointer; }
    /* .number{
        margin:100px;
    } */
    .minus, .plus{
        width: 90px;
        height: 59px;
        /* background: #002736; */
        /* border-radius: 4px; */
        padding: 12px 5px 8px 5px;
        /* border: 1px solid #ddd; */
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #1d1d1d;
    }
    input{
        height:34px;
        width: 100px;
        /* text-align: center; */
        font-size: 26px;
        border:1px solid #ddd;
        border-radius:4px;
        display: inline-block;
        vertical-align: middle;
    }   
    .qty-c-wrapper {
        height: 50px;
        display: flex;
        padding: 0px;
        justify-content: space-between;
    }
    .qty-c-input {
        max-width: 256px;
        height: 54px;
        box-shadow: unset !important;
    }
    .btn-outline-primary:hover {
        color: white;
        background-color: #002736;
        border-color: #002736;
    }
    .btn-primary:hover {
        color: white;
        background-color: #002736;
        border-color: #002736;
    }
    .modal .modal-body {
        overflow-y: unset;
    }
    .card-custom {
        min-height: 93vh;
    }
    .section-lg {
        padding-top: 65px !important
    }
    #cartList {
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        background-color: #f7f7f7;
        min-height: 600px;
        overflow-y: auto;
        /* max-height: 450px; */
        max-height: unset;
        overflow-x: hidden;
        margin-left: 0px;
        margin-right: 0px;
        /* box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px; */
    }
    .mb120 {
        margin-bottom: 130px;
    }
    .cartListCheckout {
        max-height: 310px !important;
    }
    .sidenav-cart {
        padding-top: 10px;
    }
    .h4c {
        font-size: 18px;
    }
    .product-item_title {
        font-size: 14px;
    }
    .ammount {
        float: right;
    }
    .btnclosenav {
        border-radius: 10px;
    }
    .cartTotalPrices {
        position: fixed;
        bottom: 0;
        width: 100%;
        /* box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px; */
        box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px;
        background-color: white;
    }
    .cart-c-item {
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: bold;
        display: block !important;
    }
    .text-black {
        color: #1d1d1d !important;
    }
    .info-block .square-box {
        background-color: white;
    }
    .checkout-header {
        /* border-left: 4px solid #002736 !important; */
        border-left: unset !important;
        padding-left: 0px !important;
    }
    .m-hide {
        display: none !important;
    }
    .m-top80 {
        /* margin-top: 100px !important; */
    }

    /* mryum */
    .text-primary-text {
        color: white;
    }
    .bg-primary {
        background-color: #1d1d1d !important;
    }
    .justify-between {
        justify-content: space-between;
    }
    .items-center {
        align-items: center;
    }
    .h-14 {
        height: 3.5rem;
    }
    .flex {
        display: flex;
    }
    .z-10 {
        z-index: 10;
    }
    .top-0 {
        top: 0;
    }
    .inset-x-0 {
        left: 0;
        right: 0;
    }
    .fixed {
        position: fixed;
        z-index: 999999999;
    }
    .active\:transition-none:active {
        transition-property: none;
    }
    .active\:shadow-none:active {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    }
    .active\:bg-opacity-20:active {
        --tw-bg-opacity: 0.2;
    }
    .active\:bg-neutral-100:active {
        --tw-bg-opacity: 1;
        background-color: rgb(245 245 245/var(--tw-bg-opacity));
    }
    .active\:border-transparent:active {
        border-color: transparent;
    }
    .hover\:bg-opacity-20:hover {
        --tw-bg-opacity: 0.2;
    }
    .hover\:bg-neutral-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(229 229 229/var(--tw-bg-opacity));
    }
    .ease-out {
        transition-timing-function: cubic-bezier(0,0,.2,1);
    }
    .duration-300 {
        transition-duration: .3s;
    }
    .w-14 {
        width: 3.5rem;
    }
    .h-full {
        height: 100%;
    }
    .border {
        border: unset !important;
    }
    .mchildren {
        color: white;
    }
    .sticky {
        top: 56px !important;
    }
    .m-show {
        display: block !important;
    }
    .bot-text {
        font-weight: bold;
        color: white;
    }
    .bot-primary-color {
        background-color: #002736;
    }
    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
        background-color: #002736;
        border-color: #002736;
    }
    .bot-trans {
        /* background-color: hsla(0,0%,100%,.8); */
        /* background-color: #0027363d; */
        background-color: #00273600;
    }
    .ft-black {
        color: #1d1d1d;
    }
    .m-show-flex {
        display: flex !important;
    }
    .modal {
        z-index: 99999999999;
    }
    .card-custom {
        border-radius: 0px !important;
    }
    #cartSideNav {
        z-index: 99999999999;
    }
    .sidenav-cart {
        background: #f7f7f7;
    }
    .pd0 {
        padding-top: 0px !important;
    }
    .ease-out {
        transition-timing-function: cubic-bezier(0,0,.2,1);
    }
    .duration-300 {
        transition-duration: .3s;
    }
    .colr50 {
        width: 50%;
        float: right;
        /* padding-left: 5px; */
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .coll50 {
        width: 45%;
        float: left;
        padding-left: 10px;
        padding-right: 5px;
        padding-bottom: 4px;
    }
    .border-cart {
        border: solid black;
        border-radius: 5px;
    }
    .mmb80 {
        margin-bottom: 80px;
    }
    #modalItemDetailsPart {
        margin-top: -20px;
        background-color: white;
        padding-right: 15px;
        padding-left: 15px;
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        padding-top: 20px;
        box-shadow: 0px -4px 3px rgb(50 50 50 / 12%)
    }
    .mmg0 {
        margin: 0px !important;
    }
    .ml10 {
        margin-left: 10px !important;
    }
    .container-restorant {
        margin-top: 115px;
        margin-bottom: 60px;
        padding-top: unset;
    }
    .mfooter {
        /* padding-top: 0px !important; */
        padding-bottom : 70px !important;
    }
    .mrestaurant-content {
        padding-bottom: 0px !important;
        background-color: #f7f7f7;
    }
    .mml15 {
        margin-left: 15px !important;
    }
    .mt60 {
        margin-top: 60px;
    }
    .mp0 {
        padding: 0px !important;
    }
    .mbtncheckout {
        border-radius: unset;
        padding: 15px;
        border-radius: 10px;
    }
    .mcheckoutsubtotal {
        border-top: solid #00000017;
        background-color: white;
    }
    .mlistitems {
        box-shadow : unset !important;
    }
    .mcard-mobile {
        margin-bottom: 0px !important;
        border: unset !important;
        box-shadow: none !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .mptcheckout {
        padding-top: 57px !important;
        padding-bottom: 50px !important;
    }
    .mfixedv {
        position: fixed;
        bottom: 0;
        z-index: 99;
        top: unset;
    }
    .mshadowpayment {
        box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px !important;
    }
    .mplaceorder {
        /* max-height: 350px; */
        overflow-y: auto;
    }
    .product-item_variant {
        font-size: 10px;
    }
    .product-item_extras {
        font-size: 12px;
    }
    .listvariant {
        display: flex;
    }
    .priceqty {
        display: flex;
    }
    .col50 {
        width: 50%;
    }
    .product-item_quantity {
        font-size: 14px;
    }
    .wrapiteminfo {
        min-height: 80px;
    }
    .btn:not(:last-child) {
        /* margin-right: 5px; */
    }
    .btncircle {
        height: 25px;
        width: 25px;
    }
    .items {
        margin-bottom: 0px !important;
    }
    .d-show {
        display: none ;
    }
    .btncheckoutcard {
        float: right;
    }
    .mr0 {
        margin-right: 5px !important;
    }
    .mcheckout {
        display: grid !important;
        top: 1px;
        position: relative;
        /* border-top: solid 10px #0027363d; */
        border-top: solid 10px #248da500;
    }
    .mcard-custom {
        min-height: 50px;
    }
    .background-black {
        background-color: black !important;
    }
    .mbgwhite {
        background-color: white;
    }
    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #002736;
        border-color: #002736;
    }
    .custom-control-input:checked~.custom-control-label::before {
        background-color: #002736;
    }
    .mhidebt {
        border-top:unset !important;
    }
    .mmt0 {
        margin-top: 0px !important;
    }
    .mbtnorders {
        height: inherit;
        cursor: pointer;
        border-radius: 0px;
        background: #1d1d1d;
        border-color: #1d1d1d;
        color: white !important;
        right: 10px;
    }
    .mspanorders {
        position: relative;
        top: -6px;
        font-size: xx-large;
    }
    .dwrappercart {
        display: block;
    }
    .dwrapinfo {
        width: 100%;
    }
    .dwrapprice {
        width: 100%;
        float: unset;
        position: absolute;
        left: 110px;
        bottom: 10px;
    }
    .mmle100{
        margin-left: 110px;
    }
    .select2-container {
        width: 100% !important;
    }
    .dcartimage {
        width: 100%;
        height: auto;
        margin-left: 0px;
        margin-top: unset;
    }
    .sidenav-cart {
        max-width: unset !important;
    }
    .mtablextra {
        margin-bottom: 0px;
    }
    .custom-control {
        padding-left: 10px !important;
    }
    .mml-15 {
        margin-left: 15px;
    }
    .mpl0 {
        padding-left: 0px !important;
    }
    .container{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .livmenu {
        height: 50px;
    }
    .mfixedsecond {
        position: fixed;
        background-color: white;
        z-index: 999;
        top: 55px;
        right: 0;
        padding-right: 10px;
        width: 100%;
        height: 43px;
        padding-bottom: 5px;
        border-bottom: 1px solid black;
    }
    .mptsecon {
        padding-top: 10px;
    }
    .mfixedseclist {
        border-right: 950px solid rgba(0, 0, 0, 0.68) !important;
    }
    .mvside-menu {
        position: fixed;
        top: 98px;
        /* width: 300px; */
        width: 100vw;
        box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
        border-right: 950px solid rgba(0, 0, 0, 0.68);
        z-index: 99999999999;
    }
    .mfixedlist {
        height: auto;
        padding-bottom: 20px;
    }
    .mlistheader {
        padding-left: 10px;
        font-weight: bold;    
    }
    .mp10 {
        padding-top: 8px;
    }
    .nav-link.active, .nav-link:hover {
        color: #1d1d1d;
    }
    .nav-link {
        color: #1d1d1d;
    }
    .mh50 {
        width: 50%;
    }
    .mpl10 {
        padding-left: 10px;
    }
    .mvsearch {
        width: 100%;
        display: flex;
    }
    .mvinputsearch {
        width: 73%;
        margin-right: 2%;
        height: 28px;
    }
    .mvbtncancelsearch {
        width: 25%;
    }
    .bgcolorwhite {
        background-color: white;
    }
    .bgcolorwhite:hover {
        background-color: white;
    }
    .bgcolorwhite:active {
        background-color: white !important;
    }
    .colorprimary {
        color: #002736;
    }
    .opt-dietary {
        position: relative;
        left: 190px;
        top: -30px;
        height: 20px;
    }
    .btn-apply-dietary {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .mheight60 {
        height: 60px;
    }
    .mbradius0 {
        border-radius: 0px;
    }
    .overflow-y-auto {
        overflow-y: auto;
    }
    .mh-full {
        height: 100%;
    }
    .mmt350 {
        margin-top: 250px;
    }
    .text-full-menu {
        font-size: larger;
        font-weight: bolder;
    }
    .mpd10 {
        padding: 10px;
    }
    .myfooter {
        /* position: inherit;
        bottom: 0;
        left: 0;
        right: 0;
        padding-bottom: 20px; */
        background-color: #002736;
        color: white;
        position: absolute;
        padding: 10px 10px 0px 10px;
        bottom: 0;
        width: 100%;
        height: 180px;
        /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */
    }
    .mytitle {
        /* border-radius: 10px; */
        padding: 10px;
        /* margin-left: 10px;
        margin-right: 10px; */
        /* box-shadow:  rgb(43 168 174 / 8%) 0px 0px 0px 3px; */
        box-shadow: unset;
    }
    .mt20 {
        margin-top: 20px;
    }
    .mt50 {
        margin-top: 50px;
    }
    .mml10 {
        margin-left: 10px;
    }
    .modal-floating {
        height: unset !important;
        /* margin-left: 5px;
        margin-right: 5px; */
        position: absolute;
        bottom: 0;
        /* border-top: 900px solid rgba(0, 0, 0, 0.68) !important; */
    }
    .br10 {
        border-radius: 10px;
    }
    .only-mobile-home {
        display: block !important;
        height: 60px;
        /* top: 20px; */
        position: relative;
        /* box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px; */
        background-color: white;
        border-radius: 20px;
    }
    .mcontainer {
        margin-left: 10px;
        margin-right: 10px;
        background-color: white;
        border-radius: 20px;
    }
    .mmiddlevertical {
        margin: auto;
        width: 50%;
        padding: 10px;
    }
    .mb50 {
        margin-bottom: 50px;
    }
    .menubrowse {
        box-shadow: unset;
        background-color: rgb(50 50 93 / 3%);
        border-radius: 20px;
    }
    .mt55 {
        margin-top: 55px;
    }
    .mb0 {
        margin-bottom: 0px;
    }
    .headerimg {
        /* box-shadow: rgb(43 168 174 / 37%) 0px 0px 0px 3px; */
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        /* border-radius: 50px; */
    }
    .hrsplit {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .br50 {
        border-radius: 50%;
    }
    .border-top {
        border-top: unset !important;
    }
    br :not(.br) {
        display: none;
    }
    .mmb3 {
        margin-bottom: 5px !important;
    }
    .mmb0 {
        margin-bottom: 0px !important;
    }
    .mt10 {
        margin-top: 10px;
    }
    .mb10 {
        margin-bottom: 10px;
    }
    .labelitem {
        position: relative;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #0027361f;
        padding-left: 10px;
        font-size: 16px;
        font-weight: bold;
    }
    .mhcover {
        /* border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px; */
        /* border-radius: 50px; */
    }
    .modalradiustop {
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
    }
    .bgcolorwdark {
        background-color: #f1f1f178;
    }
    .mb20 {
        margin-bottom: 20px;
    }
    .promo-action {
        font-size: 10px !important;
        color: blue !important;
    }
    .promo-input {
        padding: 5px 5px;
        border: 1px solid #000;
    }
    .p15 {
        padding: 15px;
    }
    .mshadow {
        box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px;
    }
    .text-bold {
        font-weight: bold;
    }
    .mr10 {
        margin-right: 10px;
    }
    .btn-default {
        color: black;
        background-color: #f7f7f7;
        border-color: #f7f7f7;
    }
    .mshadow2 {
        /* box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px; */
        background-color: white;
        /* background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(18 157 164 / 0%) 100%); */
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(0 0 0 / 9%) 100%);
    }
    .mshadow3 {
        box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px;
        /* background-color: white; */
    }
    .text-normal {
        font-weight: 200 !important;
    }
    .paymentbutton {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0px;
        height: 55px;
        border-radius: 0;
    }
    .mptcheckout {
        background-color: white !important;
        height: unset;
    }
    .mheader {
        padding: 0px !important;
    }
    .bgshadow {
        background-color: #000000c4;
    }
    .btn-cart-icon{
        font-size: 10px !important;
        position: relative;
        /* left: -4px;
        top: -3px; */
    }
    body {
        background-color: #f7f7f7;
        font-size: 14px;
        /* margin-left: 500px;
        margin-right: 500px; */
    }
    .frontrestoarea {
        /* margin-left: 500px;
        margin-right: 500px; */
    }
    .mmlmr0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .hide {
        display: none !important;
    }
    /* -- quantity box -- */
    .quantity {
        display: inline-block;
    }

    .quantity .input-text.qty {
        width: 35px;
        height: 25px;
        padding: 0px;
        text-align: center;
        background-color: transparent;
        border: 1px solid black;
        left: -5px;
        position: relative;
        border-radius: unset;
    }

    .quantity.buttons_added {
        text-align: left;
        position: absolute;
        white-space: nowrap;
        vertical-align: top;
        right: 110px;
        top: -20px;
    }

    .quantity.buttons_added input {
        display: inline-block;
        margin: 0;
        vertical-align: top;
        box-shadow: none;
    }

    .quantity.buttons_added .minus,
    .quantity.buttons_added .plus {
        padding: 0px;
        height: 25px;
        width: 25px;
        background-color: #f7f7f7;
        border: 1px solid black;
        border-radius: unset;
        font-size: 16px;
        cursor: pointer;
    }

    .quantity.buttons_added .minus {
        border-right: 0;
    }

    .quantity.buttons_added .plus {
        border-left: 0;
        left: -10px;
        position: relative;
    }

    .quantity.buttons_added .minus:hover,
    .quantity.buttons_added .plus:hover {
        background: #eeeeee;
    }

    .quantity input::-webkit-outer-spin-button,
    .quantity input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        margin: 0;
    }

    .quantity.buttons_added .minus:focus,
    .quantity.buttons_added .plus:focus {
        outline: none;
    }
   
   .cartprice {
    position: absolute;
    /* right: 120px; */
    top: -15px;
   }
   .btnplusmin {
    padding: 0px;
    height: 25px;
    width: 25px;
    background-color: #002736;
    border: 1px solid #002736;
    border-radius: unset;
    font-size: 16px;
    cursor: pointer;
    color: white;
   }
   .mbtnplus {  
    /* border-left: 0; */
    left: -10px;
    position: relative;
   }
   .spanqtycart {
    padding: 6px 10px 5px 10px;
    height: 25px;
    width: 25px;
    background-color: white;
    /* border: 1px solid #002736; */
    position: relative;
    left: -5px;
    color: #002736;
    font-size: 12px;
   }
   .f24 {
    font-size: 24px;
   }
   .bradiusr20 {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
   }
   .bradiusl20 {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
   }
   .bradius20 {
    border-radius: 20px !important;
   }
   .btn-danger {
        color: white;
        background-color: white;
        border-color: red;
        box-shadow: 0 4px 6pxrgba(50,50,93,.11),0 1px 3pxrgba(0,0,0,.08);
        border-radius: 10px;
    }
    .mb110 {
        margin-bottom: 160px;
    }
    .svgcenter {
        display: initial;
    }
    .h2title {
        font-weight: bold;
        font-size:24px;
    }
    .f-height {
        height: 100vh;
    }
    .font-size-normal {
        font-size: 12px;
    }
    .font-size-large {
        font-size: 16px;
    }
    .mt3 {
        margin-top: 3px;
    }
    .closebtnfa {
        box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px;
        position: absolute;
        right: 10px;
        color: #ffffff;
        z-index: 99999999;
        font-size: 30px;
        top: 10px;
        /* background: #002736; */
        background: #002736;
        padding: 10px 15px 10px 15px;
        border-radius: 50%;
    }
    .color-primary {
        color: #002736;
    }
    .fmiddle {
        margin: 0;
        position: relative;
        top: 35%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .mm3 {
        margin: 3px;
    }
    .text-white {
        color: white;
    }
    h4 {
        font-size: 20px;
    }
    .checkout-bill {
        background-color: white;
        position: fixed;
        bottom: 30px;
        width: 100%;
        left: 0;
        /* height: 105px; */
        /* border-radius: 0; */
        /* margin: 10px; */
        box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
        padding: 10px;
        z-index: 1;
    }
    .checkout-aggrement {
        position: fixed;
        bottom: 160px;
        width: 100%;
        left: 0;
        padding: 10px;
        z-index: 1;
    }
    .newcard {
        position: relative;
        /* margin-top: 50px !important; */
        margin-left: 15px;
        margin-right: 15px;
    }
    .text-h-category {
        position: absolute;
        font-weight: bold;
        font-size: 12px;
        top: 12px;
        width: 100%;
    }
    /* .btncategory {
        background-color: white !important;
        color: #002736 !important;
    } */
    .icodown {
        float: right;
        font-size: 16px;
    }
    .border1 {
        /* border: 1px solid black; */
        box-shadow: rgb(33 35 38 / 10%) 0px 10px 10px -10px;
    }
    .p10 {
        padding: 10px;
    }
    .dflex {
        display: flex;
    }
    .mt5 {
        margin-top: 5px;
    }
    .pmselected {
        border: 3px solid #1ca1a8;
    }
    .t-primary {
        color:#002736;
    }
    .fright {
        float: right;
    }
    #modal-announcement {
        display: flex;
        width: 80%;
        height: 50%;
        left: 10%;
        top: 20%;
    }
    .imgfwidth {
        width: 100%;
    }
    .bordertotal {
        border-top: solid 1px black;
        padding-top: 5px;
    }
    tfoot {
        border-top: 1px solid black;
    }
    .tblpmethod {
        position: fixed;
        width: 74%;
    }
}

@media only screen and (max-width: 1024px) {
    .item-option {
        /* font-weight: bolder; */
        position: absolute;
        bottom: 0;
        right: 0;
        padding-right: 10px;
        padding-bottom: 5px;
        font-size: 16px;
    }
    .res_title b a {
        font-size: 16px;
      }
      .fs16 {
        font-size: 11px !important;
        line-height: 12px !important;
      }
    .title {
        border: solid #002736 1px;
        padding: 10px;
        border-radius: 20px;
    }
    .display-3 {
        cursor: pointer;
        margin-bottom: 0px !important;
        font-size: 20px;
    }
    .display-4 {
        font-size: 14px;
    }
    .display-x5 {
        font-size: 12px;
    }
    .tabbable .nav-pills .nav-link {
        font-weight: bold;
    }
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        color: white;
        background-color: #002736;
        font-weight: bold;
        border-radius: 5px;
    }
    .nav-pills .nav-link {
        padding: 0.75rem 1rem;
        color: #1d1d1d;
        font-weight: 500;
        font-size: .875rem;
        box-shadow: unset;
        background-color: #fff;
        transition: all .15s ease;
    }
    .nav-pills .nav-item {
        margin-bottom: 5px !important;
    }
    .sticky {
        margin-bottom: 10px;;
    }
    .bg-gradient-red {
        background: linear-gradient(35deg,#ffd600 0,#ff3800 100%)!important;
    }
    .modal {
        padding: 0 !important;
    }
    .modal .modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
        padding-left: 0px;
        padding-right: 0px;
    }
    .modal .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal .modal-body {
        overflow-y: auto;
    }
    .modal-title {
        margin-bottom: 0;
        line-height: 1.1;
        font-weight: bold;
        margin-left: -5px;
    }
    #modalImgPart {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #modalImg {
        /* box-shadow: rgb(0 0 0 / 45%) 0px 25px 20px -20px; */
    }
    .new-price {
        font-size: 17px;
        font-weight: bold;
    }
    #modalDescription {
        font-size: 14px;
    }
    .btn-outline-primary {
        color: black;
        border-color: #002736;
    }
    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
        color: white;
        background-color: #002736;
        border-color: #002736;
    }
    .box-modal-options {
        font-weight: bold;
        color: black;
    }
    .quantity-btn {
        float: right;
    }
    .btn-primary {
        color: white;
        background-color: #002736;
        border-color: #002736;
        box-shadow: 0 4px 6pxrgba(50,50,93,.11),0 1px 3pxrgba(0,0,0,.08);
        border-radius: 10px;
    }
    .modal-show-qty {
        font-weight: bold;
    }
    span {cursor:pointer; }
    /* .number{
        margin:100px;
    } */
    .minus, .plus{
        width: 90px;
        height: 59px;
        /* background: #002736; */
        /* border-radius: 4px; */
        padding: 12px 5px 8px 5px;
        /* border: 1px solid #ddd; */
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #1d1d1d;
    }
    input{
        height:34px;
        width: 100px;
        /* text-align: center; */
        font-size: 26px;
        border:1px solid #ddd;
        border-radius:4px;
        display: inline-block;
        vertical-align: middle;
    }   
    .qty-c-wrapper {
        height: 50px;
        display: flex;
        padding: 0px;
        justify-content: space-between;
    }
    .qty-c-input {
        max-width: 256px;
        height: 54px;
        box-shadow: unset !important;
    }
    .btn-outline-primary:hover {
        color: white;
        background-color: #002736;
        border-color: #002736;
    }
    .btn-primary:hover {
        color: white;
        background-color: #002736;
        border-color: #002736;
    }
    .modal .modal-body {
        overflow-y: unset;
    }
    .card-custom {
        min-height: 93vh;
    }
    .section-lg {
        padding-top: 65px !important
    }
    #cartList {
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        background-color: #f7f7f7;
        min-height: 600px;
        overflow-y: auto;
        /* max-height: 450px; */
        max-height: unset;
        overflow-x: hidden;
        margin-left: 0px;
        margin-right: 0px;
        /* box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px; */
    }
    .mb120 {
        margin-bottom: 130px;
    }
    .cartListCheckout {
        max-height: 310px !important;
    }
    .sidenav-cart {
        padding-top: 10px;
    }
    .h4c {
        font-size: 18px;
    }
    .product-item_title {
        font-size: 14px;
    }
    .ammount {
        float: right;
    }
    .btnclosenav {
        border-radius: 10px;
    }
    .cartTotalPrices {
        position: fixed;
        bottom: 0;
        width: 100%;
        /* box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px; */
        box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px;
        background-color: white;
    }
    .cart-c-item {
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: bold;
        display: block !important;
    }
    .text-black {
        color: #1d1d1d !important;
    }
    .info-block .square-box {
        background-color: white;
    }
    .checkout-header {
        /* border-left: 4px solid #002736 !important; */
        border-left: unset !important;
        padding-left: 0px !important;
    }
    .m-hide {
        display: none !important;
    }
    .m-top80 {
        /* margin-top: 100px !important; */
    }

    /* mryum */
    .text-primary-text {
        color: white;
    }
    .bg-primary {
        background-color: #1d1d1d !important;
    }
    .justify-between {
        justify-content: space-between;
    }
    .items-center {
        align-items: center;
    }
    .h-14 {
        height: 3.5rem;
    }
    .flex {
        display: flex;
    }
    .z-10 {
        z-index: 10;
    }
    .top-0 {
        top: 0;
    }
    .inset-x-0 {
        left: 0;
        right: 0;
    }
    .fixed {
        position: fixed;
        z-index: 999999999;
    }
    .active\:transition-none:active {
        transition-property: none;
    }
    .active\:shadow-none:active {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    }
    .active\:bg-opacity-20:active {
        --tw-bg-opacity: 0.2;
    }
    .active\:bg-neutral-100:active {
        --tw-bg-opacity: 1;
        background-color: rgb(245 245 245/var(--tw-bg-opacity));
    }
    .active\:border-transparent:active {
        border-color: transparent;
    }
    .hover\:bg-opacity-20:hover {
        --tw-bg-opacity: 0.2;
    }
    .hover\:bg-neutral-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(229 229 229/var(--tw-bg-opacity));
    }
    .ease-out {
        transition-timing-function: cubic-bezier(0,0,.2,1);
    }
    .duration-300 {
        transition-duration: .3s;
    }
    .w-14 {
        width: 3.5rem;
    }
    .h-full {
        height: 100%;
    }
    .border {
        border: unset !important;
    }
    .mchildren {
        color: white;
    }
    .sticky {
        top: 56px !important;
    }
    .m-show {
        display: block !important;
    }
    .bot-text {
        font-weight: bold;
        color: white;
    }
    .bot-primary-color {
        background-color: #002736;
    }
    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
        background-color: #002736;
        border-color: #002736;
    }
    .bot-trans {
        /* background-color: hsla(0,0%,100%,.8); */
        /* background-color: #0027363d; */
        background-color: #00273600;
    }
    .ft-black {
        color: #1d1d1d;
    }
    .m-show-flex {
        display: flex !important;
    }
    .modal {
        z-index: 99999999999;
    }
    .card-custom {
        border-radius: 0px !important;
    }
    #cartSideNav {
        z-index: 99999999999;
    }
    .sidenav-cart {
        background: #f7f7f7;
    }
    .pd0 {
        padding-top: 0px !important;
    }
    .ease-out {
        transition-timing-function: cubic-bezier(0,0,.2,1);
    }
    .duration-300 {
        transition-duration: .3s;
    }
    .colr50 {
        width: 50%;
        float: right;
        /* padding-left: 5px; */
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .coll50 {
        width: 45%;
        float: left;
        padding-left: 10px;
        padding-right: 5px;
        padding-bottom: 4px;
    }
    .border-cart {
        border: solid black;
        border-radius: 5px;
    }
    .mmb80 {
        margin-bottom: 80px;
    }
    #modalItemDetailsPart {
        margin-top: -20px;
        background-color: white;
        padding-right: 15px;
        padding-left: 15px;
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        padding-top: 20px;
        box-shadow: 0px -4px 3px rgb(50 50 50 / 12%)
    }
    .mmg0 {
        margin: 0px !important;
    }
    .ml10 {
        margin-left: 10px !important;
    }
    .container-restorant {
        margin-top: 115px;
        margin-bottom: 60px;
        padding-top: unset;
    }
    .mfooter {
        /* padding-top: 0px !important; */
        padding-bottom : 70px !important;
    }
    .mrestaurant-content {
        padding-bottom: 0px !important;
        background-color: #f7f7f7;
    }
    .mml15 {
        margin-left: 15px !important;
    }
    .mt60 {
        margin-top: 60px;
    }
    .mp0 {
        padding: 0px !important;
    }
    .mbtncheckout {
        border-radius: unset;
        padding: 15px;
        border-radius: 10px;
    }
    .mcheckoutsubtotal {
        border-top: solid #00000017;
        background-color: white;
    }
    .mlistitems {
        box-shadow : unset !important;
    }
    .mcard-mobile {
        margin-bottom: 0px !important;
        border: unset !important;
        box-shadow: none !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .mptcheckout {
        padding-top: 57px !important;
        padding-bottom: 50px !important;
    }
    .mfixedv {
        position: fixed;
        bottom: 0;
        z-index: 99;
        top: unset;
    }
    .mshadowpayment {
        box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px !important;
    }
    .mplaceorder {
        /* max-height: 350px; */
        overflow-y: auto;
    }
    .product-item_variant {
        font-size: 10px;
    }
    .product-item_extras {
        font-size: 12px;
    }
    .listvariant {
        display: flex;
    }
    .priceqty {
        display: flex;
    }
    .col50 {
        width: 50%;
    }
    .product-item_quantity {
        font-size: 14px;
    }
    .wrapiteminfo {
        min-height: 80px;
    }
    .btn:not(:last-child) {
        /* margin-right: 5px; */
    }
    .btncircle {
        height: 25px;
        width: 25px;
    }
    .items {
        margin-bottom: 0px !important;
    }
    .d-show {
        display: none ;
    }
    .btncheckoutcard {
        float: right;
    }
    .mr0 {
        margin-right: 5px !important;
    }
    .mcheckout {
        display: grid !important;
        top: 1px;
        position: relative;
        /* border-top: solid 10px #0027363d; */
        border-top: solid 10px #248da500;
    }
    .mcard-custom {
        min-height: 50px;
    }
    .background-black {
        background-color: black !important;
    }
    .mbgwhite {
        background-color: white;
    }
    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #002736;
        border-color: #002736;
    }
    .custom-control-input:checked~.custom-control-label::before {
        background-color: #002736;
    }
    .mhidebt {
        border-top:unset !important;
    }
    .mmt0 {
        margin-top: 0px !important;
    }
    .mbtnorders {
        height: inherit;
        cursor: pointer;
        border-radius: 0px;
        background: #1d1d1d;
        border-color: #1d1d1d;
        color: white !important;
        right: 10px;
    }
    .mspanorders {
        position: relative;
        top: -6px;
        font-size: xx-large;
    }
    .dwrappercart {
        display: block;
    }
    .dwrapinfo {
        width: 100%;
    }
    .dwrapprice {
        width: 100%;
        float: unset;
        position: absolute;
        left: 110px;
        bottom: 10px;
    }
    .mmle100{
        margin-left: 110px;
    }
    .select2-container {
        width: 100% !important;
    }
    .dcartimage {
        width: 100%;
        height: auto;
        margin-left: 0px;
        margin-top: unset;
    }
    .sidenav-cart {
        max-width: unset !important;
    }
    .mtablextra {
        margin-bottom: 0px;
    }
    .custom-control {
        padding-left: 10px !important;
    }
    .mml-15 {
        margin-left: 15px;
    }
    .mpl0 {
        padding-left: 0px !important;
    }
    .container{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .livmenu {
        height: 50px;
    }
    .mfixedsecond {
        position: fixed;
        background-color: white;
        z-index: 999;
        top: 55px;
        right: 0;
        padding-right: 10px;
        width: 100%;
        height: 43px;
        padding-bottom: 5px;
        border-bottom: 1px solid black;
    }
    .mptsecon {
        padding-top: 10px;
    }
    .mvside-menu {
        position: fixed;
        top: 98px;
        /* width: 300px; */
        width: 100vw;
        box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
        border-right: 120px solid rgba(0, 0, 0, 0.68);
        z-index: 99999999999;
    }
    .mfixedlist {
        height: auto;
        padding-bottom: 20px;
    }
    .mlistheader {
        padding-left: 10px;
        font-weight: bold;    
    }
    .mp10 {
        padding-top: 8px;
    }
    .nav-link.active, .nav-link:hover {
        color: #1d1d1d;
    }
    .nav-link {
        color: #1d1d1d;
    }
    .mh50 {
        width: 50%;
    }
    .mpl10 {
        padding-left: 10px;
    }
    .mvsearch {
        width: 100%;
        display: flex;
    }
    .mvinputsearch {
        width: 73%;
        margin-right: 2%;
        height: 28px;
    }
    .mvbtncancelsearch {
        width: 25%;
    }
    .bgcolorwhite {
        background-color: white;
    }
    .bgcolorwhite:hover {
        background-color: white;
    }
    .bgcolorwhite:active {
        background-color: white !important;
    }
    .colorprimary {
        color: #002736;
    }
    .opt-dietary {
        position: relative;
        left: 190px;
        top: -30px;
        height: 20px;
    }
    .btn-apply-dietary {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .mheight60 {
        height: 60px;
    }
    .mbradius0 {
        border-radius: 0px;
    }
    .overflow-y-auto {
        overflow-y: auto;
    }
    .mh-full {
        height: 100%;
    }
    .mmt350 {
        margin-top: 250px;
    }
    .text-full-menu {
        font-size: larger;
        font-weight: bolder;
    }
    .mpd10 {
        padding: 10px;
    }
    .myfooter {
        /* position: inherit;
        bottom: 0;
        left: 0;
        right: 0;
        padding-bottom: 20px; */
        background-color: #002736;
        color: white;
        position: absolute;
        padding: 10px 10px 0px 10px;
        bottom: 0;
        width: 100%;
        height: 180px;
        /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */
    }
    .mytitle {
        /* border-radius: 10px; */
        padding: 10px;
        /* margin-left: 10px;
        margin-right: 10px; */
        /* box-shadow:  rgb(43 168 174 / 8%) 0px 0px 0px 3px; */
        box-shadow: unset;
    }
    .mt20 {
        margin-top: 20px;
    }
    .mt50 {
        margin-top: 50px;
    }
    .mml10 {
        margin-left: 10px;
    }
    .modal-floating {
        height: unset !important;
        /* margin-left: 5px;
        margin-right: 5px; */
        position: absolute;
        bottom: 0;
        /* border-top: 900px solid rgba(0, 0, 0, 0.68) !important; */
    }
    .br10 {
        border-radius: 10px;
    }
    .only-mobile-home {
        display: block !important;
        height: 60px;
        /* top: 20px; */
        position: relative;
        /* box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px; */
        background-color: white;
        border-radius: 20px;
    }
    .mcontainer {
        margin-left: 10px;
        margin-right: 10px;
        background-color: white;
        border-radius: 20px;
    }
    .mmiddlevertical {
        margin: auto;
        width: 50%;
        padding: 10px;
    }
    .mb50 {
        margin-bottom: 50px;
    }
    .menubrowse {
        box-shadow: unset;
        background-color: rgb(50 50 93 / 3%);
        border-radius: 20px;
    }
    .mt55 {
        margin-top: 55px;
    }
    .mb0 {
        margin-bottom: 0px;
    }
    .headerimg {
        /* box-shadow: rgb(43 168 174 / 37%) 0px 0px 0px 3px; */
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        /* border-radius: 50px; */
    }
    .hrsplit {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .br50 {
        border-radius: 50%;
    }
    .border-top {
        border-top: unset !important;
    }
    br :not(.br) {
        display: none;
    }
    .mmb3 {
        margin-bottom: 5px !important;
    }
    .mmb0 {
        margin-bottom: 0px !important;
    }
    .mt10 {
        margin-top: 10px;
    }
    .mb10 {
        margin-bottom: 10px;
    }
    .labelitem {
        position: relative;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #0027361f;
        padding-left: 10px;
        font-size: 16px;
        font-weight: bold;
    }
    .mhcover {
        /* border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px; */
        /* border-radius: 50px; */
    }
    .modalradiustop {
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
    }
    .bgcolorwdark {
        background-color: #f1f1f178;
    }
    .mb20 {
        margin-bottom: 20px;
    }
    .promo-action {
        font-size: 10px !important;
        color: blue !important;
    }
    .promo-input {
        padding: 5px 5px;
        border: 1px solid #000;
    }
    .p15 {
        padding: 15px;
    }
    .mshadow {
        box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px;
    }
    .text-bold {
        font-weight: bold;
    }
    .mr10 {
        margin-right: 10px;
    }
    .btn-default {
        color: black;
        background-color: #f7f7f7;
        border-color: #f7f7f7;
    }
    .mshadow2 {
        /* box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px; */
        background-color: white;
        /* background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(18 157 164 / 0%) 100%); */
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(0 0 0 / 9%) 100%);
    }
    .mshadow3 {
        box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px;
        /* background-color: white; */
    }
    .text-normal {
        font-weight: 200 !important;
    }
    .paymentbutton {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0px;
        height: 55px;
        border-radius: 0;
    }
    .mptcheckout {
        background-color: white !important;
        height: 100vh;
    }
    .mheader {
        padding: 0px !important;
    }
    .bgshadow {
        background-color: #000000c4;
    }
    .btn-cart-icon{
        font-size: 10px !important;
        position: relative;
        /* left: -4px;
        top: -3px; */
    }
    body {
        background-color: #f7f7f7;
        font-size: 14px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .mmlmr0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .hide {
        display: none !important;
    }
    /* -- quantity box -- */
    .quantity {
        display: inline-block;
    }

    .quantity .input-text.qty {
        width: 35px;
        height: 25px;
        padding: 0px;
        text-align: center;
        background-color: transparent;
        border: 1px solid black;
        left: -5px;
        position: relative;
        border-radius: unset;
    }

    .quantity.buttons_added {
        text-align: left;
        position: absolute;
        white-space: nowrap;
        vertical-align: top;
        right: 110px;
        top: -20px;
    }

    .quantity.buttons_added input {
        display: inline-block;
        margin: 0;
        vertical-align: top;
        box-shadow: none;
    }

    .quantity.buttons_added .minus,
    .quantity.buttons_added .plus {
        padding: 0px;
        height: 25px;
        width: 25px;
        background-color: #f7f7f7;
        border: 1px solid black;
        border-radius: unset;
        font-size: 16px;
        cursor: pointer;
    }

    .quantity.buttons_added .minus {
        border-right: 0;
    }

    .quantity.buttons_added .plus {
        border-left: 0;
        left: -10px;
        position: relative;
    }

    .quantity.buttons_added .minus:hover,
    .quantity.buttons_added .plus:hover {
        background: #eeeeee;
    }

    .quantity input::-webkit-outer-spin-button,
    .quantity input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        margin: 0;
    }

    .quantity.buttons_added .minus:focus,
    .quantity.buttons_added .plus:focus {
        outline: none;
    }
   
   .cartprice {
    position: absolute;
    /* right: 120px; */
    top: -15px;
   }
   .btnplusmin {
    padding: 0px;
    height: 25px;
    width: 25px;
    background-color: #002736;
    border: 1px solid #002736;
    border-radius: unset;
    font-size: 16px;
    cursor: pointer;
    color: white;
   }
   .mbtnplus {  
    /* border-left: 0; */
    left: -10px;
    position: relative;
   }
   .spanqtycart {
    padding: 6px 10px 5px 10px;
    height: 25px;
    width: 25px;
    background-color: white;
    /* border: 1px solid #002736; */
    position: relative;
    left: -5px;
    color: #002736;
    font-size: 12px;
   }
   .f24 {
    font-size: 24px;
   }
   .bradiusr20 {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
   }
   .bradiusl20 {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
   }
   .bradius20 {
    border-radius: 20px !important;
   }
   .btn-danger {
        color: white;
        background-color: white;
        border-color: red;
        box-shadow: 0 4px 6pxrgba(50,50,93,.11),0 1px 3pxrgba(0,0,0,.08);
        border-radius: 10px;
    }
    .mb110 {
        margin-bottom: 160px;
    }
    .svgcenter {
        display: initial;
    }
    .h2title {
        font-weight: bold;
        font-size:24px;
    }
    .f-height {
        height: 100vh;
    }
    .font-size-normal {
        font-size: 12px;
    }
    .font-size-large {
        font-size: 16px;
    }
    .mt3 {
        margin-top: 3px;
    }
    .closebtnfa {
        box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px;
        position: absolute;
        right: 10px;
        color: #ffffff;
        z-index: 99999999;
        font-size: 30px;
        top: 10px;
        /* background: #002736; */
        background: #002736;
        padding: 10px 15px 10px 15px;
        border-radius: 50%;
    }
    .color-primary {
        color: #002736;
    }
    .fmiddle {
        margin: 0;
        position: relative;
        top: 35%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .mm3 {
        margin: 3px;
    }
    .text-white {
        color: white;
    }
    h4 {
        font-size: 20px;
    }
    .checkout-bill {
        background-color: white;
        position: fixed;
        bottom: 30px;
        width: 100%;
        left: 0;
        /* height: 105px; */
        /* border-radius: 0; */
        /* margin: 10px; */
        box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
        padding: 10px;
        z-index: 1;
    }
    .checkout-aggrement {
        position: fixed;
        bottom: 160px;
        width: 100%;
        left: 0;
        padding: 10px;
        z-index: 1;
    }
    .newcard {
        position: relative;
        /* margin-top: 50px !important; */
        margin-left: 15px;
        margin-right: 15px;
    }
    .text-h-category {
        position: absolute;
        font-weight: bold;
        font-size: 12px;
        top: 12px;
        width: 100%;
    }
    /* .btncategory {
        background-color: white !important;
        color: #002736 !important;
    } */
    .icodown {
        float: right;
        font-size: 16px;
    }
    .border1 {
        /* border: 1px solid black; */
        box-shadow: rgb(33 35 38 / 10%) 0px 10px 10px -10px;
    }
    .p10 {
        padding: 10px;
    }
    .dflex {
        display: flex;
    }
    .mt5 {
        margin-top: 5px;
    }
    .pmselected {
        border: 3px solid #1ca1a8;
    }
    .t-primary {
        color:#002736;
    }
    .fright {
        float: right;
    }
    #modal-announcement {
        display: flex;
        width: 80%;
        height: 50%;
        left: 10%;
        top: 20%;
    }
    .imgfwidth {
        width: 100%;
    }
    .bordertotal {
        border-top: solid 1px black;
        padding-top: 5px;
    }
    tfoot {
        border-top: 1px solid black;
    }
    .tblpmethod {
        position: fixed;width: 85%;
    }
}

@media only screen and (max-width: 500px) {
    .item-option {
        /* font-weight: bolder; */
        position: absolute;
        bottom: 0;
        right: 0;
        padding-right: 10px;
        padding-bottom: 5px;
        font-size: 16px;
    }
    .res_title b a {
        font-size: 16px;
      }
      .fs16 {
        font-size: 11px !important;
        line-height: 12px !important;
      }
    .title {
        border: solid #002736 1px;
        padding: 10px;
        border-radius: 20px;
    }
    .display-3 {
        cursor: pointer;
        margin-bottom: 0px !important;
        font-size: 20px;
    }
    .display-4 {
        font-size: 14px;
    }
    .display-x5 {
        font-size: 12px;
    }
    .tabbable .nav-pills .nav-link {
        font-weight: bold;
    }
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        color: white;
        background-color: #002736;
        font-weight: bold;
        border-radius: 5px;
    }
    .nav-pills .nav-link {
        padding: 0.75rem 1rem;
        color: #1d1d1d;
        font-weight: 500;
        font-size: .875rem;
        box-shadow: unset;
        background-color: #fff;
        transition: all .15s ease;
    }
    .nav-pills .nav-item {
        margin-bottom: 5px !important;
    }
    .sticky {
        margin-bottom: 10px;;
    }
    .bg-gradient-red {
        background: linear-gradient(35deg,#ffd600 0,#ff3800 100%)!important;
    }
    .modal {
        padding: 0 !important;
    }
    .modal .modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
        padding-left: 0px;
        padding-right: 0px;
    }
    .modal .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal .modal-body {
        overflow-y: auto;
    }
    .modal-title {
        margin-bottom: 0;
        line-height: 1.1;
        font-weight: bold;
        margin-left: -5px;
    }
    #modalImgPart {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #modalImg {
        /* box-shadow: rgb(0 0 0 / 45%) 0px 25px 20px -20px; */
    }
    .new-price {
        font-size: 17px;
        font-weight: bold;
    }
    #modalDescription {
        font-size: 14px;
    }
    .btn-outline-primary {
        color: black;
        border-color: #002736;
    }
    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
        color: white;
        background-color: #002736;
        border-color: #002736;
    }
    .box-modal-options {
        font-weight: bold;
        color: black;
    }
    .quantity-btn {
        float: right;
    }
    .btn-primary {
        color: white;
        background-color: #002736;
        border-color: #002736;
        box-shadow: 0 4px 6pxrgba(50,50,93,.11),0 1px 3pxrgba(0,0,0,.08);
        border-radius: 10px;
    }
    .modal-show-qty {
        font-weight: bold;
    }
    span {cursor:pointer; }
    /* .number{
        margin:100px;
    } */
    .minus, .plus{
        width: 90px;
        height: 59px;
        /* background: #002736; */
        /* border-radius: 4px; */
        padding: 12px 5px 8px 5px;
        /* border: 1px solid #ddd; */
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #1d1d1d;
    }
    input{
        height:34px;
        width: 100px;
        /* text-align: center; */
        font-size: 26px;
        border:1px solid #ddd;
        border-radius:4px;
        display: inline-block;
        vertical-align: middle;
    }   
    .qty-c-wrapper {
        height: 50px;
        display: flex;
        padding: 0px;
        justify-content: space-between;
    }
    .qty-c-input {
        max-width: 256px;
        height: 54px;
        box-shadow: unset !important;
    }
    .btn-outline-primary:hover {
        color: white;
        background-color: #002736;
        border-color: #002736;
    }
    .btn-primary:hover {
        color: white;
        background-color: #002736;
        border-color: #002736;
    }
    .modal .modal-body {
        overflow-y: unset;
    }
    .card-custom {
        min-height: 93vh;
    }
    .section-lg {
        padding-top: 65px !important
    }
    #cartList {
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        background-color: #f7f7f7;
        min-height: 600px;
        overflow-y: auto;
        /* max-height: 450px; */
        max-height: unset;
        overflow-x: hidden;
        margin-left: 0px;
        margin-right: 0px;
        /* box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px; */
    }
    .mb120 {
        margin-bottom: 130px;
    }
    .cartListCheckout {
        max-height: 310px !important;
    }
    .sidenav-cart {
        padding-top: 10px;
    }
    .h4c {
        font-size: 18px;
    }
    .product-item_title {
        font-size: 14px;
    }
    .ammount {
        float: right;
    }
    .btnclosenav {
        border-radius: 10px;
    }
    .cartTotalPrices {
        position: fixed;
        bottom: 0;
        width: 100%;
        /* box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px; */
        box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px;
        background-color: white;
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
    }
    .cart-c-item {
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: bold;
        display: block !important;
    }
    .text-black {
        color: #1d1d1d !important;
    }
    .info-block .square-box {
        background-color: white;
    }
    .checkout-header {
        /* border-left: 4px solid #002736 !important; */
        border-left: unset !important;
        padding-left: 0px !important;
    }
    .m-hide {
        display: none !important;
    }
    .m-top80 {
        /* margin-top: 100px !important; */
    }

    /* mryum */
    .text-primary-text {
        color: white;
    }
    .bg-primary {
        background-color: #1d1d1d !important;
    }
    .justify-between {
        justify-content: space-between;
    }
    .items-center {
        align-items: center;
    }
    .h-14 {
        height: 3.5rem;
    }
    .flex {
        display: flex;
    }
    .z-10 {
        z-index: 10;
    }
    .top-0 {
        top: 0;
    }
    .inset-x-0 {
        left: 0;
        right: 0;
    }
    .fixed {
        position: fixed;
        z-index: 999999999;
    }
    .active\:transition-none:active {
        transition-property: none;
    }
    .active\:shadow-none:active {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    }
    .active\:bg-opacity-20:active {
        --tw-bg-opacity: 0.2;
    }
    .active\:bg-neutral-100:active {
        --tw-bg-opacity: 1;
        background-color: rgb(245 245 245/var(--tw-bg-opacity));
    }
    .active\:border-transparent:active {
        border-color: transparent;
    }
    .hover\:bg-opacity-20:hover {
        --tw-bg-opacity: 0.2;
    }
    .hover\:bg-neutral-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(229 229 229/var(--tw-bg-opacity));
    }
    .ease-out {
        transition-timing-function: cubic-bezier(0,0,.2,1);
    }
    .duration-300 {
        transition-duration: .3s;
    }
    .w-14 {
        width: 3.5rem;
    }
    .h-full {
        height: 100%;
    }
    .border {
        border: unset !important;
    }
    .mchildren {
        color: white;
    }
    .sticky {
        top: 56px !important;
    }
    .m-show {
        display: block !important;
    }
    .bot-text {
        font-weight: bold;
        color: white;
    }
    .bot-primary-color {
        background-color: #002736;
    }
    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
        background-color: #002736;
        border-color: #002736;
    }
    .bot-trans {
        /* background-color: hsla(0,0%,100%,.8); */
        /* background-color: #0027363d; */
        background-color: #00273600;
    }
    .ft-black {
        color: #1d1d1d;
    }
    .m-show-flex {
        display: flex !important;
    }
    .modal {
        z-index: 99999999999;
    }
    .card-custom {
        border-radius: 0px !important;
    }
    #cartSideNav {
        z-index: 99999999999;
    }
    .sidenav-cart {
        background: #f7f7f7;
    }
    .pd0 {
        padding-top: 0px !important;
    }
    .ease-out {
        transition-timing-function: cubic-bezier(0,0,.2,1);
    }
    .duration-300 {
        transition-duration: .3s;
    }
    .colr50 {
        width: 50%;
        float: right;
        /* padding-left: 5px; */
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .coll50 {
        width: 45%;
        float: left;
        padding-left: 10px;
        padding-right: 5px;
        padding-bottom: 4px;
    }
    .border-cart {
        border: solid black;
        border-radius: 5px;
    }
    .mmb80 {
        margin-bottom: 80px;
    }
    #modalItemDetailsPart {
        margin-top: -20px;
        background-color: white;
        padding-right: 15px;
        padding-left: 15px;
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        padding-top: 20px;
        box-shadow: 0px -4px 3px rgb(50 50 50 / 12%)
    }
    .mmg0 {
        margin: 0px !important;
    }
    .ml10 {
        margin-left: 10px !important;
    }
    .container-restorant {
        margin-top: 115px;
        margin-bottom: 60px;
        padding-top: unset;
    }
    .mfooter {
        /* padding-top: 0px !important; */
        padding-bottom : 70px !important;
    }
    .mrestaurant-content {
        padding-bottom: 0px !important;
        background-color: #f7f7f7;
    }
    .mml15 {
        margin-left: 15px !important;
    }
    .mt60 {
        margin-top: 46px;
    }
    .mp0 {
        padding: 0px !important;
    }
    .mbtncheckout {
        /* border-radius: unset; */
        margin: 10px;
        border-radius: 10px;
        padding: 15px;
        /* border-radius: 5px; */
    }
    .mcheckoutsubtotal {
        border-top: solid #00000017;
        background-color: white;
    }
    .mlistitems {
        box-shadow : unset !important;
    }
    .mcard-mobile {
        margin-bottom: 0px !important;
        border: unset !important;
        box-shadow: none !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .mptcheckout {
        padding-top: 57px !important;
        padding-bottom: 50px !important;
    }
    .mfixedv {
        position: fixed;
        bottom: 0;
        z-index: 99;
        top: unset;
    }
    .mshadowpayment {
        box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px !important;
    }
    .mplaceorder {
        /* max-height: 350px; */
        overflow-y: auto;
        margin-bottom: 20px;
    }
    .product-item_variant {
        font-size: 10px;
    }
    .product-item_extras {
        font-size: 12px;
    }
    .listvariant {
        display: flex;
    }
    .priceqty {
        display: flex;
    }
    .col50 {
        width: 50%;
    }
    .product-item_quantity {
        font-size: 14px;
    }
    .wrapiteminfo {
        min-height: 80px;
    }
    .btn:not(:last-child) {
        /* margin-right: 5px; */
    }
    .btncircle {
        height: 25px;
        width: 25px;
    }
    .items {
        margin-bottom: 0px !important;
    }
    .d-show {
        display: none ;
    }
    .btncheckoutcard {
        float: right;
    }
    .mr0 {
        margin-right: 5px !important;
    }
    .mcheckout {
        display: grid !important;
        top: 1px;
        position: relative;
        /* border-top: solid 10px #0027363d; */
        border-top: solid 10px #248da500;
    }
    .mcard-custom {
        min-height: 50px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        box-shadow: 0 -10px 20px -5px rgb(0 0 0 / 15%) !important;
    }
    .background-black {
        background-color: black !important;
    }
    .mbgwhite {
        background-color: white;
    }
    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #002736;
        border-color: #002736;
    }
    .custom-control-input:checked~.custom-control-label::before {
        background-color: #002736;
    }
    .mhidebt {
        border-top:unset !important;
    }
    .mmt0 {
        margin-top: 0px !important;
    }
    .mbtnorders {
        height: inherit;
        cursor: pointer;
        border-radius: 0px;
        background: #1d1d1d;
        border-color: #1d1d1d;
        color: white !important;
        right: 10px;
    }
    .mspanorders {
        position: relative;
        top: -6px;
        font-size: xx-large;
    }
    .dwrappercart {
        display: block;
    }
    .dwrapinfo {
        width: 100%;
    }
    .dwrapprice {
        width: 100%;
        float: unset;
        position: absolute;
        left: 110px;
        bottom: 10px;
    }
    .mmle100{
        margin-left: 110px;
    }
    .select2-container {
        width: 100% !important;
    }
    .dcartimage {
        width: auto;
        height: auto;
        margin-left: 0px;
        margin-top: unset;
    }
    .mtablextra {
        margin-bottom: 0px;
    }
    .custom-control {
        padding-left: 10px !important;
    }
    .mml-15 {
        margin-left: 15px;
    }
    .mpl0 {
        padding-left: 0px !important;
    }
    .container{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .livmenu {
        height: 50px;
    }
    .mfixedsecond {
        position: fixed;
        background-color: white;
        z-index: 999;
        top: 55px;
        right: 0;
        padding-right: 10px;
        width: 100%;
        height: 43px;
        padding-bottom: 5px;
        border-bottom: 1px solid black;
    }
    .mptsecon {
        padding-top: 10px;
    }
    .mvside-menu {
        position: fixed;
        top: 98px;
        /* width: 300px; */
        width: 100vw;
        box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
        border-right: 120px solid rgba(0, 0, 0, 0.68);
        z-index: 99999999999;
    }
    .mfixedlist {
        height: auto;
        padding-bottom: 20px;
    }
    .mlistheader {
        padding-left: 10px;
        font-weight: bold;    
    }
    .mp10 {
        padding-top: 8px;
    }
    .nav-link.active, .nav-link:hover {
        color: #1d1d1d;
    }
    .nav-link {
        color: #1d1d1d;
    }
    .mh50 {
        width: 50%;
    }
    .mpl10 {
        padding-left: 10px;
    }
    .mvsearch {
        width: 100%;
        display: flex;
    }
    .mvinputsearch {
        width: 73%;
        margin-right: 2%;
        height: 28px;
    }
    .mvbtncancelsearch {
        width: 25%;
    }
    .bgcolorwhite {
        background-color: white;
    }
    .bgcolorwhite:hover {
        background-color: white;
    }
    .bgcolorwhite:active {
        background-color: white !important;
    }
    .colorprimary {
        color: #002736;
    }
    .opt-dietary {
        position: relative;
        left: 190px;
        top: -30px;
        height: 20px;
    }
    .btn-apply-dietary {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .mheight60 {
        height: 60px;
    }
    .mbradius0 {
        border-radius: 0px;
    }
    .overflow-y-auto {
        overflow-y: auto;
    }
    .mh-full {
        height: 100%;
    }
    .mmt350 {
        margin-top: 250px;
    }
    .text-full-menu {
        font-size: larger;
        font-weight: bolder;
    }
    .mpd10 {
        padding: 10px;
    }
    .myfooter {
        /* position: inherit;
        bottom: 0;
        left: 0;
        right: 0;
        padding-bottom: 20px; */
        background-color: #002736;
        color: white;
        position: absolute;
        padding: 10px 10px 0px 10px;
        bottom: 0;
        width: 100%;
        /* height: 180px; */
        height: 50px;
        /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */
    }
    .mytitle {
        /* border-radius: 10px; */
        padding: 10px;
        /* margin-left: 10px;
        margin-right: 10px; */
        /* box-shadow:  rgb(43 168 174 / 8%) 0px 0px 0px 3px; */
        box-shadow: unset;
    }
    .mt20 {
        margin-top: 20px;
    }
    .mt50 {
        margin-top: 50px;
    }
    .mml10 {
        margin-left: 10px;
    }
    .modal-floating {
        height: unset !important;
        /* margin-left: 5px;
        margin-right: 5px; */
        position: absolute;
        bottom: 0;
        /* border-top: 900px solid rgba(0, 0, 0, 0.68) !important; */
    }
    .br10 {
        border-radius: 10px;
    }
    .only-mobile-home {
        display: block !important;
        height: 60px;
        /* top: 20px; */
        position: relative;
        /* box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px; */
        background-color: white;
        border-radius: 20px;
    }
    .mcontainer {
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 20px;
        background-color: white;
    }
    .mmiddlevertical {
        margin: auto;
        width: 50%;
        padding: 10px;
    }
    .mb50 {
        margin-bottom: 50px;
    }
    .menubrowse {
        box-shadow: unset;
        background-color: rgb(50 50 93 / 3%);
        border-radius: 20px;
    }
    .mt55 {
        margin-top: 55px;
    }
    .mb0 {
        margin-bottom: 0px;
    }
    .headerimg {
        /* box-shadow: rgb(43 168 174 / 37%) 0px 0px 0px 3px; */
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        /* border-radius: 50px; */
    }
    .hrsplit {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .br50 {
        border-radius: 50%;
    }
    .border-top {
        border-top: unset !important;
    }
    br :not(.br) {
        display: none;
    }
    .mmb3 {
        margin-bottom: 5px !important;
    }
    .mmb0 {
        margin-bottom: 0px !important;
    }
    .mt10 {
        margin-top: 10px;
    }
    .mb10 {
        margin-bottom: 10px;
    }
    .labelitem {
        position: relative;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #0027361f;
        padding-left: 10px;
        font-size: 16px;
        font-weight: bold;
    }
    .mhcover {
        /* border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px; */
        /* border-radius: 50px; */
    }
    .modalradiustop {
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
    }
    .bgcolorwdark {
        background-color: #f1f1f178;
    }
    .mb20 {
        margin-bottom: 20px;
    }
    .promo-action {
        font-size: 10px !important;
        color: blue !important;
    }
    .promo-input {
        padding: 5px 5px;
        border: 1px solid #000;
    }
    .p15 {
        padding: 15px;
    }
    .mshadow {
        box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px;
    }
    .text-bold {
        font-weight: bold;
    }
    .mr10 {
        margin-right: 10px;
    }
    .btn-default {
        color: black;
        background-color: #f7f7f7;
        border-color: #f7f7f7;
    }
    .mshadow2 {
        /* box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px; */
        background-color: white;
        /* background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(18 157 164 / 0%) 100%); */
        /* background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(0 0 0 / 9%) 100%); */
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(36 158 165 / 4%) 100%);
    }
    .mshadow3 {
        box-shadow: rgb(43 168 174 / 8%) 0px 0px 0px 3px;
        /* background-color: white; */
    }
    .text-normal {
        font-weight: 200 !important;
    }
    .paymentbutton {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0px;
        height: 55px;
        border-radius: 0;
    }
    .mptcheckout {
        background-color: white !important;
        height: 100vh;
    }
    .mheader {
        padding: 0px !important;
    }
    .bgshadow {
        background-color: #000000c4;
    }
    .btn-cart-icon{
        font-size: 10px !important;
        position: relative;
        /* left: -4px;
        top: -3px; */
    }
    body {
        background-color: #f7f7f7;
        font-size: 14px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .mmlmr0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .hide {
        display: none !important;
    }
    /* -- quantity box -- */
    .quantity {
        display: inline-block;
    }

    .quantity .input-text.qty {
        width: 35px;
        height: 25px;
        padding: 0px;
        text-align: center;
        background-color: transparent;
        border: 1px solid black;
        left: -5px;
        position: relative;
        border-radius: unset;
    }

    .quantity.buttons_added {
        text-align: left;
        position: absolute;
        white-space: nowrap;
        vertical-align: top;
        right: 110px;
        top: -20px;
    }

    .quantity.buttons_added input {
        display: inline-block;
        margin: 0;
        vertical-align: top;
        box-shadow: none;
    }

    .quantity.buttons_added .minus,
    .quantity.buttons_added .plus {
        padding: 0px;
        height: 25px;
        width: 25px;
        background-color: #f7f7f7;
        border: 1px solid black;
        border-radius: unset;
        font-size: 16px;
        cursor: pointer;
    }

    .quantity.buttons_added .minus {
        border-right: 0;
    }

    .quantity.buttons_added .plus {
        border-left: 0;
        left: -10px;
        position: relative;
    }

    .quantity.buttons_added .minus:hover,
    .quantity.buttons_added .plus:hover {
        background: #eeeeee;
    }

    .quantity input::-webkit-outer-spin-button,
    .quantity input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        margin: 0;
    }

    .quantity.buttons_added .minus:focus,
    .quantity.buttons_added .plus:focus {
        outline: none;
    }
   
   .cartprice {
    position: absolute;
    /* right: 120px; */
    top: -15px;
   }
   .btnplusmin {
    padding: 0px;
    height: 25px;
    width: 25px;
    background-color: #002736;
    border: 1px solid #002736;
    border-radius: unset;
    font-size: 16px;
    cursor: pointer;
    color: white;
   }
   .mbtnplus {  
    /* border-left: 0; */
    left: -10px;
    position: relative;
   }
   .spanqtycart {
    padding: 6px 10px 5px 10px;
    height: 25px;
    width: 25px;
    background-color: white;
    /* border: 1px solid #002736; */
    position: relative;
    left: -5px;
    color: #002736;
    font-size: 12px;
   }
   .f24 {
    font-size: 24px;
   }
   .bradiusr20 {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
   }
   .bradiusl20 {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
   }
   .bradius20 {
    border-radius: 20px !important;
   }
   .btn-danger {
        color: white;
        background-color: white;
        border-color: red;
        box-shadow: 0 4px 6pxrgba(50,50,93,.11),0 1px 3pxrgba(0,0,0,.08);
        border-radius: 10px;
    }
    .mb110 {
        margin-bottom: 160px;
    }
    .svgcenter {
        display: initial;
    }
    .h2title {
        font-weight: bold;
        font-size:24px;
    }
    .f-height {
        height: 100vh;
    }
    .font-size-normal {
        font-size: 12px;
    }
    .font-size-large {
        font-size: 16px;
    }
    .mt3 {
        margin-top: 3px;
    }
    .closebtnfa {
        box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px;
        position: absolute;
        right: 10px;
        color: #ffffff;
        z-index: 99999999;
        font-size: 30px;
        top: 10px;
        /* background: #002736; */
        background: #002736;
        padding: 10px 15px 10px 15px;
        border-radius: 50%;
    }
    .color-primary {
        color: #002736;
    }
    .fmiddle {
        margin: 0;
        position: relative;
        top: 35%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .mm3 {
        margin: 3px;
    }
    .text-white {
        color: white;
    }
    h4 {
        font-size: 20px;
    }
    .checkout-bill {
        background-color: white;
        position: fixed;
        bottom: 30px;
        width: 100%;
        left: 0;
        /* height: 105px; */
        /* border-radius: 0; */
        /* margin: 10px; */
        box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
        padding: 10px;
        z-index: 1;
    }
    .checkout-aggrement {
        position: fixed;
        bottom: 160px;
        width: 100%;
        left: 0;
        padding: 10px;
        z-index: 1;
    }
    .newcard {
        position: relative;
        /* margin-top: 50px !important; */
        margin-left: 15px;
        margin-right: 15px;
    }
    .text-h-category {
        position: absolute;
        font-weight: bold;
        font-size: 12px;
        top: 12px;
        width: 100%;
    }
    /* .btncategory {
        background-color: white !important;
        color: #002736 !important;
    } */
    .icodown {
        float: right;
        font-size: 16px;
    }
    .border1 {
        /* border: 1px solid black; */
        box-shadow: rgb(33 35 38 / 10%) 0px 10px 10px -10px;
    }
    .p10 {
        padding: 10px;
    }
    .dflex {
        display: flex;
    }
    .mt5 {
        margin-top: 5px;
    }
    .pmselected {
        border: 3px solid #1ca1a8;
    }
    .t-primary {
        color:#002736;
    }
    .fright {
        float: right;
    }
    #modal-announcement {
        display: flex;
        width: 80%;
        height: 50%;
        left: 10%;
        top: 20%;
    }
    .imgfwidth {
        width: 100%;
    }
    .bordertotal {
        border-top: solid 2px black;
        padding-top: 5px;
        border-style: dashed;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 15px;
        margin-right: 15px;
    }
    tfoot {
        border-top: 1px solid black;
    }
    .tblpmethod {
        position: fixed;width: 92%;
    }
    /* endmryum */
}

.minus2, .plus2 {
    width: 60px;
    height: 40px;
    background: #00273626;
    /* border-radius: 4px; */
    padding: 10px;
    /* border: 1px solid #ddd; */
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #1d1d1d;
    border-radius: 5px;
}
.icominplus {
    position: relative;
    top: -5px;
    color: #002736;
}
.qty-c-input {
    height: 37px;
}
.tcolorshdw {
    color : #858585;
}
.mb180 {
    margin-bottom: 180px;
}
.mt70 {
    margin-top: 80px;
}
.modal-floating-info {
    position: fixed !important;
    max-height: 500px !important;
}
.card-body-info {
    height: 80vh !important;
    overflow-y: auto !important;
}
.font-small {
    font-size: 14px;
}
.fsmall {
    font-size: 10px;
}
.dflex {
    display: flex !important;
}
.l50 {
    width: 50%;
    text-align: left !important;
}
.r50 {
    width: 50%;
    text-align: right !important;
    margin-right: 10px;
}
.textmaxw {
    display:block;
    width:120px;
    word-wrap:break-word;
}
.showqrcenter {
    width: 60%;
    margin: auto;
    display: block;
}
.userloginleft {
    position: absolute;
    left: 0;
    font-size: 25px;
}
.btncartdisabled {
    background-color: #0027368f;
    border: 1px solid #0027368f;
}
.h70 {
    height: 70px;
}
.fs25 {
    font-size: 25px;;
}
.trbgshadow {
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}
.pd10 {
    padding: 10px;
}
.font-bold {
    font-weight: bold;
}
.tableScroll {
    max-height: 200px;
    overflow-y: scroll;
    padding: 0;
    margin: 0;
    /* border: 1px solid black; */
    width: 100%;
}
.horizontal-scroll-wrapper{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:80px;
    max-height:500px;
    margin:0;
    /* background:#abc; */
    overflow-y:auto;
    overflow-x:hidden;
    transform:rotate(-90deg) translateY(-80px);
    transform-origin:right top;
}
.horizontal-scroll-wrapper > div{
    display:block;
    padding:5px;
    /* background:#cab; */
    transform:rotate(90deg);
    transform-origin: right top;
}

.squares{
    padding:60px 0 0 0;
}

.squares > div{
    width:60px;
    height:60px;
    margin:10px;
}
.trordersuccess {
    height: 60px;
    /* border-top: 1px solid #d7d7d7; */
    border-bottom: 1px solid #d7d7d7;
}
.f-sm-order-success {
    font-size: 14px;;
}
.tdl {
    position: relative;
    left: 10px;
}
.picon {
    font-size: 20px;
}
.ptext {
    font-size: 12px;
}
.btn-primary-custom {
    border: 2px solid #002736;
    /* border-radius: 20px; */
    background-color: #00273654;
    color: black;
}
.btn-primary-custom:active {
    border: 2px solid #002736 !important;
    background-color: #002736 !important;
    color: white !important;
}
.btn-primary-custom:focus {
    border: 2px solid #002736 !important;
    background-color: #002736 !important;
    color: white !important;
}
.btn-primary-custom.disabled, .btn-primary-custom:disabled {
    opacity: 0.50;
    box-shadow: none;
    background-color: white;
    color: black;
    border: 2px solid black !important;
}
.img-ico-soc {
    width: 27px;
    /* margin-left: 10px; */
}
.char-max {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    max-width: 75ch;
}
.ico-order-tab {
    color: white;
    background-color: black;
    padding: 10px;
    font-size: 20px;
    margin-right: 10px;
}
.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  }
  .styled-table thead tr {
    background-color: #00686c;
    color: #ffffff;
    text-align: left;
  }
  .styled-table th,
  .styled-table td {
    padding: 12px 15px;
  }
  .styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
  }
  
  .styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
  }
  
  .styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #00686c;
  }
  .styled-table tbody tr.withborder {
    border-top: 2px solid #00686c;
  }
  .styled-table tbody tr.active-row {
    font-weight: bold;
    color: #00686c;
  }