/*:root{
--primary:#0072ed;
--primary-hover:#2e87e7;
--primary-shade: #f3f9ff;
--secondary:#ff7952;
--bg-main:#F1F5F9;
--bg-main: #0072ed0d;
--bg-soft:#f7f7f7;
--white:#ffffff;
--text-main:#5a5d62;
--text-muted:#777777;
--border:#e2e8f0;
}*/

@font-face{
  font-family:'Nunito';
  font-style:normal;
  src:url(/fonts/nunito-400.woff2) format('woff2');
}

@font-face{
  font-family:'Nunito';
  font-style:normal;
  font-weight:600;
  src:url(/fonts/nunito-700.woff2) format('woff2');
}

@font-face{
  font-family:'Averta CY';
  font-style:normal;
  src:url(/fonts/AvertaCY-Regular.woff2) format('woff2');
}

@font-face{
  font-family:'Averta CY';
  font-style:normal;
  font-weight:600;
  src:url(/fonts/AvertaCY-Semibold.woff2) format('woff2');
}

/*@import url('/fonts/nunitosans-700.woff2');*/

/*@import url("https://fonts.googleapis.com/css?family=Nunito:400,900");*/

/*--------------------------------------------------------------
TABLE OF CONTENT
----------------------------------------------------------------
1.0 VARIABLE
|  1.1 COLOR
|  1.2 TYPOGRAPHY
|  1.3 LAYOUT
2.0 FOUNDATION
3.0 TYPOGRAPHY
4.0 IMAGE
5.0 LAYOUT
6.0 COMPONENT
|  6.1 CTA
|  6.2 BUTTON
|  6.3 TOGGLE
|  6.4 CARD
|  6.5 LIST
7.0 SECTION
|  7.1 HEADER
|  7.2 HERO
|  7.3 CUSTOMER
|  7.4 FEATURE
|  7.5 PRICING
|  7.6 TESTIMONIAL
|  7.7 CLOSE
|  7.8 FOOTER
8.0 MEDIA
|  8.1 768PX
|  8.2 1024PX
|  8.3 1200PX
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 VARIABLE
--------------------------------------------------------------*/

:root {

  /*------------------------------------------------------------
  |
  | 1.1 COLOR
  |
  ------------------------------------------------------------*/

  --ui-color-brand: #353535;

  /* COLOR PALETTE */

  --ui-color-n-000: #fff;
  --ui-color-n-050: #f5f5f5;
  --ui-color-n-100: #ebebeb;
  --ui-color-n-300: #aeaeae;
  --ui-color-n-500: #353535;
  --ui-color-n-700: #282828;
  --ui-color-n-900: #1a1a1a;

  /* BACKGROUND COLOR */
  
  --ui-color-background-primary  : var(--ui-color-n-000);
  --ui-color-background-secondary: var(--ui-color-n-050);
  --ui-color-background-tertiary : var(--ui-color-n-100);

  /* BORDER COLOR */

  --ui-color-border: var(--ui-color-n-100);

  /* TYPOGRAPHY COLOR */

  --ui-color-typography-heading: var(--ui-color-n-500);
  --ui-color-typography-body   : var(--ui-color-n-900);
  --ui-color-typography-note   : var(--ui-color-n-300);
  --ui-color-typography-button : var(--ui-color-n-000);

  /*------------------------------------------------------------
  |
  | 1.2 TYPOGRAPHY
  |
  ------------------------------------------------------------*/

  --ui-typography-typeface: "Inter", sans-serif;

  /* FONT SIZE */

  --ui-typography-h1: 1.9375rem;
  --ui-typography-h2: 1.5625rem;
  --ui-typography-h3: 1.25rem;
  --ui-typography-p : 1rem;
  --ui-typography-s : .8125rem;

  /* LEADING */

  --ui-typography-h1-leading: 1.2;
  --ui-typography-h2-leading: 1.2;
  --ui-typography-p-leading : 1.5;

  /* MARGIN */

  --ui-typography-margin-heading: .75rem;
  --ui-typography-margin-body   : 1.125rem;

  /*------------------------------------------------------------
  |
  | 1.3 LAYOUT
  |
  ------------------------------------------------------------*/
  
  --ui-layout-container: 0.5rem;
  --ui-layout-grid     : 3.625rem;
  --ui-layout-gutter   : 1rem;

  /* GAP */
  
  --ui-gap-header     : 1rem;
  --ui-gap-cta        : .75rem;
  --ui-gap-hero       : 2rem;
  --ui-gap-customer   : 2rem;
  --ui-gap-feature    : 2rem;
  --ui-gap-card       : 1.25rem;
  --ui-gap-pricing    : 2rem;
  --ui-gap-testimonial: 3rem;

  /* BORDER RADIUS */
  
  --ui-radius-avatar: 5rem;
  --ui-radius-button: 5rem;
  --ui-radius-card  : .5rem;

}

/*--------------------------------------------------------------
2.0 PRECONF
--------------------------------------------------------------*/
.avatar img {
  max-width: 40px;
  max-height: 40px;
  border-radius: 50%;
  margin-left: 10px;
}
.sidebar {
  width: 100%;
  grid-row: 1;
  -ms-grid-row:1;
  margin-bottom: 10px;
}
.side-widget {
  width: 100%;
  background: white;
  border-radius: 5px;
  grid-row: 1;
  -ms-grid-row:1;
  margin-bottom: 10px;
  display: none;
}
.side-widget {
    border-radius: 16px;
    border: 1px solid #eef1f4;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

.grid-body {
  display: none;
  width: 100%;
}
.offer.store .grid-body{
  display: block;
}
  .single .grid-body{
    display: flex;
    position: relative;
    /* min-height: 75px; */
  }
  .single .meta-title {
    padding: 5px 0 0px 0;
}
.offer {
  display: grid;
  display:
  -ms-grid;
  grid-template-columns: 0.3fr 0.7fr;
  -ms-grid-columns: 0.35fr 0.65fr;
  grid-template-rows: 1fr auto;
  -ms-grid-rows: 1fr auto;
  /*border-radius: 5px;*/
 /* background: white;*/
  padding: 0 16px;
  padding-top: 15px;
  /*margin-bottom: 8px;*/
  padding-bottom: 15px;
  width: 100%;
  /*min-height: 200px;*/
  /*box-shadow: 0 0px 15px -7px rgb(0 0 0 / 50%);
  box-shadow: 0 0px 4px -1px rgb(0 0 0 / 32%);*/
  position: relative;
}

.offer {
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all .25s ease;
    margin-bottom: 15px;
}


.offer>div{
  grid-column: 2;
  -ms-grid-column:2;
}
.offer>.gird-image{
grid-column: 1;
    -ms-grid-column: 1;
    height: 100%;
    display: flex;
    width: 100%;
    border-radius: 15px;
}

.r2c1-meta {
  grid-row: 2;
  -ms-grid-row:2;
  grid-column: 1 !important;
  -ms-grid-column:1 !important;
}
.r2c2-meta {
  grid-row: 2;
  -ms-grid-row:2;
  grid-column: 2;
  -ms-grid-column:2;
}
.grid-footer{
  display: none;
}
a.user-link>span {
  /* position: absolute; */
  /* padding-left: 40px; */
  /* line-height: 0; */
  font-weight: 400;
  color: #8f949b;
}
.promo-span {
  display: none;
}
.grid-offers, .grid-coupons {
  /* min-height: 80vh; */ /*calc(100vh - 56px - 400px);*/
}
a.image-link {
  position: relative;
  align-content: center;
  display: grid;
  width: 100%;
  margin-bottom: 10px;
  background: #f7f7f7;
  border-radius: 14px;
  border: 1px solid #f2f2f2;
      box-shadow: 0 4px 12px 0 rgba(11, 22, 44, .09);
  }
  .grid-coupons a.image-link {
    background: transparent;
    border: none;
    box-shadow: none;
}
  .grid-offers .offer:not(.expired) .image-link:hover>img {
      transform: scale(1.05);
  }
  /*.hot-deals .hot-item:not(.expired):hover .hotimg>img {
      transform: scale(1.05);
  }*/
.image-link>.exp{
  position: absolute;
  bottom: 0;
  background: gray;
  width: 100%;
  padding: 10px 10px;
  color: white;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  font-size: 0.8rem;
  border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    box-shadow: 0 4px 12px 0 rgba(11, 22, 44, .09);
}

.gird-image img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 120px;
  border-radius: 5px;
  transition: transform .3s ease;
  will-change: transform;
  mix-blend-mode: darken;
  padding: 5px;
}
.coupon .gird-image img {
  mix-blend-mode: inherit;
}
.ui-layout-container {
  padding: 0.5rem;
}
a.ui-section-header--logo {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;

  height: 35px;
  /*max-width: 170px;*/
}
a.ui-section-header--logo>img {
  max-height: 35px;
}
nav.ui-section-header--nav.ui-layout-flex {
  /*column-gap: 15px;*/
  margin-left: 0px;
}
a.ui-section-header--nav-link {
  padding: 5px 0;
  color: #666666;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 1.5em;
  margin-right: 12px;
      /*text-shadow: 0 0 8px #d7d7d7;*/
      transition: all .25s ease;
}
a.ui-section-header--nav-link:hover {
    color: var(--primary);
}


.description-link {
  padding-bottom: 0.5rem;
  padding-top: 0.1rem;
  color: #727272;
  margin: 5px 0;
}
.expired, .trash, .expired-trash {
  filter: grayscale(100%);
}
.expired a.image-link,
.expired-trash a.image-link,
.trash a.image-link {
  /*border: 1px solid #c1c1c1;*/
  border-radius: 14px;
      background: #cfcfcf;
}
.expired .open-offer>span:not(.exp),
.expired-trash .open-offer>span:not(.exp),
.trash .open-offer>span:not(.exp) {
  display: none;
}
.offer:not(.expired):not(.trash):not(.expired-trash) .open-offer>.exp,
.offer:not(.expired):not(.trash):not(.expired-trash) .image-link>.exp {
  display: none;
}
.expired>div, .trash>div, .expired-trash>div  {
  opacity: 0.5;
}
.meta-title {
  padding: 5px 0 10px 0;
  /* padding-bottom: 0; */
}
.title-link a {
  color: #5a5d62;
  color: #565961;
  font-weight: 600;
  text-align: left;
}
.single .title-link a{
  cursor: text;
}
.grid-offers .title-link a {
  max-height: 45px;
  display: block;
  overflow: hidden;
  margin-bottom: 0px;
}
.hot-deals{
  display: none;
  flex-direction: column;
}
.social{
  display: none;
}
footer .social{
  display: block;
}
.ui-section-footer-menu>div {
  display: inline-table;
}
.side-widget{
  margin-bottom: 0px;
}
.side-widget.all:not(:first-child){
  margin-top: 8px;
}
.input-search, .header-login-button.register {
  display: none;
}
.coupon-offer{
  display: none;
}
.store>span, .store.divider{
  display: none;
}
/*
.store>span:first-child{
  display: none;
}
.store>span:last-child {
  display: none;
}*/
section.ui-section-hero {
  padding-bottom: 2rem;
}
.grid-header .time{
  /* display: none; */
  color: #b5b5b5;
}
.grid-header .time i{
  display: none;
}
.open-offer>i {
  font-size: 12px;
}
/*--------------------------------------------------------------
2.0 FOUNDATION
--------------------------------------------------------------*/

html { 
  box-sizing: border-box; 
  scroll-behavior: smooth;
}

*,
*:before,
*:after { box-sizing: inherit; }

body {
  /* background-color: rgb(235, 235, 235); */
  background-color: #e9eaed;
  box-sizing: border-box;
  color: rgb(119,119,119);
  /*font-family: Nunito Sans, Helvetica, Arial, sans-serif;*/
  font-family: Nunito, Helvetica, Arial, sans-serif;
  /*
  color: rgb(50, 50, 50);
  font-family: Roboto, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  margin: 0px;
  tab-size: 4;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-rendering: optimizelegibility;
  word-break: normal;
  font-family: Averta CY,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  /* font-family: 'Roboto',Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; */
  /*background-image: url(/invite/back.png);*/
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-color: white !important;
}


/*--------------------------------------------------------------
3.0 TYPOGRAPHY
--------------------------------------------------------------*/

a {
  color: #5a5d62;
  text-decoration-color: var(--ui-color-typography-note);
}

h1,
h2,
p,
ul { margin-top: 0; }

h1,
h2 {
  color: var(--ui-color-typography-heading);
  margin-bottom: var(--ui-typography-margin-heading);
}

h1 {
  font-size: var(--ui-typography-h1);
  line-height: var(--ui-typography-h1-leading);
}

h2 {
  font-size: var(--ui-typography-h2);
  line-height: var(--ui-typography-h2-leading);
}

p,
ul { margin-bottom: var(--ui-typography-margin-body); }

p:last-child,
ul:last-child { margin-bottom: 0; }

ul { padding-left: 0; }

strong {font-weight: 700;}

small { font-size: var(--ui-typography-s); }

.ui-text-note {
  color: var(--ui-color-typography-note);
  line-height: 1;
}

/*--------------------------------------------------------------
4.0 IMAGE
--------------------------------------------------------------*/

img,
svg {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}

/*--------------------------------------------------------------
5.0 LAYOUT
--------------------------------------------------------------*/

.ui-layout-container {
  padding-left: var(--ui-layout-container);
  padding-right: var(--ui-layout-container);
}
/*
.ui-layout-flex,
.ui-layout-grid {
  align-items: center;
  justify-content: center;
}*/

