@charset "utf-8";
li {
  list-style-type: none;
}

.rnd-50p {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.rnd-30 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
/* flex */
.tr-fx,
.tr-fx-c > *,
.tr-fx-cc > * > * {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.tr-fx-nw,
.tr-fx-nw-c > *,
.tr-fx-nw-cc > * > * {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.tr-fxt,
.tr-fxt-c > *,
.tr-fxt-cc > * > * {
  align-items: flex-start;
}
.tr-fxb,
.tr-fxb-c > *,
.tr-fxb-cc > * > * {
  align-items: flex-end;
}
.tr-fxs,
.tr-fxs-c > *,
.tr-fxs-cc > * > * {
  justify-content: flex-start;
}
.tr-fxe,
.tr-fxe-c > *,
.tr-fxe-cc > * > * {
  justify-content: flex-end;
}
.tr-fxsa,
.tr-fxsa-c > *,
.tr-fxsa-cc > * > * {
  justify-content: space-around;
}
.tr-fxsb,
.tr-fxsb-c > *,
.tr-fxsb-cc > * > * {
  justify-content: space-between;
}
.hidden {
  display: none;
}

/* header */
#header , .header-after{
  height: 128px;
}

#header .hidden-md{
  height:80px;
}

#header .logo{
  height:36px;
}

.main-logo {
  width: 120px;
}
.subscr-btn {
  width: 95px;
  height: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
.tooltip {
  position: absolute;
  right:0;
  top:60px;
  width: 225px;
  height: 55px;
  padding: 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #dda69d;
  color:#000;
}

.tooltip:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 10px 15px;
  border-color: #dda69d transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -10px;
  right: 34px;
}

/* subscribe */
input[type="radio"].sub-radio + label:before {
  display: none;
}
input[type="radio"].sub-radio + label {
  padding-left: 0;
}
input[type="radio"].sub-radio + label > * {
  border: 1px solid #808080;
  opacity: 0.5;
}
input[type="radio"].sub-radio:checked + label > * {
  background-color: rgba(220, 223, 237, 0.5);
  border: 1px solid #000;
  opacity: 1;
}
input[type="radio"].sub-radio:checked + label .chk-on {
  display: block;
}

/* deliver-sidebar */
.side-lib {
  width: 720px;
  max-width: 0;
  height: 100%;
  -webkit-box-shadow: -5px 0px 20px rgba(0, 0, 0, 0.2),
    0px 4px 16px -8px rgba(55, 55, 76, 0.3);
  -moz-box-shadow: -5px 0px 20px rgba(0, 0, 0, 0.2),
    0px 4px 16px -8px rgba(55, 55, 76, 0.3);
  box-shadow: -5px 0px 20px rgba(0, 0, 0, 0.2),
    0px 4px 16px -8px rgba(55, 55, 76, 0.3);
}

.acc {
  max-height: 0;
}

.li-type-hyp > *::before {
  content: "-";
  position: absolute;
  left: -10px;
  top: 0;
  display: block;
}

.cup-icon {
  -webkit-transform: translate(-50%, -35%);
  -moz-transform: translate(-50%, -35%);
  -ms-transform: translate(-50%, -35%);
  -o-transform: translate(-50%, -35%);
  transform: translate(-50%, -35%);
}

/* main */
.vis-start-btn,
.fail-menu-btn,
.next-ok-btn {
  height: 65px;
  -webkit-border-radius: 65px;
  -moz-border-radius: 65px;
  -o-border-radius: 65px;
  border-radius: 65px;
}

/* menu */
.vis-menu {
  background-image: url("../img/menu-bg.jpg");
  height: 360px;
}
.img-hov:hover .img-hov-0 {
  display: none;
}
.img-hov:hover .img-hov-1 {
  display: inline;
}

/* deli-box */
.plantly-alert {
  width: 425px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.fail-menu-btn {
}

/* mob-side-menu */
.mob-side-menu {
  height: 100vh;
  left: -100%;
}

.coupon-ok{
  width:100%;
}

/* register */
.pw-view {
  width: 24px;
  height: 27px;
  background-image: url('../img/Eye.png');
}
.pw-view.on {
  background-image: url('../img/Eye_Hidden.png');
}
.toggle {
  --width: 40px;
  --height: calc(var(--width) / 2);
  --border-radius: calc(var(--height) / 2);

  display: inline-block;
  cursor: pointer;
}
.toggle__fill {
  position: relative;
  width: var(--width);
  height: var(--height);
  border-radius: var(--border-radius);
  background: #dddddd;
  transition: background 0.2s;
}
.toggle__input:checked ~ .toggle__fill {
  background: #000;
}
.toggle__fill::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: var(--height);
  width: var(--height);
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border-radius: var(--border-radius);
  transition: transform 0.2s;
}

.toggle__input:checked ~ .toggle__fill::after {
  transform: translateX(var(--height));
}
#reg-ok {
  -webkit-border-radius: 65px;
  -moz-border-radius: 65px;
  -o-border-radius: 65px;
  border-radius: 65px;
}
.or-line::before {
  content: "";
  width: 160px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-bottom: 1px solid #000;
}
.or-line::after {
  content: "";
  width: 160px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-bottom: 1px solid #000;
}

/* payment_type */
.payment-form input[type="text"]:focus,
.payment-form textarea:focus {
  outline: none;
}
.payment-form textarea{
  resize: :none;
}

/* payment_option */
input[type="radio"].payment-option-input + label:before {
  display: none;
}
input[type="radio"].payment-option-input + label {
  padding-left: 30px;
  border:1px solid #808080;
}
input[type="radio"].payment-option-input:checked + label {
  background-color: rgba(220, 223, 237, 0.5);
  border: 1px solid #000;
}
@media screen and (min-width: 1440px) {
  .hidden-lg {
    display: none !important;
  }
  .visible-md {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important;
  }
}

@media screen and (max-width: 1000px) {
  /* header */
  #header , .header-after, header{
    height: 104px;
  }

  #header .logo{
    height:22px;
  }

  #header .visible-md{height:56px;}

  .visible-lg {
    display: none !important;
  }
  .hidden-md {
    display: none !important;
  }
  .cen-wh-md {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .tr-fxc-md {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .tr-fxc-r-md {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .tooltip {
    width: 190px;
    height: 42px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    top: 52px;
  }

  .tr-fxs-md,
  .tr-fxs-c-md > *,
  .tr-fxs-cc-md > * > * {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .hidden-sm {
    display: none;
  }
  .tr-fx-nw-sm,
  .tr-fx-nw-c-sm > *,
  .tr-fx-nw-cc-sm > * > * {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  /* header */
  .main-logo {
    width: 70px;
  }
  .cen-wh-sm {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .tr-fxt-sm {
    align-items: flex-start;
  }
  .tr-fxb-sm {
    align-items: flex-end;
  }
  .tr-fxc-sm {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }

  /* main */
  .vis-start-btn,
  .fail-menu-btn,
  .next-ok-btn {
    width: 160px;
    height: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -o-border-radius: 45px;
    border-radius: 45px;
  }

  /* menu */
  .vis-menu {
    background-image: url("../img/menu-bg-mob.jpg");
  }

  /* deli-box */
  .plantly-alert {
    width: 280px;
  }
  .fail-menu-btn {
    width: 200px;
  }

  /* next-order */
  .next-ok-btn,
  .input-text {
    width: 335px;
  }
  .coupon-ok{
    width:100%;
  }

  /* register */
  .or-line::before {
    width: 116px;
  }
  .or-line::after {
    width: 116px;
  }

  .tooltip:after{right:30px;}
}