/* Scss Document */
/* colors */
/* sizes */
/* common mixins */
@font-face {
    font-family: 'Dirham-Font';
    src: url("../../fonts/aed-Regular[75].61711535254c.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
  }
    
  .dirham-font {
    font-family: 'Dirham-font', sans-serif;
  }
body {
  font-family: "VAG Rounded Std";
  font-style: normal;
  font-weight: normal;
  width: 100%;
  overflow-x: hidden; }
body::-webkit-scrollbar {
    width: 8px;
    height: 12px; }
body::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: #F4F4F4; }
body::-webkit-scrollbar-thumb {
    background-color: #bababa;
    outline: none; }
body.no-cat-slider .sticky-category {
    display: none !important; }
body.no-cat-slider .sidebar-cart.scrolled {
    top: 0 !important; }
body.noScroll {
    overflow: hidden;
    height: 100vh;
    position: fixed; }
body > main {
    overflow-x: hidden;
    overflow-y: auto; }
section, header, footer {
  width: 100%; }
@media (max-width: 600px) {
    section, header, footer {
      overflow: hidden !important; } }
a {
  color: inherit; }
a:hover {
    color: #000;
    text-decoration: none; }
a:focus {
    outline: none;
    box-shadow: none; }
#Tick_check {
  width: 20px;
  margin-right: 10px; }
#Tick_check .cls-1, #Tick_check .cls-2 {
    fill: #fff; }
#Tick_check .cls-1 {
    stroke: #3d9939;
    stroke-miterlimit: 10;
    stroke-width: 3px; }
input, textarea {
  outline: none; }
input:focus, textarea:focus {
    outline: none;
    box-shadow: none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }
input:focus,
.form-control:focus {
  outline: none;
  box-shadow: none; }
.form-control[readonly] {
  background-color: #ffffff; }
button:disabled {
  cursor: no-drop; }
@media (max-width: 800px) {
  section {
    width: 100%;
    overflow: hidden; } }
.locked {
  overflow: hidden !important; }
.container {
  max-width: 80%; }
@media (max-width: 1300px) {
    .container {
      max-width: 90%; } }
@media (max-width: 600px) {
    .container {
      padding: 0; } }
.contain-this {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  pointer-events: none; }
@media (max-width: 1200px) {
    .contain-this {
      z-index: 999; } }
.contain-this .back-gradient {
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    display: none; }
.contain-this.active {
    pointer-events: auto; }
.contain-this.active .back-gradient {
      display: block; }
.main-overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 990;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: none; }
.main-overlay.active {
    display: block; }
.green-btn {
  font-family: "VAG Rounded Std";
  font-style: normal;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 1px;
  color: #3D9939;
  background-color: #F0F7EF;
  display: inline-block;
  margin-right: 30px;
  flex-grow: 0; }
.green-btn:hover {
    background-color: #3D9939;
    color: #fff; }
.no-margin {
  margin: 0 !important; }
.margin-top-60 {
  margin-top: 60px !important; }
.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important; }
.bg-orange {
  background-color: #FF8A26 !important; }
.bg-green {
  background-color: #3D9939 !important; }
.bg-grey {
  background-color: #f7f7f7 !important; }
.desktop-only {
  display: block; }
@media (max-width: 1200px) {
    .desktop-only {
      display: none; } }
header.desktop-only {
  min-height: 138px; }
.mobile-only {
  display: none; }
@media (max-width: 1200px) {
    .mobile-only {
      display: block; } }
@media (max-width: 1200px) {
  .hide-tab {
    display: none; } }
.show-tab {
  display: none; }
@media (max-width: 1200px) {
    .show-tab {
      display: block; } }
.off-mobile {
  display: block; }
@media (max-width: 900px) {
    .off-mobile {
      display: none; } }
.switch-mobile {
  display: none; }
@media (max-width: 900px) {
    .switch-mobile {
      display: block; } }
hr.faded {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #ddd, rgba(0, 0, 0, 0)); }
.red {
  color: #E6194E !important; }
.btn {
  padding: 12px 40px;
  border-radius: 6px;
  line-height: 1;
  height: 42px;
  max-height: 50px;
  font-family: "VAG Rounded Std";
  font-style: normal;
  font-weight: normal;
  color: #333;
  letter-spacing: 1.4px;
  text-transform: capitalize;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.btn:focus {
    outline: none;
    box-shadow: none; }
.btn.comments {
    border: 1px solid #3d9939;
    color: #3d9939;
    min-width: 200px;
    font-weight: 700;
    letter-spacing: 1.3px;
    height: 95px;
    padding-top: 17px;
    margin-top: 20px; }
.continue-btn {
  font-family: "VAG Rounded Std";
  font-style: normal;
  letter-spacing: 1.4px;
  text-transform: capitalize; }
.section-title {
  font-family: "VAG Rounded Std";
  font-style: normal;
  font-weight: 700;
  margin-top: 120px;
  margin-bottom: 20px;
  padding-left: 0;
  font-size: 38px;
  letter-spacing: 1px;
  color: #3D9939; }
@media (max-width: 1300px) {
    .section-title {
      margin-top: 80px; } }
@media (max-width: 900px) {
    .section-title {
      margin-top: 60px;
      font-size: 22px; } }
@media (max-width: 600px) {
    .section-title {
      margin-top: 30px; } }
.section-title.red {
    color: #E6194E; }
.excerpt {
  font-family: "VAG Rounded Std";
  font-style: normal;
  font-style: normal;
  font-size: 14px; }
.content {
  font-family: "VAG Rounded Std";
  font-style: normal;
  font-weight: 200;
  font-size: 14px;
  line-height: 1.4;
  color: #000; }
.c-title {
  font-family: "VAG Rounded Std";
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
  color: #000;
  margin-top: 40px; }
@media (max-width: 900px) {
  .increase-margin-20 {
    margin-top: 20px !important; }
  .increase-margin-30 {
    margin-top: 30px !important; }
  .increase-margin-10 {
    margin-top: 10px !important; }
  .increase-margin-40 {
    margin-top: 40px !important; }
  .increase-margin-60 {
    margin-top: 60px !important; } }
.products-list .container, .brands-slider .container, .editors-pick .container {
  overflow: hidden; }
@media (max-width: 800px) {
    .products-list .container, .brands-slider .container, .editors-pick .container {
      overflow: visible; }
      .products-list .container .swiper-container, .brands-slider .container .swiper-container, .editors-pick .container .swiper-container {
        overflow: visible; } }
.slick-slide {
  outline: none !important; }
.slick-arrow {
  top: 40%;
  height: 48px;
  width: 48px;
  margin-top: -13px;
  position: absolute;
  font-size: 0;
  cursor: pointer;
  background-color: transparent;
  background-size: contain;
  border: none;
  background-repeat: no-repeat;
  transition: opacity 200ms linear 0s; }
.slick-next {
  background-image: url("../icons/nav-right.3ce825589a2e.svg");
  right: 0px;
  opacity: 0; }
.slick-next:before {
    content: ""; }
@media (max-width: 900px) {
    .slick-next {
      display: none !important; } }
.slick-prev {
  background-image: url("../icons/nav-left.2d55a9d94492.svg");
  z-index: 2;
  left: -20px;
  opacity: 0; }
.slick-prev:before {
    content: ""; }
@media (max-width: 900px) {
    .slick-prev {
      display: none !important; } }
.slick-disabled {
  display: none !important;
  pointer-events: none; }
.slick-slider:hover .slick-next,
.slick-slider:hover .slick-prev {
  opacity: 1; }
.add-to-cart-bx .plus-value-min {
  display: flex;
  min-height: 53px;
  margin: 0 20px 20px 20px;
  border: 1px solid #E3E3E3;
  background-color: #fff;
  border-radius: 4px; }
.add-to-cart-bx .plus-value-min .plus {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    min-height: 53px;
    border-left: 1px solid #E3E3E3;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    min-width: 40px; }
@media (max-width: 1200px) {
      .add-to-cart-bx .plus-value-min .plus {
        max-width: 60px;
        width: 100%; } }
.add-to-cart-bx .plus-value-min .plus img {
      width: 20px;
      height: 20px;
      margin-top: 0; }
.add-to-cart-bx .plus-value-min .value {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 53px;
    min-width: 70px;
    font-family: "Helvetica Rounded LT Std";
    font-style: normal;
    font-weight: 600;
    color: #3D9939;
    font-size: 28px;
    margin-bottom: 0;
    line-height: 1;
    padding-top: 5px; }
@media (max-width: 1200px) {
      .add-to-cart-bx .plus-value-min .value {
        min-width: auto; } }
.add-to-cart-bx .plus-value-min .min {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    min-height: 53px;
    border-right: 1px solid #E3E3E3;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    min-width: 40px; }
@media (max-width: 1200px) {
      .add-to-cart-bx .plus-value-min .min {
        max-width: 60px;
        width: 100%; } }
.add-to-cart-bx .plus-value-min .min img {
      width: 20px;
      height: 20px;
      margin-top: 0; }
.product-slider .container,
.category-carousel .container {
  overflow: hidden; }
@media (max-width: 1200px) {
    .product-slider .container,
    .category-carousel .container {
      overflow: visible; } }
.category-slider .swiper-container {
  overflow: hidden; }
.category-slider .swiper-button-prev,
.category-slider .swiper-container-rtl .swiper-button-next {
  left: -8px; }
.category-slider .swiper-button-next,
.category-slider .swiper-container-rtl .swiper-button-prev {
  right: -8px; }
.category-slider .swiper-button-next:after,
.category-slider .swiper-container-rtl .swiper-button-prev:after {
  content: url("../icons/arrow-green-right.f5e93a83eceb.svg");
  height: 25px;
  width: 15px; }
.category-slider .swiper-button-prev:after,
.category-slider .swiper-container-rtl .swiper-button-next:after {
  content: url("../icons/arrow-green-left.b0cf48f0d0c7.svg");
  height: 25px;
  width: 15px; }
.right-comment {
  margin-top: 50px; }
.left-comment {
  margin-top: 50px; }
.select {
  position: relative;
  width: 100%; }
.select select {
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    width: 100%;
    padding: 18px;
    border: 1px solid #adadad;
    outline: none;
    border-radius: 0;
    max-height: 55px;
    padding-top: 5px !important;
    padding-bottom: 5px !important; }
.select:not(.select--multiple)::after {
  content: "";
  border: 6px solid transparent;
  border-color: #333 transparent transparent transparent;
  margin-right: -10px;
  margin-top: 20px;
  position: absolute;
  right: 23px;
  top: 12px; }
.old-price {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0;
  margin-bottom: 0;
  text-decoration: line-through;
  position: relative;
  top: 35px;
  color: #9a9a98; }
.old-price-m {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0;
  margin-bottom: 0;
  text-decoration: line-through;
  position: relative;
  top: 0;
  color: #9a9a98; }
a.button-complete {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #393939;
  font-family: VAG Rounded Std;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 50px;
  letter-spacing: .02em;
  line-height: 1.25;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px; }
a.button-complete:hover {
    background-color: #3D9939;
    color: #fff; }
a.button-complete.orange {
    background-color: #FF8A26;
    border-color: #FF8A26;
    color: #fff;
    padding: 14px 40px; }
.custom-radio {
  display: none; }
.custom-radio + label {
    font-weight: normal;
    cursor: pointer; }
@media (max-width: 600px) {
      .custom-radio + label {
        display: flex; } }
.custom-radio + label span {
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px;
      width: 24px;
      height: 24px;
      cursor: pointer;
      border-radius: 50%;
      position: relative;
      border: 1px solid #3D9939; }
.custom-radio + label span::before {
        content: "";
        opacity: 0;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #3D9939;
        position: absolute;
        left: 5px;
        top: 5px;
        bottom: auto;
        right: auto;
        transition: opacity .2s; }
.custom-radio:checked + label span::before {
    opacity: 1; }
.custom-radio:disabled + label {
    opacity: 0.5; }
.custom-radio:disabled + label,
    .custom-radio:disabled + label span {
      cursor: default; }
.product-slider, .category-carousel, .products-list, .brands {
  background-color: #f7f7f7; }
.outofstock {
  line-height: 1;
  margin-top: 140px;
  color: #E6194E;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
  background-color: #ffe6e6; }
.product-qty.offer-bedge {
  background-color: #cf252e;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  left: 15px;
  font-family: "VAG Rounded Std";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  width: 48px;
  height: 48px;
  display: flex !important;
  justify-content: center;
  align-items: center; }
#header_search_category {
  position: absolute;
  right: 0px;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: none;
  margin-right: 20px;
  margin-top: 10px;
  color: #444;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "VAG Rounded Std";
  font-style: normal;
  font-weight: normal;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
.all-rating {
  display: inline-block;
  width: 100%; }
.all-rating span {
    margin-right: 30px;
    float: left; }
@media (max-width: 1450px) {
  .app-badge {
    display: flex;
    justify-content: center;
    align-items: center; }
    .app-badge a {
      margin-bottom: 10px; } }
.anchor-as-button {
  font-family: "VAG Rounded Std";
  font-style: normal;
  height: 50px;
  border-radius: 4px;
  font-weight: 400;
  letter-spacing: 0.02em;
  font-size: calc(0 * 100vw + 14px);
  margin-top: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  text-decoration: none;
  color: inherit;
  transition: color 200ms;
  outline: 0;
  cursor: pointer;
  touch-action: manipulation;
  border: 1px solid #3D9939;
  color: #3D9939;
  padding: 14px 25px;
  width: auto;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  min-width: 140px;
  text-align: center;
  text-transform: capitalize; }
.anchor-as-button:hover {
    background-color: #3D9939;
    color: #fff; }
.anchor-as-button.orange {
    background-color: #FF8A26;
    border-color: #FF8A26;
    color: #fff;
    padding: 14px; }
.detail-signin a {
  background-color: #FF8A26;
  color: #fff;
  font-family: "VAG Rounded Std";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 7px 11px;
  width: 74px;
  height: auto;
  margin-left: 10px; }
.btn-social {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  text-decoration: none;
  color: inherit;
  transition: color 200ms;
  outline: 0;
  cursor: pointer;
  touch-action: manipulation;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-right: 30px; }
@media (max-width: 600px) {
    .btn-social {
      margin-top: 7px;
      margin-bottom: 7px; } }
.btn-social svg {
    webkit-box-ordinal-group: 1;
    order: 0;
    margin-right: 5px;
    fill: #3b5998; }
@media (max-width: 1200px) {
  .basket-holder {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center; } }
.basket-holder .cart .empty-message {
  min-height: 85vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
.basket-holder .cart .empty-message svg {
    margin-bottom: 30px; }
.choose-paymentMethod .s-card-chcek {
  pointer-events: none; }
.fav-group label, .account-card label {
  font-family: "VAG Rounded Std";
  font-style: normal;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #393939;
  font-weight: 400;
  flex-wrap: wrap; }
.fav-group label.checked #Tick_check .cls-1, .account-card label.checked #Tick_check .cls-1 {
    fill: #3d9939; }
@-webkit-keyframes rtopVideoFadeOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes rtopVideoFadeOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes rtopModalBGColor {
  0% {
    background-color: rgba(0, 0, 0, 0); }
  100% {
    background-color: rgba(0, 0, 0, 0.8); } }
@keyframes rtopModalBGColor {
  0% {
    background-color: rgba(0, 0, 0, 0); }
  100% {
    background-color: rgba(0, 0, 0, 0.8); } }
@-webkit-keyframes rtopModalOpacityColor {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes rtopModalOpacityColor {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.ripple {
  position: relative;
  overflow: hidden; }
.ripple:before {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0; }
.ripple:focus:before {
    transition: all 0.5s ease-out;
    opacity: 0;
    width: 160px;
    height: 160px;
    margin-top: -80px;
    margin-left: -80px; }
.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev {
  opacity: 1; }
.swiper-button-next,
.swiper-button-prev {
  width: 40px;
  height: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1200px) {
    .swiper-button-next,
    .swiper-button-prev {
      display: none; } }
.swiper-button-next:focus, .swiper-button-next:hover,
  .swiper-button-prev:focus,
  .swiper-button-prev:hover {
    outline: none;
    box-shadow: none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: -8px; }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: -8px; }
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: url("../icons/nav-right.3ce825589a2e.svg"); }
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: url("../icons/nav-left.2d55a9d94492.svg"); }
.swiper-button-disabled {
  display: none; }
.swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  border: 1px solid #888;
  opacity: 1; }
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-main {
    background-color: #888; }
.selectric-wrapper {
  position: relative;
  cursor: pointer; }
.selectric-responsive {
  width: 100%; }
.selectric {
  border: 1px solid #DDD;
  border-radius: 0px;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
  border-radius: 4px; }
.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 12px;
    line-height: 38px;
    color: #444;
    height: 38px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-style: normal;
    font-weight: normal; }
.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background-color: #F8f8f8;
    color: #BBB;
    text-align: center;
    font: 0/0 a;
    *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; }
.selectric .button:after {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 0;
      height: 0;
      border: 4px solid transparent;
      border-top-color: #BBB;
      border-bottom: none; }
.selectric-focus .selectric {
  border-color: #aaaaaa; }
.selectric-hover .selectric {
  border-color: #c4c4c4; }
.selectric-hover .selectric .button {
    color: #a2a2a2; }
.selectric-hover .selectric .button:after {
      border-top-color: #a2a2a2; }
.selectric-open {
  z-index: 9999; }
.selectric-open .selectric {
    border-color: #c4c4c4; }
.selectric-open .selectric-items {
    display: block; }
.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }
@media (max-width: 800px) {
    .selectric-hide-select {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      opacity: 0; } }
.selectric-hide-select select {
    position: absolute;
    left: -100%; }
@media (max-width: 800px) {
      .selectric-hide-select select {
        left: 0;
        width: 100%;
        height: 100%; } }
.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10; }
.selectric-hide-select.selectric-is-native select {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      border: none;
      z-index: 1;
      box-sizing: border-box;
      opacity: 0; }
.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }
.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }
/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px; }
.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto; }
.selectric-above .selectric-items {
    top: auto;
    bottom: 100%; }
.selectric-items ul,
  .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px; }
.selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer; }
.selectric-items li.selected {
      background: #E0E0E0;
      color: #444; }
.selectric-items li.highlighted {
      background: #D0D0D0;
      color: #444; }
.selectric-items li:hover {
      background: #D5D5D5;
      color: #444; }
.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    color: #444; }
.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1; }
.selectric-items .selectric-group li {
    padding-left: 25px; }
.selectric-customOptions {
  position: relative; }
.selectric-customOptions .ico {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    height: 24px;
    width: 24px;
    margin: 0 6px 0 0; }
.selectric-customOptions .ico-AFG {
      background-image: url("../icons/flags/afg.38959ec3cca9.svg"); }
.selectric-customOptions .ico-ALB {
      background-image: url("../icons/flags/alb.9a6fa89461e4.svg"); }
.selectric-customOptions .ico-DZA {
      background-image: url("../icons/flags/dza.9d6c5afa8b35.svg"); }
.selectric-customOptions .ico-AND {
      background-image: url("../icons/flags/and.159aba571038.svg"); }
.selectric-customOptions .ico-AGO {
      background-image: url("../icons/flags/ago.da268191dade.svg"); }
.selectric-customOptions .ico-ATA {
      background-image: url("../icons/flags/ata.890c5ec7524a.svg"); }
.selectric-customOptions .ico-ATG {
      background-image: url("../icons/flags/atg.af341c831a98.svg"); }
.selectric-customOptions .ico-ARG {
      background-image: url("../icons/flags/arg.f250e6ed075b.svg"); }
.selectric-customOptions .ico-ARM {
      background-image: url("../icons/flags/arm.ae41093b3b81.svg"); }
.selectric-customOptions .ico-ABW {
      background-image: url("../icons/flags/abw.2c0bae9d063a.svg"); }
.selectric-customOptions .ico-AUS {
      background-image: url("../icons/flags/aus.ffd61c07fcbf.svg"); }
.selectric-customOptions .ico-AUT {
      background-image: url("../icons/flags/aut.abb8efebee5a.svg"); }
.selectric-customOptions .ico-AZE {
      background-image: url("../icons/flags/aze.2be0cb5e753c.svg"); }
.selectric-customOptions .ico-BHS {
      background-image: url("../icons/flags/bhs.b3982e431b76.svg"); }
.selectric-customOptions .ico-BHR {
      background-image: url("../icons/flags/bhr.8c5c74f82b93.svg"); }
.selectric-customOptions .ico-BGD {
      background-image: url("../icons/flags/bgd.4edf869d35fc.svg"); }
.selectric-customOptions .ico-BRB {
      background-image: url("../icons/flags/brb.e51a87ceca0a.svg"); }
.selectric-customOptions .ico-BLR {
      background-image: url("../icons/flags/blr.5cc7ead5086c.svg"); }
.selectric-customOptions .ico-BEL {
      background-image: url("../icons/flags/bel.b42305e335d2.svg"); }
.selectric-customOptions .ico-BLZ {
      background-image: url("../icons/flags/blz.1785628bd7c9.svg"); }
.selectric-customOptions .ico-BEN {
      background-image: url("../icons/flags/ben.dae4f5068913.svg"); }
.selectric-customOptions .ico-BTN {
      background-image: url("../icons/flags/btn.b5afcf11f3f5.svg"); }
.selectric-customOptions .ico-BOL {
      background-image: url("../icons/flags/bol.d7eb1ceb0753.svg"); }
.selectric-customOptions .ico-BIH {
      background-image: url("../icons/flags/bih.7b90b1857d3a.svg"); }
.selectric-customOptions .ico-BWA {
      background-image: url("../icons/flags/bwa.5ac09d0eb18f.svg"); }
.selectric-customOptions .ico-BRA {
      background-image: url("../icons/flags/bra.da0f4c891863.svg"); }
.selectric-customOptions .ico-BRN {
      background-image: url("../icons/flags/brn.6f3b5fec0fe3.svg"); }
.selectric-customOptions .ico-BGR {
      background-image: url("../icons/flags/bgr.93626c89dc2e.svg"); }
.selectric-customOptions .ico-BFA {
      background-image: url("../icons/flags/bfa.1added20fbf9.svg"); }
.selectric-customOptions .ico-BDI {
      background-image: url("../icons/flags/bdi.c480a108593e.svg"); }
.selectric-customOptions .ico-KHM {
      background-image: url("../icons/flags/khm.f14f78b7acc4.svg"); }
.selectric-customOptions .ico-CMR {
      background-image: url("../icons/flags/cmr.528657e6b4ab.svg"); }
.selectric-customOptions .ico-CAN {
      background-image: url("../icons/flags/can.cd8ec91c8976.svg"); }
.selectric-customOptions .ico-CPV {
      background-image: url("../icons/flags/cpv.35b30d10f279.svg"); }
.selectric-customOptions .ico-CAF {
      background-image: url("../icons/flags/caf.67c55de254cc.svg"); }
.selectric-customOptions .ico-TCD {
      background-image: url("../icons/flags/tcd.62dd018c60a8.svg"); }
.selectric-customOptions .ico-CHL {
      background-image: url("../icons/flags/chl.86d76228cc32.svg"); }
.selectric-customOptions .ico-CHN {
      background-image: url("../icons/flags/chn.0bd2772a29f4.svg"); }
.selectric-customOptions .ico-HKG {
      background-image: url("../icons/flags/hkg.5043950a3854.svg"); }
.selectric-customOptions .ico-MAC {
      background-image: url("../icons/flags/mac.12977a86e28c.svg"); }
.selectric-customOptions .ico-COD {
      background-image: url("../icons/flags/cod.086516e97bc8.svg"); }
.selectric-customOptions .ico-CRI {
      background-image: url("../icons/flags/cri.a853b96df943.svg"); }
.selectric-customOptions .ico-CIV {
      background-image: url("../icons/flags/civ.cde495a88237.svg"); }
.selectric-customOptions .ico-HRV {
      background-image: url("../icons/flags/hrv.f2d3fda6f53d.svg"); }
.selectric-customOptions .ico-CUB {
      background-image: url("../icons/flags/cub.d6a3e9ab683a.svg"); }
.selectric-customOptions .ico-CYP {
      background-image: url("../icons/flags/cyp.0ec68cae421c.svg"); }
.selectric-customOptions .ico-CZE {
      background-image: url("../icons/flags/cze.f66c359b0d35.svg"); }
.selectric-customOptions .ico-DNK {
      background-image: url("../icons/flags/dnk.e4220729a18a.svg"); }
.selectric-customOptions .ico-DJI {
      background-image: url("../icons/flags/dji.030f8c6ca25b.svg"); }
.selectric-customOptions .ico-DMA {
      background-image: url("../icons/flags/dma.a4bdfbb2d253.svg"); }
.selectric-customOptions .ico-DOM {
      background-image: url("../icons/flags/dom.69e9920de1db.svg"); }
.selectric-customOptions .ico-ECU {
      background-image: url("../icons/flags/ecu.a104ffb3b6a8.svg"); }
.selectric-customOptions .ico-EGY {
      background-image: url("../icons/flags/egy.bae8c27de962.svg"); }
.selectric-customOptions .ico-SLV {
      background-image: url("../icons/flags/slv.41b924cf7fa1.svg"); }
.selectric-customOptions .ico-GNQ {
      background-image: url("../icons/flags/gnq.e3098462c57d.svg"); }
.selectric-customOptions .ico-ERI {
      background-image: url("../icons/flags/eri.f8a766867772.svg"); }
.selectric-customOptions .ico-EST {
      background-image: url("../icons/flags/est.c986c7dc51bf.svg"); }
.selectric-customOptions .ico-ETH {
      background-image: url("../icons/flags/eth.da4a449291d4.svg"); }
.selectric-customOptions .ico-FRO {
      background-image: url("../icons/flags/fro.5eddafe0c5e2.svg"); }
.selectric-customOptions .ico-FJI {
      background-image: url("../icons/flags/fji.871fdc234e1d.svg"); }
.selectric-customOptions .ico-FIN {
      background-image: url("../icons/flags/fin.c35ef10d4f7d.svg"); }
.selectric-customOptions .ico-FRA {
      background-image: url("../icons/flags/fra.18ce3ddb2fd3.svg"); }
.selectric-customOptions .ico-GAB {
      background-image: url("../icons/flags/gab.93155539136f.svg"); }
.selectric-customOptions .ico-GMB {
      background-image: url("../icons/flags/gmb.d13a3dc61008.svg"); }
.selectric-customOptions .ico-GEO {
      background-image: url("../icons/flags/geo.c5e161961abc.svg"); }
.selectric-customOptions .ico-DEU {
      background-image: url("../icons/flags/deu.1c7d57cf60eb.svg"); }
.selectric-customOptions .ico-GHA {
      background-image: url("../icons/flags/gha.9bf07911395a.svg"); }
.selectric-customOptions .ico-GIB {
      background-image: url("../icons/flags/gib.33032a8a0fad.svg"); }
.selectric-customOptions .ico-GRC {
      background-image: url("../icons/flags/grc.42b2474962e2.svg"); }
.selectric-customOptions .ico-GRL {
      background-image: url("../icons/flags/grl.a016910be4ea.svg"); }
.selectric-customOptions .ico-GRD {
      background-image: url("../icons/flags/grd.1e9df452e40a.svg"); }
.selectric-customOptions .ico-GTM {
      background-image: url("../icons/flags/gtm.95a461cf6e08.svg"); }
.selectric-customOptions .ico-GIN {
      background-image: url("../icons/flags/gin.12d5105b1925.svg"); }
.selectric-customOptions .ico-GNB {
      background-image: url("../icons/flags/gnb.f34d3a0b0b6f.svg"); }
.selectric-customOptions .ico-GUY {
      background-image: url("../icons/flags/guy.c8d03c30d729.svg"); }
.selectric-customOptions .ico-HTI {
      background-image: url("../icons/flags/hti.4eee518cd714.svg"); }
.selectric-customOptions .ico-VAT {
      background-image: url("../icons/flags/vat.052bd2010806.svg"); }
.selectric-customOptions .ico-HND {
      background-image: url("../icons/flags/hnd.8002b5a055bf.svg"); }
.selectric-customOptions .ico-HUN {
      background-image: url("../icons/flags/hun.41d1f90a7918.svg"); }
.selectric-customOptions .ico-ISL {
      background-image: url("../icons/flags/isl.f88c4e83e789.svg"); }
.selectric-customOptions .ico-IND {
      background-image: url("../icons/flags/ind.df9093a17f21.svg"); }
.selectric-customOptions .ico-IDN {
      background-image: url("../icons/flags/idn.5ceb9839c3ec.svg"); }
.selectric-customOptions .ico-IRN {
      background-image: url("../icons/flags/irn.8b48ab287ad8.svg"); }
.selectric-customOptions .ico-IRQ {
      background-image: url("../icons/flags/irq.26e46820aed5.svg"); }
.selectric-customOptions .ico-IRL {
      background-image: url("../icons/flags/irl.85e4238dbe7a.svg"); }
.selectric-customOptions .ico-ISR {
      background-image: url("../icons/flags/isr.09208e136aee.svg"); }
.selectric-customOptions .ico-ITA {
      background-image: url("../icons/flags/ita.ca3c72694033.svg"); }
.selectric-customOptions .ico-JAM {
      background-image: url("../icons/flags/jam.59822ac1777a.svg"); }
.selectric-customOptions .ico-JPN {
      background-image: url("../icons/flags/jpn.cdbc007bcae4.svg"); }
.selectric-customOptions .ico-JOR {
      background-image: url("../icons/flags/jor.e3f9a588a897.svg"); }
.selectric-customOptions .ico-KAZ {
      background-image: url("../icons/flags/kaz.57df18e454d4.svg"); }
.selectric-customOptions .ico-KEN {
      background-image: url("../icons/flags/ken.681052824711.svg"); }
.selectric-customOptions .ico-KIR {
      background-image: url("../icons/flags/kir.19b63bad6fed.svg"); }
.selectric-customOptions .ico-PRK {
      background-image: url("../icons/flags/prk.40db652e5217.svg"); }
.selectric-customOptions .ico-KOR {
      background-image: url("../icons/flags/kor.9be836e4685b.svg"); }
.selectric-customOptions .ico-KWT {
      background-image: url("../icons/flags/kwt.dc3c74acdbd5.svg"); }
.selectric-customOptions .ico-KGZ {
      background-image: url("../icons/flags/kgz.24cbf2849ff4.svg"); }
.selectric-customOptions .ico-LAO {
      background-image: url("../icons/flags/lao.58a8188302b5.svg"); }
.selectric-customOptions .ico-LVA {
      background-image: url("../icons/flags/lva.50094ff46347.svg"); }
.selectric-customOptions .ico-LBN {
      background-image: url("../icons/flags/lbn.7aff7831df16.svg"); }
.selectric-customOptions .ico-LSO {
      background-image: url("../icons/flags/lso.db2a4ba84d79.svg"); }
.selectric-customOptions .ico-LBR {
      background-image: url("../icons/flags/lbr.ee713681c4fc.svg"); }
.selectric-customOptions .ico-LBY {
      background-image: url("../icons/flags/lby.ec8c536f9cf4.svg"); }
.selectric-customOptions .ico-LIE {
      background-image: url("../icons/flags/lie.3d33a12f7870.svg"); }
.selectric-customOptions .ico-LTU {
      background-image: url("../icons/flags/ltu.b832ef39ec14.svg"); }
.selectric-customOptions .ico-LUX {
      background-image: url("../icons/flags/lux.b5dee5b81ea6.svg"); }
.selectric-customOptions .ico-MKD {
      background-image: url("../icons/flags/mkd.b25f4f15387a.svg"); }
.selectric-customOptions .ico-MDG {
      background-image: url("../icons/flags/mdg.7b00695718a4.svg"); }
.selectric-customOptions .ico-MWI {
      background-image: url("../icons/flags/mwi.d0d484877113.svg"); }
.selectric-customOptions .ico-MYS {
      background-image: url("../icons/flags/mys.e82d0fec6b5c.svg"); }
.selectric-customOptions .ico-MDV {
      background-image: url("../icons/flags/mdv.0d286a03bb83.svg"); }
.selectric-customOptions .ico-MLI {
      background-image: url("../icons/flags/mli.6df7105813ef.svg"); }
.selectric-customOptions .ico-MLT {
      background-image: url("../icons/flags/mlt.e87f3ac6031b.svg"); }
.selectric-customOptions .ico-MHL {
      background-image: url("../icons/flags/mhl.497d48b455ba.svg"); }
.selectric-customOptions .ico-MRT {
      background-image: url("../icons/flags/mrt.8c9644916ebd.svg"); }
.selectric-customOptions .ico-MUS {
      background-image: url("../icons/flags/mus.f939c94349d3.svg"); }
.selectric-customOptions .ico-MEX {
      background-image: url("../icons/flags/mex.92001af85a2c.svg"); }
.selectric-customOptions .ico-FSM {
      background-image: url("../icons/flags/fsm.c9a35ad54866.svg"); }
.selectric-customOptions .ico-MDA {
      background-image: url("../icons/flags/mda.70c0186153f3.svg"); }
.selectric-customOptions .ico-MCO {
      background-image: url("../icons/flags/mco.69858ece7628.svg"); }
.selectric-customOptions .ico-MNG {
      background-image: url("../icons/flags/mng.24cd9c592b21.svg"); }
.selectric-customOptions .ico-MNE {
      background-image: url("../icons/flags/mne.6b5f27a28d5a.svg"); }
.selectric-customOptions .ico-MAR {
      background-image: url("../icons/flags/mar.bdf18f20d596.svg"); }
.selectric-customOptions .ico-MOZ {
      background-image: url("../icons/flags/moz.1c257da7c80a.svg"); }
.selectric-customOptions .ico-MMR {
      background-image: url("../icons/flags/mmr.839d7e515591.svg"); }
.selectric-customOptions .ico-NAM {
      background-image: url("../icons/flags/nam.aedb5cdc03a7.svg"); }
.selectric-customOptions .ico-NRU {
      background-image: url("../icons/flags/nru.bbe0323649bf.svg"); }
.selectric-customOptions .ico-NPL {
      background-image: url("../icons/flags/npl.7e9d51897a8d.svg"); }
.selectric-customOptions .ico-NLD {
      background-image: url("../icons/flags/nld.8112197041a3.svg"); }
.selectric-customOptions .ico-NZL {
      background-image: url("../icons/flags/nzl.48d4b1383b97.svg"); }
.selectric-customOptions .ico-NIC {
      background-image: url("../icons/flags/nic.1485f7f51bb8.svg"); }
.selectric-customOptions .ico-NER {
      background-image: url("../icons/flags/ner.b90ea7ab5671.svg"); }
.selectric-customOptions .ico-NGA {
      background-image: url("../icons/flags/nga.8f0077822c62.svg"); }
.selectric-customOptions .ico-NOR {
      background-image: url("../icons/flags/nor.5560d35a624b.svg"); }
.selectric-customOptions .ico-OMN {
      background-image: url("../icons/flags/omn.329bca9adf79.svg"); }
.selectric-customOptions .ico-PAK {
      background-image: url("../icons/flags/pak.2a50ae3d8eb7.svg"); }
.selectric-customOptions .ico-PLW {
      background-image: url("../icons/flags/plw.bb7084ddc1c0.svg"); }
.selectric-customOptions .ico-PSE {
      background-image: url("../icons/flags/pse.ef82ed634b20.svg"); }
.selectric-customOptions .ico-PAN {
      background-image: url("../icons/flags/pan.6b6407c155c3.svg"); }
.selectric-customOptions .ico-PNG {
      background-image: url("../icons/flags/png.9b127ed35d96.svg"); }
.selectric-customOptions .ico-PRY {
      background-image: url("../icons/flags/pry.d8d8109b55e7.svg"); }
.selectric-customOptions .ico-PER {
      background-image: url("../icons/flags/per.fe837451b006.svg"); }
.selectric-customOptions .ico-PHL {
      background-image: url("../icons/flags/phl.6b825b8d04c5.svg"); }
.selectric-customOptions .ico-POL {
      background-image: url("../icons/flags/pol.3e4d6335fa94.svg"); }
.selectric-customOptions .ico-PRT {
      background-image: url("../icons/flags/prt.46e30ebf43f3.svg"); }
.selectric-customOptions .ico-PRI {
      background-image: url("../icons/flags/pri.d5ad0c89b03c.svg"); }
.selectric-customOptions .ico-QAT {
      background-image: url("../icons/flags/qat.b22df1ef1def.svg"); }
.selectric-customOptions .ico-ROU {
      background-image: url("../icons/flags/rou.6a091b89aa43.svg"); }
.selectric-customOptions .ico-RUS {
      background-image: url("../icons/flags/rus.c3773cdff680.svg"); }
.selectric-customOptions .ico-RWA {
      background-image: url("../icons/flags/rwa.0c1915e5124d.svg"); }
.selectric-customOptions .ico-KNA {
      background-image: url("../icons/flags/kna.0d3b22e84a2b.svg"); }
.selectric-customOptions .ico-LCA {
      background-image: url("../icons/flags/lca.c33071e32045.svg"); }
.selectric-customOptions .ico-VCT {
      background-image: url("../icons/flags/vct.718c657817d3.svg"); }
.selectric-customOptions .ico-WSM {
      background-image: url("../icons/flags/wsm.c428eb75983a.svg"); }
.selectric-customOptions .ico-SMR {
      background-image: url("../icons/flags/smr.859d9d3edca5.svg"); }
.selectric-customOptions .ico-STP {
      background-image: url("../icons/flags/stp.1c731c90a20a.svg"); }
.selectric-customOptions .ico-SAU {
      background-image: url("../icons/flags/sau.fdcb19200fc8.svg"); }
.selectric-customOptions .ico-SEN {
      background-image: url("../icons/flags/sen.82311b438638.svg"); }
.selectric-customOptions .ico-SRB {
      background-image: url("../icons/flags/srb.e9684432f36a.svg"); }
.selectric-customOptions .ico-SYC {
      background-image: url("../icons/flags/syc.529eb12117e8.svg"); }
.selectric-customOptions .ico-SLE {
      background-image: url("../icons/flags/sle.08918398f7e0.svg"); }
.selectric-customOptions .ico-SGP {
      background-image: url("../icons/flags/sgp.d6ea5b81770a.svg"); }
.selectric-customOptions .ico-SVK {
      background-image: url("../icons/flags/svk.ccd9c5ce0fa1.svg"); }
.selectric-customOptions .ico-SVN {
      background-image: url("../icons/flags/svn.edcbf6607814.svg"); }
.selectric-customOptions .ico-SLB {
      background-image: url("../icons/flags/slb.86bf81e44019.svg"); }
.selectric-customOptions .ico-SOM {
      background-image: url("../icons/flags/som.8cfd89e4fd8e.svg"); }
.selectric-customOptions .ico-ZAF {
      background-image: url("../icons/flags/zaf.4ab620d181af.svg"); }
.selectric-customOptions .ico-ESP {
      background-image: url("../icons/flags/esp.63e874be24d9.svg"); }
.selectric-customOptions .ico-LKA {
      background-image: url("../icons/flags/lka.05e46e783e20.svg"); }
.selectric-customOptions .ico-SDN {
      background-image: url("../icons/flags/sdn.07240553f6cc.svg"); }
.selectric-customOptions .ico-SUR {
      background-image: url("../icons/flags/sur.fc237022bad9.svg"); }
.selectric-customOptions .ico-SWZ {
      background-image: url("../icons/flags/swz.79434e64d6ff.svg"); }
.selectric-customOptions .ico-SWE {
      background-image: url("../icons/flags/swe.2f6dc50611e5.svg"); }
.selectric-customOptions .ico-CHE {
      background-image: url("../icons/flags/che.42460764b4ca.svg"); }
.selectric-customOptions .ico-SYR {
      background-image: url("../icons/flags/syr.2be160e6f0e2.svg"); }
.selectric-customOptions .ico-TWN {
      background-image: url("../icons/flags/twn.09b05eb601a5.svg"); }
.selectric-customOptions .ico-TJK {
      background-image: url("../icons/flags/tjk.8847e529f0ea.svg"); }
.selectric-customOptions .ico-TZA {
      background-image: url("../icons/flags/tza.9adaf8867bf7.svg"); }
.selectric-customOptions .ico-THA {
      background-image: url("../icons/flags/tha.17e4a7c8faca.svg"); }
.selectric-customOptions .ico-TLS {
      background-image: url("../icons/flags/tls.713e06a4871d.svg"); }
.selectric-customOptions .ico-TGO {
      background-image: url("../icons/flags/tgo.567d5d1d3f86.svg"); }
.selectric-customOptions .ico-TON {
      background-image: url("../icons/flags/ton.16ee2327655c.svg"); }
.selectric-customOptions .ico-TTO {
      background-image: url("../icons/flags/tto.c37b8da46200.svg"); }
.selectric-customOptions .ico-TUN {
      background-image: url("../icons/flags/tun.9a0f6dba3d83.svg"); }
.selectric-customOptions .ico-TUR {
      background-image: url("../icons/flags/tur.ba85ecb75b2b.svg"); }
.selectric-customOptions .ico-TKM {
      background-image: url("../icons/flags/tkm.e3b3dbcd52f9.svg"); }
.selectric-customOptions .ico-ARE {
      background-image: url("../icons/flags/are.26ac1f68c61c.svg"); }
.selectric-customOptions .ico-GBR {
      background-image: url("../icons/flags/gbr.ec559abbad90.svg"); }
.selectric-customOptions .ico-USA {
      background-image: url("../icons/flags/usa.a3db80c240fc.svg"); }
.selectric-customOptions .ico-URY {
      background-image: url("../icons/flags/ury.5b1ffbf1d567.svg"); }
.selectric-customOptions .ico-UZB {
      background-image: url("../icons/flags/uzb.39d6dc4dfd06.svg"); }
.selectric-customOptions .ico-VUT {
      background-image: url("../icons/flags/vut.638169b1839a.svg"); }
.selectric-customOptions .ico-VEN {
      background-image: url("../icons/flags/ven.cffa51708994.svg"); }
.selectric-customOptions .ico-VNM {
      background-image: url("../icons/flags/vnm.4b8b389e4014.svg"); }
.selectric-customOptions .ico-ESH {
      background-image: url("../icons/flags/esh.1fb656f0d5bb.svg"); }
.selectric-customOptions .ico-YEM {
      background-image: url("../icons/flags/yem.f94d4a7972d0.svg"); }
.selectric-customOptions .ico-ZMB {
      background-image: url("../icons/flags/zmb.8ae6fe205342.svg"); }
.selectric-customOptions .ico-ZWE {
      background-image: url("../icons/flags/zwe.3b58b714d9c0.svg"); }
@media (max-width: 2000px) and (min-width: 1501px) {
  .col-xl-2-5 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 !important; } }
@media (max-width: 1500px) and (min-width: 1200px) {
  .col-lgx-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 !important; }
  .col-lgx-4 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding: 0 !important; } }
@media (min-width: 2001px) {
  .col-xxl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    padding: 0 !important; }
  .col-xxl-2-5 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 !important; } }
.offset-margin {
  margin-left: -30px; }
@media (max-width: 1300px) {
    .offset-margin {
      margin-left: 0;
      padding-right: 40px; } }
@media (max-width: 1200px) {
    .offset-margin {
      margin-left: 0;
      margin-right: 0;
      padding-right: 0; } }
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 30px;
  height: 30px; }
@media (max-width: 1200px) {
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
      display: none; } }
.carousel-control-prev-icon {
  background-image: url("../icons/nav-left.2d55a9d94492.svg");
  position: relative;
  left: -45px; }
.carousel-control-next-icon {
  background-image: url("../icons/nav-right.3ce825589a2e.svg");
  position: relative;
  right: -45px; }
.top-bar {
  background-color: #fff;
  width: 100%;
  position: fixed;
  z-index: 102;
  right: -15px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.03);
  top: 0px;
  left: 0px;
  transition: 0.5s top ease-out;
  min-height: 62px; }
.top-bar.header-out {
    top: -60px;
    transition: 0.5s top ease-in; }
.top-bar .top-text {
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-style: normal;
    margin-bottom: 0;
    padding-left: 60px;
    padding-right: 60px;
    display: inline-block;
    color: #3D9939;
    font-size: 16px;
    letter-spacing: 1.5px;
    padding-top: 18px;
    padding-bottom: 10px; }
@media (max-width: 1500px) {
      .top-bar .top-text {
        padding-left: 20px;
        padding-right: 20px; } }
@media (max-width: 1400px) {
      .top-bar .top-text {
        padding-left: 16px;
        padding-right: 16px; } }
@media (max-width: 1300px) {
      .top-bar .top-text {
        font-size: 14px; } }
.top-bar .top-text .line {
      color: rgba(0, 0, 0, 0.16);
      padding-left: 15px;
      padding-right: 15px; }
@media (max-width: 1600px) {
        .top-bar .top-text .line {
          padding-left: 5px;
          padding-right: 5px; } }
.top-bar .top-text img {
      position: relative;
      top: -1px;
      margin-right: 10px; }
.top-bar .right {
    float: right;
    padding-top: 0px;
    padding-bottom: 0px; }
.top-bar .right > a,
    .top-bar .right > span {
      padding-top: 10px;
      padding-bottom: 10px;
      display: inline-block; }
.top-bar .right a {
      color: #3D9939;
      text-decoration: none;
      padding-top: 17px; }
.top-bar .right a.sp-offers {
        color: #E6194E; }
.top-bar .right .offer-area .offer-dropdown {
      display: block; }
.top-bar .right .offer-area .offer-dropdown:hover > .dropdown-menu {
        display: block; }
.top-bar .right .offer-area .offer-dropdown > .dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
        pointer-events: none; }
.top-bar .right .offer-area .offer-dropdown .dropdown-menu::before {
        z-index: 10;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        border: 5px solid black;
        border-color: transparent transparent #fff #fff;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg); }
.top-bar .right .offer-area .offer-dropdown .dropdown-menu::after {
        z-index: -10;
        content: "";
        position: absolute;
        right: 0;
        border: 5px solid #fff;
        border-color: transparent transparent #fff #fff;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        top: 0px; }
.top-bar .right .offer-area .offer-dropdown .dropdown-menu {
        z-index: initial;
        right: -25px;
        left: auto;
        top: 34px;
        border: none;
        box-shadow: none;
        padding: 0px;
        width: 210px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        background-color: #ffffff;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.top-bar .right .offer-area .offer-dropdown .dropdown-menu ul {
          list-style: none;
          margin: 0px;
          padding: 0px; }
.top-bar .right .offer-area .offer-dropdown .dropdown-menu ul li h5,
          .top-bar .right .offer-area .offer-dropdown .dropdown-menu ul li a {
            padding: 9px 21.5px;
            border-bottom: 1px solid #eee;
            width: 100%;
            display: inline-block;
            float: left; }
.top-bar .right .offer-area .offer-dropdown .dropdown-menu ul li h5 {
            letter-spacing: 0.6px;
            font-size: 20px;
            margin-bottom: 0px;
            border-bottom: 1px solid #eee;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #3D9939; }
.top-bar .right .offer-area .offer-dropdown .dropdown-menu ul li a {
            color: #3D9939; }
.top-bar .right .offer-area .offer-dropdown .dropdown-menu ul li a.offer {
              color: #E6194E; }
.top-bar .right .offer-area .offer-dropdown .dropdown-menu ul li a:hover {
            background-color: rgba(61, 153, 57, 0.06); }
.top-bar .right .offer-area .offer-dropdown .dropdown-toggle {
        text-decoration: none;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-block;
        color: #E6194E;
        font-size: 16px;
        letter-spacing: 1.5px;
        padding-top: 10px;
        padding-bottom: 10px; }
.top-bar .right .offer-area .offer-dropdown .dropdown-toggle:hover {
          color: #E6194E;
          text-decoration: none; }
.top-bar .right .offer-area .offer-dropdown .dropdown-toggle::after {
        display: none; }
.top-bar .right .logindropdown:hover > .dropdown-menu {
      display: block; }
.top-bar .right .logindropdown > .dropdown-toggle:active {
      /*Without this, clicking will make it sticky*/
      pointer-events: none; }
.top-bar .right .logindropdown .dropdown-menu::before {
      z-index: 10;
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      border: 5px solid black;
      border-color: transparent transparent #fff #fff;
      -webkit-transform-origin: 0 0;
              transform-origin: 0 0;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg); }
.top-bar .right .logindropdown .dropdown-menu::after {
      z-index: -10;
      content: "";
      position: absolute;
      right: 0;
      border: 5px solid #fff;
      border-color: transparent transparent #fff #fff;
      -webkit-transform-origin: 0 0;
              transform-origin: 0 0;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
      top: 0px; }
.top-bar .right .logindropdown .dropdown-menu {
      z-index: initial;
      right: 0px;
      left: auto;
      top: 44px;
      border: none;
      box-shadow: none;
      padding: 0px;
      width: 260px;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
      background-color: #ffffff;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.top-bar .right .logindropdown .dropdown-menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px; }
.top-bar .right .logindropdown .dropdown-menu ul li h5,
        .top-bar .right .logindropdown .dropdown-menu ul li a {
          padding: 9px 21.5px;
          border-bottom: 1px solid #eee;
          width: 100%;
          display: inline-block;
          float: left; }
.top-bar .right .logindropdown .dropdown-menu ul li h5 {
          letter-spacing: 0.6px;
          font-size: 20px;
          margin-bottom: 0px;
          border-bottom: 1px solid #eee;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #3D9939; }
.top-bar .right .logindropdown .dropdown-menu ul li a {
          color: #1a1a1a; }
.top-bar .right .logindropdown .dropdown-menu ul li a:hover {
          background-color: rgba(61, 153, 57, 0.06); }
.top-bar .right .logindropdown .dropdown-toggle {
      text-decoration: none;
      padding-left: 0px;
      padding-right: 30px;
      display: inline-block;
      color: #3D9939;
      font-size: 16px;
      letter-spacing: 1.5px;
      padding-top: 10px;
      padding-bottom: 10px; }
.top-bar .right .logindropdown .dropdown-toggle:hover {
        color: #3D9939;
        text-decoration: none; }
.top-bar .right .logindropdown .dropdown-toggle::after {
      display: none; }
.head-bx {
  position: fixed;
  top: 62px;
  z-index: 101;
  right: 0px;
  transition: all 0.6s;
  left: 0px; }
.head-bx.fixed-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.6s; }
.head-bx.fixed-header .head,
    .head-bx.fixed-header .bg-light {
      background-color: #fff !important; }
.head-bx .head {
    background-color: #fff;
    padding: 8px 60px;
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    align-items: center; }
@media (max-width: 1500px) {
      .head-bx .head {
        padding: 8px 20px; } }
.head-bx .head .bg-light {
      background-color: #fff !important; }
.head-bx .head .logo {
      float: left;
      width: 190px;
      flex-grow: 0; }
@media (max-width: 1300px) {
        .head-bx .head .logo {
          width: 180px; } }
.head-bx .head .m-logo {
      width: 46px;
      position: relative;
      top: -8px; }
.head-bx .head .head-search {
      position: relative;
      display: inline-block;
      margin-right: 30px;
      flex-grow: 1; }
.head-bx .head .head-search input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #EEEEEE;
        border-radius: 6px;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        height: 42px;
        padding-left: 45px;
        letter-spacing: 1px; }
.head-bx .head .head-search input::-webkit-input-placeholder {
          color: #707070;
          letter-spacing: 1.4px; }
.head-bx .head .head-search input:-ms-input-placeholder {
          color: #707070;
          letter-spacing: 1.4px; }
.head-bx .head .head-search input::-ms-input-placeholder {
          color: #707070;
          letter-spacing: 1.4px; }
.head-bx .head .head-search input::placeholder {
          color: #707070;
          letter-spacing: 1.4px; }
.head-bx .head .head-search input:focus {
          outline: none; }
.head-bx .head .head-search .search-btn {
        position: absolute;
        top: 8px;
        left: 15px;
        padding: 0px;
        margin: 0px;
        height: 28px; }
.head-bx .head .green-btn {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      letter-spacing: 1.5px;
      color: #3D9939;
      background-color: #F0F7EF;
      display: inline-block;
      flex-grow: 0; }
.head-bx .head .green-btn:hover {
        background-color: #e1f5e5; }
.head-bx .head .reorder {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      letter-spacing: 1.5px;
      border: 1px solid #EEEEEE;
      border-radius: 6px;
      color: #3D9939;
      background-color: #fff; }
.head-bx .head .reorder img {
        margin-right: 10px; }
.head-bx .head .check-out {
      display: inline-block;
      border-radius: 6px;
      min-width: 300px;
      flex-grow: 0; }
@media (max-width: 1200px) {
        .head-bx .head .check-out {
          min-width: auto; } }
.head-bx .head .check-out .amount {
        margin-bottom: 0;
        color: #3D9939;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: bold;
        font-size: 26px;
        display: inline-block;
        margin-left: 20px;
        line-height: 1;
        position: relative;
        top: 5px; }
@media (max-width: 1200px) {
          .head-bx .head .check-out .amount {
            display: none; } }
.head-bx .head .check-out .amount sup {
          font-size: 12px;
          top: -10px;
          left: -4px; }
.head-bx .head .check-out .amount .currency {
          text-transform: uppercase;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: bold;
          color: #9D9D9D;
          font-size: 11px;
          position: relative;
          left: -17px;
          top: 1px; }
.head-bx .head .check-out .checkout {
        background-color: #FF8A26;
        color: #fff;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        letter-spacing: 1px;
        padding: 8px 30px; }
.head-bx .head .check-out .checkout::after {
          content: url("../icons/arrow-white-right.aebd5377a1dd.svg");
          position: relative;
          z-index: 2;
          top: 2px; }
.mobile-header {
  background-color: #fff;
  z-index: 101;
  margin-top: 130px;
  width: 100%;
  overflow-x: hidden; }
.mobile-header.fixed-header .top {
    top: 0;
    left: 0;
    width: 100%; }
.mobile-header.fixed-header .search {
    top: -44px;
    left: 0;
    width: 100%;
    transition: 1s all; }
.mobile-header.fixed-header .head,
  .mobile-header.fixed-header .bg-light {
    background-color: #fff !important; }
.mobile-header .toggle-mobile {
    padding-right: 20px;
    margin-right: 20px;
    cursor: pointer; }
@media (max-width: 420px) {
      .mobile-header .toggle-mobile {
        margin-right: 5px;
        padding-right: 10px; } }
.mobile-header .toggle-close {
    display: none;
    width: 36px;
    padding-right: 20px;
    margin-right: 20px;
    max-height: 18px;
    cursor: pointer; }
@media (max-width: 420px) {
      .mobile-header .toggle-close {
        margin-right: 5px;
        padding-right: 10px; } }
.mobile-header .mobile-search {
    margin-right: 30px; }
.mobile-header .nav {
    height: 60px;
    margin-top: 15px; }
.mobile-header .top {
    position: fixed;
    top: 0px;
    z-index: 999;
    width: 100%;
    left: 0px;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 7px; }
@media (max-width: 380px) {
      .mobile-header .top {
        padding-bottom: 17px; } }
.mobile-header .top .mob-head-flex {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
.mobile-header .top .mob-head-flex .mlogo {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 165px; }
.mobile-header .top .mob-head-flex .ico .mobile-cart {
        margin-right: 15px;
        cursor: pointer; }
@media (max-width: 420px) {
          .mobile-header .top .mob-head-flex .ico .mobile-cart {
            margin-right: 5px; } }
@media (max-width: 380px) {
          .mobile-header .top .mob-head-flex .ico .mobile-cart {
            width: 32px !important; } }
.mobile-header .top .mob-head-flex .ico .mobile-user {
        cursor: pointer; }
@media (max-width: 380px) {
          .mobile-header .top .mob-head-flex .ico .mobile-user {
            width: 32px !important; } }
.mobile-header .search {
    position: fixed;
    top: 56px;
    z-index: 998;
    width: 100%;
    left: 0px;
    background-color: #fff;
    transition: 1s all; }
.mobile-header .search .mobile-search-bar {
      position: relative;
      margin-top: 15px;
      margin-bottom: 10px; }
.mobile-header .search .mobile-search-bar input {
        width: 100%;
        padding: 6px 46px 6px 15px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 6px;
        padding-left: 45px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: 400;
        min-height: 45px;
        background-color: #fff;
        pointer-events: none; }
.mobile-header .search .mobile-search-bar .search-site {
        position: absolute;
        left: 25px;
        top: 50%;
        width: 40px;
        padding: 0px;
        left: 2px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
.mobile-header .search .mobile-search-bar .search-site .mobile-search {
          width: 20px; }
.mobile-header .category-slider {
    padding-bottom: 10px; }
.mobile-header .category-slider .slick-list .slick-track .btn {
      padding: 12px;
      font-size: 14px;
      margin-right: 15px;
      border: 1px solid rgba(0, 0, 0, 0.1); }
.mobile-header .collapsex {
    margin: 0 auto; }
.mobile-header .collapsex .nav-link {
      font-size: 16px !important; }
.browse-store .btn.green-btn {
  padding: 12px 20px; }
.browse-store .btn.green-btn .burger-icon {
    margin-right: 12px; }
.browse-store .btn.green-btn .nav-svg {
    margin-left: 12px; }
.browse-store .dropdown-menu {
  left: 0;
  right: 0;
  margin-left: -180px;
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  width: 1240px;
  min-width: 900px; }
@media (max-width: 1800px) {
    .browse-store .dropdown-menu {
      min-height: 450px; } }
@media (max-width: 1300px) {
    .browse-store .dropdown-menu {
      left: -42px; } }
.browse-store .dropdown-menu .menu-content {
    display: flex;
    flex-direction: row;
    height: 550px;
    position: relative;
    width: 100%; }
@media (max-width: 1800px) {
      .browse-store .dropdown-menu .menu-content {
        height: 500px; } }
.browse-store .dropdown-menu .featured {
    flex-grow: 1;
    height: 100%;
    padding-right: 30px;
    position: relative;
    width: calc(100% - 900px);
    z-index: 999999;
    border-left: 1px solid #dddd;
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 0px;
    overflow: hidden; }
@media (max-width: 1200px) {
      .browse-store .dropdown-menu .featured {
        display: none; } }
.browse-store .dropdown-menu .featured .title {
      color: #8D8D8D;
      text-transform: uppercase;
      font-size: 14px;
      font-family: VAG Rounded Std;
      font-weight: 500; }
.browse-store .dropdown-menu .featured .navx {
      height: 95%;
      width: 100%;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center; }
.browse-store .dropdown-menu .featured .navx .swiper-slide img {
        width: 100%; }
.browse-store .dropdown-menu .featured .navx .carousel {
        height: inherit; }
.browse-store .dropdown-menu .featured .navx .carousel .carousel-inner {
          height: inherit; }
.browse-store .dropdown-menu .featured .navx .carousel .carousel-inner .carousel-item {
            height: inherit; }
.browse-store .dropdown-menu .featured .navx .carousel .carousel-inner .carousel-item .d-block {
              float: left;
              padding-left: 0;
              padding-right: 0;
              -o-object-fit: contain;
                 object-fit: contain; }
.browse-store .dropdown-menu .level-one {
    position: relative;
    flex-grow: 1;
    overflow: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    min-width: 900px;
    max-width: 900px; }
.browse-store .dropdown-menu .level-one::-webkit-scrollbar {
      display: none; }
@media (max-width: 1200px) {
      .browse-store .dropdown-menu .level-one {
        max-width: 90%;
        min-width: 90%; } }
.browse-store .dropdown-menu .level-one .menu-div {
      height: 100%;
      position: relative;
      z-index: 9999; }
.browse-store .dropdown-menu .level-one ul {
      position: absolute;
      top: 0;
      left: 0;
      width: 300px;
      max-width: 100%;
      padding: 0;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      font-size: 12px;
      line-height: 1.2;
      background: #fff;
      border-right: 1px solid #e6e6e6;
      list-style: none;
      min-height: 100%;
      padding-top: 20px; }
.browse-store .dropdown-menu .level-one ul li {
        color: #8c8c8c;
        width: 100%;
        cursor: pointer;
        background: #fff; }
.browse-store .dropdown-menu .level-one ul li .level-two {
          width: 280px;
          display: none; }
.browse-store .dropdown-menu .level-one ul li .level-two .menu-div {
            margin: 0;
            position: static; }
.browse-store .dropdown-menu .level-one ul li .level-two ul {
            left: calc(100%);
            width: 100%;
            height: 100%;
            border-left: 1px solid #e6e6e6; }
.browse-store .dropdown-menu .level-one ul li .level-two ul li .level-three {
              width: 280px;
              display: none; }
.browse-store .dropdown-menu .level-one ul li .level-two ul li:hover .level-two-a {
              color: #3D9939;
              background-color: #eef7ed; }
.browse-store .dropdown-menu .level-one ul li .level-two ul li:hover .level-three {
              display: block; }
.browse-store .dropdown-menu .level-one ul li .level-two ul li:hover .level-three ul {
                border-right: 0px; }
.browse-store .dropdown-menu .level-one ul li .level-two ul li:hover .level-three ul li:hover .level-three-a {
                  color: #3D9939;
                  background-color: #eef7ed; }
.browse-store .dropdown-menu .level-one ul li .level-two ul li:hover .level-three ul li a {
                  width: 100%; }
.browse-store .dropdown-menu .level-one ul li:hover > .level-one-a {
          color: #3D9939;
          background-color: #eef7ed; }
.browse-store .dropdown-menu .level-one ul li:hover > .level-one-a.special-offer {
            color: #e6194e;
            background-color: #fff; }
.browse-store .dropdown-menu .level-one ul li:hover > .arrow-svg {
          background-color: #eef7ed; }
.browse-store .dropdown-menu .level-one ul li:hover > .arrow-svg svg path {
            stroke: #3D9939; }
.browse-store .dropdown-menu .level-one ul li:hover .level-two {
          display: block; }
.browse-store .dropdown-menu .level-one ul li a {
          display: inline-block;
          padding: 7px 10px 7px 40px;
          width: 93%;
          float: left;
          font-family: VAG Rounded Std;
          text-transform: capitalize;
          font-size: 17px;
          font-weight: 400;
          letter-spacing: 0.3px;
          color: #5d5d5d; }
.browse-store .dropdown-menu .level-one ul li a.all-products {
            width: 100%; }
.browse-store .dropdown-menu .level-one ul li a.special-offer {
            border-bottom: 1px solid #DDDDDD;
            width: 100%;
            padding-bottom: 20px;
            margin-bottom: 20px;
            color: #E6194E; }
.browse-store .dropdown-menu .level-one ul li a.special-offer svg {
              margin-right: 5px; }
.browse-store .dropdown-menu .level-one ul li a:hover {
          color: #1a1a1a; }
.browse-store .dropdown-menu .arrow-svg {
    display: inline-block;
    height: auto;
    position: relative;
    width: 7%;
    float: left;
    height: 100%;
    padding: 10px 0px; }
.browse-store .dropdown-menu .arrow-svg svg {
      width: 10px;
      height: 10px; }
.browse-store .dropdown-menu .active > .arrow-svg {
    display: inline-block; }
.browse-store .dropdown-menu .menu_outer {
    height: calc(100vh - 50px);
    overflow: hidden;
    right: 0;
    bottom: 0;
    z-index: 15;
    width: 100%;
    transition: opacity 0.2s;
    position: relative; }
.browse-store .dropdown-menu .menu_outer .mobile_menu {
      display: flex;
      --webkit-box-orient: vertical;
      flex-direction: column;
      height: 100%;
      background-color: white; }
.browse-store .dropdown-menu .menu_outer .mobile_menu li {
        color: #1a1a1a;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: 12px;
        width: 100%;
        max-height: 50px;
        height: 100%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #e6e6e6;
        background-color: #fff; }
.browse-store .dropdown-menu .menu_outer .mobile_menu li.static-menu {
          background-color: #fafafa;
          color: #8c8c8c;
          border-top: 1px solid #e6e6e6;
          border-bottom: none; }
.browse-store .dropdown-menu .menu_outer .mobile_menu li:last-of-type, .browse-store .dropdown-menu .menu_outer .mobile_menu li.last-main-li {
          border-bottom: none; }
.browse-store .dropdown-menu .menu_outer .mobile_menu li:hover {
          background-color: #e6e6e6; }
.browse-store .dropdown-menu .menu_outer .mobile_menu li a {
          padding-top: 10px;
          padding-bottom: 10px;
          padding-left: 16px;
          width: 100%; }
.browse-store .dropdown-menu .menu_outer .mobile_menu li .arrow-right {
          background: url("/static/img/dist/arrow_gray_right.svg") no-repeat;
          height: 10px;
          width: 6px;
          margin-right: 23px; }
.browse-store .dropdown-menu .menu_outer .mobile_menu div.spacer {
        flex-grow: 1; }
.browse-store .dropdown-menu .menu_outer .mobile_menu .active > .submenu {
        right: 0; }
.browse-store .dropdown-menu .menu_outer .mobile_menu .submenu {
        height: 100%;
        background-color: #fff;
        position: absolute;
        right: -100%;
        top: 0;
        transition: all 0.5s ease 0s;
        width: 100%;
        display: flex;
        flex-direction: column; }
.browse-store .dropdown-menu .menu_outer .mobile_menu .submenu:first-of-type {
          z-index: 30; }
.browse-store .dropdown-menu .menu_outer .mobile_menu .submenu:nth-of-type(2) {
          z-index: 45; }
.browse-store .dropdown-menu .menu_outer .mobile_menu .submenu li.select-region {
          justify-content: flex-start; }
.browse-store .dropdown-menu .menu_outer .mobile_menu .submenu li.select-region img.country-option-flag {
            margin-left: 16px; }
.browse-store .dropdown-menu .menu_visible {
    visibility: visible; }
.browse-store .dropdown-menu .menu_hidden {
    visibility: hidden; }
.browse-store .dropdown-menu .js-menu-bar-store svg.flip {
    -webkit-transform: scale(1, -1);
            transform: scale(1, -1); }
.browse-store .dropdown-menu .mobile-overlay-header .back {
    cursor: pointer; }
.m-menu {
  height: calc(100vh - 68px);
  overflow-y: scroll;
  position: relative;
  background-color: #fff;
  padding-left: 30px;
  padding-top: 40px;
  position: fixed;
  right: -100%;
  top: 66px;
  background-color: #fff;
  z-index: 999;
  width: 100%;
  height: calc(100vh - 68px);
  transition: right 0.8s ease-out; }
.m-menu.active {
    right: 0; }
.m-menu a {
    color: #000; }
.m-menu .menu-content {
    display: block; }
.m-menu .menu-content ul {
      list-style: none; }
.m-menu .menu-content ul li {
        margin-bottom: 20px;
        text-transform: uppercase;
        letter-spacing: 1px;
        position: relative; }
.m-menu .menu-content ul li .arrow-svg {
          display: inline-block;
          right: 30px;
          position: absolute; }
.m-menu .menu-content .mlvl0 {
      padding-left: 30px; }
.m-menu .menu-content .mlvl0 li {
        position: relative; }
.m-menu .menu-content .mlvl0 li .mlvl1 {
          padding-top: 40px;
          position: fixed;
          right: -100%;
          top: 75px;
          background-color: #fff;
          z-index: 2;
          width: 100%;
          height: calc(100vh - 68px);
          transition: right 0.8s ease-out; }
.m-menu .menu-content .mlvl0 li .mlvl1 ul li .mlvl2 {
            padding-top: 40px;
            position: fixed;
            right: -100%;
            top: 75px;
            background-color: #fff;
            z-index: 3;
            width: 100%;
            height: calc(100vh - 68px);
            transition: right 0.8s ease-out; }
.m-menu .menu-content .mlvl0 li .mlvl1 ul li .mlvl2 ul li .mlvl3 {
              padding-top: 40px;
              position: fixed;
              right: -100%;
              top: 75px;
              background-color: #fff;
              z-index: 3;
              width: 100%;
              height: calc(80vh - 68px);
              transition: right 0.8s ease-out; }
.m-menu .menu-content .mlvl0 li .mlvl1 ul li .mlvl2 ul li .mlvl3.active {
              right: 0; }
.m-menu .menu-content .mlvl0 li .mlvl1 ul li .mlvl2.active {
            right: 0; }
.m-menu .menu-content .mlvl0 li .mlvl1.active {
          right: 0; }
.m-menu-search {
  background-color: #fff;
  height: calc(100vh - 68px);
  height: 100vh;
  overflow-y: hidden;
  position: relative;
  position: fixed;
  right: -100%;
  top: 0px;
  transition: right .8s ease-out;
  width: 100%;
  z-index: 999; }
.m-menu-search.active {
    right: 0; }
.m-menu-search a {
    color: #000; }
.m-menu-search .button-area {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px; }
.m-menu-search .button-area .show-result {
      border: 1px solid #3d9939;
      border-radius: 4px;
      color: #707070;
      font-family: VAG Rounded Std;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 1.2px;
      padding: 10px 0px;
      transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      white-space: nowrap;
      height: 35px;
      font-size: 16px;
      cursor: pointer;
      width: 30%;
      text-align: center; }
.m-menu-search .button-area .show-result:hover, .m-menu-search .button-area .show-result.active {
        background-color: #3d9939;
        border-color: #3d9939;
        color: #fff; }
.m-menu-search .text {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 83vh;
    overflow-y: scroll; }
.m-menu-search .text::-webkit-scrollbar {
      width: 8px;
      height: 12px; }
.m-menu-search .text::-webkit-scrollbar-track {
      box-shadow: none;
      background-color: #F4F4F4; }
.m-menu-search .text::-webkit-scrollbar-thumb {
      background-color: #bababa;
      outline: none; }
.m-menu-search .text ul {
      list-style-type: none;
      margin-bottom: 0px;
      padding-left: 65px; }
@media (max-width: 550px) {
        .m-menu-search .text ul {
          padding-left: 20px;
          padding-right: 20px; } }
.m-menu-search .text ul li {
        color: #707070;
        font-size: 16px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%; }
.m-menu-search .text ul li a {
          color: #707070;
          font-family: VAG Rounded Std;
          font-style: normal;
          font-weight: 400; }
.m-menu-search .menu_searchtop {
    align-items: center;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    padding: 5%; }
.m-menu-search .menu_searchtop .mobile-search-bar {
      position: relative;
      width: 85%; }
.m-menu-search .menu_searchtop .mobile-search-bar input {
        -moz-appearance: none;
        -webkit-appearance: none;
        align-items: center;
        appearance: none;
        border: 1px solid rgba(221, 221, 221, 0.6);
        border-radius: 6px;
        display: flex;
        font-family: VAG Rounded Std;
        font-style: normal;
        font-weight: 400;
        justify-content: flex-start;
        min-height: 45px;
        padding: 8px 6px 6px 45px;
        width: 100%;
        background-color: #f7f7f7;
        color: #707070; }
.m-menu-search .menu_searchtop .mobile-search-bar .search-site {
        position: absolute;
        left: 25px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 40px;
        padding: 0px;
        left: 2px; }
.m-menu-search .menu_searchtop .mobile-search-bar .search-site .mobile-search {
          width: 20px; }
.m-menu-search .menu_searchtop .search_close {
      font-family: VAG Rounded Std;
      color: #707070;
      font-size: 16px;
      font-weight: 400;
      letter-spacing: 0.4px; }
.m-menu-profile {
  height: calc(100vh - 68px);
  overflow-y: hidden;
  position: relative;
  background-color: #fff;
  padding-top: 10px;
  position: fixed;
  right: -100%;
  top: 66px;
  background-color: #fff;
  z-index: 999;
  width: 100%;
  height: calc(100vh - 50px);
  transition: right 0.8s ease-out; }
.m-menu-profile.active {
    right: 0; }
.m-menu-profile a {
    color: #000; }
.m-menu-profile .menu-content {
    display: block; }
.m-menu-profile .menu-content ul {
      list-style: none;
      margin: 0px;
      padding: 0px; }
.m-menu-profile .menu-content ul li h5, .m-menu-profile .menu-content ul li a {
        padding: 9px 21.5px;
        border-bottom: 1px solid #eee;
        width: 100%;
        display: inline-block;
        float: left; }
.m-menu-profile .menu-content ul li h5 {
        letter-spacing: 0.6px;
        font-size: 20px;
        margin-bottom: 0px;
        border-bottom: 1px solid #eee;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #3D9939; }
.m-menu-profile .menu-content ul li a {
        color: #1a1a1a; }
.m-menu-profile .menu-content ul li a:hover {
        background-color: rgba(61, 153, 57, 0.06); }
.desktop-only #header_search_form .selectric-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 100%; }
.desktop-only #header_search_form .selectric-wrapper .selectric-hide-select {
    display: none; }
.desktop-only #header_search_form .selectric-wrapper .selectric {
    display: flex;
    align-items: center;
    background: none;
    border: unset;
    border-radius: unset;
    height: 100%;
    justify-content: flex-start;
    background-color: #f0f7ef;
    color: #3d9939;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }
.desktop-only #header_search_form .selectric-wrapper .selectric:hover {
      background-color: #e1f5e5; }
.desktop-only #header_search_form .selectric-wrapper .selectric .label {
      margin: 0 32px 0 20px;
      height: 100%;
      font-size: 16px;
      line-height: 42px;
      text-transform: capitalize;
      letter-spacing: 1px;
      color: #3D9939;
      padding-top: 2px; }
.desktop-only #header_search_form .selectric-wrapper .selectric .button {
      left: auto;
      right: 4px;
      height: 100%;
      background: none; }
.desktop-only #header_search_form .selectric-wrapper .selectric .button svg {
        width: 12px;
        height: 12px; }
.desktop-only #header_search_form .selectric-wrapper .selectric .button svg path {
          stroke: #3d9939; }
.desktop-only #header_search_form .selectric-wrapper .selectric .button::after {
        display: none; }
.desktop-only #header_search_form .selectric-wrapper .selectric .button > svg {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
.desktop-only #header_search_form .selectric-wrapper .selectric-items .selectric-scroll {
    background-color: #fff;
    max-height: 250px;
    overflow-y: auto; }
.desktop-only #header_search_form .selectric-wrapper .selectric-items .selectric-scroll ul {
      list-style: none;
      padding: 0;
      margin: 0;
      font-size: 12px;
      line-height: 20px;
      min-height: 20px; }
.desktop-only #header_search_form .selectric-wrapper .selectric-items .selectric-scroll ul li {
        text-transform: capitalize;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: normal; }
.desktop-only #header_search_form .selectric-wrapper .selectric-items .selectric-scroll ul li:hover, .desktop-only #header_search_form .selectric-wrapper .selectric-items .selectric-scroll ul li.selected, .desktop-only #header_search_form .selectric-wrapper .selectric-items .selectric-scroll ul li.highlighted {
          background-color: #3D9939;
          color: #fff; }
.desktop-only .search-dropdown .results-row {
  display: none; }
.desktop-only .search-dropdown .results-row.active {
    display: block; }
.mobile-only .mobile-search-bar .selectric-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px; }
.mobile-only .mobile-search-bar .selectric-wrapper .selectric-hide-select {
    margin-left: -82px;
    width: 128px;
    height: 45px;
    opacity: 0; }
.mobile-only .mobile-search-bar .selectric-wrapper .selectric-hide-select select {
      font-family: "VAG Rounded Std";
      font-style: normal;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      position: relative;
      padding: 0 10px;
      width: 100%;
      height: 45px;
      background-color: #fff;
      border: none;
      border-radius: 0;
      box-sizing: border-box;
      font-size: calc(0 * 100vw + 14px);
      font-weight: 400;
      z-index: 1; }
.mobile-only .mobile-search-bar .selectric-wrapper .selectric-hide-select select:focus {
        outline: none;
        box-shadow: none; }
.mobile-only .mobile-search-bar .selectric-wrapper .selectric {
    display: flex;
    align-items: center;
    background: none;
    border: unset;
    border-radius: unset;
    width: 45px;
    height: 45px;
    justify-content: flex-start; }
.mobile-only .mobile-search-bar .selectric-wrapper .selectric .label {
      margin: 0 20px 0 40px;
      height: 100%;
      font-size: 16px;
      line-height: 42px;
      text-transform: capitalize; }
.mobile-only .mobile-search-bar .selectric-wrapper .selectric .button {
      left: 0;
      right: auto;
      height: 100%;
      background: none; }
.mobile-only .mobile-search-bar .selectric-wrapper .selectric .button::after {
        display: none; }
.mobile-only .mobile-search-bar .selectric-wrapper .selectric .button > svg {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
.mobile-only .mobile-search-bar .selectric-wrapper .selectric-items {
    left: auto;
    right: 0;
    width: 128px; }
.mobile-only .mobile-search-bar .selectric-wrapper .selectric-items .selectric-scroll {
      background-color: #fff;
      max-height: 250px;
      overflow-y: auto; }
.mobile-only .mobile-search-bar .selectric-wrapper .selectric-items .selectric-scroll ul {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 12px;
        line-height: 20px;
        min-height: 20px; }
.mobile-only .mobile-search-bar .selectric-wrapper .selectric-items .selectric-scroll ul li {
          text-transform: capitalize;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.mobile-only .mobile-search-bar .selectric-wrapper .selectric-items .selectric-scroll ul li:hover, .mobile-only .mobile-search-bar .selectric-wrapper .selectric-items .selectric-scroll ul li.selected, .mobile-only .mobile-search-bar .selectric-wrapper .selectric-items .selectric-scroll ul li.highlighted {
            background-color: #3D9939;
            color: #fff; }
.mobile-only .m-menu-search .results-row {
  display: none; }
.mobile-only .m-menu-search .results-row.active {
    display: block; }
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  margin-right: 10px; }
.hamburger:hover {
  opacity: 0.7; }
.hamburger.is-active:hover {
  opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #3D9939; }
.hamburger-box {
  width: 20px;
  height: 10px;
  display: inline-block;
  position: relative;
  top: -6px; }
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 20px;
  height: 2px;
  background-color: #3D9939;
  border-radius: 4px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block; }
.hamburger-inner::before {
  top: -10px; }
.hamburger-inner::after {
  bottom: -10px; }
.hamburger--slider .hamburger-inner {
  top: 6px; }
.hamburger--slider .hamburger-inner::before {
  top: 6px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.15s; }
.hamburger--slider .hamburger-inner::after {
  top: 12px; }
.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
          transform: translate3d(0, 6px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
          transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -11px, 0) rotate(-90deg);
          transform: translate3d(0, -11px, 0) rotate(-90deg); }
.sticky-category {
  border-top: 1px solid #EFEFEF;
  padding: 20px 0;
  position: fixed;
  top: 72px;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 100;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: all 0.7s;
  overflow: hidden !important;
  width: 100%; }
@media (max-width: 1200px) {
    .sticky-category {
      padding: 10px 0;
      top: 63px; } }
.sticky-category.scrolled {
    -webkit-transform: none;
    transform: none;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.7s; }
.sticky-category .contain {
    display: block;
    max-width: 94%;
    margin: 0 auto;
    overflow: visible; }
@media (max-width: 600px) {
      .sticky-category .contain {
        overflow: hidden;
        max-width: 98%; } }
.recipe-filters {
  padding-top: 20px;
  padding-bottom: 10px;
  overflow: visible !important; }
.recipe-filters .green-btn {
    margin-right: 0px;
    padding: 12px 10px;
    min-width: 130px; }
.recipe-filters.scrolled {
    position: fixed;
    top: 74px;
    background-color: #fff;
    z-index: 99;
    width: 100%; }
@media (max-width: 480px) {
    .recipe-filters .desktop {
      display: none; } }
.recipe-filters .mobile {
    display: none; }
@media (max-width: 480px) {
      .recipe-filters .mobile {
        display: flex;
        margin: 0; } }
.recipe-filters .mobile .green-btn {
      margin-right: 0px; }
@media (max-width: 420px) {
      .recipe-filters .mobile .cusine-filter-bx .btn,
      .recipe-filters .mobile .diet-filter-bx .btn {
        padding: 12px 26px; } }
.recipe-filters .mobile .diet-filter-bx .diet-filter {
      right: 0; }
.recipe-filters .mobile .course-filter-bx {
      margin-top: 15px; }
.recipe-filters .mobile .course-filter-bx .btn {
        width: 100%; }
.recipe-filters .filter-bx {
    display: inline-grid;
    justify-content: center;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px; }
.recipe-filters .filter-bx .filter-list {
      position: relative; }
.recipe-filters .filter-bx .filter-list .list {
        display: none;
        background-color: #fff;
        position: absolute;
        z-index: 24;
        padding: 20px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        min-width: 240px;
        box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
        border-radius: 6px; }
@media (max-width: 480px) {
          .recipe-filters .filter-bx .filter-list .list {
            min-width: 345px; } }
@media (max-width: 420px) {
          .recipe-filters .filter-bx .filter-list .list {
            min-width: 300px; } }
.recipe-filters .filter-bx .filter-list .list .apply-filters {
          width: 100%;
          background-color: #FF8A26;
          color: #fff;
          margin-top: 20px; }
.recipe-filters .filter-bx .filter-list .list.display {
        display: flex !important; }
.navigation {
  background: #3d9939;
  position: relative;
  z-index: 100; }
.navigation nav {
    width: 100%; }
.navigation nav .dropdown-menu {
      width: 80vw; }
@media (max-width: 1800px) {
        .navigation nav .dropdown-menu {
          width: 100vw; } }
.navigation nav .dropdown-menu .menu-content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        height: 100%;
        position: relative;
        width: 100%;
        padding-left: 40px; }
.navigation nav .dropdown-menu .level-one {
        position: relative;
        flex-grow: 1;
        overflow: auto;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
        min-width: 900px;
        max-width: 900px; }
.navigation nav .dropdown-menu .level-one::-webkit-scrollbar {
          display: none; }
@media (max-width: 1200px) {
          .navigation nav .dropdown-menu .level-one {
            max-width: 90%;
            min-width: 90%; } }
.navigation nav .dropdown-menu .level-one .menu-div {
          height: 100%;
          position: relative;
          z-index: 9999; }
.navigation nav .dropdown-menu .level-one ul {
          position: absolute;
          top: 0;
          left: 0;
          width: 300px;
          max-width: 100%;
          padding: 0;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          font-weight: 500;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          font-size: 12px;
          line-height: 1.2;
          background: #fff;
          border-right: 1px solid #e6e6e6;
          list-style: none;
          height: 100%; }
.navigation nav .dropdown-menu .level-one ul li {
            color: #8c8c8c;
            width: 100%;
            cursor: pointer;
            background: #fff; }
.navigation nav .dropdown-menu .level-one ul li .level-two {
              width: 280px;
              display: none; }
.navigation nav .dropdown-menu .level-one ul li .level-two .menu-div {
                margin: 0;
                position: static; }
.navigation nav .dropdown-menu .level-one ul li .level-two ul {
                left: calc(100% - -1px);
                width: 100%;
                height: 100%; }
.navigation nav .dropdown-menu .level-one ul li .level-two ul li .level-three {
                  width: 280px;
                  display: none; }
.navigation nav .dropdown-menu .level-one ul li .level-two ul li:hover .level-three {
                  display: block; }
.navigation nav .dropdown-menu .level-one ul li:hover .level-two {
              display: block; }
.navigation nav .dropdown-menu .level-one ul li a {
              display: inline-block;
              padding-top: 7px;
              padding-bottom: 7px;
              padding-left: 24px;
              padding-right: 30px;
              width: 92%;
              font-family: VAG Rounded Std;
              text-transform: capitalize;
              font-size: 17px;
              font-weight: 400;
              letter-spacing: 0.3px;
              color: #5d5d5d; }
.navigation nav .dropdown-menu .level-one ul li a:hover {
              color: #1a1a1a; }
.navigation nav .dropdown-menu .arrow-svg {
        display: inline-block;
        height: auto;
        width: auto; }
.navigation nav .dropdown-menu .arrow-svg svg {
          width: 10px;
          height: 10px; }
.navigation nav .dropdown-menu .active > .arrow-svg {
        display: inline-block; }
.navigation nav .dropdown-menu .menu_outer {
        height: calc(100vh - 50px);
        overflow: hidden;
        right: 0;
        bottom: 0;
        z-index: 15;
        width: 100%;
        transition: opacity 0.2s;
        position: relative; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu {
          display: flex;
          --webkit-box-orient: vertical;
          flex-direction: column;
          height: 100%;
          background-color: white; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu li {
            color: #1a1a1a;
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-size: 12px;
            width: 100%;
            max-height: 50px;
            height: 100%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid #e6e6e6;
            background-color: #fff; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu li.static-menu {
              background-color: #fafafa;
              color: #8c8c8c;
              border-top: 1px solid #e6e6e6;
              border-bottom: none; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu li:last-of-type, .navigation nav .dropdown-menu .menu_outer .mobile_menu li.last-main-li {
              border-bottom: none; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu li:hover {
              background-color: #e6e6e6; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu li a {
              padding-top: 10px;
              padding-bottom: 10px;
              padding-left: 16px;
              width: 100%; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu li .arrow-right {
              background: url("/static/img/dist/arrow_gray_right.svg") no-repeat;
              height: 10px;
              width: 6px;
              margin-right: 23px; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu div.spacer {
            flex-grow: 1; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu .active > .submenu {
            right: 0; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu .submenu {
            height: 100%;
            background-color: #fff;
            position: absolute;
            right: -100%;
            top: 0;
            transition: all 0.5s ease 0s;
            width: 100%;
            display: flex;
            flex-direction: column; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu .submenu:first-of-type {
              z-index: 30; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu .submenu:nth-of-type(2) {
              z-index: 45; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu .submenu li.select-region {
              justify-content: flex-start; }
.navigation nav .dropdown-menu .menu_outer .mobile_menu .submenu li.select-region img.country-option-flag {
                margin-left: 16px; }
.navigation nav .dropdown-menu .menu_visible {
        visibility: visible; }
.navigation nav .dropdown-menu .menu_hidden {
        visibility: hidden; }
.navigation nav .dropdown-menu .js-menu-bar-store svg.flip {
        -webkit-transform: scale(1, -1);
                transform: scale(1, -1); }
.navigation nav .dropdown-menu .mobile-overlay-header .back {
        cursor: pointer; }
@media (max-width: 1200px) {
      .navigation nav .navbar-nav {
        padding-left: 0;
        padding-right: 0; } }
.navigation nav .navbar-nav .nav-link {
      color: #fff;
      margin-right: 30px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      letter-spacing: 1px; }
@media (max-width: 1500px) {
        .navigation nav .navbar-nav .nav-link {
          margin-right: 26px; } }
@media (max-width: 1400px) {
        .navigation nav .navbar-nav .nav-link {
          margin-right: 16px; } }
@media (max-width: 1300px) {
        .navigation nav .navbar-nav .nav-link {
          margin-right: 0px; } }
@media (max-width: 1200px) {
        .navigation nav .navbar-nav .nav-link {
          font-size: 13px;
          padding-left: 0;
          padding-right: 0; } }
.navigation .bg-light {
    background-color: transparent !important; }
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    justify-content: center; } }
/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
  margin-bottom: 1rem; }
.navbar .dropdown-menu {
  border: none;
  background-color: #fff !important; }
@media (min-width: 992px) {
  .navbar {
    padding-top: 0px;
    padding-bottom: 0px; }
  .navbar .nav-item {
    padding: .5rem .5rem;
    margin: 0 .25rem; }
  .navbar .dropdown {
    position: static; }
  .navbar .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    /*  height of nav-item  */
    top: 45px; }
  .navbar .dropdown-menu {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } }
.megamenu-li {
  position: relative; }
.megamenu-li .btn.green-btn.active {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    z-index: 9999;
    border: none; }
.megamenu-li .btn.green-btn.active::before {
      background-color: #fff;
      border: 1px solid #e6e6e6;
      border-bottom: 0;
      border-radius: 6px 6px 0px 0px;
      content: "";
      height: 140%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1; }
.menu-gradient.active {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }
.browse-store .dropdown-menu {
  top: 64px;
  padding: 0px; }
.navbar-light .navbar-nav .nav-link:hover {
  color: #006039; }
.sidebar-cart {
  background-color: #fff;
  width: 85px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 600px) {
    .sidebar-cart {
      overflow: hidden !important;
      max-width: 100vw; } }
.sidebar-cart.scrolled {
    top: 30px !important; }
@media (max-width: 1200px) {
      .sidebar-cart.scrolled {
        top: 0 !important; } }
.sidebar-cart.scrolled .cart-flex {
      height: calc(100vh);
      overflow-y: scroll;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 30px; }
.sidebar-cart.scrolled .cart-flex::-webkit-scrollbar {
        width: 8px;
        height: 12px; }
.sidebar-cart.scrolled .cart-flex::-webkit-scrollbar-track {
        box-shadow: none;
        background-color: #F4F4F4; }
.sidebar-cart.scrolled .cart-flex::-webkit-scrollbar-thumb {
        background-color: #bababa;
        outline: none; }
.sidebar-cart.slide-in {
    position: absolute;
    right: 0;
    width: 510px;
    background-color: #F7F7F7;
    transition: -webkit-transform 1.6s ease-out;
    transition: transform 1.6s ease-out;
    transition: transform 1.6s ease-out, -webkit-transform 1.6s ease-out;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw); }
@media (max-width: 600px) {
      .sidebar-cart.slide-in {
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        padding: env(safe-area-inset-top, 60px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px); } }
.sidebar-cart.slide-in.scrolled {
      position: fixed !important;
      height: calc(100vh + 76px); }
.sidebar-cart.slide-in.scrolled::-webkit-scrollbar {
        width: 8px;
        height: 12px; }
.sidebar-cart.slide-in.scrolled::-webkit-scrollbar-track {
        box-shadow: none;
        background-color: #F4F4F4; }
.sidebar-cart.slide-in.scrolled::-webkit-scrollbar-thumb {
        background-color: #bababa;
        outline: none; }
.sidebar-cart.slide-in.scrolled .cart-flex {
        height: 100%;
        height: calc(100vh); }
.sidebar-cart.slide-in.scrolled .cart-flex::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.sidebar-cart.slide-in.scrolled .cart-flex::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #F4F4F4; }
.sidebar-cart.slide-in.scrolled .cart-flex::-webkit-scrollbar-thumb {
          background-color: #bababa;
          outline: none; }
.sidebar-cart.slide-in .cart {
      top: 0;
      margin-top: 60px; }
.sidebar-cart.slide-in .cart-flex {
      position: absolute;
      top: 24px; }
@media (max-width: 1200px) {
        .sidebar-cart.slide-in .cart-flex {
          top: 0;
          padding-top: 15px !important; } }
@media (max-width: 600px) {
        .sidebar-cart.slide-in .cart-flex {
          padding-bottom: 50px; } }
.sidebar-cart.slide-in .toggle-cart {
      top: 155px;
      left: -30px;
      z-index: 4; }
@media (max-width: 900px) {
        .sidebar-cart.slide-in .toggle-cart {
          left: 0; } }
@media (max-width: 600px) {
        .sidebar-cart.slide-in .toggle-cart {
          left: 5px; } }
.sidebar-cart.slide-in .close-cart-m {
      display: none; }
@media (max-width: 1200px) {
        .sidebar-cart.slide-in .close-cart-m {
          display: inline-block;
          position: static;
          top: 0;
          right: 40px;
          left: auto;
          width: 24px;
          height: 24px; } }
@media (max-width: 600px) {
        .sidebar-cart.slide-in .close-cart-m {
          top: 0; } }
.sidebar-cart.slide-in .inner-btn.move {
      top: 440px; }
.sidebar-cart.slide-in .cart-edit {
      border: 1px solid rgba(0, 0, 0, 0.1);
      color: green;
      position: relative;
      right: -160px;
      float: right;
      display: block;
      top: -40px; }
.sidebar-cart.slide-in .section-title {
      color: #3D9939;
      margin-top: 140px;
      position: relative;
      left: 10px;
      margin-bottom: 0;
      line-height: 1;
      width: 80%; }
@media (max-width: 1200px) {
        .sidebar-cart.slide-in .section-title {
          padding: 0 15px;
          margin-top: 0;
          left: 0;
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center; } }
@media (max-width: 600px) {
        .sidebar-cart.slide-in .section-title {
          font-size: 30px;
          top: 0px;
          border-bottom: 1px solid #ccc;
          min-height: 55px; }
          .sidebar-cart.slide-in .section-title span {
            padding: 14px 0px; }
            .sidebar-cart.slide-in .section-title span img {
              display: none; } }
.sidebar-cart.slide-in .section-title .mobile-bassket-icon {
        display: none; }
@media (max-width: 1200px) {
          .sidebar-cart.slide-in .section-title .mobile-bassket-icon {
            display: inline-block;
            width: 80px; } }
@media (max-width: 600px) {
          .sidebar-cart.slide-in .section-title .mobile-bassket-icon {
            width: 50px;
            display: none; } }
.sidebar-cart.slide-in .section-title .empty-this-basket {
        webkit-appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
                appearance: none;
        border: 0;
        padding: 0;
        background: transparent;
        text-decoration: none;
        color: inherit;
        transition: color 200ms;
        outline: 0;
        cursor: pointer;
        touch-action: manipulation;
        border: 1px solid #3D9939;
        color: #3D9939;
        padding: 13px 15px;
        width: auto;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        font-size: 14px;
        float: right;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        border-radius: 6px; }
@media (max-width: 600px) {
          .sidebar-cart.slide-in .section-title .empty-this-basket {
            border: 0px;
            font-size: 20px;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            border-radius: 0px;
            height: 100%;
            font-size: 16px;
            padding-top: 22px;
            float: right;
            margin-right: -60px; } }
@media (max-width: 390px) {
          .sidebar-cart.slide-in .section-title .empty-this-basket {
            margin-right: -10px; } }
.sidebar-cart.slide-in .meal-kit-bx {
      width: 86%;
      padding: 54px 20px 5px;
      border-radius: 6px;
      box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
      position: relative;
      border: 1px solid #ddd; }
.sidebar-cart.slide-in .meal-kit-bx .btn {
        border: 1px solid rgba(0, 0, 0, 0.1);
        margin: 0 auto;
        margin-bottom: 20px; }
.sidebar-cart.slide-in .meal-kit-bx .flex {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0;
        flex-wrap: wrap; }
.sidebar-cart.slide-in .meal-kit-bx .flex.limit-h {
        height: 300px;
        overflow-y: scroll; }
.sidebar-cart.slide-in .meal-kit-bx .open-box {
        position: absolute;
        left: 0;
        right: 0;
        margin-right: auto;
        margin-left: auto;
        cursor: pointer;
        transition: all 0.3s ease-out; }
.sidebar-cart.slide-in .meal-kit-bx .open-box.turn {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
.sidebar-cart.slide-in .meal-kit-bx .meal-kit {
        width: 22%;
        display: block;
        margin-bottom: 20px; }
.sidebar-cart.slide-in .meal-kit-bx .meal-kit img {
          width: 100%; }
.sidebar-cart.slide-in .meal-kit-bx .meal-kit.hide {
        display: none; }
.sidebar-cart.slide-in .bottom {
      padding: 25px 0 100px;
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
.sidebar-cart.slide-in .bottom .my-box {
        display: block;
        margin-bottom: 15px;
        box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
        margin-right: 0px;
        margin-left: 22px;
        padding: 24px;
        border-radius: 10px;
        background-color: #fff;
        border: 1px solid #ddd; }
@media (max-width: 600px) {
          .sidebar-cart.slide-in .bottom .my-box {
            margin-left: 0;
            left: 0; } }
.sidebar-cart.slide-in .bottom .my-box .title {
          color: #3D9939;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: bold;
          font-size: 18px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
.sidebar-cart.slide-in .bottom .my-box .title .amount {
            margin-bottom: 0;
            color: #3D9939;
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-weight: bold;
            font-size: 26px;
            display: inline-block;
            line-height: 1;
            position: relative;
            top: 5px;
            right: -14px; }
.sidebar-cart.slide-in .bottom .my-box .title .amount sup {
              font-size: 15px;
              top: -12px; }
.sidebar-cart.slide-in .bottom .my-box .title .amount .currency {
              text-transform: uppercase;
              font-family: "VAG Rounded Std";
              font-style: normal;
              font-weight: bold;
              color: #9D9D9D;
              font-size: 14px;
              position: relative;
              left: -20px;
              top: 1px; }
.sidebar-cart.slide-in .bottom .my-box .cart-details {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: normal;
          font-size: 14px;
          line-height: 1.2;
          margin-bottom: 2px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
.sidebar-cart.slide-in .bottom .my-box .checkout {
          background-color: #FF8A26;
          color: #fff;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: 300;
          font-size: 16px;
          letter-spacing: 1px;
          padding: 8px 30px;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }
.sidebar-cart.slide-in .cart {
      width: 90%;
      max-width: 90%;
      height: inherit;
      overflow: initial; }
@media (max-width: 600px) {
        .sidebar-cart.slide-in .cart {
          max-width: 96%;
          width: 96%; } }
.sidebar-cart.slide-in .cart .item {
        margin-bottom: 15px;
        box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
        margin-right: 10px;
        margin-left: 10px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        border-radius: 6px;
        background-color: #fff; }
.sidebar-cart.slide-in .cart .item .img-bx {
          width: 30%;
          overflow: hidden;
          padding: 20px;
          display: flex;
          justify-content: center; }
.sidebar-cart.slide-in .cart .item .img-bx img {
            padding: 10px;
            mix-blend-mode: multiply;
            max-height: 90px;
            width: auto; }
@media (max-width: 600px) {
              .sidebar-cart.slide-in .cart .item .img-bx img {
                margin-right: 0; } }
.sidebar-cart.slide-in .cart .item .right {
          flex-grow: 1;
          width: 69%;
          display: block;
          opacity: 1; }
.sidebar-cart.slide-in .cart .item .right .top {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap;
            padding: 30px 0 0; }
.sidebar-cart.slide-in .cart .item .right .bottom {
            padding: 0;
            width: 100%;
            padding-right: 15px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            align-items: center;
            position: relative; }
@media (max-width: 480px) {
              .sidebar-cart.slide-in .cart .item .right .bottom {
                padding-top: 15px;
                left: -30%;
                width: 130%; } }
.sidebar-cart.slide-in .cart .item .right .excerpt {
            font-size: 14px;
            line-height: 1.2;
            width: 65%;
            letter-spacing: 1px;
            line-height: 1.4;
            margin-bottom: 4px; }
@media (max-width: 480px) {
              .sidebar-cart.slide-in .cart .item .right .excerpt {
                width: 100%; } }
.sidebar-cart.slide-in .cart .item .right .price {
            color: #1A1A1A;
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-weight: bold;
            text-align: right;
            padding-right: 15px;
            margin-bottom: 0; }
@media (max-width: 480px) {
              .sidebar-cart.slide-in .cart .item .right .price {
                width: 100%;
                text-align: left; } }
.sidebar-cart.slide-in .cart .item .right .each {
            color: #999;
            font-size: 12px;
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-weight: normal;
            text-align: left;
            padding-right: 15px;
            margin-bottom: 0;
            width: 100%;
            line-height: 1;
            letter-spacing: 1px;
            text-transform: capitalize; }
@media (max-width: 600px) {
              .sidebar-cart.slide-in .cart .item .right .each {
                display: none; } }
.sidebar-cart.slide-in .cart .item .right .remove-item {
            width: 68px;
            cursor: pointer;
            mix-blend-mode: normal; }
@media (max-width: 480px) {
              .sidebar-cart.slide-in .cart .item .right .remove-item {
                position: absolute;
                top: -24px;
                right: 15px;
                z-index: 3; } }
.sidebar-cart.slide-in .cart .item .right .add-to-cart-bx {
            position: relative;
            top: 0;
            right: 0;
            min-width: 200px; }
@media (max-width: 600px) {
              .sidebar-cart.slide-in .cart .item .right .add-to-cart-bx {
                width: 100%; } }
.sidebar-cart.slide-in .cart .item .right .add-to-cart-bx .plus-value-min {
              margin: 0; }
.sidebar-cart.slide-in .cart .item .right .add-to-cart-bx img {
              width: 16px !important; }
.sidebar-cart.slide-in .cart .item .in-cart {
          display: none; }
.sidebar-cart.active {
    width: 580px;
    height: calc(100vh);
    -webkit-transform: none;
    transform: none;
    transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }
.sidebar-cart.active::-webkit-scrollbar {
      width: 8px;
      height: 12px; }
.sidebar-cart.active::-webkit-scrollbar-track {
      box-shadow: none;
      background-color: #F4F4F4; }
.sidebar-cart.active::-webkit-scrollbar-thumb {
      background-color: #bababa;
      outline: none; }
@media (max-width: 1200px) {
      .sidebar-cart.active {
        max-width: 80%; } }
@media (max-width: 600px) {
      .sidebar-cart.active {
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        max-width: 100%;
        top: 0 !important;
        z-index: 999; } }
.sidebar-cart.active .cart-flex {
      height: calc(100vh);
      overflow-y: scroll;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 30px; }
.sidebar-cart.active .cart-flex::-webkit-scrollbar {
        width: 8px;
        height: 12px; }
.sidebar-cart.active .cart-flex::-webkit-scrollbar-track {
        box-shadow: none;
        background-color: #F4F4F4; }
.sidebar-cart.active .cart-flex::-webkit-scrollbar-thumb {
        background-color: #bababa;
        outline: none; }
@media (max-width: 1200px) {
        .sidebar-cart.active .cart-flex {
          padding-top: 15px !important;
          top: 0; } }
@media (max-width: 600px) {
        .sidebar-cart.active .cart-flex {
          padding-top: 0 !important; } }
.sidebar-cart .my-box {
    position: relative;
    z-index: 2;
    top: 10px;
    left: -11px; }
.sidebar-cart .toggle-cart {
    position: relative;
    top: 155px;
    left: -30px;
    cursor: pointer;
    transition: top 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }
@media (max-width: 1200px) {
      .sidebar-cart .toggle-cart {
        display: none; } }
.sidebar-cart .cart {
    position: relative;
    top: 160px;
    width: 90%;
    margin: 0 auto;
    max-width: 68%;
    overflow-y: auto;
    height: calc(100vh - 260px); }
.sidebar-cart .cart::-webkit-scrollbar {
      width: 0; }
.sidebar-cart .cart::-webkit-scrollbar-track {
      background: transparent; }
.sidebar-cart .cart::-webkit-scrollbar-thumb {
      background: transparent; }
.sidebar-cart .cart::-webkit-scrollbar-thumb:hover {
      background: transparent; }
.sidebar-cart .cart .item {
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.sidebar-cart .cart .item .middle,
      .sidebar-cart .cart .item .right {
        display: none;
        opacity: 0; }
.sidebar-cart .cart .item .in-cart-text {
        text-align: center;
        color: #3B484F;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 1.2;
        margin-top: 15px;
        text-transform: uppercase; }
.sidebar-cart .cart .item .in-cart-text span {
          font-size: 10px; }
.sidebar-cart .cart .my-box {
      display: none; }
.sidebar-cart.slide-in.cart-old .cart {
  width: 90%;
  max-width: 90%;
  height: auto !important; }
.sidebar-cart.slide-in.cart-old .cart .item {
    margin-bottom: 15px;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
    margin-right: 10px;
    margin-left: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 6px; }
.sidebar-cart.slide-in.cart-old .cart .item img {
      width: 40%;
      margin-right: 15px;
      mix-blend-mode: multiply; }
.sidebar-cart.slide-in.cart-old .cart .item .middle,
    .sidebar-cart.slide-in.cart-old .cart .item .right {
      display: block;
      opacity: 1; }
.sidebar-cart.slide-in.cart-old .cart .item .middle {
      max-width: 60%;
      margin-right: 15px;
      padding-top: 10px; }
.sidebar-cart.slide-in.cart-old .cart .item .middle .excerpt {
        font-size: 13px;
        line-height: 1.2; }
.sidebar-cart.slide-in.cart-old .cart .item .middle .price {
        float: right;
        font-weight: bold;
        width: 100%;
        text-align: right; }
.sidebar-cart.slide-in.cart-old .cart .item .middle .each {
        color: #999;
        font-size: 12px;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        margin-bottom: 4px; }
#toast-container {
  max-width: 30vw;
  padding-left: 10px;
  margin-right: 10px;
  z-index: 9999;
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  right: 0px; }
@media (min-width: 992px) {
    #toast-container {
      margin-right: 120px;
      top: 150px; } }
@media screen and (max-width: 600px) {
    #toast-container {
      padding: 0;
      max-width: 100%;
      left: 10px;
      top: 70px !important; } }
#toast-container .toast-success, #toast-container .toast-warning {
    background-color: #fff !important; }
#toast-container .toast {
    opacity: 1;
    width: auto;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    max-height: 80vh;
    max-width: 100%;
    padding: 0;
    top: 0; }
#toast-container .toast:hover {
      box-shadow: 0 0 14px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 600px) {
      #toast-container .toast {
        max-width: 100%; } }
#toast-container .toast.add_product_notification .toast-message, #toast-container .toast.remove_product_notification .toast-message, #toast-container .toast.delete_product_notification .toast-message {
      background-color: #fff !important;
      border-radius: 4px !important; }
#toast-container .toast.add_product_notification .toast-message img, #toast-container .toast.remove_product_notification .toast-message img, #toast-container .toast.delete_product_notification .toast-message img {
        max-width: 80px; }
#toast-container .toast.add_product_notification .toast-message .info-bx, #toast-container .toast.remove_product_notification .toast-message .info-bx, #toast-container .toast.delete_product_notification .toast-message .info-bx {
        width: 100%;
        color: #767676;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-size: 13px;
        line-height: 20px;
        font-weight: 300;
        padding: 0 15px; }
#toast-container .toast.add_product_notification .toast-message .info-bx span, #toast-container .toast.remove_product_notification .toast-message .info-bx span, #toast-container .toast.delete_product_notification .toast-message .info-bx span {
          color: #BABABA; }
#toast-container .toast.add_product_notification .toast-message .info-bx .qty-prd, #toast-container .toast.remove_product_notification .toast-message .info-bx .qty-prd, #toast-container .toast.delete_product_notification .toast-message .info-bx .qty-prd {
          color: #3D9939;
          font-weight: normal;
          font-size: 14px;
          margin-bottom: 0; }
#toast-container .toast.add_product_notification .toast-message .info-bx .qty-prd.removed, #toast-container .toast.remove_product_notification .toast-message .info-bx .qty-prd.removed, #toast-container .toast.delete_product_notification .toast-message .info-bx .qty-prd.removed {
            color: #E6194E; }
#toast-container .toast.add_product_notification .toast-message svg, #toast-container .toast.remove_product_notification .toast-message svg, #toast-container .toast.delete_product_notification .toast-message svg {
        cursor: pointer; }
#toast-container .toast.stock_limit_reached_error_notification .toast-message, #toast-container .toast.minimum_order_error_notification .toast-message {
      font-family: "VAG Rounded Std";
      font-style: normal;
      margin-bottom: 0;
      color: #fff;
      font-weight: 500;
      line-height: 1.25;
      text-align: center;
      justify-content: center;
      font-size: 13px; }
#toast-container .toast .toast-message {
      padding: 16px;
      opacity: 1;
      align-items: center;
      background-color: #FF8A26;
      color: #fff;
      display: flex;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 500;
      line-height: 1.25;
      transition: all .3s ease-out;
      width: 450px;
      max-width: 100%; }
#toast-container .toast .toast-message .info-bx .product-name {
        font-size: 14px;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        margin-bottom: 4px;
        letter-spacing: 1px;
        line-height: 1.4; }
#toast-container .toast .toast-message .info-bx .qty-prd {
        font-size: 14px;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        margin-bottom: 4px;
        letter-spacing: 1px;
        line-height: 1.4; }
.choitram-magazine {
  padding-bottom: 160px;
  padding-top: 160px;
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat; }
@media (max-width: 1500px) {
    .choitram-magazine {
      padding-bottom: 77px;
      padding-top: 30px; } }
@media (max-width: 1800px) {
    .choitram-magazine {
      padding-bottom: 80px;
      padding-top: 80px; } }
@media (max-width: 1400px) {
    .choitram-magazine {
      padding-bottom: 30px;
      padding-top: 30px; } }
@media (max-width: 1300px) {
    .choitram-magazine {
      padding-bottom: 16px;
      padding-top: 16px; } }
@media (max-width: 1200px) {
    .choitram-magazine {
      padding-bottom: 23px; } }
.choitram-magazine .section-title,
  .choitram-magazine .excerpt,
  .choitram-magazine .btn {
    color: #fff; }
.choitram-magazine .section-title {
    letter-spacing: -1px; }
@media (max-width: 1200px) {
      .choitram-magazine .section-title {
        font-size: 1.2em; } }
.choitram-magazine .col-md-6 {
    padding-right: 60px; }
@media (max-width: 1600px) {
    .choitram-magazine .container {
      max-width: 96%; } }
.choitram-magazine .excerpt {
    width: 50%;
    margin-bottom: 30px;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0.6px;
    margin-top: 26px;
    margin-bottom: 26px; }
@media (max-width: 1920px) {
      .choitram-magazine .excerpt {
        width: 75%; } }
@media (max-width: 1400px) {
      .choitram-magazine .excerpt {
        width: 90%; } }
.choitram-magazine .btn {
    border: 1px solid #fff; }
.choitram-magazine .btn:hover {
      background-color: #fff;
      color: #333; }
.choitram-magazine.mobile-only .section-title,
.choitram-magazine.mobile-only .excerpt,
.choitram-magazine.mobile-only .btn {
  color: #000; }
.choitram-magazine.mobile-only .section-title {
  font-size: 2em; }
.choitram-magazine.mobile-only .btn {
  border-color: #000;
  margin-bottom: 60px; }
.Choithrams-subscribe {
  position: relative;
  padding: 80px 0;
  overflow: visible !important; }
@media (max-width: 1200px) {
    .Choithrams-subscribe {
      display: none; } }
.Choithrams-subscribe .section-title,
  .Choithrams-subscribe .excerpt,
  .Choithrams-subscribe .btn {
    color: #fff; }
.Choithrams-subscribe .foot-icon {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -47px;
    width: 109px;
    z-index: 10; }
.Choithrams-subscribe .excerpt {
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0.6px;
    margin-top: 0;
    margin-bottom: 26px;
    position: relative;
    top: -10px; }
.Choithrams-subscribe .excerpt:last-child {
      font-size: 14px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      margin-bottom: 4px; }
.Choithrams-subscribe .subscribe {
    width: 40%;
    position: relative; }
@media (max-width: 900px) {
      .Choithrams-subscribe .subscribe {
        width: 60%; } }
@media (max-width: 500px) {
      .Choithrams-subscribe .subscribe {
        width: 90%; } }
.Choithrams-subscribe .subscribe input[type="email"] {
      background-color: rgba(255, 255, 255, 0.8);
      border: 0;
      border-radius: 6px;
      padding: 10px 116px 10px 54px;
      width: 100%;
      position: relative; }
.Choithrams-subscribe .subscribe .email-icon {
      position: absolute;
      z-index: 2;
      top: 14px;
      left: 12px; }
.Choithrams-subscribe .subscribe .subscribe {
      background-color: #FF8A26;
      color: #fff;
      padding: 4px 26px;
      position: absolute;
      top: 6px;
      right: 6px;
      width: 128px;
      border-radius: 6px; }
.Choithrams-subscribe .unsubscribe {
    color: #fff; }
footer .foot-nav {
  padding-top: 30px; }
footer .foot-nav .quicklinks {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0; }
footer .foot-nav .quicklinks .link {
      display: inline-block;
      padding-top: 15px;
      padding-bottom: 15px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      color: #707070;
      line-height: 1;
      letter-spacing: 0.8px;
      margin-right: 30px; }
footer .foot-nav .quicklinks .sm-handler {
      display: inline-block;
      padding-top: 15px;
      padding-bottom: 15px;
      margin-right: 30px; }
footer .foot-nav .quicklinks .sm-handler:last-child {
        margin-right: 0; }
footer .bottom {
  padding-top: 60px;
  padding-bottom: 40px; }
footer .bottom .footer-logo {
    margin-bottom: 20px; }
footer .bottom .title {
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-weight: bold;
    color: #3D9939;
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 0px; }
footer .bottom .info {
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-style: normal;
    font-weight: normal;
    color: #707070;
    letter-spacing: 1px; }
footer .sm-links {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }
footer .sm-links .sm-handler {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 30px; }
footer .sm-links .sm-handler:last-child {
      margin-right: 0; }
footer .m-foot-title {
  color: #9D9D9D; }
footer .m-footer-logo {
  margin-top: 60px;
  margin-bottom: 0px; }
footer .google_ads_icons {
  display: inline-block;
  padding-top: 40px; }
footer .google_ads_icons svg {
    width: 200px;
    height: auto; }
footer .bottom .row .colx {
  width: 20%; }
footer .bottom .row .colx:first-child {
    width: 40%; }
@media (max-width: 1300px) {
      footer .bottom .row .colx:first-child {
        width: 34%; } }
footer .bottom .row .colx:last-child {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
footer.mobile-only {
  background-color: #3D9939;
  padding: 15px;
  z-index: 3;
  position: relative; }
footer.mobile-only .footer-m-quick {
    padding-left: 0;
    list-style: none;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-size: 16px;
    color: #fff;
    margin-bottom: 0; }
footer.mobile-only .footer-m-quick li {
      padding: 10px 0; }
footer.mobile-only .footer-m-quick li a {
        color: inherit;
        display: flex;
        justify-content: space-between;
        align-items: center; }
footer.mobile-only hr {
    border-color: #6FB46C;
    margin-left: -15px;
    margin-right: -15px; }
footer.mobile-only .social {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 30px 0; }
footer.mobile-only .social a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 18px;
      height: 24px;
      margin-right: 15px; }
footer.mobile-only .app_badges {
    display: flex;
    justify-content: center;
    align-items: center; }
footer.mobile-only .app_badges a > svg:first-child {
      margin-right: 20px; }
footer.mobile-only .logo-white {
    display: block;
    margin: 0 auto; }
footer.mobile-only .copy {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #fff;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 1px; }
.product-carousel {
  margin-top: 30px;
  background-color: #f7f7f7;
  padding-bottom: 80px;
  overflow: visible; }
@media (max-width: 900px) {
    .product-carousel {
      padding-bottom: 40px; } }
.product-carousel .slick-list {
    margin-left: -15px;
    margin-right: 5px; }
.product-carousel .product-bx {
    margin-bottom: 20px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
    padding: 0;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
    outline: none; }
.product-carousel .product-bx:hover {
      background-color: #f7f7f7; }
@media (max-width: 1200px) {
        .product-carousel .product-bx:hover {
          background-color: #fff; } }
.product-carousel .product-bx:hover .product-info.desktop {
        display: none !important; }
@media (max-width: 1200px) {
        .product-carousel .product-bx:hover .product-info.mobile {
          display: flex !important; } }
.product-carousel .product-bx:hover .add-to-cart-bx {
        display: block;
        position: relative;
        width: 100%;
        min-height: 108px;
        bottom: 10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
@media (max-width: 1200px) {
          .product-carousel .product-bx:hover .add-to-cart-bx {
            position: relative;
            bottom: 0;
            min-height: auto; } }
.product-carousel .product-bx.in-cart .product-info::before {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 1;
      width: 108px;
      height: 115px;
      background: url("../img/price-circle-o.fb7a9fa7fe37.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: right; }
.product-carousel .product-bx.in-cart .product-info .left .price {
      color: #FF8A26; }
.product-carousel .product-bx.in-cart .product-qty {
      display: inline-block;
      background-color: #FF8A26;
      color: #fff;
      border-radius: 50%;
      position: absolute;
      top: 15px;
      left: 15px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center; }
.product-carousel .product-bx.in-cart .product-qty::after {
        position: absolute;
        content: attr(data-quantity); }
@media (max-width: 1200px) {
        .product-carousel .product-bx.in-cart .product-qty {
          width: 36px;
          height: 36px; } }
.product-carousel .product-bx.in-cart .product-alert {
      display: none !important; }
.product-carousel .product-bx.in-cart .product_badge {
      left: 68px; }
.product-carousel .product-bx.offer .product-info::before {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 1;
      width: 108px;
      height: 115px;
      background: url("../img/price-circle-r.620ab440ab83.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: right; }
.product-carousel .product-bx.offer .left .price {
      color: #cf252e !important; }
.product-carousel .product-bx.offer .left .currency {
      color: #9a9a98 !important; }
.product-carousel .product-bx.offer .left .currency::before {
        border-top: 1px solid #c0c0c0 !important; }
.product-carousel .product-bx.offer .product-qty {
      background-color: #cf252e;
      color: #fff;
      border-radius: 50%;
      position: absolute;
      top: 15px;
      left: 15px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      width: 48px;
      height: 48px;
      display: flex !important;
      justify-content: center;
      align-items: center; }
.product-carousel .product-bx.offer .product-qty::after {
        content: attr(data-offer);
        position: absolute; }
@media (max-width: 1200px) {
        .product-carousel .product-bx.offer .product-qty {
          width: 36px;
          height: 36px; } }
.product-carousel .product-bx.offer.in-cart .product-info::before {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 1;
      width: 108px;
      height: 115px;
      background: url("../img/price-circle-o.fb7a9fa7fe37.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: right; }
.product-carousel .product-bx.offer.in-cart .product-info .left .price {
      color: #FF8A26 !important; }
.product-carousel .product-bx.offer.in-cart .product-info .left .currency {
      color: #9a9a98 !important; }
.product-carousel .product-bx.offer.in-cart .product-info .left .currency::before {
        border-top: 1px solid #c0c0c0 !important; }
.product-carousel .product-bx.offer.in-cart .product-qty {
      display: inline-block;
      background-color: #FF8A26 !important;
      top: 15px;
      left: 15px; }
.product-carousel .product-bx.offer.in-cart .product-qty::after {
        content: attr(data-quantity);
        position: absolute; }
.product-carousel .product-bx.offer .product_badge {
      left: 68px; }
.product-carousel .product-bx.new .product-qty {
      background-color: #3d9939;
      color: #fff;
      border-radius: 50%;
      position: absolute;
      top: 15px;
      left: 15px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      width: 48px;
      height: 48px;
      display: flex !important;
      justify-content: center;
      align-items: center; }
@media (max-width: 1200px) {
        .product-carousel .product-bx.new .product-qty {
          width: 36px;
          height: 36px; } }
.product-carousel .product-bx.new .product_badge {
      left: 68px; }
.product-carousel .product-bx .add-fav-btn {
      position: absolute;
      right: 15px;
      cursor: pointer;
      padding: 10px;
      z-index: 10;
      top: 12px; }
@media (max-width: 900px) {
        .product-carousel .product-bx .add-fav-btn {
          width: 44px; } }
@media (max-width: 600px) {
        .product-carousel .product-bx .add-fav-btn {
          width: 40px; } }
@media (max-width: 900px) {
      .product-carousel .product-bx .switch-mobile {
        display: flex !important;
        margin-top: 15%;
        justify-content: center;
        align-items: flex-start; } }
.product-carousel .product-bx .no-list {
      display: block; }
.product-carousel .product-bx .list-added {
      display: none; }
.product-carousel .product-bx .close-list {
      display: none;
      position: absolute;
      right: 15px;
      cursor: pointer;
      padding: 10px;
      z-index: 10;
      top: 12px;
      width: 36px; }
.product-carousel .product-bx .fav-list-bx {
      position: absolute;
      z-index: 3;
      top: 0;
      background-color: #fff;
      width: 90%;
      height: 80%;
      box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
      border-radius: 6px;
      right: -120%;
      transition: right 0.4s ease-out; }
@media (max-width: 1200px) {
        .product-carousel .product-bx .fav-list-bx {
          width: 100%;
          height: 100%; } }
.product-carousel .product-bx .fav-list-bx .fav-list {
        list-style: none;
        padding-left: 15px;
        max-height: 80%;
        overflow-y: auto;
        margin-bottom: 0;
        padding-bottom: 80px; }
.product-carousel .product-bx .fav-list-bx .fav-list::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.product-carousel .product-bx .fav-list-bx .fav-list::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #F4F4F4; }
.product-carousel .product-bx .fav-list-bx .fav-list::-webkit-scrollbar-thumb {
          background-color: #bababa;
          outline: none; }
@media (max-width: 600px) {
          .product-carousel .product-bx .fav-list-bx .fav-list {
            max-height: 100%; } }
.product-carousel .product-bx .fav-list-bx .fav-list li {
          padding: 5px 0; }
.product-carousel .product-bx .fav-list-bx .choose-list,
      .product-carousel .product-bx .fav-list-bx .create-list {
        height: 80%;
        overflow-y: hidden; }
.product-carousel .product-bx .fav-list-bx .create-list .title.back {
        padding-left: 30px;
        cursor: pointer; }
.product-carousel .product-bx .fav-list-bx .create-list .title.back:after {
          content: url("../icons/back-to-list.ff12ddb2a3c4.svg");
          position: absolute;
          left: 15px; }
.product-carousel .product-bx .fav-list-bx .title {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: bold;
        color: #3D9939;
        padding: 21px 0 0 17px; }
.product-carousel .product-bx .fav-list-bx .create-new-list {
        position: absolute;
        bottom: 0;
        background-color: #FF8A26;
        color: #fff;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        width: 100%;
        padding: 8px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        cursor: pointer; }
.product-carousel .product-bx .fav-list-bx .create-new-list:hover {
          background-color: #3d9939; }
.product-carousel .product-bx .fav-list-bx .create-new-list:after {
          content: url("../icons/add-to-list.425fb8e822b5.svg");
          position: absolute;
          z-index: 2;
          right: 15px; }
.product-carousel .product-bx .fav-list-bx .list-new {
        border: 0;
        background-color: #f6f6f6;
        border-radius: 4px;
        margin: 0 15px;
        padding: 10px 15px; }
.product-carousel .product-bx .fav-list-bx .btn.create {
        background-color: #FF8A26;
        color: #fff;
        position: absolute;
        bottom: 15px;
        left: 15px; }
.product-carousel .product-bx .fav-list-bx.active {
      right: 0; }
@media (max-width: 1200px) {
      .product-carousel .product-bx .product-container {
        display: inline-block; } }
.product-carousel .product-bx .product-img {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      padding: 30px;
      min-height: 328px; }
@media (max-width: 1200px) {
        .product-carousel .product-bx .product-img {
          max-width: 70%;
          padding: 30px;
          margin-left: auto;
          margin-right: auto;
          padding-top: 70px;
          min-height: inherit; } }
@media (max-width: 600px) {
        .product-carousel .product-bx .product-img {
          padding-right: 15px; } }
.product-carousel .product-bx .product-img img {
        -o-object-fit: contain;
           object-fit: contain;
        width: 100%;
        height: auto;
        max-height: 270px; }
@media (max-width: 1200px) {
          .product-carousel .product-bx .product-img img {
            max-height: 150px; } }
.product-carousel .product-bx .product-info {
      flex-direction: row-reverse;
      position: relative;
      bottom: 0;
      width: 100%;
      min-height: 108px;
      justify-content: center;
      align-items: center;
      padding-top: 15px; }
.product-carousel .product-bx .product-info.mobile {
        display: none; }
.product-carousel .product-bx .product-info.desktop {
        display: flex; }
.product-carousel .product-bx .product-info.desktop .left {
          width: 30%;
          margin-left: 5%;
          position: relative;
          z-index: 2;
          right: 0;
          top: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          padding-bottom: 15px; }
@media (max-width: 1650px) {
            .product-carousel .product-bx .product-info.desktop .left {
              padding-left: 20px; } }
@media (max-width: 1200px) {
            .product-carousel .product-bx .product-info.desktop .left {
              width: 100%;
              justify-content: flex-start;
              padding-left: 0; } }
.product-carousel .product-bx .product-info.desktop .left .product-price {
            position: absolute;
            right: 10px; }
@media (max-width: 1200px) {
              .product-carousel .product-bx .product-info.desktop .left .product-price {
                position: relative;
                right: auto; } }
.product-carousel .product-bx .product-info.desktop .left .currency {
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-weight: 600;
            color: transparent;
            font-size: 10px;
            letter-spacing: 2px;
            margin-bottom: 0;
            text-align: right;
            position: relative; }
@media (max-width: 1200px) {
              .product-carousel .product-bx .product-info.desktop .left .currency {
                text-align: left; } }
@media (max-width: 2000px) {
              .product-carousel .product-bx .product-info.desktop .left .currency {
                font-size: 9px; } }
.product-carousel .product-bx .product-info.desktop .left .currency::before {
              content: "";
              height: 1px;
              width: 100%;
              position: absolute;
              top: 47%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              border-top: 1px solid #fff; }
.product-carousel .product-bx .product-info.desktop .left .price {
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-weight: 600;
            color: #3D9939;
            font-size: 28px;
            margin-bottom: 0;
            line-height: 1;
            text-align: left;
            position: relative;
            right: 0;
            width: 60px;
            top: 8px; }
.product-carousel .product-bx .product-info.desktop .left .price sup {
              font-size: 11px;
              letter-spacing: normal;
              font-weight: normal;
              top: -12px; }
.product-carousel .product-bx .product-info.desktop .left .price span {
              font-size: 12px;
              letter-spacing: normal;
              font-weight: normal;
              position: relative;
              left: -18px;
              top: 0px; }
.product-carousel .product-bx .product-info.desktop .left .price .previous-price {
              color: #9a9a98;
              left: 0;
              position: absolute;
              top: auto;
              bottom: -14px; }
@media (max-width: 1200px) {
        .product-carousel .product-bx .product-info {
          flex: 0 0 90%;
          max-width: 90%;
          position: relative;
          margin: auto;
          flex-direction: column; }
          .product-carousel .product-bx .product-info.desktop {
            display: none; }
          .product-carousel .product-bx .product-info.mobile {
            display: flex; }
            .product-carousel .product-bx .product-info.mobile .previous-price {
              color: #8c8c8c;
              font-family: "VAG Rounded Std";
              font-style: normal;
              font-weight: light;
              font-size: 14px;
              line-height: 1;
              letter-spacing: 1px;
              text-align: left; }
            .product-carousel .product-bx .product-info.mobile .left {
              width: 30%;
              margin-left: 5%;
              position: relative;
              z-index: 2;
              right: 0;
              top: 0;
              display: flex;
              justify-content: center;
              align-items: center;
              padding-bottom: 15px; } }
@media (max-width: 1200px) and (max-width: 1650px) {
        .product-carousel .product-bx .product-info.mobile .left {
          padding-left: 20px; } }
@media (max-width: 1200px) and (max-width: 1200px) {
        .product-carousel .product-bx .product-info.mobile .left {
          width: 100%;
          justify-content: flex-start;
          padding-left: 0;
          padding-bottom: 0px; } }
@media (max-width: 1200px) {
              .product-carousel .product-bx .product-info.mobile .left .product-price {
                position: relative;
                right: auto;
                height: 40px; }
              .product-carousel .product-bx .product-info.mobile .left .currency {
                font-family: "VAG Rounded Std";
                font-style: normal;
                letter-spacing: 0.5px;
                margin-bottom: 0;
                position: relative;
                font-size: 13px;
                display: block;
                color: #acacac;
                font-weight: normal;
                text-align: left; }
              .product-carousel .product-bx .product-info.mobile .left .price {
                font-family: "VAG Rounded Std";
                font-style: normal;
                font-weight: 600;
                color: #3D9939;
                font-size: 20px;
                margin-bottom: 0;
                line-height: 1;
                text-align: left; } }
.product-carousel .product-bx .product-info:before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
        width: 108px;
        height: 115px;
        background: url("../img/price-circle.90577ccd201d.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right; }
@media (max-width: 1200px) {
          .product-carousel .product-bx .product-info:before {
            content: "";
            background: none;
            display: none; } }
.product-carousel .product-bx .product-info .right {
        width: 65%;
        position: relative;
        z-index: 2;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box; }
@media (max-width: 1200px) {
          .product-carousel .product-bx .product-info .right {
            width: 100%;
            padding-top: 0px;
            height: 100px; } }
.product-carousel .product-bx .product-info .right .excerpt {
          font-size: 16px;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: normal;
          margin-bottom: 5px;
          letter-spacing: 1px;
          line-height: 1.2; }
@media (max-width: 1300px) {
            .product-carousel .product-bx .product-info .right .excerpt {
              font-size: 18px;
              margin-bottom: 0px; } }
.product-carousel .product-bx .product-info .right .previous-price {
          color: #9a9a98;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: normal;
          font-size: 14px;
          line-height: 1;
          letter-spacing: 1px;
          text-align: left; }
@media (max-width: 1300px) {
            .product-carousel .product-bx .product-info .right .previous-price {
              font-size: 12px; } }
@media (max-width: 600px) {
            .product-carousel .product-bx .product-info .right .previous-price {
              font-size: 13px; } }
.product-carousel .product-bx img {
      mix-blend-mode: multiply; }
@media (max-width: 900px) {
        .product-carousel .product-bx img {
          width: 40%; } }
.product-carousel .product-bx .product-qty,
    .product-carousel .product-bx .fav-bar {
      display: none; }
.product-carousel .product-bx .offer-bx {
      background-color: #e8104a;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      position: absolute;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      display: inline-block;
      width: 30%;
      top: 0;
      padding: 4px 6px;
      text-align: center;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
.product-carousel .product-bx .new-bx {
      background-color: #3D9939;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      position: absolute;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      display: inline-block;
      width: 22%;
      top: 0;
      padding: 4px;
      text-align: center;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
.product-carousel .product-bx .add-to-cart-bx {
      display: none; }
@media (max-width: 1200px) {
        .product-carousel .product-bx .add-to-cart-bx {
          display: block;
          width: 100%;
          padding-top: 10px; } }
.product-carousel .product-bx .product_badge {
      position: absolute;
      top: 15px;
      left: 15px;
      z-index: 10;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      max-width: 48px; }
.product-carousel .product-bx .product_badge.move_aside {
        left: 68px; }
.product-carousel .product-bx .product_badge.product_badge:nth-child(3) {
        left: 68px; }
@media (max-width: 600px) {
          .product-carousel .product-bx .product_badge.product_badge:nth-child(3) {
            left: 54px; } }
.product-carousel .product-bx .product_badge.product_badge:nth-child(4) {
        left: 120px; }
@media (max-width: 600px) {
          .product-carousel .product-bx .product_badge.product_badge:nth-child(4) {
            left: 94px; } }
@media (max-width: 600px) {
        .product-carousel .product-bx .product_badge {
          max-width: 36px; } }
.product-carousel .product-bx.favourite .no-list {
    display: none; }
.product-carousel .product-bx.favourite .list-added {
    display: block; }
.product-carousel .products-bx.in-cart .product-qty {
    display: inline-block;
    background-color: #FF8A26;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center; }
@media (max-width: 1200px) {
      .product-carousel .products-bx.in-cart .product-qty {
        width: 36px;
        height: 36px; } }
.product-carousel .products-bx.in-cart .product-alert::after {
    position: absolute;
    content: attr(data-offer); }
.product-carousel .products-bx.in-cart .fav-bar {
    display: block;
    position: absolute;
    bottom: 0;
    background-color: #FF8A26;
    width: 100%;
    height: 0;
    z-index: 4;
    left: 0; }
.product-carousel .products-bx.in-cart .product-info::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 110px;
    background: url("../img/price-circle-o.fb7a9fa7fe37.png");
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat; }
.product-carousel .product-bx.offer .product-qty {
    display: none; }
.product-carousel .product-bx.offer .product-alert {
    display: inline-block;
    background-color: #e8104a;
    color: #fff;
    border-radius: 50%;
    padding: 18px 8px;
    position: absolute;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 1; }
.product-carousel .product-bx.offer .product-alert:after {
      content: attr(data-offer);
      position: absolute; }
@media (max-width: 1200px) {
      .product-carousel .product-bx.offer .product-alert {
        width: 36px;
        height: 36px;
        font-size: 12px; } }
.product-carousel .product-bx.new .product-qty {
    display: none; }
.product-carousel .product-bx.new .product-alert {
    display: inline-block;
    background-color: #3D9939;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1; }
@media (max-width: 1200px) {
      .product-carousel .product-bx.new .product-alert {
        width: 36px;
        height: 36px;
        font-size: 12px; } }
.product-slider .with-link h2 {
  display: inline-flex; }
@media (max-width: 420px) {
    .product-slider .with-link h2 {
      font-size: 18px; } }
@media (max-width: 350px) {
    .product-slider .with-link h2 {
      font-size: 15px; } }
.product-slider .view-all {
  margin-top: 120px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  float: right; }
.product-slider .view-all.slide {
    border: 1px solid rgba(0, 0, 0, 0.1);
    float: right;
    margin-top: 120px;
    background-color: #fff;
    padding: 14px 0px 0px 0px;
    text-align: center;
    width: 115px;
    color: #333; }
@media (max-width: 1300px) {
      .product-slider .view-all.slide {
        margin-top: 75px; } }
@media (max-width: 900px) {
      .product-slider .view-all.slide {
        margin-top: 57px; } }
@media (max-width: 600px) {
      .product-slider .view-all.slide {
        margin-top: 26px; } }
@media (max-width: 420px) {
      .product-slider .view-all.slide {
        font-size: 12px;
        height: 30px;
        margin-top: 24px;
        padding-top: 9px;
        width: 80px; } }
.product-slider .view-all.slide svg {
      width: 13px;
      height: 13px;
      -webkit-transform: translatey(-8%) rotate(-90deg);
              transform: translatey(-8%) rotate(-90deg); }
.product-slider .view-all.slide svg path {
        stroke: #333; }
@media (max-width: 420px) {
        .product-slider .view-all.slide svg {
          width: 10px;
          height: 10px;
          -webkit-transform: translatey(-10%) rotate(-90deg);
                  transform: translatey(-10%) rotate(-90deg); } }
.product-slider .view-all.slide:hover {
      background-color: #3d9939;
      color: #fff; }
.product-slider .view-all.slide:hover path {
        stroke: #fff; }
.product-slider .view-all-m {
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  margin-bottom: 30px;
  background-color: #fff; }
@media (max-width: 600px) {
    .product-slider .view-all-m {
      display: block;
      font-size: 16px;
      min-width: auto;
      width: auto;
      max-width: 112px;
      margin: 0;
      margin-top: 7px;
      max-height: 36px;
      padding: 12px 10px;
      background-color: #fff; } }
@media (max-width: 600px) {
  .product-slider .col-12.col-md-8.col-lg-8.col-xl-10 {
    display: flex;
    justify-content: space-between;
    align-items: center; } }
.product-slider.recipes .slider .slide .remove-mybox,
.product-slider.recipes .slider .slide .in-mybox {
  display: none; }
.product-slider.recipes .slider .slide .add-mybox {
  cursor: pointer; }
.product-slider.recipes .slider .slide .add-remove-bx {
  margin-bottom: 30px; }
.product-slider.recipes .slider .slide.in-box .add-mybox {
  display: none; }
.product-slider.recipes .slider .slide.in-box .remove-mybox,
.product-slider.recipes .slider .slide.in-box .in-mybox {
  display: block;
  cursor: pointer; }
.product-slider.recipes .slider .slide.in-box .add-remove-bx {
  display: flex;
  position: relative; }
.product-slider.recipes .slider .slide.in-box .add-remove-bx .remove-mybox {
    margin-right: 10px; }
.product-slider.recipes .slider .slide.in-box .add-remove-bx .in-mybox {
    position: absolute;
    top: -30px;
    left: 60px;
    cursor: default; }
.breadcrumb-bx {
  display: block;
  padding: 20px 0; }
@media (max-width: 600px) {
    .breadcrumb-bx {
      display: none; } }
.breadcrumb-bx .breadcrumb {
    background-color: #fff;
    color: #3D9939;
    padding: 0;
    margin-bottom: 0;
    line-height: normal;
    letter-spacing: 1.2px; }
.breadcrumb-bx .breadcrumb a {
      color: #3D9939;
      text-decoration: none;
      margin-right: 15px;
      margin-left: 15px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal; }
.breadcrumb-bx .breadcrumb a:first-child {
        margin-left: 0; }
.breadcrumb-bx .breadcrumb a:last-child {
        margin-right: 0; }
.breadcrumb-bx .breadcrumb span:last-child {
      display: none; }
.breadcrumb-bx-m {
  display: none; }
@media (max-width: 600px) {
    .breadcrumb-bx-m {
      display: block;
      padding: 0 15px; } }
.breadcrumb-bx-m .breadcrumb {
    background-color: #fff;
    color: #3D9939;
    padding: 0;
    padding-top: 15px; }
.breadcrumb-bx-m .breadcrumb img {
      display: inline-block; }
.breadcrumb-bx-m .breadcrumb a {
      display: inline-block;
      color: #3D9939;
      text-decoration: none;
      margin-right: 15px;
      margin-left: 15px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal; }
.breadcrumb-bx-m .breadcrumb a:first-child {
        margin-left: 0; }
.breadcrumb-bx-m .breadcrumb a:last-child {
        margin-right: 0; }
.mobile-filters-box {
  width: 100%;
  height: 100vh;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.mobile-filters-box.active {
    -webkit-transform: none;
    transform: none; }
.mobile-filters-box .top-row {
    min-height: 50px;
    border-bottom: 1px solid #E3E3E3;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
.mobile-filters-box .top-row .filter-bx-close {
      width: 50px;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-right: 1px solid #E3E3E3;
      position: relative;
      z-index: 10; }
.mobile-filters-box .top-row p {
      margin-bottom: 0;
      line-height: 1;
      padding-left: 15px;
      font-family: "VAG Rounded Std";
      font-style: normal; }
.mobile-filters-box .top-row .clear-refine {
      font-family: "VAG Rounded Std";
      font-style: normal;
      color: #bababa;
      position: absolute;
      right: 25px; }
.mobile-filters-box .filter-inner {
    height: calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    padding-bottom: 80px;
    overflow-y: auto;
    width: 100%; }
.mobile-filters-box .filter-inner::-webkit-scrollbar {
      width: 8px;
      height: 12px; }
.mobile-filters-box .filter-inner::-webkit-scrollbar-track {
      box-shadow: none;
      background-color: #F4F4F4; }
.mobile-filters-box .filter-inner::-webkit-scrollbar-thumb {
      background-color: #bababa;
      outline: none; }
.mobile-filters-box .filter-inner .refine-title {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-size: 16px;
      font-weight: 500;
      color: #1A1A1A;
      padding: 25px 20px 5px;
      width: 100%;
      margin-bottom: 0;
      line-height: 1; }
.mobile-filters-box .filter-inner ul {
      padding-left: 0;
      list-style: none;
      padding: 20px; }
.mobile-filters-box .filter-inner ul li label {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: 400;
        cursor: pointer; }
.mobile-filters-box .filter-inner ul li a.active {
        color: #3d9939; }
.mobile-filters-box .filter-inner ul.mobile-filters-ul li label:before {
        border: 1px solid #ddd;
        border-radius: 3px;
        box-shadow: none;
        height: 20px;
        left: 0;
        outline: none;
        top: 3px;
        width: 20px;
        content: "";
        display: inline-block;
        margin-right: 10px; }
.mobile-filters-box .filter-inner ul.mobile-filters-ul li input[type="checkbox"]:checked + label:before {
        background-color: #3d9939;
        border-color: transparent; }
.mobile-filters-box .filter-inner ul.mobile-filters-ul li input[type="checkbox"]:checked + label:after {
        -webkit-transform: rotate(-45deg);
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        height: 6px;
        left: 4px;
        top: 7px;
        transform: rotate(-45deg);
        width: 11px;
        display: inline-block;
        position: absolute;
        content: ''; }
.mobile-filters-box .bottom-row {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background-color: rgba(200, 200, 200, 0.5); }
.mobile-filters-box .bottom-row .submit-refine {
      -moz-appearance: none;
      -webkit-appearance: none;
              appearance: none;
      border: 0;
      padding: 0;
      background: transparent;
      text-decoration: none;
      color: inherit;
      transition: color 200ms;
      outline: 0;
      cursor: pointer;
      touch-action: manipulation;
      width: 100%;
      background-color: #3d9939;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      padding: 15px 25px;
      font-weight: 500;
      font-size: 14px;
      line-height: 1;
      max-height: 44px;
      border-radius: 4px;
      position: relative; }
.pagination-bx {
  padding-top: 80px;
  padding-bottom: 120px;
  background-color: #fff; }
.pagination-bx .progress-bar {
    background-color: #e6e6e6;
    height: 2px;
    margin-bottom: 2em;
    width: 100%; }
.pagination-bx .progress-bar div {
      background-color: #1a1a1a;
      height: 100%; }
.pagination-bx .viewed {
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1.2px; }
.pagination-bx .viewed span {
      color: #707070; }
.pagination-bx .page-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center; }
.pagination-bx .page-buttons .page-box {
      border-top: 1px solid #e6e6e6;
      border-bottom: 1px solid #e6e6e6;
      border-right: 1px solid #e6e6e6;
      color: #1a1a1a;
      cursor: pointer;
      width: 50px;
      height: 50px;
      max-height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 600px) {
        .pagination-bx .page-buttons .page-box {
          padding-top: 2px; } }
.pagination-bx .page-buttons .page-box:first-child {
        border: 0;
        padding-right: 70px; }
.pagination-bx .page-buttons .page-box:nth-child(2) {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        border-left: 1px solid #e6e6e6; }
.pagination-bx .page-buttons .page-box:nth-last-child(2) {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px; }
.pagination-bx .page-buttons .page-box:last-child {
        border: 0;
        padding-left: 50px; }
.pagination-bx .page-buttons .page-box:hover {
        background-color: #3D9939;
        color: #fff; }
@media (max-width: 600px) {
      .pagination-bx .page-buttons .page-box.border-right {
        border-right: 1px solid #e6e6e6;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px; } }
@media (max-width: 600px) {
      .pagination-bx .page-buttons .page-box.show-always {
        display: none; } }
.pagination-bx .page-buttons .page-box.show-always:hover {
      background-color: transparent; }
.pagination-bx .page-buttons .page-box.current {
      color: #3D9939;
      background-color: #F4F4F4; }
.rtopVideoPlayerWrapper {
  position: relative;
  width: 100%; }
.rtopVideoPlayerWrapper .rtopVideoPlayer {
    position: relative;
    overflow: hidden; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder {
      position: relative;
      cursor: pointer;
      height: 0;
      overflow: hidden;
      padding-bottom: 56.25%; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.2);
        background-size: 67px 67px;
        background-repeat: no-repeat;
        background-position: center center;
        opacity: 1;
        transition: 0.3s all ease-in;
        cursor: pointer; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder.hasFAIcons:after {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        content: url("../icons/play.d2b4f4199454.svg");
        opacity: 1;
        transition: 0.3s all ease-in;
        font-size: 80px;
        color: #fff;
        width: 100%;
        text-align: center;
        z-index: 4; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder.vimeoPlayer iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder *::-webkit-media-controls-panel {
        display: none !important;
        -webkit-appearance: none !important; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder *::--webkit-media-controls-play-button {
        display: none !important;
        -webkit-appearance: none !important; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder *::-webkit-media-controls-start-playback-button {
        display: none !important;
        -webkit-appearance: none !important; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder video {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls {
      position: absolute;
      bottom: 0px;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 40px;
      opacity: 0;
      -webkit-transform: translate(0%, 0);
      transform: translate(0%, 0);
      transition: 0.3s all;
      display: flex;
      flex-wrap: wrap; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls.hide {
        -webkit-transform: translate(0%, 40px);
        transform: translate(0%, 40px); }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls .controlBtn {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        height: 40px;
        line-height: 40px;
        color: #fff;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        z-index: 3; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #playPause {
        text-align: center;
        max-width: 60px; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #playPause span.FAIcon {
          font-size: 20px; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #playPauseHolder {
        max-width: 60px;
        cursor: default; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressholder {
        position: relative;
        margin: 0 20px 0 0;
        transition: 0.3s all;
        border-radius: 0;
        max-width: calc(100% - 140px);
        z-index: 1; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressSpacer {
        max-width: calc(100% - 140px);
        cursor: default; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #fullvideoprogress {
        background: rgba(255, 255, 255, 0.2);
        width: 100%;
        height: 2px;
        top: 0;
        left: 0;
        bottom: 0;
        position: absolute;
        margin: auto 0; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #buffered {
        height: 2px;
        background: rgba(255, 255, 255, 0.6);
        width: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        left: 0;
        border-radius: 4px; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progress {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        left: 0;
        height: 2px;
        background: white;
        width: 0;
        border-radius: 4px;
        border-right: 4px solid #3D9939; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressholder:hover #progressorb {
        background-color: #ed1c24; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressorb {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        width: 8px;
        height: 8px;
        border-radius: 10px;
        background-color: rgba(237, 28, 36, 0);
        transition: 0.3s background-color ease-in; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #timeholder {
        font-size: 13px;
        max-width: 120px;
        cursor: default;
        text-align: center; }
@media (max-width: 768px) {
          .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #timeholder {
            display: none; } }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl {
        max-width: 100px;
        text-align: center; }
@media (max-width: 768px) {
          .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl {
            max-width: 60px; } }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .muteBtn {
          position: relative; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .muteBtn span.FAIcon {
            font-size: 20px; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars {
          position: relative;
          margin-left: 10px; }
@media (max-width: 768px) {
            .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars {
              display: none; } }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar {
            position: relative;
            display: inline-block;
            width: 5px;
            margin-left: 2px;
            background-color: rgba(255, 255, 255, 0.5);
            transition: 0.3s all ease-in; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(1) {
              height: 5px; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(2) {
              height: 7.5px; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(3) {
              height: 10px; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(4) {
              height: 12.5px; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:hover {
              background-color: white; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar.active {
              background-color: white; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar.active:hover {
                background-color: rgba(255, 255, 255, 0.5); }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #fullScreenBtn {
        max-width: 60px;
        text-align: center; }
.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #fullScreenBtn span.FAIcon {
          font-size: 20px; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.playing .rtopVideoHolder:before, .rtopVideoPlayerWrapper .rtopVideoPlayer.playing .rtopVideoHolder:after {
      opacity: 0; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.playing .vidControls {
      opacity: 1; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.noControls {
      cursor: default; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.noControls .rtopVideoHolder {
        cursor: default; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.noControls .rtopVideoHolder:before, .rtopVideoPlayerWrapper .rtopVideoPlayer.noControls .rtopVideoHolder:after {
          cursor: default; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.closing .vidControls {
      opacity: 0; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.closing .rtopVideoHolder:before, .rtopVideoPlayerWrapper .rtopVideoPlayer.closing .rtopVideoHolder:after {
      opacity: 0; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.finished .rtopVideoHolder.hasFAIcons:after {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 1;
      transition: 0.3s all ease-in;
      position: absolute;
      content: "\f3e5";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-size: 80px;
      color: #fff;
      width: 100%;
      text-align: center;
      z-index: 4; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.finished .vidControls {
      opacity: 0; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder {
      cursor: none; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:hover:before, .rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:before, .rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:hover:after, .rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:after {
        opacity: 0; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.paused .vidControls {
      opacity: 1; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.paused .vidControls.hide {
        -webkit-transform: translate(0%, 0px);
        transform: translate(0%, 0px); }
.rtopVideoPlayerWrapper .rtopVideoPlayer.paused .rtopVideoHolder:before, .rtopVideoPlayerWrapper .rtopVideoPlayer.paused .rtopVideoHolder:after {
      opacity: 1;
      -webkit-animation: rtopVideoFadeOut 1.6s forwards;
              animation: rtopVideoFadeOut 1.6s forwards; }
.rtopVideoPlayerWrapper #closeVideo {
    display: none; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.isFullscreen {
    background: #000;
    height: 100%;
    margin: 0;
    width: 100% video;
      width-height: 100%; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.isFullscreen .rtopVideoHolder {
      height: 100%;
      padding-bottom: 0; }
.rtopVideoPlayerWrapper .rtopVideoPlayer.isFullscreen.fallbackFS {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000; }
.rtopVideoPosterImage {
  position: absolute;
  cursor: pointer;
  height: 0;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  overflow: hidden;
  padding-bottom: 56.25%; }
.rtopVideoPosterImage:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.2);
    background-size: 67px 67px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    transition: 0.3s all ease-in;
    cursor: pointer; }
.rtopVideoPosterImage.hasFAIcons:after {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    content: "\f144";
    opacity: 1;
    transition: 0.3s all ease-in;
    font-family: "Font Awesome 5 Free";
    font-size: 80px;
    color: #fff;
    width: 100%;
    text-align: center;
    z-index: 4; }
.rtopVideoPosterImage img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
.rtopVideoModal {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  display: none;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0); }
.rtopVideoModal.show {
    display: block;
    -webkit-animation: rtopModalBGColor .3s forwards;
            animation: rtopModalBGColor .3s forwards; }
.rtopVideoModal.show .videoModalHolder {
      -webkit-animation: rtopModalOpacityColor .3s forwards;
              animation: rtopModalOpacityColor .3s forwards; }
.rtopVideoModal .videoModalHolder {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 800px;
    margin: auto;
    padding: 10px;
    background-color: #000;
    opacity: 0; }
.rtopVideoModal #closeVideo {
    position: absolute;
    top: -50px;
    display: block;
    right: -40px;
    cursor: pointer; }
.rtopVideoModal #closeVideo span.FAIcon {
      font-size: 30px;
      color: #fff;
      transition: 0.3s all ease-in; }
.rtopVideoModal #closeVideo span.FAIcon:hover {
        color: #ed1c24; }
.rtopVideoModal .rtopVideoPosterImage {
    display: none; }
.mega-menu-drawer {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
.mega-menu-drawer.active {
    display: block; }
.mega-menu-drawer .menu-overlay {
    position: absolute;
    width: 100%;
    z-index: 2;
    background-color: #000;
    opacity: .45;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
.mega-menu-drawer .menu-inner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    background-color: #fff;
    width: 64%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 450px;
    width: 100vw;
    -webkit-transform: translatey(100%);
    transform: translatey(100%);
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.mega-menu-drawer .menu-inner.active {
      -webkit-transform: none;
      transform: none; }
.mega-menu-drawer .menu-inner ul {
      list-style: none;
      padding-left: 0;
      width: 100%;
      overflow: visible; }
.mega-menu-drawer .menu-inner .top-row {
      min-height: 50px;
      border-bottom: 1px solid #E3E3E3;
      width: 100%;
      text-align: center;
      position: relative;
      padding: 10px 10px; }
.mega-menu-drawer .menu-inner .top-row .close-mega-menu-drawer {
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #E3E3E3;
        position: relative;
        z-index: 10; }
.mega-menu-drawer .menu-inner .top-row .right {
        align-items: center;
        position: absolute;
        top: 16px;
        width: 100%;
        text-align: center;
        display: inline-flex;
        left: 0px;
        justify-content: center; }
.mega-menu-drawer .menu-inner .top-row .right .user--register {
          margin-right: 30px;
          min-height: 50px;
          border-left: 1px solid #E3E3E3;
          padding-left: 30px;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          color: #1A1A1A; }
.mega-menu-drawer .menu-inner .top-row .right .user--login {
          min-height: 50px;
          border-left: 1px solid #E3E3E3;
          padding-left: 30px;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          color: #1A1A1A; }
.mega-menu-drawer .menu-inner .top-row .right .user--login img {
            margin-left: 10px; }
@media screen and (max-width: 600px) {
      .mega-menu-drawer .menu-inner .drawer-lvl-zero {
        height: calc(calc(100vh - 60px) - 200px);
        overflow-y: scroll;
        padding-bottom: 60px; }
        .mega-menu-drawer .menu-inner .drawer-lvl-zero::-webkit-scrollbar {
          display: none; } }
.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item {
      padding: 15px 20px;
      border-bottom: 1px solid #e6e6e6;
      border-color: transparent; }
@media screen and (max-width: 380px) {
        .mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item {
          padding: 15px 20px; } }
.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item.open-shop-drawer {
        color: #393939; }
.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item.open-shop-drawer > .s-nav-link {
          color: #393939; }
.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item.open-shop-drawer > .s-nav-link svg path {
            fill: #393939; }
.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item .s-nav-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 18px;
        line-height: 1;
        font-weight: normal;
        text-decoration: none;
        color: #393939; }
.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item .s-nav-link.sfr {
          color: #FF5858; }
.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item .s-nav-link.sfr svg {
            fill: #FF5858; }
.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item svg {
        width: 12px !important;
        height: 12px !important; }
.mega-menu-drawer .menu-inner .drawer-lvl-zero .menu-seperator {
      height: 1px;
      background-color: #E3E3E3;
      width: calc(100% - 40px);
      display: block;
      margin: 25px 20px; }
.mega-menu-drawer .bottom-row {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    background-color: #fff;
    z-index: 3; }
.mega-menu-drawer .speak-to-us {
    display: block;
    padding: 25px 20px;
    color: #8C8C8C;
    font-size: 16px;
    font-weight: 300; }
.mega-menu-drawer .speak-to-us span {
      font-weight: 600; }
.mega-menu-drawer .speak-to-us a {
      color: inherit;
      text-decoration: none; }
.mega-menu-drawer .register-trade-account {
    width: 100%;
    display: block;
    padding: 30px 0;
    text-align: center;
    color: #393939;
    background-color: #F2F2F2;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal; }
.mega-menu-drawer .register-trade-account h5 {
      color: #393939;
      font-size: 19px; }
.mega-menu-drawer .drawer-lvl-one, .mega-menu-drawer .drawer-lvl-two, .mega-menu-drawer .drawer-lvl-three {
    display: block;
    width: 100%;
    position: absolute;
    height: calc(100vh - 80px);
    z-index: 10;
    background-color: #fff;
    top: 81px;
    left: 0;
    -webkit-transform: translatex(-100%);
    transform: translatex(-100%);
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    overflow-y: scroll; }
.mega-menu-drawer .drawer-lvl-one.active, .mega-menu-drawer .drawer-lvl-two.active, .mega-menu-drawer .drawer-lvl-three.active {
      -webkit-transform: none;
      transform: none; }
.mega-menu-drawer .drawer-lvl-one .back-to-prev-cat, .mega-menu-drawer .drawer-lvl-two .back-to-prev-cat, .mega-menu-drawer .drawer-lvl-three .back-to-prev-cat {
      background-color: #fff;
      min-height: 50px;
      max-height: 50px;
      position: absolute;
      top: -70px;
      width: calc(100% - 50px);
      left: 60px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      line-height: 1;
      padding-left: 35px; }
.mega-menu-drawer .drawer-lvl-one .back-to-prev-cat svg, .mega-menu-drawer .drawer-lvl-two .back-to-prev-cat svg, .mega-menu-drawer .drawer-lvl-three .back-to-prev-cat svg {
        margin-right: 15px;
        cursor: pointer; }
.mega-menu-drawer .drawer-lvl-one .back-to-prev-cat span, .mega-menu-drawer .drawer-lvl-two .back-to-prev-cat span, .mega-menu-drawer .drawer-lvl-three .back-to-prev-cat span {
        cursor: pointer; }
.mega-menu-drawer .drawer-lvl-one .s-nav-item, .mega-menu-drawer .drawer-lvl-two .s-nav-item, .mega-menu-drawer .drawer-lvl-three .s-nav-item {
      background-color: #fff !important;
      display: flex;
      justify-content: space-between; }
.mega-menu-drawer .drawer-lvl-one .s-nav-item.offer-link, .mega-menu-drawer .drawer-lvl-two .s-nav-item.offer-link, .mega-menu-drawer .drawer-lvl-three .s-nav-item.offer-link {
        padding-bottom: 20px;
        border-bottom: 1px solid #EBEBEB;
        background-color: #fff; }
.mega-menu-drawer .drawer-lvl-one .s-nav-item.offer-link .s-nav-link, .mega-menu-drawer .drawer-lvl-two .s-nav-item.offer-link .s-nav-link, .mega-menu-drawer .drawer-lvl-three .s-nav-item.offer-link .s-nav-link {
          color: #D11F52;
          font-weight: normal;
          font-size: 18px;
          line-height: 1; }
.mega-menu-drawer .drawer-lvl-one .s-nav-item.all-products-link, .mega-menu-drawer .drawer-lvl-two .s-nav-item.all-products-link, .mega-menu-drawer .drawer-lvl-three .s-nav-item.all-products-link {
        padding-top: 20px; }
.mega-menu-drawer .drawer-lvl-one .s-nav-item.all-products-link .s-nav-link, .mega-menu-drawer .drawer-lvl-two .s-nav-item.all-products-link .s-nav-link, .mega-menu-drawer .drawer-lvl-three .s-nav-item.all-products-link .s-nav-link {
          color: #3D9939;
          font-weight: 500;
          font-size: 18px; }
.mega-menu-drawer .drawer-lvl-two {
    top: 0; }
.mega-menu-drawer .drawer-lvl-three {
    top: 0; }
.mega-menu-drawer .drawer-lvl-two {
    z-index: 11; }
.mega-menu-drawer .drawer-lvl-three {
    z-index: 12; }
.mega-menu-drawer .drawer-scrolled {
    max-height: calc(100vh - 90px);
    overflow-y: scroll;
    padding-bottom: 45px; }
.aside-filter {
  margin-right: 48px;
  padding: 24px 0;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11); }
.aside-filter .title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0 24px; }
.aside-filter .no-list {
    padding: 0 24px; }
.aside-filter form {
    padding: 0 24px; }
.aside-filter form .list-new {
      border: 0;
      background-color: #f6f6f6;
      border-radius: 4px;
      padding: 10px 15px;
      width: 100%; }
.aside-filter .heart-svg {
    margin: 0 24px; }
.aside-filter .my-listx {
    list-style: none;
    padding-left: 0; }
.aside-filter .my-listx li {
      padding: 10px 24px;
      margin-bottom: 5px;
      color: #3D9939; }
.aside-filter .my-listx li:hover {
        background-color: #F0F7EF;
        color: #3D9939;
        font-weight: bold; }
.aside-filter .my-listx li.active {
      background-color: #F0F7EF;
      color: #3D9939;
      font-weight: bold; }
.mylists {
  padding-top: 80px;
  padding-bottom: 80px; }
.mylists .sort-bx {
    float: none !important;
    margin-top: 0 !important;
    margin-right: 15px !important;
    display: inline-block; }
.mylists .sort-selected {
    display: inline-block;
    color: #3D9939;
    font-weight: bold;
    margin-right: 25px; }
.mylists .product-bx {
    min-height: 408px; }
@media (max-width: 2000px) {
      .mylists .product-bx {
        min-height: 376px; } }
@media (max-width: 1600px) {
      .mylists .product-bx {
        min-height: 376px; } }
.mylists .product-bx .remove-from-list {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 35px;
      height: 35px;
      cursor: pointer; }
@media (max-width: 900px) {
        .mylists .product-bx .remove-from-list {
          width: 25px;
          height: 25px; } }
.mylists .section-title {
    margin-top: 0 !important; }
.mylists .view {
    display: inline-block;
    border-left: 1px solid rgba(0, 0, 0, 0.4);
    padding-left: 25px; }
@media (max-width: 1200px) {
      .mylists .view {
        display: none; } }
.mylists .view img {
      margin: 0 5px 0;
      cursor: pointer; }
.mylists .view.landscape {
    display: none; }
.mylists .all-to-cart {
    background-color: #FF8A26;
    color: #fff;
    float: right; }
@media (max-width: 1300px) {
      .mylists .all-to-cart {
        float: left; } }
.mylists .mylist-cat {
    font-weight: bold;
    font-size: 1.6em;
    padding-left: 15px; }
.mylists .grid-landscape {
    display: none; }
.mylists .grid-landscape .product-bx-landscape {
      background-color: #fff;
      box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
      padding: 15px;
      border-radius: 6px;
      margin-bottom: 30px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center; }
.mylists .grid-landscape .product-bx-landscape:before {
        content: url("../icons/price-green-circle.9729e9cc0cc9.svg");
        position: absolute;
        bottom: -8px;
        left: 0;
        z-index: 1; }
.mylists .grid-landscape .product-bx-landscape .price-bx {
        position: relative;
        z-index: 2;
        margin-right: 48px; }
.mylists .grid-landscape .product-bx-landscape .price-bx .currency {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: 600;
          color: #AEC1CB;
          font-size: 16px;
          letter-spacing: 2px;
          margin-bottom: 0;
          margin-top: 14px; }
.mylists .grid-landscape .product-bx-landscape .price-bx .price {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: 600;
          color: #3D9939;
          font-size: 36px;
          letter-spacing: 2px;
          margin-bottom: 0;
          line-height: 1; }
.mylists .grid-landscape .product-bx-landscape .price-bx .price sup {
            font-size: 17px;
            letter-spacing: normal;
            font-weight: normal;
            top: -12px; }
.mylists .grid-landscape .product-bx-landscape .price-bx .price span {
            font-size: 13px;
            letter-spacing: normal;
            font-weight: normal;
            position: relative;
            left: -20px;
            top: 0px;
            color: #AEC1CB; }
.mylists .grid-landscape .product-bx-landscape .prd-img {
        width: 100px;
        margin-right: 24px; }
.mylists .grid-landscape .product-bx-landscape .title {
        margin-right: 40px; }
.mylists .grid-landscape .product-bx-landscape .btn-bx {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-right: 24px; }
.mylists .grid-landscape .product-bx-landscape .btn-bx .add-to-cart {
          background-color: #FF8A26;
          color: #fff;
          margin-bottom: 5px; }
.mylists .grid-landscape .product-bx-landscape .btn-bx .add-to-list {
          border: 1px solid #707070;
          color: #3D9939; }
.mylists .grid-landscape .product-bx-landscape .remove-from-list {
        position: absolute;
        right: 20px; }
.hero.product-slider,
.featured.product-slider {
  background-color: #f7f7f7;
  overflow: hidden !important;
  width: 100%; }
.hero.product-slider img,
  .featured.product-slider img {
    mix-blend-mode: multiply;
    max-height: 650px;
    width: auto; }
@media (max-width: 480px) {
      .hero.product-slider img,
      .featured.product-slider img {
        width: 380px; } }
@media (max-width: 420px) {
      .hero.product-slider img,
      .featured.product-slider img {
        width: 280px; } }
@media (max-width: 1200px) {
    .hero.product-slider .main-img,
    .featured.product-slider .main-img {
      width: 48%;
      -o-object-fit: contain;
         object-fit: contain; } }
@media (max-width: 600px) {
    .hero.product-slider .main-img,
    .featured.product-slider .main-img {
      width: 80%; } }
.hero.product-slider .slider .slide,
  .featured.product-slider .slider .slide {
    display: flex;
    background-color: #f7f7f7;
    outline: none; }
@media (max-width: 900px) {
      .hero.product-slider .slider .slide,
      .featured.product-slider .slider .slide {
        margin-left: 0;
        width: 94vw; } }
@media (max-width: 620px) {
      .hero.product-slider .slider .slide,
      .featured.product-slider .slider .slide {
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
.hero.product-slider .slider .slide .product-info,
    .featured.product-slider .slider .slide .product-info {
      padding: 40px;
      width: auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      overflow: hidden;
      position: relative;
      /*Working Here*/ }
@media (max-width: 420px) {
        .hero.product-slider .slider .slide .product-info,
        .featured.product-slider .slider .slide .product-info {
          padding: 20px;
          width: 100%;
          align-items: center; } }
.hero.product-slider .slider .slide .product-info .fav-listx,
      .featured.product-slider .slider .slide .product-info .fav-listx {
        margin-bottom: 10px;
        width: 34px;
        height: 34px;
        padding: 4px; }
@media (max-width: 600px) {
          .hero.product-slider .slider .slide .product-info .fav-listx,
          .featured.product-slider .slider .slide .product-info .fav-listx {
            width: 21px;
            height: 21px;
            padding: 0; } }
.hero.product-slider .slider .slide .product-info .currency,
      .featured.product-slider .slider .slide .product-info .currency {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: 600;
        color: #3d9938;
        font-size: 16px;
        letter-spacing: 2px;
        margin-bottom: 0; }
.hero.product-slider .slider .slide .product-info .price,
      .featured.product-slider .slider .slide .product-info .price {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: 600;
        color: #3d9938;
        font-size: 70px;
        letter-spacing: 2px;
        margin-bottom: 0;
        line-height: 1; }
@media (max-width: 620px) {
          .hero.product-slider .slider .slide .product-info .price,
          .featured.product-slider .slider .slide .product-info .price {
            color: #3B9437; } }
.hero.product-slider .slider .slide .product-info .price sup,
        .featured.product-slider .slider .slide .product-info .price sup {
          font-size: 35px;
          letter-spacing: normal;
          font-weight: normal;
          top: -26px; }
.hero.product-slider .slider .slide .product-info .price span,
        .featured.product-slider .slider .slide .product-info .price span {
          font-size: 16px;
          letter-spacing: normal;
          font-weight: normal;
          position: relative;
          left: -64px;
          top: -6px; }
.hero.product-slider .slider .slide .product-info .excerpt,
      .featured.product-slider .slider .slide .product-info .excerpt {
        margin-bottom: 10px;
        letter-spacing: 1px;
        line-height: 1.4;
        margin-top: 24px; }
.hero.product-slider .slider .slide .product-info .previous-price,
      .featured.product-slider .slider .slide .product-info .previous-price {
        color: #AEC1CB;
        text-decoration: line-through;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: 600;
        font-size: 20px; }
.hero.product-slider .slider .slide .product-info .shop-now,
      .featured.product-slider .slider .slide .product-info .shop-now {
        border: 1px solid rgba(0, 0, 0, 0.1); }
.hero.product-slider .slider .slide .product-info .close-list,
      .featured.product-slider .slider .slide .product-info .close-list {
        display: none;
        position: absolute;
        right: 15px;
        cursor: pointer;
        padding: 10px;
        z-index: 10;
        top: 45px;
        width: 40px; }
.hero.product-slider .slider .slide .product-info .list-added,
      .featured.product-slider .slider .slide .product-info .list-added {
        display: none; }
.hero.product-slider .slider .slide .product-info .fav-listx,
      .featured.product-slider .slider .slide .product-info .fav-listx {
        cursor: pointer; }
.hero.product-slider .slider .slide .product-info .fav-list-bx,
      .featured.product-slider .slider .slide .product-info .fav-list-bx {
        position: absolute;
        z-index: 3;
        top: 36px;
        background-color: #fff;
        width: 90%;
        height: 60%;
        box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
        border-radius: 6px;
        right: -120%;
        transition: right 0.4s ease-out; }
@media (max-width: 1200px) {
          .hero.product-slider .slider .slide .product-info .fav-list-bx,
          .featured.product-slider .slider .slide .product-info .fav-list-bx {
            width: 60%;
            height: 90%; } }
@media (max-width: 600px) {
          .hero.product-slider .slider .slide .product-info .fav-list-bx,
          .featured.product-slider .slider .slide .product-info .fav-list-bx {
            width: 100%;
            height: 88%; } }
.hero.product-slider .slider .slide .product-info .fav-list-bx .fav-list,
        .featured.product-slider .slider .slide .product-info .fav-list-bx .fav-list {
          list-style: none;
          padding-left: 15px;
          max-height: 80%;
          overflow-y: auto;
          margin-bottom: 0;
          padding-bottom: 80px; }
.hero.product-slider .slider .slide .product-info .fav-list-bx .fav-list::-webkit-scrollbar,
          .featured.product-slider .slider .slide .product-info .fav-list-bx .fav-list::-webkit-scrollbar {
            width: 8px;
            height: 12px; }
.hero.product-slider .slider .slide .product-info .fav-list-bx .fav-list::-webkit-scrollbar-track,
          .featured.product-slider .slider .slide .product-info .fav-list-bx .fav-list::-webkit-scrollbar-track {
            box-shadow: none;
            background-color: #F4F4F4; }
.hero.product-slider .slider .slide .product-info .fav-list-bx .fav-list::-webkit-scrollbar-thumb,
          .featured.product-slider .slider .slide .product-info .fav-list-bx .fav-list::-webkit-scrollbar-thumb {
            background-color: #bababa;
            outline: none; }
.hero.product-slider .slider .slide .product-info .fav-list-bx .fav-list li,
          .featured.product-slider .slider .slide .product-info .fav-list-bx .fav-list li {
            padding: 5px 0; }
.hero.product-slider .slider .slide .product-info .fav-list-bx .choose-list,
        .hero.product-slider .slider .slide .product-info .fav-list-bx .create-list,
        .featured.product-slider .slider .slide .product-info .fav-list-bx .choose-list,
        .featured.product-slider .slider .slide .product-info .fav-list-bx .create-list {
          height: 80%;
          overflow-y: hidden; }
.hero.product-slider .slider .slide .product-info .fav-list-bx .create-list .title.back,
        .featured.product-slider .slider .slide .product-info .fav-list-bx .create-list .title.back {
          padding-left: 30px;
          cursor: pointer; }
.hero.product-slider .slider .slide .product-info .fav-list-bx .create-list .title.back:after,
          .featured.product-slider .slider .slide .product-info .fav-list-bx .create-list .title.back:after {
            content: url("../icons/back-to-list.ff12ddb2a3c4.svg");
            position: absolute;
            left: 15px; }
.hero.product-slider .slider .slide .product-info .fav-list-bx .title,
        .featured.product-slider .slider .slide .product-info .fav-list-bx .title {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: bold;
          color: #3D9939;
          padding: 21px 0 0 17px; }
.hero.product-slider .slider .slide .product-info .fav-list-bx .create-new-list,
        .featured.product-slider .slider .slide .product-info .fav-list-bx .create-new-list {
          position: absolute;
          bottom: 0;
          background-color: #FF8A26;
          color: #fff;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: normal;
          width: 100%;
          padding: 8px;
          border-bottom-left-radius: 6px;
          border-bottom-right-radius: 6px;
          cursor: pointer; }
.hero.product-slider .slider .slide .product-info .fav-list-bx .create-new-list:hover,
          .featured.product-slider .slider .slide .product-info .fav-list-bx .create-new-list:hover {
            background-color: #3d9939; }
.hero.product-slider .slider .slide .product-info .fav-list-bx .create-new-list:after,
          .featured.product-slider .slider .slide .product-info .fav-list-bx .create-new-list:after {
            content: url("../icons/add-to-list.425fb8e822b5.svg");
            position: absolute;
            z-index: 2;
            right: 15px; }
.hero.product-slider .slider .slide .product-info .fav-list-bx .list-new,
        .featured.product-slider .slider .slide .product-info .fav-list-bx .list-new {
          border: 0;
          background-color: #f6f6f6;
          border-radius: 4px;
          margin: 0 15px;
          padding: 10px 15px; }
.hero.product-slider .slider .slide .product-info .fav-list-bx .btn.create,
        .featured.product-slider .slider .slide .product-info .fav-list-bx .btn.create {
          background-color: #FF8A26;
          color: #fff;
          position: absolute;
          bottom: 15px;
          left: 15px; }
.hero.product-slider .slider .slide .product-info .fav-list-bx.active,
      .featured.product-slider .slider .slide .product-info .fav-list-bx.active {
        right: 0; }
.hero.product-slider .slider .slide.favourite .list-added,
  .featured.product-slider .slider .slide.favourite .list-added {
    display: block; }
.hero.product-slider .slider .slide.favourite .no-list,
  .featured.product-slider .slider .slide.favourite .no-list {
    display: none; }
.hero.product-slider .slick-dots,
  .featured.product-slider .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    bottom: 0; }
.hero.product-slider .slick-dots li,
    .featured.product-slider .slick-dots li {
      margin: 0 0.25rem;
      width: 8px;
      height: 10px; }
.hero.product-slider .slick-dots button,
    .featured.product-slider .slick-dots button {
      display: block;
      width: 0.6rem;
      height: 0.56rem;
      padding: 0;
      border: none;
      border-radius: 100%;
      background-color: transparent;
      border: 1px solid #888;
      text-indent: -9999px; }
.hero.product-slider .slick-dots li.slick-active button,
    .featured.product-slider .slick-dots li.slick-active button {
      background-color: #8B8B8B; }
.featured.product-slider {
  background-color: #fff; }
.featured.product-slider .slider .slide {
    background-color: #fff;
    /*Working Here*/ }
.featured.product-slider .slider .slide .close-list {
      display: none;
      position: absolute;
      right: 15px;
      cursor: pointer;
      padding: 10px;
      z-index: 10;
      top: 45px;
      width: 40px; }
.featured.product-slider .slider .slide .list-added {
      display: none; }
.featured.product-slider .slider .slide .fav-listx {
      cursor: pointer; }
.featured.product-slider .slider .slide .fav-list-bx {
      position: absolute;
      z-index: 3;
      top: 36px;
      background-color: #fff;
      width: 90%;
      height: 60%;
      box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
      border-radius: 6px;
      right: -120%;
      transition: right 0.4s ease-out; }
.featured.product-slider .slider .slide .fav-list-bx .fav-list {
        list-style: none;
        padding-left: 15px;
        max-height: 80%;
        overflow-y: auto;
        margin-bottom: 0;
        padding-bottom: 80px; }
.featured.product-slider .slider .slide .fav-list-bx .fav-list::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.featured.product-slider .slider .slide .fav-list-bx .fav-list::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #F4F4F4; }
.featured.product-slider .slider .slide .fav-list-bx .fav-list::-webkit-scrollbar-thumb {
          background-color: #bababa;
          outline: none; }
.featured.product-slider .slider .slide .fav-list-bx .fav-list li {
          padding: 5px 0; }
.featured.product-slider .slider .slide .fav-list-bx .choose-list,
      .featured.product-slider .slider .slide .fav-list-bx .create-list {
        height: 80%;
        overflow-y: hidden; }
.featured.product-slider .slider .slide .fav-list-bx .create-list .title.back {
        padding-left: 30px;
        cursor: pointer; }
.featured.product-slider .slider .slide .fav-list-bx .create-list .title.back:after {
          content: url("../icons/back-to-list.ff12ddb2a3c4.svg");
          position: absolute;
          left: 15px; }
.featured.product-slider .slider .slide .fav-list-bx .title {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: bold;
        color: #3D9939;
        padding: 21px 0 0 17px; }
.featured.product-slider .slider .slide .fav-list-bx .create-new-list {
        position: absolute;
        bottom: 0;
        background-color: #FF8A26;
        color: #fff;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        width: 100%;
        padding: 8px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        cursor: pointer; }
.featured.product-slider .slider .slide .fav-list-bx .create-new-list:hover {
          background-color: #3d9939; }
.featured.product-slider .slider .slide .fav-list-bx .create-new-list:after {
          content: url("../icons/add-to-list.425fb8e822b5.svg");
          position: absolute;
          z-index: 2;
          right: 15px; }
.featured.product-slider .slider .slide .fav-list-bx .list-new {
        border: 0;
        background-color: #f6f6f6;
        border-radius: 4px;
        margin: 0 15px;
        padding: 10px 15px; }
.featured.product-slider .slider .slide .fav-list-bx .btn.create {
        background-color: #FF8A26;
        color: #fff;
        position: absolute;
        bottom: 15px;
        left: 15px; }
.featured.product-slider .slider .slide .fav-list-bx.active {
      right: 0; }
.featured.product-slider .slider .slide.favourite .list-added {
    display: block; }
.featured.product-slider .slider .slide.favourite .no-list {
    display: none; }
.hero-banner {
  width: 100%;
  height: 80vh;
  max-height: 700px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }
@media (max-width: 1200px) and (min-width: 600px) {
    .hero-banner {
      max-height: inherit; } }
.hero-banner .image-bx {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
.hero-banner .image-bx picture, .hero-banner .image-bx img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
.hero-banner .text-bx {
    width: 18%;
    position: relative;
    z-index: 3; }
@media (max-width: 2000px) {
      .hero-banner .text-bx {
        width: 24%; } }
@media (max-width: 1672px) {
      .hero-banner .text-bx {
        width: 28%; } }
@media (max-width: 1200px) {
      .hero-banner .text-bx {
        width: 60%; } }
@media (max-width: 600px) {
      .hero-banner .text-bx {
        width: 90%; } }
.hero-banner .text-bx h2 {
      color: #393939;
      font-family: "VAG Rounded Std";
      font-style: normal;
      text-align: center;
      font-size: 65px;
      line-height: 1;
      letter-spacing: -1.5px;
      font-weight: bold; }
@media (max-width: 600px) {
        .hero-banner .text-bx h2 {
          font-size: 50px; } }
.hero-banner .text-bx p {
      font-family: "VAG Rounded Std";
      font-style: normal;
      color: #393939;
      text-align: center;
      font-size: 20px;
      line-height: 1.3;
      letter-spacing: 0.6px;
      margin-top: 26px;
      margin-bottom: 26px; }
@media (max-width: 600px) {
        .hero-banner .text-bx p {
          font-size: 20px; } }
.hero-banner .text-bx .btn {
      background-color: #3D9939;
      color: #fff;
      text-align: center;
      padding: 14px 25px;
      max-height: 50px;
      height: 50px;
      color: 14px;
      display: block;
      margin: 0 auto;
      max-width: 220px;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.hero-banner .text-bx .btn:hover {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
.hero-banner .app-badges-btn {
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 15%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
@media (max-width: 1200px) {
      .hero-banner .app-badges-btn {
        bottom: 10%;
        top: initial;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        -webkit-transform: none;
                transform: none;
        right: 0px;
        display: block;
        text-align: center; } }
@media (max-width: 600px) {
      .hero-banner .app-badges-btn {
        bottom: 5%; } }
.hero-banner .app-badges-btn p {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-size: 14px;
      line-height: 1.3;
      letter-spacing: 0.6px;
      color: #fff;
      margin: 0 0 10px; }
@media (max-width: 1200px) {
        .hero-banner .app-badges-btn p {
          min-width: 100%; } }
.hero-banner .app-badges-btn a {
      display: inline-block;
      margin-bottom: 10px; }
@media (max-width: 1200px) {
        .hero-banner .app-badges-btn a {
          margin-bottom: 0; } }
@media (max-width: 600px) {
        .hero-banner .app-badges-btn a {
          width: calc(50% - 40px); }
          .hero-banner .app-badges-btn a:first-child {
            margin-right: 20px; } }
.hero-banner .app-badges-btn a img {
        width: 200px;
        height: 60px; }
@media (max-width: 600px) {
          .hero-banner .app-badges-btn a img {
            width: 100%;
            height: auto; } }
.HomeHero {
  height: auto;
  max-height: none; }
.HomeHero .hero-title {
    padding: 32vh 0; }
@media screen and (max-width: 1200px) {
      .HomeHero .hero-title {
        padding: 200px 0; } }
.HomeHero video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
.HomeHero {
  display: flex;
  height: calc(70vh - 60px);
  max-height: calc(70vh - 60px);
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 90px;
  justify-content: center;
  align-items: center; }
@media (max-width: 1200px) {
    .HomeHero {
      margin-bottom: 45px;
      height: calc(80vh - 60px);
      max-height: calc(80vh - 60px); } }
@media (max-width: 600px) {
    .HomeHero {
      margin-bottom: 0;
      height: calc(90vh - 60px);
      max-height: calc(90vh - 60px); } }
.HomeHero .swiper-container {
    padding: 0;
    width: 100%; }
.HomeHero .swiper-slide {
    display: flex;
    width: 100% !important;
    height: calc(70vh - 60px);
    max-height: calc(70vh - 60px);
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    justify-content: center;
    align-items: center; }
@media (max-width: 1200px) {
      .HomeHero .swiper-slide {
        height: calc(80vh - 60px);
        max-height: calc(80vh - 60px); } }
@media (max-width: 600px) {
      .HomeHero .swiper-slide {
        height: calc(90vh - 60px);
        max-height: calc(90vh - 60px); } }
.HomeHero .swiper-slide .banner-img-link {
      display: block;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden; }
.HomeHero .swiper-slide picture {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden; }
.HomeHero .swiper-slide picture img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
.HomeHero .swiper-button-next {
    right: 110px; }
.HomeHero .swiper-button-prev {
    left: 45px; }
.HomeHero .overlay {
    position: absolute;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
@media screen and (max-width: 1200px) {
      .HomeHero .overlay {
        background-color: rgba(0, 0, 0, 0.5); } }
.HomeHero .text-bx {
    width: 18%;
    position: relative;
    z-index: 3; }
@media (max-width: 2000px) {
      .HomeHero .text-bx {
        width: 24%; } }
@media (max-width: 1672px) {
      .HomeHero .text-bx {
        width: 28%; } }
@media (max-width: 1200px) {
      .HomeHero .text-bx {
        width: 60%; } }
@media (max-width: 600px) {
      .HomeHero .text-bx {
        width: 90%; } }
.HomeHero .text-bx h2 {
      color: #393939;
      font-family: "VAG Rounded Std";
      font-style: normal;
      text-align: center;
      font-size: 65px;
      line-height: 1;
      letter-spacing: -1.5px;
      font-weight: bold; }
@media (max-width: 600px) {
        .HomeHero .text-bx h2 {
          font-size: 50px; } }
.HomeHero .text-bx p {
      font-family: "VAG Rounded Std";
      font-style: normal;
      color: #393939;
      text-align: center;
      font-size: 20px;
      line-height: 1.3;
      letter-spacing: 0.6px;
      margin-top: 26px;
      margin-bottom: 26px; }
@media (max-width: 600px) {
        .HomeHero .text-bx p {
          font-size: 20px; } }
.HomeHero .text-bx .btn {
      background-color: #3D9939;
      color: #fff;
      text-align: center;
      padding: 14px 25px;
      max-height: 50px;
      height: 50px;
      color: 14px;
      display: block;
      margin: 0 auto;
      max-width: 220px;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.HomeHero .text-bx .btn:hover {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
.HomeHero .text-bx.white h2, .HomeHero .text-bx.white p {
      color: #fff; }
.HomeHero .app-badges-btn {
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 15%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
@media (max-width: 1200px) {
      .HomeHero .app-badges-btn {
        bottom: 10%;
        top: initial;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        -webkit-transform: none;
                transform: none;
        right: 0px;
        display: block;
        text-align: center; } }
@media (max-width: 600px) {
      .HomeHero .app-badges-btn {
        bottom: 5%; } }
.HomeHero .app-badges-btn p {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-size: 14px;
      line-height: 1.3;
      letter-spacing: 0.6px;
      color: #fff;
      margin: 0 0 10px; }
@media (max-width: 1200px) {
        .HomeHero .app-badges-btn p {
          min-width: 100%; } }
.HomeHero .app-badges-btn a {
      display: inline-block;
      margin-bottom: 10px; }
@media (max-width: 1200px) {
        .HomeHero .app-badges-btn a {
          margin-bottom: 0; } }
@media (max-width: 600px) {
        .HomeHero .app-badges-btn a {
          width: calc(50% - 40px); }
          .HomeHero .app-badges-btn a:first-child {
            margin-right: 20px; } }
.HomeHero .app-badges-btn a img {
        width: 200px;
        height: 60px; }
@media (max-width: 600px) {
          .HomeHero .app-badges-btn a img {
            width: 100%;
            height: auto; } }
@media (max-width: 600px) {
  .HomeHero + section {
    padding-top: 20px !important; } }
.category-carousel {
  background-color: #fff; }
@media (max-width: 600px) {
    .category-carousel {
      margin-top: 40px; } }
.category-carousel .with-link h2 {
    display: inline-flex; }
.category-carousel .view-all {
    margin-top: 120px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    float: right; }
.category-carousel .view-all.slide {
      border: 1px solid rgba(0, 0, 0, 0.1);
      float: right;
      margin-top: 120px;
      background-color: #fff;
      padding: 14px 15px 0px 15px;
      text-align: center;
      color: #333; }
@media (max-width: 1300px) {
        .category-carousel .view-all.slide {
          margin-top: 75px; } }
@media (max-width: 900px) {
        .category-carousel .view-all.slide {
          margin-top: 55px; } }
@media (max-width: 600px) {
        .category-carousel .view-all.slide {
          margin-top: 20px; } }
.category-carousel .view-all.slide svg {
        width: 13px;
        height: 13px;
        -webkit-transform: translatey(-8%) rotate(-90deg);
                transform: translatey(-8%) rotate(-90deg); }
.category-carousel .view-all.slide svg path {
          stroke: #333; }
.category-carousel .view-all.slide:hover {
        background-color: #3d9939;
        color: #fff; }
.category-carousel .view-all.slide:hover path {
          stroke: #fff; }
.category-carousel .view-all-m {
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px; }
@media (max-width: 600px) {
      .category-carousel .view-all-m {
        display: block; } }
.category-carousel .view-all-m svg {
      width: 13px;
      height: 13px;
      -webkit-transform: translatey(-8%) rotate(-90deg);
              transform: translatey(-8%) rotate(-90deg); }
.category-carousel .view-all-m svg path {
        stroke: #333; }
.category-carousel .view-all-m:hover {
      background-color: #3d9939;
      color: #fff; }
.category-carousel .view-all-m:hover path {
        stroke: #fff; }
.category-carousel .fav-add {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
    cursor: pointer;
    width: 46px;
    will-change: scale;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1300px) {
      .category-carousel .fav-add {
        width: 40px; } }
.category-carousel .fav-add:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
.category-carousel .fav-add .border {
      fill: none;
      stroke: #FFFFFF;
      stroke-width: 2; }
.category-carousel .fav-add .heart {
      fill: transparent;
      stroke: #fff;
      stroke-width: 2;
      will-change: fill;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.category-carousel .user--loginnot {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 10;
    cursor: pointer;
    width: 46px;
    will-change: scale;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1300px) {
      .category-carousel .user--loginnot {
        width: 40px; } }
.category-carousel .user--loginnot:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
.category-carousel .user--loginnot .border {
      fill: none;
      stroke: #FFFFFF;
      stroke-width: 2; }
.category-carousel .user--loginnot .heart {
      fill: transparent;
      stroke: #fff;
      stroke-width: 2;
      will-change: fill;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.cat-slider {
  margin-top: 30px;
  padding-bottom: 80px;
  overflow: visible; }
@media (max-width: 600px) {
    .cat-slider {
      padding-bottom: 30px;
      margin-top: 20px; } }
.cat-slider .cat {
    margin-right: 30px;
    position: relative;
    overflow: hidden; }
.cat-slider .cat.bookmarked .fav-add .heart {
      fill: #fff; }
.cat-slider .cat .overlay {
      position: absolute;
      z-index: 2;
      background-color: rgba(0, 0, 0, 0.45);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0; }
.cat-slider .cat .close-list {
      display: none;
      position: absolute;
      right: 15px;
      cursor: pointer;
      padding: 10px;
      z-index: 12;
      top: 14px;
      width: 40px; }
.cat-slider .cat .list-added {
      display: none; }
.cat-slider .cat .fav-list-bx {
      position: absolute;
      z-index: 10;
      top: 0;
      background-color: #fff;
      width: 60%;
      height: 80%;
      box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
      border-radius: 6px;
      border-top-right-radius: 0;
      right: -120%;
      transition: right 0.4s ease-out; }
.cat-slider .cat .fav-list-bx .fav-list {
        list-style: none;
        padding-left: 15px;
        max-height: 80%;
        overflow-y: auto;
        text-align: left;
        margin-bottom: 0;
        padding-bottom: 80px; }
.cat-slider .cat .fav-list-bx .fav-list::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.cat-slider .cat .fav-list-bx .fav-list::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #F4F4F4; }
.cat-slider .cat .fav-list-bx .fav-list::-webkit-scrollbar-thumb {
          background-color: #bababa;
          outline: none; }
@media (max-width: 600px) {
          .cat-slider .cat .fav-list-bx .fav-list {
            max-height: 100%; } }
.cat-slider .cat .fav-list-bx .fav-list li {
          padding: 5px 0; }
.cat-slider .cat .fav-list-bx .choose-list,
      .cat-slider .cat .fav-list-bx .create-list {
        height: 80%;
        overflow-y: hidden; }
.cat-slider .cat .fav-list-bx .create-list .title.back {
        padding-left: 30px;
        cursor: pointer; }
.cat-slider .cat .fav-list-bx .create-list .title.back:after {
          content: url("../icons/back-to-list.ff12ddb2a3c4.svg");
          position: absolute;
          left: 15px; }
.cat-slider .cat .fav-list-bx .title {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: 400;
        color: #3D9939;
        padding: 21px 0 0 17px;
        position: static;
        text-align: left;
        letter-spacing: 1px;
        max-width: 85%;
        font-size: 30px;
        line-height: 1;
        letter-spacing: 0.6px; }
.cat-slider .cat .fav-list-bx .btn {
        width: 80% !important; }
.cat-slider .cat .fav-list-bx .create-new-list {
        position: absolute;
        bottom: 0;
        background-color: #FF8A26;
        color: #fff;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        width: 100%;
        padding: 8px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        cursor: pointer; }
.cat-slider .cat .fav-list-bx .create-new-list:hover {
          background-color: #3d9939; }
.cat-slider .cat .fav-list-bx .create-new-list:after {
          content: url("../icons/add-to-list.425fb8e822b5.svg");
          position: absolute;
          z-index: 2;
          right: 15px; }
.cat-slider .cat .fav-list-bx .list-new {
        border: 0;
        background-color: #f6f6f6;
        border-radius: 4px;
        margin: 0 15px;
        padding: 10px 15px;
        width: 80%; }
.cat-slider .cat .fav-list-bx .btn.create {
        background-color: #FF8A26;
        color: #fff;
        position: absolute;
        bottom: 15px;
        left: 15px; }
.cat-slider .cat .fav-list-bx.active {
      right: 0; }
.cat-slider .cat .title {
      position: absolute;
      z-index: 3;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 400;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      margin: auto;
      left: 0;
      right: 0;
      font-size: 30px;
      line-height: 1;
      letter-spacing: 0.8px;
      width: 85%; }
@media (max-width: 600px) {
        .cat-slider .cat .title {
          top: 45%;
          font-size: 20px;
          max-width: 75%; } }
.cat-slider .cat .btn {
      color: #fff;
      border: 1px solid #fff;
      position: absolute;
      z-index: 3;
      bottom: 20px;
      margin: auto;
      left: 0;
      right: 0;
      width: 142px;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.cat-slider .cat .btn:hover {
        color: #333;
        background-color: #fff; }
.cat-slider .cat button.fav-add {
      position: absolute;
      right: 20px;
      top: 15px;
      z-index: 10;
      cursor: pointer;
      width: 62px;
      will-change: scale;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      box-shadow: none;
      text-shadow: none;
      /* transform: scale(1.1); */
      color: #0056b3;
      text-decoration: underline;
      background-color: transparent;
      border-color: transparent;
      outline: none; }
@media (max-width: 1300px) {
        .cat-slider .cat button.fav-add {
          width: 40px; } }
.cat-slider .cat button.fav-add:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
.cat-slider .cat button.fav-add .border {
        fill: none;
        stroke: #FFFFFF;
        stroke-width: 2; }
.cat-slider .cat button.fav-add .heart {
        fill: transparent;
        stroke: #fff;
        stroke-width: 2;
        will-change: fill;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.cat-slider .cat .category {
      position: absolute;
      top: 20px;
      text-align: center;
      z-index: 4;
      width: 100%;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing: 1px; }
.cat-slider .cat .boomark-area.bookmarked .fav-add .heart {
      fill: #fff; }
.cat-slider .cat.favourite .no-list {
    display: none; }
.cat-slider .cat.favourite .list-added {
    display: block; }
.category-slider .category {
  border: 1px solid #3d9939;
  border-radius: 4px;
  color: #333;
  font-family: "VAG Rounded Std";
  font-style: normal;
  font-weight: normal;
  margin-right: 15px;
  padding: 14px 20px;
  letter-spacing: 0.5px;
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  letter-spacing: 1.2px;
  white-space: nowrap; }
.category-slider .category:hover {
    background-color: #3d9939;
    color: #fff;
    border-color: #3d9939; }
.category-slider .slick-next {
  background-image: url("../icons/arrow-green-right.f5e93a83eceb.svg");
  background-size: contain;
  box-shadow: none;
  height: 25px;
  right: -53px;
  top: 34px;
  z-index: 5; }
.category-slider .slick-prev {
  background-image: url("../icons/arrow-green-left.b0cf48f0d0c7.svg");
  background-size: contain;
  box-shadow: none;
  height: 25px;
  top: 34px;
  left: -34px;
  z-index: 5; }
.category-slider .category {
  width: auto; }
.banner-bx {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
.banner-bx img {
    max-width: 100%; }
.banner-bx img.ad-img {
    width: 970px;
    height: auto; }
@media (max-width: 1200px) {
      .banner-bx img.ad-img {
        width: 100%; } }
.banner-bx .banner.desktop {
    display: block;
    max-width: 970px; }
@media (max-width: 600px) {
      .banner-bx .banner.desktop {
        display: none; } }
.banner-bx .banner.mobile {
    display: none; }
@media (max-width: 600px) {
      .banner-bx .banner.mobile {
        display: block;
        width: 300px; } }
.banner-bx-strip {
  width: 100%; }
.banner-bx-strip img {
    width: 100%; }
.delivery-feature {
  background-color: #f7f7f7; }
@media (max-width: 600px) {
    .delivery-feature {
      display: none; } }
.delivery-feature .delivery-info {
    margin-top: 80px;
    margin-bottom: 80px;
    display: flex;
    justify-content: center;
    width: 100%; }
.delivery-feature .delivery-info .info {
      display: flex;
      margin-right: 80px;
      padding-right: 80px;
      border-right: 1px solid rgba(0, 0, 0, 0.8); }
@media (max-width: 1200px) {
        .delivery-feature .delivery-info .info {
          margin-right: 30px;
          padding-right: 30px; } }
.delivery-feature .delivery-info .info:last-child {
        border-right: 0;
        margin-right: 0;
        padding-right: 0; }
.delivery-feature .delivery-info .info .icon {
        margin-right: 15px;
        position: relative;
        top: -8px; }
.delivery-feature .delivery-info .info .details {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        line-height: 1.2; }
.delivery-feature .delivery-info .info .details span {
          font-weight: 600; }
.special-buy-bx {
  width: 100%;
  overflow: hidden; }
@media (max-width: 1200px) {
    .special-buy-bx {
      display: none; } }
.special-buy-bx .special-buy .section-title {
    color: #fff;
    margin-bottom: 10px; }
.special-buy-bx .special-buy .excerpt {
    color: #fff;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-weight: normal; }
.special-buy-bx .special-buy .img-bx {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
.special-buy-bx .special-buy .calender-bx {
    width: 60%;
    display: flex;
    margin-top: 60px;
    margin-bottom: 180px;
    justify-content: space-between; }
.special-buy-bx .special-buy .calender-bx .day {
      position: relative;
      box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
      border-radius: 6px;
      min-width: 80px;
      background-color: #fff;
      padding-bottom: 0px; }
@media (max-width: 1500px) {
        .special-buy-bx .special-buy .calender-bx .day {
          margin-right: 10px; } }
@media (max-width: 1200px) {
        .special-buy-bx .special-buy .calender-bx .day {
          width: auto; } }
@media (max-width: 600px) {
        .special-buy-bx .special-buy .calender-bx .day {
          margin-right: 3px; } }
.special-buy-bx .special-buy .calender-bx .day:nth-child(odd) .top {
        position: relative;
        z-index: 1; }
.special-buy-bx .special-buy .calender-bx .day:nth-child(odd) .top:before {
          content: url("../icons/calender-top-orange.a5006472c874.svg");
          position: absolute;
          top: -7px;
          left: 0;
          width: 100%; }
.special-buy-bx .special-buy .calender-bx .day:nth-child(odd) .bottom {
        color: #3D9939; }
.special-buy-bx .special-buy .calender-bx .day:nth-child(even) .top {
        position: relative;
        z-index: 1; }
.special-buy-bx .special-buy .calender-bx .day:nth-child(even) .top:before {
          content: url("../icons/calender-top-green.6939494565b1.svg");
          position: absolute;
          top: -7px;
          left: 0;
          width: 100%; }
.special-buy-bx .special-buy .calender-bx .day:nth-child(even) .bottom {
        color: #FF8A26; }
.special-buy-bx .special-buy .calender-bx .day .top .d {
        position: absolute;
        z-index: 3;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        color: #fff;
        text-align: center;
        width: 100%;
        font-size: 13px;
        margin-top: 10px;
        margin-bottom: 10px; }
.special-buy-bx .special-buy .calender-bx .day .bottom {
        margin-top: 45px; }
.special-buy-bx .special-buy .calender-bx .day .bottom .date {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: bold;
          font-size: 36px;
          line-height: 1;
          margin-bottom: 0; }
.special-buy-bx .special-buy .calender-bx .day .bottom span {
          font-weight: bold;
          font-size: 14px;
          line-height: 1;
          position: relative;
          top: -4px; }
.special-buy-bx .special-buy .calender-bx .day .btn {
        padding: 12px 22px;
        border: 1px solid #fff;
        color: #fff;
        position: absolute;
        bottom: -70px;
        left: 0; }
.special-buy-bx .recipe-newsletter {
    min-height: 350px; }
.special-buy-bx .recipe-newsletter .custom-bg {
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top right;
      display: flex;
      align-items: center;
      background-color: #fff; }
.special-buy-bx .recipe-newsletter .custom-bg .recipe-bx {
        width: 40%;
        position: relative;
        left: 8.33%;
        text-align: center; }
.special-buy-bx .recipe-newsletter .custom-bg .recipe-bx .section-title {
          margin-top: 0; }
.special-buy-bx .recipe-newsletter .custom-bg .recipe-bx .excerpt {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: normal;
          font-size: 14px;
          line-height: 1.3; }
.special-buy-bx .recipe-newsletter .custom-bg .recipe-bx .btn {
          border: 1px solid rgba(0, 0, 0, 0.1);
          color: #333; }
.special-buy-bx .recipe-newsletter .newsletter-signup {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      height: 100%; }
.special-buy-bx .recipe-newsletter .newsletter-signup .section-title {
        color: #fff;
        margin-top: 0px; }
.special-buy-bx .recipe-newsletter .newsletter-signup .excerpt {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 1.3;
        color: #fff;
        width: 60%;
        text-align: center; }
@media (max-width: 800px) {
          .special-buy-bx .recipe-newsletter .newsletter-signup .excerpt {
            max-width: 80%; } }
@media (max-width: 600px) {
          .special-buy-bx .recipe-newsletter .newsletter-signup .excerpt {
            max-width: 96%;
            width: 85%; } }
.special-buy-bx .recipe-newsletter .newsletter-signup .subscribe {
        width: 59%;
        position: relative; }
.special-buy-bx .recipe-newsletter .newsletter-signup .subscribe input[type="email"] {
          font-family: "VAG Rounded Std";
          font-style: normal;
          background-color: rgba(255, 255, 255, 0.8);
          border: 0;
          border-radius: 6px;
          padding: 10px 116px 10px 54px;
          width: 100%;
          position: relative;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
@media (max-width: 600px) {
            .special-buy-bx .recipe-newsletter .newsletter-signup .subscribe input[type="email"] {
              padding-top: 14px; } }
.special-buy-bx .recipe-newsletter .newsletter-signup .subscribe input[type="email"]:focus {
            outline: none;
            box-shadow: none;
            border: 0; }
.special-buy-bx .recipe-newsletter .newsletter-signup .subscribe .email-icon {
          position: absolute;
          z-index: 2;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          left: 12px; }
.special-buy-bx .recipe-newsletter .newsletter-signup .subscribe .subscribe {
          font-family: "VAG Rounded Std";
          font-style: normal;
          background-color: #FF8A26;
          color: #fff;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          right: 6px;
          width: 106px;
          border-radius: 6px;
          display: flex;
          justify-content: center;
          align-items: center;
          max-height: 32px;
          height: 32px; }
.special-buy-bx .recipe-newsletter .newsletter-signup .subscribe .subscribe:hover {
            text-decoration: none;
            background-color: #3D9939; }
.special-buy-bx.mobile {
  display: none; }
@media (max-width: 1200px) {
    .special-buy-bx.mobile {
      display: block; } }
.special-buy-bx.mobile .special-buy .section-title,
  .special-buy-bx.mobile .special-buy .excerpt {
    color: #000; }
.special-buy-bx.mobile .special-buy .btn {
    border-color: #000;
    margin-bottom: 60px;
    bottom: -110px !important; }
.special-buy-bx.mobile .special-buy .bg-orange .section-title,
  .special-buy-bx.mobile .special-buy .bg-orange .excerpt {
    color: #fff; }
@media (max-width: 600px) {
    .special-buy-bx.mobile .special-buy .recipe-newsletter .newsletter-signup form.subscribe {
      width: 80%; } }
.special-buy-bx.mobile .recipe-newsletter .newsletter-signup .section-title,
  .special-buy-bx.mobile .recipe-newsletter .newsletter-signup .excerpt {
    color: #fff; }
.choithrams-block {
  padding-bottom: 80px;
  background-color: #F7F7F7; }
.choithrams-block .section-title {
    text-align: center;
    width: 100%; }
.choithrams-block .excerpt {
    width: 100%;
    text-align: center;
    margin-bottom: 60px; }
.choithrams-block .sec {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
.choithrams-block .sec .overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 2;
      top: 0;
      left: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.5); }
.choithrams-block .sec .title {
      position: absolute;
      z-index: 3;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: bold;
      font-size: 28px;
      letter-spacing: 1px;
      top: 50%; }
@media (max-width: 1500px) {
        .choithrams-block .sec .title {
          top: 40%;
          font-size: 22px; } }
@media (max-width: 1200px) {
        .choithrams-block .sec .title {
          top: 40%; } }
@media (max-width: 600px) {
        .choithrams-block .sec .title {
          font-size: 20px; } }
.choithrams-block .sec .btn {
      border: 1px solid #fff;
      color: #fff;
      position: absolute;
      bottom: 15px;
      z-index: 3;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      width: 142px; }
.choithrams-block .sec .btn:hover {
        color: #333;
        background-color: #fff; }
.delivery-art {
  padding-bottom: 80px;
  border-bottom: 30px solid #F7F7F7; }
@media (max-width: 600px) {
    .delivery-art {
      display: none; } }
.delivery-art .art-svg {
    margin-top: 20px;
    margin-bottom: 30px; }
.delivery-art .track-order {
    background-color: #FF8A26;
    color: #fff; }
.delivery-art .track-order:hover {
      background-color: #3D9939; }
.coming-soon {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center; }
.coming-soon picture, .coming-soon img {
    width: 100%; }
.search-bx .sort-bx {
  float: none !important;
  margin-top: 0 !important;
  margin-right: 15px !important;
  display: inline-block; }
.search-bx .sort-selected {
  display: inline-block;
  color: #3D9939;
  font-weight: bold; }
.search-bx .clear-search {
  border: 1px solid rgba(0, 0, 0, 0.1);
  float: right; }
.search-dropdown-head {
  border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-color: transparent;
  margin-top: 10px;
  width: 100%; }
.search-dropdown-head .search-dropdown .search-text {
    display: inline-grid;
    justify-content: space-between;
    grid-template-columns: 70% 30%;
    padding-bottom: 40px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-top: 40px;
    padding-right: 40px; }
.search-dropdown-head .search-dropdown .search-text .text {
      padding-top: 20px;
      padding-bottom: 20px;
      max-height: 30vh;
      overflow-y: auto;
      margin-right: 30px; }
.search-dropdown-head .search-dropdown .search-text .text::-webkit-scrollbar {
        width: 8px;
        height: 12px; }
.search-dropdown-head .search-dropdown .search-text .text::-webkit-scrollbar-track {
        box-shadow: none;
        background-color: #F4F4F4; }
.search-dropdown-head .search-dropdown .search-text .text::-webkit-scrollbar-thumb {
        background-color: #bababa;
        outline: none; }
.search-dropdown-head .search-dropdown .search-text .text ul {
        list-style-type: none;
        margin-bottom: 0px; }
.search-dropdown-head .search-dropdown .search-text .text ul li {
          color: #707070;
          font-size: 16px;
          padding-top: 9px;
          padding-bottom: 9px; }
.search-dropdown-head .search-dropdown .search-text .search-banner {
      width: 100%;
      overflow: hidden; }
.search-dropdown-head .search-dropdown .search-text .search-banner img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
.search-dropdown-head .search-dropdown .search-product {
    margin: 10px; }
.search-dropdown-head .search-dropdown .search-product .swiper-button-next {
      right: -4px;
      top: 93px; }
.search-dropdown-head .search-dropdown .search-product .swiper-button-next::after {
        width: 30px;
        height: 30px;
        content: '';
        background: url("../icons/nav-right.3ce825589a2e.svg") center;
        background-size: cover; }
.search-dropdown-head .search-dropdown .search-product .swiper-button-prev {
      left: -4px;
      top: 93px; }
.search-dropdown-head .search-dropdown .search-product .swiper-button-prev::after {
        width: 30px;
        height: 30px;
        content: '';
        background: url("../icons/nav-left.2d55a9d94492.svg") center;
        background-size: cover; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      position: relative;
      margin: 10px;
      cursor: pointer; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .product-price {
        position: relative;
        width: 120px;
        height: 120px;
        margin-right: 20px;
        padding-left: 10px;
        padding-top: 30px; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .product-price:before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 1;
          width: 120px;
          height: 120px;
          background: url("../img/price-circle.90577ccd201d.png");
          background-size: contain;
          background-repeat: no-repeat;
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg); }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .product-price .currency {
          font-family: 'Helvetica Rounded LT Std';
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-style: normal;
          font-weight: 600;
          color: #AEC1CB;
          font-size: 16px;
          letter-spacing: 2px;
          margin-bottom: 0;
          margin-top: 14px;
          position: relative;
          z-index: 2; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .product-price .price {
          font-family: "Helvetica Rounded LT Std";
          font-style: normal;
          font-weight: 600;
          color: #3D9939;
          font-size: 28px;
          margin-bottom: 0;
          line-height: 1;
          text-align: right;
          position: absolute;
          left: 13px;
          width: 60px;
          z-index: 2;
          margin-top: 17px; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .product-price .price sup {
            font-size: 11px;
            letter-spacing: normal;
            font-weight: normal;
            top: -12px; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .product-price .price span {
            font-size: 12px;
            letter-spacing: normal;
            font-weight: normal;
            position: relative;
            left: -24px;
            top: 0px; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row.in-cart .product-price::before {
        background: url("../img/price-circle-o.fb7a9fa7fe37.png");
        background-size: contain;
        background-repeat: no-repeat; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row.in-cart .product-price .price {
        color: #FF8A26; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row.in-cart .product-price .price sup {
          color: #FF8A26; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row.in-cart .product-price .price span {
          color: #FF8A26; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row.in-cart .product-price .left .price {
        color: #FF8A26; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row.offer .product-price::before {
        content: "";
        background: url("../img/price-circle-r.620ab440ab83.png");
        background-size: contain;
        background-repeat: no-repeat; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row.offer .price {
        color: #cf252e !important; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row.offer .price sup {
          color: #cf252e; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row.offer .price span {
          color: #cf252e; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row.offer .product-qty {
        background-color: #cf252e;
        color: #fff; }
@media (max-width: 1200px) {
          .search-dropdown-head .search-dropdown .search-product .slist-product-row.offer .product-qty {
            width: 36px;
            height: 36px; } }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .product-img {
        max-height: 120px;
        height: 120px;
        overflow: hidden;
        padding: 0 20px; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .product-img img {
          -o-object-fit: contain;
             object-fit: contain;
          height: 100%; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .product-info {
        padding: 0 20px;
        flex-grow: 1; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .product-info .product-name {
          margin-bottom: 0;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-size: 17px;
          color: #393939; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .product-add-min {
        padding: 0 20px;
        flex-shrink: 1; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .product-add-min .add-to-cart-bx {
          display: block;
          position: relative; }
@media (max-width: 1200px) {
            .search-dropdown-head .search-dropdown .search-product .slist-product-row .product-add-min .add-to-cart-bx {
              display: block;
              width: 100%;
              padding-top: 30px; } }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .remove-product {
        position: absolute;
        top: 5px;
        right: 20px;
        color: #ddd;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-size: 12px; }
.search-dropdown-head .search-dropdown .search-product .slist-product-row .remove-product img {
          margin-left: 6px; }
.cat-search {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap; }
.cat-search .fav-add {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
    cursor: pointer;
    width: 46px;
    will-change: scale;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1300px) {
      .cat-search .fav-add {
        width: 40px; } }
.cat-search .fav-add:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
.cat-search .fav-add .border {
      fill: none;
      stroke: #FFFFFF;
      stroke-width: 2; }
.cat-search .fav-add .heart {
      fill: transparent;
      stroke: #fff;
      stroke-width: 2;
      will-change: fill;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.cat-search .c-recipe-bx {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 15px; }
@media (max-width: 1800px) {
      .cat-search .c-recipe-bx {
        flex: 0 0 25%;
        max-width: 25%; } }
@media (max-width: 1400px) {
      .cat-search .c-recipe-bx {
        flex: 0 0 33.33%;
        max-width: 33.33%; } }
@media (max-width: 900px) {
      .cat-search .c-recipe-bx {
        flex: 0 0 50%;
        max-width: 50%; } }
@media (max-width: 600px) {
      .cat-search .c-recipe-bx {
        flex: 0 0 100%;
        max-width: 100%; } }
.cat-search .search-cat {
    font-weight: bold;
    font-size: 1.6em;
    padding-left: 15px; }
.cat-search .cat {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px; }
.cat-search .cat.bookmarked .fav-add .heart {
      fill: #fff; }
.cat-search .cat .overlay {
      position: absolute;
      z-index: 2;
      background-color: rgba(0, 0, 0, 0.3);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0; }
.cat-search .cat .close-list {
      display: none;
      position: absolute;
      right: 15px;
      cursor: pointer;
      padding: 10px;
      z-index: 12;
      top: 14px;
      width: 40px; }
.cat-search .cat .list-added {
      display: none; }
.cat-search .cat .fav-list-bx {
      position: absolute;
      z-index: 10;
      top: 0;
      background-color: #fff;
      width: 60%;
      height: 80%;
      box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
      border-radius: 6px;
      border-top-right-radius: 0;
      right: -120%;
      transition: right 0.4s ease-out; }
.cat-search .cat .fav-list-bx .fav-list {
        list-style: none;
        padding-left: 15px;
        max-height: 80%;
        overflow-y: auto;
        text-align: left;
        margin-bottom: 0;
        padding-bottom: 80px; }
.cat-search .cat .fav-list-bx .fav-list::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.cat-search .cat .fav-list-bx .fav-list::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #F4F4F4; }
.cat-search .cat .fav-list-bx .fav-list::-webkit-scrollbar-thumb {
          background-color: #bababa;
          outline: none; }
@media (max-width: 600px) {
          .cat-search .cat .fav-list-bx .fav-list {
            max-height: 100%; } }
.cat-search .cat .fav-list-bx .fav-list li {
          padding: 5px 0; }
.cat-search .cat .fav-list-bx .choose-list,
      .cat-search .cat .fav-list-bx .create-list {
        height: 80%;
        overflow-y: hidden; }
.cat-search .cat .fav-list-bx .create-list .title.back {
        padding-left: 30px;
        cursor: pointer; }
.cat-search .cat .fav-list-bx .create-list .title.back:after {
          content: url("../icons/back-to-list.ff12ddb2a3c4.svg");
          position: absolute;
          left: 15px; }
.cat-search .cat .fav-list-bx .title {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: bold;
        color: #3D9939;
        padding: 21px 0 0 17px;
        position: static;
        text-align: left; }
.cat-search .cat .fav-list-bx .btn {
        width: 80% !important; }
.cat-search .cat .fav-list-bx .create-new-list {
        position: absolute;
        bottom: 0;
        background-color: #FF8A26;
        color: #fff;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        width: 100%;
        padding: 8px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        cursor: pointer; }
.cat-search .cat .fav-list-bx .create-new-list:hover {
          background-color: #3d9939; }
.cat-search .cat .fav-list-bx .create-new-list:after {
          content: url("../icons/add-to-list.425fb8e822b5.svg");
          position: absolute;
          z-index: 2;
          right: 15px; }
.cat-search .cat .fav-list-bx .list-new {
        border: 0;
        background-color: #f6f6f6;
        border-radius: 4px;
        margin: 0 15px;
        padding: 10px 15px;
        width: 80%; }
.cat-search .cat .fav-list-bx .btn.create {
        background-color: #FF8A26;
        color: #fff;
        position: absolute;
        bottom: 15px;
        left: 15px; }
.cat-search .cat .fav-list-bx.active {
      right: 0; }
.cat-search .cat .title {
      position: absolute;
      z-index: 3;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: bold;
      font-size: 1.6rem !important;
      letter-spacing: 1px;
      top: 50%;
      margin: auto;
      left: 0;
      right: 0; }
@media (max-width: 500px) {
        .cat-search .cat .title {
          top: 45%;
          font-size: 1em; } }
.cat-search .cat .btn {
      color: #fff;
      border: 1px solid #fff;
      position: absolute;
      z-index: 3;
      bottom: 20px;
      margin: auto;
      left: 0;
      right: 0;
      width: 142px;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.cat-search .cat .btn:hover {
        background-color: #fff;
        color: #333; }
.cat-search .cat .category {
      position: absolute;
      top: 20px;
      text-align: center;
      z-index: 4;
      width: 100%;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing: 1px; }
.cat-search .cat.favourite .no-list {
    display: none; }
.cat-search .cat.favourite .list-added {
    display: block; }
.product-bx .off-mobile,
.product-bx .switch-mobile {
  cursor: url("../cursor/view.358353e80eda.png") 32 32, pointer !important; }
.btn-plus,
.btn-minus {
  transition-duration: 0.4s;
  overflow: hidden; }
.btn-plus:hover,
  .btn-minus:hover {
    background-color: #f4fef3 !important; }
.outofstock-listing {
  line-height: 1;
  color: #E6194E;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
  background-color: #ffe6e6;
  margin-top: 0px;
  margin-left: 20px;
  margin-right: 20px; }
@media (max-width: 1200px) {
    .outofstock-listing {
      position: relative;
      top: 50%;
      margin: 20px 0 0; } }
@media (max-width: 600px) {
    .outofstock-listing {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); } }
.choose-list .wishlist-lines {
  overflow-y: auto;
  height: 90%; }
.products-list {
  padding-bottom: 120px;
  background-color: #F7F7F7; }
@media (max-width: 800px) {
    .products-list {
      padding-bottom: 45px; } }
.products-list .section-title {
    position: relative;
    margin-top: 0px; }
.products-list .col-12 {
    padding-left: 0;
    padding-right: 0; }
.products-list .filter-row {
    justify-content: space-between;
    width: 100%;
    margin-top: 120px; }
@media (min-width: 600px) {
      .products-list .filter-row {
        display: inline-flex; } }
.products-list .filter-row.twoline .title h2 {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 700;
      margin-bottom: 20px;
      padding-left: 0;
      font-size: 40px; }
@media (min-width: 600px) and (max-width: 825px) {
      .products-list .filter-row .filter-right {
        min-width: 175px; } }
@media (max-width: 1400px) {
      .products-list .filter-row .filter-right {
        display: none; } }
.products-list .filter-row .filter-right .sort-bx {
      position: relative;
      display: inline-block;
      padding-left: 10px; }
@media (min-width: 600px) and (max-width: 825px) {
        .products-list .filter-row .filter-right .sort-bx {
          padding-left: 0px; } }
@media (max-width: 600px) {
        .products-list .filter-row .filter-right .sort-bx {
          margin-top: 0;
          margin-bottom: 15px;
          width: 100%;
          padding-left: 0px; } }
.products-list .filter-row .filter-right .sort-bx .sort-btn {
        border: 1px solid rgba(0, 0, 0, 0.1); }
@media (min-width: 600px) and (max-width: 825px) {
          .products-list .filter-row .filter-right .sort-bx .sort-btn {
            padding: 12px 9px; } }
@media (max-width: 600px) {
          .products-list .filter-row .filter-right .sort-bx .sort-btn {
            width: 100%; } }
.products-list .filter-row .filter-right .sort-bx .sort-btn .sort-toggle {
          position: relative;
          top: -2px;
          margin-left: 10px;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (min-width: 600px) and (max-width: 825px) {
            .products-list .filter-row .filter-right .sort-bx .sort-btn .sort-toggle {
              margin-left: 2px; } }
.products-list .filter-row .filter-right .sort-bx .sort-btn .sort-toggle.turn {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg);
          top: 2px; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list {
        display: none;
        background-color: #fff;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        min-width: 240px;
        border-radius: 6px;
        position: absolute;
        z-index: 24;
        top: 60px;
        right: 0px; }
@media (max-width: 600px) {
          .products-list .filter-row .filter-right .sort-bx .sort-filter-list {
            width: 100%; } }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .sortby {
          padding: 30px; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .sortby ul {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .sortby ul li {
              margin-bottom: 15px; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .sortby ul li a {
                color: #383838; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .sortby ul li.active a {
                color: #3D9939; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat {
          min-width: 400px;
          max-height: 340px;
          padding: 20px; }
@media (max-width: 600px) {
            .products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat {
              min-width: 100%; } }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .search-cat {
            position: relative;
            width: 100%; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .search-cat input {
              border-radius: 5px;
              border: solid 1px #DDDDDD;
              height: 40px; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .search-cat .btn {
              right: 10px;
              top: 10px;
              position: absolute;
              padding: 0px;
              margin: 0px;
              height: auto; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .search-cat .btn img {
                width: 18px; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat {
            display: inline-grid;
            grid-template-columns: 1fr 1fr;
            width: 100%;
            margin-top: 15px;
            overflow-y: auto;
            max-height: 250px;
            /*Outer box of the fake checkbox*/
            /*Checkmark of the fake checkbox*/
            /*Hide the checkmark by default*/
            /*Unhide on the checked state*/ }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat::-webkit-scrollbar {
              width: 8px;
              height: 12px; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat::-webkit-scrollbar-track {
              box-shadow: none;
              background-color: #F4F4F4; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat::-webkit-scrollbar-thumb {
              background-color: #bababa;
              outline: none; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox input[type="checkbox"] {
              opacity: 0;
              display: none; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox {
              display: inline-block;
              margin-bottom: 5px; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label {
              position: relative;
              display: inline-block;
              letter-spacing: 0.14px;
              color: #383838;
              padding-left: 22px;
              font-size: 14px;
              padding-top: 2px;
              padding-left: 30px;
              cursor: pointer; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label::before,
            .products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label::after {
              position: absolute;
              content: "";
              /*Needed for the line-height to take effect*/
              display: inline-block; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label::before {
              height: 20px;
              width: 20px;
              border: 1px solid;
              left: 0px;
              top: 3px;
              border-radius: 3px;
              border: solid 1px #DDDDDD;
              outline: none;
              box-shadow: none; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label::after {
              height: 6px;
              width: 11px;
              border-left: 2px solid #fff;
              border-bottom: 2px solid #fff;
              -webkit-transform: rotate(-45deg);
                      transform: rotate(-45deg);
              left: 4px;
              top: 9px; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox input[type="checkbox"] + label::after {
              content: none; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox input[type="checkbox"]:checked + label::after {
              content: ""; }
.products-list .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox input[type="checkbox"]:checked + label::before {
              background-color: #3D9939;
              border-color: transparent; }
.products-list .filter-row .mobile-filter {
      display: none; }
@media (max-width: 1400px) {
        .products-list .filter-row .mobile-filter {
          display: block;
          margin-bottom: 30px; } }
.products-list .filter-row .mobile-filter .sort-btn {
        border: 1px solid rgba(0, 0, 0, 0.1); }
@media (max-width: 1400px) {
          .products-list .filter-row .mobile-filter .sort-btn {
            width: 100%; } }
.products-list .sort-second {
    display: block; }
.products-list .sort-second .sort-bx {
      position: relative;
      display: inline-block; }
@media (min-width: 600px) and (max-width: 825px) {
        .products-list .sort-second .sort-bx {
          padding-left: 0px; } }
@media (max-width: 600px) {
        .products-list .sort-second .sort-bx {
          margin-top: 0;
          margin-bottom: 15px;
          width: 100%; } }
.products-list .sort-second .sort-bx .sort-btn {
        border: 1px solid rgba(0, 0, 0, 0.1); }
@media (min-width: 600px) and (max-width: 825px) {
          .products-list .sort-second .sort-bx .sort-btn {
            padding: 12px 9px; } }
@media (max-width: 600px) {
          .products-list .sort-second .sort-bx .sort-btn {
            width: 100%; } }
.products-list .sort-second .sort-bx .sort-btn .sort-toggle {
          position: relative;
          top: -2px;
          margin-left: 10px;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (min-width: 600px) and (max-width: 825px) {
            .products-list .sort-second .sort-bx .sort-btn .sort-toggle {
              margin-left: 2px; } }
.products-list .sort-second .sort-bx .sort-btn .sort-toggle.turn {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg);
          top: 2px; }
.products-list .sort-second .sort-bx .sort-filter-list {
        display: none;
        background-color: #fff;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        min-width: 240px;
        border-radius: 6px;
        position: absolute;
        z-index: 24;
        top: 60px;
        left: 0px;
        padding: 30px; }
@media (max-width: 600px) {
          .products-list .sort-second .sort-bx .sort-filter-list {
            width: 100%; } }
.products-list .sort-second .sort-bx .sort-filter-list ul {
          list-style: none;
          padding-left: 0;
          margin-bottom: 0; }
.products-list .sort-second .sort-bx .sort-filter-list ul li {
            margin-bottom: 15px; }
.products-list .sort-second .sort-bx .sort-filter-list ul li a {
              color: #3D9939; }
@media (max-width: 900px) {
      .products-list .sort-second {
        display: none; } }
.products-list .row {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    -webkit-column-gap: 30px;
            column-gap: 30px;
    row-gap: 30px;
    margin: 0 0; }
@media (max-width: 2450px) {
      .products-list .row {
        grid-template-columns: repeat(6, 1fr); } }
@media (max-width: 2130px) {
      .products-list .row {
        grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 1700px) {
      .products-list .row {
        grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1200px) {
      .products-list .row {
        grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) {
      .products-list .row {
        grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 699px) {
      .products-list .row {
        grid-template-columns: 1fr; } }
.products-list .banner-bx {
    grid-area: 4 / 1 / 5 / 8; }
@media (max-width: 2450px) {
      .products-list .banner-bx {
        grid-area: 4 / 1 / 5 / 7; } }
@media (max-width: 2130px) {
      .products-list .banner-bx {
        grid-area: 4 / 1 / 5 / 6; } }
@media (max-width: 1700px) {
      .products-list .banner-bx {
        grid-area: 4 / 1 / 5 / 5; } }
@media (max-width: 1200px) {
      .products-list .banner-bx {
        grid-area: 5 / 1 / 6 / 4; } }
@media (max-width: 900px) {
      .products-list .banner-bx {
        grid-area: 7 / 1 / 8 / 3; } }
@media (max-width: 699px) {
      .products-list .banner-bx {
        grid-area: 13 / 1 / 14 / 2; } }
.products-list .product-bx {
    min-height: 380px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
    padding: 0;
    overflow: hidden;
    position: relative;
    outline: none; }
.products-list .product-bx.out-of-stock-bg {
      background-color: #f7f7f7; }
.products-list .product-bx:hover {
      background-color: #f7f7f7; }
@media (max-width: 1200px) {
        .products-list .product-bx:hover {
          background-color: #fff; } }
.products-list .product-bx:hover .product-info {
        display: none !important; }
@media (max-width: 1200px) {
          .products-list .product-bx:hover .product-info {
            display: block !important; } }
.products-list .product-bx:hover .add-to-cart-bx {
        display: block; }
@media (max-width: 1200px) {
      .products-list .product-bx {
        min-height: 255px; } }
@media (max-width: 600px) {
      .products-list .product-bx {
        min-height: auto; } }
.products-list .product-bx.in-cart .product-info::before {
      background: url("../img/price-circle-o.fb7a9fa7fe37.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: right; }
.products-list .product-bx.in-cart .product-info .left .price {
      color: #FF8A26; }
.products-list .product-bx.in-cart .product-alert {
      display: inline-block;
      background-color: #FF8A26;
      color: #fff;
      border-radius: 50%;
      position: absolute;
      top: 15px;
      left: 15px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      width: 48px;
      height: 48px;
      display: flex !important;
      justify-content: center;
      align-items: center; }
.products-list .product-bx.in-cart .product-alert::after {
        position: absolute;
        content: attr(data-quantity); }
@media (max-width: 1200px) {
        .products-list .product-bx.in-cart .product-alert {
          width: 36px;
          height: 36px; } }
.products-list .product-bx.in-cart .product_badge {
      left: 68px; }
.products-list .product-bx.offer .product-info::before {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 1;
      width: 108px;
      height: 115px;
      background: url("../img/price-circle-r.620ab440ab83.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: right; }
.products-list .product-bx.offer .left .price {
      color: #cf252e !important; }
.products-list .product-bx.offer .left .currency {
      color: #9a9a98 !important; }
.products-list .product-bx.offer .left .currency::before {
        border-top: 1px solid #c0c0c0 !important; }
.products-list .product-bx.offer .product-qty {
      display: none; }
.products-list .product-bx.offer .product-alert {
      display: inline-block;
      background-color: #e8104a;
      color: #fff;
      border-radius: 50%;
      position: absolute;
      top: 15px;
      left: 15px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 1;
      text-align: center;
      padding: 0px 2px; }
@media (max-width: 1200px) {
        .products-list .product-bx.offer .product-alert {
          width: 36px;
          height: 36px;
          font-size: 12px; } }
.products-list .product-bx.offer .product-alert::after {
        content: attr(data-offer);
        position: absolute; }
.products-list .product-bx.offer.in-cart .product-info::before {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 1;
      width: 108px;
      height: 115px;
      background: url("../img/price-circle-o.fb7a9fa7fe37.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: right; }
.products-list .product-bx.offer.in-cart .product-info .left .price {
      color: #FF8A26 !important; }
.products-list .product-bx.offer.in-cart .product-info .left .currency {
      color: #9a9a98 !important; }
.products-list .product-bx.offer.in-cart .product-alert {
      display: inline-block;
      background-color: #FF8A26 !important;
      top: 15px;
      left: 15px; }
.products-list .product-bx.offer.in-cart .product_badge {
      left: 68px; }
.products-list .product-bx.offer .product_badge {
      left: 68px; }
.products-list .product-bx.new .product-qty {
      display: none; }
.products-list .product-bx.new .product-alert {
      display: inline-block;
      background-color: #3D9939;
      color: #fff;
      border-radius: 50%;
      position: absolute;
      top: 15px;
      left: 15px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 1; }
@media (max-width: 1200px) {
        .products-list .product-bx.new .product-alert {
          width: 36px;
          height: 36px;
          font-size: 12px; } }
.products-list .product-bx.new .product_badge {
      left: 68px; }
.products-list .product-bx .add-fav-btn {
      position: absolute;
      right: 15px;
      cursor: pointer;
      padding: 10px;
      z-index: 10;
      top: 12px; }
@media (max-width: 900px) {
        .products-list .product-bx .add-fav-btn {
          width: 44px; } }
@media (max-width: 600px) {
        .products-list .product-bx .add-fav-btn {
          width: 40px; } }
.products-list .product-bx .no-list {
      display: block; }
.products-list .product-bx .list-added {
      display: none; }
.products-list .product-bx .close-list {
      display: none;
      position: absolute;
      right: 15px;
      cursor: pointer;
      padding: 10px;
      z-index: 10;
      top: 14px;
      width: 36px; }
@media (max-width: 900px) {
      .products-list .product-bx .switch-mobile {
        display: flex !important;
        margin-top: 15%;
        justify-content: center;
        align-items: flex-start; } }
.products-list .product-bx .fav-list-bx {
      position: absolute;
      z-index: 3;
      top: 0;
      background-color: #fff;
      width: 90%;
      height: 80%;
      box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
      border-radius: 6px;
      right: -120%;
      transition: right 0.4s ease-out; }
@media (max-width: 1200px) {
        .products-list .product-bx .fav-list-bx {
          width: 100%;
          height: 100%; } }
.products-list .product-bx .fav-list-bx .fav-list {
        list-style: none;
        padding-left: 15px;
        max-height: 80%;
        overflow-y: auto;
        margin-bottom: 0;
        padding-bottom: 80px; }
.products-list .product-bx .fav-list-bx .fav-list::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.products-list .product-bx .fav-list-bx .fav-list::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #F4F4F4; }
.products-list .product-bx .fav-list-bx .fav-list::-webkit-scrollbar-thumb {
          background-color: #bababa;
          outline: none; }
@media (max-width: 600px) {
          .products-list .product-bx .fav-list-bx .fav-list {
            max-height: 100%; } }
.products-list .product-bx .fav-list-bx .fav-list li {
          padding: 5px 0; }
.products-list .product-bx .fav-list-bx .choose-list,
      .products-list .product-bx .fav-list-bx .create-list {
        height: 80%;
        overflow-y: hidden; }
.products-list .product-bx .fav-list-bx .create-list .title.back {
        padding-left: 30px;
        cursor: pointer; }
.products-list .product-bx .fav-list-bx .create-list .title.back:after {
          content: url("../icons/back-to-list.ff12ddb2a3c4.svg");
          position: absolute;
          left: 15px; }
.products-list .product-bx .fav-list-bx .title {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: bold;
        color: #3D9939;
        padding: 21px 0 0 17px; }
.products-list .product-bx .fav-list-bx .create-new-list {
        position: absolute;
        bottom: 0;
        background-color: #FF8A26;
        color: #fff;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        width: 100%;
        padding: 8px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        cursor: pointer; }
.products-list .product-bx .fav-list-bx .create-new-list:hover {
          background-color: #3d9939; }
.products-list .product-bx .fav-list-bx .create-new-list:after {
          content: url("../icons/add-to-list.425fb8e822b5.svg");
          position: absolute;
          z-index: 2;
          right: 15px; }
.products-list .product-bx .fav-list-bx .list-new {
        border: 0;
        background-color: #f6f6f6;
        border-radius: 4px;
        margin: 0 15px;
        padding: 10px 15px; }
.products-list .product-bx .fav-list-bx .btn.create {
        background-color: #FF8A26;
        color: #fff;
        position: absolute;
        bottom: 15px;
        left: 15px; }
.products-list .product-bx .fav-list-bx.active {
      right: 0; }
.products-list .product-bx img {
      mix-blend-mode: multiply; }
@media (max-width: 900px) {
        .products-list .product-bx img {
          width: 40%; } }
@media (max-width: 1200px) {
      .products-list .product-bx .product-container {
        display: flex; } }
.products-list .product-bx .product-img {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      padding: 35px;
      min-height: 274px; }
@media (max-width: 1200px) {
        .products-list .product-bx .product-img {
          flex: 0 0 40%;
          max-width: 40%;
          padding: 5px;
          min-height: 180px; } }
@media (max-width: 600px) {
        .products-list .product-bx .product-img {
          padding-top: 40px; } }
.products-list .product-bx .product-img img {
        -o-object-fit: contain;
           object-fit: contain;
        width: 100%;
        height: auto;
        max-height: 180px; }
.products-list .product-bx .product-info {
      display: flex;
      flex-direction: row-reverse;
      padding: 10px 15px 0;
      min-height: 108px; }
@media (max-width: 1200px) {
        .products-list .product-bx .product-info {
          flex: 0 0 60%;
          max-width: 60%;
          position: relative;
          margin: auto;
          flex-direction: column; } }
@media (max-width: 600px) {
        .products-list .product-bx .product-info {
          padding-left: 12px; } }
.products-list .product-bx .product-info:before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
        width: 108px;
        height: 115px;
        background: url("../img/price-circle.90577ccd201d.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right; }
@media (max-width: 1200px) {
          .products-list .product-bx .product-info:before {
            content: "";
            background: none;
            display: none; } }
.products-list .product-bx .product-info .left {
        width: 33%;
        margin-left: 5%;
        position: relative;
        z-index: 2;
        right: -6px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative; }
@media (max-width: 1200px) {
          .products-list .product-bx .product-info .left {
            width: 100%;
            justify-content: flex-start;
            left: 0;
            margin-left: 0; } }
.products-list .product-bx .product-info .left .product-price {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          display: flex;
          flex-direction: column; }
.products-list .product-bx .product-info .left .product-price.mobile {
            display: none; }
@media (max-width: 1200px) {
            .products-list .product-bx .product-info .left .product-price {
              position: relative;
              top: auto;
              -webkit-transform: none;
                      transform: none;
              display: none; }
              .products-list .product-bx .product-info .left .product-price.mobile {
                display: block; }
                .products-list .product-bx .product-info .left .product-price.mobile .price {
                  font-size: 20px;
                  margin-bottom: 5px; }
                .products-list .product-bx .product-info .left .product-price.mobile .currency {
                  color: #9a9a98 !important; } }
.products-list .product-bx .product-info .left .currency {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: 600;
          color: transparent;
          font-size: 10px;
          letter-spacing: 2px;
          margin-bottom: 0;
          text-align: center;
          position: relative;
          display: inline-block;
          line-height: 1.1; }
@media (max-width: 1200px) {
            .products-list .product-bx .product-info .left .currency {
              text-align: left;
              font-size: 12px; } }
.products-list .product-bx .product-info .left .currency::before {
            content: "";
            height: 1px;
            width: 90%;
            position: absolute;
            top: 47%;
            left: 4px;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            border-top: 1px solid transparent; }
@media (max-width: 1200px) {
              .products-list .product-bx .product-info .left .currency::before {
                width: 86%;
                top: 45%; } }
.products-list .product-bx .product-info .left .price {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: 600;
          color: #3D9939;
          font-size: 28px;
          margin-bottom: 0;
          line-height: 1;
          position: relative;
          right: -10px;
          top: 8px; }
@media (max-width: 1200px) {
            .products-list .product-bx .product-info .left .price {
              right: 0; } }
.products-list .product-bx .product-info .left .price sup {
            font-size: 11px;
            letter-spacing: normal;
            font-weight: normal;
            top: -12px; }
.products-list .product-bx .product-info .left .price span {
            font-size: 12px;
            letter-spacing: normal;
            font-weight: normal;
            position: relative;
            left: -18px;
            top: 0px; }
.products-list .product-bx .product-info .left .price .previous-price {
            color: #9a9a98;
            left: 0;
            top: -14px; }
.products-list .product-bx .product-info .right {
        width: 65%;
        position: relative;
        z-index: 2;
        padding-right: 10px;
        box-sizing: border-box; }
@media (max-width: 1400px) {
          .products-list .product-bx .product-info .right {
            right: -6px; } }
@media (max-width: 1200px) {
          .products-list .product-bx .product-info .right {
            width: 100%;
            padding-left: 0;
            right: 0;
            padding-top: 30px; } }
.products-list .product-bx .product-info .right .excerpt {
          font-size: 16px;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: normal;
          margin-bottom: 4px;
          letter-spacing: 1px;
          line-height: 1.2;
          display: -webkit-box;
          --webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          text-overflow: ellipsis; }
@media (max-width: 1300px) {
            .products-list .product-bx .product-info .right .excerpt {
              font-size: 15px; } }
@media (max-width: 600px) {
            .products-list .product-bx .product-info .right .excerpt {
              font-size: 18px; } }
.products-list .product-bx .product-info .right .previous-price {
          color: #9a9a98;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: normal;
          font-size: 14px;
          line-height: 1;
          letter-spacing: 1px;
          text-align: left; }
@media (max-width: 1300px) {
            .products-list .product-bx .product-info .right .previous-price {
              font-size: 12px;
              padding-right: 10px; } }
@media (max-width: 600px) {
            .products-list .product-bx .product-info .right .previous-price {
              font-size: 13px; } }
.products-list .product-bx .product-qty,
    .products-list .product-bx .fav-bar,
    .products-list .product-bx .product-alert {
      display: none; }
.products-list .product-bx .add-to-cart-bx {
      display: none;
      position: relative;
      min-height: 108px; }
@media (max-width: 1200px) {
        .products-list .product-bx .add-to-cart-bx {
          display: block;
          min-height: auto; } }
.products-list .product-bx .product_badge {
      position: absolute;
      top: 15px;
      left: 15px;
      z-index: 10;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      max-width: 48px; }
.products-list .product-bx .product_badge.move_aside {
        left: 68px; }
.products-list .product-bx .product_badge.product_badge:nth-child(3) {
        left: 68px; }
@media (max-width: 600px) {
          .products-list .product-bx .product_badge.product_badge:nth-child(3) {
            left: 54px; } }
.products-list .product-bx .product_badge.product_badge:nth-child(4) {
        left: 120px; }
@media (max-width: 600px) {
          .products-list .product-bx .product_badge.product_badge:nth-child(4) {
            left: 94px; } }
@media (max-width: 600px) {
        .products-list .product-bx .product_badge {
          max-width: 36px; } }
.products-list .product-bx.favourite .no-list {
    display: none; }
.products-list .product-bx.favourite .list-added {
    display: block; }
.product-hero {
  background-color: #F7F7F7;
  padding-bottom: 40px;
  padding-top: 40px;
  margin-bottom: 0;
  position: relative; }
@media (max-width: 1200px) {
    .product-hero {
      min-height: 620px; } }
.product-hero .col-lg-6 {
    position: relative; }
@media (min-width: 995px) {
      .product-hero .col-lg-6:first-child {
        min-height: 600px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center; } }
.product-hero .product-hero-img {
    position: relative; }
.product-hero .product_badge {
    position: absolute;
    z-index: 10;
    top: 30px;
    left: 30px; }
.product-hero .product_badge:nth-child(2) {
      left: 180px; }
@media (max-width: 600px) {
        .product-hero .product_badge:nth-child(2) {
          left: 75px; } }
.product-hero .product_badge:nth-child(3) {
      left: 330px; }
@media (max-width: 600px) {
        .product-hero .product_badge:nth-child(3) {
          left: 150px; } }
@media (max-width: 800px) {
      .product-hero .product_badge {
        width: 75px !important;
        top: 0;
        left: 0; } }
.product-hero .swiper-container .swiper-wrapper {
    align-items: center; }
.product-hero .swiper-container .swiper-slide {
    background-color: #f7f7f7; }
.product-hero .swiper-container .swiper-pagination-bullet-active {
    border-color: #3d9939;
    background-color: #3d9939; }
.product-hero .product-img {
    mix-blend-mode: multiply; }
@media (max-width: 1200px) {
      .product-hero .product-img {
        width: 100%; } }
.product-hero .product-info {
    background-color: #fff;
    width: 320px;
    height: 82%;
    padding: 30px;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.08);
    border-radius: 25px; }
@media (max-width: 1200px) {
      .product-hero .product-info {
        min-height: 450px; } }
.product-hero .product-info .title {
      text-align: left;
      margin-top: 50px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      letter-spacing: 1.2px;
      line-height: 1.25;
      font-weight: 100; }
@media (min-width: 1800px) {
        .product-hero .product-info .title {
          margin-top: 80px; } }
.product-hero .product-info .currency {
      letter-spacing: 2px;
      margin-bottom: 0;
      margin-top: 14px;
      text-align: left;
      margin-top: 50px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 100;
      font-size: 18px;
      letter-spacing: 1.2px;
      line-height: 0.5;
      color: #9a9a98; }
.product-hero .product-info .price {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 600;
      color: #3D9939;
      font-size: 70px;
      letter-spacing: 2px;
      margin-bottom: 0;
      line-height: 1;
      margin-bottom: 40px;
      line-height: 1;
      margin-bottom: 40px;
      letter-spacing: -1px; }
.product-hero .product-info .price sup {
        letter-spacing: normal;
        font-weight: normal;
        font-size: 38px;
        top: -22px; }
.product-hero .product-info .price span {
        font-size: 18px;
        letter-spacing: normal;
        font-weight: normal;
        position: relative;
        left: -36px;
        top: 0px;
        color: #9a9a98; }
.product-hero .product-info .add-to-cart-bx {
      position: relative; }
.product-hero .product-info .add-to-cart-bx .plus-value-min {
        margin: 0; }
.product-hero .product-info .add-this-to-cart {
      background-color: #FF8A26;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 300;
      font-size: 16px;
      letter-spacing: 1px;
      padding: 12px 30px;
      position: absolute;
      bottom: 30px;
      width: calc(100% - 50px); }
.product-hero .product-bx {
    padding: 25px;
    padding-bottom: 0;
    overflow: hidden;
    outline: none; }
@media (max-width: 900px) {
      .product-hero .product-bx {
        display: none; } }
.product-hero .product-bx .add-fav-btn {
      position: absolute;
      right: 15px;
      cursor: pointer;
      padding: 10px;
      z-index: 10;
      top: -24px; }
@media (max-width: 900px) {
        .product-hero .product-bx .add-fav-btn {
          width: 44px; } }
.product-hero .product-bx .no-list {
      display: block; }
.product-hero .product-bx .list-added {
      display: none; }
.product-hero .product-bx .close-list {
      display: none;
      position: absolute;
      right: 15px;
      cursor: pointer;
      padding: 10px;
      z-index: 10;
      top: -24px;
      width: 36px; }
.product-hero .product-bx .fav-list-bx {
      position: absolute;
      z-index: 3;
      top: 0;
      background-color: #fff;
      width: 100%;
      height: 100%;
      box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
      border-radius: 6px;
      right: -120%;
      transition: right 0.4s ease-out; }
.product-hero .product-bx .fav-list-bx .fav-list {
        list-style: none;
        padding-left: 15px;
        max-height: 80%;
        overflow-y: auto;
        margin-bottom: 0;
        padding-bottom: 80px; }
.product-hero .product-bx .fav-list-bx .fav-list::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.product-hero .product-bx .fav-list-bx .fav-list::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #F4F4F4; }
.product-hero .product-bx .fav-list-bx .fav-list::-webkit-scrollbar-thumb {
          background-color: #bababa;
          outline: none; }
@media (max-width: 600px) {
          .product-hero .product-bx .fav-list-bx .fav-list {
            max-height: 100%; } }
.product-hero .product-bx .fav-list-bx .fav-list li {
          padding: 5px 0; }
.product-hero .product-bx .fav-list-bx .choose-list,
      .product-hero .product-bx .fav-list-bx .create-list {
        height: 90%;
        overflow-y: hidden; }
.product-hero .product-bx .fav-list-bx .create-list .title.back {
        padding-left: 30px;
        cursor: pointer; }
.product-hero .product-bx .fav-list-bx .create-list .title.back:after {
          content: url("../icons/back-to-list.ff12ddb2a3c4.svg");
          position: absolute;
          left: 15px; }
.product-hero .product-bx .fav-list-bx .title {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: bold;
        color: #3D9939;
        padding: 21px 0 0 17px;
        margin-top: 0; }
.product-hero .product-bx .fav-list-bx .create-new-list {
        position: absolute;
        bottom: 0;
        background-color: #FF8A26;
        color: #fff;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        width: 100%;
        padding: 8px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        cursor: pointer; }
.product-hero .product-bx .fav-list-bx .create-new-list:hover {
          background-color: #3d9939; }
.product-hero .product-bx .fav-list-bx .create-new-list:after {
          content: url("../icons/add-to-list.425fb8e822b5.svg");
          position: absolute;
          z-index: 2;
          right: 15px; }
.product-hero .product-bx .fav-list-bx .list-new {
        border: 0;
        background-color: #f6f6f6;
        border-radius: 4px;
        margin: 0 15px;
        padding: 10px 15px; }
.product-hero .product-bx .fav-list-bx .btn.create {
        background-color: #FF8A26;
        color: #fff;
        position: absolute;
        bottom: 15px;
        left: 15px; }
.product-hero .product-bx .fav-list-bx.active {
      right: 0; }
.product-hero .product-bx img {
      mix-blend-mode: multiply;
      margin-top: 40px; }
@media (max-width: 900px) {
        .product-hero .product-bx img {
          width: 40%; } }
.product-hero .product-bx:hover .product-info {
      display: none !important; }
@media (max-width: 900px) {
        .product-hero .product-bx:hover .product-info {
          display: block !important; } }
.product-hero .product-bx:hover .add-to-cart-bx {
      display: block; }
@media (max-width: 900px) {
        .product-hero .product-bx:hover .add-to-cart-bx {
          display: none; } }
.product-hero .product-bx .product-qty,
    .product-hero .product-bx .fav-bar {
      display: none; }
.product-hero .product-bx .offer-bx {
      background-color: #e8104a;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      position: absolute;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      display: inline-block;
      width: 30%;
      top: 0;
      padding: 4px 6px;
      text-align: center;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
.product-hero .product-bx .new-bx {
      background-color: #3D9939;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      position: absolute;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      display: inline-block;
      width: 22%;
      top: 0;
      padding: 4px;
      text-align: center;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
.product-hero .product-bx .add-to-cart-bx {
      position: relative; }
.product-hero .product-bx .product-info {
      display: flex; }
@media (max-width: 900px) {
        .product-hero .product-bx .product-info {
          flex-direction: column; } }
.product-hero .product-bx .product-info:before {
        content: url("../icons/price-green-circle.9729e9cc0cc9.svg");
        position: absolute;
        bottom: -7px;
        left: -7px;
        z-index: 1; }
@media (max-width: 1400px) {
        .product-hero .product-bx .product-info:before {
          left: -12px; } }
@media (max-width: 900px) {
        .product-hero .product-bx .product-info:before {
          content: ";"; } }
.product-hero .product-bx-m {
    display: none;
    padding: 15px;
    padding-bottom: 0;
    overflow: hidden;
    outline: none; }
@media (max-width: 900px) {
      .product-hero .product-bx-m {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 15px 0 0; } }
.product-hero .product-bx-m .add-fav-btn {
      position: absolute;
      right: 15px;
      cursor: pointer;
      padding: 10px;
      z-index: 10;
      top: -24px; }
@media (max-width: 900px) {
        .product-hero .product-bx-m .add-fav-btn {
          width: 44px;
          top: -360px; } }
.product-hero .product-bx-m .no-list {
      display: block; }
.product-hero .product-bx-m .list-added {
      display: none; }
.product-hero .product-bx-m .close-list {
      display: none;
      position: absolute;
      right: 15px;
      cursor: pointer;
      padding: 10px;
      z-index: 10;
      top: 10px;
      width: 36px; }
@media (max-width: 900px) {
        .product-hero .product-bx-m .close-list {
          top: -360px; } }
.product-hero .product-bx-m .fav-list-bx {
      position: absolute;
      z-index: 3;
      top: 0;
      background-color: #fff;
      width: 100%;
      height: 100%;
      box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
      border-radius: 6px;
      right: -150%;
      transition: right 0.4s ease-out; }
@media (max-width: 900px) {
        .product-hero .product-bx-m .fav-list-bx {
          top: -377px;
          min-height: 400px;
          width: 100%; } }
.product-hero .product-bx-m .fav-list-bx .fav-list {
        list-style: none;
        padding-left: 15px;
        max-height: 80%;
        overflow-y: auto;
        margin-bottom: 0;
        padding-bottom: 80px; }
.product-hero .product-bx-m .fav-list-bx .fav-list::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.product-hero .product-bx-m .fav-list-bx .fav-list::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #F4F4F4; }
.product-hero .product-bx-m .fav-list-bx .fav-list::-webkit-scrollbar-thumb {
          background-color: #bababa;
          outline: none; }
@media (max-width: 600px) {
          .product-hero .product-bx-m .fav-list-bx .fav-list {
            max-height: 100%; } }
.product-hero .product-bx-m .fav-list-bx .fav-list li {
          padding: 5px 0; }
.product-hero .product-bx-m .fav-list-bx .choose-list,
      .product-hero .product-bx-m .fav-list-bx .create-list {
        height: 90%;
        overflow-y: hidden; }
.product-hero .product-bx-m .fav-list-bx .create-list .title.back {
        padding-left: 30px;
        cursor: pointer; }
.product-hero .product-bx-m .fav-list-bx .create-list .title.back:after {
          content: url("../icons/back-to-list.ff12ddb2a3c4.svg");
          position: absolute;
          left: 15px; }
.product-hero .product-bx-m .fav-list-bx .title {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: bold;
        color: #3D9939;
        padding: 21px 0 0 17px;
        margin-top: 0; }
.product-hero .product-bx-m .fav-list-bx .create-new-list {
        position: absolute;
        bottom: 0;
        background-color: #FF8A26;
        color: #fff;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        width: 100%;
        padding: 8px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        cursor: pointer; }
.product-hero .product-bx-m .fav-list-bx .create-new-list:hover {
          background-color: #3d9939; }
.product-hero .product-bx-m .fav-list-bx .create-new-list:after {
          content: url("../icons/add-to-list.425fb8e822b5.svg");
          position: absolute;
          z-index: 2;
          right: 15px; }
.product-hero .product-bx-m .fav-list-bx .list-new {
        border: 0;
        background-color: #f6f6f6;
        border-radius: 4px;
        margin: 0 15px;
        padding: 10px 15px; }
.product-hero .product-bx-m .fav-list-bx .btn.create {
        background-color: #FF8A26;
        color: #fff;
        position: absolute;
        bottom: 15px;
        left: 15px; }
.product-hero .product-bx-m .fav-list-bx.active {
      right: 0; }
.product-hero .product-bx-m .title {
      order: 2; }
.product-hero .product-bx-m .title span {
        font-size: 13px;
        color: #9a9a98; }
.product-hero .product-bx-m .price {
      order: 1;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 600;
      color: #3D9939;
      font-size: 36px;
      letter-spacing: 2px;
      margin-bottom: 0;
      line-height: 1;
      margin-bottom: 15px; }
.product-hero .product-bx-m .price sup {
        font-size: 25px;
        letter-spacing: normal;
        font-weight: normal;
        top: -26px; }
.product-hero .product-bx-m .price span {
        font-size: 18px;
        letter-spacing: normal;
        font-weight: normal;
        position: relative;
        left: -28px;
        top: -4px;
        color: #AEC1CB; }
.product-hero .product-bx-m .currency {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 600;
      color: #AEC1CB;
      font-size: 16px;
      letter-spacing: 2px;
      margin-bottom: 0;
      margin-top: 14px;
      text-align: left; }
.product-hero .product-bx-m .add-to-cart-bx {
      order: 3;
      display: block !important;
      position: relative; }
.product-hero .product-bx-m .add-to-cart-bx.scrolled {
        position: fixed;
        right: 20px;
        width: calc(100%);
        z-index: 2;
        background-color: #fff;
        left: 0px;
        padding: 20px 20px 20px;
        bottom: 0px; }
@media (max-width: 600px) {
        .product-hero .product-bx-m .add-to-cart-bx .plus-value-min {
          margin: 0 0 20px; } }
.product-hero .product-bx.favourite .product-qty {
    display: inline-block;
    background-color: #FF8A26;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center; }
@media (max-width: 1200px) {
      .product-hero .product-bx.favourite .product-qty {
        width: 36px;
        height: 36px; } }
.product-hero .product-bx.favourite .fav-bar {
    display: block;
    position: absolute;
    bottom: 0;
    background-color: #FF8A26;
    width: 100%;
    height: 5px;
    z-index: 4;
    left: 0; }
.product-hero .product-bx.favourite .no-list {
    display: none; }
.product-hero .product-bx.favourite .list-added {
    display: block; }
.product-hero .product-bx.offer .product-qty {
    display: none; }
.product-hero .product-bx.offer .product-alert {
    display: inline-block;
    background-color: #e8104a;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1; }
@media (max-width: 1200px) {
      .product-hero .product-bx.offer .product-alert {
        width: 36px;
        height: 36px;
        font-size: 12px; } }
.product-hero .product-bx.new .product-qty {
    display: none; }
.product-hero .product-bx.new .product-alert {
    display: inline-block;
    background-color: #3D9939;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center; }
@media (max-width: 1200px) {
      .product-hero .product-bx.new .product-alert {
        width: 36px;
        height: 36px;
        font-size: 12px; } }
.product-hero .product-qty.show-in-mobile {
    display: none !important;
    z-index: 2;
    top: -13px; }
@media (max-width: 900px) {
      .product-hero .product-qty.show-in-mobile {
        display: flex !important; } }
.product-summary {
  background-color: #F7F7F7;
  padding-bottom: 80px;
  padding-top: 80px; }
.product-summary .row {
    justify-content: space-between; }
.product-summary .left {
    background-color: #fff;
    padding: 30px;
    border-radius: 6px;
    flex: 0 0 30%;
    max-width: 30%; }
@media (max-width: 1672px) {
      .product-summary .left {
        flex: 0 0 40%;
        max-width: 40%; } }
@media (max-width: 1200px) {
      .product-summary .left {
        flex: 0 0 50%;
        max-width: 50%; } }
@media (max-width: 600px) {
      .product-summary .left {
        flex: 0 0 100%;
        max-width: 100%;
        order: 2;
        padding: 30px 16px; } }
.product-summary .left .title {
      font-family: "VAG Rounded Std";
      font-style: normal;
      letter-spacing: 0.5px;
      font-weight: bold;
      color: #3D9939;
      margin-bottom: 4px;
      font-size: 18px; }
.product-summary .left .info {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-style: normal;
      font-weight: normal;
      color: #000;
      margin-bottom: 40px;
      font-size: 15px;
      line-height: 1.2;
      letter-spacing: 1.1px; }
.product-summary .left .facts {
      list-style: none;
      padding-left: 0;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-style: normal;
      font-weight: normal;
      color: #000;
      margin-bottom: 20px;
      font-size: 15px;
      line-height: 1;
      margin-bottom: 40px; }
.product-summary .left .facts .item {
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        letter-spacing: 1.1px; }
.product-summary .left .facts .item:last-child {
          padding-bottom: 10px; }
.product-summary .right {
    background-color: transparent;
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex: 0 0 60%;
    max-width: 60%; }
@media (max-width: 1672px) {
      .product-summary .right {
        flex: 0 0 55%;
        max-width: 55%; } }
@media (max-width: 1200px) {
      .product-summary .right {
        flex: 0 0 45%;
        max-width: 45%; } }
@media (max-width: 900px) {
      .product-summary .right {
        position: relative;
        top: 0; } }
@media (max-width: 600px) {
      .product-summary .right {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        order: 1;
        padding-bottom: 60px; } }
.product-summary .right .title {
      font-family: "VAG Rounded Std";
      font-style: normal;
      letter-spacing: 0.5px;
      font-weight: bold;
      color: #3D9939;
      margin-bottom: 4px;
      font-size: 18px;
      letter-spacing: 1.2px; }
.product-summary .right .info {
      font-family: "VAG Rounded Std";
      font-style: normal;
      color: #000;
      margin-bottom: 40px;
      line-height: 1.4;
      font-size: 28px;
      font-weight: 100;
      line-height: 1.4;
      font-size: 22px;
      letter-spacing: 1.1px; }
.product-summary .right .rating {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer; }
.product-summary .right .rating img {
        margin-right: 5px; }
.product-summary .right .rating span {
        margin-left: 10px;
        letter-spacing: 1.1px; }
.reviews {
  padding-bottom: 120px; }
.reviews .section-title {
    color: #000; }
.reviews .rating {
    margin-top: 120px;
    margin-bottom: 20px; }
@media (max-width: 1200px) {
      .reviews .rating {
        margin-top: 40px; } }
@media (max-width: 600px) {
      .reviews .rating {
        margin-top: 10px; } }
.reviews .rating img:last-child {
      margin-right: 15px; }
.reviews .comment {
    font-weight: 400;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-size: 20px;
    line-height: 30px; }
.reviews .title {
    font-size: 26px; }
.reviews .consumer {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    width: 100%;
    color: #747474; }
.reviews .consumer strong {
      color: #000; }
.reviews .review-bx {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 40px;
    margin-bottom: 40px;
    display: none; }
.reviews .review-bx.active {
      display: flex; }
.reviews .view-more {
    position: relative; }
.reviews .see-more {
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 180px; }
.reviews .rating-inner {
    margin-top: 30px; }
.reviews .comment-form {
    display: flex; }
@media (max-width: 600px) {
      .reviews .comment-form {
        flex-direction: column; } }
.reviews .comment-form input {
      padding: 8px;
      border-radius: 6px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      flex-grow: 1;
      margin-right: 15px; }
@media (max-width: 600px) {
        .reviews .comment-form input {
          margin-bottom: 15px; } }
.reviews .comment-form textarea {
      padding: 15px;
      flex-grow: 1;
      border-radius: 6px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      margin-right: 15px;
      resize: vertical;
      max-height: 240px;
      height: 120px;
      min-height: 100px; }
@media (max-width: 600px) {
        .reviews .comment-form textarea {
          margin-bottom: 15px; } }
.reviews .comment-form textarea:focus {
        outline: none;
        border: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: none; }
.reviews .comment-form .green-btn {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 600;
      font-style: normal;
      font-size: 16px;
      letter-spacing: 1px;
      color: #3D9939;
      background-color: #F0F7EF;
      display: inline-block;
      margin-right: 30px;
      flex-grow: 0; }
@media (max-width: 600px) {
        .reviews .comment-form .green-btn {
          width: 98%; } }
.reviews .comment-form .green-btn:hover {
        background-color: #3D9939;
        color: #fff; }
.reviews .reply {
    border: 1px solid rgba(0, 0, 0, 0.1); }
.reviews .comment-author {
    display: flex;
    align-items: center; }
.reviews .comment-author .dp {
      margin-right: 20px; }
.reviews .comment-author .comment-name-date {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-style: normal;
      line-height: 1.2; }
.no-reviews {
  text-align: center;
  color: #AEC1CB; }
.no-reviews p {
    margin-top: 20px;
    color: #AEC1CB;
    font-family: "VAG Rounded Std";
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 1px; }
.try-recipe {
  position: relative;
  width: 100%;
  overflow: hidden; }
@media (max-width: 900px) {
    .try-recipe {
      display: none; } }
.try-recipe .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2; }
.try-recipe .info-bx {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
.try-recipe .info-bx .section-title,
    .try-recipe .info-bx .excerpt,
    .try-recipe .info-bx .btn {
      color: #fff; }
.try-recipe .info-bx .btn {
      border: 1px solid #fff; }
.catalogue-top-banner {
  background-color: #F6F6F6; }
.catalogue-top-banner .banner-bx {
    margin-top: 0px;
    padding-top: 0px; }
@media (max-width: 600px) {
      .catalogue-top-banner .banner-bx {
        margin-top: 20px; } }
.review-modal .close {
  width: 34px;
  height: 34px;
  right: -16px;
  top: -10px;
  border: 1px solid #e3e3e3;
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
  color: #a2a2a2;
  opacity: 1;
  font-weight: 500;
  z-index: 2; }
@media (max-width: 600px) {
    .review-modal .close {
      right: 10px;
      top: 10px; } }
.review-modal .close:hover {
    opacity: 0.75 !important; }
.review-modal .modal-dialog {
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  max-width: 520px; }
.review-modal .modal-content {
  border-radius: 15px;
  border: none; }
.review-modal .modal-body .title {
  color: #3D9939;
  font-family: "VAG Rounded Std";
  font-size: 30px;
  font-weight: bold; }
.review-modal .reveiw-title, .review-modal .review_comment {
  margin-bottom: 20px;
  margin-top: 10px; }
.review-modal .reveiw-title label, .review-modal .review_comment label {
    font-size: 17px;
    letter-spacing: 0.2px;
    color: #2e2e2e;
    font-weight: 100; }
.review-modal .reveiw-title input, .review-modal .reveiw-title textarea, .review-modal .review_comment input, .review-modal .review_comment textarea {
    width: 100%;
    padding: 10px 8px;
    border: 1px solid #bababa;
    border-radius: 2px;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    height: 42px;
    padding-left: 10px;
    letter-spacing: 1px; }
.review-modal .reveiw-title textarea, .review-modal .review_comment textarea {
    height: 130px;
    resize: none; }
.review-modal .green-btn {
  float: right;
  background-color: #ff8a26;
  color: #fff;
  width: 180px;
  margin-right: 0px;
  text-align: center;
  font-weight: 700;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px; }
.brands-slider {
  padding-bottom: 80px; }
.brands-slider .brand-carousel {
    padding-bottom: 30px; }
.brands-slider .brand-carousel .slick-track {
      padding-bottom: 10px; }
.brands-slider .brand-carousel .slick-list {
      margin-left: -30px;
      margin-right: 5px; }
.brands-slider .brand-carousel .slick-prev {
      left: -40px; }
.brands-slider .brand-carousel .brand {
      display: flex;
      box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
      background-color: #fff; }
@media (max-width: 1200px) {
        .brands-slider .brand-carousel .brand {
          flex-direction: column; } }
@media (max-width: 1200px) {
        .brands-slider .brand-carousel .brand img {
          width: 100%; } }
.brands-slider .brand-carousel .brand .right {
        padding: 20px; }
.brands-slider .brand-carousel .brand .right .title {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: bold;
          font-size: 28px;
          line-height: 1.2; }
.brands-slider .brand-carousel .brand .right .btn {
          border: 1px solid rgba(0, 0, 0, 0.1); }
.brands,
.recipe-menus {
  padding-bottom: 120px; }
.brands .section-title,
  .recipe-menus .section-title {
    position: relative;
    margin-top: 0px; }
.brands .brand,
  .recipe-menus .brand {
    margin-bottom: 30px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
    position: relative;
    padding-bottom: 15px; }
@media (min-width: 2000px) {
      .brands .brand,
      .recipe-menus .brand {
        margin-right: 30px; } }
.brands .brand .brand-name,
    .recipe-menus .brand .brand-name {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-style: normal;
      font-weight: bold;
      margin-left: 15px;
      margin-top: 20px; }
.brands .brand .btn,
    .recipe-menus .brand .btn {
      border: 1px solid rgba(0, 0, 0, 0.1);
      position: absolute;
      bottom: 20px;
      right: 15px; }
.brands .filter-row,
  .recipe-menus .filter-row {
    justify-content: space-between;
    width: 100%;
    margin-top: 120px; }
@media (min-width: 600px) {
      .brands .filter-row,
      .recipe-menus .filter-row {
        display: inline-flex; } }
.brands .filter-row.twoline .title h2,
    .recipe-menus .filter-row.twoline .title h2 {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 700;
      margin-bottom: 20px;
      padding-left: 0;
      font-size: 40px; }
@media (min-width: 600px) and (max-width: 825px) {
      .brands .filter-row .filter-right,
      .recipe-menus .filter-row .filter-right {
        min-width: 175px; } }
.brands .filter-row .filter-right .sort-bx,
    .recipe-menus .filter-row .filter-right .sort-bx {
      position: relative;
      display: inline-block;
      padding-left: 10px; }
@media (min-width: 600px) and (max-width: 825px) {
        .brands .filter-row .filter-right .sort-bx,
        .recipe-menus .filter-row .filter-right .sort-bx {
          padding-left: 0px; } }
@media (max-width: 600px) {
        .brands .filter-row .filter-right .sort-bx,
        .recipe-menus .filter-row .filter-right .sort-bx {
          margin-top: 0;
          margin-bottom: 15px;
          width: 100%;
          padding-left: 0px; } }
.brands .filter-row .filter-right .sort-bx .sort-btn,
      .recipe-menus .filter-row .filter-right .sort-bx .sort-btn {
        border: 1px solid rgba(0, 0, 0, 0.1); }
@media (min-width: 600px) and (max-width: 825px) {
          .brands .filter-row .filter-right .sort-bx .sort-btn,
          .recipe-menus .filter-row .filter-right .sort-bx .sort-btn {
            padding: 12px 9px; } }
@media (max-width: 600px) {
          .brands .filter-row .filter-right .sort-bx .sort-btn,
          .recipe-menus .filter-row .filter-right .sort-bx .sort-btn {
            width: 100%; } }
.brands .filter-row .filter-right .sort-bx .sort-btn .sort-toggle,
        .recipe-menus .filter-row .filter-right .sort-bx .sort-btn .sort-toggle {
          position: relative;
          top: -2px;
          margin-left: 10px;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (min-width: 600px) and (max-width: 825px) {
            .brands .filter-row .filter-right .sort-bx .sort-btn .sort-toggle,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-btn .sort-toggle {
              margin-left: 2px; } }
.brands .filter-row .filter-right .sort-bx .sort-btn .sort-toggle.turn,
        .recipe-menus .filter-row .filter-right .sort-bx .sort-btn .sort-toggle.turn {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg);
          top: 2px; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list,
      .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list {
        display: none;
        background-color: #fff;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        min-width: 240px;
        border-radius: 6px;
        position: absolute;
        z-index: 24;
        top: 60px;
        right: 0px; }
@media (max-width: 600px) {
          .brands .filter-row .filter-right .sort-bx .sort-filter-list,
          .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list {
            width: 100%; } }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .sortby,
        .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .sortby {
          padding: 30px; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .sortby ul,
          .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .sortby ul {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .sortby ul li,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .sortby ul li {
              margin-bottom: 15px; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .sortby ul li a,
              .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .sortby ul li a {
                color: #3D9939; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat,
        .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat {
          min-width: 400px;
          max-height: 340px;
          padding: 20px; }
@media (max-width: 600px) {
            .brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat {
              min-width: 100%; } }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .search-cat,
          .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .search-cat {
            position: relative;
            width: 100%; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .search-cat input,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .search-cat input {
              border-radius: 5px;
              border: solid 1px #DDDDDD;
              height: 40px; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .search-cat .btn,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .search-cat .btn {
              right: 10px;
              top: 10px;
              position: absolute;
              padding: 0px;
              margin: 0px;
              height: auto; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .search-cat .btn img,
              .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .search-cat .btn img {
                width: 18px; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat,
          .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat {
            display: inline-grid;
            grid-template-columns: 1fr 1fr;
            width: 100%;
            margin-top: 15px;
            overflow-y: auto;
            max-height: 250px;
            /*Outer box of the fake checkbox*/
            /*Checkmark of the fake checkbox*/
            /*Hide the checkmark by default*/
            /*Unhide on the checked state*/ }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat::-webkit-scrollbar,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat::-webkit-scrollbar {
              width: 8px;
              height: 12px; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat::-webkit-scrollbar-track,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat::-webkit-scrollbar-track {
              box-shadow: none;
              background-color: #F4F4F4; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat::-webkit-scrollbar-thumb,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat::-webkit-scrollbar-thumb {
              background-color: #bababa;
              outline: none; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox input[type="checkbox"],
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox input[type="checkbox"] {
              opacity: 0;
              display: none; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox {
              display: inline-block;
              margin-bottom: 5px; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label {
              position: relative;
              display: inline-block;
              letter-spacing: 0.14px;
              color: #383838;
              padding-left: 22px;
              font-size: 14px;
              padding-top: 2px;
              padding-left: 30px;
              cursor: pointer; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label::before,
            .brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label::after,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label::before,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label::after {
              position: absolute;
              content: "";
              /*Needed for the line-height to take effect*/
              display: inline-block; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label::before,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label::before {
              height: 20px;
              width: 20px;
              border: 1px solid;
              left: 0px;
              top: 3px;
              border-radius: 3px;
              border: solid 1px #DDDDDD;
              outline: none;
              box-shadow: none; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label::after,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox label::after {
              height: 6px;
              width: 11px;
              border-left: 2px solid #fff;
              border-bottom: 2px solid #fff;
              -webkit-transform: rotate(-45deg);
                      transform: rotate(-45deg);
              left: 4px;
              top: 9px; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox input[type="checkbox"] + label::after,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox input[type="checkbox"] + label::after {
              content: none; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox input[type="checkbox"]:checked + label::after,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox input[type="checkbox"]:checked + label::after {
              content: ""; }
.brands .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox input[type="checkbox"]:checked + label::before,
            .recipe-menus .filter-row .filter-right .sort-bx .sort-filter-list .brands-cat .list-cat .checkbox input[type="checkbox"]:checked + label::before {
              background-color: #3D9939;
              border-color: transparent; }
@media (max-width: 900px) {
      .brands .filter-row .filter-right,
      .recipe-menus .filter-row .filter-right {
        display: none; } }
.brands .filter-row .mobile-filter,
    .recipe-menus .filter-row .mobile-filter {
      display: none; }
@media (max-width: 900px) {
        .brands .filter-row .mobile-filter,
        .recipe-menus .filter-row .mobile-filter {
          display: block;
          margin-bottom: 30px; } }
.brands .filter-row .mobile-filter .sort-btn,
      .recipe-menus .filter-row .mobile-filter .sort-btn {
        border: 1px solid rgba(0, 0, 0, 0.1); }
@media (max-width: 900px) {
          .brands .filter-row .mobile-filter .sort-btn,
          .recipe-menus .filter-row .mobile-filter .sort-btn {
            width: 100%; } }
.brands .sort-second,
  .recipe-menus .sort-second {
    display: block; }
.brands .sort-second .sort-bx,
    .recipe-menus .sort-second .sort-bx {
      position: relative;
      display: inline-block; }
@media (min-width: 600px) and (max-width: 825px) {
        .brands .sort-second .sort-bx,
        .recipe-menus .sort-second .sort-bx {
          padding-left: 0px; } }
@media (max-width: 600px) {
        .brands .sort-second .sort-bx,
        .recipe-menus .sort-second .sort-bx {
          margin-top: 0;
          margin-bottom: 15px;
          width: 100%; } }
.brands .sort-second .sort-bx .sort-btn,
      .recipe-menus .sort-second .sort-bx .sort-btn {
        border: 1px solid rgba(0, 0, 0, 0.1); }
@media (min-width: 600px) and (max-width: 825px) {
          .brands .sort-second .sort-bx .sort-btn,
          .recipe-menus .sort-second .sort-bx .sort-btn {
            padding: 12px 9px; } }
@media (max-width: 600px) {
          .brands .sort-second .sort-bx .sort-btn,
          .recipe-menus .sort-second .sort-bx .sort-btn {
            width: 100%; } }
.brands .sort-second .sort-bx .sort-btn .sort-toggle,
        .recipe-menus .sort-second .sort-bx .sort-btn .sort-toggle {
          position: relative;
          top: -2px;
          margin-left: 10px;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (min-width: 600px) and (max-width: 825px) {
            .brands .sort-second .sort-bx .sort-btn .sort-toggle,
            .recipe-menus .sort-second .sort-bx .sort-btn .sort-toggle {
              margin-left: 2px; } }
.brands .sort-second .sort-bx .sort-btn .sort-toggle.turn,
        .recipe-menus .sort-second .sort-bx .sort-btn .sort-toggle.turn {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg);
          top: 2px; }
.brands .sort-second .sort-bx .sort-filter-list,
      .recipe-menus .sort-second .sort-bx .sort-filter-list {
        display: none;
        background-color: #fff;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        min-width: 240px;
        border-radius: 6px;
        position: absolute;
        z-index: 24;
        top: 60px;
        left: 0px;
        padding: 30px; }
@media (max-width: 600px) {
          .brands .sort-second .sort-bx .sort-filter-list,
          .recipe-menus .sort-second .sort-bx .sort-filter-list {
            width: 100%; } }
.brands .sort-second .sort-bx .sort-filter-list ul,
        .recipe-menus .sort-second .sort-bx .sort-filter-list ul {
          list-style: none;
          padding-left: 0;
          margin-bottom: 0; }
.brands .sort-second .sort-bx .sort-filter-list ul li,
          .recipe-menus .sort-second .sort-bx .sort-filter-list ul li {
            margin-bottom: 15px; }
.brands .sort-second .sort-bx .sort-filter-list ul li a,
            .recipe-menus .sort-second .sort-bx .sort-filter-list ul li a {
              color: #3D9939; }
@media (max-width: 900px) {
      .brands .sort-second,
      .recipe-menus .sort-second {
        display: none; } }
.brand-banner {
  position: relative;
  width: 100%;
  overflow: hidden; }
@media (max-width: 800px) {
    .brand-banner .brand-banner-img {
      -o-object-fit: cover;
         object-fit: cover;
      width: auto; } }
.brand-banner .brand-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto; }
@media (max-width: 1500px) {
      .brand-banner .brand-logo {
        width: 120px; } }
.brand-banner .excerpt {
    position: absolute;
    z-index: 2;
    top: 60%;
    color: #fff;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-style: normal;
    font-weight: normal;
    width: 100%;
    font-size: 24px; }
@media (max-width: 1200px) {
      .brand-banner .excerpt {
        font-size: 18px; } }
.brand-featured-product {
  padding-top: 80px;
  padding-bottom: 120px;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
@media (max-width: 1500px) {
    .brand-featured-product {
      padding-bottom: 80px;
      padding-top: 40px;
      min-height: auto; } }
@media (max-width: 1400px) {
    .brand-featured-product {
      padding-bottom: 80px;
      padding-top: 0; } }
@media (max-width: 1300px) {
    .brand-featured-product {
      padding-bottom: 52px;
      padding-top: 0; } }
@media (max-width: 900px) {
    .brand-featured-product {
      display: none; } }
.brand-featured-product .section-title,
  .brand-featured-product .excerpt,
  .brand-featured-product .btn {
    color: #fff; }
.brand-featured-product .btn {
    border: 1px solid #fff; }
@media (max-width: 1200px) {
    .brand-featured-product .section-title {
      margin-top: 60px; } }
.brand-featured-product .excerpt {
    letter-spacing: 1.2px; }
.brand-featured-product-m {
  padding-top: 80px;
  padding-bottom: 120px;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 740px;
  display: none; }
@media (max-width: 900px) {
    .brand-featured-product-m {
      display: block; } }
.brand-featured-product-m .section-title,
  .brand-featured-product-m .excerpt,
  .brand-featured-product-m .btn {
    color: #000; }
.brand-featured-product-m .btn {
    border: 1px solid #000; }
@media (max-width: 1200px) {
    .brand-featured-product-m .section-title {
      margin-top: 60px; } }
.brand-recipe {
  background-color: #F4472E; }
.brand-recipe .section-title {
    color: #fff; }
.brand-video {
  background-color: #000;
  padding-top: 80px;
  padding-bottom: 80px; }
.brand-video .vid-bx {
    position: relative; }
.brand-video .vid-bx .video-title {
      position: absolute;
      z-index: 2;
      top: 40%;
      width: 100%; }
@media (max-width: 600px) {
        .brand-video .vid-bx .video-title {
          position: relative;
          top: 0; } }
.brand-video .vid-bx .video-title .section-title,
      .brand-video .vid-bx .video-title .duration {
        color: #fff;
        text-align: center;
        width: 100%; }
@media (max-width: 600px) {
        .brand-video .vid-bx .video-title .section-title {
          margin-top: 0; } }
.mealkit-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap; }
.mealkit-row .c-mealkit-bx {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 15px; }
@media (max-width: 1800px) {
      .mealkit-row .c-mealkit-bx {
        flex: 0 0 25%;
        max-width: 25%; } }
@media (max-width: 1400px) {
      .mealkit-row .c-mealkit-bx {
        flex: 0 0 33.33%;
        max-width: 33.33%; } }
@media (max-width: 900px) {
      .mealkit-row .c-mealkit-bx {
        flex: 0 0 50%;
        max-width: 50%; } }
@media (max-width: 600px) {
      .mealkit-row .c-mealkit-bx {
        flex: 0 0 100%;
        max-width: 100%; } }
.mealkit-row .fav-add {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
    cursor: pointer;
    width: 46px;
    will-change: scale;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1300px) {
      .mealkit-row .fav-add {
        width: 40px; } }
.mealkit-row .fav-add:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
.mealkit-row .fav-add .border {
      fill: none;
      stroke: #FFFFFF;
      stroke-width: 2; }
.mealkit-row .fav-add .heart {
      fill: transparent;
      stroke: #fff;
      stroke-width: 2;
      will-change: fill;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.recipe-menus {
  background-color: #F7F7F7; }
.recipe-menus .category-slider .category {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-right: 15px; }
.recipe-menus .recipe {
    margin-bottom: 30px;
    border-radius: 6px;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
    position: relative;
    padding-bottom: 5px; }
.recipe-menus .recipe .in-mybox {
      display: none; }
.recipe-menus .recipe .top {
      position: relative;
      overflow: hidden; }
.recipe-menus .recipe .top .recipe-img {
        border-top-right-radius: 6px;
        border-top-left-radius: 6px; }
.recipe-menus .recipe .top .btn {
        position: absolute;
        bottom: 20px;
        z-index: 4;
        color: #fff;
        border: 1px solid #fff;
        left: 0;
        right: 0;
        width: 140px;
        margin-left: auto;
        margin-right: auto;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.recipe-menus .recipe .top .btn:hover {
          background-color: #fff;
          color: #333; }
.recipe-menus .recipe .top .overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 2; }
.recipe-menus .recipe .top .overlay-full {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2); }
.recipe-menus .recipe .top .category {
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
        z-index: 3;
        color: #fff; }
.recipe-menus .recipe .top .title {
        color: #fff;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-style: normal;
        font-weight: bold;
        font-size: 1.2rem !important;
        letter-spacing: 1px;
        position: absolute;
        z-index: 10;
        width: 80%;
        text-align: center;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 45%; }
@media (max-width: 1600px) {
          .recipe-menus .recipe .top .title {
            font-size: 1rem !important;
            line-height: 1.2; } }
.recipe-menus .recipe .top .close-list {
        display: none;
        position: absolute;
        right: 15px;
        cursor: pointer;
        padding: 10px;
        z-index: 25;
        top: 14px;
        width: 40px; }
.recipe-menus .recipe .top .list-added {
        display: none; }
.recipe-menus .recipe .top .fav-add {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 12;
        cursor: pointer; }
.recipe-menus .recipe .top .add-mybox,
      .recipe-menus .recipe .top .remove-mybox {
        position: absolute;
        top: 65px;
        right: 20px;
        z-index: 12;
        cursor: pointer; }
.recipe-menus .recipe .top .remove-mybox {
        display: none; }
.recipe-menus .recipe .top .fav-list-bx {
        position: absolute;
        z-index: 24;
        top: 0;
        background-color: #fff;
        width: 80%;
        height: 90%;
        box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
        border-radius: 6px;
        border-top-right-radius: 0;
        right: -120%;
        transition: right 0.4s ease-out; }
.recipe-menus .recipe .top .fav-list-bx .fav-list {
          list-style: none;
          padding-left: 15px;
          max-height: 80%;
          overflow-y: auto;
          text-align: left;
          margin-bottom: 0;
          padding-bottom: 80px; }
.recipe-menus .recipe .top .fav-list-bx .fav-list::-webkit-scrollbar {
            width: 8px;
            height: 12px; }
.recipe-menus .recipe .top .fav-list-bx .fav-list::-webkit-scrollbar-track {
            box-shadow: none;
            background-color: #F4F4F4; }
.recipe-menus .recipe .top .fav-list-bx .fav-list::-webkit-scrollbar-thumb {
            background-color: #bababa;
            outline: none; }
.recipe-menus .recipe .top .fav-list-bx .fav-list li {
            padding: 5px 0; }
.recipe-menus .recipe .top .fav-list-bx .choose-list,
        .recipe-menus .recipe .top .fav-list-bx .create-list {
          height: 80%;
          overflow-y: hidden; }
.recipe-menus .recipe .top .fav-list-bx .create-list .title.back {
          padding-left: 30px;
          cursor: pointer; }
.recipe-menus .recipe .top .fav-list-bx .create-list .title.back:after {
            content: url("../icons/back-to-list.ff12ddb2a3c4.svg");
            position: absolute;
            left: 15px; }
.recipe-menus .recipe .top .fav-list-bx .title {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-style: normal;
          font-weight: bold;
          color: #3D9939;
          padding: 21px 0 0 17px;
          position: static;
          text-align: left; }
.recipe-menus .recipe .top .fav-list-bx .btn {
          width: 80% !important; }
.recipe-menus .recipe .top .fav-list-bx .create-new-list {
          position: absolute;
          bottom: 0;
          background-color: #FF8A26;
          color: #fff;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-style: normal;
          font-weight: normal;
          width: 100%;
          padding: 8px;
          border-bottom-left-radius: 6px;
          border-bottom-right-radius: 6px;
          cursor: pointer; }
.recipe-menus .recipe .top .fav-list-bx .create-new-list:hover {
            background-color: #3d9939; }
.recipe-menus .recipe .top .fav-list-bx .create-new-list:after {
            content: url("../icons/add-to-list.425fb8e822b5.svg");
            position: absolute;
            z-index: 2;
            right: 15px; }
.recipe-menus .recipe .top .fav-list-bx .list-new {
          border: 0;
          background-color: #f6f6f6;
          border-radius: 4px;
          margin: 0 15px;
          padding: 10px 15px;
          width: 80%; }
.recipe-menus .recipe .top .fav-list-bx .btn.create {
          background-color: #FF8A26;
          color: #fff;
          position: absolute;
          bottom: 15px;
          left: 15px; }
.recipe-menus .recipe .top .fav-list-bx.active {
        right: 0; }
.recipe-menus .recipe .bottom {
      padding-top: 15px; }
.recipe-menus .recipe .bottom .recipe-info2 ul {
        list-style: none;
        padding-left: 0;
        display: flex;
        justify-content: center;
        margin-bottom: 0; }
@media (max-width: 1200px) {
          .recipe-menus .recipe .bottom .recipe-info2 ul {
            justify-content: space-between; } }
.recipe-menus .recipe .bottom .recipe-info2 ul li {
          display: inline-block;
          text-align: center;
          color: #3D9939;
          text-transform: uppercase;
          padding: 10px 20px;
          border-right: 1px solid rgba(0, 0, 0, 0.2); }
.recipe-menus .recipe .bottom .recipe-info2 ul li:last-child {
            border-right: 0; }
@media (max-width: 1600px) {
            .recipe-menus .recipe .bottom .recipe-info2 ul li {
              padding: 10px 9px; } }
@media (max-width: 1500px) {
            .recipe-menus .recipe .bottom .recipe-info2 ul li {
              font-size: 14px; } }
@media (max-width: 1400px) {
            .recipe-menus .recipe .bottom .recipe-info2 ul li {
              font-size: 13px; } }
@media (max-width: 900px) {
            .recipe-menus .recipe .bottom .recipe-info2 ul li {
              padding: 10px 20px;
              font-size: 16px; } }
@media (max-width: 768px) {
            .recipe-menus .recipe .bottom .recipe-info2 ul li {
              padding: 10px 15px; } }
@media (max-width: 620px) {
            .recipe-menus .recipe .bottom .recipe-info2 ul li {
              padding: 10px 9px;
              font-size: 14px; } }
@media (max-width: 480px) {
            .recipe-menus .recipe .bottom .recipe-info2 ul li {
              padding: 10px 15px; } }
.recipe-menus .recipe .bottom .recipe-info2 ul li span {
            color: #DDDDDD;
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-style: normal;
            font-weight: bold;
            font-size: 28px; }
.recipe-menus .recipe.in-box .in-mybox {
    display: block;
    position: absolute;
    z-index: 36;
    width: 80px;
    top: -13px;
    left: 15px; }
.recipe-menus .recipe.in-box .add-mybox {
    display: none; }
.recipe-menus .recipe.in-box .remove-mybox {
    display: block; }
.cta {
  background-color: #F7F7F7;
  padding-bottom: 120px; }
.cta .section-title {
    text-align: center;
    color: #3D9939;
    letter-spacing: 1px; }
.cta .btn {
    background-color: #FF8A26;
    color: #fff;
    min-width: 300px; }
.mealkit-include {
  background-color: #F7F7F7;
  padding-top: 40px;
  padding-bottom: 40px; }
.mealkit-include .border-top {
    padding-top: 40px; }
.mealkit-include .border-bottom {
    padding-bottom: 40px; }
.mealkit-include .title {
    color: #3D9939;
    font-weight: bold;
    margin-bottom: 6px; }
.editors-pick {
  margin-bottom: 100px; }
@media (max-width: 600px) {
    .editors-pick {
      margin-bottom: 30px; } }
.editors-pick .section-title {
    display: inline-flex; }
@media (max-width: 600px) {
      .editors-pick .section-title {
        margin-bottom: 30px; } }
.editors-pick .view-all {
    margin-top: 120px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    float: right;
    margin-bottom: 10px;
    padding: 14px 15px 0;
    text-align: center;
    font-size: 16px; }
@media (max-width: 1300px) {
      .editors-pick .view-all {
        margin-top: 75px; } }
@media (max-width: 900px) {
      .editors-pick .view-all {
        margin-top: 45px; } }
@media (max-width: 600px) {
      .editors-pick .view-all {
        margin-top: 20px; } }
.editors-pick .view-all svg {
      width: 13px;
      height: 13px;
      -webkit-transform: translatey(-8%) rotate(-90deg);
              transform: translatey(-8%) rotate(-90deg); }
.editors-pick .view-all svg path {
        stroke: #333; }
.editors-pick .view-all:hover {
      background-color: #3d9939;
      color: #fff; }
.editors-pick .view-all:hover path {
        stroke: #fff; }
.editors-pick .view-all-m {
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-bottom: 30px; }
@media (max-width: 600px) {
      .editors-pick .view-all-m {
        display: block;
        margin-top: 30px; } }
.editors-pick .receipe-slider .pick-slider {
    width: 100%;
    grid-gap: 25px; }
@media (min-width: 900px) {
      .editors-pick .receipe-slider .pick-slider {
        display: inline-grid; } }
@media (min-width: 1200px) {
      .editors-pick .receipe-slider .pick-slider {
        grid-template-columns: 65%; } }
@media (max-width: 800px) {
      .editors-pick .receipe-slider .pick-slider {
        grid-gap: 0px; } }
.editors-pick .receipe-slider .pick-slider .cat {
      position: relative;
      text-align: center; }
.editors-pick .receipe-slider .pick-slider .cat .fav-add {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 10;
        cursor: pointer;
        width: 44px;
        will-change: scale;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 600px) {
          .editors-pick .receipe-slider .pick-slider .cat .fav-add {
            width: 40px; } }
.editors-pick .receipe-slider .pick-slider .cat .fav-add:hover {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }
.editors-pick .receipe-slider .pick-slider .cat .fav-add .border {
          fill: none;
          stroke: #FFFFFF;
          stroke-width: 2; }
.editors-pick .receipe-slider .pick-slider .cat .fav-add .heart {
          fill: transparent;
          stroke: #fff;
          stroke-width: 2;
          will-change: fill;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.editors-pick .receipe-slider .pick-slider .cat .overlay {
        position: absolute;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.45);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0; }
.editors-pick .receipe-slider .pick-slider .cat .title {
        position: absolute;
        z-index: 3;
        color: #fff;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 1px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        margin: auto;
        left: 0;
        right: 0;
        font-size: 28px;
        font-size: 30px !important;
        line-height: 1;
        letter-spacing: 0.6px; }
@media (min-width: 1800px) {
          .editors-pick .receipe-slider .pick-slider .cat .title {
            font-size: 36px !important; } }
@media (max-width: 1500px) {
          .editors-pick .receipe-slider .pick-slider .cat .title {
            top: 45%;
            font-size: 1.4rem; } }
@media (max-width: 1200px) {
          .editors-pick .receipe-slider .pick-slider .cat .title {
            font-size: 1.2rem;
            line-height: 1.2;
            padding-right: 10px;
            padding-left: 10px; } }
@media (max-width: 600px) {
          .editors-pick .receipe-slider .pick-slider .cat .title {
            top: 45%;
            font-size: 20px !important;
            line-height: 1; } }
@media (max-width: 500px) {
          .editors-pick .receipe-slider .pick-slider .cat .title {
            top: 45%;
            font-size: 1.4em;
            line-height: 1.2; } }
.editors-pick .receipe-slider .pick-slider .cat .btn {
        color: #fff;
        border: 1px solid #fff;
        position: absolute;
        z-index: 3;
        bottom: 20px;
        margin: auto;
        left: 0;
        right: 0;
        width: 142px;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.editors-pick .receipe-slider .pick-slider .cat .btn:hover {
          background-color: #fff;
          color: #333; }
.editors-pick .receipe-slider .pick-slider .cat .fav-add {
        position: absolute;
        right: 15px;
        z-index: 4;
        top: 15px; }
.editors-pick .receipe-slider .pick-slider .cat .category {
        position: absolute;
        top: 20px;
        text-align: center;
        z-index: 4;
        width: 100%;
        color: #fff;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-style: normal;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 1px; }
.editors-pick .receipe-slider .pick-slider .cat .img {
        height: 100%;
        width: 100%;
        overflow: hidden; }
.editors-pick .receipe-slider .pick-slider .cat .img img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
.editors-pick .receipe-slider .pick-slider .cat.cat1 {
        grid-row-start: 1;
        grid-row-end: 3;
        grid-column-end: 3;
        grid-column-start: 1; }
.editors-pick .receipe-slider .pick-slider .cat.cat2 {
        grid-row-start: 1;
        grid-row-end: 2; }
.editors-pick .receipe-slider .pick-slider .cat.cat3 {
        grid-row-start: 2;
        grid-row-end: 3; }
.featured-recipe-block {
  background-color: #DE2E3D;
  padding-top: 80px;
  padding-bottom: 80px; }
.featured-recipe-block .cat {
    position: relative;
    margin-bottom: 30px; }
.featured-recipe-block .cat .overlay {
      position: absolute;
      z-index: 2;
      background-color: rgba(0, 0, 0, 0.3);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0; }
.featured-recipe-block .cat .title {
      position: absolute;
      z-index: 3;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-style: normal;
      font-weight: bold;
      font-size: 2.6rem;
      letter-spacing: 1px;
      top: 45%;
      margin: auto;
      left: 0;
      right: 0; }
@media (max-width: 500px) {
        .featured-recipe-block .cat .title {
          top: 45%;
          font-size: 1em; } }
.featured-recipe-block .cat .btn {
      color: #fff;
      border: 1px solid #fff;
      position: absolute;
      z-index: 3;
      bottom: 20px;
      margin: auto;
      left: 0;
      right: 0;
      width: 142px; }
.featured-recipe-block .cat .fav-add {
      position: absolute;
      right: 15px;
      z-index: 4;
      top: 15px; }
.featured-recipe-block .cat .category {
      position: absolute;
      top: 20px;
      text-align: center;
      z-index: 4;
      width: 100%;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-style: normal;
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing: 1px; }
.recipe-details {
  padding-bottom: 80px;
  padding-top: 40px;
  background-color: #F7F7F7; }
.recipe-details .left {
    position: -webkit-sticky;
    position: sticky; }
@media (max-width: 1200px) {
      .recipe-details .left {
        position: relative;
        top: 0; } }
.recipe-details .left .recipe-img {
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px; }
@media (max-width: 900px) {
        .recipe-details .left .recipe-img {
          border-top-right-radius: 10px;
          border-bottom-right-radius: 10px; } }
@media (max-width: 500px) {
        .recipe-details .left .recipe-img {
          border-radius: 0px; } }
.recipe-details .left .overlay {
      position: absolute;
      z-index: 2;
      bottom: 0; }
@media (max-width: 500px) {
        .recipe-details .left .overlay {
          bottom: 0px; } }
.recipe-details .left .excerpt {
      position: absolute;
      bottom: 5px;
      color: #fff;
      z-index: 5;
      padding: 10px 30px; }
@media (max-width: 500px) {
        .recipe-details .left .excerpt {
          bottom: 0px; } }
.recipe-details .left .excerpt a {
        text-decoration: underline;
        color: #fff; }
.recipe-details .left .recipe-info {
      background-color: #FF8A26;
      position: absolute;
      z-index: 3;
      bottom: 80px;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
      max-width: 912px;
      height: 106px;
      width: 100%; }
@media (max-width: 1200px) {
        .recipe-details .left .recipe-info {
          bottom: 110px; } }
@media (max-width: 500px) {
        .recipe-details .left .recipe-info {
          display: none; } }
.recipe-details .left .recipe-info .recipe-side {
        position: absolute;
        top: -14px;
        left: -16px;
        height: 120px;
        z-index: -1; }
@media (max-width: 480px) {
          .recipe-details .left .recipe-info .recipe-side {
            display: none; } }
.recipe-details .left .recipe-info .info {
        color: #fff;
        list-style: none;
        padding: 10px;
        margin-bottom: 0;
        display: inline-flex;
        width: 100%; }
.recipe-details .left .recipe-info .info li {
          display: inline-block;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-style: normal;
          font-weight: normal;
          text-align: center;
          padding: 10px 40px;
          border-right: 1px solid rgba(255, 255, 255, 0.4);
          padding-left: 0px !important;
          padding-right: 0px !important;
          width: 16.2%; }
.recipe-details .left .recipe-info .info li:last-child {
            border-right: 0; }
.recipe-details .left .recipe-info .info li span {
            font-weight: bold;
            font-size: 1.8rem;
            font-family: "VAG Rounded Std";
            font-style: normal; }
@media (max-width: 1400px) {
              .recipe-details .left .recipe-info .info li span {
                font-size: 1.5rem; } }
.recipe-details .left.mobile {
      display: none; }
@media (max-width: 600px) {
      .recipe-details .left.mobile {
        display: block; }
      .recipe-details .left.desktop {
        display: none; } }
.recipe-details .recipe-info-m {
    display: none;
    z-index: 3;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }
@media (max-width: 500px) {
      .recipe-details .recipe-info-m {
        display: inline-block;
        width: 100%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; } }
.recipe-details .recipe-info-m .info {
      color: #fff;
      list-style: none;
      padding: 0px;
      display: inline-block;
      padding: 10px 0px;
      background-color: #ff8a26; }
.recipe-details .recipe-info-m .info hr {
        display: inline-block;
        width: 100%;
        border-color: rgba(255, 255, 255, 0.5);
        float: left;
        margin: 10px 0px; }
.recipe-details .recipe-info-m .info div {
        display: inline-block;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-style: normal;
        font-weight: normal;
        text-align: center;
        padding: 5px 40px;
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        float: left;
        width: 33.33%;
        font-size: 16px; }
.recipe-details .recipe-info-m .info div:last-child {
          border-right: 0; }
.recipe-details .recipe-info-m .info div:nth-child(3) {
          border-right: 0; }
.recipe-details .recipe-info-m .info div span {
          font-weight: bold;
          font-size: 18px; }
.recipe-details .recipe-info-m.mobile {
      display: none; }
@media (max-width: 600px) {
      .recipe-details .recipe-info-m.mobile {
        display: inline-block; }
      .recipe-details .recipe-info-m.desktop {
        display: none; } }
.recipe-details .right {
    background-color: #fff;
    padding: 45px;
    padding-bottom: 70px;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; }
@media (max-width: 600px) {
      .recipe-details .right {
        padding: 15px 15px 70px 15px; } }
@media (max-width: 380px) {
      .recipe-details .right {
        padding: 15px;
        padding-bottom: 60px; } }
.recipe-details .right .order-mealkit {
      border: 1px solid rgba(0, 0, 0, 0.1);
      width: 100%;
      margin-top: 30px;
      margin-bottom: 30px; }
.recipe-details .right .top {
      padding-top: 20px;
      padding-bottom: 10px;
      position: relative;
      display: flex;
      justify-content: flex-end; }
.recipe-details .right .top .remove-mybox,
      .recipe-details .right .top .in-mybox {
        display: none; }
.recipe-details .right .top .add-mybox,
      .recipe-details .right .top .remove-mybox {
        margin-right: 15px;
        cursor: pointer; }
.recipe-details .right .top .add-fav {
        cursor: pointer; }
.recipe-details .right .top .in-mybox {
        position: absolute;
        top: -66px;
        left: -20px;
        width: 120px; }
@media (max-width: 1200px) {
          .recipe-details .right .top .in-mybox {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 80px; } }
.recipe-details .right .top .no-list {
        display: block; }
.recipe-details .right .top .list-added {
        display: none; }
.recipe-details .right .top .close-list {
        display: none;
        position: absolute;
        right: 15px;
        cursor: pointer;
        padding: 10px;
        z-index: 10;
        top: 26px;
        width: 38px; }
.recipe-details .right .top .fav-list-bx {
        position: absolute;
        z-index: 3;
        top: 0;
        background-color: #fff;
        width: 48%;
        height: 400px;
        box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
        border-radius: 6px;
        right: -120%;
        transition: right 0.4s ease-out; }
.recipe-details .right .top .fav-list-bx .fav-list {
          list-style: none;
          padding-left: 15px;
          max-height: 80%;
          overflow-y: auto;
          margin-bottom: 0;
          padding-bottom: 80px; }
.recipe-details .right .top .fav-list-bx .fav-list::-webkit-scrollbar {
            width: 8px;
            height: 12px; }
.recipe-details .right .top .fav-list-bx .fav-list::-webkit-scrollbar-track {
            box-shadow: none;
            background-color: #F4F4F4; }
.recipe-details .right .top .fav-list-bx .fav-list::-webkit-scrollbar-thumb {
            background-color: #bababa;
            outline: none; }
.recipe-details .right .top .fav-list-bx .fav-list li {
            padding: 5px 0; }
.recipe-details .right .top .fav-list-bx .choose-list,
        .recipe-details .right .top .fav-list-bx .create-list {
          height: 80%;
          overflow-y: hidden; }
.recipe-details .right .top .fav-list-bx .create-list .title.back {
          padding-left: 30px;
          cursor: pointer; }
.recipe-details .right .top .fav-list-bx .create-list .title.back:after {
            content: url("../icons/back-to-list.ff12ddb2a3c4.svg");
            position: absolute;
            left: 15px; }
.recipe-details .right .top .fav-list-bx .title {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-style: normal;
          font-weight: bold;
          color: #3D9939;
          padding: 21px 0 0 17px;
          margin-top: 0; }
.recipe-details .right .top .fav-list-bx .create-new-list {
          position: absolute;
          bottom: 0;
          background-color: #FF8A26;
          color: #fff;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-style: normal;
          font-weight: normal;
          width: 100%;
          padding: 8px;
          border-bottom-left-radius: 6px;
          border-bottom-right-radius: 6px;
          cursor: pointer; }
.recipe-details .right .top .fav-list-bx .create-new-list:hover {
            background-color: #3d9939; }
.recipe-details .right .top .fav-list-bx .create-new-list:after {
            content: url("../icons/add-to-list.425fb8e822b5.svg");
            position: absolute;
            z-index: 2;
            right: 15px; }
.recipe-details .right .top .fav-list-bx .list-new {
          border: 0;
          background-color: #f6f6f6;
          border-radius: 4px;
          margin: 0 15px;
          padding: 10px 15px; }
.recipe-details .right .top .fav-list-bx .btn.create {
          background-color: #FF8A26;
          color: #fff;
          position: absolute;
          bottom: 15px;
          left: 15px; }
.recipe-details .right .top .fav-list-bx.active {
        right: 0; }
.recipe-details .right .category {
      margin-top: 60px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-style: normal;
      font-weight: bold;
      letter-spacing: 1px;
      color: #3D9939;
      text-transform: uppercase;
      font-size: 18px; }
@media (max-width: 600px) {
        .recipe-details .right .category {
          margin-top: 0px;
          margin-bottom: 5px; }
          .recipe-details .right .category a {
            font-weight: 400;
            text-transform: capitalize; } }
.recipe-details .right .title {
      letter-spacing: -0.2px;
      font-size: 28px; }
.recipe-details .right .section-title {
      margin-top: 15px; }
@media (max-width: 600px) {
        .recipe-details .right .section-title {
          color: #1a1824;
          font-size: 24px;
          margin-top: 0; } }
.recipe-details .right .sub-title {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-style: normal;
      font-weight: bold;
      letter-spacing: 1px;
      color: #3D9939;
      font-size: 18px;
      font-size: 28px;
      letter-spacing: -0.2px; }
.recipe-details .right .rating {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer; }
.recipe-details .right .excerpt {
      letter-spacing: 1.2px;
      font-size: 16px; }
.recipe-details .right .recipe-info2 ul {
      list-style: none;
      padding-left: 0; }
@media (max-width: 480px) {
        .recipe-details .right .recipe-info2 ul {
          display: inline-block;
          width: 100%; } }
.recipe-details .right .recipe-info2 ul li {
        font-family: "VAG Rounded Std";
        font-style: normal;
        display: inline-block;
        text-align: center;
        color: #3D9939;
        text-transform: uppercase;
        padding: 10px 40px;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        text-align: left;
        text-transform: none;
        padding-left: 25px; }
@media (max-width: 1500px) {
          .recipe-details .right .recipe-info2 ul li {
            padding: 10px 28px; } }
@media (max-width: 1400px) {
          .recipe-details .right .recipe-info2 ul li {
            padding: 10px 25px; } }
@media (max-width: 1300px) {
          .recipe-details .right .recipe-info2 ul li {
            padding: 10px 20px; } }
@media (max-width: 1200px) {
          .recipe-details .right .recipe-info2 ul li {
            padding: 10px 40px; } }
@media (max-width: 600px) {
          .recipe-details .right .recipe-info2 ul li {
            padding: 10px 20px;
            display: inline-block;
            width: 32%; } }
@media (max-width: 480px) {
          .recipe-details .right .recipe-info2 ul li {
            padding: 10px;
            float: left;
            width: 33%; } }
.recipe-details .right .recipe-info2 ul li:first-child {
          padding-left: 0; }
.recipe-details .right .recipe-info2 ul li:last-child {
          border-right: 0; }
.recipe-details .right .recipe-info2 ul li span {
          color: #DDDDDD;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-style: normal;
          font-weight: bold;
          font-size: 28px; }
@media (max-width: 600px) {
            .recipe-details .right .recipe-info2 ul li span {
              font-size: 24px; } }
.recipe-details .right .title {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-style: normal;
      font-weight: bold;
      letter-spacing: 1px;
      color: #3D9939;
      font-size: 2em;
      margin-top: 30px; }
.recipe-details .right .download-recipe {
      float: right;
      padding-right: 0; }
.recipe-details .right .method {
      list-style: none;
      counter-reset: my-awesome-counter; }
@media (max-width: 480px) {
        .recipe-details .right .method {
          padding-left: 0; } }
.recipe-details .right .method li {
        counter-increment: my-awesome-counter;
        line-height: 1.4;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-style: normal;
        font-weight: normal;
        margin-bottom: 15px;
        letter-spacing: 1.2px;
        font-size: 16px;
        margin-left: 20px; }
.recipe-details .right .method li:before {
          content: counter(my-awesome-counter) ". ";
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-style: normal;
          font-weight: bold;
          position: absolute;
          margin-left: -20px; }
.recipe-details .right .ingredients {
      list-style: none;
      padding-left: 0; }
.recipe-details .right .ingredients li {
        margin-bottom: 10px;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-style: normal;
        font-weight: normal; }
.recipe-details .right .ingredients .styled-checkbox {
        position: absolute;
        opacity: 0; }
.recipe-details .right .ingredients .styled-checkbox + label {
          position: relative;
          cursor: pointer;
          padding: 0;
          width: 100%; }
.recipe-details .right .ingredients .styled-checkbox + label:before {
          content: '';
          margin-right: 10px;
          display: inline-block;
          vertical-align: text-top;
          width: 24px;
          height: 24px;
          background: transparent;
          border: 1px solid rgba(0, 0, 0, 0.2);
          border-radius: 50%;
          position: absolute;
          right: 10px; }
@media (max-width: 600px) {
            .recipe-details .right .ingredients .styled-checkbox + label:before {
              right: -30px; } }
@media (max-width: 600px) {
            .recipe-details .right .ingredients .styled-checkbox + label:before {
              right: -10px; } }
.recipe-details .right .ingredients .styled-checkbox:hover + label:before {
          background: #3D9939; }
.recipe-details .right .ingredients .styled-checkbox:focus + label:before {
          box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
.recipe-details .right .ingredients .styled-checkbox:checked + label:before {
          background: #3D9939; }
.recipe-details .right .ingredients .styled-checkbox:disabled + label {
          color: #b8b8b8;
          cursor: auto; }
.recipe-details .right .ingredients .styled-checkbox:disabled + label:before {
          box-shadow: none;
          background: #ddd; }
.recipe-details .right .ingredients .styled-checkbox:checked + label:after {
          content: '';
          position: absolute;
          top: 11px;
          right: 35px;
          background: white;
          width: 2px;
          height: 2px;
          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
.recipe-details .right .sub-total {
      border-radius: 6px;
      border: 1px solid #3D9939;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 30px;
      margin-bottom: 45px; }
.recipe-details .right .sub-total p, .recipe-details .right .sub-total a {
        margin-bottom: 0;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-style: normal;
        font-weight: bold;
        color: #3D9939;
        text-align: right;
        width: 100%;
        text-align: center;
        width: 100%;
        height: 100%;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        padding: 14px 25px; }
.recipe-details .right .sub-total p:hover, .recipe-details .right .sub-total a:hover {
          background-color: #3D9939;
          color: #fff; }
.recipe-details .right .sub-total a {
        letter-spacing: 1.2px; }
.recipe-details .right.in-box .in-mybox,
  .recipe-details .right.in-box .remove-mybox {
    display: block; }
.recipe-details .right.in-box .add-mybox {
    display: none; }
.recipe-details .white-bg-img {
    background-color: #fff;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
    border-radius: 6px; }
.recipe-details .white-bg-img .right {
      background-color: #fff;
      padding: 45px;
      padding-bottom: 70px;
      box-shadow: none;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px; }
@media (max-width: 380px) {
        .recipe-details .white-bg-img .right {
          padding: 15px;
          padding-bottom: 60px; } }
.recipe-details .white-bg-img .right .top {
        padding-top: 20px;
        padding-bottom: 10px;
        position: relative;
        display: flex;
        justify-content: flex-end; }
.recipe-details .white-bg-img .right .top .remove-mybox,
        .recipe-details .white-bg-img .right .top .in-mybox {
          display: none; }
.recipe-details .white-bg-img .right .top .add-mybox,
        .recipe-details .white-bg-img .right .top .remove-mybox {
          margin-right: 15px;
          cursor: pointer; }
.recipe-details .white-bg-img .right .top .add-fav {
          cursor: pointer; }
.recipe-details .white-bg-img .right .top .in-mybox {
          position: absolute;
          top: -60px;
          left: -20px;
          width: 120px; }
@media (max-width: 1200px) {
            .recipe-details .white-bg-img .right .top .in-mybox {
              position: absolute;
              top: 0px;
              left: 0px;
              width: 80px; } }
.recipe-details .white-bg-img .right.in-box .in-mybox,
    .recipe-details .white-bg-img .right.in-box .remove-mybox {
      display: block; }
.recipe-details .white-bg-img .right.in-box .add-mybox {
      display: none; }
.signup-bx, .static-page {
  background-color: #F6F6F6;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 120px;
  min-height: 60vh; }
@media (max-width: 600px) {
    .signup-bx, .static-page {
      padding-top: 60px; } }
.signup-bx .c-fieldset, .static-page .c-fieldset {
    width: 100%; }
.signup-bx .container, .static-page .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
.signup-bx .container .address-type, .static-page .container .address-type {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-top: 8px;
      flex-wrap: wrap;
      font-size: calc(0 * 100vw + 14px); }
.signup-bx .container .address-type label, .static-page .container .address-type label {
        border: 1px solid #e6e6e6;
        color: #393939;
        padding: 14px 25px;
        max-height: 50px;
        flex-grow: 1;
        width: auto;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        border-radius: 4px;
        margin: 0 5px;
        text-align: center;
        cursor: pointer;
        margin-bottom: 10px;
        font-size: calc(0 * 100vw + 14px); }
.signup-bx .container .address-type label:hover, .static-page .container .address-type label:hover {
          background-color: #3D9939;
          color: #fff; }
.signup-bx .container .address-type label.active, .static-page .container .address-type label.active {
          background-color: #3D9939;
          color: #fff; }
.signup-bx .left, .static-page .left {
    flex: 0 0 49%;
    max-width: 49%;
    position: -webkit-sticky;
    position: sticky;
    top: 120px; }
@media (max-width: 1680px) {
      .signup-bx .left, .static-page .left {
        flex: 0 0 40%;
        max-width: 40%; } }
@media (max-width: 1200px) {
      .signup-bx .left, .static-page .left {
        position: relative;
        top: 0;
        flex: 0 0 100%;
        max-width: 100%; } }
.signup-bx .left h3, .static-page .left h3 {
      font-family: "VAG Rounded Std";
      font-style: normal;
      color: #3d9939;
      font-weight: 600;
      font-size: 40px;
      line-height: 1;
      margin-bottom: 8px; }
@media (max-width: 600px) {
        .signup-bx .left h3, .static-page .left h3 {
          font-size: 30px; } }
.signup-bx .left h4, .static-page .left h4 {
      font-family: "VAG Rounded Std";
      font-style: normal;
      color: #5D5D5D;
      font-weight: 600;
      font-size: 24px;
      line-height: 1;
      margin-bottom: 40px; }
@media (max-width: 600px) {
        .signup-bx .left h4, .static-page .left h4 {
          font-size: 18px; } }
.signup-bx .right, .static-page .right {
    flex: 0 0 49%;
    max-width: 49%; }
@media (max-width: 1680px) {
      .signup-bx .right, .static-page .right {
        flex: 0 0 60%;
        max-width: 60%; } }
@media (max-width: 1200px) {
      .signup-bx .right, .static-page .right {
        position: relative;
        top: 0;
        flex: 0 0 95%;
        max-width: 95%; } }
@media (max-width: 600px) {
      .signup-bx .right, .static-page .right {
        flex: 0 0 100%;
        max-width: 100%; } }
.signup-bx .right .text-bx, .static-page .right .text-bx {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
      background-color: #fff;
      border-radius: 10px;
      padding: 80px; }
@media (max-width: 600px) {
        .signup-bx .right .text-bx, .static-page .right .text-bx {
          padding: 20px; } }
.signup-bx .right .text-bx h2, .signup-bx .right .text-bx h3, .signup-bx .right .text-bx h4, .static-page .right .text-bx h2, .static-page .right .text-bx h3, .static-page .right .text-bx h4 {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-style: normal;
        font-weight: bold;
        letter-spacing: 1px;
        color: #3D9939;
        font-size: 30px;
        margin-top: 30px;
        margin-bottom: 12px;
        letter-spacing: -0.1px;
        line-height: 1.05; }
.signup-bx .right .text-bx p, .static-page .right .text-bx p {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.8;
        margin-bottom: 40px;
        color: #000000;
        letter-spacing: 1.2px;
        line-height: 1.4; }
.signup-bx .right .text-bx p:last-child, .static-page .right .text-bx p:last-child {
          margin-bottom: 0; }
.signup-bx .right .text-bx ul, .static-page .right .text-bx ul {
        list-style: none;
        padding-left: 0; }
.signup-bx .right .text-bx ul li, .signup-bx .right .text-bx ol li, .static-page .right .text-bx ul li, .static-page .right .text-bx ol li {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.8;
        margin-bottom: 10px;
        position: relative;
        padding-left: 15px; }
.signup-bx .right .text-bx ul li::before, .signup-bx .right .text-bx ol li::before, .static-page .right .text-bx ul li::before, .static-page .right .text-bx ol li::before {
          content: "-";
          font-weight: 600;
          position: relative;
          left: -10px; }
.signup-bx .right .text-bx hr, .static-page .right .text-bx hr {
        margin: 50px -40px;
        border-color: #F4F4F4; }
.signup-bx .right .text-bx .contact-bx, .static-page .right .text-bx .contact-bx {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap; }
.signup-bx .right .text-bx .contact-bx .left, .signup-bx .right .text-bx .contact-bx .right, .static-page .right .text-bx .contact-bx .left, .static-page .right .text-bx .contact-bx .right {
          flex: 0 0 43%;
          max-width: 43%;
          padding: 0 10px;
          position: static; }
@media (max-width: 600px) {
            .signup-bx .right .text-bx .contact-bx .left, .signup-bx .right .text-bx .contact-bx .right, .static-page .right .text-bx .contact-bx .left, .static-page .right .text-bx .contact-bx .right {
              flex: 0 0 100%;
              max-width: 100%;
              padding: 0;
              margin-top: 20px; } }
.signup-bx .right .text-bx .contact-bx .left p, .signup-bx .right .text-bx .contact-bx .right p, .static-page .right .text-bx .contact-bx .left p, .static-page .right .text-bx .contact-bx .right p {
            margin-bottom: 8px; }
.signup-bx .right .text-bx .contact-bx .left h3, .signup-bx .right .text-bx .contact-bx .right h3, .static-page .right .text-bx .contact-bx .left h3, .static-page .right .text-bx .contact-bx .right h3 {
            color: #3D9939;
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-size: 26px;
            font-weight: 300;
            margin-bottom: 5px; }
@media (max-width: 16720px) {
              .signup-bx .right .text-bx .contact-bx .left h3, .signup-bx .right .text-bx .contact-bx .right h3, .static-page .right .text-bx .contact-bx .left h3, .static-page .right .text-bx .contact-bx .right h3 {
                font-size: calc(.436vw + 16.03004px); } }
.signup-bx .right .no-form, .static-page .right .no-form {
      margin-bottom: 30px; }
.signup-bx .right .no-form:last-child, .static-page .right .no-form:last-child {
        margin-bottom: 0; }
.signup-bx .right .no-form .three-col, .static-page .right .no-form .three-col {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 100%; }
.signup-bx .right .no-form .three-col .c-col, .static-page .right .no-form .three-col .c-col {
          flex-flow: 1; }
@media (max-width: 900px) {
            .signup-bx .right .no-form .three-col .c-col, .static-page .right .no-form .three-col .c-col {
              width: 100%;
              min-width: 100%;
              margin-bottom: 15px; }
              .signup-bx .right .no-form .three-col .c-col:last-child, .static-page .right .no-form .three-col .c-col:last-child {
                margin-bottom: 0; }
                .signup-bx .right .no-form .three-col .c-col:last-child p, .static-page .right .no-form .three-col .c-col:last-child p {
                  margin-bottom: 0; } }
.signup-bx .right .no-form .three-col h3, .static-page .right .no-form .three-col h3 {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-weight: 600;
          font-size: 16px;
          line-height: 1; }
.signup-bx .right .no-form .three-col p, .static-page .right .no-form .three-col p {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-size: 16px;
          font-weight: 400; }
.signup-bx .right .no-form ul, .static-page .right .no-form ul {
        list-style: none;
        padding-left: 0;
        width: 100%;
        margin-bottom: 0; }
.signup-bx .right .no-form ul li, .static-page .right .no-form ul li {
          padding: 6px 0;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-size: 16px;
          font-weight: 400;
          display: flex;
          justify-content: space-between; }
.signup-bx .right form, .signup-bx .right .no-form, .static-page .right form, .static-page .right .no-form {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
      background-color: #fff;
      border-radius: 10px;
      padding: 80px; }
@media (max-width: 600px) {
        .signup-bx .right form, .signup-bx .right .no-form, .static-page .right form, .static-page .right .no-form {
          padding: 20px; } }
.signup-bx .right form .error, .signup-bx .right .no-form .error, .static-page .right form .error, .static-page .right .no-form .error {
        color: #f00;
        font-size: 12px;
        margin-top: 5px; }
.signup-bx .right form h3, .signup-bx .right .no-form h3, .static-page .right form h3, .static-page .right .no-form h3 {
        width: 100%; }
.signup-bx .right form .full, .signup-bx .right .no-form .full, .static-page .right form .full, .static-page .right .no-form .full {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        flex-wrap: wrap; }
.signup-bx .right form .full.width-100, .signup-bx .right .no-form .full.width-100, .static-page .right form .full.width-100, .static-page .right .no-form .full.width-100 {
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start; }
.signup-bx .right form .full .center-it, .signup-bx .right .no-form .full .center-it, .static-page .right form .full .center-it, .static-page .right .no-form .full .center-it {
          text-align: center;
          width: 100%; }
.signup-bx .right form .full .center-it.grey, .signup-bx .right .no-form .full .center-it.grey, .static-page .right form .full .center-it.grey, .static-page .right .no-form .full .center-it.grey {
            color: #767676; }
.signup-bx .right form .full .center-it.grey a, .signup-bx .right .no-form .full .center-it.grey a, .static-page .right form .full .center-it.grey a, .static-page .right .no-form .full .center-it.grey a {
              text-decoration: underline; }
.signup-bx .right form .full .verify-no, .signup-bx .right .no-form .full .verify-no, .static-page .right form .full .verify-no, .static-page .right .no-form .full .verify-no {
          width: 60%;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 24px 0;
          margin: 0 auto; }
@media (max-width: 1680px) {
            .signup-bx .right form .full .verify-no, .signup-bx .right .no-form .full .verify-no, .static-page .right form .full .verify-no, .static-page .right .no-form .full .verify-no {
              width: 80%; } }
@media (max-width: 600px) {
            .signup-bx .right form .full .verify-no, .signup-bx .right .no-form .full .verify-no, .static-page .right form .full .verify-no, .static-page .right .no-form .full .verify-no {
              width: 100%; } }
.signup-bx .right form .full .verify-no input, .signup-bx .right .no-form .full .verify-no input, .static-page .right form .full .verify-no input, .static-page .right .no-form .full .verify-no input {
            margin: 0 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            max-width: 60px; }
.signup-bx .right form .full .reset-method, .signup-bx .right .no-form .full .reset-method, .static-page .right form .full .reset-method, .static-page .right .no-form .full .reset-method {
          width: 100%;
          padding: 30px 0;
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          flex-wrap: wrap; }
.signup-bx .right form .full .reset-method .reset-column, .signup-bx .right .no-form .full .reset-method .reset-column, .static-page .right form .full .reset-method .reset-column, .static-page .right .no-form .full .reset-method .reset-column {
            width: 40%;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 30px;
            border: 1px solid #DDDDDD;
            border-radius: 10px;
            margin-right: 30px;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            cursor: pointer; }
@media (max-width: 2000px) {
              .signup-bx .right form .full .reset-method .reset-column, .signup-bx .right .no-form .full .reset-method .reset-column, .static-page .right form .full .reset-method .reset-column, .static-page .right .no-form .full .reset-method .reset-column {
                width: calc(50% - 15px); } }
@media (max-width: 600px) {
              .signup-bx .right form .full .reset-method .reset-column, .signup-bx .right .no-form .full .reset-method .reset-column, .static-page .right form .full .reset-method .reset-column, .static-page .right .no-form .full .reset-method .reset-column {
                width: 100%;
                margin-right: 0;
                margin-top: 15px; } }
.signup-bx .right form .full .reset-method .reset-column:last-child, .signup-bx .right .no-form .full .reset-method .reset-column:last-child, .static-page .right form .full .reset-method .reset-column:last-child, .static-page .right .no-form .full .reset-method .reset-column:last-child {
              margin-right: 0; }
.signup-bx .right form .full .reset-method .reset-column:hover, .signup-bx .right .no-form .full .reset-method .reset-column:hover, .static-page .right form .full .reset-method .reset-column:hover, .static-page .right .no-form .full .reset-method .reset-column:hover {
              background-color: #3D9939; }
.signup-bx .right form .full .reset-method .reset-column:hover p, .signup-bx .right .no-form .full .reset-method .reset-column:hover p, .static-page .right form .full .reset-method .reset-column:hover p, .static-page .right .no-form .full .reset-method .reset-column:hover p {
                color: #fff; }
.signup-bx .right form .full .reset-method .reset-column:hover .icon, .signup-bx .right .no-form .full .reset-method .reset-column:hover .icon, .static-page .right form .full .reset-method .reset-column:hover .icon, .static-page .right .no-form .full .reset-method .reset-column:hover .icon {
                margin-right: 15px; }
.signup-bx .right form .full .reset-method .reset-column:hover .icon .st1, .signup-bx .right .no-form .full .reset-method .reset-column:hover .icon .st1, .static-page .right form .full .reset-method .reset-column:hover .icon .st1, .static-page .right .no-form .full .reset-method .reset-column:hover .icon .st1 {
                  stroke: #fff; }
.signup-bx .right form .full .reset-method .reset-column .icon, .signup-bx .right .no-form .full .reset-method .reset-column .icon, .static-page .right form .full .reset-method .reset-column .icon, .static-page .right .no-form .full .reset-method .reset-column .icon {
              margin-right: 15px; }
.signup-bx .right form .full .reset-method .reset-column .icon .st0, .signup-bx .right .no-form .full .reset-method .reset-column .icon .st0, .static-page .right form .full .reset-method .reset-column .icon .st0, .static-page .right .no-form .full .reset-method .reset-column .icon .st0 {
                fill: none; }
.signup-bx .right form .full .reset-method .reset-column .icon .st1, .signup-bx .right .no-form .full .reset-method .reset-column .icon .st1, .static-page .right form .full .reset-method .reset-column .icon .st1, .static-page .right .no-form .full .reset-method .reset-column .icon .st1 {
                fill: none;
                stroke: #000000;
                transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.signup-bx .right form .full .reset-method .reset-column p, .signup-bx .right .no-form .full .reset-method .reset-column p, .static-page .right form .full .reset-method .reset-column p, .static-page .right .no-form .full .reset-method .reset-column p {
              margin-bottom: 0;
              font-family: "VAG Rounded Std";
              font-style: normal;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.signup-bx .right form .full label, .signup-bx .right .no-form .full label, .static-page .right form .full label, .static-page .right .no-form .full label {
          flex-grow: 1; }
.signup-bx .right form .full label:last-child, .signup-bx .right .no-form .full label:last-child, .static-page .right form .full label:last-child, .static-page .right .no-form .full label:last-child {
            margin-right: 0; }
.signup-bx .right form .full label.title-label, .signup-bx .right .no-form .full label.title-label, .static-page .right form .full label.title-label, .static-page .right .no-form .full label.title-label {
            width: auto;
            max-width: 16%; }
.signup-bx .right form .full .input-conatiner, .signup-bx .right .no-form .full .input-conatiner, .static-page .right form .full .input-conatiner, .static-page .right .no-form .full .input-conatiner {
          flex-grow: 1;
          flex: 0 0 40%;
          max-width: 40%; }
@media (max-width: 1950px) {
            .signup-bx .right form .full .input-conatiner, .signup-bx .right .no-form .full .input-conatiner, .static-page .right form .full .input-conatiner, .static-page .right .no-form .full .input-conatiner {
              flex: 0 0 40%;
              max-width: 40%; } }
@media (max-width: 600px) {
            .signup-bx .right form .full .input-conatiner, .signup-bx .right .no-form .full .input-conatiner, .static-page .right form .full .input-conatiner, .static-page .right .no-form .full .input-conatiner {
              flex: 0 0 100%;
              max-width: 100%;
              padding: 0;
              margin-top: 20px; } }
.signup-bx .right form .half, .signup-bx .right .no-form .half, .static-page .right form .half, .static-page .right .no-form .half {
        flex: 0 0 49%;
        max-width: 49%;
        margin-bottom: 20px; }
@media (max-width: 600px) {
          .signup-bx .right form .half, .signup-bx .right .no-form .half, .static-page .right form .half, .static-page .right .no-form .half {
            flex: 0 0 100%;
            max-width: 100%; } }
.signup-bx .right form .half.split-half, .signup-bx .right .no-form .half.split-half, .static-page .right form .half.split-half, .static-page .right .no-form .half.split-half {
          display: flex;
          justify-content: space-between;
          align-items: center; }
.signup-bx .right form .half.split-half label, .signup-bx .right .no-form .half.split-half label, .static-page .right form .half.split-half label, .static-page .right .no-form .half.split-half label {
            flex-grow: 1; }
.signup-bx .right form .half.split-half label:last-child, .signup-bx .right .no-form .half.split-half label:last-child, .static-page .right form .half.split-half label:last-child, .static-page .right .no-form .half.split-half label:last-child {
              margin-right: 0; }
.signup-bx .right form .space, .signup-bx .right .no-form .space, .static-page .right form .space, .static-page .right .no-form .space {
        width: 100%;
        height: 60px; }
.signup-bx .right form .submit-row, .signup-bx .right .no-form .submit-row, .static-page .right form .submit-row, .static-page .right .no-form .submit-row {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        position: relative; }
.signup-bx .right form label, .signup-bx .right .no-form label, .static-page .right form label, .static-page .right .no-form label {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-size: 16px;
        color: #3D9939;
        margin-bottom: 0;
        width: 100%; }
.signup-bx .right form label.remember-check, .signup-bx .right .no-form label.remember-check, .static-page .right form label.remember-check, .static-page .right .no-form label.remember-check {
          color: #8C8C8C;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          cursor: pointer; }
.signup-bx .right form label.remember-check.checked .s-card-check #s-card-tick-mark .circle-card, .signup-bx .right .no-form label.remember-check.checked .s-card-check #s-card-tick-mark .circle-card, .static-page .right form label.remember-check.checked .s-card-check #s-card-tick-mark .circle-card, .static-page .right .no-form label.remember-check.checked .s-card-check #s-card-tick-mark .circle-card {
            fill: #3D9939;
            stroke: #3D9939; }
.signup-bx .right form label.remember-check.checked .s-card-check #s-card-tick-mark .circle-card circle:last-child, .signup-bx .right .no-form label.remember-check.checked .s-card-check #s-card-tick-mark .circle-card circle:last-child, .static-page .right form label.remember-check.checked .s-card-check #s-card-tick-mark .circle-card circle:last-child, .static-page .right .no-form label.remember-check.checked .s-card-check #s-card-tick-mark .circle-card circle:last-child {
              display: none; }
.signup-bx .right form label.remember-check svg, .signup-bx .right .no-form label.remember-check svg, .static-page .right form label.remember-check svg, .static-page .right .no-form label.remember-check svg {
            margin-right: 10px; }
.signup-bx .right form .forgot-password, .signup-bx .right .no-form .forgot-password, .static-page .right form .forgot-password, .static-page .right .no-form .forgot-password {
        position: absolute;
        right: 0;
        color: #8C8C8C;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: 400; }
.signup-bx .right form .fb-login, .signup-bx .right .no-form .fb-login, .static-page .right form .fb-login, .static-page .right .no-form .fb-login {
        width: 100%;
        margin-bottom: 15px; }
.signup-bx .right form .register-btn, .signup-bx .right .no-form .register-btn, .static-page .right form .register-btn, .static-page .right .no-form .register-btn {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: 400;
        border: 1px solid #3D9939;
        color: #3D9939;
        padding: 14px 40px;
        width: auto;
        border-radius: 4px;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        margin-top: 10px;
        max-height: 50px;
        position: absolute;
        left: 0;
        min-width: 140px; }
.signup-bx .right form .register-btn:hover, .signup-bx .right .no-form .register-btn:hover, .static-page .right form .register-btn:hover, .static-page .right .no-form .register-btn:hover {
          background-color: #3D9939;
          color: #fff; }
.signup-bx .right form h3.success, .signup-bx .right .no-form h3.success, .static-page .right form h3.success, .static-page .right .no-form h3.success {
        color: #3D9939;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-size: 25px;
        font-weight: 400;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
.signup-bx .right form h3.success img, .signup-bx .right .no-form h3.success img, .static-page .right form h3.success img, .static-page .right .no-form h3.success img {
          margin-right: 10px; }
@media (max-width: 600px) {
            .signup-bx .right form h3.success img, .signup-bx .right .no-form h3.success img, .static-page .right form h3.success img, .static-page .right .no-form h3.success img {
              max-width: 40px; } }
.signup-bx .right form p.success, .signup-bx .right .no-form p.success, .static-page .right form p.success, .static-page .right .no-form p.success {
        color: #000000;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-size: 16px;
        font-weight: 400;
        margin-top: 15px; }
.signup-bx .right form input, .signup-bx .right .no-form input, .static-page .right form input, .static-page .right .no-form input {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-size: 14px;
        color: #393939;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #e6e6e6;
        background: white;
        height: 50px;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 4px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: 0.02em;
        font-size: calc(0 * 100vw + 14px);
        margin-top: 10px; }
.signup-bx .right form input[type="radio"], .signup-bx .right .no-form input[type="radio"], .static-page .right form input[type="radio"], .static-page .right .no-form input[type="radio"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        padding: 0;
        background: transparent;
        text-decoration: none;
        color: inherit;
        transition: color 200ms;
        outline: 0;
        cursor: pointer;
        touch-action: manipulation;
        border: 1px solid #e6e6e6;
        color: #393939;
        padding: 14px 25px;
        flex-grow: 1;
        width: auto;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.signup-bx .right form input[type="radio"]:hover, .signup-bx .right .no-form input[type="radio"]:hover, .static-page .right form input[type="radio"]:hover, .static-page .right .no-form input[type="radio"]:hover {
          background-color: #3D9939;
          color: #fff; }
.signup-bx .right form input[type="submit"], .signup-bx .right .no-form input[type="submit"], .static-page .right form input[type="submit"], .static-page .right .no-form input[type="submit"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        padding: 0;
        background: transparent;
        text-decoration: none;
        color: inherit;
        transition: color 200ms;
        outline: 0;
        cursor: pointer;
        touch-action: manipulation;
        border: 1px solid #3D9939;
        color: #3D9939;
        padding: 14px 25px;
        width: auto;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        min-width: 140px; }
.signup-bx .right form input[type="submit"]:hover, .signup-bx .right .no-form input[type="submit"]:hover, .static-page .right form input[type="submit"]:hover, .static-page .right .no-form input[type="submit"]:hover {
          background-color: #3D9939;
          color: #fff; }
.signup-bx .right form input[type="submit"].orange, .signup-bx .right .no-form input[type="submit"].orange, .static-page .right form input[type="submit"].orange, .static-page .right .no-form input[type="submit"].orange {
          background-color: #FF8A26;
          border-color: #FF8A26;
          color: #fff;
          padding: 14px 40px; }
.signup-bx .right form input[type="button"], .signup-bx .right .no-form input[type="button"], .static-page .right form input[type="button"], .static-page .right .no-form input[type="button"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        padding: 0;
        background: transparent;
        text-decoration: none;
        color: inherit;
        transition: color 200ms;
        outline: 0;
        cursor: pointer;
        touch-action: manipulation;
        border: 1px solid #3D9939;
        color: #3D9939;
        padding: 14px 25px;
        width: auto;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        min-width: 140px; }
.signup-bx .right form input[type="button"]:hover, .signup-bx .right .no-form input[type="button"]:hover, .static-page .right form input[type="button"]:hover, .static-page .right .no-form input[type="button"]:hover {
          background-color: #3D9939;
          color: #fff; }
.signup-bx .right form input[type="button"].orange, .signup-bx .right .no-form input[type="button"].orange, .static-page .right form input[type="button"].orange, .static-page .right .no-form input[type="button"].orange {
          background-color: #FF8A26;
          border-color: #FF8A26;
          color: #fff;
          padding: 14px 40px; }
.signup-bx .right form a.button, .signup-bx .right .no-form a.button, .static-page .right form a.button, .static-page .right .no-form a.button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        padding: 0;
        background: transparent;
        text-decoration: none;
        color: inherit;
        transition: color 200ms;
        outline: 0;
        cursor: pointer;
        touch-action: manipulation;
        border: 1px solid #3D9939;
        color: #3D9939;
        padding: 14px 25px;
        width: auto;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        min-width: 140px; }
.signup-bx .right form a.button:hover, .signup-bx .right .no-form a.button:hover, .static-page .right form a.button:hover, .static-page .right .no-form a.button:hover {
          background-color: #3D9939;
          color: #fff; }
.signup-bx .right form a.button.orange, .signup-bx .right .no-form a.button.orange, .static-page .right form a.button.orange, .static-page .right .no-form a.button.orange {
          background-color: #FF8A26;
          border-color: #FF8A26;
          color: #fff;
          padding: 14px 40px; }
.signup-bx .right form select, .signup-bx .right .no-form select, .static-page .right form select, .static-page .right .no-form select {
        font-family: "VAG Rounded Std";
        font-style: normal;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #e6e6e6;
        background: white;
        height: 50px;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 4px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: 0.02em;
        font-size: calc(0 * 100vw + 14px);
        flex-grow: 1;
        position: relative;
        margin-top: 10px; }
.signup-bx .right form select:focus, .signup-bx .right .no-form select:focus, .static-page .right form select:focus, .static-page .right .no-form select:focus {
          outline: none;
          box-shadow: none; }
.signup-bx .right form select:before, .signup-bx .right .no-form select:before, .static-page .right form select:before, .static-page .right .no-form select:before {
          content: url("../icons/drop-open.403d68005dd3.svg");
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          right: 10px; }
.signup-bx .right form .selectric, .signup-bx .right .no-form .selectric, .static-page .right form .selectric, .static-page .right .no-form .selectric {
        background-color: #fff;
        max-height: 50px;
        height: 50px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 10px; }
.signup-bx .right form .selectric .label, .signup-bx .right .no-form .selectric .label, .static-page .right form .selectric .label, .static-page .right .no-form .selectric .label {
          height: 50px;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          font-size: calc(0 * 100vw + 14px); }
.signup-bx .right form .selectric .button, .signup-bx .right .no-form .selectric .button, .static-page .right form .selectric .button, .static-page .right .no-form .selectric .button {
          height: 50px;
          background-color: #fff;
          display: flex;
          justify-content: center;
          align-items: center; }
.signup-bx .right form .selectric .button::after, .signup-bx .right .no-form .selectric .button::after, .static-page .right form .selectric .button::after, .static-page .right .no-form .selectric .button::after {
            content: "";
            display: none; }
.signup-bx .right form .selectric .button svg, .signup-bx .right .no-form .selectric .button svg, .static-page .right form .selectric .button svg, .static-page .right .no-form .selectric .button svg {
            position: relative;
            top: -2px; }
.signup-bx .right form .selectric-items .selectric-scroll, .signup-bx .right .no-form .selectric-items .selectric-scroll, .static-page .right form .selectric-items .selectric-scroll, .static-page .right .no-form .selectric-items .selectric-scroll {
        background-color: #fff;
        max-height: 250px;
        overflow-y: auto; }
.signup-bx .right form .selectric-items .selectric-scroll::-webkit-scrollbar, .signup-bx .right .no-form .selectric-items .selectric-scroll::-webkit-scrollbar, .static-page .right form .selectric-items .selectric-scroll::-webkit-scrollbar, .static-page .right .no-form .selectric-items .selectric-scroll::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.signup-bx .right form .selectric-items .selectric-scroll::-webkit-scrollbar-track, .signup-bx .right .no-form .selectric-items .selectric-scroll::-webkit-scrollbar-track, .static-page .right form .selectric-items .selectric-scroll::-webkit-scrollbar-track, .static-page .right .no-form .selectric-items .selectric-scroll::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #F4F4F4; }
.signup-bx .right form .selectric-items .selectric-scroll::-webkit-scrollbar-thumb, .signup-bx .right .no-form .selectric-items .selectric-scroll::-webkit-scrollbar-thumb, .static-page .right form .selectric-items .selectric-scroll::-webkit-scrollbar-thumb, .static-page .right .no-form .selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
          background-color: #bababa;
          outline: none; }
.signup-bx .right form .selectric-items .selectric-scroll li, .signup-bx .right .no-form .selectric-items .selectric-scroll li, .static-page .right form .selectric-items .selectric-scroll li, .static-page .right .no-form .selectric-items .selectric-scroll li {
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.signup-bx .right form .selectric-items .selectric-scroll li.highlighted, .signup-bx .right .no-form .selectric-items .selectric-scroll li.highlighted, .static-page .right form .selectric-items .selectric-scroll li.highlighted, .static-page .right .no-form .selectric-items .selectric-scroll li.highlighted {
            background-color: #3D9939;
            color: #fff; }
.signup-bx .right form .selectric-items .selectric-scroll li:hover, .signup-bx .right .no-form .selectric-items .selectric-scroll li:hover, .static-page .right form .selectric-items .selectric-scroll li:hover, .static-page .right .no-form .selectric-items .selectric-scroll li:hover {
            background-color: #3D9939;
            color: #fff; }
.signup-bx .right form textarea, .signup-bx .right .no-form textarea, .static-page .right form textarea, .static-page .right .no-form textarea {
        font-family: "VAG Rounded Std";
        font-style: normal;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #e6e6e6;
        background: white;
        height: 50px;
        width: 100%;
        padding: 15px 10px;
        border-radius: 4px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: 0.02em;
        font-size: calc(0 * 100vw + 14px);
        margin-top: 10px;
        min-height: 80px;
        max-height: 150px;
        height: 120px;
        resize: vertical; }
.signup-bx .right form .pin-location, .signup-bx .right .no-form .pin-location, .static-page .right form .pin-location, .static-page .right .no-form .pin-location {
        border: 1px solid #e6e6e6;
        background: white;
        height: 50px;
        padding-left: 10px;
        padding-right: 0;
        border-radius: 4px;
        line-height: 1.25;
        font-weight: 400;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-size: 14px;
        color: #393939;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        font-size: calc(0 * 100vw + 14px);
        margin-top: 10px; }
.signup-bx .right form .pin-location span, .signup-bx .right .no-form .pin-location span, .static-page .right form .pin-location span, .static-page .right .no-form .pin-location span {
          flex-grow: 1;
          font-size: calc(0 * 100vw + 14px); }
.signup-bx .right form .pin-location img, .signup-bx .right .no-form .pin-location img, .static-page .right form .pin-location img, .static-page .right .no-form .pin-location img {
          padding: 0 5px;
          max-height: 40px; }
.signup-bx .right .optLoyalty, .static-page .right .optLoyalty {
      display: block;
      width: 100%; }
.signup-bx .right .optLoyalty p, .static-page .right .optLoyalty p {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-size: 16px;
        padding-top: 20px;
        color: #8C8C8C; }
.signup-bx .right .optLoyalty p a, .static-page .right .optLoyalty p a {
          color: #3D9939;
          text-decoration: underline;
          display: inline-block;
          margin-left: 10px; }
.signup-bx .right .optLoyalty input[type=number], .static-page .right .optLoyalty input[type=number] {
        -moz-appearance: textfield; }
.signup-bx .right .optLoyalty input::-webkit-outer-spin-button,
      .signup-bx .right .optLoyalty input::-webkit-inner-spin-button, .static-page .right .optLoyalty input::-webkit-outer-spin-button,
      .static-page .right .optLoyalty input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
.signup-successful {
  background-color: #F6F6F6;
  padding-top: 80px;
  padding-bottom: 80px; }
.signup-successful .step-successful .success-bx {
    background-color: #fff;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
    padding: 40px;
    border-radius: 6px; }
.signup-successful .step-successful .success-bx .section-title {
      color: #3d9939;
      margin-top: 10px;
      margin-bottom: 4px; }
.signup-successful .step-successful .success-bx .title {
      color: #63C04D;
      font-weight: bold;
      font-size: 1.4em; }
.signup-successful .step-successful .success-bx .margin-top {
      margin-top: 160px; }
@media (max-width: 600px) {
        .signup-successful .step-successful .success-bx .margin-top {
          margin-top: 30px; } }
.signup-successful .step-successful .success-bx .cust {
      margin-top: 40px;
      margin-bottom: 0px;
      color: #3D9939;
      font-size: 1.2em; }
.signup-successful .step-successful .success-bx .cust-number {
      color: #3D9939;
      font-size: 2.3em; }
.signup-successful .step-successful .success-bx .account-benefit {
      list-style: none;
      margin-top: 120px; }
@media (max-width: 900px) {
        .signup-successful .step-successful .success-bx .account-benefit {
          padding-left: 0; } }
@media (max-width: 600px) {
        .signup-successful .step-successful .success-bx .account-benefit {
          margin-top: 40px; } }
.signup-successful .step-successful .success-bx .account-benefit li {
        margin-bottom: 36px;
        color: #3D9939;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
.signup-successful .step-successful .success-bx .account-benefit li img {
          width: 36px; }
@media (max-width: 4200px) {
            .signup-successful .step-successful .success-bx .account-benefit li img {
              margin-right: 10px; } }
.signup-successful .step-successful .success-bx .start-shopping {
      background-color: #FF8A26;
      color: #fff;
      float: right; }
.open-user-menu, .back-user-menu {
  padding: 14px 25px;
  border-radius: 4px;
  border: 1px solid #3D9939;
  color: #3D9939;
  font-family: "VAG Rounded Std";
  font-style: normal;
  font-size: 14px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 140px;
  margin-top: 30px;
  display: none; }
.open-user-menu:hover, .back-user-menu:hover {
    color: #3D9939; }
@media (max-width: 1200px) {
    .open-user-menu, .back-user-menu {
      display: block;
      max-width: 165px; } }
.open-user-menu img, .back-user-menu img {
    margin-right: 10px; }
.user-account {
  padding: 120px 0; }
@media (max-width: 1200px) {
    .user-account {
      padding: 60px 0; } }
@media (max-width: 600px) {
    .user-account {
      padding: 40px 0 40px; } }
.user-account .account-page {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%; }
.user-account .account-page .sidebar {
      flex: 0 0 16.66667%;
      max-width: 16.66667%;
      position: -webkit-sticky;
      position: sticky;
      top: 110px;
      width: 100%;
      min-height: 1px;
      padding-right: 10px;
      padding-left: 10px; }
@media (max-width: 2000px) {
        .user-account .account-page .sidebar {
          flex: 0 0 25%;
          max-width: 25%;
          margin-left: 0; } }
@media (max-width: 1200px) {
        .user-account .account-page .sidebar {
          flex: 0 0 100%;
          max-width: 100%;
          margin-bottom: 30px;
          position: fixed;
          top: 0;
          left: 0;
          height: 100vh;
          background-color: #fff;
          z-index: 999;
          padding: 40px;
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          opacity: 0; } }
@media (min-width: 1400px) {
        .user-account .account-page .sidebar {
          padding-right: 20px;
          padding-left: 20px; } }
@media (min-width: 740px) {
        .user-account .account-page .sidebar {
          padding-right: 15px;
          padding-left: 15px; } }
.user-account .account-page .sidebar.active {
        -webkit-transform: none;
        transform: none;
        opacity: 1; }
.user-account .account-page .sidebar.always-show {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        height: auto;
        padding: 0 10px; }
.user-account .account-page .sidebar .user-title {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-size: 30px;
        font-weight: 300;
        color: #3D9939;
        margin-bottom: 30px; }
.user-account .account-page .sidebar .accounbt-menu {
        padding-left: 0;
        list-style: none;
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 8px; }
.user-account .account-page .sidebar .accounbt-menu li {
          width: 100%;
          margin-bottom: 0;
          padding: 15px 20px;
          border-bottom: 1px solid #ddd;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.user-account .account-page .sidebar .accounbt-menu li.active {
            background-color: #3D9939;
            border-color: #3D9939; }
.user-account .account-page .sidebar .accounbt-menu li.active a {
              color: #fff; }
.user-account .account-page .sidebar .accounbt-menu li:hover {
            background-color: #3D9939;
            border-color: #3D9939; }
.user-account .account-page .sidebar .accounbt-menu li:hover a {
              color: #fff; }
.user-account .account-page .sidebar .accounbt-menu li:first-child {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px; }
.user-account .account-page .sidebar .accounbt-menu li:nth-last-child(2) {
            border-bottom: 0; }
.user-account .account-page .sidebar .accounbt-menu li:last-child {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
            border-bottom: 0;
            border-top: 2px solid #FF8A26; }
.user-account .account-page .sidebar .accounbt-menu li a {
            color: #000;
            width: 100%;
            display: block;
            letter-spacing: 0.8px;
            transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); }
.user-account .account-page .sidebar .accounbt-menu li img {
            display: inline-block;
            float: right; }
.user-account .account-page .sidebar .order-detail-card {
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 15px;
        font-size: 16px; }
.user-account .account-page .sidebar .order-detail-card ul {
          padding-left: 0;
          list-style: none;
          margin-bottom: 0; }
.user-account .account-page .sidebar .order-detail-card ul li {
            padding: 4px 0;
            color: #8C8C8C;
            font-family: "VAG Rounded Std";
            font-style: normal; }
.user-account .account-page .sidebar .order-detail-card ul li:nth-child(2) {
              margin-bottom: 30px; }
.user-account .account-page .sidebar .order-detail-card ul li span {
              display: inline;
              float: right;
              color: #393939; }
.user-account .account-page .sidebar .order-detail-card .address {
          color: #8C8C8C;
          font-family: "VAG Rounded Std";
          font-style: normal; }
.user-account .account-page .sidebar .order-detail-card .address span {
            display: inline;
            color: #393939; }
.user-account .account-page .sidebar .btn {
        width: 100%;
        display: block;
        text-align: center;
        padding: 14px 25px;
        border-radius: 4px;
        border: 1px solid #ddd;
        margin-top: 10px;
        color: #3D9939;
        transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); }
.user-account .account-page .sidebar .btn:first-child {
          margin-top: 0; }
.user-account .account-page .sidebar .btn.green-btn {
          background-color: #EBF5EB;
          border-color: #EBF5EB; }
.user-account .account-page .sidebar .btn:hover {
          background-color: #3D9939;
          color: #fff; }
.user-account .account-page .content-area {
      flex: 0 0 72%;
      max-width: 72%;
      position: -webkit-sticky;
      position: sticky;
      top: 120px;
      width: 100%;
      min-height: 1px;
      padding-right: 10px;
      padding-left: 10px;
      margin-top: 0 !important; }
@media (max-width: 1672px) {
        .user-account .account-page .content-area {
          flex: 0 0 70%;
          max-width: 70%; } }
@media (max-width: 1200px) {
        .user-account .account-page .content-area {
          flex: 0 0 100%;
          max-width: 100%;
          margin-bottom: 30px;
          position: static;
          margin-top: 0; } }
@media (min-width: 1400px) {
        .user-account .account-page .content-area {
          padding-right: 20px;
          padding-left: 20px; } }
@media (min-width: 740px) {
        .user-account .account-page .content-area {
          padding-right: 15px;
          padding-left: 15px; } }
.user-account .account-page .content-area.fullwidth {
        flex: 0 0 100% !important;
        max-width: 100% !important; }
.user-account .account-page .content-area.empty-state h3 {
        text-align: center; }
.user-account .account-page .content-area .account-card {
        background-color: #fff;
        width: 100%;
        margin-bottom: 20px;
        border-radius: 10px;
        padding: 40px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1); }
@media (max-width: 900px) {
          .user-account .account-page .content-area .account-card {
            padding: 20px; } }
.user-account .account-page .content-area .account-card:first-child {
          margin-top: 30px; }
.user-account .account-page .content-area .account-card .select::after {
          pointer-events: none; }
.user-account .account-page .content-area .account-card h3 {
          font-family: "VAG Rounded Std";
          font-style: normal;
          color: #393939;
          font-size: 26px;
          width: 100%;
          margin-bottom: 30px; }
.user-account .account-page .content-area .account-card h3.has-sub {
            margin-bottom: 8px;
            line-height: 1; }
.user-account .account-page .content-area .account-card .list-excerpt {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-size: 16px;
          color: #393939;
          font-weight: 400;
          margin-bottom: 30px; }
.user-account .account-page .content-area .account-card .list-excerpt a {
            color: #3D9939;
            padding-bottom: 1px;
            border-bottom: 1px solid #3D9939; }
.user-account .account-page .content-area .account-card .empty-state-btn {
          background-color: #3D9939;
          width: 100%;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-size: 16px;
          padding: 14px 25px;
          color: #fff;
          display: block;
          text-align: center;
          border-radius: 4px; }
.user-account .account-page .content-area .account-card form {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          flex-wrap: wrap; }
.user-account .account-page .content-area .account-card form .error {
            color: red; }
.user-account .account-page .content-area .account-card form .full {
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap; }
.user-account .account-page .content-area .account-card form .full label {
              flex-grow: 1; }
.user-account .account-page .content-area .account-card form .full label:last-child {
                margin-right: 0; }
.user-account .account-page .content-area .account-card form .full label.title-label {
                width: auto;
                max-width: 16%; }
.user-account .account-page .content-area .account-card form .full .input-conatiner {
              flex-grow: 1;
              flex: 0 0 46%;
              max-width: 46%;
              padding: 0 10px; }
@media (max-width: 1950px) {
                .user-account .account-page .content-area .account-card form .full .input-conatiner {
                  flex: 0 0 44%;
                  max-width: 44%; } }
@media (max-width: 1450px) {
                .user-account .account-page .content-area .account-card form .full .input-conatiner {
                  flex: 0 0 40%;
                  max-width: 40%; } }
@media (max-width: 600px) {
                .user-account .account-page .content-area .account-card form .full .input-conatiner {
                  flex: 0 0 100%;
                  max-width: 100%;
                  padding: 0;
                  margin-top: 20px; } }
.user-account .account-page .content-area .account-card form .half {
            flex: 0 0 49%;
            max-width: 49%;
            margin-bottom: 20px; }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card form .half {
                flex: 0 0 100%;
                max-width: 100%; } }
.user-account .account-page .content-area .account-card form .half.split-half {
              display: flex;
              justify-content: space-between;
              align-items: center; }
.user-account .account-page .content-area .account-card form .half.split-half label {
                flex-grow: 1;
                margin-right: 15px; }
.user-account .account-page .content-area .account-card form .half.split-half label:last-child {
                  margin-right: 0; }
.user-account .account-page .content-area .account-card form .space {
            width: 100%;
            height: 60px; }
.user-account .account-page .content-area .account-card form .submit-row {
            flex: 0 0 100%;
            max-width: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: flex-start;
            position: relative; }
.user-account .account-page .content-area .account-card form label {
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-size: 16px;
            color: #3D9939;
            margin-bottom: 0;
            width: 100%; }
.user-account .account-page .content-area .account-card form label > .selectric-wrapper {
              flex-basis: 100%; }
.user-account .account-page .content-area .account-card form input {
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-size: 14px;
            color: #393939;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 1px solid #e6e6e6;
            background: white;
            height: 50px;
            width: 100%;
            padding-left: 10px;
            padding-right: 10px;
            border-radius: 4px;
            line-height: 1.25;
            font-weight: 400;
            letter-spacing: 0.02em;
            font-size: calc(0 * 100vw + 14px);
            margin-top: 10px; }
.user-account .account-page .content-area .account-card form input[type="radio"] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 0;
            padding: 0;
            background: transparent;
            text-decoration: none;
            color: inherit;
            transition: color 200ms;
            outline: 0;
            cursor: pointer;
            touch-action: manipulation;
            border: 1px solid #e6e6e6;
            color: #393939;
            padding: 14px 25px;
            flex-grow: 1;
            width: auto;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.user-account .account-page .content-area .account-card form input[type="radio"]:hover {
              background-color: #3D9939;
              color: #fff; }
.user-account .account-page .content-area .account-card form input[type="submit"] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 0;
            padding: 0;
            background: transparent;
            text-decoration: none;
            color: inherit;
            transition: color 200ms;
            outline: 0;
            cursor: pointer;
            touch-action: manipulation;
            border: 1px solid #3D9939;
            color: #3D9939;
            padding: 14px 25px;
            width: auto;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.user-account .account-page .content-area .account-card form input[type="submit"]:hover {
              background-color: #3D9939;
              color: #fff; }
.user-account .account-page .content-area .account-card form a.cancel {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 0;
            padding: 0;
            background: transparent;
            text-decoration: none;
            color: inherit;
            transition: color 200ms;
            outline: 0;
            cursor: pointer;
            touch-action: manipulation;
            border: 1px solid #000;
            color: #000;
            padding: 14px 25px;
            width: auto;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            border-radius: 3px; }
.user-account .account-page .content-area .account-card form a.cancel:hover {
              background-color: #000;
              color: #fff; }
.user-account .account-page .content-area .account-card form select {
            font-family: "VAG Rounded Std";
            font-style: normal;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 1px solid #e6e6e6;
            background: white;
            height: 50px;
            width: 100%;
            padding-left: 10px;
            padding-right: 10px;
            border-radius: 4px;
            line-height: 1.25;
            font-weight: 400;
            letter-spacing: 0.02em;
            font-size: calc(0 * 100vw + 14px);
            flex-grow: 1;
            position: relative;
            margin-top: 10px; }
.user-account .account-page .content-area .account-card form select:focus {
              outline: none;
              box-shadow: none; }
.user-account .account-page .content-area .account-card form select:before {
              content: url("../icons/drop-open.403d68005dd3.svg");
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              right: 10px; }
.user-account .account-page .content-area .account-card form .selectric {
            background-color: #fff;
            max-height: 50px;
            height: 50px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 10px; }
.user-account .account-page .content-area .account-card form .selectric .label {
              height: 50px;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              font-size: calc(0 * 100vw + 14px); }
.user-account .account-page .content-area .account-card form .selectric .button {
              height: 50px;
              background-color: #fff;
              display: flex;
              justify-content: center;
              align-items: center; }
.user-account .account-page .content-area .account-card form .selectric .button::after {
                content: "";
                display: none; }
.user-account .account-page .content-area .account-card form .selectric .button svg {
                position: relative;
                top: -2px; }
.user-account .account-page .content-area .account-card form .selectric-items .selectric-scroll {
            background-color: #fff;
            max-height: 250px;
            overflow-y: auto; }
.user-account .account-page .content-area .account-card form .selectric-items .selectric-scroll::-webkit-scrollbar {
              width: 8px;
              height: 12px; }
.user-account .account-page .content-area .account-card form .selectric-items .selectric-scroll::-webkit-scrollbar-track {
              box-shadow: none;
              background-color: #F4F4F4; }
.user-account .account-page .content-area .account-card form .selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
              background-color: #bababa;
              outline: none; }
.user-account .account-page .content-area .account-card form .selectric-items .selectric-scroll li {
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.user-account .account-page .content-area .account-card form .selectric-items .selectric-scroll li.highlighted {
                background-color: #3D9939;
                color: #fff; }
.user-account .account-page .content-area .account-card form .selectric-items .selectric-scroll li:hover {
                background-color: #3D9939;
                color: #fff; }
.user-account .account-page .content-area .account-card form textarea {
            font-family: "VAG Rounded Std";
            font-style: normal;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 1px solid #e6e6e6;
            background: white;
            height: 50px;
            width: 100%;
            padding: 15px 10px;
            border-radius: 4px;
            line-height: 1.25;
            font-weight: 400;
            letter-spacing: 0.02em;
            font-size: calc(0 * 100vw + 14px);
            margin-top: 10px;
            min-height: 80px;
            max-height: 150px;
            height: 120px;
            resize: vertical; }
.user-account .account-page .content-area .account-card form .pin-location {
            border: 1px solid #e6e6e6;
            background: white;
            height: 50px;
            padding-left: 10px;
            padding-right: 0;
            border-radius: 4px;
            line-height: 1.25;
            font-weight: 400;
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-size: 14px;
            color: #393939;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            margin-top: 10px; }
.user-account .account-page .content-area .account-card form .pin-location span {
              flex-grow: 1; }
.user-account .account-page .content-area .account-card form .pin-location img {
              padding: 0 5px;
              max-height: 40px; }
.user-account .account-page .content-area .account-card .order-row {
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          position: relative;
          border-bottom: 1px solid #ddd;
          padding: 30px 15px; }
.user-account .account-page .content-area .account-card .order-row.in-progress .order-status {
            color: #FF8A26; }
.user-account .account-page .content-area .account-card .order-row.delivered .order-status {
            color: #00B100; }
.user-account .account-page .content-area .account-card .order-row.cancelled .order-status {
            color: #FA7070; }
.user-account .account-page .content-area .account-card .order-row:last-child {
            border-bottom: 0;
            padding-bottom: 0; }
.user-account .account-page .content-area .account-card .order-row img {
            margin-right: 20px;
            width: 30px; }
.user-account .account-page .content-area .account-card .order-row .order-info .order-status {
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-size: 16px;
            margin-top: 0;
            margin-bottom: 10px;
            line-height: 1.1; }
.user-account .account-page .content-area .account-card .order-row .order-info .delivery-time,
          .user-account .account-page .content-area .account-card .order-row .order-info .delivery-address,
          .user-account .account-page .content-area .account-card .order-row .order-info .order-total {
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-size: 16px;
            margin-top: 0;
            margin-bottom: 10px;
            line-height: 1.1; }
.user-account .account-page .content-area .account-card .order-row .view-order {
            border-radius: 5px;
            border: 1px solid #ddd;
            padding: 14px 40px;
            font-family: "VAG Rounded Std";
            font-style: normal;
            color: #3D9939;
            font-size: 16px;
            position: absolute;
            right: 0;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            text-align: center; }
.user-account .account-page .content-area .account-card .order-row .view-order:hover {
              background-color: #3D9939;
              color: #fff; }
@media (max-width: 900px) {
              .user-account .account-page .content-area .account-card .order-row .view-order {
                border-radius: 50%;
                width: 30px;
                height: 30px;
                padding: 0;
                bottom: 20px;
                border-color: #3D9939; } }
@media (max-width: 900px) {
              .user-account .account-page .content-area .account-card .order-row .view-order span {
                display: none; } }
.user-account .account-page .content-area .account-card .order-row .view-order img {
              width: 10px;
              margin-right: 0;
              margin-left: 15px; }
@media (max-width: 900px) {
                .user-account .account-page .content-area .account-card .order-row .view-order img {
                  margin-left: 0;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  -webkit-transform: translateY(-50%) translateX(-50%);
                          transform: translateY(-50%) translateX(-50%); } }
.user-account .account-page .content-area .account-card .product-row {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          flex-wrap: wrap;
          width: calc(100%);
          border-bottom: 1px solid #ddd;
          padding: 15px; }
.user-account .account-page .content-area .account-card .product-row:first-child {
            padding-bottom: 20px;
            padding-top: 0; }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .product-row:first-child {
                display: none; } }
.user-account .account-page .content-area .account-card .product-row:last-child {
            border-bottom: 0; }
.user-account .account-page .content-area .account-card .product-row .heading {
            color: #3D9939;
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: 1px; }
.user-account .account-page .content-area .account-card .product-row .item {
            flex: 0 0 55%;
            max-width: 55%;
            display: flex;
            justify-content: flex-start;
            align-items: center; }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .product-row .item {
                flex: 0 0 100%;
                max-width: 100%; } }
.user-account .account-page .content-area .account-card .product-row .item .product-img {
              display: flex;
              justify-content: center;
              align-items: center; }
.user-account .account-page .content-area .account-card .product-row .item .product-img img {
                width: 80px;
                height: 80px; }
.user-account .account-page .content-area .account-card .product-row .item .product-info .product-name {
              font-family: "VAG Rounded Std";
              font-style: normal;
              color: #393939;
              padding-left: 30px; }
.user-account .account-page .content-area .account-card .product-row .item .product-info .product-name span {
                color: #8C8C8C; }
.user-account .account-page .content-area .account-card .product-row .qty,
          .user-account .account-page .content-area .account-card .product-row .price,
          .user-account .account-page .content-area .account-card .product-row .total {
            flex: 0 0 15%;
            max-width: 15%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            height: inherit; }
.user-account .account-page .content-area .account-card .product-row .qty .content,
            .user-account .account-page .content-area .account-card .product-row .price .content,
            .user-account .account-page .content-area .account-card .product-row .total .content {
              padding-top: 30px;
              margin-bottom: 0;
              text-align: right;
              font-family: "VAG Rounded Std";
              font-style: normal;
              color: #393939; }
.user-account .account-page .content-area .account-card .product-row .qty .content span,
              .user-account .account-page .content-area .account-card .product-row .price .content span,
              .user-account .account-page .content-area .account-card .product-row .total .content span {
                color: #8C8C8C; }
.user-account .account-page .content-area .account-card .product-row .qty {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: center; }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .product-row .qty::before {
                content: "Quantity:";
                position: relative;
                top: 14px;
                margin-right: 10px;
                font-size: 14px; } }
@media (max-width: 600px) {
            .user-account .account-page .content-area .account-card .product-row .price {
              display: none; } }
@media (max-width: 600px) {
            .user-account .account-page .content-area .account-card .product-row .total {
              flex: 0 0 40%;
              max-width: 40%;
              font-weight: 600; } }
.user-account .account-page .content-area .account-card .card-row {
          width: calc(100%);
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap;
          border-bottom: 1px solid #ddd;
          padding: 15px; }
.user-account .account-page .content-area .account-card .card-row:last-child {
            border-bottom: 0; }
.user-account .account-page .content-area .account-card .card-row .card-icon {
            flex-shrink: 1;
            margin-right: 15px; }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .card-row .card-icon {
                width: 40px;
                margin-right: 0; } }
.user-account .account-page .content-area .account-card .card-row .card-info {
            flex-grow: 1; }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .card-row .card-info {
                width: calc(100% - 40px); } }
.user-account .account-page .content-area .account-card .card-row .card-info .card-details {
              margin-bottom: 0;
              line-height: 1.2;
              color: #393939;
              font-family: "VAG Rounded Std";
              font-style: normal; }
.user-account .account-page .content-area .account-card .card-row .card-info .card-details span {
                color: #BABABA; }
.user-account .account-page .content-area .account-card .card-row .card-options {
            flex-shrink: 1;
            display: flex;
            justify-content: space-between;
            align-items: center; }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .card-row .card-options {
                min-width: 100%;
                justify-content: flex-start; }
                .user-account .account-page .content-area .account-card .card-row .card-options .delete {
                  padding-left: 0 !important; } }
.user-account .account-page .content-area .account-card .card-row .card-options .btn {
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              border: 0;
              padding: 0;
              background: transparent;
              text-decoration: none;
              color: inherit;
              transition: color 200ms;
              outline: 0;
              cursor: pointer;
              touch-action: manipulation;
              border-radius: 0;
              padding: 10px 15px; }
.user-account .account-page .content-area .account-card .card-row .card-options .seperate {
              display: inline-block;
              width: 1px;
              height: 20px;
              background-color: #1A1A1A; }
.user-account .account-page .content-area .account-card .address-row {
          width: calc(100%);
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
          flex-wrap: wrap;
          border-bottom: 1px solid #ddd;
          padding: 15px; }
.user-account .account-page .content-area .account-card .address-row:last-child {
            border-bottom: 0; }
.user-account .account-page .content-area .account-card .address-row .address-column p {
            font-weight: 300;
            font-family: "VAG Rounded Std";
            font-style: normal;
            margin-bottom: 10px; }
.user-account .account-page .content-area .account-card .address-row .address-column p strong {
              font-weight: bold; }
.user-account .account-page .content-area .account-card .address-row .address-options {
            flex-shrink: 1;
            display: flex;
            justify-content: space-between;
            align-items: center; }
.user-account .account-page .content-area .account-card .address-row .address-options .btn {
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              border: 0;
              padding: 0;
              background: transparent;
              text-decoration: none;
              color: inherit;
              transition: color 200ms;
              outline: 0;
              cursor: pointer;
              touch-action: manipulation;
              border-radius: 0;
              padding: 10px 15px;
              display: flex;
              justify-content: center;
              align-items: center; }
@media (max-width: 600px) {
                .user-account .account-page .content-area .account-card .address-row .address-options .btn:first-child {
                  padding-left: 0; } }
.user-account .account-page .content-area .account-card .address-row .address-options .seperate {
              display: inline-block;
              width: 1px;
              height: 20px;
              background-color: #1A1A1A; }
.user-account .account-page .content-area .account-card .shopping-list-row {
          width: calc(100%);
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
          flex-wrap: wrap;
          border-bottom: 1px solid #ddd;
          padding: 15px; }
@media (max-width: 600px) {
            .user-account .account-page .content-area .account-card .shopping-list-row.titles {
              display: none; } }
.user-account .account-page .content-area .account-card .shopping-list-row .list-name {
            flex-grow: 1;
            min-width: 45%; }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .shopping-list-row .list-name {
                min-width: 100%;
                font-weight: 600;
                text-align: center; } }
.user-account .account-page .content-area .account-card .shopping-list-row .list-products,
          .user-account .account-page .content-area .account-card .shopping-list-row .list-members {
            flex-grow: 1;
            width: 15%; }
@media (max-width: 600px) {
            .user-account .account-page .content-area .account-card .shopping-list-row .list-members {
              color: #8A8A8E;
              text-align: center; } }
@media (max-width: 600px) {
            .user-account .account-page .content-area .account-card .shopping-list-row .list-products {
              display: none; } }
.user-account .account-page .content-area .account-card .shopping-list-row .list-options {
            flex-grow: 1;
            width: 15%;
            flex-shrink: 1;
            display: flex;
            justify-content: space-between;
            align-items: center; }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .shopping-list-row .list-options {
                min-width: 100%;
                justify-content: center; } }
.user-account .account-page .content-area .account-card .shopping-list-row .list-options .btn {
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              border: 0;
              padding: 0;
              background: transparent;
              text-decoration: none;
              color: inherit;
              transition: color 200ms;
              outline: 0;
              cursor: pointer;
              touch-action: manipulation;
              border-radius: 0;
              padding: 10px 5px; }
.user-account .account-page .content-area .account-card .shopping-list-row .list-options .seperate {
              display: inline-block;
              width: 1px;
              height: 20px;
              background-color: #1A1A1A; }
.user-account .account-page .content-area .account-card .shopping-list-row p,
          .user-account .account-page .content-area .account-card .shopping-list-row a {
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-size: 14px;
            color: #393939;
            text-decoration: none; }
.user-account .account-page .content-area .account-card .shopping-list-row .title {
            color: #3D9939;
            text-transform: uppercase;
            font-weight: 600; }
.user-account .account-page .content-area .account-card .slist-product-row {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap;
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
          border-radius: 10px;
          margin-bottom: 30px;
          position: relative; }
@media (max-width: 600px) {
            .user-account .account-page .content-area .account-card .slist-product-row {
              justify-content: space-between; } }
.user-account .account-page .content-area .account-card .slist-product-row .product-price {
            position: relative;
            width: 120px;
            height: 120px;
            padding-left: 10px;
            padding-top: 30px; }
@media (min-width: 2000px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-price {
                margin-right: 20px; } }
@media (max-width: 1875px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-price {
                width: 100px; } }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-price {
                order: 3;
                width: 30%;
                margin: 0; } }
@media (max-width: 380px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-price {
                width: 25%; } }
.user-account .account-page .content-area .account-card .slist-product-row .product-price:before {
              content: "";
              position: absolute;
              bottom: -10px;
              left: 0;
              z-index: 1;
              width: 120px;
              height: 120px;
              background: url("../img/price-circle.90577ccd201d.png");
              background-size: contain;
              background-repeat: no-repeat;
              -webkit-transform: rotate(90deg);
                      transform: rotate(90deg); }
@media (max-width: 600px) {
                .user-account .account-page .content-area .account-card .slist-product-row .product-price:before {
                  width: 100px;
                  height: 100px; } }
.user-account .account-page .content-area .account-card .slist-product-row .product-price .currency {
              font-family: "VAG Rounded Std";
              font-style: normal;
              font-style: normal;
              font-weight: 600;
              color: #AEC1CB;
              font-size: 16px;
              letter-spacing: 2px;
              margin-bottom: 0;
              margin-top: 14px;
              position: relative;
              z-index: 2;
              text-align: left; }
.user-account .account-page .content-area .account-card .slist-product-row .product-price .price {
              font-family: "VAG Rounded Std";
              font-style: normal;
              font-style: normal;
              font-weight: 600;
              color: #3D9939;
              font-size: 23px;
              margin-bottom: 0;
              line-height: 1;
              position: relative;
              z-index: 2;
              text-align: left; }
.user-account .account-page .content-area .account-card .slist-product-row .product-price .price sup {
                font-size: 12px;
                letter-spacing: normal;
                font-weight: normal;
                top: -7px; }
.user-account .account-page .content-area .account-card .slist-product-row .product-price .price span {
                font-size: 11px;
                letter-spacing: normal;
                font-weight: normal;
                position: relative;
                left: 0;
                top: 12px;
                color: #AEC1CB;
                display: block;
                width: 100%; }
.user-account .account-page .content-area .account-card .slist-product-row .product-img {
            max-height: 120px;
            height: 120px;
            overflow: hidden;
            padding: 0 20px; }
@media (max-width: 1672px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-img {
                min-width: 140px; } }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-img {
                order: 1; } }
@media (max-width: 380px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-img {
                padding: 0;
                min-width: 120px; } }
.user-account .account-page .content-area .account-card .slist-product-row .product-img .img-bx {
              width: 100%;
              height: 100%; }
.user-account .account-page .content-area .account-card .slist-product-row .product-img img {
              -o-object-fit: contain;
                 object-fit: contain;
              height: 100%; }
.user-account .account-page .content-area .account-card .slist-product-row .product-info {
            padding: 0 20px;
            flex-grow: 1; }
@media (max-width: 2000px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-info {
                max-width: 442px;
                padding-right: 0; } }
@media (max-width: 1850px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-info {
                max-width: 400px; } }
@media (max-width: 1680px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-info {
                max-width: 300px; } }
@media (max-width: 1480px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-info {
                max-width: 220px; } }
@media (max-width: 1200px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-info {
                max-width: 320px;
                padding-left: 0; } }
@media (max-width: 900px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-info {
                max-width: 180px; } }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-info {
                order: 2;
                width: calc(100% - 180px);
                padding: 30px 15px 0; } }
.user-account .account-page .content-area .account-card .slist-product-row .product-info .product-name {
              margin-bottom: 0;
              font-family: "VAG Rounded Std";
              font-style: normal;
              font-size: 17px;
              color: #393939; }
.user-account .account-page .content-area .account-card .slist-product-row .remove-product {
            background-color: #fff;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 0;
            background-color: transparent;
            cursor: pointer; }
.user-account .account-page .content-area .account-card .slist-product-row .remove-product:focus {
              outline: none;
              box-shadow: none; }
.user-account .account-page .content-area .account-card .slist-product-row .product-add-min {
            padding: 0 20px;
            flex-shrink: 1;
            min-width: 240px; }
@media (max-width: 1800px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-add-min {
                min-width: 220px;
                display: flex;
                justify-content: flex-end;
                position: absolute;
                right: 0;
                bottom: 12px; } }
@media (max-width: 720px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-add-min {
                position: relative;
                bottom: auto; } }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .slist-product-row .product-add-min {
                order: 4;
                min-width: 60%; } }
.user-account .account-page .content-area .account-card .slist-product-row .product-add-min .add-to-cart-bx {
              display: block;
              position: relative; }
.user-account .account-page .content-area .account-card .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min {
                margin: 0; }
.user-account .account-page .content-area .account-card .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min button {
                  background-color: #fff;
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  appearance: none;
                  border: 0; }
.user-account .account-page .content-area .account-card .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min button.min {
                    border-right: 1px solid #E3E3E3; }
.user-account .account-page .content-area .account-card .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min button.plus {
                    border-left: 1px solid #E3E3E3; }
.user-account .account-page .content-area .account-card .slist-product-row .product-add-min .add-to-cart-bx .plus-value-min button:focus {
                    outline: none;
                    box-shadow: none; }
@media (max-width: 1200px) {
                .user-account .account-page .content-area .account-card .slist-product-row .product-add-min .add-to-cart-bx .min, .user-account .account-page .content-area .account-card .slist-product-row .product-add-min .add-to-cart-bx .plus {
                  min-width: 60x; } }
.user-account .account-page .content-area .account-card .slist-product-row .product-add-min .add-to-cart-bx .value {
                min-width: 70px; }
@media (max-width: 1200px) {
                  .user-account .account-page .content-area .account-card .slist-product-row .product-add-min .add-to-cart-bx .value {
                    min-width: 100px; } }
.user-account .account-page .content-area .account-card .slist-product-row .product-add-min .add-to-cart-bx .value p {
                  font-size: 16px; }
.user-account .account-page .content-area .account-card .slist-product-row .remove-product {
            position: absolute;
            top: 5px;
            right: 20px;
            color: #ddd;
            font-family: "VAG Rounded Std";
            font-style: normal;
            font-size: 12px; }
.user-account .account-page .content-area .account-card .slist-product-row .remove-product img {
              margin-left: 6px; }
.user-account .account-page .content-area .account-card .recipes-row {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          flex-wrap: wrap; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx {
            position: relative;
            overflow: hidden;
            flex: 0 0 23.5%;
            max-width: 23.5%;
            margin-bottom: 30px;
            margin-right: 1.5%; }
@media (max-width: 2000px) {
              .user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx {
                flex: 0 0 31.5%;
                max-width: 31.5%; } }
@media (max-width: 1680px) {
              .user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx {
                flex: 0 0 48.5%;
                max-width: 48.5%; } }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx {
                flex: 0 0 100%;
                max-width: 100%;
                margin-right: 0; } }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx.bookmarked .fav-add .heart {
              fill: #fff; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .overlay {
              position: absolute;
              z-index: 2;
              background-color: rgba(0, 0, 0, 0.3);
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              right: 0; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .close-list {
              display: none;
              position: absolute;
              right: 15px;
              cursor: pointer;
              padding: 10px;
              z-index: 12;
              top: 14px;
              width: 40px; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .list-added {
              display: none; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx {
              position: absolute;
              z-index: 10;
              top: 0;
              background-color: #fff;
              width: 60%;
              height: 80%;
              box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
              border-radius: 6px;
              border-top-right-radius: 0;
              right: -120%;
              transition: right 0.4s ease-out; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .fav-list {
                list-style: none;
                padding-left: 15px;
                max-height: 80%;
                overflow-y: auto;
                text-align: left;
                margin-bottom: 0;
                padding-bottom: 80px; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .fav-list::-webkit-scrollbar {
                  width: 8px;
                  height: 12px; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .fav-list::-webkit-scrollbar-track {
                  box-shadow: none;
                  background-color: #F4F4F4; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .fav-list::-webkit-scrollbar-thumb {
                  background-color: #bababa;
                  outline: none; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .fav-list li {
                  padding: 5px 0; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .choose-list,
              .user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .create-list {
                height: 80%;
                overflow-y: hidden; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .create-list .title.back {
                padding-left: 30px;
                cursor: pointer; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .create-list .title.back:after {
                  content: url("../icons/back-to-list.ff12ddb2a3c4.svg");
                  position: absolute;
                  left: 15px; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .title {
                font-family: "VAG Rounded Std";
                font-style: normal;
                font-style: normal;
                font-weight: bold;
                color: #3D9939;
                padding: 21px 0 0 17px;
                position: static;
                text-align: left; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .btn {
                width: 80% !important; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .create-new-list {
                position: absolute;
                bottom: 0;
                background-color: #FF8A26;
                color: #fff;
                font-family: "VAG Rounded Std";
                font-style: normal;
                font-style: normal;
                font-weight: normal;
                width: 100%;
                padding: 8px;
                border-bottom-left-radius: 6px;
                border-bottom-right-radius: 6px;
                cursor: pointer; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .create-new-list:hover {
                  background-color: #3d9939; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .create-new-list:after {
                  content: url("../icons/add-to-list.425fb8e822b5.svg");
                  position: absolute;
                  z-index: 2;
                  right: 15px; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .list-new {
                border: 0;
                background-color: #f6f6f6;
                border-radius: 4px;
                margin: 0 15px;
                padding: 10px 15px;
                width: 80%; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx .btn.create {
                background-color: #FF8A26;
                color: #fff;
                position: absolute;
                bottom: 15px;
                left: 15px; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .fav-list-bx.active {
              right: 0; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .title {
              position: absolute;
              z-index: 3;
              color: #fff;
              font-family: "VAG Rounded Std";
              font-style: normal;
              font-style: normal;
              font-weight: bold;
              font-size: 1.2rem !important;
              letter-spacing: 1px;
              top: 50%;
              margin: auto;
              left: 0;
              right: 0; }
@media (max-width: 500px) {
                .user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .title {
                  top: 45%;
                  font-size: 1em; } }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .btn {
              color: #fff;
              border: 1px solid #fff;
              position: absolute;
              z-index: 3;
              bottom: 20px;
              margin: auto;
              left: 0;
              right: 0;
              width: 142px; }
.user-account .account-page .content-area .account-card .recipes-row .s-recipes-bx .category {
              position: absolute;
              top: 20px;
              text-align: center;
              z-index: 4;
              width: 100%;
              color: #fff;
              font-family: "VAG Rounded Std";
              font-style: normal;
              font-style: normal;
              font-weight: normal;
              text-transform: uppercase;
              letter-spacing: 1px; }
.user-account .account-page .content-area .account-card .recipes-row .fav-add {
            position: absolute;
            right: 20px;
            top: 20px;
            z-index: 3;
            cursor: pointer;
            width: 58px;
            will-change: scale;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            box-shadow: none;
            text-shadow: none;
            /* transform: scale(1.1); */
            color: #0056b3;
            text-decoration: underline;
            background-color: transparent;
            border-color: transparent;
            outline: none; }
@media (max-width: 1300px) {
              .user-account .account-page .content-area .account-card .recipes-row .fav-add {
                width: 40px; } }
.user-account .account-page .content-area .account-card .recipes-row .fav-add:hover {
              -webkit-transform: scale(1.1);
                      transform: scale(1.1); }
.user-account .account-page .content-area .account-card .recipes-row .fav-add .border {
              fill: none;
              stroke: #FFFFFF;
              stroke-width: 2; }
.user-account .account-page .content-area .account-card .recipes-row .fav-add .heart {
              fill: transparent;
              stroke: #fff;
              stroke-width: 2;
              will-change: fill;
              transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.user-account .account-page .content-area .account-card .address-type {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap;
          margin-top: 8px; }
.user-account .account-page .content-area .account-card .address-type label {
            border: 1px solid #e6e6e6;
            color: #393939;
            padding: 14px 25px;
            max-height: 50px;
            flex-grow: 1;
            width: auto;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            border-radius: 4px;
            margin: 0 5px;
            text-align: center;
            cursor: pointer;
            margin-bottom: 10px;
            font-size: calc(0 * 100vw + 14px);
            justify-content: center; }
.user-account .account-page .content-area .account-card .address-type label:hover {
              background-color: #3D9939;
              color: #fff; }
.user-account .account-page .content-area .account-card .address-type label.active {
              background-color: #3D9939;
              color: #fff; }
.user-account .account-page .content-area .account-card .email-pref {
          padding-left: 0;
          list-style: none;
          margin-bottom: 0; }
.user-account .account-page .content-area .account-card .email-pref li {
            padding: 10px 0;
            padding-left: 40px; }
@media (max-width: 600px) {
              .user-account .account-page .content-area .account-card .email-pref li {
                padding-left: 0; } }
.user-account .account-page .content-area .account-card .email-pref li label {
              color: #393939;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              cursor: pointer; }
@media (max-width: 600px) {
                .user-account .account-page .content-area .account-card .email-pref li label {
                  align-items: flex-start; } }
.user-account .account-page .content-area .account-card .email-pref li label.checked .s-card-check #s-card-tick-mark .circle-card {
                fill: #3D9939;
                stroke: #3D9939; }
.user-account .account-page .content-area .account-card .email-pref li label.checked .s-card-check #s-card-tick-mark .circle-card circle:last-child {
                  display: none; }
.user-account .account-page .content-area .account-card .email-pref li label svg {
                margin-right: 10px;
                min-width: 25px; }
.user-account .account-page .content-area .account-card .last-row {
          width: 100%;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          padding: 30px 15px 15px; }
.user-account .account-page .content-area .account-card .last-row .btn {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 0;
            padding: 0;
            background: transparent;
            text-decoration: none;
            color: inherit;
            transition: color 200ms;
            outline: 0;
            cursor: pointer;
            touch-action: manipulation;
            padding: 14px 25px;
            color: #3D9939;
            font-family: "VAG Rounded Std";
            font-style: normal;
            border-radius: 4px;
            border: 1px solid #3D9939;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            text-align: center; }
.user-account .account-page .content-area .account-card .last-row .btn:hover {
              background-color: #3D9939;
              color: #fff; }
.user-account .account-page .content-area .account-card .last-row .btn.red {
              color: #ff6347;
              border-color: #ff6347; }
.user-account .account-page .content-area .account-card .last-row .btn.red:hover {
                background-color: #ff6347;
                color: #fff; }
.user-account .account-page .content-area .account-card .anchor-as-button {
          display: block;
          margin: 30px auto; }
.user-account .account-page .content-area .split-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        width: 100%;
        padding-top: 20px; }
@media (max-width: 720px) {
          .user-account .account-page .content-area .split-row {
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start; } }
.user-account .account-page .content-area .split-row h3 {
          display: inline-block; }
.user-account .account-page .content-area .split-row input {
          margin: 0 !important; }
.user-account .account-page .content-area .split-row .red-btn {
          color: #FF8A26 !important;
          border-color: #FF8A26 !important; }
.user-account .account-page .content-area .split-row .red-btn:hover {
            background-color: #FF8A26 !important;
            color: #fff !important; }
.user-account .account-page .content-area .split-row .btn {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          border: 0;
          padding: 0;
          background: transparent;
          text-decoration: none;
          color: inherit;
          transition: color 200ms;
          outline: 0;
          cursor: pointer;
          touch-action: manipulation;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-size: 14px;
          line-height: 1.25;
          font-weight: 400;
          letter-spacing: 0.02em;
          font-size: calc(0 * 100vw + 14px);
          border: 1px solid #3D9939;
          color: #3D9939;
          padding: 14px;
          width: auto;
          height: 50px;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          min-width: 163px; }
.user-account .account-page .content-area .split-row .btn:hover {
            background-color: #3D9939;
            color: #fff; }
.account-popup {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none; }
.account-popup.active {
    display: flex; }
.account-popup.edit-member-list .popup-inner form select, .account-popup.add-shopping-list .popup-inner form select {
    position: relative;
    display: inline-block;
    justify-content: space-between;
    align-items: center;
    max-width: 150px;
    min-width: 140px;
    padding: 12px 28px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #1A1A1A; }
.account-popup.promocode .popup-inner form input[type="submit"] {
    float: none; }
.account-popup.promocode .popup-inner form .cancel-popup {
    background-color: transparent;
    color: #BABABA;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    border-radius: 3px;
    padding: 15px 40px;
    display: inline-block;
    text-decoration: none;
    float: right;
    border: 1px solid #BABABA;
    line-height: 1;
    height: 44px; }
.account-popup.map-locate .popup-inner {
    max-width: 60%; }
@media screen and (max-width: 600px) {
      .account-popup.map-locate .popup-inner {
        max-width: 100%; } }
.account-popup.map-locate .popup-inner .confirm-map-location {
      background-color: #FF8A26;
      color: #fff;
      margin-top: 30px;
      width: auto;
      max-width: 100%;
      float: right;
      padding: 15px 25px;
      font-weight: 500;
      font-size: 13px;
      min-width: 120px; }
.account-popup.add-card form, .account-popup.edit-address form, .account-popup.add-address form, .account-popup.add-shopping-list form, .account-popup.edit-member-list form {
    width: 100%; }
.account-popup.add-card form .form-row, .account-popup.edit-address form .form-row, .account-popup.add-address form .form-row, .account-popup.add-shopping-list form .form-row, .account-popup.edit-member-list form .form-row {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center; }
.account-popup.add-card form .form-row .form-full-column, .account-popup.edit-address form .form-row .form-full-column, .account-popup.add-address form .form-row .form-full-column, .account-popup.add-shopping-list form .form-row .form-full-column, .account-popup.edit-member-list form .form-row .form-full-column {
        width: 100%;
        display: flex;
        justify-content: space-between; }
.account-popup.add-card form .form-row .form-half-column, .account-popup.edit-address form .form-row .form-half-column, .account-popup.add-address form .form-row .form-half-column, .account-popup.add-shopping-list form .form-row .form-half-column, .account-popup.edit-member-list form .form-row .form-half-column {
        width: 49%; }
.account-popup.add-card form .form-row input, .account-popup.edit-address form .form-row input, .account-popup.add-address form .form-row input, .account-popup.add-shopping-list form .form-row input, .account-popup.edit-member-list form .form-row input {
        width: 100%; }
.account-popup.add-card form .form-row p, .account-popup.edit-address form .form-row p, .account-popup.add-address form .form-row p, .account-popup.add-shopping-list form .form-row p, .account-popup.edit-member-list form .form-row p {
        font-size: 16px;
        font-weight: normal;
        line-height: 1.2; }
.account-popup.add-card form .form-row .form-group, .account-popup.edit-address form .form-row .form-group, .account-popup.add-address form .form-row .form-group, .account-popup.add-shopping-list form .form-row .form-group, .account-popup.edit-member-list form .form-row .form-group {
        width: 100%; }
.account-popup.add-card form .form-row .form-group input, .account-popup.edit-address form .form-row .form-group input, .account-popup.add-address form .form-row .form-group input, .account-popup.add-shopping-list form .form-row .form-group input, .account-popup.edit-member-list form .form-row .form-group input {
          border: 0;
          margin-bottom: 0; }
.account-popup.add-card form .form-row .form-group ul, .account-popup.edit-address form .form-row .form-group ul, .account-popup.add-address form .form-row .form-group ul, .account-popup.add-shopping-list form .form-row .form-group ul, .account-popup.edit-member-list form .form-row .form-group ul {
          margin-bottom: 0; }
.account-popup.add-card form .form-row .form-group ul li, .account-popup.edit-address form .form-row .form-group ul li, .account-popup.add-address form .form-row .form-group ul li, .account-popup.add-shopping-list form .form-row .form-group ul li, .account-popup.edit-member-list form .form-row .form-group ul li {
            display: inline-block; }
.account-popup.add-card .toggle-edit-view-drop, .account-popup.edit-address .toggle-edit-view-drop, .account-popup.add-address .toggle-edit-view-drop, .account-popup.add-shopping-list .toggle-edit-view-drop, .account-popup.edit-member-list .toggle-edit-view-drop {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 150px;
    min-width: 140px;
    padding: 12px 28px;
    border: 1px solid  #F2F2F2;
    border-radius: 3px;
    color: #1A1A1A;
    text-decoration: none;
    float: left; }
.account-popup.add-card .toggle-edit-view-drop .edit-view-drop, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop {
      display: none;
      position: absolute;
      background-color: #fff;
      box-shadow: 0 0px 14px rgba(0, 0, 0, 0.15);
      top: 60px;
      left: 0;
      padding: 24px;
      border-radius: 5px;
      min-width: 245px; }
.account-popup.add-card .toggle-edit-view-drop .edit-view-drop.active, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop.active, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop.active, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop.active, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop.active {
        display: block; }
.account-popup.add-card .toggle-edit-view-drop .edit-view-drop ul, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop ul, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop ul, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop ul, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop ul {
        padding: 0;
        list-style: none;
        margin-bottom: 0; }
.account-popup.add-card .toggle-edit-view-drop .edit-view-drop ul li, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop ul li, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop ul li, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop ul li, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop ul li {
          margin-bottom: 20px;
          color: #8C8C8C;
          font-size: 16px; }
.account-popup.add-card .toggle-edit-view-drop .edit-view-drop ul li:last-child, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop ul li:last-child, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop ul li:last-child, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop ul li:last-child, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop ul li:last-child {
            margin-bottom: 0; }
.account-popup.add-card .toggle-edit-view-drop .edit-view-drop ul li.selected span, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop ul li.selected span, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop ul li.selected span, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop ul li.selected span, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop ul li.selected span {
            color: #FF8A26; }
.account-popup.add-card .toggle-edit-view-drop .edit-view-drop ul li span, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop ul li span, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop ul li span, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop ul li span, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop ul li span {
            color: #1A1A1A; }
.account-popup.add-card .grey-title, .account-popup.edit-address .grey-title, .account-popup.add-address .grey-title, .account-popup.add-shopping-list .grey-title, .account-popup.edit-member-list .grey-title {
    color: #BABABA; }
.account-popup.add-card .s-member-list, .account-popup.edit-address .s-member-list, .account-popup.add-address .s-member-list, .account-popup.add-shopping-list .s-member-list, .account-popup.edit-member-list .s-member-list {
    padding: 0;
    list-style: none;
    width: 100%; }
.account-popup.add-card .s-member-list li, .account-popup.edit-address .s-member-list li, .account-popup.add-address .s-member-list li, .account-popup.add-shopping-list .s-member-list li, .account-popup.edit-member-list .s-member-list li {
      font-size: 16px;
      color: #1A1A1A; }
.account-popup.add-card .s-member-list li span.remove-member-from-list, .account-popup.edit-address .s-member-list li span.remove-member-from-list, .account-popup.add-address .s-member-list li span.remove-member-from-list, .account-popup.add-shopping-list .s-member-list li span.remove-member-from-list, .account-popup.edit-member-list .s-member-list li span.remove-member-from-list {
        color: #FF816B;
        display: inline-block;
        float: right;
        cursor: pointer; }
.account-popup.add-card .multiple_emails-container, .account-popup.edit-address .multiple_emails-container, .account-popup.add-address .multiple_emails-container, .account-popup.add-shopping-list .multiple_emails-container, .account-popup.edit-member-list .multiple_emails-container {
    border: 1px #ccc solid;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding: 0;
    margin: 0;
    cursor: text;
    width: 100%;
    min-height: 100px; }
.account-popup.add-card .multiple_emails-container input, .account-popup.edit-address .multiple_emails-container input, .account-popup.add-address .multiple_emails-container input, .account-popup.add-shopping-list .multiple_emails-container input, .account-popup.edit-member-list .multiple_emails-container input {
    clear: both;
    width: 100%;
    border: 0;
    outline: none;
    margin-bottom: 3px;
    padding-left: 5px; }
.account-popup.add-card .multiple_emails-container input.multiple_emails-error, .account-popup.edit-address .multiple_emails-container input.multiple_emails-error, .account-popup.add-address .multiple_emails-container input.multiple_emails-error, .account-popup.add-shopping-list .multiple_emails-container input.multiple_emails-error, .account-popup.edit-member-list .multiple_emails-container input.multiple_emails-error {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red;
    outline: thin auto red; }
.account-popup.add-card .multiple_emails-container ul, .account-popup.edit-address .multiple_emails-container ul, .account-popup.add-address .multiple_emails-container ul, .account-popup.add-shopping-list .multiple_emails-container ul, .account-popup.edit-member-list .multiple_emails-container ul {
    list-style-type: none;
    padding-left: 0; }
.account-popup.add-card .multiple_emails-email, .account-popup.edit-address .multiple_emails-email, .account-popup.add-address .multiple_emails-email, .account-popup.add-shopping-list .multiple_emails-email, .account-popup.edit-member-list .multiple_emails-email {
    margin: 3px 5px 3px 5px;
    padding: 3px 5px 3px 5px;
    border: 1px #EFEFEF solid;
    border-radius: 36px;
    background: #EFEFEF;
    padding: 12px 20px; }
.account-popup.add-card .multiple_emails-email .email_name, .account-popup.edit-address .multiple_emails-email .email_name, .account-popup.add-address .multiple_emails-email .email_name, .account-popup.add-shopping-list .multiple_emails-email .email_name, .account-popup.edit-member-list .multiple_emails-email .email_name {
      font-size: 12px;
      font-weight: normal; }
.account-popup.add-card .multiple_emails-close, .account-popup.edit-address .multiple_emails-close, .account-popup.add-address .multiple_emails-close, .account-popup.add-shopping-list .multiple_emails-close, .account-popup.edit-member-list .multiple_emails-close {
    float: right;
    margin: 0 3px;
    margin-left: 15px; }
.account-popup .popup-inner {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0px 14px rgba(0, 0, 0, 0.15);
    width: 100%;
    max-width: 480px;
    padding: 40px;
    position: relative; }
@media screen and (max-width: 600px) {
      .account-popup .popup-inner {
        padding: 30px; } }
.account-popup .popup-inner .close--popup {
      cursor: pointer;
      position: absolute;
      right: 40px;
      top: 40px; }
@media screen and (max-width: 600px) {
        .account-popup .popup-inner .close--popup {
          right: 30px;
          top: 30px; } }
.account-popup .popup-inner .title {
      font-size: calc(0.00536 * 100vw + 16.03004px);
      font-weight: normal;
      color: #1A1A1A;
      line-height: 1;
      font-weight: 500; }
@media screen and (min-width: 1672px) {
        .account-popup .popup-inner .title {
          font-size: 26px; } }
.account-popup .popup-inner .pop-txt {
      font-size: 16px;
      line-height: 20px;
      color: #5F5F5F; }
.account-popup .popup-inner .bottom-row {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
.account-popup .popup-inner .bottom-row .btn.green {
        margin-left: 15px;
        background-color: #FF8A26;
        color: #fff; }
.account-popup .popup-inner form {
      width: 100%; }
.account-popup .popup-inner form textarea {
        width: 100%;
        border: 1px solid #BABABA;
        border-radius: 5px;
        height: 123px;
        max-height: 123px;
        resize: none;
        padding: 12px 18px;
        color: #8C8C8C;
        font-size: 16px; }
.account-popup .popup-inner form textarea:focus {
          outline: none;
          box-shadow: none; }
.account-popup .popup-inner form input[type="text"], .account-popup .popup-inner form input[type="tel"], .account-popup .popup-inner form input[type="email"] {
        width: 100%;
        border: 1px solid #BABABA;
        border-radius: 5px;
        resize: none;
        padding: 12px 18px;
        color: #8C8C8C;
        font-size: 16px;
        margin-bottom: 30px; }
.account-popup .popup-inner form input[type="text"]:focus, .account-popup .popup-inner form input[type="tel"]:focus, .account-popup .popup-inner form input[type="email"]:focus {
          outline: none;
          box-shadow: none; }
.account-popup .popup-inner form input[type="submit"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        padding: 0;
        background: transparent;
        text-decoration: none;
        color: inherit;
        transition: color 200ms;
        outline: 0;
        cursor: pointer;
        touch-action: manipulation;
        background-color: #FF8A26;
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 13px;
        border-radius: 3px;
        padding: 15px 40px;
        display: inline-block;
        float: right;
        border: 1px solid #FF8A26;
        height: 44px;
        line-height: 1; }
.account-popup .popup-inner form .address-select {
        width: 49%;
        text-align: center;
        display: inline-block;
        padding: 12px 20px;
        border: 1px solid #BABABA;
        color: #BABABA;
        border-radius: 4px;
        margin-top: 20px;
        cursor: pointer; }
.account-popup .popup-inner form .address-select.selected {
          background-color: #E2E6E4;
          color: #FF8A26;
          border-color: #FF8A26; }
.account-popup .popup-inner form .save-card {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 16px;
        font-weight: normal;
        cursor: pointer; }
.account-popup .popup-inner form .save-card.checked svg .check-circle {
          fill: #FF8A26;
          stroke: #FF8A26; }
.account-popup .popup-inner form .save-card.checked svg .check-tick {
          stroke: #fff; }
.account-popup .popup-inner form .save-card svg {
          margin-right: 15px; }
.account-popup .popup-inner form .save-card svg .check-circle {
            fill: #fff;
            stroke: #BABABA; }
.account-popup .popup-inner form .save-card svg .check-tick {
            stroke: #fff; }
.c-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
  box-sizing: border-box;
  z-index: 999;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  display: none; }
.c-popup.active {
    display: flex; }
@media (max-width: 600px) {
    .c-popup.pin-location .popup-inner {
      width: 100%;
      height: 100%;
      border-radius: 0;
      padding: 20px; }
      .c-popup.pin-location .popup-inner #map-locate {
        min-height: 65vh; } }
.c-popup .popup-inner {
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #F4F4F2;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    width: 80%;
    max-width: 1200px;
    padding: 40px; }
.c-popup .popup-inner .popup-head {
      width: 100%; }
.c-popup .popup-inner .popup-body .confirm-map-location {
      background-color: #FF8A26;
      color: #fff;
      margin-top: 30px;
      width: auto;
      max-width: 100%;
      float: right;
      padding: 15px 25px;
      font-weight: 500;
      font-size: 13px;
      min-width: 120px; }
.sign-in-popup {
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }
.sign-in-popup .modal-dialog {
    height: 100%;
    display: flex;
    align-items: center; }
.sign-in-popup .modal {
    position: static;
    width: 45%;
    border-radius: 6px; }
@media (max-width: 800px) {
      .sign-in-popup .modal {
        width: 80%; } }
@media (max-width: 480px) {
      .sign-in-popup .modal {
        width: 94%;
        padding-right: 0 !important; } }
.sign-in-popup .modal .modal-content {
      border-color: transparent;
      box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11); }
.sign-in-popup .modal .modal-header {
      border-bottom: 0;
      position: relative; }
.sign-in-popup .modal .modal-header .close-modal {
        width: 24px;
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
        z-index: 10; }
.sign-in-popup .modal .modal-body {
      padding: 50px;
      padding-top: 10px; }
@media (max-width: 900px) {
        .sign-in-popup .modal .modal-body {
          padding: 15px; } }
.sign-in-popup .modal .modal-body .section-title {
        color: #3d9939;
        margin-top: 0; }
.sign-in-popup .modal .modal-body .signin {
        width: 100%; }
.sign-in-popup .modal .modal-body .signin label,
        .sign-in-popup .modal .modal-body .signin input {
          display: block !important;
          width: 100% !important; }
.sign-in-popup .modal .modal-body .signin label {
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-size: 16px;
          color: #3D9939;
          margin-bottom: 0;
          width: 100%; }
.sign-in-popup .modal .modal-body .signin input {
          font-family: "VAG Rounded Std";
          font-style: normal;
          color: #393939;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          border: 1px solid #e6e6e6;
          background: white;
          height: 50px;
          width: 100%;
          padding-left: 10px;
          padding-right: 10px;
          border-radius: 4px;
          line-height: 1.25;
          font-weight: 400;
          letter-spacing: 0.02em;
          font-size: calc(0 * 100vw + 14px);
          margin-top: 10px;
          margin-bottom: 30px; }
.sign-in-popup .modal .modal-body .signin .bottom {
          display: flex;
          justify-content: space-between; }
.sign-in-popup .modal .modal-body .signin .bottom .submit {
            background-color: #3d9939;
            color: #fff; }
.sign-in-popup .modal .modal-body .signin .bottom .forgot-password {
            text-decoration: underline;
            padding-right: 0;
            padding-left: 0;
            float: right; }
.sign-in-popup .modal .modal-body .social-btn-area {
        margin-top: 10px;
        justify-content: space-between;
        display: flex; }
@media (max-width: 600px) {
          .sign-in-popup .modal .modal-body .social-btn-area {
            flex-direction: column; } }
.sign-in-popup .modal .modal-body .social-btn-area .btn-social {
          padding-right: 0px !important; }
.sign-in-popup .modal .modal-footer {
      justify-content: center;
      flex-direction: column;
      align-items: center; }
.sign-in-popup .modal .modal-footer .signup {
        background-color: #FF8A26;
        color: #fff;
        margin-bottom: 20px; }
.reorder-modal .modal-dialog {
  height: 100vh;
  align-items: center;
  display: flex;
  margin-top: 0px !important;
  margin-bottom: 0px !important; }
@media (min-width: 576px) {
    .reorder-modal .modal-dialog {
      max-width: 720px; } }
.reorder-modal .modal-dialog .modal-header {
    justify-content: start;
    display: inline-block; }
.reorder-modal .modal-dialog .modal-header h5 {
      font-size: 30px;
      line-height: 1.67;
      letter-spacing: -0.15px;
      padding-left: 20px;
      padding-top: 20px;
      display: inline-block;
      padding-right: 10px;
      float: left; }
@media (min-width: 690px) {
        .reorder-modal .modal-dialog .modal-header h5 {
          padding-bottom: 20px; } }
.reorder-modal .modal-dialog .modal-header > span {
      display: inline-block;
      float: left;
      padding-left: 20px; }
@media (min-width: 690px) {
        .reorder-modal .modal-dialog .modal-header > span {
          padding-top: 25px; } }
.reorder-modal .modal-dialog .modal-header .close {
      position: absolute;
      right: 20px;
      margin: 0px;
      padding: 0px;
      top: 20px; }
.reorder-modal .modal-dialog .modal-body {
    padding: 0px; }
.reorder-modal .modal-dialog .modal-body .cart {
      max-height: 40vh;
      overflow-y: auto; }
.reorder-modal .modal-dialog .modal-body .cart .item {
        padding-bottom: 15px;
        padding-top: 15px;
        padding: 20px;
        justify-content: space-evenly;
        border-bottom: 1px solid rgba(202, 189, 189, 0.2);
        flex-flow: wrap-reverse; }
@media (min-width: 690px) {
          .reorder-modal .modal-dialog .modal-body .cart .item {
            display: flex;
            padding-left: 0px;
            padding-right: 0px; } }
.reorder-modal .modal-dialog .modal-body .cart .item .img {
          margin-top: 10px;
          text-align: center; }
.reorder-modal .modal-dialog .modal-body .cart .item .img img {
            height: 100%;
            width: 100%;
            -o-object-fit: contain;
               object-fit: contain;
            max-width: 85px; }
.reorder-modal .modal-dialog .modal-body .cart .item .middle,
        .reorder-modal .modal-dialog .modal-body .cart .item .right {
          display: block;
          opacity: 1; }
.reorder-modal .modal-dialog .modal-body .cart .item .middle {
          max-width: 40%;
          margin-right: 15px;
          padding-top: 10px; }
.reorder-modal .modal-dialog .modal-body .cart .item .middle .excerpt {
            font-size: 15px;
            line-height: 1.2;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 27ch; }
.reorder-modal .modal-dialog .modal-body .cart .item .middle .weight {
            margin-top: 10px;
            display: block;
            line-height: 1.13;
            letter-spacing: 0.53px;
            color: #707070;
            font-size: 15px; }
.reorder-modal .modal-dialog .modal-body .cart .item .middle .remove-item {
            border: none;
            margin-top: 20px;
            padding: 0px; }
.reorder-modal .modal-dialog .modal-body .cart .item .middle .remove-item:hover {
              text-decoration: none; }
.reorder-modal .modal-dialog .modal-body .cart .item .middle .remove-item:focus {
              border: none;
              outline: none; }
.reorder-modal .modal-dialog .modal-body .cart .item .middle .remove-item img {
              width: 20px;
              margin-left: 0px;
              margin-right: 0px; }
.reorder-modal .modal-dialog .modal-body .cart .item .middle .remove-item span {
              padding-left: 5px;
              color: #1a1a1a;
              letter-spacing: 0.28px;
              vertical-align: middle;
              font-size: 14px; }
.reorder-modal .modal-dialog .modal-body .cart .item .right .price {
          color: #3D9939;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-style: normal;
          font-weight: bold;
          text-align: right;
          padding-right: 15px;
          padding-top: 10px;
          margin-bottom: 0;
          font-size: 16px; }
.reorder-modal .modal-dialog .modal-body .cart .item .right .each {
          color: #999;
          font-size: 12px;
          font-family: "VAG Rounded Std";
          font-style: normal;
          font-style: normal;
          font-weight: normal;
          margin-bottom: 4px;
          text-align: right;
          padding-right: 15px;
          margin-bottom: 0; }
.reorder-modal .modal-dialog .modal-body .cart .item .right .add-to-cart-bx {
          padding-top: 20px; }
.reorder-modal .modal-dialog .modal-body .cart .item .in-cart {
          display: none; }
.reorder-modal .modal-dialog .modal-body .view-all .text {
      color: #489f45;
      font-size: 15px;
      letter-spacing: 0.53px;
      width: 100%;
      text-align: left; }
.reorder-modal .modal-dialog .modal-body .view-all .text::after {
        content: url("../icons/arrow-green-right.f5e93a83eceb.svg");
        top: 2px;
        width: 10px;
        display: inline-block;
        background-size: contain;
        float: right;
        font-size: 15px;
        transition: 0.7s ease-in; }
.reorder-modal .modal-dialog .modal-body .view-all .text:hover::after {
        transition: 0.9s ease-in;
        -webkit-transform: translateX(100%);
                transform: translateX(100%); }
.reorder-modal .modal-dialog .modal-footer {
    justify-content: space-between;
    border-top: 1px solid rgba(202, 189, 189, 0.2); }
@media (max-width: 690px) {
      .reorder-modal .modal-dialog .modal-footer {
        display: inline-block; } }
.reorder-modal .modal-dialog .modal-footer .text {
      color: #1a1a1a;
      font-size: 17px;
      line-height: 1.01;
      letter-spacing: 0.51px;
      padding-left: 24px; }
@media (max-width: 690px) {
        .reorder-modal .modal-dialog .modal-footer .text {
          width: 100%;
          display: inline-block;
          padding-bottom: 20px;
          margin-left: .25rem; } }
.reorder-modal .modal-dialog .modal-footer .checkout {
      background-color: #FF8A26;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 300;
      font-style: normal;
      font-size: 16px;
      letter-spacing: 1px;
      padding: 8px 30px;
      border: transparent;
      width: 140px;
      padding: 0px;
      padding-top: 17px;
      height: 50px; }
.reorder-modal .modal-dialog .modal-footer .basket {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      font-style: normal;
      font-size: 16px;
      letter-spacing: 1.5px;
      border: 1px solid #EEEEEE;
      border-radius: 6px;
      color: #3D9939;
      background-color: #fff;
      width: 140px;
      padding: 0px;
      padding-top: 17px;
      margin-right: 10px;
      height: 50px; }
@media (max-width: 370px) {
      .reorder-modal .modal-dialog .modal-footer .btn {
        width: 100%;
        margin-bottom: 20px; } }
#map-locate {
  height: 100%;
  min-height: 450px; }
#map-locate #infowindow-content {
  display: inline; }
.pac-card {
  margin: 10px 10px 0 0;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  font-family: Roboto; }
#pac-container {
  padding-bottom: 12px;
  margin-right: 12px;
  z-index: 999999; }
.pac-container {
  z-index: 999999; }
.pac-controls {
  display: inline-block;
  padding: 5px 11px; }
.pac-controls label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300; }
#pac-input {
  background-color: #fff;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
  margin: 10px 10px;
  min-height: 50px;
  padding: 12px 20px;
  border-radius: 4px;
  border: 1px solid #BABABA;
  font-size: 14px;
  width: 98%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
@media (max-width: 600px) {
    #pac-input {
      width: 94%; } }
#pac-input:focus {
    outline: none;
    box-shadow: none; }
@media (max-width: 1500px) {
  .override {
    max-width: 85%; } }
@media (max-width: 900px) {
  .override {
    max-width: calc(100% - 40px); } }
@media (max-width: 1450px) {
  .substitutions .account-card {
    padding: 30px 15px !important; } }
.substitutions .account-card .product-row {
  position: relative; }
@media (max-width: 1200px) {
    .substitutions .account-card .product-row.titles {
      display: none !important; } }
@media (max-width: 1200px) {
    .substitutions .account-card .product-row {
      justify-content: flex-end !important;
      display: flex !important; } }
@media (max-width: 600px) {
    .substitutions .account-card .product-row {
      justify-content: flex-start !important; } }
.substitutions .account-card .product-row .item {
    flex: 0 0 auto !important;
    max-width: inherit !important;
    flex-grow: 1 !important; }
@media (max-width: 1800px) {
      .substitutions .account-card .product-row .item .product-name {
        max-width: 280px; } }
@media (max-width: 1360px) {
      .substitutions .account-card .product-row .item .product-name {
        max-width: 220px; } }
@media (max-width: 420px) {
      .substitutions .account-card .product-row .item .product-name {
        margin-bottom: 40px; } }
@media (max-width: 600px) {
      .substitutions .account-card .product-row .item .product-img {
        width: 120px !important; } }
@media (max-width: 420px) {
      .substitutions .account-card .product-row .item .product-img {
        width: 80px !important;
        margin-bottom: 40px; } }
.substitutions .account-card .product-row .qty, .substitutions .account-card .product-row .price, .substitutions .account-card .product-row .total, .substitutions .account-card .product-row .action {
    max-width: 200px !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
@media (max-width: 1800px) {
      .substitutions .account-card .product-row .qty, .substitutions .account-card .product-row .price, .substitutions .account-card .product-row .total, .substitutions .account-card .product-row .action {
        max-width: 180px !important; } }
.substitutions .account-card .product-row .qty .heading, .substitutions .account-card .product-row .qty .content, .substitutions .account-card .product-row .price .heading, .substitutions .account-card .product-row .price .content, .substitutions .account-card .product-row .total .heading, .substitutions .account-card .product-row .total .content, .substitutions .account-card .product-row .action .heading, .substitutions .account-card .product-row .action .content {
      width: 100%;
      text-align: center !important; }
@media (max-width: 600px) {
        .substitutions .account-card .product-row .qty .heading, .substitutions .account-card .product-row .qty .content, .substitutions .account-card .product-row .price .heading, .substitutions .account-card .product-row .price .content, .substitutions .account-card .product-row .total .heading, .substitutions .account-card .product-row .total .content, .substitutions .account-card .product-row .action .heading, .substitutions .account-card .product-row .action .content {
          padding-top: 0 !important; } }
@media (max-width: 600px) {
    .substitutions .account-card .product-row .qty::before {
      content: "" !important; } }
@media (max-width: 1200px) {
    .substitutions .account-card .product-row .action {
      justify-content: flex-end; } }
@media (max-width: 600px) {
    .substitutions .account-card .product-row .action {
      position: absolute;
      z-index: 2;
      right: 15px;
      bottom: 15px; } }
.substitutions .account-card .product-row .action a {
    display: inline-block;
    margin-top: 15px;
    background-color: #3D9939;
    color: #fff;
    text-align: center;
    padding: 14px 25px;
    max-height: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center; }
@media (max-width: 1200px) {
      .substitutions .account-card .product-row .action a {
        margin-top: 0; } }
.substitutions .account-card .product-row.inactive {
    opacity: 0.4;
    pointer-events: none; }
.substitutions .account-card .substitues-list {
  display: none; }
.substitutions .account-card .substitues-list .slist-product-row.disable {
    opacity: 0.4;
    pointer-events: none; }
.substitutions .finalize-row {
  padding-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
  width: 100% !important;
  margin-bottom: 20px; }
.substitutions .finalize-row label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    width: auto !important; }
@media (max-width: 600px) {
      .substitutions .finalize-row label {
        min-width: 100%;
        margin-top: 20px;
        justify-content: space-between; } }
.substitutions .finalize-row label input {
      display: none; }
.substitutions .finalize-row label input:checked + svg .circle-card {
      fill: #3D9939;
      stroke: #3D9939; }
.substitutions .finalize-row label svg {
      margin-right: 15px; }
@media (max-width: 600px) {
        .substitutions .finalize-row label svg {
          order: 2;
          margin-right: 0;
          margin-left: 15px; } }
.substitutions .finalize-row label .unavailable-txt {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-size: 18px;
      font-weight: 300; }
@media (max-width: 600px) {
        .substitutions .finalize-row label .unavailable-txt {
          order: 1; } }
.substitutions .finalize-row .orange {
    background-color: #FF8A26 !important;
    border-color: #FF8A26 !important;
    color: #fff !important;
    padding: 8px 30px !important;
    position: relative;
    box-sizing: border-box;
    line-height: 1 !important;
    display: flex;
    justify-content: center;
    align-items: center; }
@media (max-width: 600px) {
      .substitutions .finalize-row .orange {
        min-width: 100%;
        margin-top: 20px; } }
.substitutions .finalize-row .orange::after {
      content: url("../icons/arrow-white-right.aebd5377a1dd.svg");
      position: relative;
      z-index: 2;
      top: 2px;
      right: -15px; }
.substitutions .finalize-row .orange:hover {
      background-color: #FF8A26 !important;
      color: #fff !important;
      border-color: #FF8A26 !important; }
.substitutions .sub-row {
  padding-top: 20px; }
.substitutions .sub-row:last-child .product-row {
    border-bottom: 0 !important; }
.checkout-bx {
  background-color: #F6F6F6;
  overflow: hidden; }
@media (max-width: 600px) {
    .checkout-bx .container {
      max-width: 100% !important; } }
.checkout-bx .steps {
    position: relative; }
.checkout-bx .steps .sign-up-form {
      min-height: 760px; }
.checkout-bx .steps .step1,
    .checkout-bx .steps .step2,
    .checkout-bx .steps .step3,
    .checkout-bx .steps .step4,
    .checkout-bx .steps .step5 {
      padding-top: 80px;
      padding-bottom: 80px;
      background-color: #F6F6F6;
      width: 100%;
      transition: right 0.4s ease-out; }
.checkout-bx .steps .step1 .left,
      .checkout-bx .steps .step2 .left,
      .checkout-bx .steps .step3 .left,
      .checkout-bx .steps .step4 .left,
      .checkout-bx .steps .step5 .left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start; }
@media (max-width: 600px) {
          .checkout-bx .steps .step1 .left,
          .checkout-bx .steps .step2 .left,
          .checkout-bx .steps .step3 .left,
          .checkout-bx .steps .step4 .left,
          .checkout-bx .steps .step5 .left {
            margin-bottom: 60px; } }
.checkout-bx .steps .step1 .left .title,
        .checkout-bx .steps .step2 .left .title,
        .checkout-bx .steps .step3 .left .title,
        .checkout-bx .steps .step4 .left .title,
        .checkout-bx .steps .step5 .left .title {
          color: #63C04D;
          font-weight: bold;
          font-size: 1.4em;
          margin-bottom: 4px; }
.checkout-bx .steps .step1 .left .section-title,
        .checkout-bx .steps .step2 .left .section-title,
        .checkout-bx .steps .step3 .left .section-title,
        .checkout-bx .steps .step4 .left .section-title,
        .checkout-bx .steps .step5 .left .section-title {
          color: #3d9939;
          margin-top: 0; }
.checkout-bx .steps .step1 .left .step-svg,
        .checkout-bx .steps .step2 .left .step-svg,
        .checkout-bx .steps .step3 .left .step-svg,
        .checkout-bx .steps .step4 .left .step-svg,
        .checkout-bx .steps .step5 .left .step-svg {
          margin-top: 300px; }
@media (max-width: 1200px) {
            .checkout-bx .steps .step1 .left .step-svg,
            .checkout-bx .steps .step2 .left .step-svg,
            .checkout-bx .steps .step3 .left .step-svg,
            .checkout-bx .steps .step4 .left .step-svg,
            .checkout-bx .steps .step5 .left .step-svg {
              display: none; } }
.checkout-bx .steps .step1 .right,
      .checkout-bx .steps .step2 .right,
      .checkout-bx .steps .step3 .right,
      .checkout-bx .steps .step4 .right,
      .checkout-bx .steps .step5 .right {
        border-radius: 6px;
        min-height: 560px;
        position: relative;
        padding-right: 15px; }
@media (max-width: 600px) {
          .checkout-bx .steps .step1 .right,
          .checkout-bx .steps .step2 .right,
          .checkout-bx .steps .step3 .right,
          .checkout-bx .steps .step4 .right,
          .checkout-bx .steps .step5 .right {
            padding-right: 0; } }
.checkout-bx .steps .step1 .right .card,
        .checkout-bx .steps .step2 .right .card,
        .checkout-bx .steps .step3 .right .card,
        .checkout-bx .steps .step4 .right .card,
        .checkout-bx .steps .step5 .right .card {
          box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
          background-color: #fff;
          margin-bottom: 30px;
          border-color: transparent;
          padding: 40px; }
@media (max-width: 600px) {
            .checkout-bx .steps .step1 .right .card,
            .checkout-bx .steps .step2 .right .card,
            .checkout-bx .steps .step3 .right .card,
            .checkout-bx .steps .step4 .right .card,
            .checkout-bx .steps .step5 .right .card {
              padding: 20px;
              box-shadow: none;
              border: 1px solid rgba(0, 0, 0, 0.1); } }
.checkout-bx .steps .step1 .right .card input[type="radio"],
          .checkout-bx .steps .step2 .right .card input[type="radio"],
          .checkout-bx .steps .step3 .right .card input[type="radio"],
          .checkout-bx .steps .step4 .right .card input[type="radio"],
          .checkout-bx .steps .step5 .right .card input[type="radio"] {
            display: none; }
.checkout-bx .steps .step1 .right .card .btn,
          .checkout-bx .steps .step2 .right .card .btn,
          .checkout-bx .steps .step3 .right .card .btn,
          .checkout-bx .steps .step4 .right .card .btn,
          .checkout-bx .steps .step5 .right .card .btn {
            padding: 0; }
.checkout-bx .steps .step1 .right .card .accord,
          .checkout-bx .steps .step2 .right .card .accord,
          .checkout-bx .steps .step3 .right .card .accord,
          .checkout-bx .steps .step4 .right .card .accord,
          .checkout-bx .steps .step5 .right .card .accord {
            width: 100%;
            text-align: left; }
.checkout-bx .steps .step1 .right .card .option,
          .checkout-bx .steps .step2 .right .card .option,
          .checkout-bx .steps .step3 .right .card .option,
          .checkout-bx .steps .step4 .right .card .option,
          .checkout-bx .steps .step5 .right .card .option {
            display: flex;
            align-items: flex-start;
            cursor: pointer; }
.checkout-bx .steps .step1 .right .card .option .checked,
            .checkout-bx .steps .step1 .right .card .option .unchecked,
            .checkout-bx .steps .step2 .right .card .option .checked,
            .checkout-bx .steps .step2 .right .card .option .unchecked,
            .checkout-bx .steps .step3 .right .card .option .checked,
            .checkout-bx .steps .step3 .right .card .option .unchecked,
            .checkout-bx .steps .step4 .right .card .option .checked,
            .checkout-bx .steps .step4 .right .card .option .unchecked,
            .checkout-bx .steps .step5 .right .card .option .checked,
            .checkout-bx .steps .step5 .right .card .option .unchecked {
              margin-right: 15px; }
.checkout-bx .steps .step1 .right .card .option .checked,
            .checkout-bx .steps .step2 .right .card .option .checked,
            .checkout-bx .steps .step3 .right .card .option .checked,
            .checkout-bx .steps .step4 .right .card .option .checked,
            .checkout-bx .steps .step5 .right .card .option .checked {
              display: none; }
.checkout-bx .steps .step1 .right .card .option label,
            .checkout-bx .steps .step2 .right .card .option label,
            .checkout-bx .steps .step3 .right .card .option label,
            .checkout-bx .steps .step4 .right .card .option label,
            .checkout-bx .steps .step5 .right .card .option label {
              cursor: pointer;
              color: #3D9939; }
.checkout-bx .steps .step1 .right .card .option.checked .checked,
          .checkout-bx .steps .step2 .right .card .option.checked .checked,
          .checkout-bx .steps .step3 .right .card .option.checked .checked,
          .checkout-bx .steps .step4 .right .card .option.checked .checked,
          .checkout-bx .steps .step5 .right .card .option.checked .checked {
            display: inline-block; }
.checkout-bx .steps .step1 .right .card .option.checked .unchecked,
          .checkout-bx .steps .step2 .right .card .option.checked .unchecked,
          .checkout-bx .steps .step3 .right .card .option.checked .unchecked,
          .checkout-bx .steps .step4 .right .card .option.checked .unchecked,
          .checkout-bx .steps .step5 .right .card .option.checked .unchecked {
            display: none; }
.checkout-bx .steps .step1 .right .card .open-close,
          .checkout-bx .steps .step2 .right .card .open-close,
          .checkout-bx .steps .step3 .right .card .open-close,
          .checkout-bx .steps .step4 .right .card .open-close,
          .checkout-bx .steps .step5 .right .card .open-close {
            position: absolute;
            right: 40px;
            -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);
            transition: -webkit-transform 0.4s ease-out;
            transition: transform 0.4s ease-out;
            transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; }
.checkout-bx .steps .step1 .right .card .collapse,
          .checkout-bx .steps .step2 .right .card .collapse,
          .checkout-bx .steps .step3 .right .card .collapse,
          .checkout-bx .steps .step4 .right .card .collapse,
          .checkout-bx .steps .step5 .right .card .collapse {
            margin-top: 40px;
            position: relative; }
.checkout-bx .steps .step1 .right .card .accepted-cards,
          .checkout-bx .steps .step2 .right .card .accepted-cards,
          .checkout-bx .steps .step3 .right .card .accepted-cards,
          .checkout-bx .steps .step4 .right .card .accepted-cards,
          .checkout-bx .steps .step5 .right .card .accepted-cards {
            position: absolute;
            top: -40px;
            right: 40px; }
.checkout-bx .steps .step1 .right .card .nav,
          .checkout-bx .steps .step2 .right .card .nav,
          .checkout-bx .steps .step3 .right .card .nav,
          .checkout-bx .steps .step4 .right .card .nav,
          .checkout-bx .steps .step5 .right .card .nav {
            background: #fff !important; }
.checkout-bx .steps .step1 .right .card .nav-tabs,
          .checkout-bx .steps .step2 .right .card .nav-tabs,
          .checkout-bx .steps .step3 .right .card .nav-tabs,
          .checkout-bx .steps .step4 .right .card .nav-tabs,
          .checkout-bx .steps .step5 .right .card .nav-tabs {
            border: 0; }
.checkout-bx .steps .step1 .right .card .nav-tabs .nav-item,
            .checkout-bx .steps .step2 .right .card .nav-tabs .nav-item,
            .checkout-bx .steps .step3 .right .card .nav-tabs .nav-item,
            .checkout-bx .steps .step4 .right .card .nav-tabs .nav-item,
            .checkout-bx .steps .step5 .right .card .nav-tabs .nav-item {
              margin-right: 10px; }
@media (max-width: 600px) {
                .checkout-bx .steps .step1 .right .card .nav-tabs .nav-item,
                .checkout-bx .steps .step2 .right .card .nav-tabs .nav-item,
                .checkout-bx .steps .step3 .right .card .nav-tabs .nav-item,
                .checkout-bx .steps .step4 .right .card .nav-tabs .nav-item,
                .checkout-bx .steps .step5 .right .card .nav-tabs .nav-item {
                  width: 94px !important;
                  margin-bottom: 10px; } }
.checkout-bx .steps .step1 .right .card .nav-tabs .nav-item:last-child,
              .checkout-bx .steps .step2 .right .card .nav-tabs .nav-item:last-child,
              .checkout-bx .steps .step3 .right .card .nav-tabs .nav-item:last-child,
              .checkout-bx .steps .step4 .right .card .nav-tabs .nav-item:last-child,
              .checkout-bx .steps .step5 .right .card .nav-tabs .nav-item:last-child {
                margin-right: 0; }
.checkout-bx .steps .step1 .right .card .nav-tabs .nav-link,
            .checkout-bx .steps .step2 .right .card .nav-tabs .nav-link,
            .checkout-bx .steps .step3 .right .card .nav-tabs .nav-link,
            .checkout-bx .steps .step4 .right .card .nav-tabs .nav-link,
            .checkout-bx .steps .step5 .right .card .nav-tabs .nav-link {
              text-align: center;
              border-radius: 6px;
              color: #3D9939;
              background-color: #F7F7F7;
              border: 0; }
.checkout-bx .steps .step1 .right .card .nav-tabs .nav-link.active,
            .checkout-bx .steps .step2 .right .card .nav-tabs .nav-link.active,
            .checkout-bx .steps .step3 .right .card .nav-tabs .nav-link.active,
            .checkout-bx .steps .step4 .right .card .nav-tabs .nav-link.active,
            .checkout-bx .steps .step5 .right .card .nav-tabs .nav-link.active {
              background-color: #FF8A26;
              color: #fff;
              font-weight: bold;
              text-align: center; }
.checkout-bx .steps .step1 .right .card .tab-content,
          .checkout-bx .steps .step2 .right .card .tab-content,
          .checkout-bx .steps .step3 .right .card .tab-content,
          .checkout-bx .steps .step4 .right .card .tab-content,
          .checkout-bx .steps .step5 .right .card .tab-content {
            margin-top: 40px; }
.checkout-bx .steps .step1 .right .card .tab-content .time-slot,
            .checkout-bx .steps .step2 .right .card .tab-content .time-slot,
            .checkout-bx .steps .step3 .right .card .tab-content .time-slot,
            .checkout-bx .steps .step4 .right .card .tab-content .time-slot,
            .checkout-bx .steps .step5 .right .card .tab-content .time-slot {
              list-style: none;
              padding-left: 0; }
.checkout-bx .steps .step1 .right .card .tab-content .time-slot li,
              .checkout-bx .steps .step2 .right .card .tab-content .time-slot li,
              .checkout-bx .steps .step3 .right .card .tab-content .time-slot li,
              .checkout-bx .steps .step4 .right .card .tab-content .time-slot li,
              .checkout-bx .steps .step5 .right .card .tab-content .time-slot li {
                min-height: 55px; }
.checkout-bx .steps .step1 .right .card .tab-content .time-slot .pick-time,
              .checkout-bx .steps .step2 .right .card .tab-content .time-slot .pick-time,
              .checkout-bx .steps .step3 .right .card .tab-content .time-slot .pick-time,
              .checkout-bx .steps .step4 .right .card .tab-content .time-slot .pick-time,
              .checkout-bx .steps .step5 .right .card .tab-content .time-slot .pick-time {
                border: 1px solid #3D9939;
                color: #3D9939;
                padding: 12px 40px;
                float: right;
                position: relative;
                top: -24px;
                min-width: 136px; }
.checkout-bx .steps .step1 .right .card .tab-content .time-slot .selected-time,
              .checkout-bx .steps .step2 .right .card .tab-content .time-slot .selected-time,
              .checkout-bx .steps .step3 .right .card .tab-content .time-slot .selected-time,
              .checkout-bx .steps .step4 .right .card .tab-content .time-slot .selected-time,
              .checkout-bx .steps .step5 .right .card .tab-content .time-slot .selected-time {
                display: none;
                background-color: #FF8A26;
                color: #fff;
                padding: 12px 40px;
                float: right;
                position: relative;
                top: -24px;
                min-width: 136px; }
.checkout-bx .steps .step1 .right .card .tab-content .time-slot .slot,
              .checkout-bx .steps .step2 .right .card .tab-content .time-slot .slot,
              .checkout-bx .steps .step3 .right .card .tab-content .time-slot .slot,
              .checkout-bx .steps .step4 .right .card .tab-content .time-slot .slot,
              .checkout-bx .steps .step5 .right .card .tab-content .time-slot .slot {
                line-height: 1.1; }
.checkout-bx .steps .step1 .right .card .tab-content .time-slot .slot .not-available,
                .checkout-bx .steps .step2 .right .card .tab-content .time-slot .slot .not-available,
                .checkout-bx .steps .step3 .right .card .tab-content .time-slot .slot .not-available,
                .checkout-bx .steps .step4 .right .card .tab-content .time-slot .slot .not-available,
                .checkout-bx .steps .step5 .right .card .tab-content .time-slot .slot .not-available {
                  color: #F4472E;
                  display: none; }
.checkout-bx .steps .step1 .right .card .tab-content .time-slot .slot .selected-time,
                .checkout-bx .steps .step2 .right .card .tab-content .time-slot .slot .selected-time,
                .checkout-bx .steps .step3 .right .card .tab-content .time-slot .slot .selected-time,
                .checkout-bx .steps .step4 .right .card .tab-content .time-slot .slot .selected-time,
                .checkout-bx .steps .step5 .right .card .tab-content .time-slot .slot .selected-time {
                  display: none; }
.checkout-bx .steps .step1 .right .card .tab-content .time-slot .slot.select .pick-time,
              .checkout-bx .steps .step2 .right .card .tab-content .time-slot .slot.select .pick-time,
              .checkout-bx .steps .step3 .right .card .tab-content .time-slot .slot.select .pick-time,
              .checkout-bx .steps .step4 .right .card .tab-content .time-slot .slot.select .pick-time,
              .checkout-bx .steps .step5 .right .card .tab-content .time-slot .slot.select .pick-time {
                display: none; }
.checkout-bx .steps .step1 .right .card .tab-content .time-slot .slot.select .selected-time,
              .checkout-bx .steps .step2 .right .card .tab-content .time-slot .slot.select .selected-time,
              .checkout-bx .steps .step3 .right .card .tab-content .time-slot .slot.select .selected-time,
              .checkout-bx .steps .step4 .right .card .tab-content .time-slot .slot.select .selected-time,
              .checkout-bx .steps .step5 .right .card .tab-content .time-slot .slot.select .selected-time {
                display: block; }
.checkout-bx .steps .step1 .right .card .tab-content .time-slot .slot.disabled,
              .checkout-bx .steps .step2 .right .card .tab-content .time-slot .slot.disabled,
              .checkout-bx .steps .step3 .right .card .tab-content .time-slot .slot.disabled,
              .checkout-bx .steps .step4 .right .card .tab-content .time-slot .slot.disabled,
              .checkout-bx .steps .step5 .right .card .tab-content .time-slot .slot.disabled {
                opacity: 0.6; }
.checkout-bx .steps .step1 .right .card .tab-content .time-slot .slot.disabled .not-available,
                .checkout-bx .steps .step2 .right .card .tab-content .time-slot .slot.disabled .not-available,
                .checkout-bx .steps .step3 .right .card .tab-content .time-slot .slot.disabled .not-available,
                .checkout-bx .steps .step4 .right .card .tab-content .time-slot .slot.disabled .not-available,
                .checkout-bx .steps .step5 .right .card .tab-content .time-slot .slot.disabled .not-available {
                  display: inline-block; }
.checkout-bx .steps .step1 .right .card .tab-content .time-slot .slot.disabled .pick-time,
                .checkout-bx .steps .step2 .right .card .tab-content .time-slot .slot.disabled .pick-time,
                .checkout-bx .steps .step3 .right .card .tab-content .time-slot .slot.disabled .pick-time,
                .checkout-bx .steps .step4 .right .card .tab-content .time-slot .slot.disabled .pick-time,
                .checkout-bx .steps .step5 .right .card .tab-content .time-slot .slot.disabled .pick-time {
                  opacity: 0.6;
                  cursor: no-drop; }
.checkout-bx .steps .step1 .right .form-step,
        .checkout-bx .steps .step2 .right .form-step,
        .checkout-bx .steps .step3 .right .form-step,
        .checkout-bx .steps .step4 .right .form-step,
        .checkout-bx .steps .step5 .right .form-step {
          display: flex; }
@media (max-width: 600px) {
            .checkout-bx .steps .step1 .right .form-step,
            .checkout-bx .steps .step2 .right .form-step,
            .checkout-bx .steps .step3 .right .form-step,
            .checkout-bx .steps .step4 .right .form-step,
            .checkout-bx .steps .step5 .right .form-step {
              flex-direction: column; } }
.checkout-bx .steps .step1 .right .form-step .save-card,
          .checkout-bx .steps .step1 .right .form-step .use-card,
          .checkout-bx .steps .step2 .right .form-step .save-card,
          .checkout-bx .steps .step2 .right .form-step .use-card,
          .checkout-bx .steps .step3 .right .form-step .save-card,
          .checkout-bx .steps .step3 .right .form-step .use-card,
          .checkout-bx .steps .step4 .right .form-step .save-card,
          .checkout-bx .steps .step4 .right .form-step .use-card,
          .checkout-bx .steps .step5 .right .form-step .save-card,
          .checkout-bx .steps .step5 .right .form-step .use-card {
            border: 1px solid #3D9939;
            color: #3D9939;
            padding: 12px 40px;
            margin-left: 15px;
            float: right; }
.checkout-bx .steps .step1 .right .form-step .form-group,
          .checkout-bx .steps .step2 .right .form-step .form-group,
          .checkout-bx .steps .step3 .right .form-step .form-group,
          .checkout-bx .steps .step4 .right .form-step .form-group,
          .checkout-bx .steps .step5 .right .form-step .form-group {
            flex-grow: 1;
            margin-right: 15px; }
.checkout-bx .steps .step1 .right .form-step .form-group label,
            .checkout-bx .steps .step2 .right .form-step .form-group label,
            .checkout-bx .steps .step3 .right .form-step .form-group label,
            .checkout-bx .steps .step4 .right .form-step .form-group label,
            .checkout-bx .steps .step5 .right .form-step .form-group label {
              display: block;
              color: #3D9939;
              text-transform: uppercase;
              letter-spacing: 1px; }
.checkout-bx .steps .step1 .right .form-step .form-group input,
            .checkout-bx .steps .step2 .right .form-step .form-group input,
            .checkout-bx .steps .step3 .right .form-step .form-group input,
            .checkout-bx .steps .step4 .right .form-step .form-group input,
            .checkout-bx .steps .step5 .right .form-step .form-group input {
              width: 100%;
              display: block;
              padding: 10px;
              border: 1px solid #DDE3E8;
              border-radius: 6px;
              color: #000; }
.checkout-bx .steps .step1 .right .form-step .form-group input::-webkit-input-placeholder,
              .checkout-bx .steps .step2 .right .form-step .form-group input::-webkit-input-placeholder,
              .checkout-bx .steps .step3 .right .form-step .form-group input::-webkit-input-placeholder,
              .checkout-bx .steps .step4 .right .form-step .form-group input::-webkit-input-placeholder,
              .checkout-bx .steps .step5 .right .form-step .form-group input::-webkit-input-placeholder {
                color: #AEC1CB; }
.checkout-bx .steps .step1 .right .form-step .form-group input:-ms-input-placeholder,
              .checkout-bx .steps .step2 .right .form-step .form-group input:-ms-input-placeholder,
              .checkout-bx .steps .step3 .right .form-step .form-group input:-ms-input-placeholder,
              .checkout-bx .steps .step4 .right .form-step .form-group input:-ms-input-placeholder,
              .checkout-bx .steps .step5 .right .form-step .form-group input:-ms-input-placeholder {
                color: #AEC1CB; }
.checkout-bx .steps .step1 .right .form-step .form-group input::-ms-input-placeholder,
              .checkout-bx .steps .step2 .right .form-step .form-group input::-ms-input-placeholder,
              .checkout-bx .steps .step3 .right .form-step .form-group input::-ms-input-placeholder,
              .checkout-bx .steps .step4 .right .form-step .form-group input::-ms-input-placeholder,
              .checkout-bx .steps .step5 .right .form-step .form-group input::-ms-input-placeholder {
                color: #AEC1CB; }
.checkout-bx .steps .step1 .right .form-step .form-group input::placeholder,
              .checkout-bx .steps .step2 .right .form-step .form-group input::placeholder,
              .checkout-bx .steps .step3 .right .form-step .form-group input::placeholder,
              .checkout-bx .steps .step4 .right .form-step .form-group input::placeholder,
              .checkout-bx .steps .step5 .right .form-step .form-group input::placeholder {
                color: #AEC1CB; }
.checkout-bx .steps .step1 .right .form-step .form-group textarea,
            .checkout-bx .steps .step2 .right .form-step .form-group textarea,
            .checkout-bx .steps .step3 .right .form-step .form-group textarea,
            .checkout-bx .steps .step4 .right .form-step .form-group textarea,
            .checkout-bx .steps .step5 .right .form-step .form-group textarea {
              width: 100%;
              border: 1px solid #DDE3E8;
              border-radius: 6px;
              resize: vertical;
              padding: 10px;
              min-height: 80px;
              max-height: 240px;
              height: 120px; }
.checkout-bx .steps .step1 .right .form-step .form-group .selectric,
            .checkout-bx .steps .step2 .right .form-step .form-group .selectric,
            .checkout-bx .steps .step3 .right .form-step .form-group .selectric,
            .checkout-bx .steps .step4 .right .form-step .form-group .selectric,
            .checkout-bx .steps .step5 .right .form-step .form-group .selectric {
              min-height: 46px;
              background-color: #fff; }
.checkout-bx .steps .step1 .right .form-step .form-group .selectric .label,
              .checkout-bx .steps .step2 .right .form-step .form-group .selectric .label,
              .checkout-bx .steps .step3 .right .form-step .form-group .selectric .label,
              .checkout-bx .steps .step4 .right .form-step .form-group .selectric .label,
              .checkout-bx .steps .step5 .right .form-step .form-group .selectric .label {
                font-size: 14px;
                color: #AEC1CB; }
.checkout-bx .steps .step1 .right .form-step .form-group .selectric .button,
              .checkout-bx .steps .step2 .right .form-step .form-group .selectric .button,
              .checkout-bx .steps .step3 .right .form-step .form-group .selectric .button,
              .checkout-bx .steps .step4 .right .form-step .form-group .selectric .button,
              .checkout-bx .steps .step5 .right .form-step .form-group .selectric .button {
                background-color: #fff; }
.checkout-bx .steps .step1 .right .form-step .form-group.short,
          .checkout-bx .steps .step2 .right .form-step .form-group.short,
          .checkout-bx .steps .step3 .right .form-step .form-group.short,
          .checkout-bx .steps .step4 .right .form-step .form-group.short,
          .checkout-bx .steps .step5 .right .form-step .form-group.short {
            flex-grow: 0;
            width: 25%;
            margin-right: 15px;
            min-height: 46px; }
.checkout-bx .steps .step1 .right .form-step .form-group.short .selectric,
            .checkout-bx .steps .step2 .right .form-step .form-group.short .selectric,
            .checkout-bx .steps .step3 .right .form-step .form-group.short .selectric,
            .checkout-bx .steps .step4 .right .form-step .form-group.short .selectric,
            .checkout-bx .steps .step5 .right .form-step .form-group.short .selectric {
              min-height: 46px;
              background-color: #fff; }
.checkout-bx .steps .step1 .right .form-step .form-group.short .selectric .label,
              .checkout-bx .steps .step2 .right .form-step .form-group.short .selectric .label,
              .checkout-bx .steps .step3 .right .form-step .form-group.short .selectric .label,
              .checkout-bx .steps .step4 .right .form-step .form-group.short .selectric .label,
              .checkout-bx .steps .step5 .right .form-step .form-group.short .selectric .label {
                font-size: 14px;
                color: #AEC1CB; }
.checkout-bx .steps .step1 .right .form-step .form-group.short .selectric .button,
              .checkout-bx .steps .step2 .right .form-step .form-group.short .selectric .button,
              .checkout-bx .steps .step3 .right .form-step .form-group.short .selectric .button,
              .checkout-bx .steps .step4 .right .form-step .form-group.short .selectric .button,
              .checkout-bx .steps .step5 .right .form-step .form-group.short .selectric .button {
                background-color: #fff; }
.checkout-bx .steps .step1 .right .form-step-last,
        .checkout-bx .steps .step2 .right .form-step-last,
        .checkout-bx .steps .step3 .right .form-step-last,
        .checkout-bx .steps .step4 .right .form-step-last,
        .checkout-bx .steps .step5 .right .form-step-last {
          display: flex;
          justify-content: flex-end;
          padding-top: 80px;
          position: relative;
          bottom: 30px;
          right: 40px;
          width: 100%; }
.checkout-bx .steps .step1 .right .form-step-last .next-step,
          .checkout-bx .steps .step2 .right .form-step-last .next-step,
          .checkout-bx .steps .step3 .right .form-step-last .next-step,
          .checkout-bx .steps .step4 .right .form-step-last .next-step,
          .checkout-bx .steps .step5 .right .form-step-last .next-step {
            background-color: #FF8A26;
            color: #fff; }
.checkout-bx .steps .step1 .right .form-step-last .last-step,
          .checkout-bx .steps .step1 .right .form-step-last .skip-step,
          .checkout-bx .steps .step2 .right .form-step-last .last-step,
          .checkout-bx .steps .step2 .right .form-step-last .skip-step,
          .checkout-bx .steps .step3 .right .form-step-last .last-step,
          .checkout-bx .steps .step3 .right .form-step-last .skip-step,
          .checkout-bx .steps .step4 .right .form-step-last .last-step,
          .checkout-bx .steps .step4 .right .form-step-last .skip-step,
          .checkout-bx .steps .step5 .right .form-step-last .last-step,
          .checkout-bx .steps .step5 .right .form-step-last .skip-step {
            border: 1px solid #3D9939;
            color: #3D9939;
            margin-right: 10px; }
.checkout-bx .steps .step1 .right .form-step-last .submit,
          .checkout-bx .steps .step2 .right .form-step-last .submit,
          .checkout-bx .steps .step3 .right .form-step-last .submit,
          .checkout-bx .steps .step4 .right .form-step-last .submit,
          .checkout-bx .steps .step5 .right .form-step-last .submit {
            background-color: #FF8A26;
            color: #fff; }
.checkout-bx .steps .step1,
    .checkout-bx .steps .step2,
    .checkout-bx .steps .step3,
    .checkout-bx .steps .step4 {
      position: absolute;
      right: -100vw;
      transition: right 0.4s ease-out; }
.checkout-bx .steps .step1.active,
    .checkout-bx .steps .step2.active,
    .checkout-bx .steps .step3.active,
    .checkout-bx .steps .step4.active {
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }
.checkout-bx .steps .step2 {
      top: 0;
      background-color: #F7F7F7;
      z-index: 5; }
.checkout-bx .steps .step3 {
      top: 0;
      background-color: #F7F7F7;
      z-index: 6; }
.checkout-bx .steps .step4 {
      top: 0;
      background-color: #F7F7F7;
      z-index: 7; }
.checkout-bx .steps .order-details {
      list-style: none;
      padding-left: 0; }
.checkout-bx .steps .order-details li {
        color: #3D9939;
        font-size: 1.4em; }
.checkout-bx .steps .order-details li span {
          color: #FF8A26; }
.checkout-bx .steps .deliver-card .option {
      display: flex;
      justify-content: space-between; }
@media (max-width: 600px) {
        .checkout-bx .steps .deliver-card .option {
          flex-direction: column; } }
.checkout-bx .steps .order-sum-title {
      color: #3D9939;
      font-size: 18px; }
.checkout-bx .steps .order-summary {
      list-style: none;
      padding-left: 0;
      width: 100%; }
.checkout-bx .steps .order-summary li {
        margin-bottom: 15px; }
.checkout-bx .steps .order-summary li span {
          display: inline-block;
          float: right; }
.checkout-bx .steps .substitute {
      list-style: none;
      padding-left: 0; }
.checkout-bx .steps .place-order {
      background-color: #FF8A26;
      color: #fff;
      float: right;
      padding: 12px 40px !important;
      right: 40px;
      position: absolute;
      bottom: 40px; }
.checkout-bx .steps .basket {
      padding: 40px 0 !important; }
.checkout-bx .steps .basket .order-sum-title {
        padding-left: 40px; }
.checkout-bx .steps .basket .basket-row {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 15px 40px;
        background: #f7f7f7; }
@media (max-width: 600px) {
          .checkout-bx .steps .basket .basket-row {
            flex-direction: column; } }
.checkout-bx .steps .basket .basket-row .block1 {
          width: 45%;
          display: flex;
          justify-content: space-between;
          align-items: flex-start; }
@media (max-width: 600px) {
            .checkout-bx .steps .basket .basket-row .block1 {
              width: 100%; } }
.checkout-bx .steps .basket .basket-row .block1 .left {
            width: 30%; }
@media (max-width: 600px) {
              .checkout-bx .steps .basket .basket-row .block1 .left {
                margin-bottom: 0 !important; } }
.checkout-bx .steps .basket .basket-row .block1 .left img {
              mix-blend-mode: multiply; }
.checkout-bx .steps .basket .basket-row .block1 .rights {
            width: 69%;
            font-size: 12px;
            line-height: 1.2; }
.checkout-bx .steps .basket .basket-row .block2 {
          width: 5%; }
@media (max-width: 600px) {
            .checkout-bx .steps .basket .basket-row .block2 {
              display: none; } }
@media (max-width: 600px) {
          .checkout-bx .steps .basket .basket-row .block3 {
            display: none; } }
.checkout-bx .steps .basket .basket-row .block3 span {
          color: #ABBEC8;
          font-size: 13px;
          position: relative;
          top: -10px; }
@media (max-width: 600px) {
          .checkout-bx .steps .basket .basket-row .block4 {
            display: none; } }
.checkout-bx .steps .basket .basket-row .block5 {
          display: none; }
@media (max-width: 600px) {
            .checkout-bx .steps .basket .basket-row .block5 {
              display: flex;
              width: 82%;
              margin-left: 90px; }
              .checkout-bx .steps .basket .basket-row .block5 .lx {
                width: 50%; }
              .checkout-bx .steps .basket .basket-row .block5 .rx .each {
                color: #999;
                font-size: 12px;
                font-family: "VAG Rounded Std";
                font-style: normal;
                font-style: normal;
                font-weight: normal;
                margin-bottom: 4px;
                text-align: right;
                padding-right: 15px;
                margin-bottom: 0; }
              .checkout-bx .steps .basket .basket-row .block5 .rx .price {
                color: #3D9939;
                font-family: "VAG Rounded Std";
                font-style: normal;
                font-style: normal;
                font-weight: bold;
                text-align: right;
                padding-right: 15px;
                padding-top: 5px;
                margin-bottom: 0; } }
.checkout-bx .steps .basket .basket-row.top {
        background: #fff; }
@media (max-width: 600px) {
          .checkout-bx .steps .basket .basket-row.top {
            display: none; } }
.checkout-bx .steps .basket .basket-row.summary {
        flex-direction: column;
        padding-top: 40px; }
.checkout-bx .steps .basket .basket-row.final-summary {
        background: #fff;
        flex-direction: column;
        padding-top: 40px;
        padding-bottom: 80px; }
.checkout-bx .steps .basket .basket-row.final-summary ul {
          padding-left: 40px; }
.checkout-box {
  padding: 120px 0; }
@media (max-width: 900px) {
    .checkout-box {
      padding: 80px 0; } }
@media (max-width: 600px) {
    .checkout-box {
      padding: 60px 0; } }
.checkout-box .add-to-cart-bx .plus-value-min {
    margin: 0; }
.checkout-box .add-to-cart-bx .plus-value-min img {
      margin-right: 0 !important;
      min-width: 16px; }
#update-voucher-code > div.list {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  border-radius: 4px;
  padding: 12px 21px 11px 21px;
  margin: 10px 0;
  border: 1px solid #ECECEC;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
#update-voucher-code > div.list .circle-card {
    fill: #3D9939;
    stroke: #3D9939; }
#update-voucher-code .text {
  color: #3D9939; }
.checkout-process {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative; }
.checkout-process .checkout-steps {
    flex: 0 0 48%;
    max-width: 48%; }
@media (min-width: 1800px) {
      .checkout-process .checkout-steps {
        margin-bottom: 80px; } }
@media (max-width: 900px) {
      .checkout-process .checkout-steps {
        flex: 0 0 100%;
        max-width: 100%; } }
.checkout-process .checkout-steps .step {
      border: 1px solid #F4F4F4;
      padding: 40px;
      margin-bottom: 40px;
      background-color: #fff; }
@media (max-width: 900px) {
        .checkout-process .checkout-steps .step {
          padding: 20px; } }
.checkout-process .checkout-steps .step .s-set-tab {
        cursor: pointer;
        margin-bottom: 40px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center; }
.checkout-process .checkout-steps .step .s-set-tab h3 {
          display: inline-block;
          width: auto;
          line-height: 1; }
@media (max-width: 600px) {
            .checkout-process .checkout-steps .step .s-set-tab h3 {
              font-size: 24px; } }
.checkout-process .checkout-steps .step .s-set-tab.active .selected-option-checkout {
          display: none; }
.checkout-process .checkout-steps .step .s-set-tab #s-card-tick-mark .circle-card {
          fill: #3D9939;
          stroke: #3D9939; }
.checkout-process .checkout-steps .step .s-set-tab #s-card-tick-mark .circle-card circle:last-child {
            display: none; }
@media screen and (max-width: 600px) {
          .checkout-process .checkout-steps .step .s-set-tab {
            padding: 20px 0px; } }
.checkout-process .checkout-steps .step .s-set-tab span {
          flex-grow: 1; }
.checkout-process .checkout-steps .step .s-set-tab span.grey {
            padding-left: 50px; }
.checkout-process .checkout-steps .step .s-set-tab svg {
          flex-shrink: 1; }
.checkout-process .checkout-steps .step .s-set-tab .selected-option-checkout {
          flex-grow: 1;
          display: block;
          background-color: #F4F4F4;
          width: 100%;
          padding: 15px 20px;
          border-radius: 5px;
          margin-top: 20px;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          font-size: 16px;
          font-weight: normal; }
@media screen and (max-width: 600px) {
            .checkout-process .checkout-steps .step .s-set-tab .selected-option-checkout.this-card {
              flex-direction: column; } }
.checkout-process .checkout-steps .step .s-set-tab .selected-option-checkout svg {
            margin-right: 15px; }
@media screen and (max-width: 600px) {
              .checkout-process .checkout-steps .step .s-set-tab .selected-option-checkout svg {
                min-width: 17px; } }
.checkout-process .checkout-steps .step .s-set-tab .selected-option-checkout .edit-this {
            display: inline-block;
            float: right;
            color: #3D9939;
            font-weight: 500;
            width: auto;
            text-align: right; }
@media screen and (max-width: 600px) {
              .checkout-process .checkout-steps .step .s-set-tab .selected-option-checkout .edit-this {
                display: none; } }
@media screen and (max-width: 600px) {
            .checkout-process .checkout-steps .step .s-set-tab .selected-option-checkout .card-id {
              width: 100%;
              display: block; } }
.checkout-process .checkout-steps .step .s-set-tab .selected-option-checkout .greyed {
            color: #BABABA;
            font-weight: 300;
            display: inline-block;
            margin-left: 10px; }
@media screen and (max-width: 600px) {
              .checkout-process .checkout-steps .step .s-set-tab .selected-option-checkout .greyed {
                width: 100%;
                display: block;
                padding-left: 36px; } }
@media (max-width: 900px) {
          .checkout-process .checkout-steps .step .s-set-tab {
            margin-bottom: 0; } }
.checkout-process .checkout-steps .step .s-set-content {
        display: none; }
@media (max-width: 900px) {
          .checkout-process .checkout-steps .step .s-set-content {
            margin-top: 20px; } }
.checkout-process .checkout-steps .step.tips-and-donations .tad-title {
        margin: 0 auto 20px;
        text-transform: capitalize; }
.checkout-process .checkout-steps .step.tips-and-donations .tad-subtitle {
        margin: 20px auto 10px;
        text-transform: capitalize; }
.checkout-process .checkout-steps .step.tips-and-donations .tad-selections {
        position: relative;
        display: inline-block;
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        margin: 0 auto 10px; }
@media (max-width: 600px) {
          .checkout-process .checkout-steps .step.tips-and-donations .tad-selections {
            width: calc(33.333% - 13px); } }
.checkout-process .checkout-steps .step.tips-and-donations .tad-selections input[type="radio"] {
          position: absolute;
          opacity: 0;
          cursor: pointer; }
.checkout-process .checkout-steps .step.tips-and-donations .tad-selections input[type="radio"]:checked ~ span {
            border-color: #3D9939;
            background-color: #3D9939;
            color: #FFF; }
.checkout-process .checkout-steps .step.tips-and-donations .tad-selections span {
          display: inline-block;
          padding: 10px 20px;
          border: 1px solid #BABABA;
          border-radius: 2px;
          width: 100%; }
@media (max-width: 600px) {
            .checkout-process .checkout-steps .step.tips-and-donations .tad-selections span {
              padding: 10px 15px; } }
.checkout-process .checkout-steps .step.tips-and-donations .tad-selections span:hover {
            border-color: #3D9939;
            background-color: #3D9939;
            color: #FFF; }
.checkout-process .checkout-steps .step.tips-and-donations .tad-selections:not(:last-child) {
          margin-right: 10px; }
.checkout-process .checkout-steps .step.tips-and-donations select {
        font-family: "VAG Rounded Std";
        font-style: normal;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #e6e6e6;
        background: white;
        height: 50px;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 4px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: 0.02em;
        font-size: calc(0 * 100vw + 14px);
        flex-grow: 1;
        position: relative;
        margin-top: 10px; }
.checkout-process .checkout-steps .step.tips-and-donations select:focus {
          outline: none;
          box-shadow: none; }
.checkout-process .checkout-steps .step.tips-and-donations select:before {
          content: url("../icons/drop-open.403d68005dd3.svg");
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          right: 10px; }
.checkout-process .checkout-steps .step.tips-and-donations .selectric {
        background-color: #fff;
        max-height: 50px;
        height: 50px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 10px; }
.checkout-process .checkout-steps .step.tips-and-donations .selectric .label {
          height: 50px;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          font-size: calc(0 * 100vw + 14px); }
.checkout-process .checkout-steps .step.tips-and-donations .selectric .button {
          height: 50px;
          background-color: #fff;
          display: flex;
          justify-content: center;
          align-items: center; }
.checkout-process .checkout-steps .step.tips-and-donations .selectric .button::after {
            content: "";
            display: none; }
.checkout-process .checkout-steps .step.tips-and-donations .selectric .button svg {
            position: relative;
            top: -2px; }
.checkout-process .checkout-steps .step.tips-and-donations .selectric-items .selectric-scroll {
        background-color: #fff;
        max-height: 250px;
        overflow-y: auto; }
.checkout-process .checkout-steps .step.tips-and-donations .selectric-items .selectric-scroll::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.checkout-process .checkout-steps .step.tips-and-donations .selectric-items .selectric-scroll::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #F4F4F4; }
.checkout-process .checkout-steps .step.tips-and-donations .selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
          background-color: #bababa;
          outline: none; }
.checkout-process .checkout-steps .step.tips-and-donations .selectric-items .selectric-scroll li {
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.checkout-process .checkout-steps .step.tips-and-donations .selectric-items .selectric-scroll li.highlighted {
            background-color: #3D9939;
            color: #fff; }
.checkout-process .checkout-steps .step.tips-and-donations .selectric-items .selectric-scroll li:hover {
            background-color: #3D9939;
            color: #fff; }
.checkout-process .checkout-steps .step.tips-and-donations #tips-and-donations #selections-tip label,
      .checkout-process .checkout-steps .step.tips-and-donations #tips-and-donations #selections-loyalty label,
      .checkout-process .checkout-steps .step.tips-and-donations #tips-and-donations #selections-charity label,
      .checkout-process .checkout-steps .step.tips-and-donations #tips-and-donations .selectric-wrapper {
        transition: opacity 1s; }
.checkout-process .checkout-steps .step.tips-and-donations #tips-and-donations.disabled #selections-tip label,
      .checkout-process .checkout-steps .step.tips-and-donations #tips-and-donations.disabled #selections-loyalty label,
      .checkout-process .checkout-steps .step.tips-and-donations #tips-and-donations.disabled #selections-charity label,
      .checkout-process .checkout-steps .step.tips-and-donations #tips-and-donations.disabled .selectric-wrapper {
        pointer-events: none;
        opacity: 0.5; }
.checkout-process .checkout-steps .specialProduct {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      -webkit-column-gap: 20px;
              column-gap: 20px;
      row-gap: 25px;
      background-color: #F4F4F4;
      margin-bottom: 20px;
      padding: 10px 20px;
      box-sizing: border-box;
      border-radius: 5px; }
@media (max-width: 1200px) {
        .checkout-process .checkout-steps .specialProduct {
          grid-template-columns: 1fr; } }
.checkout-process .checkout-steps .specialProduct .txt .excerpt {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 1.4;
        margin: 0 0 15px; }
@media (max-width: 1800px) {
          .checkout-process .checkout-steps .specialProduct .txt .excerpt {
            font-size: 13px; } }
.checkout-process .checkout-steps .specialProduct .txt .excerpt span {
          font-size: 14px;
          color: #9a9a98; }
@media (max-width: 1800px) {
            .checkout-process .checkout-steps .specialProduct .txt .excerpt span {
              font-size: 12px; } }
.checkout-process .checkout-steps .specialProduct .txt .price {
        color: #3D9939;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: bold;
        text-align: left;
        margin: 0; }
.checkout-process .checkout-steps .specialProduct .act {
        display: flex;
        justify-content: flex-end;
        align-items: center; }
@media (max-width: 1200px) {
          .checkout-process .checkout-steps .specialProduct .act {
            justify-content: center; } }
.checkout-process .checkout-steps .specialProduct .act .add-to-cart-bx {
          width: 100%;
          max-width: 200px; }
@media (max-width: 1672px) {
            .checkout-process .checkout-steps .specialProduct .act .add-to-cart-bx {
              max-width: 100%; } }
@media (max-width: 1200px) {
            .checkout-process .checkout-steps .specialProduct .act .add-to-cart-bx {
              max-width: 200px; } }
@media (max-width: 600px) {
            .checkout-process .checkout-steps .specialProduct .act .add-to-cart-bx {
              max-width: 100%; } }
.checkout-process .checkout-steps h4 {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 400;
      font-size: 25px;
      color: #3D9939; }
.checkout-process .checkout-steps h5 {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #8C8C8C;
      margin-bottom: 30px; }
.checkout-process .checkout-steps .btn {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 400;
      border: 1px solid #3D9939;
      color: #3D9939;
      padding: 14px 40px;
      width: auto;
      border-radius: 4px;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      margin-top: 10px;
      max-height: 50px;
      width: 100%;
      min-height: 50px;
      display: flex;
      justify-content: center;
      align-items: center; }
.checkout-process .checkout-steps .btn:hover {
        background-color: #3D9939;
        color: #fff; }
.checkout-process .checkout-steps hr {
      margin: 30px -40px;
      border-color: #F4F4F4; }
@media (max-width: 600px) {
        .checkout-process .checkout-steps hr {
          margin: 30px -20px; } }
.checkout-process .checkout-steps .label-normal {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #3D9939;
      margin-bottom: 0;
      width: 100%; }
.checkout-process .checkout-steps input {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-size: 14px;
      color: #393939;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: 1px solid #e6e6e6;
      background: white;
      height: 50px;
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      border-radius: 4px;
      line-height: 1.25;
      font-weight: 400;
      letter-spacing: 0.02em;
      font-size: calc(0 * 100vw + 14px);
      margin-top: 10px; }
.checkout-process .checkout-steps input.half {
        max-width: 100%;
        width: 50%; }
@media (max-width: 900px) {
          .checkout-process .checkout-steps input.half {
            width: 100%; } }
.checkout-process .checkout-steps input[type="button"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: 0;
      padding: 0;
      background: transparent;
      text-decoration: none;
      color: inherit;
      transition: color 200ms;
      outline: 0;
      cursor: pointer;
      touch-action: manipulation;
      background-color: #FF8A26;
      color: #fff;
      width: auto;
      padding: 14px 40px; }
.checkout-process .checkout-steps textarea {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-size: 14px;
      color: #393939;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: 1px solid #e6e6e6;
      background: white;
      height: 150px;
      width: 100%;
      border-radius: 4px;
      line-height: 1.25;
      font-weight: 400;
      letter-spacing: 0.02em;
      font-size: calc(0 * 100vw + 14px);
      margin-top: 10px;
      resize: none;
      padding: 20px; }
.checkout-process .checkout-steps .input-note {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-size: 16px;
      color: #8C8C8C;
      margin-bottom: 0;
      margin-top: 10px; }
.checkout-process .checkout-steps .continue-row {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      width: 100%; }
.checkout-process .checkout-steps .continue-row.split {
        justify-content: space-between;
        padding: 45px 40px 0;
        margin: 0 -40px;
        width: calc(100% + 80px);
        margin-top: 25px;
        border-top: 1px solid #F4F4F4; }
.checkout-process .checkout-steps .activate {
      background-color: #FF8A26;
      color: #fff;
      width: auto;
      padding: 8px 30px;
      border-color: #FF8A26; }
.checkout-process .checkout-steps .activate:hover {
        background-color: #FF8A26;
        color: #fff;
        border-color: #FF8A26; }
.checkout-process .pointBalance {
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    color: #707070; }
.checkout-process .pointBalance span {
      display: inline-block;
      color: #1A1A1A;
      font-size: 27px;
      padding-top: 10px; }
.checkout-process .note {
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    color: #707070;
    padding-top: 10px; }
.checkout-process .loyaltyPointControl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    height: 60px; }
.checkout-process .loyaltyPointControl .min, .checkout-process .loyaltyPointControl .plus {
      width: 80px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center; }
.checkout-process .loyaltyPointControl .min img, .checkout-process .loyaltyPointControl .plus img {
        pointer-events: none; }
.checkout-process .loyaltyPointControl .min {
      border-right: 1px solid #E3E3E3; }
.checkout-process .loyaltyPointControl .plus {
      border-left: 1px solid #E3E3E3; }
.checkout-process .loyaltyPointControl input {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border: 0;
      width: 100%;
      height: 60px;
      box-sizing: border-box;
      text-align: center; }
.checkout-process .loyaltyPointControl .value {
      flex-grow: 1;
      overflow: hidden;
      height: 58px;
      box-sizing: border-box; }
.checkout-process .c-options {
    position: relative;
    margin-bottom: 0px;
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 50px;
    border-radius: 4px;
    padding: 20px 48px 20px 20px;
    margin: 10px 0;
    border: 1px solid #ECECEC;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.checkout-process .c-options.checked {
      background-color: #FAFCFA; }
.checkout-process .c-options.checked .s-card-chcek #s-card-tick-mark .circle-card {
        fill: #3D9939;
        stroke: #3D9939; }
.checkout-process .c-options.checked .s-card-chcek #s-card-tick-mark .circle-card circle:last-child {
          display: none; }
.checkout-process .c-options.disabled {
      opacity: 0.3;
      pointer-events: none; }
.checkout-process .c-options:hover {
      background-color: #FAFCFA; }
.checkout-process .c-options .label-txt {
      display: inline-block;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-size: 18px;
      font-weight: 300; }
@media (max-width: 380px) {
        .checkout-process .c-options .label-txt {
          max-width: 75%; } }
.checkout-process .c-options .label-txt span {
        color: #8C8C8C; }
.checkout-process .c-options .label-txt span.grey {
          position: absolute;
          left: 50%; }
.checkout-process .c-options .c-option-checkout .c-option-checkout {
      flex-grow: 1;
      display: block;
      background-color: #fff;
      border: 1px solid  #F4F4F4;
      width: 100%;
      padding: 15px 20px;
      border-radius: 5px;
      margin-top: 20px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      position: relative;
      font-size: 16px;
      font-weight: normal; }
.checkout-process .c-options .c-option-checkout .c-option-checkout.selected {
        background-color: #F4F4F4; }
.checkout-process .c-options .c-option-checkout .c-option-checkout.selected svg #Ellipse_207 {
          fill: #FF8A26; }
.checkout-process .c-options .c-option-checkout .c-option-checkout svg {
        margin-right: 15px; }
.checkout-process .c-options .c-option-checkout .c-option-checkout svg #Ellipse_207 {
          fill: #fff; }
.checkout-process .c-options .c-option-checkout .c-option-checkout .edit-this {
        display: inline-block;
        float: right;
        color: #FF8A26;
        font-weight: 500;
        width: auto;
        text-align: right;
        position: absolute;
        right: 20px; }
.checkout-process .c-options .c-option-checkout .c-option-checkout .greyed {
        color: #BABABA;
        font-weight: 300;
        display: inline-block;
        margin-left: 10px; }
.checkout-process .c-options .s-card-chcek {
      position: absolute;
      right: 15px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
.checkout-process .c-options .s-card-chcek #s-card-tick-mark .circle-card {
        fill: #fff;
        stroke: #E6E6E6; }
.checkout-process .loyaltyOption input:checked + label .s-card-chcek #s-card-tick-mark .circle-card {
    fill: #3D9939;
    stroke: #3D9939; }
.checkout-process .loyaltyOption input:checked + label .s-card-chcek #s-card-tick-mark .circle-card circle:last-child {
      display: none; }
.checkout-process .checkout-preview {
    flex: 0 0 48%;
    max-width: 48%;
    position: -webkit-sticky;
    position: sticky;
    top: 120px; }
@media (max-width: 1400px) and (min-width: 980px) {
      .checkout-process .checkout-preview {
        top: 260px; } }
@media (max-width: 900px) {
      .checkout-process .checkout-preview {
        flex: 0 0 100%;
        max-width: 100%; } }
.checkout-process .checkout-preview .chekout-area-border {
      border: 1px solid #F4F4F4;
      padding: 40px; }
@media (max-width: 900px) {
        .checkout-process .checkout-preview .chekout-area-border {
          padding: 20px; } }
.checkout-process .checkout-preview .js-product-wrapper {
      min-height: 160px; }
.checkout-process .checkout-preview .banner-bx {
      padding: 0px;
      margin-top: 39px;
      position: relative; }
@media (max-width: 1800px) and (min-width: 901px) {
        .checkout-process .checkout-preview .banner-bx > div {
          position: absolute;
          right: 0px; } }
.checkout-process .checkout-preview hr {
      margin: 0 -40px;
      border-color: #F4F4F4; }
@media (max-width: 600px) {
        .checkout-process .checkout-preview hr {
          margin: 0 -20px; } }
.checkout-process .checkout-preview .note {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-size: 16px;
      color: #8C8C8C;
      margin-bottom: 40px;
      margin-top: 10px; }
.checkout-process .checkout-preview .place-order {
      background-color: #FF8A26;
      color: #fff;
      padding: 14px 25px;
      width: 100%;
      font-family: "VAG Rounded Std";
      font-style: normal;
      border-radius: 4px;
      line-height: 1;
      min-height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-color: transparent; }
.checkout-process .checkout-preview .item {
      margin-bottom: 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 6px;
      min-height: 144px; }
@media (max-width: 1400px) {
        .checkout-process .checkout-preview .item {
          margin: 0 -20px; } }
@media (max-width: 900px) {
        .checkout-process .checkout-preview .item {
          margin: 0; } }
@media (max-width: 600px) {
        .checkout-process .checkout-preview .item {
          flex-direction: column;
          align-items: flex-start;
          justify-content: flex-start;
          min-height: 190px; } }
.checkout-process .checkout-preview .item .image-link {
        width: 25%;
        max-width: 150px;
        height: auto;
        margin-right: 15px;
        display: flex;
        justify-content: center;
        align-items: center; }
@media (max-width: 600px) {
          .checkout-process .checkout-preview .item .image-link {
            max-height: 80px; } }
.checkout-process .checkout-preview .item .image-link img {
          width: 90%;
          mix-blend-mode: multiply; }
.checkout-process .checkout-preview .item .left,
      .checkout-process .checkout-preview .item .right {
        display: block;
        opacity: 1; }
.checkout-process .checkout-preview .item .left {
        max-width: 60%;
        margin-right: 15px;
        padding-top: 10px;
        display: flex; }
@media (max-width: 600px) {
          .checkout-process .checkout-preview .item .left {
            max-width: 100%; } }
.checkout-process .checkout-preview .item .left .description {
          max-width: 75%;
          width: 350px; }
.checkout-process .checkout-preview .item .left .excerpt {
          font-size: 13px;
          letter-spacing: 1px;
          line-height: 1.4; }
@media (min-width: 1800px) {
            .checkout-process .checkout-preview .item .left .excerpt {
              font-size: 16px; } }
.checkout-process .checkout-preview .item .left .remove-item {
          width: 68px;
          cursor: pointer;
          mix-blend-mode: normal; }
.checkout-process .checkout-preview .item .left > img {
          margin: 0 20px 0 0;
          padding: 0;
          width: 100px;
          height: 100px;
          border: none;
          outline: none; }
@media (max-width: 600px) {
        .checkout-process .checkout-preview .item .right {
          min-width: 100%;
          display: flex;
          justify-content: space-between;
          margin-top: 20px; } }
.checkout-process .checkout-preview .item .right .price {
        color: #3D9939;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-style: normal;
        font-weight: bold;
        text-align: right;
        padding-right: 15px;
        padding-top: 10px;
        margin-bottom: 0; }
.checkout-process .checkout-preview .item .right .each {
        color: #999;
        font-size: 12px;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-style: normal;
        font-weight: normal;
        margin-bottom: 4px;
        text-align: right;
        padding-right: 15px;
        margin-bottom: 0; }
.checkout-process .checkout-preview .item .right .add-to-cart-bx {
        position: relative;
        top: 25px;
        right: 15px;
        min-width: 200px; }
@media (max-width: 1350px) {
          .checkout-process .checkout-preview .item .right .add-to-cart-bx {
            min-width: 185px; } }
@media (max-width: 1200px) {
          .checkout-process .checkout-preview .item .right .add-to-cart-bx {
            top: auto;
            right: 0; } }
.checkout-process .checkout-preview .item .in-cart {
        display: none; }
.checkout-process .cart-summary {
    list-style: none;
    padding-left: 0;
    font-family: "VAG Rounded Std";
    font-style: normal;
    font-size: 16px;
    color: #1A1A1A;
    border-bottom: 1px solid #F4F4F4;
    padding-bottom: 20px; }
.checkout-process .cart-summary li {
      padding: 10px 0;
      position: relative;
      display: flex;
      justify-content: space-between; }
.checkout-process .cart-summary li.orange {
        color: #FF5538; }
.checkout-process .cart-summary li.border-b {
        border-bottom: 1px solid #1A1A1A; }
.checkout-process .cart-summary li span {
        display: inline; }
.delivery-slots {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #F4F4F4;
  position: relative; }
.delivery-slots .swiper-container {
    overflow: hidden !important;
    padding: 0 80px; }
.delivery-slots .swiper-container .swiper-slide {
      width: auto;
      padding: 12px 24px;
      border-right: 1px solid #F4F4F4;
      border-bottom: 1px solid #F4F4F4;
      min-width: 120px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer; }
.delivery-slots .swiper-container .swiper-slide:last-child {
        border-right: 0; }
.delivery-slots .swiper-container .swiper-slide.active {
        border-bottom: 0;
        color: #3D9939; }
.delivery-slots .swiper-container .swiper-slide span {
        font-weight: 300; }
.delivery-slots .swiper-container .swiper-button-next-delivery-slot {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      min-width: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #fff;
      height: 72px;
      z-index: 2;
      border-left: 1px solid #F4F4F4;
      border-bottom: 1px solid #F4F4F4;
      cursor: pointer;
      border-top-right-radius: 10px; }
.delivery-slots .swiper-container .swiper-button-prev-delivery-slot {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      min-width: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #fff;
      height: 72px;
      z-index: 2;
      border-right: 1px solid #F4F4F4;
      border-bottom: 1px solid #F4F4F4;
      cursor: pointer;
      border-top-left-radius: 10px; }
.delivery-dates-table .delivery-day-schedule {
  width: 100%;
  display: none; }
.delivery-dates-table .delivery-day-schedule.active {
    display: block; }
.delivery-dates-table .delivery-day-schedule .time-choice {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #F4F4F4;
    cursor: pointer; }
.delivery-dates-table .delivery-day-schedule .time-choice:last-child {
      border-bottom: 0; }
.delivery-dates-table .delivery-day-schedule .time-choice.unavailable-slot {
      cursor: not-allowed;
      color: #BABABA; }
.delivery-dates-table .delivery-day-schedule .time-choice.unavailable-slot .s-card-chcek, .delivery-dates-table .delivery-day-schedule .time-choice.unavailable-slot .delivery-fee {
        display: none; }
.delivery-dates-table .delivery-day-schedule .time-choice.unavailable-slot .unavailable-txt {
        display: inline-block; }
.delivery-dates-table .delivery-day-schedule .time-choice .left {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-size: 16px;
      font-weight: 300;
      width: calc(100% - 100px);
      display: flex;
      justify-content: flex-start; }
.delivery-dates-table .delivery-day-schedule .time-choice .left .delivery-time-slot, .delivery-dates-table .delivery-day-schedule .time-choice .left .delivery-fee {
        width: 50%;
        margin: 0;
        line-height: 1.1; }
@media (max-width: 600px) {
        .delivery-dates-table .delivery-day-schedule .time-choice .left .delivery-time-slot {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          .delivery-dates-table .delivery-day-schedule .time-choice .left .delivery-time-slot span {
            display: inline-block; } }
.delivery-dates-table .delivery-day-schedule .time-choice .unavailable-txt {
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-size: 16px;
      font-weight: 300;
      display: none; }
.delivery-dates-table .delivery-day-schedule .time-choice.selected .s-card-chcek #s-card-tick-mark .circle-card {
      fill: #3D9939;
      stroke: #3D9939; }
/* video Category page start */
.featured-video-area {
  background-color: #1a1a1a;
  padding-bottom: 80px;
  padding-top: 80px; }
@media (max-width: 600px) {
    .featured-video-area {
      padding-bottom: 40px;
      padding-top: 40px; } }
.featured-video-area .container {
    max-width: 70%; }
@media (max-width: 1200px) {
      .featured-video-area .container {
        max-width: 90%; } }
.featured-video-area .section-title {
    margin-top: 0px;
    padding-bottom: 60px;
    text-align: center;
    color: #fff;
    margin-bottom: 0px; }
.featured-video-area .studio-slide {
    position: relative;
    padding-top: 10px;
    transition: padding-top 0.2s ease;
    overflow: hidden; }
@media screen and (max-width: 600px) {
      .featured-video-area .studio-slide {
        padding-top: 0; } }
.featured-video-area .studio-slide.swiper-slide-active {
      padding-top: 0;
      transition: padding-top 0.2s ease; }
.featured-video-area .studio-slide.swiper-slide-active:hover .video-poster-img {
        opacity: 0; }
.featured-video-area .studio-slide.swiper-slide-active .video-poster {
        -o-object-fit: contain;
           object-fit: contain;
        height: 100%; }
@media screen and (max-width: 600px) {
          .featured-video-area .studio-slide.swiper-slide-active .video-poster {
            margin-bottom: 30px; } }
.featured-video-area .studio-slide.swiper-slide-active .video-container .video-poster-img, .featured-video-area .studio-slide.swiper-slide-active .video-container .video-poster-gif {
        top: 0; }
.featured-video-area .studio-slide.swiper-slide-active .overlay {
        opacity: 0.5; }
.featured-video-area .studio-slide .overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 4;
      background-color: #1a1a1a;
      opacity: 0.6; }
.featured-video-area .studio-slide .video-container {
      display: inline-block;
      overflow: hidden;
      height: 634px;
      max-height: 80vh;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 100%; }
.featured-video-area .studio-slide .video-container video {
        -o-object-fit: contain;
           object-fit: contain;
        width: 100%; }
.featured-video-area .studio-slide .video-container .video-poster-img {
        top: 10px;
        -o-object-fit: cover;
           object-fit: cover;
        z-index: 3;
        opacity: 1;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        height: 100%;
        width: 100%; }
@media (max-width: 700px) {
          .featured-video-area .studio-slide .video-container .video-poster-img {
            width: 100%; } }
.featured-video-area .studio-slide .video-container .video-poster-gif {
        -o-object-fit: cover;
           object-fit: cover;
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        top: 10px; }
@media screen and (max-width: 600px) {
          .featured-video-area .studio-slide .video-container .video-poster-gif {
            top: 0;
            display: none; } }
.featured-video-area .studio-slide .flex-top {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 9;
      top: 0;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      max-height: 634px; }
.featured-video-area .studio-slide .flex-top .studio-slide-title {
        font-weight: normal;
        font-size: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        cursor: pointer; }
@media (max-width: 700px) {
          .featured-video-area .studio-slide .flex-top .studio-slide-title {
            font-size: 20px;
            font-weight: 500;
            line-height: 30px;
            line-height: 1.2; } }
.featured-video-area .studio-slide .flex-top .align-bottom {
        position: absolute;
        top: 40px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 100%; }
@media (max-width: 700px) {
          .featured-video-area .studio-slide .flex-top .align-bottom {
            top: 10px; } }
.featured-video-area .studio-slide .flex-top .align-bottom .play-this {
          cursor: pointer; }
.featured-video-area .studio-slide .flex-top .align-bottom .play-btn {
          margin-top: 60px;
          margin-bottom: 30px; }
@media (max-width: 700px) {
            .featured-video-area .studio-slide .flex-top .align-bottom .play-btn {
              margin-top: 0px;
              margin-bottom: 0px; }
              .featured-video-area .studio-slide .flex-top .align-bottom .play-btn svg {
                max-width: 40px; } }
.featured-video-area .studio-slide .flex-top .align-bottom .watch {
          font-family: "VAG Rounded Std";
          font-style: normal;
          color: #fff;
          margin-top: 30px;
          font-weight: 400;
          font-size: 14px;
          letter-spacing: 1px; }
@media (max-width: 700px) {
            .featured-video-area .studio-slide .flex-top .align-bottom .watch {
              margin-top: 0px;
              font-size: 12px; } }
.featured-video-area .studio-slide .flex-top .align-bottom .watch span {
            font-weight: 300; }
.video-category-section .contain {
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden; }
.video-category-section .video-list-area {
  display: flex;
  margin-right: -20px;
  margin-left: -20px; }
.video-category-section .video-list-area .video-bx {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 20px;
    margin-bottom: 30px;
    margin-top: 50px; }
@media (max-width: 600px) {
      .video-category-section .video-list-area .video-bx {
        margin-bottom: 0px;
        margin-top: 20px; } }
@media screen and (max-width: 1672px) {
      .video-category-section .video-list-area .video-bx {
        flex: 0 0 33.33333%;
        max-width: 33.33333%; } }
@media screen and (max-width: 900px) {
      .video-category-section .video-list-area .video-bx {
        flex: 0 0 50%;
        max-width: 50%; } }
@media screen and (max-width: 600px) {
      .video-category-section .video-list-area .video-bx {
        flex: 0 0 100%;
        max-width: 100%; } }
.video-category-section .video-list-area .video-bx .image-bx {
      position: relative;
      width: 100%;
      overflow: hidden; }
.video-category-section .video-list-area .video-bx .image-bx:hover img.default-img {
        opacity: 0; }
@media screen and (max-width: 1200px) {
          .video-category-section .video-list-area .video-bx .image-bx:hover img.default-img {
            opacity: 1; } }
.video-category-section .video-list-area .video-bx .image-bx .overlay {
        background-color: #000;
        opacity: 0.2;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 4; }
.video-category-section .video-list-area .video-bx .image-bx img.default-img {
        position: relative;
        z-index: 3;
        opacity: 1;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.video-category-section .video-list-area .video-bx .image-bx img.default-gif {
        -o-object-fit: cover;
           object-fit: cover;
        height: 100%;
        width: auto;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        width: 100%; }
.video-category-section .video-list-area .video-bx .image-bx video {
        position: absolute;
        z-index: 1;
        width: inherit;
        -o-object-fit: cover;
           object-fit: cover;
        height: 100%;
        left: 0;
        top: 0; }
@media screen and (max-width: 1200px) {
          .video-category-section .video-list-area .video-bx .image-bx video {
            display: none; } }
.video-category-section .video-list-area .video-bx .image-bx .play-btn {
        position: absolute;
        display: block;
        z-index: 5;
        width: 100%;
        height: 100%;
        display: flex;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center; }
.video-category-section .video-list-area .video-bx .image-bx .play-btn:hover svg {
          opacity: 0; }
@media screen and (max-width: 1200px) {
            .video-category-section .video-list-area .video-bx .image-bx .play-btn:hover svg {
              opacity: 1; } }
.video-category-section .video-list-area .video-bx .image-bx .play-btn svg {
          opacity: 1;
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.video-category-section .video-list-area .video-bx .content {
      margin-top: 15px; }
.video-category-section .video-list-area .video-bx .content .date {
        color: #707070;
        font-size: 18px;
        letter-spacing: 1.44px;
        margin-bottom: 25px; }
.video-category-section .video-list-area .video-bx .content .date span {
          color: #3d9939;
          padding-right: 10px; }
.video-category-section .video-list-area .video-bx .content h4 {
        font-size: 26px;
        color: #393939;
        line-height: 32px;
        margin-bottom: 30px;
        font-weight: 500;
        font-family: "VAG Rounded Std";
        font-style: normal; }
@media (max-width: 600px) {
  .journal-text {
    width: 90%;
    margin: 0 auto; } }
.magazine-article-area .c-recipe-bx {
  margin-top: 20px;
  margin-bottom: 20px; }
.magazine-article-area .c-recipe-bx img {
    height: auto;
    width: 100%; }
.magazine-article-area .c-recipe-bx .content {
    margin-top: 15px; }
.magazine-article-area .c-recipe-bx .content .date {
      color: #707070;
      font-size: 18px;
      letter-spacing: 1.44px;
      margin-bottom: 25px; }
.magazine-article-area .c-recipe-bx .content .date span {
        color: #3d9939;
        padding-right: 10px; }
.magazine-article-area .c-recipe-bx .content h4 {
      font-size: 26px;
      color: #393939;
      line-height: 32px;
      margin-bottom: 30px; }
.magazine-article-area .c-recipe-bx .content .author {
      color: #707070;
      font-size: 18px; }
.magazine-article-area .c-recipe-bx .content .author span {
        color: #393939; }
.magazine-interviews-area .c-recipe-bx {
  margin-top: 20px;
  margin-bottom: 20px; }
.magazine-interviews-area .c-recipe-bx .img-area {
    position: relative; }
.magazine-interviews-area .c-recipe-bx .img-area .img-background {
      -o-object-fit: contain;
         object-fit: contain;
      width: 100%;
      height: auto; }
.magazine-interviews-area .c-recipe-bx .img-area .img-icon {
      position: absolute;
      z-index: 1;
      left: 0px;
      bottom: -1px;
      max-width: 100px; }
.magazine-interviews-area .c-recipe-bx .content {
    margin-top: 15px;
    text-align: center; }
.magazine-interviews-area .c-recipe-bx .content .date {
      color: #707070;
      font-size: 18px;
      letter-spacing: 1.44px;
      margin-bottom: 10px; }
.magazine-interviews-area .c-recipe-bx .content .date span {
        color: #3d9939;
        padding-right: 10px; }
.magazine-interviews-area .c-recipe-bx .content h4 {
      font-size: 26px;
      color: #393939;
      line-height: 32px;
      margin-bottom: 30px;
      width: 80%;
      margin-left: auto;
      margin-right: auto; }
.magazine-interviews-area .c-recipe-bx .content .author {
      color: #707070;
      font-size: 18px; }
.magazine-interviews-area .c-recipe-bx .content .author span {
        color: #393939; }
.interviews-area .img-area {
  position: relative; }
.interviews-area .img-area .img-background {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: auto; }
.interviews-area .img-area .img-icon {
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: -1px;
    max-width: 100px; }
.interviews-area .content {
  margin-top: 15px;
  text-align: center; }
.interviews-area .content .date {
    color: #707070;
    font-size: 18px;
    letter-spacing: 1.44px;
    margin-bottom: 10px; }
.interviews-area .content .date span {
      color: #3d9939;
      padding-right: 10px; }
.interviews-area .content h4 {
    font-size: 26px;
    color: #393939;
    line-height: 32px;
    margin-bottom: 8px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-family: "VAG Rounded Std";
    font-style: normal;
    letter-spacing: 0.3px;
    min-height: 64px; }
.interviews-area .content .author {
    color: #707070;
    font-size: 18px;
    letter-spacing: 1.2px; }
.interviews-area .content .author span {
      color: #393939; }
.journal-category-page .section-title {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 80px; }
.journal-category-page .journal_archive .single-journal {
  margin-right: 30px;
  margin-bottom: 80px;
  flex: 0 0 25%;
  max-width: calc(25% - 30px); }
@media (max-width: 1600px) {
    .journal-category-page .journal_archive .single-journal {
      flex: 0 0 33.33333%;
      max-width: calc(33.33333% - 30px); } }
@media (max-width: 1200px) {
    .journal-category-page .journal_archive .single-journal {
      flex: 0 0 50%;
      max-width: calc(50% - 30px); } }
@media (max-width: 600px) {
    .journal-category-page .journal_archive .single-journal {
      flex: 0 0 95%;
      max-width: 95%;
      margin-right: 0;
      margin-left: 2%; } }
.journal-category-page .journal_archive .single-journal img {
    width: 100%; }
.journal-category-page .journal_archive .single-journal .content {
    margin-top: 15px; }
.journal-category-page .journal_archive .single-journal .content .date {
      color: #707070;
      font-size: 18px;
      letter-spacing: 1.44px;
      margin-bottom: 25px; }
.journal-category-page .journal_archive .single-journal .content .date span {
        color: #3d9939;
        padding-right: 10px; }
.journal-category-page .journal_archive .single-journal .content h4 {
      font-size: 26px;
      color: #393939;
      line-height: 32px;
      margin-bottom: 30px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      letter-spacing: 0.3px; }
.journal-category-page .journal_archive .single-journal .content .author {
      color: #707070;
      font-size: 18px;
      letter-spacing: 1.2px; }
.journal-category-page .journal_archive .single-journal .content .author span {
        color: #393939; }
.magazine-hero-slider .container {
  position: relative;
  overflow: hidden; }
.magazine-hero-slider .container .swiper-container {
    overflow: visible;
    margin: 0 -15px; }
@media (max-width: 600px) {
    .magazine-hero-slider .container .swiper-slide {
      max-width: 100% !important;
      box-sizing: border-box; }
      .magazine-hero-slider .container .swiper-slide img {
        height: 40vh;
        min-height: 60vh;
        width: auto !important;
        -o-object-fit: contain;
           object-fit: contain; } }
.magazine-hero-slider .container .article-swiper-button-next, .magazine-hero-slider .container .article-swiper-button-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 60px !important;
    height: 60px !important; }
.magazine-hero-slider .container .article-swiper-button-next {
    right: 2px; }
.magazine-hero-slider .container .article-swiper-button-prev {
    left: 2px; }
@media (max-width: 800px) {
  .magazine-hero-slider h2 {
    max-width: 90%;
    letter-spacing: 1px; } }
.magazine-hero-slider h2 > a {
  letter-spacing: 0.8px; }
@media (max-width: 1200px) {
    .magazine-hero-slider h2 > a {
      color: #fff !important; } }
@media (max-width: 800px) {
    .magazine-hero-slider h2 > a {
      color: #333 !important;
      text-align: center;
      padding: 0;
      letter-spacing: 1px; } }
.magazine-hero-slider h6 {
  margin-top: 24px; }
@media (max-width: 800px) {
    .magazine-hero-slider h6 {
      margin-top: 6px !important;
      margin-bottom: 40px; } }
.magazine-hero-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: 0;
  position: relative;
  margin: 0 8px; }
@media (max-width: 800px) {
    .magazine-hero-slider .swiper-pagination .swiper-pagination-bullet {
      width: 6px;
      height: 6px; } }
.magazine-hero-slider .swiper-pagination .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 50%;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    left: -5px;
    top: -5px; }
@media (max-width: 800px) {
      .magazine-hero-slider .swiper-pagination .swiper-pagination-bullet::before {
        border-color: #fff; } }
.magazine-hero-slider .swiper-pagination-bullet-active {
  background-color: #fff !important;
  padding: 2px; }
@media (max-width: 800px) {
    .magazine-hero-slider .swiper-pagination-bullet-active {
      background-color: #fff !important; } }
.magazine-hero-slider carousel-caption {
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 0px; }
@media (max-width: 800px) {
    .magazine-hero-slider carousel-caption {
      width: 100%;
      position: absolute;
      background-color: rgba(0, 0, 0, 0.25); } }
.search-journal .section-title {
  margin-bottom: 60px;
  position: relative;
  left: -15px; }
.search-journal .journal_archive .single-journal {
  margin-right: 30px;
  margin-bottom: 80px;
  flex: 0 0 25%;
  max-width: calc(25% - 30px); }
@media (max-width: 1600px) {
    .search-journal .journal_archive .single-journal {
      flex: 0 0 33.33333%;
      max-width: calc(33.33333% - 30px); } }
@media (max-width: 1200px) {
    .search-journal .journal_archive .single-journal {
      flex: 0 0 50%;
      max-width: calc(50% - 30px); } }
@media (max-width: 600px) {
    .search-journal .journal_archive .single-journal {
      flex: 0 0 95%;
      max-width: 95%;
      margin-right: 0;
      margin-left: 2%; } }
.search-journal .journal_archive .single-journal img {
    width: 100%; }
.search-journal .journal_archive .single-journal .content {
    margin-top: 15px; }
.search-journal .journal_archive .single-journal .content .date {
      color: #707070;
      font-size: 18px;
      letter-spacing: 1.44px;
      margin-bottom: 25px; }
.search-journal .journal_archive .single-journal .content .date span {
        color: #3d9939;
        padding-right: 10px; }
.search-journal .journal_archive .single-journal .content h4 {
      font-size: 26px;
      color: #393939;
      line-height: 32px;
      margin-bottom: 30px;
      font-family: "VAG Rounded Std";
      font-style: normal;
      letter-spacing: 0.3px; }
.search-journal .journal_archive .single-journal .content .author {
      color: #707070;
      font-size: 18px;
      letter-spacing: 1.2px; }
.search-journal .journal_archive .single-journal .content .author span {
        color: #393939; }
.ingredient-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center; }
.ingredient-overlay.active {
    display: flex;
    z-index: 100; }
.ingredient-overlay .overlay-background {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer; }
.ingredient-overlay .overlay-modal {
    max-height: 80vh;
    max-width: 80vw;
    width: 100%;
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 20px;
    z-index: 1;
    overflow: hidden;
    display: none; }
@media (max-width: 767px) {
      .ingredient-overlay .overlay-modal {
        max-width: 90vw; } }
@media (min-width: 1800px) {
      .ingredient-overlay .overlay-modal {
        max-width: 50vw; } }
.ingredient-overlay .overlay-modal.active {
      display: flex; }
.ingredient-overlay .overlay-modal .modal-header {
      height: 50px;
      display: flex;
      align-items: center;
      width: 100%;
      line-height: 1.25;
      letter-spacing: 0.02em;
      font-size: 16px;
      padding: 0 0 20px; }
.ingredient-overlay .overlay-modal .modal-body {
      display: flex;
      flex-direction: column;
      overflow-y: auto;
      padding: 0;
      width: 100%; }
.ingredient-overlay .overlay-modal .modal-body::-webkit-scrollbar {
        width: 8px;
        height: 12px; }
.ingredient-overlay .overlay-modal .modal-body::-webkit-scrollbar-track {
        box-shadow: none;
        background-color: #F4F4F4; }
.ingredient-overlay .overlay-modal .modal-body::-webkit-scrollbar-thumb {
        background-color: #bababa;
        outline: none; }
.ingredient-overlay .overlay-modal .modal-body .product-row {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #F4F4F4;
        padding: 0 20px 0 0;
        width: 100%; }
@media (max-width: 767px) {
          .ingredient-overlay .overlay-modal .modal-body .product-row {
            flex-wrap: wrap;
            justify-content: space-between;
            padding-bottom: 10px;
            position: relative;
            min-height: 165px; } }
.ingredient-overlay .overlay-modal .modal-body .product-row:last-of-type {
          border-bottom: 0; }
.ingredient-overlay .overlay-modal .modal-body .product-row.inactive > * {
          opacity: .5; }
.ingredient-overlay .overlay-modal .modal-body .product-row.inactive .product-info, .ingredient-overlay .overlay-modal .modal-body .product-row.inactive .plus-value-min {
          pointer-events: none; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-label input {
          position: absolute;
          left: -9999px; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-label input:checked + label {
            opacity: 1;
            border-color: #3D9939; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-label input:checked + label svg {
            opacity: 1;
            fill: #3D9939; }
@media (max-width: 767px) {
          .ingredient-overlay .overlay-modal .modal-body .product-row .product-label {
            position: absolute;
            z-index: 2;
            top: 20px; } }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-label label {
          width: 24px;
          height: 24px;
          border: 1px solid #8c8c8c;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          opacity: 0.3;
          transition: all 0.2s;
          cursor: pointer;
          margin: 0; }
@media (max-width: 767px) {
            .ingredient-overlay .overlay-modal .modal-body .product-row .product-label label {
              width: 20px;
              height: 20px; } }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-label label:hover {
            border-color: #3D9939; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-label label svg {
            transition: all 0.2s;
            opacity: 0; }
@media (max-width: 767px) {
              .ingredient-overlay .overlay-modal .modal-body .product-row .product-label label svg {
                width: 12px; } }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-label label svg * {
              fill: #3D9939; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-image {
          position: relative;
          width: calc(2.146vw + 64.12017px);
          height: calc(2.146vw + 64.12017px);
          margin: 0 10px;
          flex: 0 0 auto; }
@media (max-width: 767px) {
            .ingredient-overlay .overlay-modal .modal-body .product-row .product-image {
              margin-left: calc((16% - 22px) / 2);
              min-width: 90px; } }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-image .img-padding {
            padding-bottom: 100%; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-image .img-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-image .img-wrapper img {
              -o-object-fit: cover;
                 object-fit: cover;
              -o-object-position: 50% 50%;
                 object-position: 50% 50%;
              width: 100%;
              height: 100%; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-info {
          margin-right: 20px;
          flex: 1 1 auto; }
@media (max-width: 767px) {
            .ingredient-overlay .overlay-modal .modal-body .product-row .product-info {
              flex: 1 0 calc(60% - 20px); } }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .product-name {
            margin: 0;
            font-size: 14px;
            font-weight: normal;
            color: #1A1A1A; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .product-name a {
              color: inherit; }
@media (max-width: 600px) {
                .ingredient-overlay .overlay-modal .modal-body .product-row .product-info .product-name a {
                  display: -webkit-box;
                  --webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                  overflow: hidden;
                  text-overflow: ellipsis; } }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .product-name .qty {
              color: #BABABA; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .product-price-m {
            font-size: 16px;
            font-weight: 500;
            line-height: 1;
            margin-top: 20px;
            min-width: 100px;
            display: none; }
@media (max-width: 767px) {
              .ingredient-overlay .overlay-modal .modal-body .product-row .product-info .product-price-m {
                display: inline-block; } }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m {
            display: flex;
            border: 1px solid #F4F4F4;
            border-radius: 4px;
            max-height: 42px;
            margin-top: 10px;
            display: none; }
@media (max-width: 767px) {
              .ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m {
                display: flex; } }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .value {
              display: flex;
              justify-content: center;
              align-items: center;
              padding: 15px;
              max-width: 80px;
              min-width: 33%; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .value p {
                font-size: 16px;
                line-height: 1;
                margin-bottom: 0;
                display: inline-block; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .plus, .ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .min {
              display: flex;
              justify-content: center;
              align-items: center;
              cursor: pointer;
              padding: 15px;
              min-width: 33%; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .plus img, .ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .min img {
                width: 20px;
                height: 20px; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .plus {
              border-left: 1px solid #F4F4F4; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .min {
              border-right: 1px solid #F4F4F4; }
.ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min {
          display: flex;
          border: 1px solid #F4F4F4;
          border-radius: 4px; }
@media (max-width: 767px) {
            .ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min {
              display: none; } }
.ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min .value {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 15px;
            max-width: 80px; }
.ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min .value p {
              font-size: 16px;
              line-height: 1;
              margin-bottom: 0;
              display: inline-block; }
.ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min .plus, .ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min .min {
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            padding: 15px; }
.ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min .plus img, .ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min .min img {
              width: 20px;
              height: 20px; }
.ingredient-overlay .overlay-modal .modal-body .product-row .product-price {
          font-size: 16px;
          font-weight: 500;
          line-height: 1;
          margin-left: 10px;
          text-align: right;
          min-width: 100px; }
@media (max-width: 767px) {
            .ingredient-overlay .overlay-modal .modal-body .product-row .product-price {
              display: none; } }
.ingredient-overlay .overlay-modal .modal-footer {
      width: 100%;
      padding: 0;
      margin-top: 20px;
      height: 90px; }
.ingredient-overlay .overlay-modal .modal-footer button {
        height: 50px;
        transition: all .2s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #FF8A26;
        border-radius: 4px;
        padding: 0 40px;
        background-color: #FF8A26;
        cursor: pointer;
        margin-left: 30px; }
@media (max-width: 767px) {
          .ingredient-overlay .overlay-modal .modal-footer button {
            justify-content: flex-start !important;
            padding-left: 16px; } }
@media (max-width: 480px) {
          .ingredient-overlay .overlay-modal .modal-footer button {
            max-height: 60px !important; } }
.ingredient-overlay .overlay-modal .modal-footer button.inactive {
          pointer-events: none;
          opacity: 0.7; }
.ingredient-overlay .overlay-modal .modal-footer button:focus {
          outline: none;
          box-shadow: none; }
.ingredient-overlay .overlay-modal .modal-footer button:hover {
          opacity: 0.7; }
.ingredient-overlay .overlay-modal .modal-footer button svg {
          margin-right: 8px; }
@media (max-width: 767px) {
            .ingredient-overlay .overlay-modal .modal-footer button svg {
              display: none; } }
.ingredient-overlay .overlay-modal .modal-footer button span {
          color: #fff;
          font-size: 13px;
          font-weight: 700;
          letter-spacing: .78px;
          line-height: 17px;
          text-transform: uppercase; }
.recipes-category-page .section-title {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 80px; }
.recipes-category-page .recipe_archive {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
.recipes-category-page .recipe_archive .single-recipe {
    margin-right: 30px;
    margin-bottom: 80px;
    position: relative;
    overflow: hidden;
    flex: 0 0 25%;
    max-width: calc(25% - 30px); }
@media (max-width: 1600px) {
      .recipes-category-page .recipe_archive .single-recipe {
        flex: 0 0 33.33333%;
        max-width: calc(33.33333% - 30px); } }
@media (max-width: 1200px) {
      .recipes-category-page .recipe_archive .single-recipe {
        flex: 0 0 50%;
        max-width: calc(50% - 30px); } }
@media (max-width: 600px) {
      .recipes-category-page .recipe_archive .single-recipe {
        flex: 0 0 95%;
        max-width: 95%;
        margin-right: 0;
        margin-left: 2%; } }
.recipes-category-page .recipe_archive .single-recipe.bookmarked .fav-add .heart {
      fill: #fff; }
.recipes-category-page .recipe_archive .single-recipe.favourite .no-list {
      display: none; }
.recipes-category-page .recipe_archive .single-recipe.favourite .list-added {
      display: block; }
.recipes-category-page .recipe_archive .single-recipe .user--loginnot {
      position: absolute;
      right: 20px;
      top: 10px;
      z-index: 10;
      cursor: pointer;
      width: 46px;
      will-change: scale;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 1300px) {
        .recipes-category-page .recipe_archive .single-recipe .user--loginnot {
          width: 40px; } }
.recipes-category-page .recipe_archive .single-recipe .user--loginnot:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
.recipes-category-page .recipe_archive .single-recipe .user--loginnot .border {
        fill: none;
        stroke: #FFFFFF;
        stroke-width: 2; }
.recipes-category-page .recipe_archive .single-recipe .user--loginnot .heart {
        fill: transparent;
        stroke: #fff;
        stroke-width: 2;
        will-change: fill;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.recipes-category-page .recipe_archive .single-recipe .overlay {
      position: absolute;
      z-index: 2;
      background-color: rgba(0, 0, 0, 0.45);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0; }
.recipes-category-page .recipe_archive .single-recipe .close-list {
      display: none;
      position: absolute;
      right: 15px;
      cursor: pointer;
      padding: 10px;
      z-index: 12;
      top: 14px;
      width: 40px; }
.recipes-category-page .recipe_archive .single-recipe .list-added {
      display: none; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx {
      position: absolute;
      z-index: 10;
      top: 0;
      background-color: #fff;
      width: 60%;
      height: 80%;
      box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.11);
      border-radius: 6px;
      border-top-right-radius: 0;
      right: -120%;
      transition: right 0.4s ease-out; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .fav-list {
        list-style: none;
        padding-left: 15px;
        max-height: 80%;
        overflow-y: auto;
        text-align: left;
        margin-bottom: 0;
        padding-bottom: 80px; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .fav-list::-webkit-scrollbar {
          width: 8px;
          height: 12px; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .fav-list::-webkit-scrollbar-track {
          box-shadow: none;
          background-color: #F4F4F4; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .fav-list::-webkit-scrollbar-thumb {
          background-color: #bababa;
          outline: none; }
@media (max-width: 600px) {
          .recipes-category-page .recipe_archive .single-recipe .fav-list-bx .fav-list {
            max-height: 100%; } }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .fav-list li {
          padding: 5px 0; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .choose-list,
      .recipes-category-page .recipe_archive .single-recipe .fav-list-bx .create-list {
        height: 80%;
        overflow-y: hidden; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .create-list .title.back {
        padding-left: 30px;
        cursor: pointer; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .create-list .title.back:after {
          content: url("../icons/back-to-list.ff12ddb2a3c4.svg");
          position: absolute;
          left: 15px; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .title {
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        color: #3D9939;
        padding: 21px 0 0 17px;
        position: static;
        text-align: left;
        letter-spacing: 1px;
        max-width: 85%;
        font-size: 30px;
        line-height: 1;
        letter-spacing: 0.6px; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .btn {
        width: 80% !important; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .create-new-list {
        position: absolute;
        bottom: 0;
        background-color: #FF8A26;
        color: #fff;
        font-family: "VAG Rounded Std";
        font-style: normal;
        font-weight: normal;
        width: 100%;
        padding: 8px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        cursor: pointer; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .create-new-list:hover {
          background-color: #3d9939; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .create-new-list:after {
          content: url("../icons/add-to-list.425fb8e822b5.svg");
          position: absolute;
          z-index: 2;
          right: 15px; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .list-new {
        border: 0;
        background-color: #f6f6f6;
        border-radius: 4px;
        margin: 0 15px;
        padding: 10px 15px;
        width: 80%; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx .btn.create {
        background-color: #FF8A26;
        color: #fff;
        position: absolute;
        bottom: 15px;
        left: 15px; }
.recipes-category-page .recipe_archive .single-recipe .fav-list-bx.active {
      right: 0; }
.recipes-category-page .recipe_archive .single-recipe .title {
      position: absolute;
      z-index: 3;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: bold;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      margin: auto;
      left: 0;
      right: 0;
      font-size: 30px;
      line-height: 1;
      letter-spacing: 0.6px; }
@media (max-width: 600px) {
        .recipes-category-page .recipe_archive .single-recipe .title {
          top: 45%;
          font-size: 20px; } }
.recipes-category-page .recipe_archive .single-recipe .btn {
      color: #fff;
      border: 1px solid #fff;
      position: absolute;
      z-index: 3;
      bottom: 20px;
      margin: auto;
      left: 0;
      right: 0;
      width: 142px;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.recipes-category-page .recipe_archive .single-recipe .btn:hover {
        color: #333;
        background-color: #fff; }
.recipes-category-page .recipe_archive .single-recipe button.fav-add {
      position: absolute;
      right: 20px;
      top: 20px;
      z-index: 10;
      cursor: pointer;
      width: 62px;
      will-change: scale;
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      box-shadow: none;
      text-shadow: none;
      /* transform: scale(1.1); */
      color: #0056b3;
      text-decoration: underline;
      background-color: transparent;
      border-color: transparent;
      outline: none; }
@media (max-width: 1300px) {
        .recipes-category-page .recipe_archive .single-recipe button.fav-add {
          width: 40px; } }
.recipes-category-page .recipe_archive .single-recipe button.fav-add:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
.recipes-category-page .recipe_archive .single-recipe button.fav-add .border {
        fill: none;
        stroke: #FFFFFF;
        stroke-width: 2; }
.recipes-category-page .recipe_archive .single-recipe button.fav-add .heart {
        fill: transparent;
        stroke: #fff;
        stroke-width: 2;
        will-change: fill;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.recipes-category-page .recipe_archive .single-recipe .category {
      position: absolute;
      top: 20px;
      text-align: center;
      z-index: 4;
      width: 100%;
      color: #fff;
      font-family: "VAG Rounded Std";
      font-style: normal;
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing: 1px; }
.recipes-category-page .recipe_archive .single-recipe .boomark-area.bookmarked .fav-add .heart {
      fill: #fff; }

/*# sourceMappingURL=style.css.map */