.ui-layout-flex { 
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.ui-layout-grid { 
  display: grid; 
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  column-gap: 8px;
}

/*--------------------------------------------------------------
6.0 COMPONENT
--------------------------------------------------------------*/

/*--------------------------------------------------------------
|
| 6.1 CTA
|
--------------------------------------------------------------*/

.ui-component-cta {
  flex-direction: column;
  row-gap: var(--ui-gap-cta);
}

/*--------------------------------------------------------------
|
| 6.2 BUTTON
|
--------------------------------------------------------------*/

.ui-component-button {
  border: .0625rem solid var(--ui-color-brand);
  border-radius: var(--ui-radius-button);
  display: block;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}

.ui-component-button-primary {
  background-color: var(--ui-color-brand);
  color: var(--ui-color-typography-button);
}

.ui-component-button-secondary {
  background-color: var(--ui-color-background-primary);
  color: var(--ui-color-brand);
}

.ui-component-button-big,
.ui-component-button-normal { padding: .75rem 1rem .875rem; }

.ui-component-button-big { width: 100%; }

.ui-component-button-normal { 
  width: -moz-fit-content;
  width: fit-content;
}

/*--------------------------------------------------------------
|
| 6.3 TOGGLE
|
--------------------------------------------------------------*/

input[name="toggle"] { display: none; }

.ui-component-toggle {
  background-color: var(--ui-color-background-tertiary);
  border-radius: var(--ui-radius-button);
  color: var(--ui-color-typography-note);
  font-size: var(--ui-typography-s);
  font-weight: 700;
  line-height: 1;
  margin: var(--ui-gap-pricing) auto .5rem;
  padding: .25rem;
  width: max-content;
}

.ui-component-toggle--label {
  border-radius: var(--ui-radius-button);
  cursor: pointer;
  padding: .5rem .625rem;
}

#ui-component-toggle__monthly:checked ~
div label[for=ui-component-toggle__monthly],
#ui-component-toggle__yearly:checked ~
div label[for=ui-component-toggle__yearly] {
  background-color: var(--ui-color-background-primary);
  color: var(--ui-color-typography-body);
}

/*--------------------------------------------------------------
|
| 6.4 CARD
|
--------------------------------------------------------------*/

.ui-component-card {
  border: .0625rem solid var(--ui-color-border);
  border-radius: var(--ui-radius-card);
  overflow: hidden;
  width: 100%;
}

/*--------------------------------------------------------------
|
| 6.5 LIST
|
--------------------------------------------------------------*/

.ui-component-list {
  grid-template-columns: 1fr;
  row-gap: .75rem;
}

.ui-component-list--item {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1.125rem;
  list-style: none;
  padding-left: 1.875rem;
}

.ui-component-list--item-check {
  background-image: url(https://res.cloudinary.com/uisual/image/upload/assets/icons/check.svg);
}

.ui-component-list--item-cross {
  background-image: url(https://res.cloudinary.com/uisual/image/upload/assets/icons/cross.svg);
}

/*--------------------------------------------------------------
7.0 SECTION
--------------------------------------------------------------*/

/*--------------------------------------------------------------
|
| 7.1 HEADER
|
--------------------------------------------------------------*/
/*
.ui-section-header {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}*/
header.ui-section-header {
  position: sticky;
  z-index: 2002;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 0px 4px -1px rgb(0 0 0 / 32%);
  top: 0;
  padding: 8px 0px;
border: 1px solid #ededed;
    border-radius: 12px;
    box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
}
header.ui-section-header {
  background: white;
}
.ui-section-header__layout { 
  justify-content: space-between; 
  align-items: center;
}

/* LOGO */

.ui-section-header--logo { z-index: 1; }

/* HAMBURGER */

#ui-section-header--menu-id { display: none; }

.ui-section-header--menu-icon {
  cursor: pointer;
  display: block;
  height: 1.125rem;
  padding-bottom: .25rem;
  padding-top: .25rem;
  position: relative;
  width: 1.125rem;
  z-index: 1;
}

.ui-section-header--menu-icon::before,
.ui-section-header--menu-icon::after {
  background: var(--ui-color-brand);
  content: "";
  height: .125rem;
  left: 0;
  position: absolute;
  transition: all 250ms cubic-bezier(.785, .135, .15, .86);
  width: 1.125rem;
}

.ui-section-header--menu-icon::before { top: .3125rem; }

.ui-section-header--menu-icon::after { top: .6875rem; }

#ui-section-header--menu-id:checked ~
.ui-section-header--menu-icon::before {
  transform: translateY(3px) rotate(135deg);
}

#ui-section-header--menu-id:checked ~
.ui-section-header--menu-icon::after {
  transform: translateY(-3px) rotate(45deg);
}

/* MENU */
/*
.ui-section-header--nav {
  background-color: var(--ui-color-background-primary);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
  flex-direction: column;
  gap: var(--ui-gap-header);
  left: 0;
  opacity: 0;
  padding: 7.375rem var(--ui-layout-container) 5rem;
  position: absolute;
  right: 0;
  top: -1rem;
  transition: all 250ms cubic-bezier(.785, .135, .15, .86);
  visibility: hidden;
}*/

.ui-section-header--nav {
  display: none;
  align-items: center;
}

/*
#ui-section-header--menu-id:checked ~
.ui-section-header--nav {
  opacity: 1;
  top: 0;
  visibility: visible;
}*/

.ui-section-header--nav-link {
  font-size: var(--ui-typography-h3);
  padding: .5rem;
  text-decoration: none;
}

/*--------------------------------------------------------------
|
| 7.2 HERO
|
--------------------------------------------------------------*/

.ui-section-hero {
  /*padding-bottom: 5rem;*/
  padding-top: 1.5rem;
  /* text-align: left; */
}

.ui-section-hero__layout { row-gap: 0; padding: 10px 0;}

/*--------------------------------------------------------------
|
| 7.3 CUSTOMER
|
--------------------------------------------------------------*/

.ui-section-customer__layout {
  flex-direction: column;
  row-gap: var(--ui-gap-customer);
}

.ui-section-customer--logo {
  height: 1.5rem;
  width: auto;
}

.ui-section-customer--logo-str { height: 1.75rem; }
  
.ui-section-customer--logo-bhn { height: 1.375rem; }

/*--------------------------------------------------------------
|
| 7.4 FEATURE
|
--------------------------------------------------------------*/

.ui-section-feature {
  padding-bottom: 5rem;
  padding-top: 5rem;
}

.ui-section-feature__layout { row-gap: var(--ui-gap-feature); }

.ui-section-feature__layout:first-of-type div {
  grid-row-start: 1;
}

.ui-section-feature__layout:last-of-type { margin-top: 5rem; }

/*--------------------------------------------------------------
|
| 7.5 PRICING
|
--------------------------------------------------------------*/

.ui-section-pricing {
  background-color: var(--ui-color-background-secondary);
  padding-bottom: 5rem;
  padding-top: 5rem;
  text-align: center;
}

.ui-section-pricing__layout {
  justify-content: initial;
  margin-bottom: var(--ui-gap-pricing);
  margin-top: var(--ui-gap-pricing);
  row-gap: var(--ui-gap-card);
}

/* CARD */

.ui-component-card--pricing {
  background-color: var(--ui-color-background-primary);
  padding: 1.5rem 1.5rem 1.75rem;
  text-align: left;
}

.ui-component-card--pricing-price {
  line-height: 1;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}

.ui-component-card--pricing-amount {
  font-size: var(--ui-typography-h1);
  font-weight: 700;
}

/* AMOUNT */

.ui-component-card--pricing-amount-1::before { content: "$5"; }

#ui-component-toggle__yearly:checked ~ div
.ui-component-card--pricing-amount-1::before { content: "$3"; }

.ui-component-card--pricing-amount-2::before { content: "$15"; }

#ui-component-toggle__yearly:checked ~ div
.ui-component-card--pricing-amount-2::before { content: "$13"; }

.ui-component-card--pricing-amount-3::before { content: "$25"; }

#ui-component-toggle__yearly:checked ~ div
.ui-component-card--pricing-amount-3::before { content: "$23"; }

/* LIST */

.ui-component-list--pricing {
  margin-bottom: 1.5rem;
  margin-top: 1.25rem;
}

/*--------------------------------------------------------------
|
| 7.6 TESTIMONIAL
|
--------------------------------------------------------------*/

.ui-section-testimonial {
  padding-bottom: 5rem;
  padding-top: 5rem;
  text-align: center;
}

.ui-section-testimonial__layout {
  row-gap: var(--ui-gap-testimonial);
}

.ui-section-testimonial--avatar {
  border-radius: var(--ui-radius-avatar);
  height: 5rem;
  width: 5rem;
}

.ui-section-testimonial--quote {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.ui-section-testimonial--author { line-height: 1.25; }

/*--------------------------------------------------------------
|
| 7.7 CLOSE
|
--------------------------------------------------------------*/

.ui-section-close {
  background-color: var(--ui-color-background-secondary);
  padding-bottom: 5rem;
  padding-top: 5rem;
  text-align: center;
}

/*--------------------------------------------------------------
|
| 7.8 FOOTER
|
--------------------------------------------------------------*/
footer.ui-section-footer {
  background: white;
  border: 1px solid #ededed;
    box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
        padding-top: 2em;
}
/*
.ui-section-footer {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}*/

.ui-section-footer__layout {
  column-gap: var(--ui-layout-gutter);
}

.ui-section-footer--copyright {
  margin-bottom: 0;
  margin-right: 0;
}
.ui-section-footer-section {
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  text-align: center;
}
.footer-c1, .footer-c2, .footer-c3 {
  margin: auto;
  padding: 15px;
}
.ui-section-footer-menu {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
}
.ui-section-footer-menu>div {
  text-align: center;
  padding: 15px;
}
.border-footer {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.safe-browsing {
  max-height: 35px;
  margin: auto;
}
.ui-section-footer h3 {
  margin-top: 0;
  color: #666666;
}
footer.ui-section-footer p {
  color: #666666;
  font-style: normal;
  font-weight: 400;
}

/*--------------------------------------------------------------
8.0 MEDIA
--------------------------------------------------------------*/

/*--------------------------------------------------------------
|
| 8.1 768PX
|
--------------------------------------------------------------*/

@media screen and (min-width: 48rem) {

  .offer {
    grid-template-columns: 0.3fr 0.7fr;
    -ms-grid-columns: 0.3fr 0.7fr;
  }
  /*------------------------------------------------------------
  VARIABLE
  ------------------------------------------------------------*/
  
  :root {

    /*----------------------------------------------------------
    |
    | TYPOGRAPHY
    |
    ----------------------------------------------------------*/

    /* FONT SIZE */

    --ui-typography-h1: 2.1875rem;
    --ui-typography-h2: 1.75rem;
    --ui-typography-p : 1.125rem;
    --ui-typography-s : .875rem;

    /* MARGIN */

    --ui-typography-margin-body: 1.25rem;

    /*----------------------------------------------------------
    |
    | LAYOUT
    |
    ----------------------------------------------------------*/

    --ui-layout-container: 1rem;
    --ui-layout-gutter   : 10px;

    /* GAP */

    --ui-gap-header: 1.5rem;
    --ui-gap-card  : 1.5rem;

  }

  /*------------------------------------------------------------
  IMAGE
  ------------------------------------------------------------*/

  .ui-image-half-left {
    padding-right: var(--ui-layout-gutter);
  }

  .ui-image-half-right {
    padding-left: var(--ui-layout-gutter);
  }

  /*------------------------------------------------------------
  LAYOUT
  ------------------------------------------------------------*/

  .ui-layout-container,
  .ui-layout-column-center {
    margin-left: auto;
    margin-right: auto;
  }

  .ui-layout-grid-2,
  .ui-layout-grid-3 {
    /*column-gap: var(--ui-layout-gutter);*/
    grid-template-columns: 1fr;
    /*justify-items: center;*/
    row-gap: 0;
  }
  .ui-layout-grid-3 div:nth-of-type(3) {
    left: calc(50% + (var(--ui-layout-gutter) / 2));
    position: relative;
  }

  .ui-layout-column-4 {
    width: calc((var(--ui-layout-grid) * 4) +
           (var(--ui-layout-gutter) * 3));
  }

  /*------------------------------------------------------------
  COMPONENT
  ------------------------------------------------------------*/

  /*------------------------------------------------------------
  |
  | LIST
  |
  ------------------------------------------------------------*/

  .ui-component-list--item {
    background-size: 1.25rem;
    padding-left: 2rem;
  }

  /*------------------------------------------------------------
  SECTION
  ------------------------------------------------------------*/

  /*------------------------------------------------------------
  |
  | HEADER
  |
  ------------------------------------------------------------*/

  .ui-section-header {
    padding-bottom: 0;
    /*padding-top: 2rem;*/
  }

  /* ICON */

  .ui-section-header--menu-icon { display: none; }

  /* NAV */

  .ui-section-header--nav {
    display: flex;
  }
/*
  .ui-section-header--nav {
    background-color: transparent;
    box-shadow: none;
    flex-direction: row;
    opacity: 1;
    padding: 0;
    position: static;
    visibility: visible;
  }
  
  
  .ui-section-header--nav-link {
    font-size: var(--ui-typography-p);
    padding: 0;
  }*/

  /*------------------------------------------------------------
  |
  | HERO
  |
  ------------------------------------------------------------*/

  .ui-section-hero { text-align: left; }

  .ui-section-hero .ui-component-cta { align-items: start; }

  /*------------------------------------------------------------
  |
  | CUSTOMER
  |
  ------------------------------------------------------------*/

  .ui-section-customer__layout {
    column-gap: var(--ui-gap-customer);
    flex-direction: row;
  }
  
  .ui-section-customer--logo {
    margin-left: 0;
    margin-right: 0;
  }

  /*------------------------------------------------------------
  |
  | FEATURE
  |
  ------------------------------------------------------------*/

  .ui-section-feature__layout:first-of-type div {
    grid-row-start: initial;
  }

  /*------------------------------------------------------------
  |
  | PRICING
  |
  ------------------------------------------------------------*/

  .ui-component-card--pricing { padding: 2rem 2rem 2.25rem; }

  /*------------------------------------------------------------
  |
  | FOOTER
  |
  ------------------------------------------------------------*/
/*
  .ui-section-footer {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }*/

  .grid-body, .grid-footer{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
  }
  .single .grid-body{
    min-height: 75px;
  }
  .offer {
    grid-template-rows: auto 1fr;
    grid-template-rows: 1fr;
    -ms-grid-rows: 1fr;
  }
  .grid-offers .offer {
    min-height: 185px;
  }
  .r2c1-meta, .r2c2-meta{
    display: none;
  }
  .grid-header .time i{
    display: inline;
  }
  .promo-span {
    display: inline;
}
.gird-image img {
  max-height: 150px;
  /* max-width: 220px; */
}
.ui-section-header__layout { justify-content: space-between; }

nav.ui-section-header--nav.ui-layout-flex {
  margin-left: 20px;
}
.title-link {
  /*font-size: 1.05em;*/
  font-size: 1.125rem;

}
.grid .labels {
  text-align: center;
}
.meta-title {
  padding: 4px 0;
  padding-bottom: 0;
}
.ui-section-footer-section {
  display: grid;
  display:-ms-grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
}

.footer-c1 {
  grid-column: 1;
  -ms-grid-column:1;
}
.footer-c2 {
  grid-column: 2;
  -ms-grid-column:2;
}
.footer-c3 {
  grid-column: 3;
  -ms-grid-column:3;
}
.ui-section-footer-section {
  text-align: left;
}
.safe-browsing{
  margin: 0;
}
.coupon-offer{
  display: block;
}
/*
.store>span:first-child{
  display: inline-block;
}*/
.store>span{
  display: inline-block;
}

.input-search, .header-login-button.register, .header-alert, a.header-add-offer{
  display: block;
}
.header-search-button{
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  right: 10px

}

}

/*--------------------------------------------------------------
|
| 8.2 1024PX
|
--------------------------------------------------------------*/

@media screen and (min-width: 64rem) {

  .offer {
    grid-template-columns: 0.25fr 0.75fr;
    -ms-grid-columns: 0.25fr 0.75fr;
  }
  .grid-products .product, .grid-stores .store {
    grid-template-columns: 0.15fr 0.85fr;
  }
  /*------------------------------------------------------------
  VARIABLE
  ------------------------------------------------------------*/

  :root {

    /*----------------------------------------------------------
    |
    | LAYOUT
    |
    ----------------------------------------------------------*/

    --ui-layout-container: 0;
  
  }

  /*------------------------------------------------------------
  LAYOUT
  ------------------------------------------------------------*/
  
  .ui-layout-container { width: 96%; }


  /*.ui-layout-grid-3 div:nth-of-type(3) { position: static; }*/

  .ui-layout-grid-2,
  .ui-layout-grid-3 {
    grid-template-columns: 1fr 280px;
    -ms-grid-columns: 0.8fr 0.2fr;
  }
  .sidebar {
    grid-column: 2;
    -ms-grid-column:2;
  }

  /*------------------------------------------------------------
  SECTION
  ------------------------------------------------------------*/

  /*------------------------------------------------------------
  |
  | HERO
  |
  ------------------------------------------------------------*/

  .ui-section-hero .ui-component-cta {
    align-items: center;
    column-gap: var(--ui-gap-cta);
    flex-direction: row;
    justify-content: start;
  }
  .hot-deals{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
  }
  .social{
    display: block;
  }
  .web{
    display: block;
  }
  .side-widget{
    margin-top: 0;
    margin-bottom: 14px;
  }

  .sidebar{
    padding-left: 8px;
  }
}

/*--------------------------------------------------------------
|
| 8.3 1200PX
|
--------------------------------------------------------------*/

@media screen and (min-width: 77rem) {

  /*------------------------------------------------------------
  VARIABLE
  ------------------------------------------------------------*/

  :root {

    /*----------------------------------------------------------
    |
    | TYPOGRAPHY
    |
    ----------------------------------------------------------*/

    /* FONT SIZE */

    --ui-typography-h1: 2.75rem;
    --ui-typography-h2: 2.1875rem;
    --ui-typography-h4: 1.4375rem;

    /* MARGIN */

    --ui-typography-margin-heading: 1rem;
    --ui-typography-margin-body   : 1.75rem;

    /*----------------------------------------------------------
    |
    | LAYOUT
    |
    ----------------------------------------------------------*/

    --ui-layout-grid  : 4rem;
    --ui-layout-gutter: 10px;

    /* GAP */

    --ui-gap-header  : 2rem;
    --ui-gap-customer: 4rem;
    --ui-gap-card    : 2rem;
    --ui-gap-pricing : 3rem;
    
  }

  /*------------------------------------------------------------
  TYPOGRAPHY
  ------------------------------------------------------------*/

  .ui-text-intro { font-size: var(--ui-typography-h4); }

  /*------------------------------------------------------------
  LAYOUT
  ------------------------------------------------------------*/
  
  .ui-layout-container {
    width: 75rem;
    width: 80rem;
  }

  /*------------------------------------------------------------
  COMPONENT
  ------------------------------------------------------------*/

  /*------------------------------------------------------------
  |
  | BUTTON
  |
  ------------------------------------------------------------*/

  .ui-component-button-big,
  .ui-component-button-normal {
    padding-bottom: 1.125rem;
    padding-top: 1rem;
  }

  /*------------------------------------------------------------
  SECTION
  ------------------------------------------------------------*/

  /*------------------------------------------------------------
  |
  | HEADER
  |
  ------------------------------------------------------------*/

  /*.ui-section-header { padding-top: 3rem; }*/

  /*------------------------------------------------------------
  |
  | HERO
  |
  ------------------------------------------------------------*/

  .ui-section-hero {
    /*padding-bottom: 3.5rem;*/
    padding-top: 1.5rem;
  }

  /*------------------------------------------------------------
  |
  | CUSTOMER
  |
  ------------------------------------------------------------*/

  .ui-section-customer--logo { height: 2rem; }
  
  .ui-section-customer--logo-str { height: 2.25rem; }
  
  .ui-section-customer--logo-bhn { height: 1.75rem; }

  /*------------------------------------------------------------
  |
  | FEATURE
  |
  ------------------------------------------------------------*/

  .ui-section-feature {
    padding-bottom: 7.5rem;
    padding-top: 7.5rem;
  }

  .ui-section-feature__layout:last-of-type {
    margin-top: 7.5rem;
  }

  /* LIST */

  .ui-component-list-feature {
    column-gap: var(--ui-layout-gutter);
    grid-template-columns: repeat(2, 1fr);
  }

  /*------------------------------------------------------------
  |
  | PRICING
  |
  ------------------------------------------------------------*/

  .ui-section-pricing {
    padding-bottom: 7.5rem;
    padding-top: 7.5rem;
  }

  .ui-component-card--pricing { padding: 3rem; }

  /*------------------------------------------------------------
  |
  | TESTIMONIAL
  |
  ------------------------------------------------------------*/

  .ui-section-testimonial {
    padding-bottom: 7.5rem;
    padding-top: 7.5rem;
  }

  /*------------------------------------------------------------
  |
  | CLOSE
  |
  ------------------------------------------------------------*/

  .ui-section-close {
    padding-bottom: 7.5rem;
    padding-top: 7.5rem;
  }
  
  /*------------------------------------------------------------
  |
  | FOOTER
  |
  ------------------------------------------------------------*/
/*
  .ui-section-footer {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }*/

}


html { height: 100%; }
body {min-height: 100%;overflow-y: scroll;}

a {
  cursor: pointer;
  text-decoration: none;
}

.grid-offers {
  width: 100%;
}
.grid-meta>div {
  width: 100%;
  /*min-height: 50px;*/
}
.save-offer a, .comment-count a{
  transition: color .2s linear;
}
.save-offer, .comment-count {
  cursor: pointer;
  transition: color,background-color,border .2s linear;
}
.save-offer:hover, .single .comment-count:hover{
  /* border: 1px solid #94c8ff; */
  /* background-color: #f2f9fd; */
}
.save-offer:hover a, .single .comment-count:hover a{
  color: var(--primary);
}
.grid-meta {
  padding-left: 10px;
  /* padding-right: 10px; */
  justify-items: center;
  justify-content: space-between;
  flex-direction: column;
  display: grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  width: 100%;
  padding-top: 5px;
}
.grid-header, .grid-title{
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.gird-image {
  margin: auto;
}

.time-ago{
  color: #8f949b;
}

.header-link-1{
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
      column-gap: 5px;
}/*
.header-link-1 .comment-count {
  display: none;
}*/
.header-link-1>div {
  margin: 0px 2px;
}
.header-link-2{
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: flex-end;
  flex-grow: 1;
  white-space: nowrap;
  align-items: center;
}
.grid-header>.header-link-2>i {
  margin-right: 5px;
}
span.time-ago {
  padding-left: 0em;
  font-size: 0.75em;
  /* font-weight: 600; */
  text-align: left;
  }
.comment .time-ago {
  padding-right: 0.5em;
  font-size: 0.75em !important;
}
span.time-ago + i {
  color: #8f949b;
}

.grid-coupons span.time-ago {
  font-size: 0.6em;
}
  /*------------------------------------------------------------
  TITLE
  ------------------------------------------------------------*/
  .meta-title .price {
    color: var(--secondary);
    font-weight: 700;
    font-size: 1.35rem;
    font-family: Helvetica;
    white-space: nowrap;
    padding-top: 3px;
  }
  span.store>a {
    color: #ff7900;
    font-weight: 600;
  }
  .store>span {
    color: #8f949b;
  }
  span.store {
    font-size: 0.85em;
    margin-right: 5px;
  }
  .divider {
    min-width: 0px;
    width: 0px;
    height: 20px;
    background-color: #d1d5db;
    margin: 0 4px !important;
  }
  .meta-title>div:not(.labels) {
    /*padding: 5px 0 3px 0;*/
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
}
.grid-offers .meta-title>div>* {
  /* margin-right: 10px; */
}
  /*------------------------------------------------------------
  DESCRIPTION
  ------------------------------------------------------------*/
  a.more-link {
    color: black;
    font-weight: 600;
    cursor: pointer;
    display: none;
  }
  .description-link {
    font-size: 0.9em;
    width: 100%;
    }
   .single.os .description-link {
    display: flex;
    }
  .grid-offers .description-link {
    max-height: 45px;
    overflow: hidden;
  }

/*------------------------------------------------------------
  META FOOTER
  ------------------------------------------------------------*/
  .open-offer {
    /* background-color: #ff7900; */
    background-color: var(--primary);
    padding: 9px 15px;
    color: var(--primary);
    color: white;
    font-weight: 600;
    border-radius: 20px;
    line-height: 1;
    transition: background-color,opacity .3s linear;
    height: 35px;
    /*box-shadow: 0 5px 10px -3px rgb(0 0 0 / 20%);*/
  }
  .open-offer:hover {
    background-color: var(--primary-hover);
    opacity: 0.9;
}
  span.comment-number {
    font-weight: 600;
    color: #5a5d62;
    font-size: 0.9em;
    margin-left: 5px;
  }
  .comment-count, .save-offer {
    height: 35px;
    padding: 5px 10px;
    border: 1px solid gainsboro;
    border-radius: 5px;
    /* margin-right: 7px; */
  }
  .comment-count{
    /*background: #f7f7f7;*/
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    border: 0;
    /*border-radius: 12px;*/
    /*box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);*/
  }
  .grid-offers .comment-count, .comment-icon {
    cursor: initial;
}
  .comment-icon, .save-icon {
    color: #777777;
  }
  a.user-link img, a.user-link object {
height: 25px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    width: 25px;
    object-fit: cover;
    border: 1px solid #c1c1c1;
    mix-blend-mode: darken;
    border: 1px solid #ededed;
    border-radius: 12px;
    box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
    border: 1px solid #f2f2f2;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
  }
a.user-link {
  display: inline-flex;
  column-gap: 10px;
  align-items: center;
  color: #5a5d62;
  font-weight: 600;
  font-size: 0.9em;
}
a.user-link>div {
  /* display: flex; */
  flex-direction: column;
}
a.user-link>div .name i{
  font-size: 12px;
  font-size: 0.75em;
  margin: 0px;
}
a.user-link .level {
  color: #8f949b;
  font-weight: 300;
  font-size: 0.85em;
}
a.user-link.store>* {
  display: block;
}
a.user-link i {
    color: #bfbfbf;
    font-size: 11px;
}
.coupon-offer {
  margin: 0 3px;
  /* margin-left: 0; */
  font-size: 14px;
  background: #e7f9dd;
  padding: 7px 15px;
  border-color: #42a40d;
  color: #37840d;
  font-weight: 400;
  width: auto;
  text-align: center;
  /*border: 1px dashed green !important;*/
  border-radius: 3px;
  box-shadow: 0 5px 10px -4px rgb(0 0 0 / 15%);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;

}
.coupon-offer i {
  padding: 6px 7px;
  background: #008000b3;
  color: white;
  border-radius: 16px;
  margin-left: 10px;
  
}
.coupon-offer{
  margin: 0px -19px 0px 0px;
  max-width: 190px;
  min-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grid .coupon-offer {
  padding: 0;
  padding: 2px;
}
.offer.single .coupon-offer {
  max-width: 307px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 150px;
  max-width: 100%;
  margin: 7px;
  
}
.grid-coupons .coupon-offer {
  min-width: 200px;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.coupon-offer {
  display: flex  ;
  align-items: center;
  flex-direction: row-reverse;
  padding: 0;
  height: 35px;
  padding-right: 10px;
  text-align: center;
  justify-content: left;
  text-transform: uppercase;
      border-radius: 20px;
    padding: 16px 2px;
}
.coupon-offer .coupon_text {
width: 100%;
    padding-left: 5px;
}
  /*------------------------------------------------------------
  HEATVOTER
  ------------------------------------------------------------*/
.heat-hot>a {
    text-decoration: none;
color: #777777;}
.voted a.vote-minus {
  color: #ff7900;
}
.voted a.vote-plus {
  color: var(--primary);
}
.voted a.vote-minus+.vote-number {
  color: #ff7900 !important;
}
.vote-number{
  color: #787878;
  font-weight: 700;
  padding: 5px;
  font-size: 14px;
}
.hot-deals .vote-number {
  color: var(--primary);
}
.heat-hot {
    height: 35px;
    min-width: 93px;
    max-width: 110px;
    margin: auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0 5px;
    /* background: #e9eaed38; */
    background: #f7f7f7;
    border-radius: 20px;
    padding: 6px 10px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
}
span.vote-number>i {
  margin-right: 2px;
}

.heat-hot>a.vote-plus {
  /* color: #e00034; */
  color: #ff7900;
  color: var(--primary);
}
.heat-hot>a.vote-minus {
  color: var(--primary);
  color: #ff7900;
}
  /*------------------------------------------------------------
  HOT DEALS WIDGET
  ------------------------------------------------------------*/

.hot-item{
  width: 100%;
}
.hot-item>a{
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  padding: 5px 0;
  border-radius: 5px;
  /*padding-bottom: 15px;*/
  justify-content: center;
}
.hot-item .hotimg>img {
  max-width: 65px;
  max-height: 65px;
  width: 65px;
  height: 65px;
  border-radius: 5px;
  /* border: 1px solid #e5e5e5; */
  /* padding: 3px; */
  mix-blend-mode: darken;
  /*border: 1px solid #eeeeee;*/
  object-fit: contain;
  }
.hot-item .hotimg {
    background: #f7f7f7;
    border-radius: 5px;
    margin-right: 10px;
    background: #f7f7f7;
    border-radius: 14px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 4px 12px 0 rgba(11, 22, 44, .09);
}
.hot-item>a>* {
  display: inline-grid;
  line-height: 16px;
  font-size: 13px;
  font-weight: 600;
}
.hot-item {
  padding: 5px 10px;
}
.hot-item .hot-price {
  color: var(--secondary);
  font-weight: 600;
  font-family: Helvetica;
}
.hot-item .hot-title {
  color: rgb(119,119,119); /*#5a5d62;*/
  overflow: hidden;
}
.hot-content {
  padding-right: 5px;
  padding-left: 10px;
  max-width: 60%;
}
.hot-footer {
  padding-top: 5px;
}
.hot-item .hot-votes {
  color: var(--secondary);
  font-size: 0.9em;
  float: right;
}
.widget-header {
  padding: 10px;
  text-align: center;
  color: gray;
  font-size: 0.95em;
  font-weight: 500;
}
.hot-deals .hot-filter {
  color: var(--primary);
  font-weight: 700;
  display: inline-block;
}
.hot-filter select, .hot-filter select:focus {
  border: 0;
  outline: none;
  font-weight: 600;
  color: var(--primary);
  cursor: pointer;
}
.hot-filter select>option{
  color: black;
}
.hot-item:not(:last-child):not(:nth-last-child(2)):after {
  content: '';
  display: block;
  /*border-bottom: 1px solid #ebebeb;*/
  /*width: 80%;*/
  content: "";
  margin: auto;
}
.hot-items {
  padding-bottom: 10px;
}
  /*------------------------------------------------------------
  SOCIAL WIDGET
  ------------------------------------------------------------*/
.social>div>div {
    background: #efefef;
    border-radius: 5px;
    display: inherit;
    margin-bottom: 5px;
    font-size: 1.2em;
    width: calc(20% - 4px);
    height: 38px;
    text-align: center;
    background: #f7f7f7;
    border-radius: 20px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 4px 12px 0 rgba(11, 22, 44, .09);
    width: 38px;
    height: 38px;
}
.social>div {
  display: inline-block;
  padding: 0 10px;
  width: 100%;
  /*text-align: center;*/
}
.social {
  padding-bottom: 0.5rem;
}
.social i {
  padding-top: 8px;
  /*color: #5a5d62;*/
  color: white;
}
.share-bt .whatsapp{
  background: #21c321;
  color: white;
}
.share-bt .telegram,.share-bt .twitter,.share-bt .email{
  background: #1ca1f2;
  color: white;
}
.share-bt .facebook{
  background: #4267b2;
  color: white;
}
.share-bt>div {  
  max-width: 400px;
  border-radius: 20px;
  margin: 0 auto;
  margin-top: 15px;
}
.share-bt>div>div {
  background: url(/images/social_pattern.png) transparent;
  padding: 10px 30px;
}
.share-bt>div>div>div {
  display: flex;
  justify-content: space-between;
}
.share-bt>div>div>div>i {
  font-size: 150%;
}
  /*------------------------------------------------------------
  BACK TOP
  ------------------------------------------------------------*/
  #back-top, #invite {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    bottom: 65px;
    right: 30px;
    z-index: 99;
    background-color: var(--primary);
    color: white;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 50%;
    transition: visibility 0s, opacity 0s linear;
    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 20%);
    width: 42px;
    height: 42px;
}
#invite {
  visibility: visible;
  opacity: 1;
  background-color: #2ecc71;
}

  /*------------------------------------------------------------
  GERAL
  ------------------------------------------------------------*/
.nobackground {
  background: transparent;
}
main.coupon .full-container, main.home .full-container, main.category .full-container {
  padding-bottom: 3px;
  margin: 0;
  width: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0px;
    margin-bottom: -4px;
}
.nopadding{
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
  /*------------------------------------------------------------
  SLIDER
  ------------------------------------------------------------*/

.slider-items {
  /*margin: 0px auto;*/
  width: auto;
  z-index: 2;
  overflow: auto;
  white-space: nowrap;
  text-align: center;
max-width: 85rem;}

.slider-filter {
  align-items: center;
  justify-content: center;
  width: 100%;
  display: flex;
  z-index: 3;
  background: white;
  height: 83px;
}
.slider-filter.stores {
  height: 90px;
      padding-top: 0px;
    margin-bottom: 10px;
}
.slider-items>div {
  width: auto;
  height: auto;
  display: inline-flex;
  flex-wrap: wrap;
  padding: 10px 0px;
  cursor: pointer;
  border-bottom-width: 6px;
  border-color: white;
  /*transition: border-color .2s linear;*/
}
.slider-item>span{
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px 5px;
  border-radius: 5px;
}
.slider-icon {
  text-align: center;
  border-radius: 5px;
  /* transform: rotate(-10deg); */
  font-size: 25px;
  color: #777777;
  height: 30px;
  width: 35px;
  margin: auto;
}
.slider-filter:not(.stores) .slider-icon {
  /* background: #edeef1; */
  background: #f3f3f3;
  color: #646464;
  padding: 6px;
  width: 42px;
  height: 42px;
  font-size: 20px;
  /*border: 1px solid #e4e4e4;*/
  /* box-shadow: 0 0px 4px 0 rgb(0 0 0 / 10%); */
  margin-top: 0px;
  /* text-shadow: 2px 2px 0px rgb(255 255 255); */
  transition: color .2s linear;
}
.slider-previous, .slider-next  {
  height: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  cursor: pointer;
  font-size: 25px;
  left: 0px;
  color: var(--primary);
  /* background: var(--primary);*/
  border-radius: 50%;
  padding: 7px 11px;
  text-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
}
.slider-previous{
  margin-left: 5px;
  padding-right: 10px;
  }
.slider-next{
  margin-right: 5px;
padding-left: 10px;
}
.slider-next::after, .slider-previous::after {  
  content: "";
  position: absolute;  
  width: 20px;
  height: 60px;
  z-index: 4;
}
/*
.slider-next::after {  
  background-image: linear-gradient( to right, transparent 0%,#ffffff 30%, #ffffff 80% );
  margin-right: 30px;
}
.slider-previous::after {
  background-image: linear-gradient( to left, transparent 0%,#ffffff 30%, #ffffff 80% ); 
  margin-left: 30px;
}*/
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.slider-icon + span {
  font-size: 0.85em;
  font-weight: 400;
  font-family: Nunito, Helvetica, Arial, sans-serif;
  margin-top: 0px;
  display: block;
  transition: color .2s linear;
  color: gray;
  margin-top: 1px;
  line-height: 1.3;
}
.slider-item:not(.selected) .slider-icon {
  background: #f3f3f3;
  color: #777777;
}
.slider-item:not(.selected) .slider-icon .ad {
  display: inline-block;
}

.slider-item.selected{
  border-bottom: 6px solid var(--primary);
  /* background: var(--primary)0d; */
  padding-bottom: 4px;
  border-radius: 5px;
}
.slider-item.selected .slider-icon+span{
  color: var(--primary);
}  
.slider-filter:not(.stores) .slider-item.selected .slider-icon{
  color: #ffffff;
  background: var(--primary);
}  
.slider-filter:not(.slider-tags) .slider-items>div:hover {
  /* background: #f2f9fd; */
  border-bottom: 6px solid var(--primary);
      border-radius: 5px;
  padding-bottom: 4px;
}

.slider-filter:not(.slider-tags) .slider-items>div:not(.selected):hover .slider-icon+span, .slider-filter:not(.slider-tags) .slider-items>div:not(.selected):hover .slider-icon{
  color: var(--primary);
}
  /*------------------------------------------------------------
  MENU
  ------------------------------------------------------------*/
.header-c1, .header-c2{
  display: flex;
  width: 100%;
}
.header-c2 {
  justify-content: flex-end;
      gap: 5px;
}
.input-search {
  background-color: var(--bg-main);
  border: 0;
  color: #666666;
  font-size: 1rem;
  line-height: 1.4;
  text-overflow: ellipsis;
  width: 99%;
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  transition: width 0.3s ease 0s;
  height: 38px;
    /*border: 1px solid #ededed;*/
    border-radius: 20px;
    /*box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);*/
}

/*.header-search-button*/ .header-login-button.register {
  display: block;
  border-radius: 0.25rem;
  border-style: solid;
  transition: all ease-in .15s;
  background-color: var(--primary);
  border-color: var(--primary);
  font-size: 1rem;
  padding: 0.3rem 0.5rem;
  color: white;
  border-radius: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    font-weight: 600;
}
.header-add-offer {
  display: none;
  transition: all ease-in .15s;
  background-color: var(--primary);
  font-size: 1.2rem;
  padding: 5px 10px;
  border-radius: 5px;
  height: 38px;
  width: 38px;
  color: #ffffff;
  /*box-shadow: 0 3px 10px 0 rgb(0 0 0 / 20%);*/
      border: 1px solid #ededed;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
}
.header-search-button {
    font-size: 1rem;
    color: #777777;
    padding: 8px 10px;
    border-radius: 5px;
    top: 0px;
    position: absolute;
    right: 3px;
    transition: opacity .3s ease;
    background: #f7f7f7;
    height: 38px;
    width: 38px;
    border: 1px solid #ededed;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
}
.header-alert {
    transition: all ease-in .15s;
    background-color: var(--bg-main);
    font-size: 1.2rem;
    padding: 5px 10px;
    border-radius: 5px;
    height: 38px;
    color: #777777;
    /* border: 1px solid #e1e1e1; */
    width: 38px;
    position: relative;
    cursor: pointer;
    /* border: 1px solid #ffffff; */
    border-radius: 20px;
    /* box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
}
.header-login-button.register{
  padding: 0.25em 0.6em;
  font-weight: 600;
  /*box-shadow: 0 3px 10px 0 rgb(0 0 0 / 20%);*/
}
.input-search:focus {
  outline: 0;
}
.description-link * {
  padding: 0;
  margin: 0;
  display: inline;
}

  /*------------------------------------------------------------
  SKELETON SCREEN
  ------------------------------------------------------------*/


  @keyframes loading {
    from {
      background-color: #f1f1f1;
    }
    to {
      background-color: #e8e8e8;
    }
  }

/*data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=*/
.sk .gird-image img {
    width: 100%;
    min-width: 80px;
    height: 100px;
    margin-bottom: 10px;
    background-image: radial-gradient(#f1f1f1 99%, transparent 0 );
    /*animation: shine-avatar 1.6s infinite linear;*/
}
.single.sk .gird-image img {
  height: 240px;
  margin-bottom: 10px;
}
.sk .description-link {
  width: 70%;
  height: 20px;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
  margin: 5px 0;
}

.sk .price {
  height: 20px;
  width: 80px;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
}
.sk .store>span {
  display: none;
}
.single.sk .store>span {
  display: block;
}
.sk .store {
  width: 80px;
  height: 20px;
  /* background-image: radial-gradient(#f1f1f1 99%, transparent 0 ); */
  border-radius: 5px;
}
.sk .user-link span {
  width: 40px;
  height: 15px;
  background-image: radial-gradient(#f1f1f1 99%, transparent 0 );
  position: inherit;
  border-radius: 5px;
}
.sk .user-link .level {
  margin-top: 3px;
}
.sk .user-link img {
  /*background-image: radial-gradient( circle 70px at 50px 50px, lightgray 99%, transparent 0 );*/
  animation: loading 0.5s ease-in-out alternate infinite;
  border:none;
  margin: 0;
}
.sk .meta-title {
  width: 100%;
}
.sk .title-link {
  height: 20px;
  width: 85%;
  display: block;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
}
.sk .open-offer {
  display: none;
}
.ps.sk .open-offer{
  display: block;
}
.sk .header-link-2 {
  display: none;
}
.sk .save-icon {
  color: lightgrey;
}
.sk .comment-icon {
  color: lightgrey;
}
.sk .vote-plus>i, .sk .vote-minus>i {
  color: lightgrey;
}




  /*------------------------------------------------------------
  SINGLE TEXT
  ------------------------------------------------------------*/
.text-content {
  display: flex;
  flex-direction: column;
  align-self: center;
  max-width: 864px;
  margin: auto;
  padding: 40px 30px;
}
.nosidebar {
  background: white;
  border-radius: 5px;
}
.h1t{
  font-size: 22px;
  margin: auto;
  padding-bottom: 10px;
  color: #666666;
  margin-bottom: 1rem;
}

  /*------------------------------------------------------------
  SINGLE OFFER
  ------------------------------------------------------------*/
.offer-description,.offer-comments {
  border-radius: 16px;
  background: white;
  padding: 0 0px;
  /* padding-top: 15px; */
  margin-bottom: 20px;
  /* padding-bottom: 15px; */
  width: 100%;
  display: block;
  border: 1px solid #ededed;
    border-radius: 16px;
    /*box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);*/
}
.offer.single {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: flex;
  flex-direction: column;
  grid-template-columns: 0.32fr 0.68fr;
  -ms-grid-columns: 0.32fr 0.68fr;
  }
.offer.offer-options, .offer-options {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 1px solid #efefef;
  display: flex;
  padding: 10px 16px;
  align-items: center;
  background: var(--primary-shade);
  justify-content: left;
  /* width: auto; */
  box-shadow: 0 0px 15px -7px rgb(0 0 0 / 50%);
  }
  .offer-options:not(.offer){
    margin-bottom: 20px !important;
    border-radius: 0 0 18px 18px;
    border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        padding: 0;
            border-top: 0 !important;
  }
.offer-options>.offer-options{
  box-shadow: none;
  border: none;
  padding: 0px;
  margin: 0;
  background: transparent;
  width: auto;

  }
.offer.offer-options>a:hover{
  
/* background: var(--primary-shade); */}
.offer.offer-options>a:not(:first-child) {
  margin-left: 7px;
}
.offer-options-report>a {
  padding: 7px 14px;
  display: block;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #e9eaed;
}
.offer-options-share>a {
  padding: 0px 0px;
}
.offer-options-share {
  margin-left: 1.5rem;
}
.offer-comments {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.comment-header {
  padding: 12px 24px;
  background: var(--primary-shade);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;

}
.comment {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 35px auto;
  -ms-grid-columns: 35px auto;
  grid-template-rows: 1fr auto;
  -ms-grid-rows: 1fr auto;
  padding: 16px;
  /*width: 100%;*/
}
.user-activity .comment {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 80px auto;
  -ms-grid-columns: 80px auto;
  grid-template-rows: 1fr auto;
  -ms-grid-rows: 1fr auto;
  align-items: center;
  background: #ffffff;
    border-radius: 18px;
    border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    margin: 14px 0px;
}

.offer-comments .comment-image img {
  max-width: 100%;
  max-height: 50px;
  border-radius: 50%;
  margin-top: 7px;
  border: 1px solid #e9eaed;
  border: 1px solid #ededed;
    border-radius: 31px;
    box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
}
.comment-text-h>span, .comment-text-opt>a, .comment-text>span {
  display: inline-flex;
  column-gap: 7px;
  align-items: center;
  color: #8a8a8a;
  font-weight: 600;
  font-size: 0.9em;
  margin-right: 1rem;
}
.comment-text-c {
  padding: 7px 0;
}
.comment-text-c img {
  margin-right: auto;
  margin-left: 0;
  max-width: 100%;
  max-height: 500px;
  padding-right: 1em;
}
blockquote img {
  max-width: 100px !important;
  max-height: 100px !important;
}
.comment {
  /*border-top: 1px solid #e9eaed;*/
}
.comments .comment {
    /* border-top: 1px solid #e9eaed; */
    border: 1px solid #ededed;
    border-radius: 16px;
    box-shadow: 0px 0px 6px 0 rgba(11, 22, 44, .09);
    margin: 16px;
    background: #f7f7f7;
}
.comment-text-opt .open-offer {
  color: white;
  float: right;
}

.balloon:before{
  position: absolute;
  top: .57143em;
  left: -.71429em;
  width: 0;
  height: 0;
  border-right: .71429em solid #dadee0;
  border-top: .71429em solid transparent!important;
  border-bottom: .71429em solid transparent!important;
}
.comment-image {
  grid-column: 1;
  -ms-grid-column: 1;
}
.comment-text {
  grid-column: 2;
  -ms-grid-column: 2;
  padding-left: 10px;
}
.offer-description {
  display: flex;
  flex-direction: column;
  align-items: center;
      padding: 0;
    border: 0;
}
.offer-description:has(.content) {
    margin-top: 20px;
        border: 1px solid #ededed;
}
.qr-offer{
  display: none;
}
.single .grid-footer{
  display: block;
  margin-top: 5px;
  text-align: center;
}
.single .header-link-1{
  text-align: left;
}
.single .open-offer {
  width: 100%;
  text-align: center;
}
.single .coupon-offer {
  width: 100%;
  text-align: center;
  margin-bottom: 7px;
  height: 35px;
}
.single .grid-footer .header-link-2>* {
  /* margin-top: 0.5em; */
}
.single .store>span:first-child{
  display: inline;
}
.single .grid-footer .header-link-2 {
  flex-direction: column;
  margin-top: 15px;
}
.single .gird-image img {
  max-height: 28vh;
  /* min-height: 170px; */
  padding-bottom: 5px;
}
.offer.single.os .gird-image img{
  min-height: 170px;
}
.overlay{
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgb(19,19,19);
  z-index: 2003;
  -moz-opacity: 0.7;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
}
.overlay-m {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgb(19,19,19);
  z-index: 2001;
  opacity: 0.5;
}
.popup {
  display: none;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 20px);
  height: auto;
  max-width: 100%;
  padding: 20px;
  z-index: 9999;
  overflow: auto;
  border-radius: 18px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.popup.story {
  width: 100%;
  height: 100%;
  border-radius: 0;
  padding: 0;background: black;
}
.flex-c {
  display: flex;
  flex-direction: column;
}
.flex-r {
  display: flex;
  flex-direction: row;
}
.flex-r.coupon>* {
  width: 100%;
  text-align: center;
  padding: 15px 0;
}
.space-b {
  justify-content: space-between;
}
.pt15 {
  padding: 15px 0;
}
.popup-title {
  margin: 0px 0px 10px 0px;
  font-size: 1.5rem;
  text-align: center;
  width: 100%;
}
.coupon>.coupon-offer {
  margin-left: 0;
  display: block;
}
@media screen and (min-width: 48rem){
  .coupon-offer + .open-offer{
    border-bottom: 37px solid var(--primary);
    border-left: 18px solid transparent;
    padding: 0px 15px;
    background: transparent;
    /*border-bottom-left-radius: 0;*/
  }
  .offer.single .coupon-offer {
    margin-right: -20px;
  }
  .coupon-offer + .open-offer>* {
    padding: 14px 0;
  }
  .open-offer{
    padding: 9px 20px;
  }
  
  .offer-options {
    flex-direction: row !important;
  }
  .grid-offers .meta-title .price {
    font-size: 1.5rem;
  }
  .store.divider {
    display: block;
  }
  .offer.offer-options {
    justify-content: start;
  }
  .offer-options>.offer-options {
    display: contents;
}
  .sk .gird-image img {
    height: 240px;
    margin-bottom: 0px;
  }

  .offer.single {
    display: grid;
    display: -ms-grid;
  }
  .single .open-offer {
    width: auto;
  }
  .single .grid-footer .header-link-2 {
    flex-direction: row;
    margin: 0;
  }
  .single .coupon-offer {
    width: auto;
    margin-bottom: 0;
  }
  .single .gird-image img {
    max-height: 250px;
    padding-bottom: 0px;
    /* min-height: 200px; */
    padding: 12px;
  }
  .popup{
    max-width: 550px;
  }
  .popup.game {
    max-width: 450px;
  }
  .popup.story{
    width: calc( calc(1vh*100) *65/117);
    height: calc(1vh*100);
max-width: 100%;}
  .popup.report{
    
max-width: 400px;
  }
  .single .grid-footer{
    display: flex;
  }
  .header-link-1 .comment-count {
    display: block;
  }
  a.user-link>div {
    display: flex;
  }
  .coupon-offer .coupon_text {
    text-align: left;
      padding-left: 5px;
      padding-right: 5px;
  }
}
@media screen and (min-width: 64rem){
  .coupon-offer {
    max-width: 300px;
}
  .qr-offer{
    display: block;
  }
}

.sk.single .store>span {
  /* display: none; */
}

.sk.offer.offer-description p {
  height: 20px;
  width: 98%;
  display: block;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
  margin: 10px;
}
.sk.offer.offer-description h3 {
  display: none;
}
.offer.offer-options.sk>* {
  filter: grayscale(100%);
  visibility: hidden;
}
.offer-description h3 {
  margin-top: 0;
  /* text-align: center; */
  margin-bottom: 10px;
  display: none;
  }
.offer.offer-description>.content {
  padding: 0;
  /* text-align: center; */
  /* text-align: justify; */
  /* padding: 0 15px; */
  margin: 10px 0;
      /*box-shadow: 0 4px 12px 0 rgba(11, 22, 44, .09);*/
    margin: 0;
    /*padding: 25px 32px;*/
        padding: 0px 0px;
  }


  /*------------------------------------------------------------
  COUPON LIST
  ------------------------------------------------------------*/

.coupons .coupon {
  display: grid;
  align-items: stretch;
  justify-content: stretch;
  margin-bottom: 8px;
  grid-template-columns: 25% auto;
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all .25s ease;
    margin-bottom: 15px;
}
.coupons .coupon > div {
  padding: 10px 18px;
  padding-right: 12px;border-radius: 18px;
}
.coupon-intro a {
  font-size: 0.7em;
}
.coupons .coupon > div.coupon-intro {
  padding: 10px 10px;
background-image: url(/images/social_pattern.png);}
.coupons .coupon .coupon-intro {
    position: relative;
    background: white;
    display: flex;
text-align: center;}
.coupons .coupon .coupon-intro ul {
  color: #aaa;
  padding-left: 20px;
}
.coupons .coupon .coupon-intro:after {
content: " ";
    border: 2px dashed var(--bg-main);
    height: 80%;
    position: absolute;
    top: 14px;
    right: -2px;
    z-index: 2;
}
.coupons .coupon .coupon-value {
    display: flex;
    position: relative;
    width: 100%;
    background: white;
    flex-direction: column;
    justify-content: center;
}
.coupons .coupon .coupon-value:before {
  content: " ";
  width: 24px;
  height: 24px;
  position: absolute;
  top: -12px;
  left: -12px;
  border-radius: 100%;
    background-color: #fffffff2;
    background-image: linear-gradient(var(--bg-main), var(--bg-main));
        box-shadow: -3px -5px 30px 0px rgb(243 234 228);
}
.coupons .coupon .coupon-value:after {
  content: " ";
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: -12px;
  left: -12px;
  border-radius: 100%;
    background-color: #fffffff2;
    background-image: linear-gradient(var(--bg-main), var(--bg-main));
        box-shadow: 0px 7px 30px 7px rgb(243 234 228);
}
.offer.coupons {
    background: transparent;
    display: contents;
    margin-bottom: 10px;
    padding: 0;
    box-shadow: none;
        border: 0;
}
.store-content-coupon>.grid-coupons, .store-content>.grid-offers {
  min-height: auto;
}
.coupon-value .content {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 5px 0;
}

.coupon-action {
    display: flex;
    flex-direction: column;
}
.coupon-action .coupon-offer, .coupon-action .open-offer {
    display: inline-flex;
    width: 100%;
    margin: 0;
    text-align: center;
    justify-content: center;
}
.coupon-intro a {
    color: #777777;
    text-align: center;
    font-weight: 600;
    width: 100%;
    display: block;
}
.coupon-value .meta-title {
    padding: 0;
}

.coupon .header-link-1{
    display: none;
}
.coupon .header-link-2 .coupon-offer {
    display: none;
}
.coupon .grid-footer{
    display: flex;
    align-items: center;
}
.coupon .header-link-2 .open-offer {
    /* background: transparent; */
    /* color: var(--primary); */
    /* padding: 0; */
font-size: 0.9em;
width: 100%;
text-align: center;
}
.coupon-intro .gird-image img {
  max-height: 75px;
  border-radius: 50%;padding: 0px;
/* margin-bottom: 5px; */}
.coupon .meta-title .fa-clock{
  display: none;
}
.coupon .meta-title>.opts{
  float: right;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 48rem){
  .coupon .header-link-2 .open-offer {
    width: auto;
    }
    .coupon .header-link-1{
        display: flex;
    }
    .coupon .header-link-2 .coupon-offer {
        display: flex;
    }
    .coupon .header-link-2 .open-offer {
        /*background: var(--primary);*/
        color: white;
        /*padding: 10px 10px;*/
    }
    .coupon-intro a {
      font-size: 0.9em;
  }
  .coupon-intro .gird-image img{
    padding: 0px;
  }
  .coupons .coupon{
    min-height: 140px;
  }
  .coupons .coupon {
    grid-template-columns: 20% auto;
  }
  .coupon .meta-title .fa-clock{
    display: inline-block;
  }
  .coupon .meta-title>.opts {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}

.coupon.sk .content{
  height: 30px;
  width: 95%;
  display: block;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
}
.coupon.sk .image-link+a {
  height: 17px;
  margin-top: 5px;
  width: 100%;
  display: block;
  border-radius: 5px;
  background-image: radial-gradient(#f1f1f1 99%, transparent 0 );
}
.coupon-opt {
  /* float: right; */
  margin-left: 10px;
position: absolute;/* width: calc(100% - 20px); */margin: 0;text-align: center;
display: none;

}
.coupon.sk .meta-title>*:not(.title-link){
  display: none;
}

.grid-coupons .meta-title>div:first-child {
  max-width: calc(100% - 30px);
  width: auto;
  float: left;
}
/*.coupon.sk .image-link>img*/
/*------------------------------------------------------------
EDITOR INPUT
------------------------------------------------------------*/
.wysiwyg-editor {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 0;
}

.wysiwyg-controls {
  display: block;
  width: 100%;
  width: calc(100% - 43px);
  height: 35px;
  border: 1px solid #e9eaed;
  border-top: 0;
  border-radius: 0px 0px 5px 5px;
  background: #f3f3f3;
  /* max-width: 100%; */
  box-shadow: 1px 6px 5px -4px rgba(11, 22, 44, .09);
}
.wysiwyg-controls a {
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: top;
  line-height: 38px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  color: #ADB5B9;
}
.wysiwyg-controls a:hover, .wysiwyg-controls a.active:not([data-role="insertUnorderedList"], [data-role="insertOrderedList"]) {
  background: #cdcdcd;
  color: #4a4a4a;
  border-radius: 2px;
}
.wysiwyg-controls [data-role=bold] {
  font-weight: bold;
}
.wysiwyg-controls [data-role=italic] {
  font-style: italic;
}
.wysiwyg-controls [data-role=underline] {
  text-decoration: underline;
}

[class^=menu], [class^=menu]:after, [class^=menu]:before {
  position: relative;
  top: 48%;
  display: block;
  width: 65%;
  height: 2px;
  margin: 0 auto;
  background: #ADB5B9;
}
[class^=menu]:before {
  content: "";
  top: -5px;
  width: 80%;
}
[class^=menu]:after {
  content: "";
  top: 3px;
  width: 80%;
}

.menu-left:before, .menu-left:after {
  margin-right: 4px;
}

.menu-right:before, .menu-right:after {
  margin-left: 4px;
}

.wysiwyg-content {
  max-width: 100%;
  width: 100%;
  height: auto;
  padding: 12px;
  resize: both;
  overflow: auto;
  font-family: Helvetica, sans-serif;
  /* font-size: 12px; */
  border: 1px solid #C2CACF;
  border-radius: 5px 5px 0px 0px !important;
  /*background: #F2F4F6;*/
}
.wysiwyg-content:focus {
  outline: none;
}


/*------------------------------------------------------------
AZ FILTER
------------------------------------------------------------*/

.az-filter {
  align-items: center;
  justify-content: center;
  width: 100%;
  display: flex;
  z-index: 3;
  /*background: var(--primary-shade);*/
  flex-flow: row wrap;
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 8px;
  /*box-shadow: 0 0px 4px -1px rgb(0 0 0 / 32%);*/
      padding-top: 15px;
}
.az-filter> span {
    padding: 0px 7px;
    font-weight: 500;
    color: #777777;
    margin: 2px 2px;
    border: 1px solid #e9edf2;
    font-weight: 500;
    box-shadow: 0px 0px 8px 0 rgba(11, 22, 44, .09);
    background: white;
    border-radius: 12px;
    padding: 5px 10px;
    margin: 5px;
}
.az-filter>.selected {
color: white;
    background: var(--primary);
}
.az-filter>span:hover {
  color: var(--primary);
  cursor: pointer;
}
.az-filter.sk>span:not(.selected) {
  width: 21px;
  height: 21px;
  animation: loading 0.5s ease-in-out alternate infinite;
  margin: 2px 2px;
  border-radius: 5px;
}

/*------------------------------------------------------------
STORE GRID
------------------------------------------------------------*/

.store-grid {
  /*background: white;*/
  padding: 10px;
  /* text-align: center; */
  min-height: 100vh;
      border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.store-item {
  display: inline-flex;
  display: -ms-flexbox;
  flex-direction: column;
  padding: 10px;
  min-width: 100%;
}
.store-header {
  display: flex;
  display: -ms-flexbox;
  flex-direction: row;
  align-items: center;
  /*justify-content: center;*/
  padding: 10px;
  border: 1px solid #e9eaed;
    border-radius: 18px;
    border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    background: white;
}
.store-img>div {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 2px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

}
.store-footer {
  text-align: center;
}
.store-name>.name {
  color: rgb(102, 102, 102);
  font-style: normal;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 600;
}
.store-name {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.store-img {
    border-radius: 30px;
    box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
    border: 1px solid #ededed;
    width: 52px;
    height: 52px;
    padding: 0;
    margin: 0 10px;
}
.store-name>.link {
  color: #8f949b;
  font-size: 0.9em;
}
.store-group {
  text-align: left;
  margin: 5px 0px;
  /* border-bottom: 1px solid #dbdbdb; */
  padding: 10px;
  font-weight: 700;
  font-size: 1.2rem;
  color: #787878;
  /*background: var(--primary-shade);*/
  border-radius: 5px;
}
.store-grid .sk .store-img {
  width: 50px;
  height: 50px;
  background-image: radial-gradient(#f1f1f1 99%, transparent 0 );
  border-radius: 50%;
  margin: 0 10px;
}
.store-item-a.sk .store-img>div {
  border-color: transparent;
}
.store-grid .sk .store-name .name {
  width: 150px;
  height: 20px;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
}
.store-grid .sk .store-name .link {
  width: 75px;
  height: 17px;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
  margin-top: 4px;
}
.store-grid>.store-group.sk>span {
  width: 26px;
  height: 26px;

  display: block;
  border-radius: 5px;
}
/*------------------------------------------------------------
SINGLE STORE
------------------------------------------------------------*/

.single-store-header-img>div {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  padding: 2px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.single-store-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  flex-direction: column;
}
.single-store-header-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.single-store-header-img {
  margin: 0 15px;
  border-radius: 50%;
}
.ui-layout-container.single-store {
  background: white;
background-image: url(/images/social_pattern.png);
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
border-radius: 18px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 14px;
    border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.single-store-header-name>span:first-child {
  font-size: 1.3rem;
  font-weight: 700;
  color: #e9eaed;
  padding: 5px 0;
}
.single-store-name {
  /* color: var(--primary); */
  display: inline-block;
}
.single-store-info {
  display: flex;
  width: 100%;
  max-width: 1000px;
  align-items: center;
  justify-content: center;
}
.single-store-header-name>span:last-child {
  display: none;
}
.single-store-header-name>span{
  color: #e9eaed;
}
.single-store-options {
  background: var(--primary-shade);
  border-radius: 5px;
  padding: 8px;
  margin-bottom: 8px;
  /*border-top: 1px solid #efefef;*/
  text-align: center;
  box-shadow: 0px 8px 5px -9px rgb(0 0 0 / 32%);
}

.single-store-options {}
.single-store-options a {
  padding: 12px 10px;
  color: #5a5d62;
  font-weight: 500;
  font-size: 16px;
}
.single-store-options .selected {
  color: var(--primary);
}
.single-store-vote>* {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.store-stars>i {
  color: rgb(255, 201, 52);
  padding: 0px 3px;
  font-size: 1.3rem;
}
.store-stars {
  padding: 10px 10px;
}
.single-store-vote>span:first-child {
  font-weight: 600;
  font-size: 1.1rem;
}
.single-store-vote>span:last-child {
  font-size: 0.875rem;
  color: #898989;
}
.single-store-header-name {
  margin-right: 0px;
  width: 100%;
}
.section-title>h2 {
  font-size: 1.5rem;
  margin-bottom: 0px;
  padding: 5px 0;
  color: #5a5d62;
}
.section-title {
  display: flex;
  align-items: center;
  padding: 1rem 0;
  justify-content: center;
}
.section-title>i {
  font-size: 1.5rem;
  color: #5a5d62;
  padding: 0 15px;
}
.load-more>a {
  padding: 10px 20px;
  background: white;
  /* border: 1px solid #cbcbcb; */
  border-radius: 5px;
  text-align: center;
  margin: auto;
  display: block;
  box-shadow: 0 0px 4px -1px rgb(0 0 0 / 32%);
  border-radius: 18px;
    border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.load-more {
  width: 100%;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 16px;
}
.section {
  background: white;
  border-radius: 5px;
  margin-bottom: 10px;
}
.store-stars>.far.fa-star {
  color: #cfcfcf;
}

.single-store-vote {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.single-store-vote>span:last-child {
  display: none;
}
/*
.single-store.sk .single-store-desc {
  height: 20px;
  width: 85%;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
}*/
.single-store-link {
  min-width: 140px;
  width: 100%;
}
.single-store-go>a {
  background-color: var(--secondary);
  /* background-color: var(--primary); */
  padding: 10px 10px;
  color: white;
  font-weight: 600;
  border-radius: 20px;
  line-height: 1;
  text-align: center;
  /* margin: 0px 15px; */
  margin-top: 15px;
  width: 100%;
  max-width: 370px;
  box-shadow: 2px 5px 7px -6px #3d3d3d;
  box-shadow: 0 0px 4px -1px rgb(0 0 0 / 32%);
}
@media screen and (min-width: 48rem){
  .store-item{
    min-width: calc(25% - 20px);
  }
  .section-title {
      justify-content: left;
  }
  .single-store-options {
      text-align: left;
  }
  .single-store-header {
      flex-direction: row;
  } 
  .single-store-header-name>span:last-child {
      display: block;
  }  
  .single-store-info + span {
      display: none;
  }
  .single-store-header-name {
      /* border-right: 1px solid #efefef; */
  }
  .single-store-vote>span:last-child {
      display: flex;
  }
  .single-store-vote {
      flex-direction: column;
  }
  .comment {
    grid-template-columns: 75px auto !important;
    -ms-grid-columns: 75px auto !important;
  }
  .single-store-link {
    width: auto;
  }
  .single-store-go>a{
    margin: 0px;
  }
}
.single-store.sk .single-store-header-img>div {
  background: radial-gradient(#f1f1f1 99%, transparent 0 );
}
.single-store.sk .pre-store-name {
  height: 20px;
  width: 70%;
  color: transparent;
  display: block;
  margin-bottom: 5px;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
}
.single-store.sk .single-store-name {
  height: 20px;
  width: 85%;
  display: block;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
}

/*------------------------------------------------------------
USER NUMBERS
------------------------------------------------------------*/

.user-numbers {
  padding: 1.1rem;
  padding-top: 0;
}
.user-profile .user-numbers {
  padding: 0;
  padding-top: 0;
  /* margin: auto; */
}
.user-profile .number-item>div {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.number-item {
  padding: 5px;
  display: inline-flex;
}
.number-item>i {
  font-size: 1.1rem;
  color: #5a5d62;
  width: 25px;
}
.number-item>.count {
  font-weight: 700;
}
.number-item>.text {
  font-size: 0.875rem;
  color: #8b8b8b;
  padding-left: 5px;
  font-weight: 400;
}
.user-numbers header i {
  width: 35px;
}
.user-numbers header {
  font-size: 1.2rem;
}
.user-profile .single-store-header {
  justify-content: center;
  flex-direction: row;
  width: auto;
}
.user-profile .user-numbers {
  padding-top: 1rem;
}
@media screen and (min-width: 48rem){
  .user-profile .number-item>div {
    display: block;
  }
  .user-profile .user-numbers {
    padding-top: 0;
  }
}
/*------------------------------------------------------------
USER ACTIVITY
------------------------------------------------------------*/


.user-activity .comment:not(.sk){
  /* align-items: center; */
  /* justify-content: center; */
      background: white;
          margin: 14px 0;
}
.user-activity {
  /*background: white;*/
  border-radius: 5px;
}
.user-activity .comment-text-c a {
  font-weight: 600;
}
.user-activity .comment-text-c span {
  color: #787878;
}
.user-activity .comment-text-h i {
  color: #787878;
}

/*------------------------------------------------------------
USER PROFILE
------------------------------------------------------------*/

.menu-h {
  display: flex;
  padding: 0;
}
.user-profile>div {
  background: white;
background-image: linear-gradient(rgba(0,0,0,0.6), rgb(0 0 0 / 60%));
    background-size: cover;background-repeat: no-repeat;
    
    background-position: 50% 50%;padding: 12px 0;
      box-shadow: 0px 8px 5px -9px rgb(0 0 0 / 32%);
    border-radius: 18px;
        padding: 0.5rem;
  }
.user-profile .single-store-header-name>span:last-child {
  display: block;
}
a.follow {
  background: #66b22c;
  border-color: #60ae40;
  color: #fff!important;
  padding: 7px 3rem;
  border-radius: 5px;
}
.user-profile .single-store-header {
  padding: 5px 0;
}
.single-store-options {
    padding: 0px;
    position: sticky;
    top: 72px;
    z-index: 9;
    border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
}
.single-store-options>.ui-layout-container {
  display: flex;
  justify-content: center;
  gap: 2%;
  padding: 0;
}
@media screen and (min-width: 48rem){
  .user-profile .single-store-header-name {
      border: none;
      max-width: 450px;
  }
}


  .profile-info{
    max-width: 500px;
  }

/*------------------------------------------------------------
SINGLE CATEGORY
------------------------------------------------------------*/

.single-category {
  background: white;
}
.single-category .single-store-header-name {
  border: 0;
}
.single-category .single-store-header-img>i {
  font-size: 3rem;
  padding: 1rem;
}
.single-category .single-store-header-img {
  margin: 0 15px;
  background: var(--primary-shade);
  border-radius: 50%;
  text-align: center;
  align-items: center;
  display: flex;
  border: 1px solid #efefef;
  width: 88px;
  height: 88px;
}

.offers-filter{
  background: var(--primary-shade);
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 8px;
  border-top: 1px solid #efefef;
  text-align: center;
}

.offers-filter a {
  padding: 0 10px;
  color: #5a5d62;
  font-weight: 500;
}
@media screen and (min-width: 48rem){
  .offers-filter {
      text-align: left;
  }

}

/*------------------------------------------------------------
OPTIONS WIDGET
------------------------------------------------------------*/
.options .opt-layout, .options .opt-expired {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  margin: 10px 10px;
  margin-bottom: 8px;
}
.options .opt-layout{
  display: none;
}
.options .opts {
  display: flex;
  align-items: center;
  justify-content: center;
}
.options .opt-layout>span, .options .opt-expired>span {
  font-size: 0.9em;
  /* font-weight: 600; */
  color: gray;
}
.options .opt-layout i {
  font-size: 1.4em;
  color: #777777;
  padding: 1px 2px;
  /*text-shadow: 0 0 5px #dfdfdf;*/
}
.options .opt-layout a.selected>i {
  color: var(--primary);
}
.options .opt-layout>span:last-child, .options .opt-expired>span:last-child {
  margin-right: 10px;
}
.options>header {
  padding-bottom: 0;
  display: none;
}
@media screen and (min-width: 64rem){
  .options .opt-layout, .options .opt-expired {
      flex-direction: column;
  }
  .options .opt-layout>span:last-child, .options .opt-expired>span:last-child {
      margin-right: 0px;
  }
  .options>header {
      padding-bottom: 0;
      display: block;
  }
}
/*------ toggle */
.tgl {
display: none;
}
.tgl + .tgl-btn {
outline: 0;
display: block;
width: 3em;
height: 1.5em;
position: relative;
cursor: pointer;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
        box-shadow: 0 4px 12px 0 rgba(11, 22, 44, .09);
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
position: relative;
display: block;
content: "";
width: 50%;
height: 100%;
}
.tgl + .tgl-btn:after {
left: 0;
}
.tgl + .tgl-btn:before {
display: none;
}
.tgl:checked + .tgl-btn:after {
left: 50%;
}

.tgl-light + .tgl-btn {background: #777777;border-radius: 20px;padding: 2px;transition: all 0.4s ease;}
.tgl-light + .tgl-btn:after {
border-radius: 20px;
background: #fff;
transition: all 0.2s ease;
}
.tgl-light:checked + .tgl-btn {
background: var(--primary);
}

/*------------------------------------------------------------
LOGIN
------------------------------------------------------------*/

.popup.login img {
  height: 40px;
  /* padding-bottom: 10px; */
  margin: 0;
}
.popup.login form>input {
  background-color: #F8F8F8;
  width: 90%;
  padding: 16px;
  border: 1px solid #E0E0E0;
  border-radius: 16px;
  outline: none;
  margin-bottom: 10px;
      border: 1px solid #ededed;
    border-radius: 30px;
    box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
}
::placeholder {
  color: #BEBEBE;
}
.popup.login .btn {
  padding: 15px;
  width: 90%;
  border: none;
  background-color: var(--primary);
  color: white;
  outline: none;
  transition: background-color .5s;
  cursor: pointer;
  text-align: center;
  border-radius: 30px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
.popup.login .btn:focus {
  background-color: #C3E0FA;
}
.popup.login .form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.popup.login .outhers {
    display: flex;
    width: 80%;
    align-items: center;
    margin: 15px 40px 15px;
}
.left-line, .right-line {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    background-color: #dbdbdb;
    height: 1px;
}
.popup.login .center-text {
    color: #8e8e8e;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    margin: 0 18px;
    text-transform: uppercase;
}
.popup.login .resetpwd {
    color: #8e8e8e;
}
.popup.login .flex-c {
  padding: 1rem 20px;
  background: white;
  border-radius: 5px;
}
.popup.login .header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    margin-bottom: 15px;
}
.overlay-l {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 2003;
    opacity: 1;
    /*filter: alpha(opacity=80);*/
    transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
}
@media screen and (min-width: 48rem){
    .options .opt-layout{
      display: flex;
    }
    .overlay-l {
      text-align: left;
      opacity: 0.8;
      background-color: rgb(19,19,19);
    }

}
.popup.login {
  max-width: 400px;
  background: transparent;
  padding: 0;
  transition: opacity 0.6s; 
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -ms-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
}
.popup.login .register {
  color: var(--primary);
  font-weight: 500;
}
.popup.login .close-popup {
  text-align: right;
  color: #8e8e8e;
}
.rememberMe{
  display: flex;
  width: 90%;
  align-items: center;
  margin-bottom: 10px;
  justify-content: center;
}
.rememberMe input{
  width: auto;
  margin: 0;
}
.rememberMe label{
  color: #8e8e8e;
  padding: 0px 10px;
}
.popup.login .info{
  color: red;
  font-size: 0.9rem;
  padding-top: 5px;
  text-align: center;
}
.popup.login .sent-mail{
  display: flex;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 1rem;
}
.popup.login .sent-mail>h6{
  color: rgb(50, 50, 50);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.popup.login .sent-mail>p{
  color: rgb(102, 102, 102);
  font-style: normal;
  font-weight: 400;
  white-space: pre-wrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  margin-bottom: 2rem;
}
.popup.login .sent-mail>a{
  width: 100px;
}
.popup.login .sent-mail>img {
  height: auto;
}
.popup.login {
  outline: none;
}
@keyframes spinner {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(359deg);
  }
}
.spinner {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 4px solid #ffffff;
  border-top-color: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  opacity: 1;
  margin: -14px 0;
  animation: spinner 0.6s infinite linear;
  transition: top 0.3s 0.3s ease, opacity 0.3s 0.3s ease, border-radius 0.3s ease;
  box-shadow: 0px 1px 0px rgb(0 0 0 / 20%);
}
/*------------------------------------------------------------
LOGIN
------------------------------------------------------------*/
.User-area {

max-width: 37px;

max-height: 37px;

border-radius: 5px;

/*margin-left: 5px;*/

position: relative;

cursor: pointer;

/*border: 1px solid #fff;*/
}
.User-area > .User-avtar {
  width: 100%;
  height: 100%;
      width: 35px;
    height: 35px;
  border-radius: 20px;
  /* box-shadow: 0 3px 10px 0 rgb(0 0 0 / 20%); */
  padding: 0px;
  background: #f7f7f7;
  /*border: 1px solid #e1e1e1;*/
}
.User-area > .User-avtar > img {
    width: 35px;
    height: 35px;
    border-radius: 20px;
  mix-blend-mode: darken;
  border-radius: 20px;
    box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
}

.User-Dropdown {
  display: none;
  position: absolute;
  border-radius: 18px;
  background: #fff;
  /*box-shadow: 0px 0px 8px rgba(214, 214, 214, 0.78);*/
  list-style: none;
  padding: 0 0px;
  width: 170px;
  margin: 0;
  top: 55px;
  right: 0;
}
.notifications {
  display: none;
  background: white;
  z-index: 99;
  border-radius: 18px;
  background: #fff;
  list-style: none;
  padding: 0 0px;
  margin: 0;
  right: 0;
  cursor: default;
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
}
#n-header{
  background: var(--primary);
    color: white;
}
.n-close {
  float: right;
  width: 25px;
  margin-right: 10px;
}
.n-title {
  width: 100%;
}
.notifications:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5em;
  right: 0px;
  box-sizing: border-box;
  border: 7px solid black;
  border-color: transparent transparent var(--primary) var(--primary);
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -3px 3px 3px -3px rgba(214, 214, 214, 0.78);
}
.User-Dropdown:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5em;
  right: 0px;
  box-sizing: border-box;
  border: 5px solid black;
  border-color: transparent transparent var(--primary) var(--primary);
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -3px 3px 3px -3px rgba(214, 214, 214, 0.78);
}
.User-Dropdown.U-open, .notifications.U-open {
  display: block;
}
.User-Dropdown > li {
  padding: 0 0px;
  line-height: 18px;
  border-bottom: 1px solid rgba(215, 215, 215, 0.17);
}
.User-Dropdown > li i{
  padding-right: 10px;
}
.User-Dropdown > li:last-child {
  border-bottom: 0px;
}
.User-Dropdown > li > a {
  font-size: 1rem;
  padding: 15px 20px 16px 20px;
  text-decoration: none;
  transition: all 0.2s ease-out;
  width: 100%;
  display: block;
  height: auto;
}
.User-Dropdown span {
  background: #048df0;
  padding: 3px 10px;
  color: #fff;
  border-radius: 30px;
  font-size: 13px;
}
.User-Dropdown > li:before {
  content: "";
  width: 0px;
  height: 25px;
  position: absolute;
  background: var(--primary);
  margin-top: 12px;
  border-radius: 0 1px 1px 0;
  left: 0px;
  transition: all 0.2s ease;
}
.User-Dropdown > li:hover:before {
  width: 5px;
  border-radius: 30px;
}
.User-Dropdown > li a:hover {
  margin-left: 5px;
}

.User-Dropdown > li:first-child {
  background: var(--primary);
  border-top-right-radius: 18px;
  border-top-left-radius: 18px;
}
.User-Dropdown > li:first-child a {
  color: white;
  font-size: 1rem;
}

/*------------------------------------------------------------
RELOAD OFFERS
------------------------------------------------------------*/
.reload{
  background: #f2f9fd;
  padding: 15px;
  /*border: 1px solid #54b4f8;*/
  border-radius: 5px;
  text-align: center;
  margin-bottom: 14px;
  box-shadow: 0 0px 4px -1px rgb(0 0 0 / 32%);
  cursor: pointer;
  display: none;
  z-index: 9;
  position: sticky;
  position: -webkit-sticky;
  top: 85px;
  border-radius: 18px;
    border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.reload>a, .reload>i{
  color: #2fa3f7;
  padding: 0 3px;
}
.reload>i {
  transition: transform .7s ease-in-out;
}
.reload:hover>i{
  transform: rotate(360deg);
}
/*------------------------------------------------------------
SEARCH
------------------------------------------------------------*/
.simple-container {
  width: 100%;
  height: 100%;
  /*background: white;*/
  border-radius: 5px;
  min-height: calc(100vh - 400px);
}
.header-search {
  /*background: var(--primary);*/
  text-align: center;
  color: white;
      padding: 0.5rem;
}
.header-search>.ui-layout-container{
background: var(--primary);
border-radius: 18px;
    height: 40px;
    margin-bottom: -10px;
}
.header-search span {
  padding-left: 7px;
}
.store-grid.store-search {
  min-height: 0;
  margin-bottom: 8px;
}
.slider-filter.slider-tags {
  background: none;
  box-shadow: none;
  height: auto;
}
.slider-tags .slider-item {
  padding: 7px 0px;
  margin-right: 5px;
  background-color: white;
  border-radius: 5px;
  border-bottom: 0;
}
.slider-tags .slider-previous {
  height: auto;
  padding: 0;
  margin: 0;
  margin-right: 5px;
}
.slider-tags .slider-next {
  height: auto;
  padding: 0;
  margin: 0;
  margin-left: 5px;
}
.slider-tags .slider-item>span>a {
  color: #777777;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.slider-tags .slider-icon {
  font-size: 16px;
}
.slider-tags .slider-icon {
  font-size: 16px !important;
  padding: 0 !important;
  width: 20px !important;
  height: 20px !important;
  background: white !important;
  color: #777777 !important;
  border: 0 !important;
  line-height: 1.7;
  margin-top: 0px !important;
  margin-bottom: 4px;
}
.slider-tags .slider-icon+span {
  color: #777777 !important;
  padding: 0 2px;
}
/*------------------------------------------------------------
MOBILE BAR
------------------------------------------------------------*/

.mobile-bar {
  background-color: #fff;
  display: flex;
  justify-content: space-around;
  height: 55px;
  padding: 0 15px;
  width: 100%;
  position: fixed;
  bottom: 0;
  box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
  z-index: 999;
  border-radius: 12px 12px 0px 0px;
}

.mobile-bar>a {
  display: flex;
  flex-direction: column;
  padding: 10px;
  justify-content: center;
  align-items: center;
  color: #777777;
}
.mobile-bar>a>i {
  font-size: 1.2rem;
}
.mobile-bar>a>span {
  font-size: 0.9rem;
}
header .User-area{
  /*display: none;*/
  /*border-color: rgb(225, 225, 225);*/
  border: 1px solid #ededed;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
}
.mobile-bar>a.selected {
  color: var(--primary);
}
.mobile-search {
  display: flex;
  width: 100% !important;
  -webkit-box-align: center;
  align-items: center;
  position: absolute !important;
  top: 0px;
  left: 0px;
  height: 100%;
  padding: 0px 16px;
  background-color: white;
  z-index: 1;
  transition: width 0.3s ease 0s;
}
.mobile-search>.header-search-button {
  display: none;
}
.mobile-search>.input-search {
  display: block;
}
.header-search-icon {
  display: none;
  padding: 6px;
  position: absolute;
  right: 25px;
  cursor: pointer;
}
.header-search-back {
  display: none;
  padding: 6px;
  padding-left: 0;
  padding-right: 10px;
  left: 0;
  cursor: pointer;
}
.mobile-search>.header-search-icon, .mobile-search>.header-search-back {
  display: flex;
}
.expired .heat-hot {
  background: #ededed;
}
@media screen and (min-width: 48rem) {
  .n-close {
    display: none;
  }
  #n-header{
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
  }
  .notifications {
    position: absolute;
    width: 310px;
    height: 410px;
    top: 56px;
  }
  .mobile-bar {
    display: none;
  }
  header .User-area{
    display: block;
  }
  .mobile-search {
    position: relative !important;
    padding: 0;
  }
  .mobile-search>.header-search-icon, .mobile-search>.header-search-back  {
    display: none;
  }
  .mobile-search>.header-search-button {
    display: block;
  }
  .header-search-button {
    right: 10px;
  }
}

/*****************************************************/

.heat-hot>a>i {
  transition: transform .7s ease-in-out;
}
.heat-hot>.vote-plus:hover>i{
  /*transform: rotate(180deg);*/
  color: var(--primary);
}
.heat-hot>.vote-minus:hover>i{
  /*transform: rotate(180deg);*/
  color: #ff7900;
}

/*************** save *********************/
.save-offer.saved i {
  /* color: var(--primary); */
}
.save-offer.saved {
    border: 1px solid var(--primary);
    background-color: var(--primary);
color: white;}
/**************** report **********************/
.popup.report .popup-title, .popup.share .popup-title {
  width: 100%;
  text-align: center;
}
.offer-options-report, .offer-options-d {
  line-height: 1.4;
  padding: 7px 10px;
  display: flex;
  background: white;
  border-radius: 18px;
  border: 1px solid #ffffff;
  min-height: 38px;
transition: all 0.25s;
background: #f8fafc;
    /*border-radius: 12px;*/
    padding: 6px 10px;
    border: 1px solid #efefef;
    box-shadow: 0 0px 7px 0 rgba(11, 22, 44, .09);
        color: #7f7f7f;

}
.offer-options-report>i, .offer-options-d>i{
  margin-right: 5px;
  margin-top: 3px;
  
}
.popup.report .coupon>div>a {
  padding: 10px;
  white-space: nowrap;
  background: #ebebeb;
  margin-bottom: 10px;
  width: auto;
  color: #7c7c7c;
  border-radius: 5px;
  border: 1px solid #dfdfdf;
      border-radius: 16px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
.popup.report .coupon>div>a:hover {
    background: var(--secondary);
    color: white;
  transition: 0.5s;
}
.offer-options-report.reported {
  color: white;
  background: var(--secondary);
  border-color: var(--secondary);
}

/*------------------------------------------------------------
COMMENTs
------------------------------------------------------------*/
.sk .comment-text-h>span {
  height: 20px;
  width: 15%;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
}
.sk .comment-text-c {
  height: 36px;
  width: 85%;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
}
.sk .comment-image img {
  height: auto;
  width: 50px;
  background-image: radial-gradient(#e9e9e9 99%, transparent 0 );
}
.sk .comment-text-opt>a {
  color: #dbdbdb;
}
.offer.single {
  min-height: 230px;
  padding: 32px 16px;
  /* box-shadow: none; */
  }
.offer.single .grid-meta {
  padding-right: 10px;
}
.offer.offer-description {
  /* min-height: 200px; */
}
.comments-pagination {
  /* padding: 16px; */
  width: 100%;
  border-top: 1px solid #e9eaed;
  background: var(--primary-shade);
  display: none;
}
.comments-pagination>div{
  text-align: center;
  padding: 7px;
}

.comments-pagination>div>a>span{
  padding: 0 7px;
  font-weight: 700;
}
.comments-pagination>div>.active {
  color: #ff7f00;
}
.comments-pagination>div>.current {
  color: var(--primary);
  padding: 0 10px;
}
.comments-pagination>div>a {
  color: #b9b9b9;
}
blockquote {
  border-left: 1px solid #d1d5db;
  cursor: default;
  color: #8f949b;
  margin: 15px 0px 3px 0px;
  font-size: 0.9rem;
  padding-left: 22px;
}
blockquote .comment-text-h>span, blockquote .comment-text-c {
  color: #b5b5b5;
}

.comment .attachment{
  margin: 0;
  max-width: 70%;
  width: auto;
  max-height: 500px;
  height: auto;
}
a.comment-opt {
  float: right;
  color: #8a8a8a;
}

.editor>div.tri:after {
  border-width: 0px 0 10px 10px;
  border-color: #ff000000 transparent transparent #ffffff;
  border-style: solid;
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  top: 0px;
  left: 0px;
}
.editor>div.tri {
  position: relative;
  min-height: 40px;
}
textarea.input-msg, .wysiwyg-content {
  width: calc(100% - 40px);
  border: 1px solid #e9eaed;
  border-radius: 5px;
  /* background: #ebebeb; */
  padding: 10px 10px;
  font-family: Nunito, Helvetica, Arial, sans-serif;
  display: block;
  overflow: hidden;
  resize: none;
  border-top-right-radius: 0;
  min-height: 40px;
  box-shadow: 5px -2px 5px -6px rgba(11, 22, 44, .09);
}
.editor ul {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

textarea.input-msg:focus {
  outline: none !important;
}
form.editor {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.send.circle {
background: var(--primary);
    border-radius: 50%;
    color: #fff;
    position: relative;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 7px;
    border-radius: 20px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 4px 12px 0 rgba(11, 22, 44, .09);
}
.send.circle>a {
  color: #fff;
}
.quoting {
  display: flex;
}
.cancel-quote {
  margin: auto 0;
  margin-right: 10px;
  color: darkorange;
}



/*----------------------------------------------------------------*/
.comment-opt {
  display: inline-flex;
  float: right;
}
.fab-button:focus {
  z-index: 450;
  pointer-events: none;
}
.fab-button:focus + .fab-options,
.fab-options:active {
  width: auto;
  overflow: initial;
}
.fab-options {
  position: absolute;
  width: 0;
  overflow: hidden;
  z-index: 500;
  margin-top: 20px;
  margin-left: -5px;
}
.grid-coupons .coupon .fab-options {
  margin-top: 0;
}
.fab-options .fab-option {
  display: table;
  color: #fff;
  text-align: center;
  /* margin: 8px; */
  text-decoration: none !important;
}
.fab-options .fab-option i {
  width: 30px;
  height: 30px;
  background: #fff;
  padding: 6px;
  color: #777777;
}
.comment.ex>div {
  filter: opacity(0.4);
}

.comment.ex>div .comment-text-c{
  font-size: 14px;
}
.comment-text-opt>span {
  font-size: 13px;
  color: #bdbdbd;
}
.comment.input>.comment-text>span:first-child>a {
  color: #ff870f;
}
.comment-text-h>.likes {
  color: var(--primary);
  font-size: 13px;
  float: right;
}
[isliked=true]>* {
  color: var(--primary);
}


/********************************/
.noautoload{
  display: none;
}
.text-content>.group h1 {
  font-size: 24px;
  margin: auto;
  padding-bottom: 15px;
  text-align: center;
}
.text-content>.group input {
  background-color: #F8F8F8;
  width: 100%;
  padding: 15px;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  outline: none;
  margin-bottom: 10px;
      border: 1px solid #ededed;
    border-radius: 12px;
    box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
        margin-top: 5px;
}

.red {
  color: red;
}
.green {
  color: green;
}

.tab-active {
  color: var(--primary) !important;
  /*font-weight: bold !important;*/
  border-bottom: 4px solid;
}
.user-activity{
  min-height: 80vh;
  /*box-shadow: 0 0px 4px -1px rgb(0 0 0 / 32%);*/
}
.user-activity .sk .comment-text-c {
  height: 20px;
  margin-top: 5px;
}
.user-activity>.comments>.comment>.comment-text {
  max-width: 100%;
  margin: auto;
  width: 100%;
}
.user-activity .comment.sk img {
  display: none;
} 
.user-activity .comment-image img {
  max-height: 60px;
  max-width: 80px;
}
.nosidebar.settings {
  border-radius: 18px;
    border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        margin-top: 14px !important;
}
body {
  touch-action: pan-x pan-y;
  -webkit-tap-highlight-color: transparent;
}

.wauto{
  width: auto;
}

.zoom.grid-offers {
  /* margin: 40px 0; */
}
.zoom.grid-offers>.last:not(:last-child) {
  /* margin-bottom: 40px; */
}
.grid-offers.zoom .offer {
  min-height: 140px;
}
.zoom.grid-offers .grid-body, .zoom.grid-offers .divider, .zoom.grid-offers .user-link>img, .zoom.grid-offers .comment-count {
  display: none;
}
.zoom.grid-offers a.open-offer {
  /* background: white; */
  /* color: var(--primary); */
  border: 1px solid var(--primary);
  /* padding: 0; */
  box-shadow: none;
  display: block;
}
.zoom.grid-offers .grid-footer {
  display: block;
}
.zoom.grid-offers .r2c2-meta {
  display: none;
}
.zoom.grid-offers .meta-title {
  padding-bottom: 0;
}

.offer .author{
    width: auto;
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 60px;
    justify-content: center;
}

span.free {
  color: #67be05;
}
.grid-offers span.free {
  margin-bottom: 4px;
    display: block;
}

.hot_min:before {
  font-family: "Font Awesome 5 Free";
  content: "";
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border: none;
  border-top: 80px solid #ffffff;
  border-right: 80px solid transparent;
  font-weight: 900;
  font-size: 1.4em;
  top: 0;
  left: 0;
  border-top-left-radius: 20px;
  }
  .hot_min>i {
    position: absolute;
    color: #ff7900;
    color: var(--primary);
    font-size: 1.3em;
    font-weight: 900;
    z-index: 1;
    padding: 0px 2px;
    /* margin-left: -5px; */
    /* margin-top: -7px; */
    /* background: var(--primary); */
    /* border-radius: 50%; */
    /* width: 30px; */
    /* height: 30px; */
    /* padding: 7px 9px; */
    /*text-shadow: 0 0 6px #adadad;*/
    }


.slider-item.sk .slider-icon {
  width: 32px;
  height: 25px;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
  margin-bottom: 4px;
}
.slider-item.sk .slider-icon + span {
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
}
.slider-tags .sk .slider-icon {
  padding: 0px 10px;
  margin-right: 4px;
}

.ztitle {
  font-size: 22px;
  
  padding: 10px;
  color: #666666;
  margin-bottom: -2rem;
  text-align: center;
background: var(--primary-shade);border-radius: 5px;}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #949494 #f9f9f9;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 15px;
  }

  *::-webkit-scrollbar-track {
    background: #f9f9f9;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #949494;
    border-radius: 10px;
    border: 3px solid #e9eaed;
  }


/*****************************/
@media screen and (min-width: 48rem) {
  .grid-offers.grid {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .grid .offer {
    min-height: 400px;
    display: flex;
    flex-direction: column;
    width: calc(100%/3 - 10px);
    margin: 0px 5px 10px;
    float: left;
    clear: both;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .grid .hot_min>i{
    padding: 0px;
  }
  .grid .offer>.gird-image {
    grid-column: 1;
    -ms-grid-column: 1;
    padding-bottom: 12px;
    height: 150px;
    max-height: 150px;
    display: flex;
    width: 100%;
    padding-bottom: 0;
    margin: 0;
    margin-bottom: 5px;
    margin-top: 12px;
    /* height: 150px; */
    }
    .grid a.image-link {
      height: 150px;
    }
    a.image-link {
      margin-bottom: 0px;
    }
  .grid .grid-header .time {
    /* display: none; */
    /* position: absolute; */
    /* top: 0; */
  }
  .grid .grid-body {
    display: none;
  }
  .grid .gird-image img {
    max-height: 144px;
  }
  .grid .meta-title>strong.title-link+div {
    flex-direction: column;
    padding-top: 7px;
    display: flex;
  }
  .grid .divider {
    display: none;
  }
  .grid .r2c1-meta, .grid .r2c2-meta {
    display: block;
    width: 100%;
  text-align: center;
}
.grid .r2c2-meta .comment-count{
  display: none;
}

.grid .grid-footer .header-link-2{
  justify-content: unset;
  flex-grow: unset;
}
  .grid .grid-footer {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    }
  .grid .offer .author {
    width: auto;
    display: flex;
    flex-direction: column;
    position: initial;
    left: 0px;
    justify-content: center;
  }
  .grid .open-offer {
    width: 100%;
    text-align: center;
    margin-top: 6px;
  }
  .grid .meta-title {
    max-height: 170px;
    padding-bottom: 0;
    width: 100%;
    }
  .grid .title-link a {
    width: 100%;
    height: 60px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 0.9em;
    max-height: 40px;
    }
  .grid .grid-header {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    text-align: center;
  }
  .grid .grid-header .header-link-2 {
position: absolute;
        /* display: none; */
        top: 6px;
        right: 10px;
        width: calc(100% - 20px);
        background: white;
        justify-content: center;
}
.grid>.offer>:nth-child(3) {
    order: 4;
    margin-top: 8px;
    display: none;
}
.grid>.offer>:nth-child(4) {
    order: 3;
}
.grid .meta-title .price {
  height: 22px;
}
.grid .sk .store {
  margin-top: 5px;
}
.grid .sk .title-link {
  width: 100%;
}
.grid .sk .user-link .time-ago {
  display: none;
}
.grid .grid-meta {
  padding-left: 0;
  padding-right: 0;
  height: 100%;
  width: 100%;
  justify-content: space-between;
  align-items: start;
  grid-template-rows: 0.1fr 1fr 0.1fr;
  -ms-grid-rows: 0.1fr 1fr 0.1fr;
  }
.grid .grid-footer>.header-link-1 {
  /* display: none; */
}
.grid .grid-footer .open-offer {
  display: none;
}
.grid .coupon-offer {
  width: 100%;
  margin: 0;
  text-align: center;
  padding: 0px 2px;
  width: 38px;
  height: 35px;
  min-width: 0;
}
.grid .coupon-offer span{
  display: none;
}
.grid .comment-count {
  margin-right: 3px;
}
.grid .coupon-offer + .open-offer{
  margin-top: 75px;
}
  /*
  .grid .offer:nth-child(3n+1) {
    margin-left: 0;
  }
  .grid .offer:nth-child(3n+0) {
    margin-right: 0 !important;
  }*/
}
@media screen and (min-width: 77rem) {
  .grid .offer {
    width: calc(100%/3 - 10px);
  }/*
  .grid .offer:nth-child(3n+1) {
    margin-left: 5px;
  }
  .grid .offer:nth-child(3n+0) {
    margin-right: 5px !important;
  }
  .grid .offer:nth-child(4n+1) {
    margin-left: 0;
  }
  .grid .offer:nth-child(4n+0) {
    margin-right: 0 !important;
  }*/
}

.gtext{
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin: auto;
    text-align: center;
    padding: 1.2em 1em;
    background: #f9f9f9;
    margin: 0;
    color: #9d9d9d;
    width: 100%;
    display: block;
    border-bottom: 1px solid #e9eaed;
    border-radius: 16px;
    border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
span.gatext {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin: auto;
    text-align: center;
    padding: 1.2em 1em;
    background: #f9f9f9;
    margin: 0;
    color: #9d9d9d;
    width: 100%;
    display: block;
    border-top: 1px solid #e9eaed;
    border: 1px solid #f2f2f2;
    box-shadow: 0 4px 12px 0 rgba(11, 22, 44, .09);
    border-radius: 16px;
}
span.gatext>* {
  display: block;
}
.single .grid-body .offer-tag {
  display: block;
  padding-top: 5px;
  font-size: 0.95rem;
  }
.single .grid-body .offer-tag>i {
  margin-right: 8px;
  font-size: 1.12em;
  color: var(--secondary);
}

.content-desc .comment-header {
  padding: 8px 16px !important;
  border-radius: 5px;
}
.content-desc img {
  max-width: 100%;
  width: min-content;
  border-radius: 18px;
}
.content-desc a {
  color: var(--primary);
}
.content-desc span {
  font-size: 1rem !important;
  font-weight: 400 !important;
  font-family: Nunito, Helvetica, Arial, sans-serif !important;
  color: rgb(119,119,119) !important;
}
.desc-qr {
  display: flex;
  width: 100%;
  flex-direction: row;
align-items: center;
}
.desc-qr>div:first-child {
  width: 100%;
}
.desc-qr img {
  border: 1px solid #efefef;
  border-radius: 5px;
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 5%);
  display: none;
  position: absolute;
  right: 0;
  bottom: 2px;
      background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #f9f9f9;
    box-shadow: 0 0px 7px 0 rgba(11, 22, 44, .09);
    filter: sepia(0%) contrast(95%) saturate(132%) hue-rotate(391deg);
}

.sk .desc-qr img {
  display: none;
}

.stores .slider-icon + span {
  /* display: none; */
}
.slider-icon>.logo {
    width: 51px;
    height: 51px;
    background-size: cover;
    border-radius: 5px;
    border: 1px solid #d5d5d5;
    margin: auto;
    background-color: white;
    border-radius: 10px;
    padding: 0px 8px 0px 4px;
    border: 1px solid #e9edf2;
    font-weight: 500;
    box-shadow: 0px 0px 8px 0 rgba(11, 22, 44, .09);
    margin-bottom: 5px;
  }

  .slider-icon>.logo.all{
    display: table-caption;
    background: var(--primary);
    color: white;
    border: 0;
    width: 50px;
    height: 50px;
  }
  .slider-icon>.logo.all>i {
    padding: 12px 9px;
}
.stores .slider-icon {
  width: auto;
  height: auto;
  background: none !important;
}
main.coupon .grid-coupons {
  min-height: 80vh;
}
main{
  background: #f1f1f17a;
  background: #e9eaecbd;
      padding-top: 14px;
}
.wrapper {
  position: relative;
  width: 100%;
}
.img-container {
  margin: auto;  
  overflow: hidden;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
.gradient-border {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  top: -3px;
  left: calc(50% - 46px/2); 
  background: rgba(255,153,0,1);
  background: -moz-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(241,111,92,1) 50%, rgba(192,52,247,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,153,0,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(100%, rgba(192,52,247,1)));
  background: -webkit-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(241,111,92,1) 50%, rgba(192,52,247,1) 100%);
  background: -o-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(241,111,92,1) 50%, rgba(192,52,247,1) 100%);
  background: -ms-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(241,111,92,1) 50%, rgba(192,52,247,1) 100%);
  background: linear-gradient(to right, rgba(255,153,0,1) 0%, rgba(241,111,92,1) 50%, rgba(192,52,247,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#c034f7', GradientType=1 );
}

a.story-bt>div {
    width: 100%;
    /* height: 130px; */
    text-align: center;
    font-weight: 600;
    color: white;
    padding: 10px 5px;
    background: var(--primary);
    border-radius: 30px;
}

.popup.story .flex-r.flex-r.space-b, .popup.story .flex-r.coupon.pt15{
  display: none;
}

.popup.story .flex-c, .popup.story .popup-msg, .popup.story iframe {
  width: 100%;
  height: 100%;
  overflow: hidden;
background: black;}


@media (min-aspect-ratio: 3 / 4) and (min-height: 757px){
  .popup.story{
    height: calc( (1vh*100) - (max(74px,8.25vh)*2) );
  width: calc( calc(1vh*100) *55/120);border-radius: 12px;}
}

.grid-games.grid {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: baseline;
}
.grow {
  transition: all .2s ease-in-out;
}
.grow:hover {
  transform: scale(1.02);
  /*box-shadow: 0 .9rem 1rem rgba(0,0,0,.199)!important;*/
  z-index: 1;
}
.single-header {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: auto;
}
.single-header>div {
  max-width: 600px;
}
.single-header .single-store-header-name{
  border: 0;
  width: auto;
}
.single-header .single-store-header-name>span:first-child{
  font-size: 32px;
}
.single-header .single-store-header-img i{
  font-size: 4em;
  color: white;
}
.single-header .single-store-header-img{
  height: 100px;
  display: flex;
  align-items: center;
}
.fullbk{
  background-position: center;
  background-repeat: no-repeat;
  background: white;
  background-size: cover;
      border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
}

.shadow {
  -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.card:not(.offer-tag) {
  width: calc(100% - 10px);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: white;
  background-clip: border-box;
  border: 0 solid rgba(0,0,0,.6);
  border-radius: 5px;
  margin: 0 10px 15px;
}
.card-img-top {
  width: 100%;
  height: auto;
  min-height: 158px;
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
}
.sk .card-img-top{
  width: 100%;
  min-width: 80px;
  height: 100px;
  margin-bottom: 10px;
  background-image: radial-gradient(#f1f1f1 99%,transparent 0);
}
.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  color: #fff;
  background-color: #4799eb;
  float: right;
}
.card-title {
  margin: 0;
  margin-bottom: 1em;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-text {
  margin-bottom: 1em;
}
.card-footer {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 48rem){
  .card.game {
      width: calc(100%/3 - 20px);
  }
  .desc-qr img{
    display: block;
    margin-bottom: 10px;
  }
  .single .offer-tag {
    max-width: calc(100% - 105px);
  }
}
@media screen and (min-width: 77rem) {
  .card.game {
      width: calc(100%/4 - 20px);
  }
}

.sk .card-text, .sk .card-title{
  height: 20px;
  width: 80%;
  display: block;
  border-radius: 5px;
  animation: loading .5s ease-in-out alternate infinite;
}
.sk .badge{
  width: 42px;
  color: transparent;
  display: block;
  border-radius: 5px;
  animation: loading .5s ease-in-out alternate infinite;
}
.sk .card-foote {
  display: none;
}
.footer-ico{
  margin-right: 10px
}
.grid-games{
  min-height: 80vh;
}
.badge.free {
  color: white;
  background: forestgreen;
}
.card.game {
  cursor: pointer;
}
.blue-bt{
  width: 100%;
  text-align: center;
  font-weight: 600;
  color: white;
  padding: 10px;
  background: var(--primary);
  border-radius: 5px;
  display: block;
}
.popup.game span {
  display: block;
  text-align: center;
}



select {
  cursor: pointer;
  -moz-appearance: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  -webkit-user-select: none;
  appearance: none;
  color: #4D4D4D;
  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  font-size: 100%;
  outline: 0;
  padding: 6px 35px 6px 12px;
  border: 1px solid currentColor;
  border-radius: 0.25rem !important;
  background-color: transparent;
  border: 1px solid rgb(233 234 237);
  background-color: #FFF;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg transform='translate(-736.000000, -1016.000000)' fill='%234D4D4D' fill-rule='nonzero'%3E%3Cpolygon points='736.108962 1016.5 766.8393 1016.5 751.474131 1039.83452'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E"), linear-gradient(-180deg, #fafbfc, #eff3f6 90%);
  background-position: center right 1rem;
  background-size: 0.5rem 0.5rem;
  background-repeat: no-repeat;
  background-color: var(--bg-main);
  font-weight: 700;
  color: var(--primary);
}
select::-ms-expand {
  display: none;
}
select>option{
  color: black;
}

.ncount{
    max-width: 25px;
    text-align: center;
    min-width: 12px;
    height: 12px;
    position: absolute;
    top: 4px;
    right: 6px;
    border-radius: 8px;
    background-color: var(--primary);
    color: white;
    font-size: 11px;
    line-height: 16px;
    font-family: "Nunito Sans", Helvetica, Arial, sans-serif;
    padding: 1px 3px 0px 3px;
    display: none;
    border: 1px solid;
}

#n-header, #n-footer {
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  justify-content: center;
  display: flex;
  align-items: center;
  min-height: 35px;
}
#n-footer {
  justify-content: space-evenly;
}
#n-footer>* {
  color: var(--primary);
  cursor: pointer;
}
ul#n-content {
  height: calc(100% - 70px);
  margin: 0;
  background: #f7f7f9;
  overflow: auto;
}
ul#n-content>li>a {
  display: flex;
  padding: 15px 12px;
  margin-bottom: 2px;
  flex-direction: row;
  background: white;
  align-items: center;
  transition: all 0.3s ease-out;
}
#n-content>li:not(.readed)>a {
  background: floralwhite;
}
ul#n-content>li>a>img {
  width: 48px;
  max-height: 48px;
  height: fit-content;
  object-fit: contain;
  margin: 0;
  margin-right: 5px;
}
ul#n-content>li>a>span {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding-left: 5px;
}
ul#n-content>li>a:hover {
  background: var(--primary-shade);
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.notifications #non {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 2em;
  text-align: center;
  font-size: 1.1rem;
}

.add-alert li {
  display: inline-flex;
  height: 28px;
  -webkit-box-align: center;
  align-items: center;
  padding: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 5px;
  font-weight: bolder;
  width: auto;
  background-color: rgb( var(--DEFAULT_FOREGROUND) );
  color: rgb( var(--DEFAULT_BACKGROUND) );
  cursor: pointer;
  background: #efefef;
  font-size: 12px;
}
.add-alert li>i {
  margin-left: 5px;
  margin-top: 2px;
}

.add-alert li:after {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  margin-top: 2px;
  margin-left: 4px;
}

.add-alert ul {
  padding-top: 1em;
}

.single .prices {
  display: flex;
  flex-direction: column;
  margin-bottom: 2px;
}
span.oldprice {
  text-decoration: line-through;
  color: #b7b7b7;
  font-weight: 400;
  font-size: 0.9rem;
  margin-right: 10px;
}
.prices .price {
  font-size: 1.8rem;
}
.single .meta-title>div {
  padding: 6px 0 6px 0;
}
.single .divider {
    margin-bottom: 2px !important;
    margin: 0 10px !important;
    background: var(--ui-color-background-tertiary);
        width: 2px;
    height: 32px;
}

a.gsignin {
  padding: 5px 10px;
  display: flex;
  align-items: center;
  min-width: 105px;
  justify-content: space-between;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  color: #8e8e8e;
  font-size: 1.1em;
  margin: 0px 3px;
  border: 1px solid #ededed;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
}

a.fsignin {
  padding: 5px 15px;
  display: flex;
  align-items: center;
  min-width: 140px;
  justify-content: space-between;
  border: 1px solid rgb(24, 119, 242);
  border-radius: 5px;
  color: #8e8e8e;
  font-size: 1.1em;
  background: rgb(24, 119, 242);
  color: white;
  margin: 0 3px;
  border: 1px solid #ededed;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 0 rgba(11, 22, 44, .09);
}
.sociali {
  display: flex;
  margin: 15px 0px;
}
.labels>span {
  width: auto;
  display: inline-block;
  color: #404040;
  /*padding: 1px 5px;*/
  /*font-size: 10px;*/
  margin-right: 5px !important;
  color: white;
  opacity: 0.8;
}
.labels span {
    border-radius: 8px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 600;
    box-shadow: 0px 0px 8px 1px rgba(11, 22, 44, .09);
    margin-bottom: 5px;
}

.meta-title {
  display: flex;
  flex-direction: column;
}
.meta-title>div:not(.labels){
  display: inline-flex;
  order: 2;
  align-items: center;
  padding: 5px 0;
}
.labels {
  display: inline;
  order: 3;
  margin-top: 5px;
}
.offer.single.os .labels{
  position: absolute;
  z-index: 9;
  padding-left: 35px;
  padding-top: 0px;
  /* right: 0; */
  top: 0;
  display: none;
}
.offer.single.os .title-link {
  font-size: 1.32em;
  margin-top: 5px;
}

@media screen and (min-width: 48rem){
  .grid-offers:not(.grid) .meta-title>div:not(.labels){
    display: inline-flex;
  }
  .grid-offers:not(.grid) .meta-title {
    /* display: block; */
  }
  .grid-offers:not(.grid) .labels {
    display: inline;
  }
}
/*----------------------search filters----------------------------*/
.search-filters>a {
  display: block;
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  /* font-weight: 600; */
  color: gray;
}
.search-filters {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  width: 155px;
  margin: auto;
  padding-top: 5px;
  padding-bottom: 10px;
}
.search-filters>a>i {
  margin-right: 5px;
}
.search-filters>a.selected {
  background: #ebebeb;
}
.search-filters>a:hover {
  background: #f5f5f5;
}
.h1result h1{
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 700;
  color: #5a5d62;
  margin: 0;
  margin-right: 0.3em;
}
.h1result h1+span {
  color: gray;
}
.h1result {
  display: flex;
  /* margin-top: 15px; */
  align-items: center;
  padding: 16px 20px;
  /*background: linear-gradient(45deg, var(--primary-shade), transparent);*/
  background: linear-gradient(58deg, #f5f5f594, transparent);
  margin-bottom: 0px;
  border-radius: 5px;
  border-radius: 18px;
    border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.h1result:not(:first-child), .product-content .h1result {
    margin-bottom: 14px;
}
.product-content .h1result {
  margin-top: 14px !important;
}
.h1result>div{
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.h1result>div>div{
  display: flex;
  align-items: baseline;
}
.h1result i {
  font-size: 1.3rem;
  margin-right: 15px;
}
.grid-products .gird-image img, .grid-stores .gird-image img {
  max-height: 70px;
  max-width: 70px;
}

a.open-offer.price-chart {
  margin-top: 0px;
  text-align: center;
  min-width: 249px;
  margin-left: 0px !important;
  border-radius: 20px;
  box-shadow: 0 0px 7px 0 rgba(11, 22, 44, .09);
}

@media screen and (min-width: 48rem){
  .h1result>div {
    flex-direction: row;
    align-items: baseline;
  }
  .h1result>div>div+span {
    border-left: 1px solid #c9c9c9;
    padding-left: 7px;
  }
  .labels>span {
    vertical-align: text-top;
  }
  a.open-offer.price-chart {
    margin-top: 0px;
    min-width: auto;
    margin-left: 7px !important;
  }
}
/*----------------------Products----------------------------*/
.grid-products .product .grid-body {
  flex-direction: column;
  /*display: none;*/
}
.grid-products .product .see-prices, .grid-stores .store .see-prices  {
  width: 100%;
  font-weight: 600;
  color: var(--primary);
  width: auto;
}
.header-search + .ui-layout-container .body {
  min-height: 80vh;
}
.single.ps .title-link a {
  font-size: 1.3em;
  font-weight: 400;
}
.offer.single.ps {
  grid-template-columns: 0.3fr 0.7fr;
  -ms-grid-columns: 0.3fr 0.7fr;
}
/*----------------------store list----------------------------*/
.offer.store.sk .title-link {
  width: 140px;
}
.offer.store.sk .description-link {
  width: 190px;
}
.grid-products .product.sk .see-prices, .grid-stores .store.sk .see-prices  {
  height: 20px;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
  margin: 5px 0;
  color: transparent;
}
.grid-stores .description-link, .grid-stores .meta-title {
  padding: 0;
}
.grid-stores .gird-image img {
  border-radius: 50%;
}

/*---------------------- product meter ----------------------------*/
.meter {
  width: 100%;
  display: flex;
  max-width: 500px;
  align-items: center;
  margin: 18px 0;
  margin-bottom: 18px;
}
.bars {
  width: 100%;
  display: flex;
  position: relative;
}
.good {
  width: calc(30% - 1px);
  background: linear-gradient(90deg, #ffc900 0%, #ff7900 25%, #ff7900 100%);
  height: 6px;
  display: block;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-left: 1px;
}
.normal {
  background: #ffd74c;
  height: 6px;
  display: block;
  width: calc(40% - 2px);
  margin: 0 1px;
}
span.ico-good {
  color: var(--primary);
  padding-right: 0 !important;
}
.bad {
  width: calc(30% - 1px);
  height: 6px;
  display: block;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: linear-gradient(90deg, rgb(65, 181, 211) 0%, rgb(65, 181, 211) 70%, rgb(112, 226, 145) 100%);
  margin-right: 1px;
}
span.ico-bad {
  color: #ff7900;
  padding-left: 0 !important;
}
.indicator {
  display: flex;
  position: absolute;
  flex-direction: column;
  -webkit-box-align: center;
  top: -26px;
  left: 0;
  transition: all 1s ease;
}
.indicator>div {
  width: 15px;
  height: 15px;
  border-radius: 8px;
  background: black;
  border: 3px solid white;
}
.meter>span {
  padding: 0px 7px;
}
.indicator>i {
  color: black;
  font-size: 24px;
  margin-bottom: -2px;
  margin-left: -1px;
}
.single.ps .header-link-1 {
  width: 100%;
}
.single.ps .grid-header {
  display: none;
}
.single.ps.sk .price {
  height: 35px;
  width: 155px;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
  font-size: 0 !important;
}
.single.ps.sk .description-link {
  width: 100%;
  animation: none;
  height: auto;
  margin: 0;
}
.single.ps.sk .detail {
  width: 70%;
  height: 20px;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
  display: block;
  font-size: 0;
}
.single.ps.sk .title-link {
  height: 25px;
  font-size: 0;
}
.sk .bars .indicator {
  display: none;
}
.sk .bars>div:not(.indicator) {
  background: #e3e3e3;
  animation: loading 0.5s ease-in-out alternate infinite;
}
.sk span.text-indicator {
  width: 60%;
  height: 20px;
  border-radius: 5px;
  animation: loading 0.5s ease-in-out alternate infinite;
  margin-bottom: 6px !important;
  font-size: 0;
}
.sk span.text-indicator * {
  display: none;
}
.ps.sk .open-offer.price-chart {
  background: lightgrey;
}
.single.sk.ps .gird-image img {
  height: 230px;
  margin-bottom: 0px;
  /* max-width: 310px; */
}
div#chart {
  background: white;
  margin-bottom: 15px;
  background: #f9f9f9;
  padding: 15px 15px;
}

.label-detail {
    opacity: 0.8;
    padding: 10px 8px;
    min-height: 37px;
    align-items: center;
    margin: 1em 2em 0em 2em;
    border-radius: 9px;
    /*border: 0 !important;*/
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
.label-detail>span:nth-child(1) {
  /* padding: 1px 5px; */
  border-radius: 5px;
  font-weight: 600;
  margin: 0 8px;
  text-align: center;
}
.label-detail>span:nth-child(1){

}
.label-detail>span>i {
  font-size: 14px;
  width: 25px;
  height: 25px;
  color: white;
  border-radius: 5px;
  text-align: center;
  padding-top: 5px;
}
.label-detail a {
  opacity: 0.8;
  /* color: var(--primary); */
}
.label-detail a {
  /*color: var(--primary);*/
  text-decoration: underline;
  color: #777;
}
.wysiwyg-content a, .comment-text-c a {
  color: var(--primary);
}
.offer.single.ps .price {
  height: 35px;
}
.price-tip {
  display: flex;
  flex-direction: column;
  padding: 12px 15px;
  color: #ababab;
}
.apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom.apexcharts-theme-light.apexcharts-active {
  display: none;
}
.offer.single.ps .price > span {
  cursor: pointer;
}
.ui-section-footer-menu .divider {
  margin: 0 10px;
}
.content-desc * {
  max-width: 100%;
}
.content-desc {
  /*background: #f9f9f98f;*/
  padding: 1em;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  border-radius: 16px;
    border: 1px solid #eef1f4;
    /* box-shadow: 0 0px 30px rgba(0, 0, 0, 0.05); */
    /* background: #f3f3f3; */
    border: 0;
    padding: 2em;
}

/*---------------------- ads ----------------------------*/
.side-widget.ads {
  background: transparent;
  box-shadow: none;
  margin: 0;
  border: none;
}
.side-widget.ads:has('a'){
  margin-bottom: 14px;
  border: 1px solid #eef1f4;
}

.side-widget>div:not(.all):not(.ads) {
    padding: 11px 0;
}
.side-widget>.options {
    padding: 5px 0px !important;
}

.side-widget.ads a {
  /* margin: 8px 0px; */
  display: block;
}
.side-widget.ads>a {
  margin-top: 8px;
  display: block;
}
.side-widget.ads img{
  width: 100%;
}
.offer.ad {
  padding: 0;
  background: transparent;
  display: none;
  border-radius: 5px;
  min-height: auto;
}

.ad.mob picture, .ad.desk picture, .ad.dcard picture{
  height: 100%; 
  display: flex; 
  width: 100%;
}
.ad.mob img, .ad.desk img, .ad.dcard img{
  object-fit: cover; 
  height: auto; 
  width:100%; 
  border-radius: 5px;
}

.ad_header>a{
    justify-content: center;
    align-items: center;
    max-width: 100%;
    width: 100%;
    display: flex;
    margin-left: auto;
    margin-right: auto; 
}
.ad_header>a>img{
  width: 100%;
}

.bajuda {
    margin-bottom: 18px;
    background: #f4ffee;
    padding: 16px 32px;
    border-radius: 18px;
    text-align: center;
} 

.bajuda a{
  background-color: var(--primary);
  padding: 10px 15px;
  color: white;
  font-weight: 600;
  border-radius: 20px;
  line-height: 1;
  transition: background-color,opacity .3s linear;
  display: inline-block;
  width: 100%;
}

@media screen and (min-width: 48rem){
  .grid-offers.grid .ad.dcard{
    display: block;
    width: auto;
    max-width: calc(100%/3 - 10px);
  }
  .grid-offers:not(.grid) .ad.desk{
    display: block;
  }
  .ad_header>a>img{
    min-height: 2.5rem;
  }
  .ad_header>a>img{
    width: 1920px;
    max-width: unset;
  }
  .bajuda a{
    width: auto;
    margin-left: 10px;
  }
  .grid-meta {
    padding-left: 25px;
        padding-right: 10px;
                padding-top: 10px;
        padding-bottom: 10px;
  }
}
@media screen and (max-width: 48rem){
  .grid-offers .ad.mob{
    display: block;
  }
  .bajuda>span {
    margin-bottom: 8px;
    display: block;
  }
}
@media screen and (min-width: 77rem){
  .grid-offers.grid .ad.dcard {
      width: calc(100%/4 - 10px);
  }
}


div#txt_adicionado {
  background: unset;
}
div#txt_adicionado>a {
  text-decoration: unset !important;
}

a.user-link>span>i {
  margin-right: 5px;
}
a.user-link>span>i:nth-child(2) {
  color: var(--primary);
}
.flex-r.coupon.pt15 {
  flex-direction: column;
  gap: 5px;
}
.popup-msg img {
  /*max-height: 630px;*/
  max-height: calc(100vh - 320px);
  width: auto;
}

/*---------- cat bar -------------*/
.categories .slider-items>div a, .subjects .slider-items>div a {
  display: flex;
  justify-content: left;
  align-items: center;
  max-width: 150px;
  white-space: normal;
  background: #f1f1f169;
  background: #ffffff;
  height: 40px;
  padding: 10px;
    border-radius: 20px;
    padding: 0px 12px 0px 8px;
  border: 1px solid #e9edf2;
  font-weight: 500;
    box-shadow: 0px 0px 8px 0 rgba(11, 22, 44, .09);
    transition: all .25s ease;

}
.categories .slider-icon, .subjects .slider-icon  {
  padding: 6px 0 !important;
  width: 30px !important;
  height: 30px !important;
  background: transparent !important;
  margin-right: 2px;
    margin-top: -1px !important;
}

.categories .slider-item.selected, .subjects .slider-item.selected {
  border-bottom: none;
}
.categories .slider-item.selected a, .subjects .slider-item.selected a {
  background: var(--primary);
}
.categories .slider-item.selected .slider-icon+span, .subjects .slider-item.selected .slider-icon+span {
  color: white;
}
.slider-filter:not(.stores) .slider-items>div:hover {
  border-bottom: none;
}
.categories .slider-filter:not(.slider-tags) .slider-items>div:hover .slider-item.selected a{
  background: var(--primary);
}
.slider-filter.categories, .slider-filter.subjects {
  height: 45px;
    /*padding-top: 10px;*/
}
.slider-filter.stores, .slider-filter.subjects, .slider-filter.categories {
  background-color: #f7f7f7;
  background: transparent;
}
a.ui-section-header--nav-link.selected {
  color: var(--secondary);
  color: var(--primary);
}
header.ui-section-header {
  /*background: #f7f7f7;*/
  background-color: white;
}
.slider-item:nth-child(5n-4) .slider-icon {
  color: mediumpurple;
  /*background: rgb(147 112 219 / 10%);*/
}
.slider-item:nth-child(5n-2) .slider-icon {
  color: cadetblue;
  /*background: rgb(95 158 160 / 10%);*/
}
.slider-item:nth-child(5n-3) .slider-icon {
  color: cornflowerblue;
  /*background: rgb(100 149 237 / 10%);*/
}
.slider-item:nth-child(5n-1) .slider-icon {
  color: lightskyblue;
  /*background: rgb(240 128 128 / 10%);*/
}
.slider-item:nth-child(5n) .slider-icon {
  color: lightcoral;
  /*background: rgb(135 206 250 / 10%);*/
}

/*-------------------------------------*/
.header.share-url .share {
  display: inline-flex;
}
.grid-offers .gird-image img {
  max-height: 100%;
  position: absolute;
  margin: auto;
}
.grid-offers a.image-link {
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-store-ceo {
  background: white;
  padding: 2em;
    border-radius: 18px;
    border: 1px solid #eef1f4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.popup.coupon .open-offer {
  border-left: none;
  height: 35px;
  border: none;
  background: var(--primary);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 20px;
    margin-top: 5px;
}
.popup.coupon .coupon-offer {
  padding: 5px;
  display: flex;
  max-width: 100%;
}
/* --- -------- zoom image -------------*/
.popup.zoomimg {
  opacity: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 70%);
  justify-content: center;
}

.zoomimg>img {
  max-width: 100%;
  max-height: calc(100vh - 100px);
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 5px !important;
}

.fotos img {
  cursor: zoom-in;
  transition: transform .3s ease;
}
.fotos img:hover {
  transform: scale(1.05);
}
.zoomimg  .galery {
  max-width: 100%;
  max-height: calc(100vh - 100px);
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 5px !important;
  background: transparent;
  box-shadow: none;
}
.zoomimg .slider-nav .slick-slide img {
  max-height: 200px;
}

.coupon-offer + .open-offer {
    /*margin-left: -10px !important;*/
    /*box-shadow: 0 0px 7px 4px rgba(11, 22, 44, .09);*/
        background: transparent;
        height: 37px;
        background: var(--primary);
    border-bottom: 0;
        border-left: 0;
      
}

.suggest-container .offer>.gird-image {
     border: 0 !important;
}
form fieldset {
    width: 300px;
    height: 60px;
    background: white;
    border-radius: 3px;
    opacity: 0;
    /* transform: scale(0.2); */
    /* transition: all 0.4s ease-in-out; */
    display: inline-flex;
    position: absolute;
    border: 1px solid #d7d7d7;
    border-radius: 18px !important;
    border: 1px solid #eef1f4 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.upload-button {
    z-index: 999 !important;
    border: 1px solid #efefef;
    box-shadow: 0 0px 7px 0 rgba(11, 22, 44, .09);
}

.side-widget.all {
    border-radius: 30px;
}
.post-featured.single, .post-featured+.content {
    border-radius: 18px !important;
    border: 1px solid #eef1f4 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 14px !important;
}
main.bug-layout-grid.bug-section.post {
    padding-top: 0;
}

a.open-offer,.coupon-offer ,.hot-item, .offer-options a, .slider-items>div .slider-icon>div, .store-item>div, .az-filter>span, .subjects a, .comments .comment, .bajuda a,
.send.circle, .load-more>a {
    transition: all .25s ease;
}
.grid-offers .offer:hover, .posts .offer:hover, .btcanal>a:hover, .categories .slider-items>div a:hover, 
a.story-bt:hover, .offer-options a:hover, .coupons .coupon:hover , .slider-items>div .slider-icon>div:hover,
.store-item>div:hover, .az-filter>span:hover, .subjects a:hover, .comments .comment:hover, .bajuda a:hover,
.grid-products .product:hover, .grid-stores .store:hover, .load-more>a:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 45px rgba(0,0,0,0.08);
}
.coupon-offer + .open-offer:hover, .send.circle:hover{
    transform:translateX(-4px);
    box-shadow:0 20px 45px rgba(0,0,0,0.08);
    background: var(--secondary);
}
.hot-item:hover{
transform:translateY(-4px);
}
/** ----------------------------------------------------------------------------------------------*/
main{
  background: var(--bg-main);
}
.offer{
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
    transition: .25s;
}
.side-widget {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}
div#chart {
    background: white;
    border-radius: 18px;
}

.grid-offers>.offer, .single.offer, .categories .slider-items>div a, .subjects .slider-items>div a, .gtext, .single>.offer-options:not(.offer), 
.offer.offer-description, span.gatext,.h1result, .ui-layout-container.single-store, .comments .comment, .single-store-options.ui-layout-container,
.offer-options>.offer-options>a, .tgl + .tgl-btn, .header-add-offer, header .User-area, 

div#chart, .ficha, .analise, .avaliacoes, .aspectos>div>span>span:nth-child(2), .vantagens table, .desvantagens table, .dest>div>div, .ui-layout-container.full-container.single-product,
.galery, .offer.single + .offer-options, .popup.login form>input, a.gsignin, a.fsignin, .bajuda, .grid-products .product, .grid-stores .store, .load-more>a,.label-detail

.single-store-options, .header-search>.ui-layout-container

{
    border: 1px solid #e2e8f0;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
}
a.image-link, .hot-item .hotimg{
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
}
span.oldprice { margin-top: 6px; }

.meta-title .price, span.oldprice {
    /*font-weight: 800;*/
    font-family: Averta CY, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.discount {
    background: #10b981;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 6px;
    margin-left: 6px;
}

.labels span {
    border-radius: 20px;
    padding: 4px 10px;
    box-shadow: none;
}
.grid-header {
    align-items: flex-start;
}
.description-link {
    font-size: 14px;
    color: #9f9f9f;
        text-transform: lowercase;
        margin-top: 0;
}

.store>span, span.offer-tag.truck i.fas.fa-truck, i.fas.fa-truck + span {
    color: darkseagreen;
}
.store>span {
    margin-top: 6px;
}

.grid-header .time {
color: #9f9f9f;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
}
.grid-header {
    align-items: center;
}
.desc-qr img {
    display: none;
}
.offer.single a.user-link>span {
    margin-top: -4px;
}

span.ncount {
    font-size: 0;
    padding: 2px;
}
.ui-layout-container.full-container.fullbk {
    background-color: var(--primary) !important;
}
.offer-description:not(:has(*)):not(:has(text)) {
    border: 0 !important;
    box-shadow: none;
}
.footer-c1 {
    width: 100%;
        height: 100%;
}

.footer-c1>.logo{
  margin: 0 15%;
    background-image: var(--footer-logo);
    height: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.offer.single + .offer-options {
    gap: 7px;
    padding: 15px;
}
.label-detail:nth-child(1) {
    margin-top: 30px;
}
.user-profile i.fas.fa-star, a.user-link i.fas.fa-star, .comments i.fas.fa-star {
    color: var(--secondary) !important;
}
a.open-offer.add-alert-button {
    padding: 6px;
}

/*select
, .single-store-options, .offer.single + .offer-options, .comment-header, .comments-pagination{
  background: var(--special2);
      /*background-color: white;
          border-color: #f9dbcb;
}*/

a.story-bt>div{
  background: var(--special1);
}
/*.vote-number.hot{
  color: var(--primary);
}
.vote-number.cold{
  color: var(--secondary);
}*/
.single-store-go>a:nth-child(2) {
    background: var(--primary) !important;
}
i.fas.fa-tags {
    color: var(--primary) !important;
}

.icohot:before {
    content: var(--icohot);
}

.az-filter> span:hover {
    background: var(--primary);   
    color: white; 
}
.az-filter> span:hover>a{
  color: white !important;
}
.offer.single a.user-link img, .offer.single a.user-link object {
    height: 30px;
    width: 30px;
    border-radius: 20px;
}
.description-link::first-letter {
    text-transform: uppercase;
}

.product-menu a:hover, .ui-layout-container.menu-h.tab-options a:hover {
    color: var(--primary);
}
.offer.product {
    min-height: 130px;
}
.grid-products .description-link {
    padding: 0;
        margin-top: 5px;
    text-transform: none;
}

span.price>span:not(.free) {
    font-size: 16px;
}