@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('_css/__base.css');
@import url('_css/__dataTable.css');
@import url('_css/__animation.css');
@import url('_css/__datepicker.css');
@import url('_css/__mfp.css');
* {
    outline: none !important;
}
html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'Poppins', 'Arial', 'sans-serif';
  background: #fff;
}

.site-wrapper {
  overflow: hidden;
}

a {
  color: #7ed320;
  transition: all .35s;
}

a:hover, a:focus {
  color: #fcbd20;
}

hr {
  max-width: 100px;
  margin: 25px auto 0;
  border-width: 1px;
  border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
  border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 200;
  letter-spacing: 1px;
}

p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}

a {
  text-decoration: none;
}
a:hover, a:focus, a:active {
  text-decoration: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0px 0px 0px 2px rgba(126, 211, 32, 0.31), inset 0px 0px 0 2px #7ed320 !important;
}

[hidden=""] {
  display: none;
  opacity: 0;
  pointer-events: none;
}

.paragraph {
  display: block;
  max-width: 768px;
  margin: 0 auto;
  font-size: 28px;
  line-height: 1.43;
  letter-spacing: -0.5px;
  text-align: center;
  color: #202125;
}
}

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

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

.py-100 {
  padding: 100px 0 !important;
}

.px-100 {
  padding: 0 100px !important;
}

.object-cover {
  object-fit: cover !important;
}
.promo-banner{
  height:400px;
}
.fit-banner-img{
  width: 1000px;
  height: 400px;
}

@media(max-width: 600px) {
  .promo-banner{
    height: 100%;
  }
}
.rest-banner-image{
  display: block;
  margin: 0 auto;
  object-fit: cover;
  /*width:  max-content; */
  height: 100%;
}
.object-contain {
  object-fit: contain !important;
}
.banner-head{
  font-size: 12px;
  height:20px;
}
.h-350{
  height: 400px;
}
.banner-desc{
  font-size: 20px;
  max-height: 250px;
  overflow-y: auto;
  padding: 5px 0;
  width: 90%;
}
section {
  padding: 100px 0;
}

section h2 {
  font-size: 50px;
}

/*--------------------------------------
    Icon | Square Circle
---------------------------------------*/
.icon-squarecircle {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 55px;
  height: 60px;
  position: relative;
  margin: 0px 0px 25px;
  font-size: 24px;
  -webkit-border-radius: 50%/14%;
  border-radius: 50%/14%;
  color: white;
  text-align: center;
  line-height: 59px;
  -o-text-overflow: clip;
  text-overflow: clip;
  z-index: 1;
  background: #7ed320;
}
.icon-squarecircle::before {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  content: "";
  top: 10%;
  right: -5.5%;
  bottom: 10%;
  left: -5%;
  border: none;
  -webkit-border-radius: 7%/50%;
  border-radius: 7%/50%;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: none;
  z-index: -1;
  background: #7ed320;
}
.icon-squarecircle i {
  font-size: 25px;
}

/*Return Top*/
.returnTop {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  height: 2.25rem;
  width: 2.25rem;
  position: fixed;
  right: 10%;
  bottom: -2rem;
  z-index: 1000;
  background-color: #a3b1bf;
  cursor: pointer;
  pointer-events: none;
  border: 1px solid transparent;
  opacity: 0;
  transition: all 0.25s ease-out;
  font-size: 40px;
}
.returnTop.ready {
  bottom: 2rem;
  opacity: 1;
  pointer-events: auto;
}

/*skeleton*/
.skeletonAnimation {
  width: 100%;
  height: 80px;
  display: flex;
  padding: 0 12px;
}
.skeletonAnimation .skeletonThumb {
  width: 7.5rem;
  height: 5.25rem;
  background-color: #ccc;
  border-radius: 5px;
  margin: 8px 18px 8px 8px;
  background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
  background-size: 600px;
  animation: shine-skeletonThumb 1.6s infinite linear;
}
.skeletonAnimation .line {
  display: block;
  width: 7rem;
  height: 16px;
  margin-top: 30px;
  border-radius: 7px;
  background-image: linear-gradient(90deg, #dedede 0px, #e8e8e8 40px, #ddd 80px);
  background-size: 600px;
  animation: shine-lines 1.6s infinite linear;
}
.skeletonAnimation .skeletonThumb + .line {
  margin-top: 0;
  width: 100px;
}
.skeletonAnimation .line ~ .line {
  background-color: #ddd;
  margin-top: 9px;
  width: 10rem;
  height: 12px;
}



/*--------------------------------------
    Form | Input Style
---------------------------------------*/
textarea,
.form-control {
    background-clip: padding-box;
    background-image: linear-gradient(transparent, transparent);
}

.form-group {
    width: 100%;
}
.form-group .label {
    font-size: 12px;
    margin: 0;
    font-weight: 500;
    color: #1E252E;
    display: block;
    line-height: 1.2em;
    text-align: left;
}
.form-group textarea {
    resize: none;
}
.form-group .input-info {
    font-size: 12px;
    color: #B7C0CD;
}
.form-group .clear-input {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #50565D;
    height: 38px;
    font-size: 22px;
    position: absolute;
    right: -5px;
    bottom: 0;
    width: 32px;
    opacity: 0.5;
    display: none;
}
.form-group .clear-input:hover, .form-group .clear-input:active {
    opacity: 0.8;
  }
.form-group .input-wrapper {
    position: relative;
}
.form-group .input-wrapper.not-empty .clear-input {
    display: flex;
}
.form-group .input-wrapper.active .label {
    color: #7ed320 !important;
}

.form-group.basic {
    padding: 8px 0;
    margin: 0; 
}
.form-group.basic .form-control,
.form-group.basic .custom-select {
    background: transparent;
    border: none;
    border-bottom: 1px solid #D4DCE7;
    padding: 0 30px 0 0;
    border-radius: 0;
    height: 40px;
    color: #1E252E;
    font-size: 16px; 
}
.form-group.basic .form-control:focus,
.form-group.basic .custom-select:focus {
    border-bottom-color: #7ed320;
    box-shadow: inset 0 -1px 0 0 #7ed320;
}
.form-group.basic textarea.form-control {
    height: auto;
    padding: 7px 40px 7px 0; 
}

.form-group.basic.animated .label {
    margin-top: 20px;
    opacity: 0;
    top: -3px;
    transition: 0.2s all;
    position: absolute; 
}

.form-group.basic.animated .input-wrapper {
    padding-top: 5px; 
}
.form-group.basic.animated .input-wrapper.not-empty .label {
    margin-top: 0;
    opacity: 1; 
}

.form-group.boxed {
    margin: 0;
    padding: 8px 0; 
}
.form-group.boxed .form-control {
    background: #fff;
    box-shadow: none;
    height: 42px;
    border-radius: 6px;
    padding: 0 40px 0 16px; 
}
.form-group.boxed .form-control:focus {
    border-color: #b00; 
}
.form-group.boxed textarea.form-control {
    height: auto;
    padding: 7px 40px 7px 16px; 
}
.form-group.boxed .clear-input {
    right: 0;
    height: 42px;
    width: 40px; 
}
.form-group.boxed .label {
    margin-bottom: 8px; 
}

.input-group .input-group-text {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #D4DCE7;
    border-radius: 0;
    font-size: 20px;
    font-weight: 400;
    color: #1E252E;
    height: 40px;
    width: auto;
    padding: 0 10px 0 0; 
}
.form-group .input-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent !important;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position-x: 100% !important;
  background-position-y: 5px !important;
}


#mainNav {
  background-color: white;
  font-weight: 200;
  letter-spacing: 1px;
  border-color: rgba(34, 34, 34, 0.1);
  background-color: white;
  box-shadow: 0 1px 1px rgba(32,33,37,0.12);
}

#mainNav.no-bg {
  background: transparent;
  z-index: 999;
  box-shadow: none;
}

#mainNav.navbar-shrink {
  background: #fff !important;
}

#mainNav .navbar-brand .logo {
  width: 100px;
}
.logo{
  max-height: 70px;
  object-fit: contain;
}
#mainNav .navbar-brand {
  color: #7ed320;
  font-weight: 200;
  letter-spacing: 1px;
}

#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
  color: #fcbd20;
}

#mainNav .navbar-toggler {
  font-size: 12px;
  padding: 10px 10px;
  color: #222222;
  margin-left: 6px;
  position: relative;
  z-index: 1;
  max-height: 32px;
  line-height: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#mainNav.no-bg.navbar-dark .navbar-toggler {
  color: #fff;
  border: 1px solid rgba(255,255,255, .5);
  background: rgba(255, 255, 255, 0.2);
}

#mainNav.no-bg.navbar-dark .navbar-nav > li > a, #mainNav.no-bg.navbar-dark .navbar-nav > li > a:hover, #mainNav.no-bg.navbar-dark .navbar-nav > li > a:focus:hover {
  color: #000;
}

#mainNav.fixed-top.navbar-shrink .searchMenu {
  box-shadow: none;
}

#mainNav .navbarResponsive {
  flex-grow: initial;
}

#mainNav  .navbar-nav > li > a {
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: unset;
  font-weight: 500;
  opacity: 1;
  color: #000;
}

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

#mainNav .navbar-nav > li > a.active:hover {
  background-color: transparent;
}

#mainNav .navbar-nav > li > a,
#mainNav .navbar-nav > li > a:focus {
  color: #000;
}

#mainNav.navbar-dark .navbar-nav > li > a,
#mainNav.navbar-dark .navbar-nav > li > a:hover,
#mainNav.navbar-dark .navbar-nav > li > a:focus {
  /*color: #fff;*/
}

#mainNav .navbar-nav > li > a:hover,
#mainNav .navbar-nav > li > a:focus:hover {
  color: #7ed320;
}
@media (min-width: 992px) {
  #mainNav {
    border-color: transparent;
    height: 70px;
    /*! position: relative; */
    z-index: 999;
    background: #fff;
  }
  #mainNav .navbar-brand {
    color: fade(white, 70%);
    margin-right: 9rem;
  }
  #mainNav .navbar-brand .logo {
    width: 130px;
  }
  #mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
    color: white;
  }
  #mainNav .navbar-nav > li > a,
  #mainNav .navbar-nav > li > a:focus {
    color: #000;
  }
  #mainNav .navbar-nav > li > a:hover,
  #mainNav .navbar-nav > li > a:focus:hover {
    color: black;
  }
  #mainNav.navbar-shrink {
    border-color: rgba(34, 34, 34, 0.1);
    background-color: white;
    box-shadow: 0 1px 7px rgba(32,33,37,0.12);
  }
  #mainNav.navbar-shrink .navbar-brand {
    color: #222222;
  }
  #mainNav.navbar-shrink .navbar-brand:hover, #mainNav.navbar-shrink .navbar-brand:focus {
    color: #7ed320;
  }
  #mainNav.navbar-shrink .navbar-nav > li > a,
  #mainNav.navbar-shrink .navbar-nav > li > a:focus {
    color: #222222;
  }
  #mainNav.navbar-shrink .navbar-nav > li > a:hover,
  #mainNav.navbar-shrink .navbar-nav > li > a:focus:hover {
    color: #7ed320;
  }
  #mainNav.no-bg.navbar-dark .navbar-nav > li > a, #mainNav.no-bg.navbar-dark .navbar-nav > li > a:hover, #mainNav.no-bg.navbar-dark .navbar-nav > li > a:focus:hover {
    /*color: #fff;*/
  }

  #mainNav.no-bg.navbar-dark .navbar-nav > li > a:hover,
  #mainNav.no-bg.navbar-dark .navbar-nav > li > a:focus:hover {
    opacity: .8;
  }
}

/*Responsive Navbar From*/
.navAction {
    border-bottom: 1px solid rgba(0,0,0,.08);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    padding-left: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}
.navAction .logo {
  width: auto;
  height: 55px;
  margin: 0;
  overflow: hidden;
  background-color: transparent;
  cursor: pointer;
  border: 0;
  border-radius: 3px;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow,-webkit-box-shadow;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  color: #000;
  display: inline-block;
  flex-grow: 1;
  padding-top: 12px;
  font-size: 20px;
  font-weight: 600;
  background-size: 95px;
  background-position: left;
  background-repeat: no-repeat;
}
.navAction .closeBtn {
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #7ed320;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow,-webkit-box-shadow;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  font-size: 50px;
  max-height: 55px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media(max-width: 992px) {
  /*Responsive Navigation*/
  #mainNav .navbarResponsive {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    padding-top: 55px;
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: all .3s ease, opacity .3s ease,-webkit-transform .3s ease;
    transition: all .3s ease, opacity .3s ease,transform .3s ease;
    transition: all .3s ease, opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
    opacity: 1;
    -webkit-transform: translate3d(calc(100% + 10px),0,0);
    transform: translate3d(calc(100% + 10px),0,0);
    z-index: 999;
    pointer-events: none;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
  }
  #mainNav .navbarResponsive.navigationOpen {
    opacity: 1 !important;
    -webkit-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
    z-index: 9999;
    pointer-events: all;
  }
  #mainNav .navbarResponsive .navAction {
    display: flex;
  }
  #mainNav .navbarResponsive .navbar-nav > li > a {
    text-decoration: none;
    padding: 12px 16px;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    align-items: center;
    text-align: left;
    border: 0;
    background: transparent;
    cursor: pointer;
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow,-webkit-box-shadow;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  #mainNav .navbarResponsive .navbar-nav > li a::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 24 24' style='fill: %237ed320;'%3E%3Cpath d='M7.11621 19.1161L8.88398 20.8839L17.7679 12L8.88398 3.11612L7.11621 4.88389L14.2323 12L7.11621 19.1161Z'%3E%3C/path%3E%3C/svg%3E");
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
  }
  #mainNav .navbarResponsive .navbar-nav > li > a {
    border-top: 1px solid rgba(0,0,0,.08);
  }
  #mainNav .navbarResponsive .navbar-nav > li:last-child > a {
    border-top: 1px solid rgba(0,0,0,.08);
    border-bottom: 1px solid rgba(0,0,0,.08);
  }
}

header.masthead {
  position: relative;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 100px;
  color: white;
  background: rgb(203, 225, 173);
  /*! background-image: url('../img/banner.jpg'); */
  background-size: cover;
  background-repeat: repeat;
  background-position: right;
  z-index: 1;
}

header.masthead .header-content {
  max-width: 100%;
  margin-bottom: 100px;
  text-align: center;
}

header.masthead .header-content h1 {
  font-size: 30px;
  font-weight: 700;
  color: #222;
  -webkit-animation-name: word-animateIn;
  animation-name: word-animateIn;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

header.masthead .device-container {
  max-width: 325px;
  margin-right: auto;
  margin-left: auto;
}

header.masthead .afterBGWrap {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

header.masthead .headImg {
  border-radius: 3px;
  margin-top: 0;
  object-fit: cover;
  left: -10%;
  position: absolute;
  z-index: -1;
  min-height: 100%;
  width: auto;
  min-width: 1000px;
  height: 750px;
}

@media (min-width: 992px) {
  header.masthead {
    height: 750px;
    min-height: 750px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 5px solid #7ed320;
  }
  header.masthead .header-content {
    margin-bottom: 0;
    text-align: left;
  }
  header.masthead .header-content h1 {
    font-size: 50px;
    margin-top: 0;
  }
  header.masthead .device-container {
    max-width: 325px;
  }
}

@media(max-width: 992px) {
  header.masthead .headImg {
    display: none;
  }
}


section.download {
  position: relative;
  padding: 150px 0;
}

section.download h2 {
  font-size: 50px;
  margin-top: 0;
}

section.download .badges .badge-link {
  display: block;
  margin-bottom: 25px;
}

section.download .badges .badge-link:last-child {
  margin-bottom: 0;
}

section.download .badges .badge-link img {
  height: 60px;
}

@media (min-width: 768px) {
  section.download .badges .badge-link {
    display: inline-block;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  section.download h2 {
    font-size: 70px;
  }
}

section.features .section-heading {
  margin-bottom: 100px;
}

section.features .section-heading h2 {
  margin-top: 0;
}

section.features .section-heading p {
  margin-bottom: 0;
}

section.features .device-container,
section.features .feature-item {
  max-width: 325px;
  margin: 0 auto;
}

section.features .device-container {
  margin-bottom: 100px;
}

@media (min-width: 992px) {
  section.features .device-container {
    margin-bottom: 0;
  }
}

section.features .feature-item {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

section.features .feature-item h3 {
  font-size: 30px;
}

section.features .feature-item i {
  font-size: 80px;
  display: block;
  margin-bottom: 15px;
  background: linear-gradient(to left, #7b4397, #dc2430);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.cta {
  position: relative;
  padding: 250px 0;
  background-image: url("../img/bg-cta.jpg");
  background-position: center;
  background-size: cover;
}

section.cta .cta-content {
  position: relative;
  z-index: 1;
}

section.cta .cta-content h2 {
  font-size: 50px;
  max-width: 450px;
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
}

@media (min-width: 768px) {
  section.cta .cta-content h2 {
    font-size: 80px;
  }
}

section.cta .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

section.contact {
  text-align: center;
}

section.contact h2 {
  margin-top: 0;
  margin-bottom: 25px;
}

section.contact h2 i {
  color: #dd4b39;
}

section.contact ul.list-social {
  margin-bottom: 0;
}

section.contact ul.list-social li a {
  font-size: 40px;
  line-height: 80px;
  display: block;
  width: 80px;
  height: 80px;
  color: white;
  border-radius: 100%;
}

section.contact ul.list-social li.social-twitter a {
  background-color: #1da1f2;
}

section.contact ul.list-social li.social-twitter a:hover {
  background-color: #0d95e8;
}

section.contact ul.list-social li.social-facebook a {
  background-color: #3b5998;
}

section.contact ul.list-social li.social-facebook a:hover {
  background-color: #344e86;
}

section.contact ul.list-social li.social-google-plus a {
  background-color: #dd4b39;
}

section.contact ul.list-social li.social-google-plus a:hover {
  background-color: #d73925;
}


.bg-primary {
  background: #7ed320;
  background: linear-gradient(#7ed320, #fdc539);
}

.text-primary {
  color: #7ed320;
}

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.btn-outline {
  color: white;
  border: 1px solid;
  border-color: white;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: white;
  border-color: #7ed320;
  background-color: #7ed320;
}

.btn {
  letter-spacing: 2px;
  text-transform: uppercase;
}

.btn-xl {
  font-size: 11px;
  padding: 15px 45px;
}

/*Header Button*/
.btn-signup {
  background: transparent;
  border-radius: 4px;
  padding: 5px 25px;
  display: block;
  width: 100px;
  margin: 3px 0;
  border: 1px solid rgba(0,0,0, .1);
}
.btn-signup:hover {
  border: 1px solid #ccc;
}
@media(min-width: 992px) {
  .btn-signup {
    margin: 3px 15px;
  }
}

/*Search Menu*/
.searchMenuWrap {
  flex: 1;
  position: relative;
}
.searchMenu {
  position: relative;
  display: block;
  border-radius: 2px;
  background: rgb(251, 251, 251);
  transition: box-shadow 150ms ease-in-out, border-color 150ms 150ms;
  -webkit-appearance: none;
  margin: 0 auto;
  height: 32px;
  border: 1px solid rgb(228, 228, 228);
  text-align: center;
  user-select: none;
}
.searchMenuWrap.focused .searchMenu {
  box-shadow: 0px 0px 0px 2px rgba(126, 211, 32, 0.31), inset 0px 0px 0 2px #7ed320;
}
.searchMenu .searchMenuIconWrap {
  min-width: auto;
  position: relative;
  padding: 0px 1px;
  margin-left: 0;
  display: inline-block;
  height: 32px;
}
.searchMenu .searchMenuIconWrap .searchMenuIcon {
  color: #aaa;
  font-size: 25px;
  position: relative;
  top: 3px;
}
.searchMenu .searchMenuInput {
  padding: 0px 0 2px 0x;
  color: #202125;
  margin: 0;
  border: none;
  box-shadow: none;
  border-radius: 8px;
  width: 30%;
  background: transparent;
  font-size: 15px;
  outline: 0;
  transition: width 150ms;
  -webkit-transition: width 150ms;
  height: 32px;
}
.searchMenuWrap.focused .searchMenu .searchMenuInput { 
  width: 80%;
}
.searchMenu .searchMenuClear {
  display: inline-block;
  padding: 0px 0;
  position: absolute;
  z-index: 2;
  right: 5px;
  background: #666;
  border: transparent;
  top: 5.5px;
  border-radius: 50px;
  width: 20px;
  height: 20px;
  line-height: 0;
  opacity: 0;
  transform: scale(0);
  pointer-events: none;
  transition: .15s ease;
  -webkit-transition: .15s ease;
  -moz-transition: .15s ease;
}
.searchMenu .searchMenuClear .searchMenuClearIcon {
  color: #fff;
  font-size: 18px;
  position: relative;
}
.searchMenuWrap.ready .searchMenuClear {
  opacity: 1;
  transform: scale(1);
  pointer-events: all;
}
.searchMenu .searchMenuInput::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
}
.searchMenu .searchMenuInput::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.searchMenu .searchMenuInput:-ms-input-placeholder {
  color: #000;
  opacity: 1;
}
.searchMenu .searchMenuInput::-ms-input-placeholder {
  color: #000;
  opacity: 1;
}
@media(min-width: 500px) {
  .searchMenu {
    width: 240px;
  }
}
#mainNav.no-bg .searchMenu {
  background: transparent;
}
#mainNav.no-bg .searchMenu .searchMenuIconWrap .searchMenuIcon {
  color: #fff;
}
#mainNav.no-bg .searchMenu .searchMenuInput {
  color: #fff;
}
#mainNav.no-bg .searchMenu .searchMenuInput::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}
#mainNav.no-bg .searchMenu .searchMenuInput::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
#mainNav.no-bg .searchMenu .searchMenuInput:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
.#mainNav.no-bg searchMenu .searchMenuInput::-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
#mainNav.no-bg .btn-signup {
  border: 1px solid rgba(255,255,255, .5) ;
}
.searchMenuSuggestionArea {
  box-sizing: border-box;
  display: block;
  border: 1px solid #f1f1f1;
  box-shadow: 0 5px 15px 0 rgba(32,32,36,.15);
  border-radius: 3px;
  background: #fff;
  position: absolute;
  left: 0;
  top: calc(100% + 13px);
  width: 100%;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
}
.searchMenuWrap.ready .searchMenuSuggestionArea {
  opacity: 1;
  pointer-events: all;
}
.searchMenuSuggestionArea::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 50%;
  transform: translateX(50%);
  border-color: transparent transparent #fff #fff;
  border-style: solid;
  border-width: 8px;
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -3px 3px 5px rgba(32, 33, 37, 0.1);
  z-index: ;
  z-index: 2;
  display: ;
  background: #fff;
}
.searchMenuSuggestionError {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 4rem;
  width: 100%;
  font-weight: 600;
}
.searchMenuSuggestionFound {
  text-decoration: none !important;
  width: 100%;
  padding: 10px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(230,230,230,0.8);
}
.searchMenuSuggestionFound:last-child {
  border-bottom: 0;
}
.searchMenuSuggestionFound .searchThumb {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  -webkit-margin-start: 1.25rem;
  margin-inline-start: 1.25rem;
  -webkit-margin-end: 1.25rem;
  margin-inline-end: 1.25rem;
  border-radius: 8px;
  overflow: hidden;
  width: 7.5rem;
  min-height: 5.25rem;
  position: relative;
}
.searchMenuSuggestionFound .searchThumb .searchThumbImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  background-size: cover;
  background-position: center;
}
.searchMenuSuggestionFound .searchContent {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.searchMenuSuggestionFound .searchContent .searchTitle ,
.searchMenuSuggestionFound .searchContent .searchSummary {
  max-width: 100%;
  min-height: 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: normal;
  font-weight: 500;
  color: #202125;
}
.searchMenuSuggestionFound .searchContent .searchSummary {
  color: #878789;
  font-weight: 300;
}
@media(max-width: 992px) {
  .searchMenuSuggestionArea {
    position: fixed;
    left: 0;
    top: 65px;
    height: calc(100vh - 65px);
    wdith: 100%;
    overflow-y: auto;
  }
  .searchMenuSuggestionFound .searchContent .searchTitle ,
  .searchMenuSuggestionFound .searchContent .searchSummary {
    font-size: 12px;
  }
}

/*searchPlace*/
.searchPlaceWrapper {
  display: block;
}
.searchPlaceWrapper .link {
  position: relative;
  display: inline-block;
  color: #202125;
  font-size: 1.1rem;
  padding-top: 40px;
  font-weight: 400;
  text-decoration: none;
}
.searchPlaceWrapper .link::after {
  content: '';
  position: absolute;
  will-change: transform;
  bottom: -5px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #202125;
  transform: translate3d(0, 0, 0);
  transition: transform 400ms cubic-bezier(0.01, 0.21, 0.35, 1);
}
.searchPlaceWrapper .searchPlaceLabelWrap .searchPlaceLabel {
  font-size: 20px;
  color: #202125;
}
.searchPlaceWrapper .searchPlaceFormWrap {
  display: flex;
  width: 100%;
}
.searchPlaceWrapper .searchPlaceForm {
  position: relative;
  display: flex;
  width: 60%;
}
.searchPlaceWrapper .searchPlaceForm .searchPlaceInputForm {
  position: relative;
  display: flex;
  overflow: hidden;
  box-shadow: 0px 1px 3px 0px rgba(64,64,64,0.15);
  transition: box-shadow 150ms ease-in-out, border-color 150ms 150ms;
  -webkit-appearance: none;
  border-radius: 8px;
  border: 0px;
  background: #fff;
  width: 100%;
}
.searchPlaceWrapper.focused .searchPlaceForm .searchPlaceInputForm {
  box-shadow: 0px 0px 0px 5px rgba(126, 211, 32, 0.31), 0px 0px 0 2px #7ed320;
}
.searchPlaceWrapper .searchPlaceForm .searchPlaceIconWrap {
  min-width: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.searchPlaceWrapper .searchPlaceForm .searchPlaceIconWrap .searchPlaceIcon {
  color: #222;
  font-size: 35px;
}
.searchPlaceButton .searchPlaceIcon {
  font-size: 35px;
}
.searchPlaceWrapper .searchPlaceForm .searchPlaceInput {
  padding: 1rem 20px;
  color: #202125;
  margin: 0;
  flex: 1;
  box-shadow: none;
  border-radius: 8px;
  border: 0 !important;
  outline: 0 !important;
}
.searchPlaceWrapper .searchPlaceForm .searchPlaceClear {
  min-width: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: scale(0) translateY(-50%);
  pointer-events: none;
  transition: .15s ease;
  -webkit-transition: .15s ease;
  -moz-transition: .15s ease;
  position: absolute;
  right: 0;
  top: 12px;
}
.searchPlaceWrapper.focused .searchPlaceForm .searchPlaceClear {
  opacity: 1;
  transform: scale(1);
  pointer-events: all;
}
.searchPlaceWrapper .searchPlaceForm .searchPlaceClear:active {
  transform: scale(.9);
  -moz-transform: scale(.9);
  -webkit-transform: scale(.9);
}
.searchPlaceWrapper .searchPlaceForm .searchPlaceClear .searchPlaceClearIcon {
  color: #222;
  font-size: 30px;
}
.searchPlaceWrapper .searchPlaceButton {
  flex: 1;
  margin-left: 4px;
  -webkit-margin-start: 4px;
  margin-inline-start: 4px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  cursor: pointer;
  border-radius: 8px;
  margin-left: 1rem;
  box-shadow: 0 0 8px 0 rgba(32,33,37,0);
  padding: 0 35px;
  font-size: 14px;
  background-image: none;
  background-color: #7ed320;
  border: none;
  color: #fff;
  font-weight: 500;
}
.searchPlaceWrapper .searchPlaceButton span{
  vertical-align: super;
}
.searchPlaceWrapper .searchPlaceButton:hover {
  box-shadow: 0 0 8px 0 rgba(32,33,37,0.12) !important
}
.searchPlaceWrapper .searchPlaceCurrentWrap {
  margin: 10px 0;
}
.searchPlaceWrapper .searchPlaceCurrentWrap .searchPlaceCurrentBtn {
  border-radius: 8px;
  text-transform: capitalize;
}
.searchPlaceWrapper .searchPlaceLocationSuggest {
  display: none;
  background: #fff;
  position: absolute;
  z-index: 999;
  top: 100%;
  border-radius: 8px;
  border: 0;
  margin-top: 0.5rem;
  overflow: hidden;
  box-shadow: 0 4px 12px 1px rgba(32,33,37,0.06);
  width: 100%;
}
.searchPlaceWrapper.focused .searchPlaceLocationSuggest {
  display: block;
}
.searchPlaceWrapper.focused .searchPlaceLocationSuggest .searchPlaceLocationSuggestItem {
  display: flex;
  align-items: center;
  padding: 1rem;
  color: rgba(32,33,37,0.87);
  font-size: 1rem;
  overflow: hidden;
  word-break: break-all;
  cursor: pointer;
  border-bottom: 1px solid #f1f1f1;
}
.searchPlaceWrapper.focused .searchPlaceLocationSuggest .pac-item {
  padding: 1rem;
  color: rgba(32,33,37,0.87);
  font-size: 1rem;
  overflow: hidden;
  word-break: break-all;
  cursor: pointer;
  border-bottom: 1px solid #f1f1f1;
}
.searchPlaceWrapper.focused .searchPlaceLocationSuggest .pac-item .pac-icon {
  display: none;
}
.searchPlaceWrapper.focused .searchPlaceLocationSuggest .pac-item .pac-item-query {
  font-size: 1rem;
}
.searchPlaceWrapper.focused .searchPlaceLocationSuggest .searchPlaceLocationSuggestItem .icon {
  height: 100%;
  min-width: 1.5rem;
  margin-right: 1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  color: #222;
  font-size: 25px;
}
.searchPlaceWrapper.focused .searchPlaceLocationSuggest .searchPlaceLocationSuggestItem:hover .icon {
  color: #000;
}
.searchPlaceWrapper.focused .searchPlaceLocationSuggest .searchPlaceLocationSuggestItem:hover {
  color: #7ed320;
}
.searchPlaceWrapper.focused .searchPlaceLocationSuggest .searchPlaceLocationListing .searchPlaceLocationList {
  display: flex;
  align-items: center;
  padding: 1rem;
  color: rgba(32,33,37,0.87);
  font-size: 1rem;
  overflow: hidden;
  word-break: break-all;
  cursor: pointer;
}
.searchPlaceWrapper.focused .searchPlaceLocationSuggest .searchPlaceLocationListing .searchPlaceLocationList:hover {
  background: #eff5f0;
}

/*Language Dropdown*/
.langDropdown {
  box-shadow: 0 1px 7px rgba(32,33,37,0.12);
  border-radius: 3px !important;
  border: 0 !important;
  /*right: 0;*/
  /*left: auto;*/
  left: -15px;
  top: calc(100% + 20px);
  padding: 0 0;
  z-index: 1;
  transform: translate3d(0, -40px, 0);
  display: block !important;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: transform 150ms, height 150ms, opacity 150ms;
  -webkit-transition: transform 150ms, height 150ms, opacity 150ms;
  min-width: unset;

}
.langDropdown.show {
  transform: translate3d(0,0,0);
  overflow: visible;
  height: auto;
  opacity: 1;
}
.langDropdown::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 10px;
  border-color: transparent transparent #fff #fff;
  border-style: solid;
  border-width: 8px;
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -2px 2px 2px rgba(32, 33, 37, 0.11);
  z-index: ;
  z-index: -1;
  display: ;
  background: #fff;
}
.langDropdown li:first-child a {
  border-radius: 3px 3px 0 0;
}
.langDropdown li a::before {
  display: none !important;
}
.langDropdown li:last-child a {
  border-radius: 0 0 3px 3px;
}
.langDropdown li {
  border-bottom: 1px solid #e2e2e2;
}
.langDropdown li:last-child {
  border-bottom: 0;
}
.langDropdown .langItem {
  background-color: #fff;
  line-height: 1.5rem;
  padding: 10px 25px;
  margin: 0;
  text-decoration: none;
  color: #000;
  font-weight: initial;
  font-size: 15px;
  transition: none;
  position: relative;
  justify-content: left;
  display: flex;
  align-items: center;
}
.langDropdown .langItem.active::after {
  content: '';
  position: absolute;
  right: 12px;
  height: 25px;
  width: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='16px' height='10px' viewBox='0 0 16 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs/%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(-546.000000, -112.000000)' stroke='%237ed320'%3E%3Cg transform='translate(547.000000, 112.000000)'%3E%3Cpolyline points='0 6 4 10 14 0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.langDropdown .langItem .flag-icon {
  margin-right: 15px;
}
.langDropdown .langItem:hover {
  background: #e6e9ef;
}

/*Footer*/
footer {
  padding: 100px 0;
  text-align: center;
  color: rgb(32, 33, 37);
  background-color: #e6e9ef;
  position: relative;
}

footer .footerSvgDivider {
  position: absolute;
  top: 0;
  width: 100%;
}

.footerWidget {
  text-align: left;
}
.footerWidget .footerLabel {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 30px;
  display: block;
  color: #000000;
}
.footerWidget .footerList {
  padding: 0;
  display: block;
  margin: 0;
  list-style: none;
}
.footerWidget .footerList .footerListItem a {
  display: block;
  color: #222;
  text-decoration: none;
  font-size: 15px;
}
.footerWidget .footerList .footerListItem .footerAppDownloadIcon {
  width: 150px;
  margin-bottom: 8px;
  display: block;
}
.footerWidget .footerList .footerListItem a:hover {
  color: #7ed320;
}
.footerBottom {
  text-align: left;
  display: block;
  margin-top: 20px;
}
.footerBottom .footerCopyright {
  padding: 10px 0;
  display: block;
}
.footerBottom .socialList {
  list-style: none;
  margin: 0;
  display: flex;
  position: relative;
  padding: 0;
}
.footerBottom .socialList .socialItem {
  margin-right: 1.5rem;
  -webkit-margin-end: 1.5rem;
  margin-inline-end: 1.5rem;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.footerBottom .socialList .socialItem a {
  position: relative;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(32,33,37,0.18);
  border-radius: 50%;
  cursor: pointer;
  color: #202125;
  transition: background 150ms linear;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 20px;
}
.footerBottom .socialList .socialItem a.fb:hover, .footerBottom .socialList .socialItem a.fb:focus {
  color: #fff;
  background-color: #3b5998;
  border: #3b5998;
}
.footerBottom .socialList .socialItem a.tw:hover, .footerBottom .socialList .socialItem a.tw:focus {
  background-color: #1da1f2;
  color: #fff;
  border: #1da1f2;
}
.footerBottom .socialList .socialItem a.in:hover, .footerBottom .socialList .socialItem a.in:focus {
  color: #fff;
  background-image: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
  border: transparent;
}
.footerBottom .socialList .socialItem a.ln:hover, .footerBottom .socialList .socialItem a.ln:focus {
  background-color: #0088b5;
  color: #fff;
  border: #0088b5;
}

/*Explore City*/
.exploreCity {
  padding: 150px 0 100px 0;
}
.exploreCity .widget {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exploreCity .widget h4 {
  flex: 1;
  text-transform: capitalize;
  margin-bottom: 8px;
  position: relative;
  font-size: 42px;
  font-weight: 700;
  display: inline-block;
  color: #000000;
}
.exploreCity .widget .allCountries {
  color: #000;
  box-shadow: 0 2px 0;
  text-decoration: none;
}
.exploreCity .exploreList {
  display: block;
  margin: 50px 0;
}
.exploreCity .exploreList .exploreListItem {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 1rem;
  border: 1px solid rgba(32,33,37,0.12);
  border-radius: 3px;
  color: #202125;
  text-decoration: none;
  margin-bottom: 20px;
  background: #fff;
}
.exploreCity .exploreList .exploreListItem:hover {
  box-shadow: 0px 1px 3px 0px rgba(64,64,64,0.15);
}
.exploreCity .exploreList .exploreListItem .exploreListItemText {
  white-space: nowrap;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.exploreCity .exploreList .exploreListItem .exploreListItemAction {
  display: flex;
  align-items: center;
}
.exploreCity .exploreList .exploreListItem .exploreListItemAction .exploreListItemActionBadge {
  font-size: 13px;
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
  color: #868789;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  text-align: center;
  line-height: 2.5;
  color: #000;
  border: 1px solid #e5e5e5;
}

/*downloadApp*/
.downloadApp {
  background: #e6e9ef;
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.downloadAppWidget {
  padding: 150px 0 0 0;
}
.downloadApp .widget .title {
  font-size: 45px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 20px;
  color: #000000;
}
.downloadApp .widget .paragraph {
  font-size: 20px;
  color: #444;
  text-align: left;
}
.downloadApp .widget .downloadAppStore {
  display: flex;
  margin: 35px 0 0 0;
}
.downloadApp .widget .downloadAppStore .downloadAppStoreIcon {
  width: 140px;
  margin-right: 15px;
}
.downloadApp .widget .appDownloadThumb {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.appHolder {
  position: relative;
  z-index: -1;
  right: 0;
  top: 15%;
  width: 767px;
  overflow: hidden;
  transition: opacity 150ms ease;
  height: 635px;
}
.appHolderView {
  position: absolute;
  transform-origin: top right;
  width: auto;
  height: 125%;
  transform: scale(0.50) translate3d(-150px, 546px, 100px) rotate(39.5deg);
  top: 0;
  overflow: hidden;
  z-index: 1;
  padding-top: 0;
  background: #fafafa;
  right: 0;
  border-radius: 45px;
}
.appHolderView.First {
  transform: scale(0.50) translate3d(-693px, 527px, 100px) rotate(39.5deg);
}
.appHolderView.Third {
  transform: scale(0.50) translate3d(-30px, 1099px, 100px) rotate(39.5deg);
}

.appHolderView.Fourth {
  transform: scale(0.50) translate3d(-700px, 1210px, 100px) rotate(39.5deg);
}

.appHolderViewMain {
  position: relative;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  top: 2px;
  width: 376px;
  height: 1146px;
}
.appHolderViewMainFirst {
  width: 376px;
  height: 1146px;
}
@media(max-width: 992px) {
  .appHolder {
    display: none;
  }
  .downloadAppWidget {
    padding: 100px 0 100px 0;
  }
}

/*App Product*/
.appProduct {
  background: #fff;
  padding: 100px 0;
}
.appProduct .widget .title {
  font-size: 45px;
  font-weight: 900;
  margin-top: 20px;
  margin-bottom: 20px;
}
.appProduct .card {
  overflow: hidden;
  border-radius: 4px;
  margin: 10px;
  box-shadow: 0 1px 4px rgba(32,33,37,0.12);
  border: 0;
}
.appProduct .card__image {
  position: relative;
  height: 200px;
}
.appProduct .card__image > img {
  max-width: 100%;
  border-bottom-right-radius: 30px;
  position: absolute;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.appProduct .card__info {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 20px 30px 20px 30px;
}
.appProduct .card__info--price {
  text-align: right;
  color: #7ed320;
}
.appProduct .card__info h3 {
  font-size: 25px;
  font-weight: 700;
  color: #7ed320;
}
.appProduct .card__info p {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}

/*Explore Top*/
.exploreTop {
  background: #fff;
  padding: 100px 0 50px 0;
}
.exploreTop .exploreTopHeader .exploreTopHeaderTitle {
  font-size: 45px;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #000000;
}
.exploreTop .exploreTopHeader .exploreTopHeaderTitle .altTitle {
  color: #7ed320;
}
.exploreTop .exploreTopSliderCard {
  margin: 5px;
  /*! box-shadow: 0px 2px 2px rgba(0,0,0,0.04),0px 0px 2px rgba(0,0,0,0.03); */
  border-radius: 8px;
  padding: 15px 0;
  /*! border: 1px solid #e4e4e4; */
}
.exploreTop .exploreTopSliderCard .imagePlaceholder {
  display: block;
  transition: all ease-in 5ms;
  border-radius: 50%;
  background: #fff;
  padding: 8px;
  border: 3px dotted transparent;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  transition: .15s ease;
  -webkit-transition: .15s ease;
  -moz-transition: .15s ease;
  position: relative;
  z-index: 1;
}
.exploreTop .exploreTopSliderCard.slick-current .imagePlaceholder::after,
.exploreTop .exploreTopSliderCard .imagePlaceholder:hover::after,
.exploreTop .exploreTopSliderCard .imagePlaceholder.active::after {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border-radius: 50%;
  border: 3px dotted #7ed320;
  -webkit-animation: rotating 10s linear infinite;
  -moz-animation: rotating 10s linear infinite;
  -ms-animation: rotating 10s linear infinite;
  -o-animation: rotating 10s linear infinite;
  animation: rotating 10s linear infinite;
}
.exploreTop .exploreTopSliderCard .imagePlaceholder.active::after{
  border: 3px solid #7ed320;
}
.exploreTop .exploreTopSliderCard .imageThumb {
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  left: -5px;
  position: relative;
  top: -5px;
  border-radius: 50%;
}
.exploreTop .exploreTopSliderCard .exploreTopSliderCardCaption {
  text-align: center;
  font-weight: 600;
  margin-top: 10px;
}
.exploreTop .exploreTopSliderCard .exploreTopSliderCardCaption .exploreCount {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    margin-left: 4px;
    border-radius: 50px;
    background: #7ed320;
    display: inline-block;
    min-width: 30px;
    text-align: center;
    padding: 0 8px;
}
.exploreTopSlider .slick-arrow {
  position: absolute;
  top: calc(50%);
  transform: translateY(-50%);
  padding: 10px;
  background: #fff;
  z-index: 2;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  box-shadow: 0px 0px 2px rgba(0,0,0, .2);
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #7ed320;
  font-size: 60px;
}
.exploreTopSlider .slick-arrow.slick-disabled {
  color: #ccc;
}
.exploreTopSlider .slick-arrow.prev {
  left: -20px;
}
.exploreTopSlider .slick-arrow.next {
  right: -30px;
}

/*Dynamic slider cusine*/

/*Explore Top*/
.exploreTop {
  background: #fff;
  padding: 100px 0 50px 0;
}
.exploreTop .exploreTopHeader .exploreTopHeaderTitle {
  font-size: 45px;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #000000;
}
.exploreTop .exploreTopHeader .exploreTopHeaderTitle .altTitle {
  color: #7ed320;
}
.exploreTop .exploreTopSliderCardDynamicSlider {
  margin: 5px;
  /*! box-shadow: 0px 2px 2px rgba(0,0,0,0.04),0px 0px 2px rgba(0,0,0,0.03); */
  border-radius: 8px;
  padding: 15px 0;
  /*! border: 1px solid #e4e4e4; */
}
.exploreTop .exploreTopSliderCardDynamicSlider .imagePlaceholderDynamicSlider {
  display: block;
  transition: all ease-in 5ms;
  border-radius: 50%;
  background: #fff;
  padding: 8px;
  border: 3px dotted transparent;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  transition: .15s ease;
  -webkit-transition: .15s ease;
  -moz-transition: .15s ease;
  position: relative;
  z-index: 1;
}
/*.exploreTop .exploreTopSliderCardDynamicSlider.slick-current .imagePlaceholderDynamicSlider::after,
.exploreTop .exploreTopSliderCardDynamicSlider .imagePlaceholderDynamicSlider:hover::after,
.exploreTop .exploreTopSliderCardDynamicSlider .imagePlaceholderDynamicSlider.active::after {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border-radius: 50%;
  border: 3px dotted #7ed320;
  -webkit-animation: rotating 10s linear infinite;
  -moz-animation: rotating 10s linear infinite;
  -ms-animation: rotating 10s linear infinite;
  -o-animation: rotating 10s linear infinite;
  animation: rotating 10s linear infinite;
}
.exploreTop .exploreTopSliderCardDynamicSlider .imagePlaceholderDynamicSlider.active::after{
  border: 3px solid #7ed320;
}*/
.exploreTop .exploreTopSliderCardDynamicSlider .imageThumb {
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  left: -5px;
  position: relative;
  top: -5px;
  border-radius: 50%;
}
.exploreTop .exploreTopSliderCardDynamicSlider .exploreTopSliderCardCaption {
  text-align: center;
  font-weight: 600;
  margin-top: 10px;
}
.exploreTop .exploreTopSliderCardDynamicSlider .exploreTopSliderCardCaption .exploreCount {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    margin-left: 4px;
    border-radius: 50px;
    background: #7ed320;
    display: inline-block;
    min-width: 30px;
    text-align: center;
    padding: 0 8px;
}
.exploreTopSliderDynamicSlider .slick-arrow {
  position: absolute;
  top: calc(50%);
  transform: translateY(-50%);
  padding: 10px;
  background: #fff;
  z-index: 2;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  box-shadow: 0px 0px 2px rgba(0,0,0, .2);
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #7ed320;
  font-size: 60px;
}
.exploreTopSliderDynamicSlider .slick-arrow.slick-disabled {
  color: #ccc;
}
.exploreTopSliderDynamicSlider .slick-arrow.prev {
  left: -20px;
}
.exploreTopSliderDynamicSlider .slick-arrow.next {
  right: -30px;
}

.exploreTop.slider-home {
    padding: 10px 0 20px 0;
}

.slick-dynamic-slider .slick-arrow {
    padding: 0;
    background: #fff;
    border: 0.5px solid #7ed320;
    transition: all .2s ease-in-out;
    border-radius: 50px;
    width: 48px;
    height: 49px;
    box-shadow: 0px 0px 2px rgba(0,0,0, .2);
    display: flex !important;
    justify-content: center;
    color: #7ed320;
    font-size: 0px;
}

.slick-dynamic-slider .slick-next {
    right: -49px;
}

.slick-dynamic-slider .slick-prev {
    left: -49px;
}

.slick-dynamic-slider .slick-prev:before, .slick-dynamic-slider .slick-next:before {
    font-size: 36px;
}

.slick-dynamic-slider .slick-prev.slick-arrow.slick-disabled {
    cursor: default;
    opacity: 0.4;
}

.slick-dynamic-slider .slick-next.slick-arrow.slick-disabled {
    cursor: default;
    opacity: 0.4;
}

.menu-slick-slider .slick-arrow {
    padding: 0;
    background: #fff;
    border: 0.5px solid #7ed320;
    transition: all .2s ease-in-out;
    border-radius: 50px;
    width: 48px;
    height: 49px;
    box-shadow: 0px 0px 2px rgba(0,0,0, .2);
    display: flex !important;
    justify-content: center;
    color: #7ed320;
    font-size: 0px;
}

.menu-slick-slider .slick-next {
    right: -49px;
}

.menu-slick-slider .slick-prev {
    left: -49px;
}

.menu-slick-slider .slick-prev:before, .menu-slick-slider .slick-next:before {
    font-size: 36px;
    line-height: 0;
}

.menu-slick-slider .slick-prev.slick-arrow.slick-disabled {
    cursor: default;
    opacity: 0.4;
}

.menu-slick-slider .slick-next.slick-arrow.slick-disabled {
    cursor: default;
    opacity: 0.4;
}

/*Dynamic slider cusine*/

/*Modal Option*/
.modalWidget {
  padding: 1rem 2rem;
  max-height: 75vh;
  margin-bottom: 1rem;
  min-height: calc(30vh - 56px - 50px);
  overflow-y: auto;
  overflow-x: hidden;
}
.modalWidgeScrollable {
  padding-bottom: 6rem;
}
.modalWidget.noscroll {
  max-height: initial;
  min-height: initial;
}
.modalWidget .modalWidgetTitle {
  color: #707173;
  margin-bottom: 2rem;
  text-align: center;
}
.modalWidget.foot {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  height: initial;
  min-height: initial;
  max-height: initial;
  overflow: inherit;
  margin-bottom: initial;
  padding: .2rem 2rem;
  border-top: 1px solid #e4e4e4;
  border-radius: 0 0 12px 12px;
}
.socialLogin {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.socialLogin li {
  flex-grow: 1;
  margin-bottom: 1rem;
  width: 50%;
}
.socialLogin li:not(:first-child) {
  margin-left: 12px;
}
.socialLogin .socialLoginButton {
  display: block;
  width: 100%;
  padding: 1rem 2rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  background-color: #009de0;
  text-align: center;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  transition: background-color 150ms ease-out, color 150ms ease-out;
  position: relative;
  z-index: 1;
}
.socialLogin .socialLoginButton:hover::after {
  content: '';
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: block;
  background: #000;
  pointer-events: none;
  opacity: .2;
}
.socialLogin .socialLoginButton ,
.socialLogin .socialLoginButton:hover::after {
  border-radius: 8px;
}
.socialLogin .socialLoginButton.fb {
  background: #3b5998;
}
.socialLogin .socialLoginButton.guestLogin {
  background: #1E252E;
}
.socialLogin .socialLoginButton.gmail {
  background: #ea4335;
}
.modalWidget .dividerWrap {
  display: flex;
  align-items: center;
  margin: 0.8rem 0;
}
.modalWidget .dividerWrap hr {
  flex: 1 1 auto;
  border-color: #e4e4e5;
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}
.modalWidget .dividerWrap span {
  flex: 0 0 auto;
  color: #717171;
  font-size: 20px;
  margin: 0 1rem;
}

/*Custom Form*/
.formControlLabel {
  font-size: 12px;
  margin-top: 20px;
}
.formControlLabel + .formControlWrap {
  margin-top: 0;
}
.formControlWrap {
  background-color: #fff;
  border: 1px solid #c9cacb;
  border-radius: 3px;
  box-shadow: none;
  display: flex;
  transition: box-shadow 150ms ease-in-out, border-color 150ms ease-in-out, background-color 150ms ease-in-out;
  margin-top: 10px;
}
.formControlWrap.focused {
  border-color: #d2d3d3;
  outline: 1px dotted #37454d;
  outline-offset: -3px;
}
.formControlWrap:not(.focused):hover {
  box-shadow: 0 1px 1px 0 rgba(32,33,37,0.12);
  border-color: #d2d3d3;
}
.mainForm .terms {
  font-size: 12px;
  lini: ;
  line-height: initial;
  color: #666;
  margin: 15px 0;
}
.formControlWrap .fromIcon {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  justify-content: left;
  min-width: 3rem;
  max-width: 3rem;
  font-size: 30px;
  padding: 0 15px;
  color: #707173;
}
.formControlWrap.focused .fromIcon {
  color: #222;
}
.formControlWrap .fromText {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  justify-content: center;
  min-width: 3rem;
  max-width: 3rem;
  padding: 0 12px;
}
.formControlWrap .formInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  box-shadow: none;
  flex: 1 1 auto;
  margin: 0;
  padding: 16px 0.8rem;
  outline: none;
  font-size: 15px;
}
.formControlButton {
  display: block;
  width: 100%;
  padding: 1rem 2rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);;
  text-align: center;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  transition: background-color 150ms ease-out, color 150ms ease-out;
  position: relative;
  z-index: 1;
  border: 0;
  margin-bottom: 1rem;
}
.formControlButton:hover::after ,
.formControlButton:focus::after {
  content: '';
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: block;
  background: #000;
  pointer-events: none;
  opacity: .2;
}
.formControlButton ,
.formControlButton:hover::after {
  border-radius: 8px;
}
.rememberpassword a {
  color: #000;
}

/*Divider Svg*/
.divider {
 width:100%;
 position:relative;
 height:5vw;
 pointer-events:none;
 -webkit-mask-image:url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
 mask-image:url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
 -webkit-mask-size:100% 101%;
 mask-size:100% 101%;
 background:#fff
}
.divider.divider-side {
 position:absolute;
 z-index:1;
 top:0;
 height:100%;
 width:5vw;
 max-width:72px;
 -webkit-mask-image:url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,99 50,99 C66.6666667,99 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff' fill-rule='evenodd' transform='translate(50.000000, 50.000000) rotate(-90.000000) translate(-50.000000, -50.000000)' /%3e%3c/svg%3e");
 mask-image:url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,99 50,99 C66.6666667,99 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff' fill-rule='evenodd' transform='translate(50.000000, 50.000000) rotate(-90.000000) translate(-50.000000, -50.000000)' /%3e%3c/svg%3e");
 -webkit-mask-size:100% 101%;
 mask-size:100% 101%
}
.divider.divider-side:first-child {
 left:-1px
}
.divider.divider-side:last-child {
 right:-1px
}
.divider.divider-bottom {
 top:1px
}
.divider.divider-top {
 bottom:1px
}
section>.divider-bottom {
 margin-top:calc(3.75rem - 5vw)
}
section>.divider-top {
 margin-bottom:calc(3.75rem - 5vw)
}
@media (min-width:768px) {
 section>.divider-bottom {
  margin-top:calc(6rem - 5vw)
 }
 section>.divider-top {
  margin-bottom:calc(6rem - 5vw)
 }
}
@media (min-width:992px) {
 section>.divider-bottom {
  margin-top:calc(7.5rem - 5vw)
 }
 section>.divider-top {
  margin-bottom:calc(7.5rem - 5vw)
 }
}
.card .divider {
 height:1.5rem
}


/*Product Explore*/
.foodExplore {
  padding: 50px 0 100px 0;
  position: relative;
  background: #fff;
}
.foodExplore .foodExploreHeader {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  justify-content: space-between;
  align-items: center;
}
.foodExplore .foodExploreHeader .sliderButton {
  display: flex;
  align-items: center;
}
.foodExplore .foodExploreHeader .sliderButton .link {
  padding: 0 15px;
}
.foodExplore .foodExploreHeader .sliderButton .btnSlider {
  padding: 0;
  border: 1px solid #ededee;
  box-shadow: none !important;
  display: none;
}
.foodExplore .foodExploreHeader .sliderButton .btnSlider i {
  font-size: 35px;
}
.foodExplore .foodExploreHeader .mainTitle {
  font-size: 45px;
  color: #000000;
  font-weight: 700;
  letter-spacing: -0.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.foodExplore .foodExploreCard-outer {
  width: 100%;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);
  box-shadow: 0 1px 4px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);
  border-radius: 3px;
  /*margin: 30px 20px 30px 8px;*/
  margin: 30px 0px;
  position: relative;
  background: #fff;
}
.foodExplore .foodExploreCard .foodExploreCardThumb {
  height: 200px;
  border-radius: 3px 3px 0 0;
  overflow: hidden;
  z-index: 1;
  position: relative;
  cursor: pointer;
  display: block;
}
.foodExplore .foodExploreCard .foodExploreCardThumb::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.05);
}
.foodExplore .foodExploreCard .foodExploreCardThumb .foodExploreCardThumbImg {
  width: 100%;
  position: absolute;
  z-index: -1;
  height: 100%;
  object-fit: cover;
}
.foodExploreCardCaption {
}
.foodExploreCardCaptionHeader {
  padding: 10px 10px 0 10px;
  display: flex;
  justify-content: space-between;
}
.foodExploreCardCaptionHeader .widget {
  overflow: hidden;
}
.foodExploreCardCaptionHeader .widget .author {
  margin: 0 0 12px 0;
}
.foodExploreCardCaptionHeader .widget .author h3 {
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  margin: 0;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}
.foodExploreCardCaptionHeader .widget .author .summaryWrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  padding-top: 10px;
  color: rgb(46, 46, 46);
}
.foodExploreCardCaptionHeader .widget .author .summary {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.foodExploreCardCaptionHeader .widget .moreList {
  list-style: none;
  padding: 0;
}
.foodExploreCardCaptionHeader .widget .moreList .moreItem {
  width: 100%;
  font-size: 12px;
  color: #333;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
}
.foodExploreCardCaptionHeader .widget .moreList .moreItem img {
  display: inline-block;
}
.foodExploreCardCaptionFooter {
  border-top: 1.5px dashed #e4e4e4;
  border-radius: 0 0 8px 8px;
}
.foodExploreCardCaptionFooter h6 {
  font-size: 10px;
  margin: 0 10px 0 0;
  display: inline-block;
  color: #5cae03;
  font-weight: 600;
  padding: 10px 0 10px 9px;
  letter-spacing: initial;
}
.foodExploreCardCaptionFooter h6 span {
  font-size: 10px;
  color: #9a9a9a;
  display: inline-block;
  font-weight: 400;
  padding-left: 4px;
}
.searchFood {
  position: relative;
  border: 1px solid #eee;
  border-radius: 4px;
  height: 37px;
  padding: 8px 35px;
  font-size: 13px;
  /*margin-right: 10px;*/
}
.searchFood input {
  border: 0;
  outline: 0;
  max-width: 100%;
  color: #000;
}
.searchFood .icon {
  min-width: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  min-height: 2.1rem;
  left: 0;
  top: 0;
  font-size: 25px;
  color: #ccc;
}
.searchFood input::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
}
.searchFood input::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.searchFood input:-ms-input-placeholder {
  color: #000;
  opacity: 1;
}
.searchFood input::-ms-input-placeholder {
  color: #000;
  opacity: 1;
}
@media(min-width: 992px) {
  .foodExplore .foodExploreHeader {
    flex-direction: row;
  }
}

/*Review*/
.review {
  display: flex;
  align-items: center;
  justify-content: start;
}
.review .reviews-count {
  display: inline-block;
  font-size: 12px;
  color: #e5a400;
  font-weight: 400;
  margin-left: 10px;
}
.review .rating_star_muted {
  background: rgba(0, 0, 0, 0) url("../images/review2.png") no-repeat scroll left;
  display: block;
  height: 18px;
  position: relative;
  width: 120px;
}
.review .rating_star_muted .rating_star_big_gold {
  background: rgba(0, 0, 0, 0) url("../images/review1.png") no-repeat scroll left center;
  display: block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
}

/*shaping*/
.Ribbon {
  position: absolute;
  z-index: 3;
  left: -6px;
  right: 0;
  height: 39px;
  top: 15px;
  color: #009cff;
  text-transform: uppercase;
  padding: 0 8px 0 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Ribbonf {
  background: #7ed320;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px 0 0;
  width: 4px;
  height: 100%;
}
.Ribbons {
  left: 3px;
  display: flex;
  box-shadow: 2px 2px 2px rgba(0,0,0,.2);
  border-radius: 0 15px 19px 0;
  padding-right: 15px;
  background: #7ed320;
  position: absolute;
  top: 0;
  min-width: initial;
  height: 35px;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding-left: 10px;
}
.Ribbon::before {
  content: "";
  position: absolute;
  left: 0;
  background: #fff;
  width: 4px;
  height: 0;
  bottom: -4px;
  z-index: 0;
}
.Ribbon::after {
  content: "";
  position: absolute;
  left: 0;
  background: #c9fe8e;
  width: 6px;
  height: 8px;
  border-radius: 4px 0 0 4px;
  bottom: -4px;
  z-index: 1;
}
.Ribbon_text {
  margin-left: 5px;
  font-size: 15px;
  text-transform: capitalize;
  color: #fff;
  font-weight: 600;
}
.Ribbon.warning .Ribbonf ,
.Ribbon.warning .Ribbons {
  background: #ffd73a;
}
.Ribbon.warning::after {
  background: #f8ecbb;
}
.Ribbon.dark .Ribbonf ,
.Ribbon.dark .Ribbons {
  background: #46545a;
}
.Ribbon.dark::after {
  background: #b1bcc0;
}

/*Ready To Download*/
.readyToDownload {
  position: relative;
  padding: 100px 0;
  text-align: center;
  background: #7ed320;
  background-image: linear-gradient(160deg, transparent 70%, #ffffff17 0%) !important;
}
.readyToDownload .title {
  font-size: 50px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: 0;
  text-transform: capitalize;
  color: #fff;
}
.readyToDownload .paragraph {
  font-size: 16px;
  -webkit-letter-spacing: 0.14px;
  -moz-letter-spacing: 0.14px;
  -ms-letter-spacing: 0.14px;
  letter-spacing: 0.14px;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  margin: 0;
  line-height: 25px;
  -webkit-letter-spacing: -0.1px;
  -moz-letter-spacing: -0.1px;
  -ms-letter-spacing: -0.1px;
  letter-spacing: -0.1px;
  max-width: 418px;
  width: 100%;
  margin-bottom: 24px;
  text-align: center;
}
.readyToDownload .button {
  display: inline-block;
  width: inherit;
  padding: 10px 5rem;
  color: #08d86f;
  font-size: 20px;
  font-weight: 500;
  background: #fff;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  transition: background-color 150ms ease-out, color 150ms ease-out;
  z-index: 1;
  border: 0;
  margin-bottom: 1rem;
}
.readyToDownload .button:hover {
  box-shadow: 0 4px 2px rgba(32, 33, 37, 0.2);
}
.readyToDownload .downloadAppStore {
  display: flex;
  margin-top: 35px;
  justify-content: center;
}
.readyToDownload .downloadAppStore .downloadAppStoreIcon {
  width: 140px;
  margin-right: 15px;
}
.readyToDownload .downloadAppStore .appDownloadThumb {
  width: 100%;
}

/*Product*/
.moreSection {
  position: relative;
  padding: 150px 0 150px 0;
  text-align: center;
}
.moreSection .title h1 {
  margin-bottom: 56px;
  font-weight: 600;
  font-size: 46px;
  padding: 0 24px;
  color: #000000;
}
.moreSection .moreCard {
  display: flex;
  flex: 1;
  flex-direction: column;
  background: transparent;
  margin-bottom: 45px;
}
.moreCardBody {
  padding: 20px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  width: 100%;
}
.moreCardThumb {
  height: 500px;
  position: relative;
  border-radius: 12px;
  background: #f1f1f1;
  overflow: hidden;
}
.moreCardThumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: 12px;
  transition: transform 400ms cubic-bezier(0.01, 0.21, 0.35, 1);
} 
.moreCardThumb svg {
  position: absolute;
  width: 100%;
  height: initial;
  left: 0;
  bottom: -1px;
  fill: #000;
}
.moreCardBody .title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: initial;
  padding-bottom: 16px;
  margin: 0;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.moreCard .link {
  overflow: hidden;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 50%;
  line-height: initial;
  font-size: 40px;
  position: absolute;
  z-index: 1;
  bottom: 12px;
  right: calc(16px + 30px);
  background: #7ed320;
  width: 60px;
  height: 60px;
  border: 3px solid #fff;
  transform: rotate(-45deg);
}
.moreCard.c-1 .moreCardBody {
  background: linear-gradient(transparent, rgba(0,0,0, .8));
  border-radius: 0 0 12px 12px;
}
.moreCard.c-1 .moreCardThumb svg {
  fill: #ff483b;
}
.moreCard.c-2 .moreCardBody {
  background: #ff8100;
}
.moreCard.c-2  svg {
  fill: #ff8100;
}
.moreCard.c-3 .moreCardBody {
  background: #bac3c3;
}
.moreCard.c-3 svg {
  fill: #bac3c3;
}
.moreCard:hover .moreCardThumb img {
  transform: scale(1.1);
}


/*About Section*/
.aboutSection {
  position: relative;
  z-index: 1;
  padding: 100px 0 100px 0;
}
.aboutSectionCard {
  box-shadow: 0px 0px 54px 0px rgba(32,33,37,0.06);
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.aboutSectionCard .leftWidget {
  padding: 72px 80px 36px 90px;
}
.aboutSectionCard .leftWidget h3 {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 30px;
  color: #777;
  font-weight: normal;
}
.aboutSectionCard .leftWidget h2 {
  font-size: 46px;
  font-weight: 799;
  line-height: 1.1;
  color: #000000;
  margin-top: 0;
  text-align: left;
  margin-bottom: 40px;
}
.aboutSectionCard .leftWidget p {
  line-height: 1.71;
  margin-bottom: 40px;
}
.aboutSectionCard .leftWidget .playButton {
  display: flex;
  margin: 0 auto 0 0;
  font-size: 1.2rem;
  color: #7ed320;
  cursor: pointer;
  background: transparent;
  border: 0;
  outline: 0;
}
.aboutSectionCard .leftWidget .playButton .playIcon {
  color: #fff;
  background-color: #7ed320;
  margin: 0;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
}
.aboutSectionCard .leftWidget .playButton .playLabel {
  display: inline-flex;
  margin: auto 0 auto 0.75rem;
  color: #000;
}
.aboutSectionCard .rightWidget {
  height: 100%;
}
.aboutSectionCard .rightWidget .figure {
  background: #f1f1f1;
  height: 100%;
  width: 100%;
  background-size: cover;
}
.aboutSectionHalfBg {
  position: absolute;
  height: 50%;
  background: rgb(248, 248, 248);
  display: block;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
}
@media(max-width: 992px) {
  .aboutSectionCard .leftWidget {
    padding: 72px 10px 36px 10px;
  }
  .aboutSectionCard .rightWidget {
    height: 150px;
  }
}


/*Easy Piec Chart*/
.timeChart {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0;
  vertical-align: top;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 22px;
  font-size: 11px;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 15px;
  background: #fff;
  border-radius: 50px 0 0 50px;
  box-shadow: 2px 2px 2px rgba(0,0,0,.2);
}
.timeChart .timeStamp {
  display: block;
  position: relative;
  top: -9px;
  padding: 0;
  text-align: center;
  line-height: 1.2;
}
.timeChart .timeStamp span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  /*-webkit-text-fill-color: transparent;*/
  background: -webkit-gradient(linear,left top,left bottom,from(#b4d67a),to(#6fbc58));
  background-clip: border-box;
  background: -o-gradient(linear,left top,left bottom,from(#b4d67a),to(#6fbc58));
  -webkit-background-clip: text;
}
.timeChart canvas {
  width: 50px !important;
  height: 50px !important;
  position: absolute;
  left: 5px;
  top: 5px;
}


/*mainSlider*/
.mainSlider {
  margin: 70px 0 !important;
  background: #fff;
}
.mainSlider .mainSliderCaption {
  display: flex;
  align-items: center;
  padding: 0 12px;
}
@media(min-width: 992px) {
  /* .mainSlider .mainSliderCaption {
    min-height: 450px !important;
  } */
  .mainSlider {
    min-height: 450px !important;
  }
}

/*Google Map*/
.pac-container.pac-logo.hdpi,
.pac-container {
  /*display: none !important;*/
}


/*Restaurant Profile*/
.restaurantProfile {
  padding: 50px 0;
  min-height: 400px;
  position: relative;
  z-index: 1;
}
.restaurantProfileAfterBg {
  position: absolute;
  overflow: hidden;
  right: 0;
  bottom: 0;
  left: 0;
  /*height: 180%;*/
  z-index: -1;
  pointer-events: none;
  /*height: 116%;*/
  /*top: -70px;*/
  height: 100%;
  top: 0px;
}
.restaurantProfileAfterBg .bgOverlay {
  content: '';
  position: absolute;
  overflow: hidden;
  /*top: -70%;*/
  /*top: -50%;*/
  right: 0;
  bottom: 0;
  left: 0;
  /*height: 170%;*/
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0);
  opacity: 0.47;
}
.restaurantProfileAfterBg .bgImage {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  min-width: 100%;
  max-width: 400%;
  min-height: 100%;
  width: auto; 
  /*background-size: cover;*/
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: initial;
}
.restaurantProfileContent {
  position: relative;
  flex: 0 0;
  flex-basis: 35rem;
  padding-top: 7rem;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.restaurantProfileContent h1 {
  font-size: 4rem;
  line-height: 1.2;
  color: white;
  max-height: 3.6em;
  word-break: break-word;
  overflow: hidden;
  margin-bottom: 0;
  font-weight: 500;
}
.deliveryStatus {
  display: inline-flex;
  padding-top: 17px;
}
.deliveryStatusList {
  display: flex;
  padding: 0;
  list-style: none;
  margin: 0;
  justify-content: space-between;
}
.deliveryStatusList li {
  display: inline-flex;
}
.deliveryStatusList li .ListItem {
  border-right: 1px solid rgba(0,0,0, .1);
  padding: 0 15px;
}
.deliveryStatusList li:first-child .ListItem {
  padding: 0 15px 0 0;
}
.deliveryStatusList li:last-child .ListItem {
  border-right: 0;
}
.deliveryStatusList li .ListItem big {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
}
.deliveryStatusList li .ListItem small {
  display: block;
  font-size: 14px;
  color: #fff;
  opacity: .9;
  border-radius: 0;
  border-radius: 1px;
}
.restaurantProfileContent .paragraph {
  font-size: 20px;
  margin: 1.5rem 0 .5rem 0 !important;
  color: white !important;
  font-weight: 400;
  text-align: left;
  letter-spacing: initial;
}
.restaurantProfileContent .restaurantTags {
  display: flex;
  margin: 5px 0;
  font-size: 0.75rem;
  max-width: initial;
  flex-wrap: wrap;
}
.restaurantProfileContent .restaurantTags .tagItem {
  background-color: #6a6a6a;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  margin: 4px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}
.restaurantProfileContent .restaurantTags .tagItem:hover {
  background: #7ed320;
  color: #fff;
}
/*restaurantProfileBoxWrap*/
.restaurantProfileBox {
  position: relative;
  z-index: 1;
  margin-bottom: 100px;
}
.restaurantProfileBoxHeader {
  position: relative;
  top: -40px;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 300;
  margin-bottom: 20px;
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(32, 33, 37, 0.13);
  /*overflow: hidden;*/
  padding: 20px 30px;
}
.restaurantProfileBoxHeader .blockContent {
  height: 100%;
  display: flex;
  align-items: center;
}
.restaurantTimeStatus {
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.restaurantTimeStatus a {
  color: #000;
  /*display: inline-flex;*/
  align-items: center;
  position: relative;
  padding: 0 30px 0 0;
}
.restaurantTimeStatus a .Icon {
  font-size: 35px;
  position: absolute;
  right: 0;
  top: 17px;
}
.restaurantProfileBoxMainTab {
  margin-bottom: 30px;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(217, 219, 224, 0.5);
  padding-bottom: 0;
  white-space: nowrap;
  overflow-x: auto;
  width: 100%;
}
.restaurantProfileBoxMainTab .MainTabItem {
  color: rgb(45, 49, 56);
  font-size: 20px;
  letter-spacing: initial;
  font-weight: 400;
  line-height: normal;
  position: relative;
  display: inline-flex;
  -moz-box-align: center;
  align-items: center;
  border-radius: 16px;
  background-color: rgb(255, 255, 255);
  padding: 0 0 10px 0;
  text-transform: uppercase;
  transition: background-color 100ms ease-in-out 0s;
  text-decoration: none;
  white-space: nowrap;
  margin-right: 30px;
}
.restaurantProfileBoxMainTab .MainTabItem.active ,
.restaurantProfileBoxMainTab .MainTabItem:hover {
  cursor: pointer;
  color: #000;
  text-shadow: .5px 0px #000;
}
.restaurantProfileBoxMainTab .MainTabItem.active::after {
  content: '';
  position: absolute;
  content: '';
  bottom: 0;
  height: 3px;
  background: #000;
  opacity: 1;
  width: 100%;
  border-radius: 2px 2px 0 0;
}
.MainTabContent {
  display: none !important;
}
.MainTabContent.active {
  display: block !important;
}
.HeaderCartButton {
  color: #fff;
  background-color: rgb(126, 211, 32);
  border: 1px solid rgba(217, 219, 224, 0.5);
  font-size: 14px;
  letter-spacing: initial;
  font-weight: 600;
  text-transform: uppercase;
  line-height: normal;
  display: inline-flex;
  height: 45px;
  -moz-box-pack: center;
  justify-content: left;
  padding: 20px 20px;
  margin: 10px 0;
  align-items: center;
  border-radius: 3px;
}
.HeaderCartButton.Scheduled {
  background: #FFFFFF;
  cursor: default;
}
.HeaderCartButton:hover {
  color: #fff;
}
.HeaderCartButton .CartButtonIcon {
  flex: initial;
  border-right: 1px solid rgb(217, 219, 224);
  padding-right: 12px;
  margin-right: 9px;
  position: relative;
  font-size: 25px;
}
.HeaderCartButton .CartButtonText {
  font-size: 13px;
  letter-spacing: 0.8px;
  font-weight: 600;
  text-transform: uppercase;
  color: #666666;
  flex: 1 1 0%;
  text-align: left;
}
.restaurantProfileBox .profileBoxHeader {
  width: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(32,33,37,0.06);
  padding: 30px;
  border: 1px solid rgba(32,33,37,0.12);
}
@media(max-width: 992px ) {
  .restaurantTimeStatus {
    margin: 10px 0;
    justify-content: left;
  }
  .HeaderCartButton {
    width: 100%;
  }
  .restaurantProfileBoxHeader {
    padding: 20px 10px;
    top: 0;
    background: transparent;
    box-shadow: none;
  }
}

/*Menu Cat*/
.menuCatWrap, .cartWrapper{
  top: 3% !important;
}
@media only screen and (max-width: 600px) {
  .m-category{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    background: #fff;
    z-index:100;
    top:0px !important;
  }
  .m-category-list{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.menuCatWrap {
  position: sticky;
  top: 0;
  overflow-y: auto;
}
.menuCat {
  position: relative;
  min-height: 100px;
  padding: 0 10px 0 0;
}
.menuCat .menuCatHeader {
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 12px;
}
.menuCat .menuCatList {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.menuCat .menuCatList .menuCatItem {
  position: relative;
  display: block;
  text-decoration: none;
  color: rgb(45, 49, 56);
  padding: 6px 6px 6px 0;
  line-height: 19px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.menuCat .menuCatList .menuCatItem.active ,
.menuCat .menuCatList .menuCatItem:hover {
  cursor: pointer;
  color: #7ed320;
  font-weight: 600;
}
@media(max-width: 992px) {
  .menuCat .menuCatList .menuCatItem {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: normal !important;
    max-width: 250px;
  }
  .menuCat .menuCatList .menuCatItem.active,
  .menuCat .menuCatList .menuCatItem:hover {
    background: #ebf8df;
    color: #7ed320;
  }
  .menuCat .menuCatList {
    white-space: nowrap;
    overflow-x: auto;
  }
}

/*Menu Listing*/
.menuListing {
  position: relative;
}
.menuListing .HeaderSearch {
  -moz-box-align: center;
  align-items: center;
  display: flex;
  border: 1px solid rgba(32,33,37,0.12);
  margin: 0 0 40px 0;
  z-index: 300;
  border-radius: 3px;
}
.menuListing .HeaderSearchIcon {
  position: absolute;
  left: 6px;
  font-size: 32px;
  top: -4px;
}
.menuListing .HeaderSearchInput {
  appearance: none;
  box-shadow: none !important;
  width: 100%;
  caret-color: rgb(0, 0, 0);
  color: rgb(45, 49, 56);
  -moz-box-flex: 1;
  flex-grow: 1;
  padding: 10px 45px;
  opacity: 1;
  transition: opacity 50ms ease-in-out 0s;
  max-width: 100%;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  border: 0;
  outline: 0;
  border-radius: 3px;
}

/*Menu Food*/
.menuFood {
  text-align: left;
}
.menuFood .menuFoodList {
  margin-bottom: 60px;
  display: block;
}
.menuFood .menuFoodList.inactive {
  display: none;
}
.menuFoodList .menuFoodTitle span {
  padding: 0;
  font-size: 1.75rem;
  color: #000;
  white-space: pre-wrap;
  font-weight: 500;
  margin: 15px 0;
  display: block;
}
.menuFoodDishList {
  left: 0;
  position: relative;
}
.menuFoodDishItemWrap {
  padding: 0;
  border: 1px solid transparent;
  display: block;
  cursor: pointer;
}
.menuFoodDishItemWrap {
  position: relative;
  z-index: 1;
  padding: 10px 0;
  border-top: 1px solid rgba(217, 219, 224, 0.5);
}
.menuFoodDishItemWrap:last-child {
  border-top: 0;
}
.menuFoodDishItemWrap::before {
  content: '';
  position: absolute;
  left: -13px;
  top: 0;
  height: 100%;
  width: calc(100% + 25px);
  z-index: -1;
  border: 1px solid rgba(217, 219, 224, 0.5);
  box-shadow: 0 2px 10px 0 rgba(32,33,37,0.06);
  opacity: 0;
  transition: 300ms ease-out;
  border-radius: 4px;
}
.menuFoodDishItemWrap.required::before {
  border: 1px solid #f00;
  opacity: 1;
}
.menuFoodDishItemWrap.focused::before ,
.menuFoodDishItemWrap:hover::before {
  opacity: 1;
}
.menuFoodDishBigThumb {
  position: relative;
  background-size: cover;
  background-position: center;
  transition: 0.3s linear;
  margin-top: -1px;
}
.menuFoodDishItemWrap.focused .menuFoodDishBigThumb {
  width: 100%;
  border-radius: 4px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  padding-top: 10%;
  height: 0;
  max-height: 300px;
  position: relative;
}

.menuFoodDishItemWrap.focused .menu-slick-slider.image_0 .menuFoodDishBigThumb {
    padding-top: 50%;
}

.menuFoodDishItem {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  color: #407808;
  font-size: 15px;
}
.menuFoodDishThumbHolder {
  position: relative;
  overflow: hidden;
  height: 100px;
  border-radius: 5px;
  max-width: 140px;
  min-width: 140px;
  transition: width 300ms ease-out, opacity 300ms ease-out 150ms;
}
.menuFoodDishItemWrap.focused .menuFoodDishThumbHolder {
  opacity: 0;
  max-width: 0;
  min-width: 0;

}
.menuFoodDishThumb {
  position: absolute;
  height: 100%;
  width: 100%;
  /*object-fit: cover;*/
  object-fit: fill;
  object-position: center;
}
.menuFoodDishDesc {
  flex-grow: 1;
  padding: 0 12px;
  text-transform: capitalize;
  width: 100%;
  position: relative;
  font-size: 15px;
  line-height: normal;
  margin-bottom: .375rem;
  color: #000;
  letter-spacing: -0.15px;
  overflow: hidden;
}
.menuFoodDishDesc .Title {
  font-size: 20px;
  font-weight: 600;
  /*line-height: 12px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.menuFoodDishItemWrap.focused .menuFoodDishDesc .Title {
  overflow: visible;
  text-overflow: none;
  white-space: normal;
}
.menuFoodDishDesc .Paragraph {
  position: relative;
  font-size: 14px;
  line-height: normal;
  max-height: 40px;
  margin-top: 13px;
  color: #666;
  overflow: hidden;
}
.menuFoodDishDesc .Paragraph .Overlay {
  height: 20px;
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 1;
  overflow: hidden;
}
.menuFoodDishDesc .Paragraph .Overlay::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 70%;
  height: 25px;
  background: linear-gradient(to right, rgba(255,255,255,0), #fff 60%);
}
.menuFoodDishItemWrap.focused .menuFoodDishDesc .Paragraph {
  max-height: unset;
}
.menuFoodDishDesc .Paragraph{
  max-height: 60px;
}
@media only screen and (max-width: 600px) {
  .menuFoodDishItemWrap.focused .menuFoodDishDesc .Paragraph {
    max-height: unset;
    /*-webkit-mask-image: none;*/
  }
  .menuFoodDishItemWrap.focused .menuFoodDishDesc .Paragraph .fadeout{
    height: 0px;
  }
  .menuFoodDishDesc .Paragraph {
    /*-webkit-mask-image: linear-gradient(140deg, #000 10%, transparent); */
    max-height: 60px;
  }
  .fadeout{
    display: block !important;
    position: absolute;
    height: 20px;
    width: 100px !important;
    right: 0;
    background: linear-gradient(135deg, rgba(255,255,255,.8) 50%, rgb(255, 255, 255) 100%);
    top: 40px;
  }
}
.menuFoodDishItemWrap.focused .menuFoodDishDesc .Paragraph .Overlay::after {
  display: none;
}
.menuFoodDishPriceCart {
  color: #000;
  width: 45%;
  text-align: right;
  border-left: 1px solid rgba(32,33,37,0.1);
  padding-left: 8px;
}
.menuFoodDishPrice {
  font-size: 20px;
}
.menuFoodDishCart {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: right;
}
.menuFoodDishCart button {
  border-radius: 50px;
  height: 45px;
  width: 45px;
  font-size: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid rgba(217, 219, 224, 0.5);
  color: rgba(0, 0, 0, 0.5);
}
.menuFoodDishCart button[data-cartAction="minus"] {
  display: none;
}
.menuFoodDishCart.ready button[data-cartAction="minus"] {
  display: initial;
}
.menuFoodDishItemWrap:hover .menuFoodDishCart button {
  color: #7ed320;
  background: #fff;
  border: 1px solid rgba(217, 219, 224, 0.5);
}
.menuFoodDishCart button:hover {
  box-shadow: 0 2px 10px rgba(32,33,37,0.1);
}
.menuFoodDishCart.ready button:first-child {
  border-radius: 4px 0 0 4px;
}
.menuFoodDishCart.ready button:last-child {
  border-radius: 0 4px 4px 0;
}
/*Food Option*/
.menuFoodOption {
  width: calc(100% + 25px);
  left: -13px;
  position: relative;
  display: none;
}
.menuFoodOptionItem {
  transition: .6s all;
  padding: 0 .5px;
}
.menuFoodDishItemWrap.focused .menuFoodOption {
  display: block;
}
.menuFoodOptionItem .menuFoodOptionLabel {
  padding: 20px 25px;
  display: flex;
  border-top: 1px solid #e4e4e4;
  font-weight: 500;
}
.itemMainCount .menuFoodOptionLabel {
  display: flow-root;
}
.menuFoodOptionItemList {
  display: none;
  height: 0;
  overflow: hidden;
}
.menuFoodOptionItemOption {
  padding: 15px 40px;
  /*display: flex;*/
  display: flow-root;
  border-top: 1px solid #e4e4e4;
}
.menuFoodOptionItem.focused .menuFoodOptionLabel {
  background: #fafafa;
}
.menuFoodOptionItem.focused .menuFoodOptionItemList {
  display: block;
  height: 100%;
  overflow: visible;
}

/*Cart Wrapper*/
.cartWrapper {
  background: #fff;
  border: 1px solid rgba(217, 219, 224, 0.5);
  box-shadow: 0 2px 10px rgba(32,33,37,0.06);
  margin-top: 0 !important;
  width: 100%;
  border-radius: 6px;
  position: absolute;
  color: #fff;
  top: 0;
  transform: translate3d(0, 0, 0);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: unset;
  overflow: hidden;
}
.cartWrapper .cartHeader {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  padding: 20px;
  text-align: center;
  width: 100%;
  background: #666;
  border-radius: 6px 6px 0 0;
  color: #fff;
}
.noCartImage {
  /*display: none;*/
  width: 100%;
  padding: 20px 0;
  text-align: center;
  border-radius: 8px;
  background: #fff;
}
.noCartImage img {
  display: inline-block;
  text-align: center;
  margin: 25px 0px;
  max-height: 70px;
  height: 70px;
  opacity: 0.2;
}
.noCartImage .text {
  width: 100%;
  font-size: 14px;
  text-align: center;
  padding-bottom: 20px;
  color: #666;
}
.cartAvailable {
  position: relative;
  display: block;
  background: #fff;
}
.cartAvailableOption {
  /*display: flex;*/
  display: block;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 4px 6px -3px rgba(0,0,0, .1);
}
.cartAvailableOption .item {
  color: #000;
  cursor: pointer;
  flex-grow: 1;
  padding: 15px 25px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0;
  width: 49%;
}
.cartAvailableOption .item .statusBar {
  position: absolute;
  content: '';
  bottom: 0;
  height: 4px;
  background: #7ed320;
  opacity: 0;
  width: 50%;
  border-radius: 2px 2px 0 0;
  left: 50%;
  transform: translateX(-50%);
}
.cartAvailableOption .item input[type="radio"]:checked ~ .statusBar,
.cartAvailableOption .item:hover .statusBar {
  opacity: 1;
}
.cartAvailableOption .item .Icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.cartAvailableList {
  position: relative;
  max-height: 40vh;
  overflow-y: auto;
  color: #000;
}
.cartAvailableListItem {
  display: flex;
  align-items: start;
  border-bottom: 1px solid rgba(217, 219, 224, 0.5);
  width: 100%;
}
.cartAvailableListItem:last-child {
  border-bottom: 0;
}
.cartAvailableListItem .sNo {
  margin-right: 15px;
  width: 35px;
  border-right: 1px solid rgba(217, 219, 224, 0.5);
  padding: 30px 10px;
}
.cartAvailableListItem .middle {
  width: inherit;
}
.cartAvailableListItem .cartMenuName {
  color: #000;
  padding: 14px 0;
  font-size: 15px;
  overflow: hidden;
  padding-bottom: 5px;
  text-overflow: ellipsis;
  width: 100%;
}
.cartMenuBottom {
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
  padding: 0 15px 0 0;
}
.cartMenuQuantity {
  display: inline-flex;
  align-items: center;
  flex-grow: 1;
}
.QuantityMinus button,
.QuantityPlus button {
  width: 25px;
  height: 25px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 22px;
  border: 1px solid #ccc;
  border: 0;
  background: #fff;
}
.QuantityMinus button:hover,
.QuantityPlus button:hover {
  background: #f1f1f1;
}
.QuantityCount {
  min-width: 30px;
  text-align: center;
}
.cartMenuRight {
  display: inline-flex;
}
.cartMenuPrice .cartMenuDelete {
  width: 25px;
  height: 25px;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #f00;
  font-size: 22px;
  border: 0;
}
.cartMenuPrice .cartMenuDelete:hover {
  color: #f00;
  border: 1px solid #f00;
}
.cartAvailableList .billList {
  color: #000;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin: 0;
  border-top: 2px solid #ccc;
}
.cartAvailableList .billList .billOption {
  width: 100%;
  padding: 10px 15px;
  border-bottom: 1px solid #d0d0d0;
  display: block;
  font-weight: 500;
  font-size: 20px;
  background: #fafafa;
}
.cartAvailableList .billList .billOption:last-child {
  border-bottom: 0;
}
.cartAvailableList .billList .billLabel {
  font-size: 14px;
  color: rgba(0,0,0, .7);
  width: calc(67% - 1%);
  display: inline-block;
}
.cartAvailableList .billList .billCount {
  text-align: right;
  width: calc(33% - 1%);
  display: inline-block;
  vertical-align: top;
}
.cartCheckout {
  border-top: 1px solid rgba(217, 219, 224, 0.5);
  padding: 10px 10px;
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px -3px 6px -2px rgba(0,0,0,0.07);
  /*display: flex;*/
}
.cartCheckout .priceTotal {
  color: #000;
  font-size: 20px;
  display: inline-block;
  flex-grow: 1;
}
.cartCheckout .priceTotal .vat {
  font-size: 12px;
  color: #000;
  display: block;
  position: relative;
  top: -5px;
  opacity: .4;
}
.cartCheckout button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  background: #7ed320;
  border: 1px solid #fff;
  color: #fff;
  display: block;
  padding: 12px 33px;
  position: relative;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  float: right;
}

.cartCheckout button[disabled]{
  opacity: 0.5;
  cursor: not-allowed;
}
.cartMinOrder, .cartEarning {
  border-top: 1px solid rgba(217, 219, 224, 0.5);
  padding: 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
  font-size: 12px;
}
.cartEarning {
  padding: 5px;
}
.cartEarning .label {
  background: #f1f1f1;
  padding: 5px 13px;
  width: 100%;
  border-radius: 50px;
}
.cartEarning .label.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

/*Offer card*/
.offerCard {
  position: relative;
  height: 100%;
  display: block;
  color: #000;
  border: 1px solid rgba(217, 219, 224, 0.5);
  transition: .25s ease;
  perspective: 300px;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: 0px 1px 1px rgba(217, 219, 224, 0.5);
}
.offerCard.expired {
  opacity: .5;
  pointer-events: none;
}
.offerCard:hover {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.04);
  background: #fafafa;
}
.offerCardTop {
  padding: 10px;
  color: #000;
  border-radius: 4px 4px 0 0;
}
.offerCardTitle {
  font-size: 25px;
  font-weight: 600;
  color: rgb(126, 211, 32);
}
.offerCardTitleAlt {
  font-size: 15px;
  opacity: .8;
  font-weight: 400;
  text-shadow: none;
  color: #666;
}
.offerCardSubTitle {
  font-size: 12px;
  opacity: .8;
  font-weight: 400; 
}
.offerCardBottom {
  position: relative;
  z-index: 1;
  padding: 10px;
  ;
  border-radius: 0 0 3px 3px;
}
.vaildityDate {
  font-size: 12px;
}


/*Opening Hour*/
.openHourList {
  position: relative;
  display: block;
}
.openHourItem {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(217, 219, 224, 0.5);
  padding-bottom: 12px;
  color: #666;
}
.openHourDay {
  font-weight: 600;
  font-size: 20px;
  color: #000;
}

/*restaurantInfo*/
.restaurantInfo .title {
  display: block;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 12px;
}
.restaurantInfo .about {
  display: block;
  color: #666;
  font-size: 15px;
}
.restaurantInfo .map {
  padding: 15px;
  background: rgb(217, 219, 224);
}

/*Profile Page*/
.profileBox {
  margin-bottom: 45px;
}
.profileBox .profileHeader {
  border-bottom: 1px solid rgba(217, 219, 224, 0.5);
  padding: 90px 0 0 0;
  position: relative;
}
.profileBox .profileHeader .profileNav {
  overflow: hidden;
  height: 70px;
}
.profileBox .profileHeader .profileTitle {
  font-size: 60px;
  font-weight: 600;
}
.profileContainer .profileHeader .Title .l2 {
  font-weight: 400;
}
.profileContainer .profileHeader .profileContainerPlusWrap {
  display: inline-block;
  text-align: right;
}
.profileContainer .profileHeader .profileContainerPlusWrap .button {
  padding: 0 4px;
  margin-left: auto;
  color: #fff;
  font-weight: 500;
  background-color: #7ed320;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
  position: relative;
  border: 0;
  font-size: 40px;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 350ms ease;
}
.profileContainer .profileHeader.centered .profileContainerPlusWrap .button {
  width: auto;
  padding: 0 30px;
  border-radius: 4px;
}
.profileContainer .profileHeader.centered .profileContainerPlusWrap .Label {
  font-size: 16px;
}
.profileContainer .profileHeader.centered .profileContainerPlusWrap {
  margin: auto;
}
.profileContainer .profileHeader .profileContainerPlusWrap .button:hover ,
.profileContainer .profileHeader .profileContainerPlusWrap .button:focus {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
}
.profileContainer .profileHeader .profileContainerPlusWrap .button:active {
  transform: scale(.90);
}
.profileNavList {
  list-style: none;
  padding: 0;
  margin-top: 25px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: -10px;
}
.profileNavList li {
  display: inline-block;
  position: relative;
  margin-right: 1rem;
}
.profileNavList li .profileNavItem {
  font-size: 17px;
  color: #000;
  padding: 0 0 2rem 0;
  outline: 0;
  transition: none;
  user-select: none;
  display: block;
}
.profileNavList li .profileNavItem[data-profilenav="true"] {
  text-shadow: .5px 0 #222222;
}
.profileNav .profileNavIndicator {
  bottom: 0;
  position: absolute;
  background-color: #000;
  height: 3px;
  overflow: hidden;
  transition: left 350ms ease-in-out, right 350ms ease-in-out, width 350ms ease-in-out;
  border-radius: 1.5px 1.5px 0 0;
}
@media(max-width: 800px) {
  .profileNavList li .profileNavItem[data-profilenav="true"] {
    text-shadow: .5px 0 #7ed320;
    background: #f4f9ef;
    border-radius: 50px;
    padding: 5px 15px;
    color: #7ed320;
  }
  .profileNav .profileNavIndicator {
    display: none;
  }
  .profileBox .profileHeader .profileTitle { 
    font-size: 30px;
  }
}
/*Profile Container*/
.profileContainerBox {
  opacity: 0;
  height: 0;
  visibility: hidden;
  display: none;
  transition: .15s opacity ease, .15s visibility ease;
}
.profileContainerBox.active {
  visibility: visible;
  display: block;
  height: auto;
  opacity: 1;
}
.profileContainer .profileHeader {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 40px 0;
}
.profileContainer .profileHeader .Title {
  font-size: 30px;
  font-weight: 700;
  color: #000000;
}
.profileContainer .profileAccountTop {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 35px 0;
}
.profileContainer .profileAccountTop .profileAccountHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.profileContainer .profileAccountTop .profileAccountHeader .userName {
  font-size: 1.87rem;
  font-weight: bold;
}
.profileContainer .profileAccountTop .userInformations {
  margin-right: 0;
  display: flex;
  display: -webkit-flex;
}
.profileContainer .profileAccountTop .userInformations .Item {
  margin-right: 25px;
}
.profileContainer .profileAccountTop .userInformations .label {
  display: block;
  font-size: 1.07rem;
  font-weight: bold;
}
.profileContainer .profileAccountTop .userInformations .desc {
  display: block;
  padding-top: 0.1rem;
  font-size: 1.07rem;
}
/*userMoreInfo*/
.profileContainer .userMoreInfo {
  display: block;
  margin-top: 50px;
}
.userMoreInfoItem {
  padding: 25px 20px;
  color: #000;
  border: 1px solid rgba(32,33,37,0.12);
  display: flex;
  border-radius: 3px;
  height: 100%;
}
.userMoreInfoItem .left {
  flex-grow: 1;
  width: 50%;
  display: inline-flex;
  align-items: start;
}
.userMoreInfoItem .left .userMoreInfoLabel {
  font-size: 20px;
  font-weight: 400;
  overflow: hidden;
}
.userMoreInfoItem .left .userMoreInfoLabel .alt {
  font-size: 12px;
  display: block;
  font-weight: normal;
  opacity: .5;
  text-overflow: ellipsis;
  overflow: hidden;
  /*! white-space: nowrap; */
}
.userMoreInfoItem .left .userMoreInfoIcon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  position: relative;
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: left;
}
.userMoreInfoItem .right {
  text-align: right;
}
.userMoreInfoItem .right .count {
  font-size: 35px;
  margin-left: 12px;
}
@media(max-width: 992px) {
  .profileContainer .profileAccountTop .userInformations {
    flex-direction: column;
  }
  .profileContainer .profileAccountTop .userInformations .Item {
    margin-right: 0;
  }
}

/*Profile Adress*/
.profileAddress {
  padding: 50px 0;
}
.profileAddressList {
  background: transparent;
  border-radius: 0px;
  border: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.profileAddressList li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
  padding: 20px 0;
}
.profileAddressList li:first-child {
  border-top: 0;
}
.profileAddressItem {
  display: flex;
  flex: 1;
  margin: 0;
  padding: 0;
}
.profileAddressItem .Icon {
  margin-top: 0;
  font-size: 28px;
  margin-right: 20px;
  color: #666;
  background: #f1f1f1;
  border-radius: 50px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(32,33,37,0.05);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
}
.profileAddressItem .Infos {
  flex: 3;
  font-size: 1.0625rem;
  line-height: 1.1;
  font-weight: normal;
  color: #202125;
  box-sizing: border-box;
  min-width: 0;
}
.profileAddressItem .Infos .Content {
  display: flex;
  flex-direction: column;
  margin-right: 1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.profileAddressItem .Infos .Content .Title {
  font-size: 20px;
  font-weight: 600;
  padding: 0 0 0.5rem 0;
  margin: 0;
}
.profileAddressItem .Infos .Content .FlatLocation {
  font-size: 15px;
  padding: 0 0 0.5rem 0;
  opacity: .6;
}
.profileAddressItem .profileActions {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}
.profileAddressItem .profileActions button {
  width: 40px;
  height: 40px;
  background: rgba(32, 33, 37, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 4px;
  border-radius: 50%;
  border: 1px solid rgba(32,33,37,0.05);
  cursor: pointer;
  transition: background 150ms ease-in-out;
  font-size: 30px;
}
.profileAddressItem .profileActions .dropdown-menu {
  border: none;
  border-radius: 5px;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
  box-shadow: 0 1px 5px rgba(0,0,0,.15);
  min-width: 100%;
  -webkit-transform: translate3d(0,0,0) !important;
  transform: translate3d(0,0,0) !important;
  right: 0;
  left: auto !important;
}
.profileAddressItem .profileActions .dropdown-menu .dropdown-item {
  display: block;
  color: #000;
  font-weight: 400;
  padding: 15px 14px 15px 14px;
  border-bottom: 1px solid #eee;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
}
.profileAddressItem .profileActions .dropdown-menu .dropdown-item:active {
  background: #fafafa;
}

/*Referral*/
.referralBox {
  padding: 50px 0;
}
.referralImage {
  text-align: center;
  padding: 10px 0 50px 0;
}
.referralImage img {
  margin: auto;
  max-width: 100%;
}
.referralContainer {
  text-align: center;
}
.referralTitle {
  font-size: 30px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 25px;
  display: block;
}
.referralDescription {
  font-size: 17px;
  color: rgb(0, 0, 0);
}
.copyReferralWrap {
  margin: 1rem 0;
}
.copyReferral {
  width: 100%;
  padding: 15px 15px;
  background: rgba(0,0,0, .01);
  border: 1px solid rgba(32,33,37,0.12);
  border-radius: 4px;
  outline: 1.5px dashed #cbcbcb;
  outline-offset: -5px;
}
.copyReferralButton {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.copyReferral .LinkForm {
  display: block;
  width: 100%;
  margin-top: 5px;
}
.copyReferral .LinkForm input {
  text-align: left;
  width: 100%;
  color: #747474;
  border: 0;
  padding: 5px 0;
  border-radius: 4px;
  background: transparent;
  font-size: 12px;
}
.copyReferralButton .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.copyReferralButton .left .title {
  font-size: .8rem;
  color: rgb(32, 33, 37);
  padding-bottom: 0.25rem;
  display: block;
}
.copyReferralButton .left .code {
  font-size: 1.5rem;
  padding-top: 0.25rem;
  display: block;
  color: #458300;
}
.copyReferralButton .right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.copyReferralStatusBtn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.copyReferralStatus {
  padding-right: 0.5rem;
  -webkit-padding-end: 0.5rem;
  padding-inline-end: 0.5rem;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  color: rgba(32,33,37,0.64);
}
.copyReferralStatusIcon {
  font-size: 35px;
  width: 40px;
  height: 40px;
  border: 1px solid #e4e4e4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.referralShare {
  padding: 10px;
  color: #fff;
  display: inline-block;
  border-radius: 4px;
  margin: 25px 0 15px;
  width: 100%;
}
.referralShare {
  color: #fff;
  font-size: 15px;
}
.referralShare:hover {
  color: #fff;
}
.referralShare i {
  color: #fff;
  vertical-align: middle;
  display: inline-block;
  border-right: 1px solid rgba(255, 255, 255, .5);
  line-height: 20px;
  padding-right: 10px;
  font-size: 30px;
}
.referralShare span {
  margin-left: 5px;
  display: inline-block;
}
.referralShare.referral-facebook {
  background: #345C97;
}
.referralShare.referral-twitter {
  background: #16CCFD;
}
.referralShare.referral-google {
  background: #DD4B3A;
}
.referralList {
  display: block;
  text-align: left;
  padding: 50px 0;
}
.referralList table {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09);
  border: 1px solid rgba(32,33,37,0.12);
}
.referralList tr {
  font-size: 14px;
}

/*Profile Setting*/
.profileSetting {
  padding: 50px 0;
}
.profileSettingList {
  display: block;
}
.profileSettingItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid rgba(217, 219, 224, 0.5);
}
.profileSettingItem .Left .Label {
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.profileSettingItem .Right .Icon {
  font-size: 50px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: 50px;
}
.profileSettingTitle {
  width: 100%;
  font-size: 30px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 25px;
  display: block;
}
.profileSetting .formCard {
  padding: 0 0;
  border-radius: 3px;
  margin-bottom: 60px;
}

/*Profile Orders History*/
.profileOrderWrap {
  padding: 50px 0;
}
.profileOrderList {
  display: block;
  width: 100%;
}
.profileOrderItem {
  display: block;
  border-bottom: 1px solid rgba(217, 219, 224, 0.5);
}
.profileOrder {
  padding-bottom: 15px;
  width: 100%;
}
.profileOrder {
  padding: 30px 0;
  width: 100%;
  min-height: 50px;
  display: flex;
  color: #1E252E !important;
}
.profileOrder .imageWrapper {
  margin-right: 16px;
}
.profileOrder .imageWrapper img {
  height: auto;
  border-radius: 4px;
  min-width: 100px;
  width: 100px;
  max-width: 100%;
}
.profileOrder .in {
  display: block;
  width: 100%;
}
.in .profileOrderTop {
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 100%;
}
.restaurantInfo {
  display: block;
  margin-bottom: 4px;
}
.profileOrder .in .orderStatus {
  text-align: right;
}
.profileOrder .in .orderStatus .Icon {
  /*background: #dc3545;*/
  height: 20px;
  width: 20px;
  color: #fff;
  border-radius: 50px;
  position: relative;
  top: 0;
  font-size: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.profileOrder .in .orderStatus .alt {
  font-size: 12px;
}
.profileOrderTitle {
  font-weight: 600;
  color: #000000;
  display: inline-block;
  width: 100%;
  font-size: 25px;
  margin-bottom: 15px;
}
.profileOrderBottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.profileOrderPrice {
  margin-right: 10px;
}
.profileOrderBottom button, .profileOrderBottom a {
  background: rgb(126, 211, 32);
  border-radius: 4px;
  border: 0;
  outline: 0;
  padding: 4px 25px;
  font-size: 15px;
  text-transform: capitalize;
}
.profileOrderAction {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.profileOrderBottom .button {
  margin-right: 4px;
}
@media(max-width: 992px) {
  .profileOrder .in .profileOrderTop  {
    display: block;
  }
  .profileOrder .imageWrapper img {
    display: none;
  }
  .profileOrder .in .orderStatus {
    text-align: left;
  }
  .profileOrderBottom {
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  .profileOrderBottom .profileOrderAction {
    margin-top: 5px;
  }
}

/*Profile Setting*/
.profilePayment,
.profileReward,
.profileWallet,
.profileSavedCards {
  padding: 50px 0;
}

/*Checout Page*/
.checkOutContainerHeader {
  position: relative;
  z-index: 2;
  border: 1px solid rgba(34, 34, 34, 0.1);
  background-color: white;
  padding: 200px 0 50px 0;
}
.checkOutContainerHeader .mapBackground {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.checkOutContainerHeader .mapBackground::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: transparent;
  pointer-events: none;
}
.checkOutContainerHeader .Heading {
  font-size: 60px;
  font-weight: 600;
}
.checkOutContainerWrap {
  position: relative;
  top: -120px;
  padding: 50px 0;
}
.checkOutContainer .leftWidget {
  padding: 100px 0 100px 0;
}
.checkOutContainer .rightWidget {
  padding: 50px 0 100px 0;
}
.checkOutContainer .rightWidget {
  border-left: 1px solid #fafafa;
  position: relative;
  z-index: 1;
  box-shadow: 0 8px 24px 0 rgba(32,33,37,0.12);
}
.checkOutContainer .rightWidget {
  background: #fff;
  z-index: 3;
  border-radius: 3px;
  position: sticky;
  position: -webkit-sticky;
  top: 20px;
}
.checkOutCart {
}
@media(max-width: 992px) {
  .checkOutContainer .rightWidget { 
    top: 0;
    margin-left: 0;
  }
  .checkOutContainerWrap {
    top: 0;
  }
}
/*checkOutCart*/
.commentInput {
  outline: 0;
  resize: none;
  width: 100%;
  height: 100%;
  padding: 5px 0 5px 0;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  min-height: 100px;
  border-radius: 3px;
  border: 0;
  background: #f6f7f8;
}
.checkOutContainer {
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.checkOutCartRestaurant {
  cursor: pointer;
  padding: 0 30px 20px 30px;
  display: -ms-flexbox;
  display: flex;
  min-height: 90px;
}
.checkOutCartRestaurant .Logo {
  width: 100px;
  height: 100px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50px;
  background-color: #f1f1f1;
}
.checkOutCartRestaurant .Title {
  margin-left: 14px;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
  min-height: 50px;
}
.checkOutCartRestaurant .Title .rName {
  font-size: 25px;
  color: #282c3f;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.checkOutCartRestaurant .Title .rLocation {
  font-size: 18px;
  color: #686b78;
  position: relative;
}
.checkOutCartRestaurant .Title .rLocation::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  background: #282c3f;
  width: 40px;
  height: 2px;
}
.checkOutAvailable {
  display: block;
  margin: 30px 30px 5px 30px;
}
.checkOutAvailable .Heading {
  font-weight: 600;
  font-size: 25px;
  color: #282c3f;
  margin: 15px 0 26px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkOutAvailable .Heading span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.checkOutAvailableOption {
  padding: 10px 0 10px 0;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
  min-height: 50px;
  border-bottom: 1px solid rgba(217, 219, 224, 0.5);
}
.checkOutAvailableList {
  height: 0;
  overflow: hidden;
  transition: height .5s ease;
  -webkit-transition: height .5s ease;
}
.checkOutAvailableList.active {
  height: auto;
  max-height: calc(40vh);
  overflow-y: auto;
}
.checkOutAvailableOption .Right {
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
  min-height: 50px;
  border-left: 1px solid rgba(217, 219, 224, 0.5);
  padding-left: 10px;
}
.checkOutAvailableOption .Right .Topic {
  font-size: 18px;
  color: #444;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  margin-bottom: 4px;
}
.checkOutAvailableOption .Right .Price {
  font-size: 16px;
  color: #7ed320;
}
.checkOutAvailableOption .Left .Quantity {
  font-size: 25px;
  color: #7ed320;
  margin-right: 13px;
  font-weight: 600;
  position: relative;
}
.view_cart_item {
  color: #666;
  padding: 10px 0 5px 0;
  text-align: left;
  display: inline-block;
  background: linear-gradient(to bottom, transparent 34px, #ccc 5px);
  font-size: 14px;
}
.view_cart_item:focus-within,
.view_cart_item:focus,
.view_cart_item:hover {
  color: #000;
}
.checkOutCartEarn {
  margin: 0 30px;
}
.checkOutCartEarn .Icon {
  width: 25px;
  height: 25px;
  /*overflow: hidden;*/
  display: inline-flex;
  align-items: center;
  margin-right: 15px;
  animation: animatePop 1s infinite linear;
}
.checkOutCartEarn div {
  margin-top: 20px;
  background-color: #fffdf0;
  border: 1px solid #fd0;
  /*line-height: 40px;*/
  padding: 15px 30px;
  font-size: 14px;
  font-weight: 500;
  color: #ffa700;
  text-align: left;
  display: flex;
  align-items: center;
  border-radius: 3px;
}
.checkOutCartEarn .popCount {
  animation: animatePop 1s infinite linear;
  display: inline-block;
  color: #f00;
}
.checkOutReady {
  padding: 10px 30px;
}
.checkOutReady .cartCheckout {
  border-radius: 3px;
  border: 1px solid #e4e4e4;
  box-shadow: none;
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.checkOutReady .couponForm {
  width: 100%;
  padding: 2px 0 2px 0;
  /*margin-bottom: 15px;*/
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkOutReady .couponForm input[type="text"] {
  border: 0 none !important;
  line-height: inherit;
  max-width: 100%;
  display: inline-block;
  font-size: 15px;
  background: #f1f2f3;
  padding: 0 14px;
  margin-right: 15px;
  border-radius: 4px;
  height: 50px;
  box-shadow: 0px 1px 3px 0px rgba(64,64,64,0.15);
  overflow: hidden;
}
.checkOutReady .couponForm .applyCoupon {
  color: #fff;
  border: initial;
  padding: 10px 35px;
  border-radius: 5px;
  font-weight: normal;
  background: #666;
  box-shadow: 0 1px 2px 0 rgba(32,32,36,.12);
  height: 50px;
  flex-grow: 1;
}
.checkOutBill {
  color: #000;
  /*cursor: pointer;*/
  position: relative;
  z-index: 1;
  margin: 15px 0 0 0;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e4e4e4;
}
.checkOutBill .checkOutBillOption {
  width: 100%;
  padding: 10px 15px;
  display: block;
  font-weight: 500;
  font-size: 17px;
  border-bottom: 1px solid rgba(157, 157, 157, 0.21);
}
.checkOutBill .checkOutBillOption:last-child {
  border-bottom: 0;
}
.checkOutBill .checkOutBillLabel {
  display: inline-block;
  width: calc(60% - 1%);
}
.checkOutBill .checkOutBillCount {
  width: calc(40% - 1%);
  text-align: right;
  display: inline-block;
}


/*Check Out Card*/
.checkOutCard {
  padding: 20px 10px;
  border-radius: 3px;
  background: #fff;
  transition: .15s ease-out;
}
.checkOutCard:not(:first-child) {
  margin-top: 50px;
}
.checkOutCard .Content {
  padding: 30px 0;
}
.checkOutStep {
  display: flex;
  align-items: center;
}
.checkOutCard .checkOutStep .checkOutStepBtn {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #7ed320;
  border: 0;
  border-radius: 50px;
  color: #fff;
}
.checkOutCard .checkOutStepHeading {
  color: #000000;
  display: block;
  padding: 0 0 30px 0;
  width: 100%;
  font-weight: 500;
  font-size: 30px;
}
.checkOutStepList {
  display: block;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  margin-bottom: 10px;
}
.checkOutStepList:hover,
.checkOutStepList.active {
  box-shadow: 0 4px 12px 0 rgba(32,33,37,0.06);
}
.checkOutStepLabel {
  position: relative;
  padding: 15px 15px;
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid rgba(0,0,0, .06);
  cursor: pointer;
}
.checkOutStepLabel::after {
  content: '';
  position: absolute;
  right: 20px;
  height: 25px;
  width: 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath fill='%23000' d='M8.5 20a.5.5 0 01-.365-.841L14.815 12 8.136 4.841a.5.5 0 11.729-.681l7 7.5c.18.192.18.49 0 .682l-7 7.5a.494.494 0 01-.365.16'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: .15s ease-out;
}
.checkOutStepList.active .checkOutStepLabel::after {
  transform: rotate(-90deg);
}
.checkOutStepList.active.checkOutStepLabel {
  border-bottom: 0;
}
.checkOutStepLabel .Icon {
  font-size: 35px;
  padding-right: 15px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  transition: .15s ease;
}
.checkOutStepLabel .Icon .Image {
  height: 35px;
  width: 45px;
  display: flex;
  align-items: center;
  transition: .15s ease;
  background-size: contain;
  background-repeat: no-repeat;
}
.checkOutStepLabel .midSection {
  display: block;
}
.checkOutStepLabel .l1 {
  display: block;
  font-weight: 500;
  font-size: 16px;
  transition: .15s ease;
}
.checkOutStepLabel .l2 {
  display: block;
  font-size: 13px;
  color: #666;
}
.checkOutStepList.active .Icon,
.checkOutStepList.active .l1  {
  color: #7ed320;
}
.checkOutStepList .CheckOutStepOptions {
  height: 0;
  overflow: hidden;
  transition: height .15s ease;
}
.checkOutStepList.active .CheckOutStepOptions {
  height: auto;
}
.checkOutStepItem {
  display: block;
  padding: 20px 16px;
  background: #f6f7f8;
}
.checkOutStepItem:not(:first-child) {
  border-top: 1px solid #e4e4e4;
}
.checkOutStepItemAction {
  display: flex;
  align-items: center;
  color: #000;
}
.checkOutStepItemAction:hover {
  color: #7ed320;
}
.checkOutStepItemAction .Icon {
  font-size: 36px;
  color: #000 !important;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  position: relative;
  top: -2px;
}
.checkOutWallet {
  cursor: pointer;
  padding: 10px 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
}
.checkOutWallet .Icon {
  width: 50px;
  height: 50px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
}
.checkOutWallet .checkOutWalletLabel {
  margin-left: 14px;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
  min-height: 50px;
}
.checkOutWallet .checkOutWalletLabel .l1 {
  font-size: 20px;
  color: #282c3f;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.checkOutWallet .checkOutWalletLabel .l2 {
  font-size: 16px;
  color: #7ed320;
}

/*Order View Container*/
.orderViewContainer {}
.orderViewTop {
  padding: 40px 0 40px 0;
  position: relative;
}
.orderViewTop .Heading {
  padding: 100px 0 0 0;
  position: relative;
  z-index: 1;
}
.orderViewContainer .orderViewTop .Heading .l1 {
  font-size: 60px;
  font-weight: 600;
  display: block;
}
.orderViewContainer .orderViewTop .Heading .l2 {
  font-size: 16px;
  font-weight: normal;
  display: inline-block;
  opacity: 1;
  background: rgba(255,255,255, .9);
  border-radius: 3px;
  border: 2px solid #fff;
  box-shadow: 0 1px 3px rgba(32, 33, 37, 0.21);
  padding: 5px 15px;
}
.orderViewDetail {
  position: relative;
  padding: 20px 0 50px 0;
}
.orderViewDetail .customerInformation .Option {
  margin-right: 0;
  margin-bottom: 10px;
}
.orderViewDetail .customerInformation .Option .Item {
  margin-right: 25px;
  display: block;
  margin-bottom: 6px;
}
.orderViewDetail .customerInformation .Option .label {
  font-size: 16px;
  font-weight: 500;
}
.orderViewDetail .customerInformation .Option .desc {
  padding-top: 0.1rem;
  font-size: 15px;
  font-weight: 400;
  color: #666;
}
.orderViewTimeStatus {
  display: block;
  position: relative;
  width: 100%;
}
.orderViewTimeStatus .orderViewTimeBox {
  position: absolute;
  z-index: 4;
  /*display: inline-flex;*/
  border-bottom: 1px solid #e4e4e4;
  background: #fff;
  right: 40px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.orderViewTimeStatus .orderViewTimeBox ,
.orderViewTimeStatus .orderViewTimeBox .TimeWrap {
  max-height: 80px;
  max-width: 80px;
  min-height: 80px;
  min-width: 80px;
}
.orderViewTimeStatus .orderViewTimeBox .ani-1 {
  content: '';
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #fff;
  border-radius: 50%;
  transform: scale(1);
  animation: ani_one 1.8s infinite linear;
  -webkit-animation-delay:.6s
}
.orderViewTimeStatus .orderViewTimeBox .ani-3 ,
.orderViewTimeStatus .orderViewTimeBox .ani-2 {
  content: '';
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #7ed320;
  border-radius: 50%;
  transform: scale(1);
}
.orderViewTimeStatus .orderViewTimeBox .ani-2 {
  animation: ani_two 1.8s infinite linear;
  background: #7ed320;
  animation-delay:.3s;
  -webkit-animation-delay:.3s
}
.orderViewTimeStatus .orderViewTimeBox .ani-3 {
  animation: ani_two 1.8s infinite linear;
  animation-delay:.6s;
  -webkit-animation-delay:.6s
}
.orderViewTimeStatus .orderViewTimeBox .TimeWrap {
  font-weight: 600;
  color: #7ed320;
  font-size: 20px;
}
.orderViewTimeStatus .orderViewTimeBox .TimeWrap {
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  overflow: hidden;
  text-align: center;
  line-height: 22px;
}
.orderViewCartList {
  list-style: none;
  padding: 0;
}
.orderViewCartItem {
  position: relative;
  display: flex;
  align-items: start;
  border-bottom: 1px solid #e4e4e4;
  padding: 30px 0;
}
.orderViewCartItem .Quantity {
  font-size: 31px;
  font-weight: 600;
  margin-right: 10px;
  color: #7ed320;
}
.orderViewCartItem .midContent {
  flex-grow: 1;
}
.orderViewCartItem .midContent .l1 {
  display: block;
  font-size: 20px;
  font-weight: 600;
}
.orderViewCartItem .midContent .l2 {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #7ed320;
}
.orderViewCartItem .leftThumb {
  flex-grow: 1;
  display: block;
  min-width: 100px;
  min-height: 70px;
  max-width: 100px;
  max-height: 70px;
  border-radius: 3px;
  overflow: hidden;
}
.orderViewCartItem .leftThumb img {
  width: 100%;
  height: 100%;
}
.orderViewOption {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
  padding: 15px 0;
  justify-content: right;
}
.orderViewOption .lLabel {
  font-weight: 600;
  font-size: 20px;
  padding-right: 15px;
  word-break: break-all;
}
.orderViewOption .lCount {
  min-width: 100px;
  text-align: right;
  font-size: 20px;
  margin-left: auto;
}
.orderViewOption.Total {
  font-weight: 600;
  color: #7ed320;
}
.orderViewCartList li:last-child {
  border-bottom: 0;
}
.orderProcessMap {
  position: absolute;
  border-radius: 3px;
  overflow: hidden;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(0,0,0, .1);
}
.orderProcessMap::before {
  position: absolute;
  z-index: 1;
  content: '';
  pointer-events: none;
  border-radius: 3px;
  overflow: hidden;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  background-image: linear-gradient(to top, rgba(255,255,255) 2px, transparent 95px);
}
.orderProcessStatus {
  width: 100%;
  box-shadow: 0 6px 25px rgba(0,0,0, 0.15);
  border-radius: 0 0 15px 15px;
  padding: 30px;
  margin-bottom: 30px;
  background-color: #fff;
}
.orderProcessCard {
  padding: 20px 10px;
  border: 1px solid rgba(0,0,0, .06);
  box-shadow: 0 8px 24px 0 rgba(32,33,37,0.12);
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #fff;
}
.orderViewStatus {
  position: sticky;
  position: -webkit-sticky;
  top: 20px;
  z-index: 3;
}
.orderViewStatusContainer {
  position: relative;
  border: 1px solid #fafafa;
  z-index: 1;
  box-shadow: 0 8px 24px 0 rgba(32,33,37,0.12);
  background: #fff;
  border-radius: 3px;
}
.orderViewRestaurant {
  cursor: pointer;
  padding: 30px 15px 30px 15px;
  display: -ms-flexbox;
  display: flex;
  min-height: 90px;
  border-bottom: 1px solid rgba(0,0,0, .1);
}
.orderViewRestaurant .Logo {
  width: 70px;
  height: 70px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50px;
  background-color: #f1f1f1;
}
.orderViewRestaurant .Title {
  margin-left: 14px;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
  min-height: 50px;
}
.orderViewRestaurant .Title .rName {
  font-size: 25px;
  color: #282c3f;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.orderViewRestaurant .Title .rLocation {
  font-size: 18px;
  color: #686b78;
  position: relative;
}
.orderViewStatusCard {
  padding: 15px 20px;
  position: relative;
  margin-bottom: 0;
  display: flex;
  align-items: start;
}
.orderViewStatusCard .statusCardIcon {
  height: 70px;
  margin-right: 20px;
}
.orderViewStatusCard.box-fade-out .statusCardIcon {
  filter: grayscale();
}
.orderViewStatusCard .statusCardIcon img {
  height: 100%;
}
.orderViewStatusCard .Content {
  padding: 0 15px 0 0;
}
.orderViewStatusCard .Content .Heading {
  display: block;
  font-size: 22px;
  font-weight: 600;
  color: #7ed320;
}
.orderViewStatusCard.box-fade-out .Content .Heading {
  color: #000000;
}
.orderViewStatusCard.fail .Content .Heading {
  color: #f00;
}
.orderViewBody {
  padding: 50px 0 100px 0;
  position: relative;
  top: -120px;
}
.orderViewCart {
  margin-top: 150px;
}
.orderViewCartTitle {
  display: block;
  font-size: 30px;
  font-weight: 600;
}
.orderViewCartTable {
  display: block;
  margin: 20px 0;
  border: 0;
}
.orderViewCartTotal .Label {
  font-size: 30px;
  font-weight: 600;
  color: #7ed320;
}
/*Order Status Action*/
.orderViewStatusAction {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0 0 0;
  padding: 0 15px 20px 20px;
}
.orderViewStatusAction button {
  background: #ccc;
  border: 0;
  flex-grow: 1;
  padding: 15px 0;
  border-radius: 10px;
}
.orderViewStatusAction button.danger {
  background: #e5e5e5;
  color: #000;
}
.orderViewStatusAction button.primary {
  background: #7ed320;
  color: #fff;
}
.orderViewStatusAction button:not(:last-child) {
  margin-right: 12px;
}


/*Order Status Action*/
.orderViewStatusAction {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0 0 0;
  padding: 0 15px 20px 20px;
}
.orderViewStatusAction button {
  background: #ccc;
  border: 0;
  flex-grow: 1;
  padding: 15px 0;
  border-radius: 10px;
}
.orderViewStatusAction button.danger {
  background: #e5e5e5;
  color: #000;
}
.orderViewStatusAction button.primary {
  background: #7ed320;
  color: #fff;
}
.orderViewStatusAction button:not(:last-child) {
  margin-right: 12px;
}
@media(max-width: 992px) {
  .orderViewBody { 
    top: 0;
  }
  .orderViewCart {
    margin-top: 0;
  }
}


/*Review List*/
.reviewList {
  position: relative;
  display: block;
}
.reviewList .reviewItem {
  padding: 0 0 10px 0;
  border-bottom: 1px solid rgba(0,0,0, .1)
}
.reviewList .reviewItem:not(:first-child) {
  padding: 40px 0;
}
.reviewHeader {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.restaurantReviewer {
  display: flex;
  display: -webkit-flex;
}
.reviewerAvatar {
  height: 45px;
  width: 45px;
  border-radius: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 13px;
}
.reviewerBio .l1,
.reviewerBio .l2 {
  display: block;
}
.reviewerBio .l1 {
  font-weight: 600;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.reviewBodyPara {
  padding: 15px;
  font-size: 15px;
  color: #666;
}
@media(max-width: 992px) {
  .reviewHeader {
    flex-direction: column;
  }
}

/*Rating Animation*/
.ratingAnimationWrap {
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
}
.ratingAnimation {
  position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background .6s ease;
}
.ratingAnimation.Rated img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ratingAnimationWrap .rating {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ratingAnimationWrap .rating span {
  font-size: 30px;
  font-weight: 600;
}

/*My Wallet*/
.myWallet {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.21);
  border-radius: 5px;
  margin-bottom: 35px;
}
.myWalletIcon {
  position: relative;
  height: 45px;
  width: 45px;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
}
.myWalletLabel {
  font-weight: 400;
  font-size: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.myWalletAmount {
  color: #7ed320;
  font-weight: 600;
  font-size: 20px;
}
.topUp {
  display: block;
}
.topUp .topUpLabel {
  font-weight: 600;
  font-size: 20px;
}
.topUpList {
  margin: 25px 0;
  display: block;
}
.topUpList .topUpItem {
  display: inline-block;
  padding: 10px 30px;
  border-radius: 15px;
  background: #eaffd2;
  color: #7ed320;
  border-width: 1.5px;
  border-style: solid;
  border-color: transparent;
  font-weight: 600;
}
.topUpList .topUpItem:not(:last-child) {
  margin-right: 12px;
}

.topUpList .topUpItem.selected { 
  border-color: #7ed320;
}
.topUpInput input {
  display: block;
  padding: 15px 20px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.21);
  margin-bottom: 20px;
  border-radius: 5px;
  border: 0;
  width: 100%;
}
.topUpCard .button {
  position: relative;
  background: linear-gradient(45deg, #787e87, #5f6165);
  padding: 15px 25px;
  border-radius: 5px;
  width: 100%;
  color: #fff;
  border: 0;
  text-align: left;
  box-shadow: 0px 1px 2px rgba(0,0,0, .2);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.topUpCard .button.active {
  background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);
}
.topUpCard .button .cardCheck span {
  color: #fff;
}
.topUpCard .button .ui-checkbox > input:checked + span::before {
  border-color: #fff;
  background-color: #fff;
}
.topUpCard .button .ui-checkbox > input:checked + span::after {
  border-color: #7ed320;
}

/*Default Page*/
.defaultPage {
  position: relative;
}
.defaultPageHeader {
  background: #e4e4e4;
  padding: 150px 0 50px 0;
  border-bottom: 1px solid #e4e4e4;
  background-size: cover;
  background-position: center;
}
.defaultPageHeader .pageHeading .Heading {
  font-size: 50px;
  color: #222;
  font-weight: 600;
}
.defaultPageBody {
  padding: 50px 0 150px 0;
}




/**********************************/
.flashmessage {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 13px 25px;
    padding-right: 65px;
    font-size: 14px;
    border-radius: 5px;
    position: fixed;
    top: -65px;
    left: 7%;
    width: 86%;
    transition: all 1s cubic-bezier(1, -0.01, 0, 0.99) 0s;
    z-index: 1000;
}

.flashmessage.show {
    display: block!important;
    top: 10px;
}
.flashmessage.hidden {
    top: -65px;
}
.flashmessage-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 13px 25px;
    padding-right: 65px;
    font-size: 14px;
    border-radius: 5px;
    position: fixed;
    top: -65px;
    left: 7%;
    width: 86%;
    transition: all 1s cubic-bezier(1, -0.01, 0, 0.99) 0s;
    z-index: 1000;
}

.successErrorClose {
    top: 0;
    right: 0;
    position: absolute;
    padding: 10px 25px;
    background-color: transparent;
    border: 0;
    color: inherit;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    opacity: 0.4;
}
.flashmessage-error.show-error {
    display: block!important;
    top: 10px;
}
.flashmessage-error.hidden {
    top: -65px;
}
span.error {
    color: #c30000;
    font-size: 12px;
}
span.error a{
    color: #c30000;
}
span.success {
    color: #155724;
    font-size: 12px;
}

#mainLoginFromError {
    text-align: center;
    display: block;
    font-size: 15px;
}
#otpErr.success{
  color: #155724;
}

.pac-container{
  border-radius: 8px !important;
  z-index: 200000;
}
.pac-item {
  /*display: flex !important;*/
  align-items: center !important;
  padding: 10px !important;
  color: rgba(32,33,37,0.87) !important;
  /*font-size: 1rem !important;*/
  overflow: hidden !important;
  word-break: break-all !important;
  cursor: pointer !important;
  white-space: break-spaces !important;
  line-height: inherit !important;
  color: rgba(32,33,37,0.87) !important;
}
.pac-item:hover {
  background: #eff5f0 !important;
}
.pac-icon-marker{
  display: none !important;
}
.pac-item-query::after{
  /*content: "\A";*/
}
.pac-item-query{
  font-size: 16px;
  color: rgba(32,33,37,0.87) !important;
}
.pac-item span:last-child{
  /*font-size: 12px;*/
}
.pac-matched{
  color: #000;
}
.day_rem{
  font-size: 14px;
}

/*Map in colorbox start*/
#map {
  height: 87%;
  width: 100%;
}
.map-from-group {
    width: 87%;
}
#pin_point_location {
    width: 92% !important;
}
.form-inline.map-from {
    margin-bottom: 10px;
    position: relative;
}
.form-inline.map-from button {
    position: absolute;
    right: 0;
    z-index: 1;
    top:0;
    letter-spacing: normal;
    text-transform: none;
    border-color: #ccc;
}
/*Map in colorbox end*/

#colorbox, #cboxOverlay, #cboxWrapper{
  z-index: 200001;
}
.locatemeicon-btn{
  cursor: pointer;
}
#cityList, #locationList{
  width: 100%;
}
#cityList select, #locationList select{
  width: 100%;
}
#card-number, #exp-date, #cvv{
  height: 56px;
}
.add-card-btn{
    width: auto;
    padding: 0 30px;
    border-radius: 4px;
    margin-left: auto;
    color: #fff;
    font-weight: 500;
    background-color: #7ed320;
    text-align: center;
    cursor: pointer;
    position: relative;
    border: 0;
    font-size: 40px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 350ms ease;
}
.add-card-btn:hover, .add-card-btn:focus {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
    color: #FFFFFF;
}
.add-card-btn span{
  font-size: 16px;
}
.add-card-btn:active {
    transform: scale(.90);
}
.list_card_number{
  font-size: 20px;
  font-weight: 600;
  padding: 0 0 0.5rem 0;
  margin: 0;
}
.list_card_validity{
  font-size: 15px;
  padding: 0 0 0.5rem 0;
  opacity: .6;
}
.creditCardInfoItem{
  padding: 25px 20px;
  color: #000;
  border: 1px solid rgba(32,33,37,0.12);
  border-radius: 3px;
  height: 100%;
  margin-bottom: 10px;
}
.credit-left{
  width: 49%;
  display: inline-block;
}
.credit-right{
  display: inline-block;
  float: right;
}
.creditCardInfoLabel{
  font-size: 20px;
  font-weight: 400;
  overflow: hidden;
}
.creditCardInfoLabel .alt {
    font-size: 12px;
    display: block;
    font-weight: normal;
    opacity: .5;
    text-overflow: ellipsis;
    overflow: hidden;
}
.creditCardInfoItem ul{
  list-style: none;
  margin-top: 30px;
  padding: 0;
}
.creditCardInfoItem .profileAddressItem{
  display: flex;
  flex: 1;
  margin-bottom: 15px;
}
.loadMoneyBtnText{
  font-size: 12px;
  display: block;
  font-weight: normal;
  opacity: .5;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}
span.loadMoneyOuter{
  display: inline-block;
  margin-left: 15px;
}
.load_money_card input[type="radio"]{
  display: none;
}
.load_money_card input[type="radio"]:checked+label .Icon {
  background-color: #7ed320;
}
.load_money_card input[type="radio"]:checked+label .Icon i{
  color: #FFFFFF;
}
.load_money_card{
  margin-top: 20px;
  position: relative;
}
.load_money_card label{
  margin: 0;
  cursor: pointer;
}

.review-outer-main{
    display: inline-block;
    vertical-align: bottom;
}
.review-label-text{
    display: block;
    font-size: 12px;
    text-align: center;
}
.review_rating_outer {
    display: inline-block;
    height: 16px;
    margin: 0 0 0 10px;
    position: relative;
    width: 100px;
}
.review_rating_grey {
    background: rgba(0, 0, 0, 0) url("../../../images/stargreyhover.png") no-repeat scroll left center;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.review_rating_green {
    background: rgba(0, 0, 0, 0) url("../../../images/staryellowhover.png") no-repeat scroll left center;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}
.stars-outer{
    display: inline-block;
    float: right;
}
.stars {
    background: url(../../../images/stargreyhover.png) repeat-x;
    width: 96px;
    float: right;
    margin-top: 2px;
    transform: scale(1.2);
}

.stars input[type="radio"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.stars label {
    display: block;
    width: 19px;
    height: 19px;
    padding: 0!important;
    text-indent: -999em;
    float: left;
    position: relative;
    z-index: 10;
    background: transparent!important;
    cursor: pointer;
    margin-bottom: 0;
}

.stars label:hover ~ span {
    background: url(../../../images/staryellowhover.png) repeat-x
}

.stars .star-5 + label:hover ~ span {
    width: 100%!important
}

.stars .star-4 + label:hover ~ span {
    width: 80%!important
}

.stars .star-3 + label:hover ~ span {
    width: 60%!important
}

.stars .star-2 + label:hover ~ span {
    width: 40%!important
}

.stars .star-1 + label:hover ~ span {
    width: 20%!important
}
.stars span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 18px;
    background: url(../../../images/staryellowhover.png) repeat-x;
    -webkit-transition: -webkit-width .5s;
    -moz-transition: -moz-width .5s;
    -ms-transition: -ms-width .5s;
    -o-transition: -o-width .5s;
    transition: width .5s;
    width: 0;
}
.stars input[type="radio"].star-5:checked ~ span {
    width: 100%
}

.stars input[type="radio"].star-4:checked ~ span {
    width: 80%
}

.stars input[type="radio"].star-3:checked ~ span {
    width: 60%
}

.stars input[type="radio"].star-2:checked ~ span {
    width: 40%
}

.stars input[type="radio"].star-1:checked ~ span {
    width: 20%
}
.stars label:first-child{
  margin-left: 0;
}
.divide-review-section {
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
}
.timer-delivery-text, .timer-min-text{
    font-size: 9px;
    font-weight: normal;
    line-height: 12px;
    display: block;
}
.timer-date{
    font-size: 10px;
    line-height: 12px;
}
.timer-delivery-time{
    font-size: 16px;
}
.timer{
    display: none;
}
.subaddon-outer{
    font-weight: normal;
    font-size: 12px;
}
.hide {
     display: none!important; 
}
.carousel-cell a{
  color: #000000;
}
.exploreTopSliderCard label{
  display: unset;
}
.foodExploreCardCaption img{
  display: unset;
}
.closedOverlay{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(32,33,37,0.65);
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  color: #FFFFFF;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.restaurantProfileContent .paragraph{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.menuFoodOptionItem .menuFoodDishCart{
  margin-top: 0px;
  float: right;
}
.menuFoodOptionItem .menuFoodDishCart button{
  height: 30px;
  width: 30px;
  font-size: 17px;
}
.menuFoodOptionLabel small{
  line-height: 24px;
  border: none;
  width: 150px;
}
.menuFoodOptionItemOption .subaddon_quantity{
  color: #7ed320;
  border: 0;
  width: 50px;
  padding: 0;
  display: none;
}
.menuFoodOptionItemOption .zwicon-close{
  /*display: none;*/
}
.menuFoodDishPriceCart .menuFoodDishCart{
  float: right;
}
.no-background{
  background: none !important;
}
.submenu-addon.error {
  color: #c30000;
  font-size: 12px;
  line-height: 24px;
  margin-left: auto;
  text-align: right;
  font-weight: normal;
}
.menuFoodOptionItemOption .zwicon-close{
  display: none;
}
.subAddons {
    font-size: 12px;
    color: #999;
}
.itemMainQuantity{
  color: #7ed320;
  border: 0;
  width: 50px;
  padding: 0;
  background: none;
}
.openHourTimeline span {
    width: 160px;
    display: inline-block;
}
.surcharge-reason{
  font-size: 10px;
}
.navigation-cart-icon{
  font-size: 25px;
  padding: 0 15px;
}
.cart-count-badge{
  background-color: #7ed320;
  padding: 7px 4px;
  width: 19px;
  height: 19px;
  display: block;
  line-height: 7px;
  border-radius: 50%;
  font-size: 9px;
  text-align: center;
  position: absolute;
  right: 17px;
  top: 0px;
  color: #FFFFFF;
}

.restaurantTimeStatus .tooltiptext {
  display: none;
  width: 220px;
  background-color: black;
  color: #fff;
  background: #202125;
  text-align: center;
  border-radius: 6px;
  padding: 10px 5px;
  position: absolute;
  z-index: 1;
  font-size: 13px;
  left: -47px;
  top: 55px;
}

.tooltipArrow {
  position: absolute;
  box-sizing: border-box;
  background: #202125;
  left: 48%;
  transform: rotate(45deg);
  width: 15px;
  height: 15px;
  top: -8px;
}
.restaurantTimeStatus:hover .tooltiptext, .restaurantTimeStatus:hover .tooltipArrow {
  /*display: block;*/
}
.checkOutContainer .cartCheckout button{
  padding: 15px 33px;
}
.wallet-sec img{
  width: 20px;
}
.pay-from-wallet-amount{
  top: 20px;
  right: 16px;
  position: absolute;
  text-align: right;
}
.checkOutStepItem{
  position: relative;
}
.checkOutContainerWrap .add-card-btn{
  width: 190px;
  height: 40px;
  width: fit-content;
  padding: 0 15px;
  font-size: 30px;
}
.checkOutContainerWrap .load_money_card{
  margin-top: 0;
}
.checkOutContainerWrap .checkOutCard .Content{
  padding: 0;
}
.checkOutStepList.active .profileAddressItem .Icon{
  color: #666;
}
.map-from button{
  flex: 1;
  margin-left: 4px;
  -webkit-margin-start: 4px;
  margin-inline-start: 4px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  cursor: pointer;
  margin-left: 1rem;
  box-shadow: 0 0 8px 0 rgba(32,33,37,0);
  padding: 6px 28px;
  background-image: none;
  background-color: #7ed320;
  border: none;
  color: #FFFFFF;
  font-weight: 500;
}
.map-from button:hover{
  color: #FFFFFF;
}
#pin_point_location.error{
  border: 1px solid #c30000;
}
.mask_checkout {
    float: left;
    width:100%;
    position: relative;
}
.mask_checkout:before {
    background: #333 none repeat scroll 0 0;
    color: #eee;
    content: "Restaurant Closed";
    font-size: 16px;
    height: 30px;
    left: calc(50% - 85px);
    line-height: 30px;
    position: absolute;
    text-align: center;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
    top: calc(50% - 15px);
    /*width: 170px;*/
    padding: 0px 10px;
    z-index: 2;
}
.mask_checkout:after {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#initialmap #map_canvas {
    height: 300px!important;
}

.field-disabled, .field-readonly{
    color: #cccccc !important;
    cursor: not-allowed !important;
}

.checkOutBillCount .zwicon-close-circle{
  color: #c30000;
}

a.menuFoodDishItemWrap.noimage .menuFoodDishThumbHolder {
    display: none;
}

a.menuFoodDishItemWrap.noimage .menuFoodDishDesc {
    padding-left: 3px;
}

.menuFoodDishItemWrap.focused.noimage .menuFoodDishBigThumb {
    display: none;
}

#resendOption {
    color: #7ed320;
    cursor: pointer;
}

.mobileCart {
    display: none;
}

@media only screen and (max-width: 600px) {
  .searchPlaceWrapper .searchPlaceButton {
      padding: 0 0;
  }

  .searchHeader {
      border-bottom: 0px solid rgba(32,33,37,0.12) !important;
      box-shadow: 0px 0px 0px rgba(0,0,0, .05) !important;
  }

  .searchHeader .delOption {
      display: block !important;
  }

  .searchHeader .delOption .delOptionItem {
      padding: 0 !important; 
  }

  .searchHeader .delOption .delOptionItem + .delOptionItem {
    border-left: 0px solid rgba(32,33,37,0.12) !important;
    text-align: right;
  }

  .mainSlider {
      margin: 90px 0 !important;
  }

  .foodExplore .foodExploreHeader .mainTitle {
    white-space: inherit !important;
  }

  .restaurantProfileContent {
    padding-top: 1rem;
  }
  .returnTop.ready.mobileCart {
    bottom: 7rem !important;
    display: block;
    font-size: 22px;
  }
  .returnTop.ready{
    bottom: 4.5rem !important;
  }
  .restaurantTimeStatus a {
    width: 100%;
    text-align: center;
  }
  .ratingAnimationWrap {
    display: inline-block;
    width: 100%;
  }
  .openHourTimeline {
    float: right;
    text-align: right;
  }
  .openHourTimeline .mr-2 {
    margin-right: 0 !important;
  }
}

.disableItemOverlay{
    position: absolute;
    width: calc(100% + 24px);
    height: 100%;
    background-color: #e6e6e6;
    opacity: .3;
    border-radius: 5px;
    top: 0;
    left: -12px;
    z-index: 1;
}
.not-in-stock .Title,
.not-in-stock .Paragraph,
.not-in-stock .menuFoodDishPrice,
.not-in-stock .itemMainQuantity,
.not-in-stock .menuFoodOptionLabel{
    color: #c5c5c5;
}

#stripe-card-button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}
li.footerListItem.poweredby a {
    display: block;
}
li.footerListItem.poweredby h2 {
    font-size: 13px;
    font-style: italic;
}

li.footerListItem.poweredby {
    margin-top: 70px;
    margin-bottom: 0;
    opacity: 0.7;
}

li.footerListItem.poweredby span {
    font-size: 10px;
    font-style: italic;
}
li.footerListItem.poweredby img.footerAppDownloadIcon {
    width: 100px !important;
}
#menu_checkout_mobile {
    margin-bottom: 20px;
}
.trans-help-text{
    padding: 1rem 1.5rem;
    background-color: rgb(248, 248, 248);
    border-radius: 0.5rem;
    font-size: 14px;
}
.langDropdownGo{
    color: #aaa;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 34px;
    width: 170px;
    padding: 0 20px 0 10px;
    margin-top: 5px;
}
.langChangeLink{
    cursor: pointer;
    color: #7ed320;
    font-size: 14px;
    margin-top: 5px;
}
.footer-cart{
  display: none !important;
}


  /********/
  .mylocation-use{
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 8px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial,sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    /* -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden; */
    width: 100%;
    top: 58px;
  }
  .mylocation-use i{
    font-size: 24px;
    color: #7ed320;
  }
  .mylocation-use-item{
    padding: 14px ;
    color: rgba(32,33,37,0.87) ;
    cursor: pointer ;
    line-height: inherit ;
    color: rgba(32,33,37,0.87) ;
  }
  .mylocation-use-item span{
    font-size: 1rem ;
  }
  .mylocation-use-item:hover span{
    color: #7ed320;
  }
  .mylocation-use-item:hover i{
    color: #292929;
  }
@media(max-width: 412px) {
  .footerListItem.footerList-img-inner {
    float: left;
  }
  .footerWidget {
    text-align: left;
  }
  .footerWidget .footerLabel {
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
    color: #202125;
  }
  .footerWidget .footerList {
    display: inline;
    float: left;
  }
  .footerWidget .footerList .footerListItem .footerAppDownloadIcon{
      width: 136px;
      display: inline;
  }
  .footerWidget .footerList .footerListItem:not(.poweredby) a {
    display: inline;
    color: #222;
    text-decoration: none;
    font-size: 12px;
    margin-right: 0.5rem;
  }
  li.footerListItem.poweredby{
    margin-top: 40px;
  }
  footer{
    padding: 1.2rem 0 ;
    background-color:#f8f8f8;
  }
  .aboutSectionCard .leftWidget h2, .downloadApp .widget .title {
    font-size: 26px;
    line-height: 1.5;
  }
  .aboutSectionCard .leftWidget p, .downloadApp .widget .paragraph {
    line-height: 1.71;
    margin-bottom: 0;
    font-size: 14px;
  }
  .downloadAppWidget {
    padding: 20px 0;
  }
  .moreSection .title h1 {
    margin-bottom: 36px;
    font-size: 26px;
    padding: 0 4px;
  }
  .searchPlaceWrapper .searchPlaceForm .searchPlaceInput {
    padding: 10px;
    font-size: 12px;
  }
  .searchPlaceWrapper .searchPlaceButton {
    font-size: 12px;
  }
  .searchPlaceButton .searchPlaceIcon {
    font-size: 23px;
  }
  header.masthead{
    padding-bottom: 0 !important;
    padding-top: 40px;
  }
  .aboutSection{
    padding: 20px 0;
  }
  .aboutSectionCard .leftWidget {
    padding: 20px 10px;
  }
  .aboutSectionCard .leftWidget h3 {
    margin-bottom: 10px;
  }
  .aboutSectionCard .leftWidget h2 {
    margin-bottom: 20px;
  }
  .moreSection {
  
    padding: 50px 0;

  }
  .footerWidget .footerLabel {
    margin-bottom: 10px;
  }
  .moreCardThumb img {
    height: 340px;
  }
  .moreCardThumb {
    height: auto;
  }
  .moreCardBody .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: initial;
    padding-bottom: 16px;
    margin: 0;
    color: #000;
    text-shadow: none;
  }
  .moreCardBody {
    padding: 20px 10px;
  }
  .moreCard.c-1 .moreCardBody {
    background: rgba(255, 255, 255, 0.57);
  }
  header.masthead .header-content {
    margin-bottom: 50px;
  }
  .footerList-img{
    width: 100%;
  }
  .footerList-img-inner{
    width: 50%;
  }
  .footerList-img-inne img{
    width: 100%;
  }


  #searchInput{
    text-align: right;
  }
  .searchFood .icon{
    position: absolute;
    right: 0;
    left: auto;
    top: 2px;
    max-width: 2.5rem;
  }
  .sliderButton > .d-block{
    float: right;width: 60%;
  }
  .foodExplore .foodExploreHeader{
    align-items: inherit;
  }
  .foodExplore .foodExploreHeader .sliderButton{
    display: block;
  }

  
  /*****search***/

 
  .searchHeader .delOption {
    margin-top: 30px;
  }



  .exploreTop, .foodExplore {
    padding: 20px 0 10px 0;
  }

  .mainSliderCaption .h1 {
      font-size: 26px;
  }
  .mainSlider {
    margin: 30px 0 !important;
  }
  .footer-cart {
    display: block !important;
    position: fixed;
    bottom: 0;
    width: 100%;
  
    background: #00000091;
    z-index: 9;
  }
  .footer-cart p{
    font-size: 14px;
    color: #fff !important;
    padding: 10px;
    margin-bottom: 0;
  }
  .footer-cart p i{
    font-size: 23px;
  }
  .footer-cart-1{
    background-color: #7ed320;
    color: #fff;
    
  }
  .footer-cart-2{
    background-color: #538234;
  }
  .mobile-checkout{
    line-height: 40px;
    text-align: center;
  }
  .mobile-checkout a{
    color: #fff;
  }
  /* header.masthead .headImg {
    display: inline-block;
  } */

  .fix-main-menu{
    position: fixed;
    top: 0 !important;
    z-index: 999;
    background: #e6e9ef;
    width: 100%;
    padding: 20px 30px 0 10px;
    color: white;
    left: 0;
  }

  .mylocation-use-item span {
    font-size: 12px;
    font-weight: bold;
  }
  .mylocation-use-item {
    padding: 7px;
  }
  .mylocation-use{
    top: 39px;
  }
  .mylocation-use i {
    font-size: 18px;
  }
  header.masthead .header-content{
    text-align: left;
  }

  .menuFoodDishDesc .Title{
    white-space: normal;
  }

  div.custom-overlay {
      display: table;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
  }
  div.custom-overlay > div {
      display: table-cell;
      width: 100%;
      height: 100%;
      background: rgba(0,0, 0, .5);
      text-align: center;
      vertical-align: middle;
  }

  .item-quantity-controller .QuantityMinus button, .item-quantity-controller .QuantityPlus button {
    background: #e6e9ef;
  }
  .fix-main-menu .QuantityMinus button, .fix-main-menu .QuantityPlus button {
    background: white;
  }

  .item-quantity-controller.cartMenuBottom {
    display: block;
    padding: 0;
  }

  .itemMainCount{
    display: none;
  }

  .home-image-outer:before {
    height: 0px;
  }
}

.showAllRest{
  float: right;
}
.mainListRest{
  display: contents;
}
.secListRest{
  display: none;
}

.ui-loader {
    display: none;
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.ui-loader .spinner {
    display: block;
    position: fixed;
    right: calc(50% - 22px);
    top: calc(50% - 100px);
    z-index: 1031;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ed320;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media(max-width: 440px) {
  .footer-cart {
    display: block !important;
    position: fixed;
    bottom: 0;
    width: 100%;
  
    background: #00000091;
    z-index: 300;
  }
  .footer-cart p{
    font-size: 14px;
    color: #fff !important;
    padding: 10px;
    margin-bottom: 0;
  }
  .footer-cart p i{
    font-size: 23px;
  }
  .footer-cart-1{
    background-color: #7ed320;
    color: #fff;
    
  }
  .footer-cart-2{
    background-color: #538234;
  }
  .mobile-checkout{
    line-height: 40px;
    text-align: center;
  }
  .mobile-checkout a{
    color: #fff;
  }
}

.orderPickupSubType{
  background-color: #f4f4f4;
}
.orderPickupSubType .item{
  padding: 10px 25px;
}
.orderPickupSubType .item.active{
  color: #a9f538;
}
.orderPickupSubType .item.active svg.Icon {
    fill: #a9f538;
}
#resendOption.resend-disabled {
  color: #b6b6b6 !important;
  cursor: wait;
}
#resend_counter, #resend_phone_counter {
  font-size: 10px;
  padding: 14px;
  color: inherit;
  font-family: inherit;
}
.outofstockbtn{
  background-color: #7ed320;
  color: #fff;
}
#outofstockerror_content .col-md-12{
  border-bottom: 1px solid rgba(217, 219, 224, 0.5);
  padding:10px;
}
#outofstockerror_content{
  padding-bottom:10px;
}
.ratingAnimationWrap .rating span.ratingUpperLimit{
  font-weight: normal;
  font-size: 12px;
  padding-left: 7px;
  padding-bottom: 8px;
}
#page-top .flashmessage {
  top: auto;
}
#page-top .flashmessage.hidden {
    display: none;
}
.margin-r-10{
  margin-right:10px !important;
}
.intent-label{
  margin-right: 10px;
  font-weight: 400;
}
.error > span.star{
  display: none;
}

/*questionarrie CSS*/
.questionHeadingSection{
  font-weight: 700;
}
.questionNumber{

}
.questionarrieButton {
  display: inline-block;
  width: 48%;
  padding: 1rem 2rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);
  text-align: center;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  transition: background-color 150ms ease-out, color 150ms ease-out;
  position: relative;
  z-index: 1;
  border: 0;
  margin-bottom: 1rem;
}
.questionarrieButton:hover::after ,
.questionarrieButton:focus::after {
  content: '';
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: block;
  background: #000;
  pointer-events: none;
  opacity: .2;
}
.questionarrieButton ,
.questionarrieButton:hover::after {
  border-radius: 8px;
}
.questionarrieNext{
  float: right;
}
.questionAnswerSection{
  margin: 20px 0px;
}
.requiredOptionErr{
  margin-left: 15px;
}
.orderViewStatusAction .btn-return-order.disabled {
    background-color: #9a9999 !important;
}